* {
 margin:0;
 padding:0
}
embed,
img,
object,
video {
 max-width:100%;
 border:none
}
body {
 font-family:"Avenir Next",Avenir,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 font-size:20px;
 line-height:1.4em;
 background:#fff;
 color:#222;
 font-weight:500;
 letter-spacing:-.01em
}
.noScroll,
.notFoundNoScroll,
.sliderRemoveScroll {
 -ms-touch-action:none;
 overflow:hidden
}
.sliderRemoveScroll {
 background:#000
}
@-moz-document url-prefix() {
 .noScroll #mainNav.expanded {
  background:rgba(0,0,0,.95)
 }
}
@font-face {
 font-family:alexcican;
 src:url('fonts/alexcican.eot')
}
@font-face {
 font-family:alexcican;
 src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6vDaIAAAC8AAAAYGNtYXABUAC5AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZplhwicAAAFwAAABqGhlYWQAOcXvAAADGAAAADZoaGVhB8IDxgAAA1AAAAAkaG10eA4AAQoAAAN0AAAAFGxvY2EAvAD8AAADiAAAAAxtYXhwAAkAbAAAA5QAAAAgbmFtZdhZ51UAAAO0AAABt3Bvc3QAAwAAAAAFbAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACAAeAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACACAAbQB0AHj//wAAACAAbQB0AHj////h/5X/j/+MAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAADAIAAgAOAAxUABAAJAA4AABMhNSEVESE1IRURFSE1IYADAP0AAwD9AAMA/QABlWtr/utrawKVa2sAAAABAAAAIAQAA2AAaQAAAQ4DBz4DNw4DBy4DIyIOAhUUHgIXLgMnDgMVFB4CFyIuAicwHAIxFB4CFw4DIyoBLgEnHgMXDgMjKgEuASceAzMyPgI1PAM1PgM3BAAOHR4fEBAdGBIGDyAhIxIOIycrFyxNOSEBAQIBQXtuYCcHCwcEDRgiFQ0ZGBcLGi0+JAcODg4HBQoKCgUKJjM+Ihs9QkclBg0NDAYjTFFWLJHfmE4PHRoYCwL+BgoIBgIKGR4iEgkQDQoEDxkRCSE5TSwGDAwMBgMiOU4wDBkbHA4bMy0mDgQHCQYBAQEmRDcmBwIDAgEBAQEfNScWARUhFwwBAQEWIxgNbazVaAMHBwcDCxkbHhAAAAABAIoASgOCA0QACwAAAScJAQcJARcJATcBA4JT/tf+11MBKf7XUwEpASlT/tcC8FT+1wEpVP7X/tdUASn+11QBKQAAAAEAAAABAAANOQ36Xw889QALBAAAAAAAzo3AyQAAAADOjcDJAAAAAAQAA2AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUAAAAAAgAAAAQAAIAEAAAABAAAigAAAAAACgAoALIA1AABAAAABQBqAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAEgDeAAEAAAAAAAEAEgAAAAEAAAAAAAIADgCRAAEAAAAAAAMAEgBkAAEAAAAAAAQAEgCfAAEAAAAAAAUAFgBOAAEAAAAAAAYACQB2AAEAAAAAAAkAFAA6AAEAAAAAAAoAKACxAAEAAAAAAAsAKAASAAMAAQQJAAEAEgAAAAMAAQQJAAIADgCRAAMAAQQJAAMAEgBkAAMAAQQJAAQAEgCfAAMAAQQJAAUAFgBOAAMAAQQJAAYAEgB/AAMAAQQJAAkAFAA6AAMAAQQJAAoAKACxAAMAAQQJAAsAKAASAGEAbABlAHgAYwBpAGMAYQBuAGgAdAB0AHAAOgAvAC8AYQBsAGUAeABjAGkAYwBhAG4ALgBjAG8AbQBBAGwAZQB4ACAAQwBpAGMAYQBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABhAGwAZQB4AGMAaQBjAGEAbmFsZXhjaWNhbgBhAGwAZQB4AGMAaQBjAGEAbgBSAGUAZwB1AGwAYQByAGEAbABlAHgAYwBpAGMAYQBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),
 url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAXYAAsAAAAABYwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq8NomNtYXAAAAFoAAAATAAAAEwBUAC5Z2FzcAAAAbQAAAAIAAAACAAAABBnbHlmAAABvAAAAagAAAGomWHCJ2hlYWQAAANkAAAANgAAADYAOcXvaGhlYQAAA5wAAAAkAAAAJAfCA8ZobXR4AAADwAAAABQAAAAUDgABCmxvY2EAAAPUAAAADAAAAAwAvAD8bWF4cAAAA+AAAAAgAAAAIAAJAGxuYW1lAAAEAAAAAbcAAAG32FnnVXBvc3QAAAW4AAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAgAHgDwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgAgAG0AdAB4//8AAAAgAG0AdAB4////4f+V/4//jAABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAwCAAIADgAMVAAQACQAOAAATITUhFREhNSEVERUhNSGAAwD9AAMA/QADAP0AAZVra/7ra2sClWtrAAAAAQAAACAEAANgAGkAAAEOAwc+AzcOAwcuAyMiDgIVFB4CFy4DJw4DFRQeAhciLgInMBwCMRQeAhcOAyMqAS4BJx4DFw4DIyoBLgEnHgMzMj4CNTwDNT4DNwQADh0eHxAQHRgSBg8gISMSDiMnKxcsTTkhAQECAUF7bmAnBwsHBA0YIhUNGRgXCxotPiQHDg4OBwUKCgoFCiYzPiIbPUJHJQYNDQwGI0xRViyR35hODx0aGAsC/gYKCAYCChkeIhIJEA0KBA8ZEQkhOU0sBgwMDAYDIjlOMAwZGxwOGzMtJg4EBwkGAQEBJkQ3JgcCAwIBAQEBHzUnFgEVIRcMAQEBFiMYDW2s1WgDBwcHAwsZGx4QAAAAAQCKAEoDggNEAAsAAAEnCQEHCQEXCQE3AQOCU/7X/tdTASn+11MBKQEpU/7XAvBU/tcBKVT+1/7XVAEp/tdUASkAAAABAAAAAQAADTkN+l8PPPUACwQAAAAAAM6NwMkAAAAAzo3AyQAAAAAEAANgAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAFAAAAAAIAAAAEAACABAAAAAQAAIoAAAAAAAoAKACyANQAAQAAAAUAagADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAABIA3gABAAAAAAABABIAAAABAAAAAAACAA4AkQABAAAAAAADABIAZAABAAAAAAAEABIAnwABAAAAAAAFABYATgABAAAAAAAGAAkAdgABAAAAAAAJABQAOgABAAAAAAAKACgAsQABAAAAAAALACgAEgADAAEECQABABIAAAADAAEECQACAA4AkQADAAEECQADABIAZAADAAEECQAEABIAnwADAAEECQAFABYATgADAAEECQAGABIAfwADAAEECQAJABQAOgADAAEECQAKACgAsQADAAEECQALACgAEgBhAGwAZQB4AGMAaQBjAGEAbgBoAHQAdABwADoALwAvAGEAbABlAHgAYwBpAGMAYQBuAC4AYwBvAG0AQQBsAGUAeAAgAEMAaQBjAGEAbgBWAGUAcgBzAGkAbwBuACAAMAAuADAAYQBsAGUAeABjAGkAYwBhAG5hbGV4Y2ljYW4AYQBsAGUAeABjAGkAYwBhAG4AUgBlAGcAdQBsAGEAcgBhAGwAZQB4AGMAaQBjAGEAbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('woff');
 font-weight:400;
 font-style:normal
}
[data-icon]:before {
 font-size:1.7em;
 font-family:alexcican;
 content:attr(data-icon);
 speak:none;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 -webkit-transition:color .3s;
 -moz-transition:color .3s;
 -o-transition:color .3s;
 transition:color .3s
}
::-moz-selection {
 background:#c80909;
 color:#fff
}
::selection {
 background:#c80909;
 color:#fff
}
a,
a:visited,
a:visited:hover,
img,
input {
 -moz-transition:color .3s,opacity .3s,background .3s;
 -webkit-transition:color .3s,opacity .3s,background .3s;
 -o-transition:color .3s,opacity .3s,background .3s;
 transition:color .3s,opacity .3s,background .3s;
 color:#c80909;
 display:inline-block;
 text-decoration:none;
 -webkit-tap-highlight-color:transparent
}
a:active {
 color:#222
}
a:visited {
 color:#c66
}
a:hover {
 color:#666
}
#content a:hover {
 text-decoration:underline
}
.sponsor a:hover img,
a.img img {
 -moz-opacity:.9;
 -webkit-opacity:.9;
 opacity:.9
}
a.img {
 text-decoration:none
}
.current {
 cursor:default;
 color:#999!important
}
.hidden,
.icon span {
 display:none;
 opacity:0
}
#content {
 position:relative;
 margin:0 auto;
 width:95%;
 max-width:640px;
 padding-top:1%;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 -webkit-backface-visibility:hidden
}
h1 {
 font-size:4em;
 letter-spacing:-.06em;
 line-height:1.1;
 position:relative
}
h2,
h3 {
 font-size:1.5em;
 line-height:1.35em
}
#footnotes,
ol,
p,
ul {
 padding-bottom:1.55em
}
h2 {
 padding-bottom:.5em
}
p>img {
 margin-top:.35em
}
ul li {
 margin-left:1em;
 padding-left:.4em
}
ol li {
 margin-left:1.5em;
 padding-left:.2em
}
sup {
 line-height:1
}
code {
 font-family:Menlo,Consolas,"Courier New",Courier,monospace;
 font-size:.7em;
 line-height:1.5em;
 white-space:-webkit-pre-wrap;
 white-space:-moz-pre-wrap!important;
 white-space:-o-pre-wrap;
 white-space:pre-wrap;
 word-wrap:break-word;
 word-wrap:anywhere;
 background:#eee;
 padding:.4em .2em
}
pre>code {
 font-size:.6em;
 line-height:2em;
 display:inline-block;
 background:0 0;
 padding:0
}
blockquote,
pre {
 display:block;
 background:#f6f6f6;
 border-left:solid 10px #eee;
 padding:.48em 1em;
 margin:.4em 0 1.8em
}
blockquote p {
 padding:0;
 font-style:italic
}
figcaption {
 margin:-2em 0 .4em;
 font-style:italic;
 color:#666;
 font-size:.8em
}
b,
strong {
 font-weight:600
}
#footnotes {
 font-size:.8em
}
.button {
 display:block;
 text-align:center;
 padding:.8em;
 background:#c80909;
 margin:.55em 0 1em;
 color:#fff!important;
 text-decoration:none!important
}
.button:hover {
 text-decoration:none;
 background:#666
}
.chromeframe {
 text-align:center;
 font-size:.8em;
 z-index:1000
}
#mainNav {
 color:#fff;
 position:absolute;
 top:0;
 width:5.5em;
 height:96px;
 right:0;
 z-index:1000;
 text-align:right;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 -webkit-transition:-webkit-transform .1s;
 -moz-transition:-moz-transform .1s;
 -o-transition:-o-transform .1s;
 transition:transform .1s;
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -moz-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
#mainNav.expanded,
#mainNav.transition {
 height:100%
}
#mainNav.invisible {
 -webkit-transform:translate3d(0,-96px,0);
 -moz-transform:translate3d(0,-96px,0);
 -o-transform:translate3d(0,-96px,0);
 transform:translate3d(0,-96px,0);
 -webkit-transition:-webkit-transform .4s,opacity 3s;
 -moz-transition:-moz-transform .4s,opacity 3s;
 -o-transition:-o-transform .4s,opacity 3s;
 transition:transform .4s,opacity 3s;
 opacity:0;
 overflow:hidden
}
#mainNav.detached {
 position:fixed;
 -webkit-transition:-webkit-transform .3s,opacity .3s;
 -moz-transition:-moz-transform .3s,opacity .3s;
 -o-transition:-o-transform .3s,opacity .3s;
 transition:transform .3s,opacity .3s
}
#mainNav.expanded {
 width:100%;
 height:100%;
 position:fixed;
 text-align:center;
 background:rgba(0,0,0,.85);
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
#navigation {
 width:100%;
 -webkit-transform:translate3d(0,-500px,0);
 -moz-transform:translate3d(0,-500px,0);
 -o-transform:translate3d(0,-500px,0);
 transform:translate3d(0,-500px,0);
 -webkit-transition:-webkit-transform .25s;
 -moz-transition:-moz-transform .25s;
 -o-transition:-o-transform .25s;
 transition:transform .25s
}
@media screen and (max-device-width:768px) and (orientation:landscape) {
 #navigation {
  margin-top:3.2em;
  font-size:.875em;
  line-height:1.4em
 }
}
.expanded #navigation {
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
#mainNav.transition {
 background:0 0;
 -webkit-transition:background .2s;
 -moz-transition:background .2s;
 -o-transition:background .2s;
 transition:background .2s
}
.transition #navigation {
 -webkit-transform:translate3d(0,-500px,0);
 -moz-transform:translate3d(0,-500px,0);
 -o-transform:translate3d(0,-500px,0);
 transform:translate3d(0,-500px,0);
 -webkit-transition:-webkit-transform .3s;
 -moz-transition:-moz-transform .3s;
 -o-transition:-o-transform .3s;
 transition:transform .3s
}
#container {
 -webkit-transition:-webkit-transform .25s,-webkit-filter .2s;
 -moz-transition:-moz-transform .25s,-moz-filter .2s;
 -o-transition:-o-transform .25s,-o-filter .2s;
 transition:transform .25s,filter .2s
}
#container.blurred {
 -webkit-transform:scale(.95,.99);
 -moz-transform:scale(.95,.99);
 -ms-transform:scale(.95,.99);
 -o-transform:scale(.95,.99);
 transform:scale(.95,.99);
 -webkit-transition:-webkit-transform .2s;
 -moz-transition:-moz-transform .2s;
 -o-transition:-o-transform .2s;
 transition:transform .2s
}
.blurred #content>*,
.blurred #intro,
.blurred #readMore,
.blurred .fadeWhiteGradient:before,
.blurred .notFound,
.blurred .slideVisible img,
.blurred footer,
.blurred h1,
.blurred section,
.blurred ul {
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 -webkit-filter:blur(10px);
 -moz-filter:blur(10px);
 -o-filter:blur(10px);
 filter:blur(10px);
 -webkit-transition:-webkit-filter .2s;
 -moz-transition:-moz-filter .2s;
 -o-transition:-o-filter .2s;
 transition:filter .2s
}
.menuIcon {
 padding:.5em;
 margin:.2em;
 cursor:pointer;
 display:block;
 position:absolute;
 top:0;
 right:0;
 opacity:1;
 color:#222;
 z-index:1000;
 -webkit-user-select:none;
 -moz-user-select:none;
 -o-user-select:none;
 user-select:none;
 -webkit-transition:opacity .3s;
 -moz-transition:opacity .3s;
 -o-transition:opacity .3s;
 transition:opacity .3s
}
.transparent:before {
 color:transparent!important
}
.transition .menuIcon {
 opacity:0
}
.menuIcon:focus {
 outline:0
}
.menuIcon:active:before,
.menuIcon:before {
 color:#222
}
.menuIcon:hover:before {
 color:#666
}
.menuIcon:focus:before {
 color:#c80909
}
.expanded .menuIcon:before {
 content:'x';
 line-height:1em
}
.reduceMoreNavHeight>p:nth-of-type(1),
.reduceNavHeight .subheading,
.smallestNavHeight .menu_label,
.smallestNavHeight>p:nth-of-type(1) {
 display:none
}
.heading {
 font-weight:700;
 font-size:2.4em;
 letter-spacing:-.05em;
 display:block;
 margin-bottom:-.5em
}
.subheading {
 font-family:Futura,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
 font-weight:100;
 font-size:.8em;
 padding-left:.35em;
 text-transform:uppercase;
 letter-spacing:.15em;
 color:#c80909
}
.menu_label {
 font-family:Futura,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
 text-transform:uppercase;
 display:inline
}
#mainNav.expanded section {
 display:block
}
#navigation section {
 width:85%;
 max-width:666px;
 margin:0 auto;
 display:none;
 position:relative;
 text-align:left;
 font-weight:500
}
#navigation ul {
 width:45%;
 vertical-align:top;
 margin-bottom:1.6em;
 list-style-type:none;
 padding:0;
 -webkit-transform:rotateX(10deg) rotateY(-90deg);
 -moz-transform:rotateX(10deg) rotateY(-90deg);
 transform:rotateX(10deg) rotateY(-90deg);
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-animation:flipLeft .3s .1s;
 -moz-animation:flipLeft .3s .1s;
 animation:flipLeft .3s .1s;
 -webkit-animation-fill-mode:forwards;
 -moz-animation-fill-mode:forwards;
 animation-fill-mode:forwards
}
#navigation ul li {
 margin:0;
 padding:0
}
#navigation a {
 color:#fff;
 display:block;
 padding-left:1em;
 margin-left:-1em
}
#navigation a:hover {
 color:#c80909
}
section ul span {
 color:#c80909;
 font-size:.875em;
 font-style:italic;
 font-weight:600
}
#navigation ul:nth-child(3) {
 position:absolute;
 text-align:right;
 top:0;
 right:0;
 -webkit-transform:rotateX(10deg) rotateY(90deg);
 -moz-transform:rotateX(10deg) rotateY(90deg);
 transform:rotateX(10deg) rotateY(90deg);
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-animation:flipRight .3s .1s;
 -moz-animation:flipRight .3s .1s;
 animation:flipRight .3s .1s;
 -webkit-animation-fill-mode:forwards;
 -moz-animation-fill-mode:forwards;
 animation-fill-mode:forwards
}
@-webkit-keyframes flipRight {
 0% {
  -webkit-transform:rotateX(10deg) rotateY(90deg)
 }
 100% {
  -webkit-transform:rotateX(0) rotateY(0)
 }
}
@-webkit-keyframes flipLeft {
 0% {
  -webkit-transform:rotateX(10deg) rotateY(-90deg)
 }
 100% {
  -webkit-transform:rotateX(0) rotateY(0)
 }
}
@-moz-keyframes flipRight {
 0% {
  -moz-transform:rotateX(10deg) rotateY(90deg)
 }
 100% {
  -moz-transform:rotateX(0) rotateY(0)
 }
}
@-moz-keyframes flipLeft {
 0% {
  -moz-transform:rotateX(10deg) rotateY(-90deg)
 }
 100% {
  -moz-transform:rotateX(0) rotateY(0)
 }
}
@keyframes flipRight {
 0% {
  transform:rotateX(10deg) rotateY(90deg)
 }
 100% {
  transform:rotateX(0) rotateY(0)
 }
}
@keyframes flipLeft {
 0% {
  transform:rotateX(10deg) rotateY(-90deg)
 }
 100% {
  transform:rotateX(0) rotateY(0)
 }
}
#navigation section p {
 font-size:.6em;
 line-height:1.5em;
 font-style:italic;
 color:#555;
 text-align:center;
 margin-top:1.6em;
 width:110%;
 margin-left:-5%
}
#intro {
 text-align:center;
 margin:0 auto;
 height:800px;
 overflow:hidden;
 position:relative
}
.bg-image {
 display:block;
 position:absolute;
 top:0;
 z-index:-1;
 min-height:1080px;
 width:100%;
 padding-bottom:450px;
 background:url('../images/bg.jpg') 50% 0 no-repeat;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
@media screen and (max-width:320px) {
 .bg-image {
  background-size:100%;
  background-position:0 18%
 }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
 .bg-image {
  width:50%;
  left:0;
  right:0;
  margin:0 auto
 }
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
 .bg-image {
  background:url('../images/bg@2x.jpg') 0 18% no-repeat;
  background-size:100%
 }
}
.blackAndWhite .bg-image {
 -webkit-filter:brightness(1.1) contrast(1.2) grayscale(1);
 -moz-filter:brightness(1.1) contrast(1.2) grayscale(1);
 -o-filter:brightness(1.1) contrast(1.2) grayscale(1);
 filter:brightness(1.1) contrast(1.2) grayscale(1)
}
.blackAndWhite h2 {
 background:#333;
 padding:.5em 0;
 width:100%;
 max-width:550px;
 margin:-1.5em auto;
 color:#fff!important
}
.notFound {
 text-align:center;
 position:relative
}
.leftNumber,
.rightNumber {
 color:#222;
 width:100%;
 font-size:39em;
 font-weight:800;
 position:absolute;
 top:.385em
}
.leftNumber {
 right:.58em
}
.rightNumber {
 left:.58em
}
.back-link {
 font-size:.875em;
 padding:.3em .8em;
 background:#333;
 color:#fff!important;
 margin-top:11em
}
.back-link:hover {
 background:#b5322e
}
.fadeWhiteGradient:before {
 content:"";
 height:51px;
 width:100%;
 display:block;
 position:absolute;
 top:-51px;
 background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
 background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
 background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
 background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
 background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)
}
.fadeWhiteGradient {
 background:#fff
}
#intro h1 {
 font-size:3.3em;
 line-height:1;
 letter-spacing:-.06em;
 margin-bottom:-.12em;
 -webkit-animation-delay:1.2s;
 -moz-animation-delay:1.2s;
 animation-delay:1.2s
}
h1.animateOnFirstLoad,
h2.animateOnFirstLoad {
 opacity:0;
 -webkit-animation:fadeIn 1s;
 -moz-animation:fadeIn 1s;
 animation:fadeIn 1s;
 -webkit-animation-fill-mode:forwards;
 -moz-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
#intro h2 {
 font-family:Futura,"Avenir Next",Avenir,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
 font-size:1.2em;
 font-weight:100;
 padding-left:.3em;
 text-transform:uppercase;
 letter-spacing:.15em;
 color:#c80909;
 -webkit-animation-delay:2.2s;
 -moz-animation-delay:2.2s;
 animation-delay:2.2s
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-moz-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
#fullWidthContainer a,
#fullWidthDemoContainer a {
 color:#f1f1f1;
 -webkit-transition:padding .2s,color .2s,margin .2s;
 -moz-transition:padding .2s,color .2s,margin .2s;
 -o-transition:padding .2s,color .2s,margin .2s;
 transition:padding .2s,color .2s,margin .2s;
 display:block;
 padding:1em 0;
 position:relative
}
#fullWidthContainer.notScrolling a:focus,
#fullWidthContainer.notScrolling a:hover,
#fullWidthDemoContainer.notScrolling a:focus,
#fullWidthDemoContainer.notScrolling a:hover {
 padding:2em 0;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 outline:0;
 color:#fff
}
#fullWidthContainer section a,
#fullWidthDemoContainer section a {
 overflow:hidden;
 text-align:center
}
#fullWidthContainer.animateOnFirstLoad section a,
#fullWidthDemoContainer.animateOnFirstLoad section a {
 -webkit-animation:moveDown .3s;
 -moz-animation:moveDown .3s;
 animation:moveDown .3s;
 -webkit-animation-fill-mode:forwards;
 -moz-animation-fill-mode:forwards;
 animation-fill-mode:forwards
}
@-webkit-keyframes moveDown {
 0% {
  -webkit-transform:translate3d(0,-10%,0);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  opacity:auto
 }
}
@-moz-keyframes moveDown {
 0% {
  -moz-transform:translate3d(0,-10%,0);
  opacity:0
 }
 100% {
  -moz-transform:translate3d(0,0,0);
  opacity:auto
 }
}
@keyframes moveDown {
 0% {
  transform:translate3d(0,-10%,0);
  opacity:0
 }
 100% {
  transform:translate3d(0,0,0);
  opacity:auto
 }
}
.cover {
 position:absolute;
 top:0;
 left:0;
 right:0;
 margin:0 auto;
 opacity:0;
 border:none;
 -webkit-transform:translate3d(0,-1.6em,0);
 -moz-transform:translate3d(0,-1.6em,0);
 -o-transform:translate3d(0,-1.6em,0);
 transform:translate3d(0,-1.6em,0);
 -webkit-transition:-webkit-transform .3s,opacity .2s;
 -moz-transition:-moz-transform .3s,opacity .2s;
 -o-transition:-o-transform .3s,opacity .2s;
 transition:transform .3s,opacity .2s
}
#fullWidthContainer.notScrolling a:focus .cover,
#fullWidthContainer.notScrolling section:hover>a .cover {
 -webkit-transform:translate3d(0,-1.6em,0);
 -moz-transform:translate3d(0,-1.6em,0);
 -o-transform:translate3d(0,-1.6em,0);
 transform:translate3d(0,-1.6em,0);
 opacity:.1
}
.magnify {
 height:100%;
 width:100%;
 position:absolute;
 z-index:999;
 -webkit-transition:-webkit-transform .5s;
 -moz-transition:-moz-transform .5s;
 -o-transition:-o-transform .5s;
 transition:transform .5s
}
.clickedBlogLink section:not(.magnify) {
 -webkit-animation:moveUp .5s ease both;
 -moz-animation:moveUp .5s ease both;
 animation:moveUp .5s ease both
}
@-webkit-keyframes moveUp {
 to {
  opacity:0;
  -webkit-transform:scale(.8)
 }
}
@-moz-keyframes moveUp {
 to {
  opacity:0;
  -moz-transform:scale(.8)
 }
}
@keyframes moveUp {
 to {
  opacity:0;
  transform:scale(.8)
 }
}
.magnify h2 {
 opacity:0;
 -webkit-transform:translate3d(0,350px,0);
 -moz-transform:translate3d(0,350px,0);
 -o-transform:translate3d(0,350px,0);
 transform:translate3d(0,350px,0);
 -webkit-transition:-webkit-transform .3s,opacity .3s;
 -moz-transition:-moz-transform .3s,opacity .3s;
 -o-transition:-o-transform .3s,opacity .3s;
 transition:transform .3s,opacity .3s
}
.magnify a {
 height:100%
}
.magnify .cover,
.magnify a {
 padding:0!important
}
.magnify .cover {
 position:fixed;
 margin-top:10%;
 opacity:1;
 -webkit-transition:margin .2s,width .2s .8s;
 -moz-transition:margin .2s,width .2s .8s;
 -o-transition:margin .2s,width .2s .8s;
 transition:margin .2s,width .2s .8s
}
.spinner {
 height:20px;
 width:20px;
 margin:0 auto;
 position:absolute;
 top:50%;
 left:0;
 right:0;
 z-index:1000;
 -webkit-animation:rotation .5s infinite linear;
 -moz-animation:rotation .5s infinite linear;
 -o-animation:rotation .5s infinite linear;
 animation:rotation .5s infinite linear;
 border:1px solid rgba(255,255,255,.3);
 border-radius:100%
}
.spinner:before {
 content:"";
 display:block;
 position:absolute;
 left:-8px;
 top:-8px;
 height:100%;
 width:100%;
 border-top:8px solid #fff;
 border-left:8px solid transparent;
 border-bottom:8px solid transparent;
 border-right:8px solid transparent;
 border-radius:100%
}
.spinnerSmall {
 position:relative
}
.spinnerSmall:before {
 content:"";
 display:block;
 position:absolute;
 left:-.2em;
 top:.4em;
 height:10px;
 width:10px;
 border-top:6px solid #fff;
 border-left:6px solid transparent;
 border-bottom:6px solid transparent;
 border-right:6px solid transparent;
 border-radius:100%;
 -webkit-animation:rotation .4s infinite linear;
 -moz-animation:rotation .4s infinite linear;
 -o-animation:rotation .4s infinite linear;
 animation:rotation .4s infinite linear
}
.spinnerBlack:before {
 border-top:6px solid #000;
 left:0;
 right:0;
 margin:25% auto 0;
 z-index:-1
}
@-webkit-keyframes rotation {
 from {
  -webkit-transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(359deg)
 }
}
@-moz-keyframes rotation {
 from {
  -moz-transform:rotate(0)
 }
 to {
  -moz-transform:rotate(359deg)
 }
}
@keyframes rotation {
 from {
  transform:rotate(0)
 }
 to {
  transform:rotate(359deg)
 }
}
.yellow {
 background:#eea900
}
.green {
 background:#4e9a81
}
.blue {
 background:#4871d1
}
.light_blue {
 background:#41b3e8
}
.red {
 background:#de352c
}
.pink {
 background:#f89058
}
.orange {
 background:#c96b00
}
.brown {
 background:#90782b
}
.mauve {
 background:#4d57a3
}
.light_mauve {
 background:#927ecc
}
.black {
 background:#444
}
.grey {
 background:#888c8d
}
.white {
 background:#bbb
}
#post section {
 overflow:hidden;
 position:relative;
 height:500px;
 display:flex;
 align-items:center;
 justify-content:center
}
#post .cover {
 position:fixed;
 top:auto;
 bottom:auto;
 width:100%;
 opacity:1
}
#post h1 {
 text-align:center;
 margin:.6em auto .44em;
 width:85%;
 max-width:1280px;
 font-size:3em;
 letter-spacing:-1px
}
.twitter_button {
 text-align:center;
 display:block;
 width:88px;
 height:88px;
 margin:24px auto 0;
 -webkit-border-radius:44px;
 -moz-border-radius:44px;
 border-radius:44px;
 text-decoration:none!important;
 color:#00abf1!important;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
@-webkit-keyframes changeColour {
 0% {
  color:#00abf1
 }
 50% {
  color:#fff
 }
 100% {
  color:#00abf1
 }
}
@-moz-keyframes changeColour {
 0% {
  color:#00abf1
 }
 50% {
  color:#fff
 }
 100% {
  color:#00abf1
 }
}
@-o-keyframes changeColour {
 0% {
  color:#00abf1
 }
 50% {
  color:#fff
 }
 100% {
  color:#00abf1
 }
}
@keyframes changeColour {
 0% {
  color:#00abf1
 }
 50% {
  color:#fff
 }
 100% {
  color:#00abf1
 }
}
@-webkit-keyframes pulsateBg {
 0% {
  -webkit-transform:scale(0)
 }
 20% {
  -webkit-transform:scale(.9)
 }
 40% {
  -webkit-transform:scale(.7)
 }
 60% {
  -webkit-transform:scale(1)
 }
 100% {
  -webkit-transform:scale(0)
 }
}
@-moz-keyframes pulsateBg {
 0% {
  -moz-transform:scale(0)
 }
 20% {
  -moz-transform:scale(.9)
 }
 40% {
  -moz-transform:scale(.7)
 }
 60% {
  -moz-transform:scale(1)
 }
 100% {
  -moz-transform:scale(0)
 }
}
@-o-keyframes pulsateBg {
 0% {
  -o-transform:scale(0)
 }
 20% {
  -o-transform:scale(.9)
 }
 40% {
  -o-transform:scale(.7)
 }
 60% {
  -o-transform:scale(1)
 }
 100% {
  -o-transform:scale(0)
 }
}
@keyframes pulsateBg {
 0% {
  transform:scale(0)
 }
 20% {
  transform:scale(.9)
 }
 40% {
  transform:scale(.7)
 }
 60% {
  transform:scale(1)
 }
 100% {
  transform:scale(0)
 }
}
.twitter_button.pulse,
.twitter_button.pulse:before {
 -webkit-animation:changeColour 1s infinite;
 -moz-animation:changeColour 1s infinite;
 -o-animation:changeColour 1s infinite;
 animation:changeColour 1s infinite
}
.pulse>b {
 width:88px;
 height:88px;
 background:#00abf1;
 display:block;
 position:absolute;
 top:-20px;
 left:-2px;
 z-index:-1;
 -webkit-border-radius:44px;
 -moz-border-radius:44px;
 border-radius:44px;
 -webkit-animation:pulsateBg 1s infinite;
 -moz-animation:pulsateBg 1s infinite;
 -o-animation:pulsateBg 1s infinite;
 animation:pulsateBg 1s infinite
}
#readMore {
 margin:3.2em 0 -.5em;
 text-align:center;
 width:100%;
 height:1.6em;
 overflow:hidden;
 position:relative;
 padding-top:2em;
 background:#f9f9f9
}
#readMore:before {
 content:'';
 width:100%;
 height:.75em;
 display:block;
 background:#fff;
 position:absolute;
 top:0;
 border-bottom:solid 1px #f1f1f1
}
#readMore span {
 position:absolute;
 top:0;
 left:0;
 right:0;
 margin:0 auto;
 color:#fff;
 font-size:.6em;
 text-transform:uppercase;
 width:25%;
 height:2.5em;
 -webkit-transition:padding .2s,height .2s,color .3s;
 -moz-transition:padding .2s,height .2s,color .3s;
 -o-transition:padding .2s,height .2s,color .3s;
 transition:padding .2s,height .2s,color .3s
}
#readMore h2 {
 color:#222;
 font-size:1.4em;
 -webkit-transition:-webkit-transform .3s,color .3s;
 -moz-transition:-moz-transform .3s,color .3s;
 -o-transition:-o-transform .3s,color .3s;
 transition:transform .3s,color .3s
}
#readMore:hover {
 height:1.605em
}
#readMore:focus span,
#readMore:hover span {
 padding:0 45%;
 height:100%;
 color:transparent
}
#readMore:focus h2,
#readMore:hover h2 {
 color:#fff;
 -webkit-transform:translate(0,-.8em);
 -moz-transform:translate(0,-.8em);
 transform:translate(0,-.8em)
}
#dribbble li {
 list-style-type:none;
 margin:0;
 padding:0;
 float:left;
 width:50%;
 position:relative;
 overflow:hidden
}
#dribbble li a {
 display:block;
 margin-bottom:-.5em;
 position:relative;
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 -ms-backface-visibility:hidden
}
#dribbble a:before {
 content:'';
 position:absolute;
 width:100%;
 height:100%;
 display:block;
 background:0 0;
 z-index:1;
 -webkit-transition:background .2s;
 -moz-transition:background .2s;
 -o-transition:background .2s;
 transition:background .2s
}
#dribbble img {
 -webkit-transform:scale(1.03);
 -moz-transform:scale(1.03);
 -o-transform:scale(1.03);
 transform:scale(1.03);
 -webkit-transition:-webkit-transform .2s;
 -moz-transition:-moz-transform .2s;
 -o-transition:-o-transform .2s;
 transition:transform .2s
}
#dribbble a:hover:before {
 background:rgba(255,255,255,.15)
}
#dribbble li a:hover img {
 -webkit-transform:scale(1.005);
 -moz-transform:scale(1.005);
 -o-transform:scale(1.005);
 transform:scale(1.005);
 position:relative
}
.swipe {
 overflow:hidden;
 visibility:hidden;
 position:relative;
 text-align:center
}
.swipe-wrap {
 overflow:hidden;
 position:relative
}
.swipe-wrap .spinnerSmall:before {
 top:49%;
 left:49%;
 z-index:-1
}
.swipe-wrap>div {
 float:left;
 width:100%;
 position:relative;
 overflow:hidden
}
.swipe-wrap img {
 width:100%
}
.swipe-wrap .maxHeight img {
 width:auto;
 max-height:100%
}
.sliderButton {
 position:fixed;
 top:0;
 padding:0 25%;
 height:100%;
 z-index:100;
 border:none;
 background:0 0;
 outline:0;
 background-color:rgba(0,0,0,0)
}
.sliderButton.next {
 right:0;
 cursor:e-resize
}
.previous {
 cursor:w-resize
}
@media screen and (min-width:768px) {
 body {
  font-size:24px;
  line-height:1.5em
 }
 .char1 {
  margin-left:-2px
 }
 .char2 {
  padding-right:4px
 }
 .char3 {
  padding-left:4px
 }
 [data-icon]:before {
  font-size:1.7em
 }
 .menuIcon {
  padding:1em;
  margin:.7em
 }
 .heading {
  margin-bottom:-.65em
 }
 #navigation section {
  width:65%
 }
 #navigation section p {
  font-size:.75em
 }
 #intro {
  background-size:auto!important
 }
 #intro h1 {
  font-size:7em
 }
 #intro h2 {
  font-size:1.8em;
  padding-left:.6em;
  letter-spacing:.37em
 }
 #fullWidthContainer h2 {
  font-size:1.5em
 }
 #fullWidthContainer a {
  padding:1.6em 0
 }
 #fullWidthContainer.notScrolling a:focus,
 #fullWidthContainer.notScrolling a:hover {
  padding:3.2em 0
 }
 #fullWidthContainer.notScrolling a:focus .cover,
 #fullWidthContainer.notScrolling section:hover>a .cover {
  -webkit-transform:translate(0,-2.8em);
  -moz-transform:translate(0,-2.8em);
  transform:translate(0,-2.8em)
 }
 #post h1 {
  font-size:4em;
  letter-spacing:-3px
 }
 #readMore span {
  width:15%
 }
 #readMore h2 {
  font-size:2em
 }
 #dribbble li {
  width:33.33%
 }
}
@media screen and (min-width:1024px) {
 body {
  font-size:28px
 }
 #content {
  max-width:790px
 }
 .char1 {
  margin-left:-4px
 }
 .char2 {
  padding-right:5px
 }
 .char3 {
  padding-left:5px
 }
 [data-icon]:before {
  font-size:48px
 }
 #mainNav.expanded,
 #mainNav.transition {
  padding-top:.5%
 }
 #intro h1 {
  font-size:7.9em
 }
 #intro h2 {
  font-size:2em
 }
 #fullWidthContainer h2,
 #fullWidthDemoContainer h2 {
  font-size:2em
 }
 #readMore span {
  width:10%
 }
 #dribbble li {
  width:25%;
  max-width:400px
 }
 #dribbble li a {
  margin-bottom:-.45em
 }
}