/*==Structure//global==*/
html,body{width:100%;height:100%;background-color:#000;}
.scroll-stage{position:fixed;width:100%;height:100%;}
section{width:100%;height:100%;}
.center{text-align:center;}
.no-padding{padding-bottom:0px !important;}
#progress{height:1%;background:#444;bottom:0;z-index:200;position:fixed;}
.faux-scroller{width:100%;}
#faux-scroll-1{height:1000px;}
#faux-scroll-2{height:3800px;}
#faux-scroll-3{height:3000px;}
#faux-scroll-4{height:2200px;}
#faux-scroll-5{height:5000px;}


/*Sandbox2*/

#sandbox #faux-scroll-1{height:1000px;}
#sandbox #faux-scroll-2{height:3800px;}
#sandbox #faux-scroll-3{height:3000px;}
#sandbox #faux-scroll-4{height:3200px;}
#sandbox #faux-scroll-5{height:5000px;}


.margin-bottom-40{margin-bottom:40px !important;}
.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-15{margin-bottom:15px !important;}
.center-divider{height:0.5%;width:100%;background-color:#fff;}

/*==Typography==*/
.white{color:#fff;}
h2,h3,h4{font-family:'heroregular';text-transform:uppercase;letter-spacing:0.02em;margin-bottom:40px;color:#fff;font-weight:normal;}
h2{font-size:62px;line-height:72px;}
h3.block{width:100%;display:block;text-align:center;padding-top:20px;border-top:5px solid;font-size:18px;}
h3.block-list{font-size:18px;margin:0;padding:20px;}
h1.faux-header,p{font-family:'hero_lightlight';font-weight:normal;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:40px;color:#7a7a7a !important;font-size:18px;line-height:36px;}

p.faux-header-larger{color:#fcfdf9 !important;font-family:'hero_lightlight';text-transform:uppercase;letter-spacing:0.02em;margin-bottom:40px;font-size:72px;line-height:82px;display:block;text-align:center;}
p.faux-header-medium{color:#fcfdf9 !important;font-family:'hero_lightlight';text-transform:uppercase;letter-spacing:0.02em;margin-bottom:15px;margin-top:0px;font-size:62px;line-height:62px;display:block;}
p.faux-header-small{color:#fcfdf9 !important;font-family:'hero_lightlight';text-transform:uppercase;letter-spacing:0.02em;margin-bottom:15px;margin-top:0px;font-size:21px;line-height:31px;display:block;}
.nav li,.social a{font-family:'heroregular';font-weight:normal;text-transform:uppercase;letter-spacing:0.02em;}
h1,p.lead,ul.lead{color:#fff;font-size:21px;line-height:31px;}
p.faux-header-medium a{color:#fff;}

.fake-btn:hover{cursor:pointer;color:#F9D11F;}
/*==Section specific==*/

#cgi-ink{border-bottom:1px solid #fff;}
.border{border:solid 1px #fff;margin-bottom:20px;}

.modal-dialog{padding-top:5%;}
.modal-body span{color:#fff;}
.md-btn.right-align{float:right;clear:both;}
.md-btn.md-close{background: url('../img/misc/btn-close-open.png') no-repeat scroll bottom left !important;text-align:center;margin:0 auto;}
.md-btn{border:0;outline:0;font-size:0;background: url('../img/misc/btn-close-open.png') no-repeat scroll top left;width: 50px;height:50px;display:block;margin:0;}
.inline-hack{background: url('../img/misc/btn-open.png') no-repeat scroll top left;padding-top:55px;color:#fcfdf9;cursor:pointer;text-shadow: 1px 2px 6px #000;}
.inline-hack:hover{color:#F9D11F;text-decoration:none;opacity:0.5;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.md-btn:hover{opacity:0.5;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

/*Social
========================*/
.social{width:400px;min-width:320px;margin:0 auto;border-top:2px solid #eee;display:block;}
.social a{text-transform:uppercase;width:50%;margin-top:-2px;padding:10px 0;font-size:21px;color:#212121;text-align:center;border-top:5px solid #eee;display:inline-block;float:left;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;}
.social a.reblog{border-top-color:#50be6c;color:#50be6c;}
.social a.tweet{border-top-color:#24a5db;color:#24a5db;}
.social a.share{border-top-color:#3b5998;color:#3b5998;}
.social a.notes{border-top-color:#cf1320;color:#cf1320;}
.social a.notes:hover{background:#f6f0f1;}
.social a.reblog:hover{background:#f0fcf3;}
.social a.tweet:hover{background:#eef6f9;}
.social a.share:hover{background:#f0f2f7;}
.social a:hover{text-decoration:none;}
/*==Buttons==*/
/* Button Icons*/
.chevron-down{background:url('../img/misc/chevron-down.png') no-repeat center center;}
.chevron-up{background:url('../img/misc/chevron-up.png') no-repeat center center;}
.hi-icon-wrap{text-align:center;margin:0 auto;padding:2em 0 3em;}
.hi-icon{display:inline-block;font-size:0px;cursor:pointer;margin:15px 30px;width:90px;height:90px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#fff;}
.hi-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.hi-icon:before{speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}
.hi-icon-effect-5 .hi-icon{box-shadow:0 0 0 2px rgba(255,255,255,1);overflow:hidden;-webkit-transition:background 0.3s,color 0.3s,box-shadow 0.3s;-moz-transition:background 0.3s,color 0.3s,box-shadow 0.3s;transition:background 0.3s,color 0.3s,box-shadow 0.3s;}
.hi-icon-effect-5 .hi-icon:after{display:none;}
.no-touch .hi-icon-effect-5 .hi-icon:hover{background:rgba(255,255,255,1);color:#702fa8;box-shadow:0 0 0 8px rgba(255,255,255,0.3);background-position:center center;}
.no-touch .hi-icon-effect-5a .hi-icon:hover:before{-webkit-animation:toRightFromLeft 0.3s forwards;-moz-animation:toRightFromLeft 0.3s forwards;animation:toRightFromLeft 0.3s forwards;}
@-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%);}
50%{opacity:0;-webkit-transform:translate(-100%);}
51%{opacity:1;}
}
@-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%);}
50%{opacity:0;-moz-transform:translate(-100%);}
51%{opacity:1;}
}
@keyframes toRightFromLeft{49%{transform:translate(100%);}
50%{opacity:0;transform:translate(-100%);}
51%{opacity:1;}
}
.no-touch .hi-icon-effect-5b .hi-icon:hover:before{-webkit-animation:toLeftFromRight 0.3s forwards;-moz-animation:toLeftFromRight 0.3s forwards;animation:toLeftFromRight 0.3s forwards;}
@-webkit-keyframes toLeftFromRight{49%{-webkit-transform:translate(-100%);}
50%{opacity:0;-webkit-transform:translate(100%);}
51%{opacity:1;}
}
@-moz-keyframes toLeftFromRight{49%{-moz-transform:translate(-100%);}
50%{opacity:0;-moz-transform:translate(100%);}
51%{opacity:1;}
}
@keyframes toLeftFromRight{49%{transform:translate(-100%);}
50%{opacity:0;transform:translate(100%);}
51%{opacity:1;}
}
.no-touch .hi-icon-effect-5c .hi-icon:hover:before{-webkit-animation:toTopFromBottom 0.3s forwards;-moz-animation:toTopFromBottom 0.3s forwards;animation:toTopFromBottom 0.3s forwards;}
@-webkit-keyframes toTopFromBottom{49%{-webkit-transform:translateY(-100%);}
50%{opacity:0;-webkit-transform:translateY(100%);}
51%{opacity:1;}
}
@-moz-keyframes toTopFromBottom{49%{-moz-transform:translateY(-100%);}
50%{opacity:0;-moz-transform:translateY(100%);}
51%{opacity:1;}
}
@keyframes toTopFromBottom{49%{transform:translateY(-100%);}
50%{opacity:0;transform:translateY(100%);}
51%{opacity:1;}
}
.no-touch .hi-icon-effect-5d .hi-icon:hover:before{-webkit-animation:toBottomFromTop 0.3s forwards;-moz-animation:toBottomFromTop 0.3s forwards;animation:toBottomFromTop 0.3s forwards;}
@-webkit-keyframes toBottomFromTop{49%{-webkit-transform:translateY(100%);}
50%{opacity:0;-webkit-transform:translateY(-100%);}
51%{opacity:1;}
}
@-moz-keyframes toBottomFromTop{49%{-moz-transform:translateY(100%);}
50%{opacity:0;-moz-transform:translateY(-100%);}
51%{opacity:1;}
}
@keyframes toBottomFromTop{49%{transform:translateY(100%);}
50%{opacity:0;transform:translateY(-100%);}
51%{opacity:1;}
}