html, button, input, select, textarea {color: #222;}
html {-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-font-smoothing: antialiased;}
body {font-size: 1em; line-height: 1.4; background-color:#01262E; background-image:url(../images/bg/grain.png); background-position:center 0; font-family:'DrawnBody', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
* {
-webkit-touch-callout: none!important;
-webkit-user-select:text;
touch-callout: none!important;
-moz-user-select:text;
user-select:text;
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-smooth:always;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
input,textarea {-moz-user-select:text!important; user-select:text!important; -webkit-user-select:text!important;}
input {background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); box-shadow:none!important;}
/* Fonts */
@font-face {
font-family: 'AdamDrawn';
src: url('../fonts/adamfont-webfont.eot');
src: url('../fonts/adamfont-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/adamfont-webfont.woff') format('woff'),
url('../fonts/adamfont-webfont.ttf') format('truetype'),
url('../fonts/adamfont-webfont.svg#adamdrawnstandard') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DrawnBody';
src: url('../fonts/drawnbody-webfont.eot');
src: url('../fonts/drawnbody-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/drawnbody-webfont.woff') format('woff'),
url('../fonts/drawnbody-webfont.ttf') format('truetype'),
url('../fonts/drawnbody-webfont.svg#drawntextlight') format('svg');
font-weight: normal;
font-style: normal;
}
#container {position:relative; -webkit-backface-visibility: hidden;}
/* Header */
#header {position:absolute; top:17px; right:0;}
#header #nav-full {position:relative; margin:0 20px;}
.mobile #header #nav-full {position:relative; margin:0 10px;}
#header #header-nav {position:relative; -webkit-backface-visibility: hidden;}
.mobile #header {width:100%;}
.mobile #header #header-nav {width:100%; text-align:center;}
#header #header-nav li {position:relative; display:inline-block; *display:inline; zoom:1; -webkit-backface-visibility: hidden; vertical-align:middle; padding-bottom:6px;}
#header #header-nav .separator { display:inline-block; *display:inline; zoom:1; width:10px; height:15px; margin:0px; background-image:url(../images/ui/nav/separator.png); background-position:center center; background-size:10px 15px; background-repeat:no-repeat; margin-bottom:6px;}
.mobile #header #header-nav .separator {margin-left:-4px; margin-right:-3px;}
.retina #header #header-nav .separator {background-image:url(../images/ui/nav/separator%402x.png);}
#header #header-nav li a {position:relative; display:block; height:17px; overflow:hidden;}
#header #header-nav li a .nav-btn {position:relative; display:block; height:35px; background-repeat:no-repeat;}
#header #header-nav .nav-home {width:30px;}
#header #header-nav .nav-home .nav-btn {width:30px; background-image:url(../images/ui/nav/home.png); background-size:30px 35px;}
.retina #header #header-nav .nav-home .nav-btn {background-image:url(../images/ui/nav/home%402x.png);}
#header #header-nav .nav-about {width:36px;}
#header #header-nav .nav-about .nav-btn {width:36px; background-image:url(../images/ui/nav/about.png); background-size:36px 35px;}
.retina #header #header-nav .nav-about .nav-btn {background-image:url(../images/ui/nav/about%402x.png);}
#header #header-nav .nav-skills {width:36px;}
#header #header-nav .nav-skills .nav-btn {width:36px; background-image:url(../images/ui/nav/skills.png); background-size:36px 35px;}
.retina #header #header-nav .nav-skills .nav-btn {background-image:url(../images/ui/nav/skills%402x.png);}
#header #header-nav .nav-work {width:33px;}
#header #header-nav .nav-work .nav-btn {width:33px; background-image:url(../images/ui/nav/work.png); background-size:33px 35px;}
.retina #header #header-nav .nav-work .nav-btn {background-image:url(../images/ui/nav/work%402x.png);}
#header #header-nav .nav-play {width:28px;}
#header #header-nav .nav-play .nav-btn {width:28px; background-image:url(../images/ui/nav/play.png); background-size:28px 35px;}
.retina #header #header-nav .nav-play .nav-btn {background-image:url(../images/ui/nav/play%402x.png);}
#header #header-nav .nav-project {width:58px;}
#header #header-nav .nav-project .nav-btn {width:58px; background-image:url(../images/ui/nav/workplay.png); background-size:58px 34px;}
.retina #header #header-nav .nav-project .nav-btn {background-image:url(../images/ui/nav/workplay%402x.png);}
#header #header-nav .nav-contact {width:49px;}
#header #header-nav .nav-contact .nav-btn {width:49px; background-image:url(../images/ui/nav/contact.png); background-size:49px 35px;}
.retina #header #header-nav .nav-contact .nav-btn {background-image:url(../images/ui/nav/contact%402x.png);}
header #header-nav .nav-logout {width:42px;}
#header #header-nav .nav-awards .nav-btn {width:58px; background-image:url(../images/ui/nav/awards.png); background-size:58px 34px;}
.retina #header #header-nav .nav-awards .nav-btn {background-image:url(../images/ui/nav/awards%402x.png);}
#header #header-nav .nav-logout .nav-btn {width:42px; background-image:url(../images/ui/nav/logout.png); background-size:42px 35px;}
.retina #header #header-nav .nav-logout .nav-btn {background-image:url(../images/ui/nav/logout%402x.png);}
#header #header-nav li.active {background-image:url(../images/ui/nav/active-icon%402x.png); background-size:150px 4px; background-repeat:repeat-x; background-position:center 19px;}
/* Screens */
#screens {position:relative; width:100%;}
#screens .screen { width:100%; overflow:hidden; display:none;}
#a-home {}
#a-home #home-statements {position:absolute; bottom:0px; left:50%; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
#a-home #home-statements * {-webkit-user-select:none; -moz-user-select:none; user-select:none;}
#a-home .statement-spinner {position:absolute; bottom:0; left:0; width:0px; display:none;}
#a-home .statement {position:absolute; width:100%; text-align:center;}
#a-home .statement .st-title, #a-home .statement .st-bullets {position:relative; size: 10px;}
#a-home .statement .st-desc {position:relative; text-align:center; }
#a-home .statement .st-desc .st-content {position:relative; display:inline-block;}
#a-home .statement .st-bullets .st-bullet {position:relative; display:inline-block; *display:inline; zoom:1; overflow:hidden; cursor:pointer;}
#a-home .statement .st-bullets .st-bullet .bullet {position:relative; top:-100%;}
#a-home .statement .st-bullets .st-bullet .bullet-active, #a-home .statement .st-bullets .st-bullet .bullet-hover {top:0%;}
#a-home .statement .st-learn-more {position:relative; text-align:center; padding-bottom:5px; height:39px; width:100%; overflow:hidden;}
#a-home .learn-more {position:relative; display:inline-block; width:134px; height:39px; overflow:hidden;}
#a-home .learn-more .btn {position:absolute; top:0; left:0; width:134px; height:78px; background-size:134px 78px; background-image:url(../images/lettering/learn-more.png); background-repeat:no-repeat;}
.retina #a-home .learn-more .btn {background-image:url(../images/lettering/learn-more%402x.png);}
/* Smart Type */
.smart-type {}
.smart-type .w {position:relative; display:inline-block; *display:inline; zoom:1; overflow:hidden;}
.smart-type .w .w-m {position:absolute; top:0; left:0; width:100%; height:100%;}
.smart-type .w .l {position:relative; display:block; float:left; overflow:hidden;}
.smart-type .w .l .l-c {position:absolute; display:block; width:100%; height:100%;}
.smart-type .w .l .l-c .ndx {display:none;}
.smart-type .w .l .l-i {position:absolute; display:block; width:100%; height:100%; top:0; left:0; overflow:hidden; background-position:0 0px; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.smart-type .w .l .l-i-b {position:absolute; display:block; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.smart-type .w .l .l-i-b-dl {left:100%;}
.smart-type .w .l .l-i-b-dr {left:-100%;}
.smart-type .w .l .l-i-b-dt {top:100%;}
.smart-type .w .l .l-i-b-db {top:-100%;}
.smart-type .spc {position:absolute; top:0px;}
.smart-type .spc .spc-i {position:absolute; top:-2px; left:-2px; bottom:-2px; right:-2px;}
.smart-type .spc-l .spc-i {}
.theme-yellow {color:#FFF001;}
.theme-black {color:#241438;}
.theme-darkblue {color:#083258;}
.theme-pink {color:#083258;}
.theme-green {color:#c2d53f;}
.theme-blue {color:#02c9c9;}
.theme-gray {color:#302f2f;}
.theme-lightgray {color:#032B32;}
.theme-lightblue {color:#b7d3d3;}
/* Skills */
#a-skills {min-width:0;}
.desktop #a-skills {min-width:500px;}
#a-skills #map-data, #a-skills #map-templates {display:none;}
#a-skills #map-display {position:absolute; left:50%; top:50%; display:none;}
#a-skills #map-display #map {position:absolute; top:0; left:0;}
#a-skills #map-overlays {position:relative; width:100%;}
#a-skills #map-overlays #map-overlays-inner {position:relative; padding:0px 0px 0px;}
#a-skills #map-planets-view {position:relative; width:100%;}
#a-skills #map-title {position:relative; width:100%; height:84px; overflow:hidden;}
#a-skills #map-title #map-title-inner {position:relative; text-align:center;}
#a-skills #map-title #map-title-container {position:relative; display:inline-block; width:209px; height:84px; overflow:hidden;}
#a-skills #map-planets-display {position:relative; width:100%; text-align:center; padding-top:20px; max-width:900px; margin:0 auto;}
#a-skills #map-planets-view .planet-item, #a-skills #map-planets-view .planet-item .planet-item-display,
#a-skills #map-planets-view .planet-item .planet-item-top {width:163px; height:163px;}
#a-skills #map-planets-view .planet-item {position:relative; display:inline-block; margin:5px; overflow:hidden;}
#a-skills #map-planets-view .planet-item .planet-item-display, #a-skills #map-planets-view .planet-item .planet-item-top {position:absolute; top:0; left:0;}
#a-skills #map-planets-view .planet-item .planet-item-display {text-decoration:none; display:block;}
#a-skills #map-planets-view .planet-item .planet-item-thumb {position:absolute; top:13px; left:13px; width:137px; height:137px; background-repeat:no-repeat; display:none;}
#a-skills #map-planets-view .planet-item .planet-item-top {background-size:163px 163px; background-repeat:no-repeat; background-image:url('../images/screens/skills/map/planetview/planet-ring.png');}
.retina #a-skills #map-planets-view .planet-item .planet-item-top {background-image:url('../images/screens/skills/map/planetview/planet-ring%402x.png');}
#a-skills #map-planets-view .planet-item .planet-item-title {position:relative; color:#FFF; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.2em; top:65px;}
#a-skills #map-solar-system {position:relative; width:100%; height:400px; margin:0 auto; -webkit-backface-visibility:hidden; display:none;}
#a-skills #map-title {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform:translateZ(-10px); -webkit-transform:translateZ(-10px);}
#a-skills #map-title #map-title-inner {position:absolute; top:50%; left:50%;}
#a-skills #map-title #map-title-container {position:absolute; left:-250px; top:-99px; width:499px; height:198px; overflow:hidden;}
#a-skills #map-title #map-title-display {position:absolute; top:0; left:0; width:499px; height:198px; background-size:499px 198px; background-repeat:no-repeat; background-image:url('../images/screens/skills/map/title.png');}
.retina #a-skills #map-title #map-title-display {background-image:url('../images/screens/skills/map/title%402x.png');}
@media all and (max-width: 600px)
{
#a-skills #map-title #map-title-container {width:250px; height:99px; left:-125px; top:-50px;}
#a-skills #map-title #map-title-display {width:250px; height:99px; background-size:250px 99px; background-image:url('../images/screens/skills/map/title%40halfx.png');}
.retina #a-skills #map-title #map-title-display {background-image:url('../images/screens/skills/map/title.png');}
}
#a-skills #solar-display {position:relative; width:100%; height:100%; margin:0 auto;}
#a-skills #solar-display .solar-expand {position:relative; display:block; width:100%; height:100%; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -webkit-transform:translateZ(600px); transform:translateZ(600px);}
#a-skills .sun-glow {position:absolute; top:50%; left:50%; text-align:center; -webkit-transform:translateZ(-4000px); transform:translateZ(-4000px);}
#a-skills .sun-glow .sun-glow-display {position:absolute; top:-99px; left:-98px; width:198px; height:197px; background-size:198px 197px; background-image:url('../images/screens/skills/map/planets/sun/sun-glow.png'); background-repeat:no-repeat; background-position:center center; -webkit-transform:translateZ(-4000px); transform:translateZ(-5000px); transform-style: preserve-3d; animation-name: sunglow; animation-iteration-count: infinite; animation-timing-function: linear;
-webkit-transform-style: preserve-3d; -webkit-animation-name: sunglow; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-duration: 30s; -webkit-animation-duration: 30s;}
.retina #a-skills .sun-glow .sun-glow-display {background-image:url('../images/screens/skills/map/planets/sun/sun-glow%402x.png');}
#a-skills .s-base {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; overflow:hidden; transform:translateZ(-1000px); -webkit-transform:translateZ(-1000px);}
#a-skills .solar-base {position:relative;}
#a-skills .planet-info {position:absolute; width:0; height:0; z-index:30; transform:translateZ(4000px); -webkit-transform:translateZ(4000px);}
#a-skills .planet-info .planet-class {display:none;}
#a-skills .planet-info .info-container {position:absolute; top:0; left:0; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
#a-skills .planet-info .info-container .info-display {position:absolute; top:-161px; left:-57px; width:115px; height:161px; background-size:115px 161px; background-repeat:no-repeat; background-image:url('../images/screens/skills/map/info-marker.png'); transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.retina #a-skills .planet-info .info-container .info-display {background-image:url('../images/screens/skills/map/info-marker%402x.png');}
#a-skills .planet-info .info-container .info-display .info-title {position:relative; padding-top:45px; text-align:center; font-size:1.3em; color:#FFF; text-transform:uppercase; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-shadow:1px 2px rgba(0,0,0,0.2);}
#a-skills .planet-info .info-container .info-rect {position:absolute; top:50%; left:50%;}
#a-skills .planet-info .info-container .info-rect .planet-rect {position:absolute; cursor:pointer; width:10px; height:10px; border-radius:50%; background-color:transparent;}
#a-skills .solar-system .orbit .planet-data {display:none;}
#a-skills .solar-system {position:relative; width:100%; height:100%;}
#a-skills.cssanims .solar-system {transform-style: preserve-3d; transform: rotateX(65.9deg); -webkit-transform-style: preserve-3d; -webkit-transform: rotateX(65.5deg);}
#a-skills .solar-system .orbit {position: absolute; top: 50%; left: 0%; width:100%; height:0px;}
#a-skills.cssanims .solar-system .orbit {transform-style: preserve-3d; animation-name: orbit; animation-iteration-count: infinite; animation-timing-function: linear;
-webkit-transform-style: preserve-3d; -webkit-animation-name: orbit; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
#a-skills .solar-system .pos {position: absolute; top: 0; width: 0; height:0px; background-color:transparent;}
#a-skills.cssanims .solar-system .pos {transform-style: preserve-3d; animation-name: invert; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-transform-style: preserve-3d; -webkit-animation-name: invert; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; zoom:1;}
#a-skills .solar-system .pos .pos-block {position:absolute; top:-25px; left:-25px; width:50px; height:50px; background-color:transparent; opacity:0.5; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; background-image:url('../images/ui/emt.gif'); background-repeat:repeat; zoom:1;}
#a-skills .solar-system #sun {position: absolute; top: 50%; left: 50%; width:0px; height:0px; margin-left:0;}
#a-skills.cssanims .solar-system #sun {transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-65.9deg); -webkit-transform: rotateX(-65.9deg);}
#a-skills .solar-system #sun .planetoid {border-radius:0px; width:64px; height:64px; top:-32px; left:-32px; background-size:64px 64px; background-repeat:no-repeat; background-image:url('../images/screens/skills/map/planets/sun/small-planet.png'); }
.retina #a-skills .solar-system #sun .planetoid {background-image:url('../images/screens/skills/map/planets/sun/small-planet%402x.png');}
#a-skills .solar-system .planet {position: absolute; top:-4px; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
#a-skills .solar-system .planetoid {position:absolute; top:-15px; left:-15px; width:30px; height:30px; border-radius: 50%;}
#a-skills.cssanims .solar-system .planetoid {animation-name: planetshadow; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name:planetshadow; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; background-repeat:no-repeat;}
#a-skills .solar-system .planet-paused .pos, #a-skills .solar-system .planet-paused .planetoid, #a-skills .solar-system .planet-paused .planet, #a-skills .solar-system .planet-paused.orbit {animation-play-state: paused; -webkit-animation-play-state: paused;}
@keyframes orbit {0% {transform: rotateZ(0deg);} 100% {transform: rotateZ(-360deg);}}
@-webkit-keyframes orbit {0% {transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } 100% {transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); }}
@keyframes invert {0% {transform: rotateX(-90deg) rotateY(360deg) rotateZ(0deg); } 100% {transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);} }
@-webkit-keyframes invert {0% {-webkit-transform: rotateX(-90deg) rotateY(360deg) rotateZ(0deg); } 100% {-webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg); } }
@keyframes sunglow {0% {transform: rotate(0deg); } 100% {transform: rotate(-360deg);}}
@-webkit-keyframes sunglow {0% {-webkit-transform: rotateZ(0deg); } 100% {-webkit-transform: rotate(-360deg); }}
@keyframes planetshadow {
0% {box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.2);} 40% {box-shadow: inset 0px -5px 0px rgba(0, 0, 0, 0.2);} 60% {box-shadow: inset 50px -5px 0px rgba(0, 0, 0, 0.2);} 60.01% {box-shadow: inset -50px -5px 0px rgba(0, 0, 0, 0.2);} 100% {box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.2);}
}
@-webkit-keyframes planetshadow {
0% {box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.2);} 40% {box-shadow: inset 0px -5px 0px rgba(0, 0, 0, 0.2);} 60% {box-shadow: inset 50px -5px 0px rgba(0, 0, 0, 0.2);} 60.01% {box-shadow: inset -50px -5px 0px rgba(0, 0, 0, 0.2);} 100% {box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.2);}
}
@keyframes planetshadowopp {
0% {box-shadow: inset 5px -3px 0px rgba(0, 0, 0, 0.2);} 35% {box-shadow: inset 60px -5px 0px rgba(0, 0, 0, 0.2);} 35.01% {box-shadow: inset -60px -5px 0px rgba(0, 0, 0, 0.2);} 60% {box-shadow: inset 0px 0 0px rgba(0, 0, 0, 0.2);} 100% {box-shadow: inset 5px -3px 0px rgba(0, 0, 0, 0.2);}
}
@-webkit-keyframes planetshadowopp {
0% {box-shadow: inset 5px -3px 0px rgba(0, 0, 0, 0.2);} 35% {box-shadow: inset 60px -5px 0px rgba(0, 0, 0, 0.2);} 35.01% {box-shadow: inset -60px -5px 0px rgba(0, 0, 0, 0.2);} 60% {box-shadow: inset 0px 0 0px rgba(0, 0, 0, 0.2);} 100% {box-shadow: inset 5px -3px 0px rgba(0, 0, 0, 0.2);}
}
#a-skills #map-nav-top {position:absolute; top:0px; left:0; width:100%;}
#a-skills #map-nav-bottom {position:absolute; bottom:0px; left:0; width:100%;}
#a-skills #map-nav-top .nav-display {position:relative; padding: 60px 30px 0 25px;}
#a-skills #map-nav-bottom .nav-display {position:relative; padding:0 25px 10px;}
#a-skills .nav-display .nav-hold {position:relative; overflow:hidden;}
#a-skills .nav-display .nav-hold .nav-shift {position:relative; text-align:center;}
#a-skills .nav-display .nav-title {position:relative; color:#FFF;}
#a-skills .nav-display .nav-planet-options {position:relative; display:inline-block; margin:0 10px; padding-bottom:10px;}
#a-skills .nav-display .nav-planet-options li {position:relative; display:inline-block; *display:inline; zoom:1; margin:4px 4px;}
#a-skills #map-planet-view {position:relative; width:100%; max-width:720px; height:auto; margin:0 auto; display:none;}
#a-skills #planet-display {position:relative;}
#a-skills .planet-element {position:relative;}
#a-skills .planet-element .planet {position:relative; float:left; width:324px; height:324px; margin-right:20px; margin-bottom:20px;}
#a-skills .planet-element .planet .planet-overlay {position:absolute; top:0; left:0; width:324px; height:324px; background-size:324px 324px; background-image:url('../images/screens/skills/map/planet-ring.png'); overflow:hidden;}
.retina #a-skills .planet-element .planet .planet-overlay {background-image:url('../images/screens/skills/map/planet-ring%402x.png');}
#a-skills .planet-element .planet .planet-abs {position:absolute; top:50px; left:50px; width:225px; height:225px; overflow:hidden;}
#a-skills .planet-element .planet .planet-spinner {width:526px; height:526px; background-size:526px 526px; background-repeat:no-repeat;
animation-name: planetspin; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 30s;
-webkit-transform-style: preserve-3d; -webkit-animation-name: planetspin; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration: 30s;
-ms-animation-name: planetspin; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -ms-animation-duration: 30s;
margin-top:-258px; margin-left:-190px; }
@keyframes planetspin {0% {transform: rotate(0deg);} 100% {transform: rotate(-360deg);}}
@-webkit-keyframes planetspin {0% {-webkit-transform: rotate(0deg); } 100% {-webkit-transform: rotate(-360deg); }}
@-ms-keyframes planetspin {0% {-ms-transform: rotate(0deg);} 100% {-ms-transform: rotate(-360deg);}}
#a-skills .planet-element .planet-descrip {position:relative; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-left:340px;}
#a-skills .planet-element .planet-descrip .p-block {position:relative; padding-bottom:10px;}
#a-skills .planet-element .planet-descrip .p-sub {position:relative; font-size:0.9em; color:#5db7d3;}
#a-skills .planet-element .planet-descrip .p-title {position:relative; font-size:3em; color:#FFF; margin-top:-7px;}
#a-skills .planet-element .planet-descrip .p-info {position:relative; font-family:'DrawnBody', Arial, Helvetica, sans-serif; font-size:0.94em; color:#f9f9f9; text-transform:none;}
#a-skills .planet-element .planet-descrip .p-info a {color:#f751a7; text-decoration:none;}
#a-skills .planet-element .planet-descrip .p-info a:hover {text-decoration:underline;}
#a-skills .planet-view .pln-hide {display:none;}
/* About */
#a-about {min-width:0;}
.desktop #a-about {min-width:500px;}
#a-about #head-display {position:absolute; top:50%; left:50%; display:none; }
#a-about #head-display #head-spin {position:absolute; top:0; left:0; width:100px; height:100px; -webkit-user-select:none; user-select:none; -moz-user-select:none;}
#a-about #head-display #head-spin img {-webkit-user-select:none; user-select:none;}
#a-about #head-left {position:absolute; top:0; left:0; width:50%; height:100%;}
#a-about #head-right {position:absolute; top:0; right:0; width:50%; height:100%;}
#a-about #head-left #head-left-shift {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#a-about #head-right #head-right-shift {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#a-about .head-segments {position:absolute; top:0; left:0; width:100%; height:100%;}
#a-about .head-seg{position:relative; width:100%; overflow:hidden; background-color:transparent;}
#a-about .head-base {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:transparent;}
#a-about .head-title {position:absolute; top:50%; margin-top:-136px; left:0; width:100%; height:273px; overflow:hidden; background-color:transparent;}
#a-about .head-seg .head-seg-overlays, #a-about .head-base .head-base-overlay{position:absolute; display:block; top:0; left:0; width:100px; height:100px;}
#a-about .head-title .head-title-overlay {position:absolute; display:none; top:0; left:0; width:100px; height:100px; transform-style:preserve-3d;}
#a-about .head-seg .seg-hit {position:absolute; top:0; height:100%; background-color:transparent; background-image:url(../images/ui/emt.gif); background-repeat:repeat;}
#a-about #head-left .head-seg .seg-hit {right:0;}
#a-about #head-right .head-seg .seg-hit {left:0;}
#a-about .head-seg .head-seg-overlays img, #a-about .head-base .head-base-overlay img {position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
#a-about .head-base .head-base-overlay img {display:block;}
#a-about #head-right .head-seg-overlays, #a-about #head-right .head-base-overlay, #a-about #head-right .head-title-overlay {margin-left:-100%;}
#a-about .head-title .head-title-overlay .h-title-img {position:absolute; top:0; left:50%; width:463px; height:273px; background-size:463px 273px; background-repeat:no-repeat; margin-left:-231px;}
#a-about #head-explore {position:absolute; top:63%; left:50%; display:none;}
#a-about #explore-display {position:absolute; width:122px; height:44px; top:-22px; left:-61px; overflow:hidden;}
#a-about #head-explore .explore-btn {position:absolute; top:0; left:0; display:block; width:122px; height:44px; overflow:hidden;}
#a-about #head-explore .explore-btn .exp-btn {position:absolute; top:0; left:0; width:122px; height:89px; background-size:122px 89px; background-repeat:no-repeat; background-image:url(../images/screens/about/head/explore.png);}
.retina #a-about #head-explore .explore-btn .exp-btn {background-image:url(../images/screens/about/head/explore%402x.png);}
#a-about #head-separator {position:absolute; top:0; left:50%; height:106%; margin-top:-3%; display:none;}
#a-about #head-separator #separator-display {position:absolute; top:0px; left:-3px; width:6px; height:100%;}
#a-about #head-separator .separator-top {position:relative; width:6px; height:50%; overflow:hidden;}
#a-about #head-separator .separator-bottom {position:relative; width:6px; height:50%; overflow:hidden;}
#a-about #head-separator .separator-shift {position:absolute; top:0; left:0; width:6px; height:100%; overflow:hidden;}
#a-about #head-separator .separator-line {position:absolute; width:6px; height:637px; background-size:6px 637px; background-repeat:no-repeat; background-image:url(../images/screens/about/head/separator.png);}
.retina #a-about #head-separator .separator-line {background-image:url(../images/screens/about/head/separator%402x.png);}
#a-about #head-separator .separator-top .separator-line {bottom:0px;}
#a-about #head-separator .separator-bottom .separator-line {top:0px;}
#a-about #anatomy-display {position:absolute; top:50%; left:50%; display:none;}
#a-about #anatomy-sections {position:absolute; top:0; left:0; width:100px; height:auto; max-width:1200px; text-align:center; -webkit-user-select:none; user-select:none; -moz-user-select:none;}
#a-about #anatomy-sections .an-section {position:relative; display:inline-block; *display:inline; zoom:1; width:100px; height:100px;}
#a-about #anatomy-sections .an-section .an-section-container {position:absolute;}
#a-about #anatomy-sections .an-section .an-section-container .an-section-display {position:absolute; width:100%; height:100%; overflow:hidden;}
#a-about #anatomy-sections .an-section .an-section-container .an-section-hit,
#a-about #anatomy-sections .an-section .an-section-container .an-examine-hit {position:absolute; background-image:url(../images/ui/emt.gif); background-repeat:repeat; width:70%; height:70%; top:15%; left:15%; display:none;}
#a-about #anatomy-sections .an-section .an-section-container .an-examine-hit {cursor:pointer;}
#a-about #anatomy-sections .section-seg{ position:relative; width:100%; display:block; overflow:hidden; background-color:transparent;}
#a-about #anatomy-sections .section-seg .section-seg-overlay {position:absolute; display:block; top:0; left:0; width:100px; height:100px;}
#a-about #anatomy-sections .section-seg .section-seg-overlay img {position:absolute; width:100%; height:100%; top:0; left:0; -webkit-perspective:1000;}
#a-about #anatomy-views {position:absolute; top:0; left:0; width:100px; height:auto; max-width:1200px; text-align:center; display:none;}
#a-about #anatomy-views #anatomy-views-display {position:relative; width:100%;}
#a-about #anatomy-views .an-view-data {display:none;}
#a-about #anatomy-views .an-view-display {position:relative;}
#a-about #anatomy-views .anatomy-view {position:relative; width:100%; max-width:720px; margin:0 auto;}
#a-about #an-view-work .hand-display {position:relative; float:left; width:235px; height:443px; -webkit-user-select:none; user-select:none; -moz-user-select:none;}
#a-about #an-view-work .hand-display .hand-element {position:absolute; top:0; left:0; width:100%; height:100%;}
#a-about #an-view-work .hand-statements {position:relative; margin-left:255px; text-align:left; overflow:hidden;}
#a-about #an-view-work .hand-statements .hand-close {position:relative; padding-top:47px; padding-bottom:15px;}
#a-about #an-view-work .hand-statements .hand-statement {position:relative; display:none;}
#a-about .h-title {position:relative; font-family:'AdamDrawn',Arial,Helvetica,sans-serif; text-transform:uppercase; font-size:3em; color:#FFF; margin-top:-7px; line-height:1em; padding-left:4px;}
#a-about .h-info {position:relative; padding-top:10px; padding-left:4px; font-size:0.94em; color:#FFF; }
#a-about #an-view-work .h-nav {position:relative; padding-top:10px;}
#a-about #an-view-core {max-width:800px!important;}
#a-about #an-view-core .core-display {position:relative; float:left; width:408.5px; height:410.5px;}
#a-about #an-view-core .core-display .cr-center {position:absolute; top:50%; left:50%;}
#a-about #an-view-core .core-display .wheel {position:absolute; top:-161px; left:-161px; width:323px; height:323px; background-size:323px 323px; background-repeat:no-repeat; background-image:url(../images/screens/about/core/1x/wheel.png);}
.retina #a-about #an-view-core .core-display .wheel {background-image:url(../images/screens/about/core/2x/wheel.png);}
#a-about #an-view-core .whl-sd {position:absolute;}
#a-about #an-view-core .whl-sd .whl-it {position:absolute; top:-41px; left:-41px; width:83px; height:83px; background-size:83px 83px;}
#a-about #an-view-core .whl-t {top:-5px; left:50%;}
#a-about #an-view-core .whl-r {top:50%; right:-5px;}
#a-about #an-view-core .whl-b {bottom:-5px; right:50%;}
#a-about #an-view-core .whl-l {top:50%; left:-5px;}
#a-about #an-view-core .whl-t .whl-it {background-image:url(../images/screens/about/core/1x/side-a.png);}
#a-about #an-view-core .whl-r .whl-it {background-image:url(../images/screens/about/core/1x/side-b.png);}
#a-about #an-view-core .whl-b .whl-it {background-image:url(../images/screens/about/core/1x/side-c.png);}
#a-about #an-view-core .whl-l .whl-it {background-image:url(../images/screens/about/core/1x/side-d.png);}
.retina #a-about #an-view-core .whl-t .whl-it {background-image:url(../images/screens/about/core/2x/side-a.png);}
.retina #a-about #an-view-core .whl-r .whl-it {background-image:url(../images/screens/about/core/2x/side-b.png);}
.retina #a-about #an-view-core .whl-b .whl-it {background-image:url(../images/screens/about/core/2x/side-c.png);}
.retina #a-about #an-view-core .whl-l .whl-it {background-image:url(../images/screens/about/core/2x/side-d.png);}
#a-about #an-view-core .core-display .wheel-inner {position:absolute; top:-70px; left:-70px; width:141px; height:141px; background-size:141px 141px; background-repeat:no-repeat; background-image:url(../images/screens/about/core/1x/wheel-inner.png);}
.retina #a-about #an-view-core .core-display .wheel-inner {background-image:url(../images/screens/about/core/2x/wheel-inner.png);}
#a-about #an-view-core .core-display .wheel-center {position:absolute; top:-49px; left:-49px; width:99px; height:99px; background-size:99px 99px; background-repeat:no-repeat; background-image:url(../images/screens/about/core/1x/wheel-center.png);}
.retina #a-about #an-view-core .core-display .wheel-center {background-image:url(../images/screens/about/core/2x/wheel-center.png);}
#a-about .an-clock {animation-name: wheelclockwise; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: wheelclockwise; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-duration: 60s; -webkit-animation-duration: 60s;}
#a-about .an-cc-clock {animation-name: wheelcounterclockwise; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: wheelcounterclockwise; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-duration: 60s; -webkit-animation-duration: 60s;}
#a-about .an-half {animation-duration: 30s; -webkit-animation-duration: 30s;}
#a-about .an-double {animation-duration: 120s; -webkit-animation-duration: 120s;}
@keyframes wheelclockwise {0% {transform: rotate(0deg); } 100% {transform: rotate(360deg);}}
@-webkit-keyframes wheelclockwise {0% {-webkit-transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); }}
@keyframes wheelcounterclockwise {0% {transform: rotate(0deg); } 100% {transform: rotate(-360deg);}}
@-webkit-keyframes wheelcounterclockwise {0% {-webkit-transform: rotate(0deg); } 100% {-webkit-transform: rotate(-360deg); }}
#a-about #an-view-core .core-statement .core-close {position:relative; padding-bottom:10px;}
#a-about #an-view-core .core-statement {position:relative; margin-left:415px; text-align:left; padding-top:0px;}
#a-about #an-view-love {max-width:900px!important;}
#a-about #an-view-love .love-close {position:relative; padding-bottom:5px; text-align:right;}
#a-about #an-view-love .tube-display, #a-about #an-view-love .tube-structure {position:relative; width:100%; height:159px;}
#a-about #an-view-love .tube-structure .tube-base {position:relative; height:159px; margin:0 99px;}
#a-about #an-view-love .tube-structure .tube-base .tube-base-element {position:absolute; top:0; left:0; width:100%; height:159px; background-repeat:repeat-x; background-size:422px 159px; background-image:url(../images/screens/about/anatomy/1x/love/vessel.png);}
#a-about #an-view-love .tube-structure .tube-left {position:absolute; top:0; left:0; width:99px; height:159px; background-size:99px 159px; background-repeat:no-repeat; background-image:url(../images/screens/about/anatomy/1x/love/vessel-left.png);}
#a-about #an-view-love .tube-structure .tube-right {position:absolute; top:0; right:0; width:99px; height:159px; background-size:99px 159px; background-repeat:no-repeat; background-image:url(../images/screens/about/anatomy/1x/love/vessel-right.png);}
.retina #a-about #an-view-love .tube-structure .tube-base .tube-base-element {background-image:url(../images/screens/about/anatomy/2x/love/vessel.png);}
.retina #a-about #an-view-love .tube-structure .tube-left {background-image:url(../images/screens/about/anatomy/2x/love/vessel-left.png);}
.retina #a-about #an-view-love .tube-structure .tube-right {background-image:url(../images/screens/about/anatomy/2x/love/vessel-right.png);}
#a-about .tube-cells-display {position:absolute; top:0; left:0; height:159px; width:100%;}
#a-about .tube-cells {position:relative; top:0; left:0; margin:0 -50px; height:159px; overflow:hidden;}
#a-about .tube-cells .cell-slide-display {position:absolute; top:50%; left:50%;}
#a-about .tube-cells .cell-slide {position:absolute; top:0; left:-600px; width:1200px; height:20px;}
#a-about .tube-cells .cell-slide .cell-el {position:relative; top:0; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; cursor:pointer;}
#a-about .tube-cells .cell-slide .cell-el .cell-id {display:none;}
#a-about .tube-cells .cell-slide .cell-el .cell-img {position:absolute; top:-15px; left:-15px; width:30px; height:30px; transform:scale(0.9); -webkit-perspective:1000;}
#a-about .tube-cells .cell-slide .active-cell .cell-img {transform:scale(1);}
#a-about .love-nav {position:relative; padding:5px 0;}
#a-about .love-statement {position:relative; font-family:'AdamDrawn',Arial,Helvetica,sans-serif; text-transform:uppercase; font-size:3em; color:#FFF; line-height:1em; padding-top:5px; display:block; min-height:1%; zoom:1;}
#a-about #an-view-love .grad-left {position:absolute; top:0; left:-50px; width:99px; height:159px; background-repeat:no-repeat;}
#a-about #an-view-love .grad-right {position:absolute; top:0; right:-50px; width:99px; height:159px; background-repeat:no-repeat;}
#a-about .tube-left-top {position:absolute; top:0; left:0; width:53px; height:159px; background-repeat:no-repeat; background-size:53px 159px; background-image:url(../images/screens/about/anatomy/1x/love/vessel-left-top.png);}
.retina #a-about .tube-left-top {background-image:url(../images/screens/about/anatomy/2x/love/vessel-left-top.png);}
#a-about .tube-right-top {position:absolute; top:0; right:46px; width:53px; height:159px; background-repeat:no-repeat; background-size:53px 159px; background-image:url(../images/screens/about/anatomy/1x/love/vessel-right-top.png);}
.retina #a-about .tube-right-top {background-image:url(../images/screens/about/anatomy/2x/love/vessel-right-top.png);}
#a-about #anatomy-templates {display:none;}
/* Contact */
#a-contact {min-width:0px;}
.desktop #a-contact {min-width:500px; background-color: #449590;}
#a-contact #contact-display {position:absolute; top:50%; left:50%;}
#a-contact #postcard-display {position:absolute; width:100%; max-width:850px;}
#a-contact .postcard {position:relative; width:100%; display:none;}
#a-contact .postcard-thankyou, #a-login .login-thankyou, #a-login .logout-notice {position:relative; width:100%; display:none; min-height:30px; backface-visibility:hidden; transform-style:preserve-3d; text-align:center;}
#a-contact .postcard-thankyou .pc-thankyou-title, #a-login .login-thankyou-title, #a-login .logout-title {font-size:3em; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#FFF; line-height:1.2em;}
#a-contact .postcard-thankyou .pc-thankyou-info, #a-login .login-thankyou-info, #a-login .logout-info {position:relative; font-size:0.94em; color:#f9f9f9; text-transform:none; padding-bottom:10px;}
#a-contact .postcard .postcard-base {position:absolute; top:0; left:0; width:100%; height:100%;}
#a-contact .postcard .postcard-base .dot-edge {position:absolute; top:3px; right:3px; bottom:3px; left:3px; background-size:122px 86px; background-repeat:repeat; background-image:url(../images/screens/contact/dot-edge.png);}
.retina #a-contact .postcard .postcard-base .dot-edge {background-image:url(../images/screens/contact/dot-edge%402x.png);}
#a-contact .postcard .postcard-base .inner-base {position:absolute; top:40px; right:38px; bottom:36px; left:38px; background-color: #449590;}
.mobile #a-contact .postcard .postcard-base .inner-base {top:20px; right:19px; bottom:18px; left:19px; }
#a-contact .postcard .postcard-base .inner-base .inner-grain {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat; background-image:url(../images/bg/grain.png);}
#a-contact .postcard .postcard-base .pc-edge {position:absolute; width:46px; height:46px; background-size:46px 46px; background-repeat:no-repeat;}
#a-contact .postcard .postcard-base .pc-bar-v {position:absolute; top:46px; bottom:46px; width:46px; background-size:46px 380px; background-repeat:repeat-y;}
#a-contact .postcard .postcard-base .pc-bar-h {position:absolute; left:46px; right:46px; height:46px; background-size:685px 46px; background-repeat:repeat-x;}
.mobile #a-contact .postcard .postcard-base .pc-edge {position:absolute; width:23px; height:23px; background-size:23px 23px; background-repeat:no-repeat;}
.mobile #a-contact .postcard .postcard-base .pc-bar-v {position:absolute; top:23px; bottom:23px; width:23px; background-size:23px 190px; background-repeat:repeat-y;}
.mobile #a-contact .postcard .postcard-base .pc-bar-h {position:absolute; left:23px; right:23px; height:23px; background-size:342px 23px; background-repeat:repeat-x;}
#a-contact .postcard .postcard-base .edge-tl {top:0; left:0; background-image:url(../images/screens/contact/segments/top-left.png);}
#a-contact .postcard .postcard-base .edge-tr {top:0; right:0; background-image:url(../images/screens/contact/segments/top-right.png);}
#a-contact .postcard .postcard-base .edge-bl {bottom:0; left:0; background-image:url(../images/screens/contact/segments/bottom-left.png);}
#a-contact .postcard .postcard-base .edge-br {bottom:0; right:0; background-image:url(../images/screens/contact/segments/bottom-right.png);}
#a-contact .postcard .postcard-base .bar-t {top:0px; background-image:url(../images/screens/contact/segments/top-bar.png);}
#a-contact .postcard .postcard-base .bar-b {bottom:0px; background-image:url(../images/screens/contact/segments/bottom-bar.png);}
#a-contact .postcard .postcard-base .bar-l {left:0px; background-image:url(../images/screens/contact/segments/left-bar.png);}
#a-contact .postcard .postcard-base .bar-r {right:0px; background-image:url(../images/screens/contact/segments/right-bar.png);}
.retina #a-contact .postcard .postcard-base .edge-tl {background-image:url(../images/screens/contact/segments/top-left%402x.png);}
.retina #a-contact .postcard .postcard-base .edge-tr {background-image:url(../images/screens/contact/segments/top-right%402x.png);}
.retina #a-contact .postcard .postcard-base .edge-bl {background-image:url(../images/screens/contact/segments/bottom-left%402x.png);}
.retina #a-contact .postcard .postcard-base .edge-br {background-image:url(../images/screens/contact/segments/bottom-right%402x.png);}
.retina #a-contact .postcard .postcard-base .bar-t {background-image:url(../images/screens/contact/segments/top-bar%402x.png);}
.retina #a-contact .postcard .postcard-base .bar-b {background-image:url(../images/screens/contact/segments/bottom-bar%402x.png);}
.retina #a-contact .postcard .postcard-base .bar-l {background-image:url(../images/screens/contact/segments/left-bar%402x.png);}
.retina #a-contact .postcard .postcard-base .bar-r {background-image:url(../images/screens/contact/segments/right-bar%402x.png);}
#a-contact .postcard .postcard-content-display {position:relative; width:100%;}
#a-contact .postcard .postcard-content {position:relative; padding:45px;}
#a-contact .postcard .postcard-regions {position:relative; width:100%;}
.mobile #a-contact .postcard .postcard-content {padding:30px;}
#a-contact .postcard .postcard-regions .separator {position:absolute; top:0; left:207px; width:7px; height:100%; background-size:7px 277px; background-repeat:repeat-y; background-image:url(../images/screens/contact/separator.png);}
.retina #a-contact .postcard .postcard-regions .separator {background-image:url(../images/screens/contact/separator%402x.png);}
#a-contact .postcard .postcard-regions .info-region {position:relative; padding:0 5px; width:200px; float:left;}
#a-contact .postcard .postcard-regions .form-region {position:relative; margin-left:230px; padding-top:10px; padding-right:5px;}
#a-contact .postcard .p-title {position:relative;font-size:3em; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#FFF; line-height:1em; padding-top:5px;}
#a-contact .postcard .p-info {position:relative; font-size:0.94em; color:#f9f9f9; text-transform:none;}
#a-contact .postcard p {padding-bottom:10px;}
#a-contact .postcard a {color:#FFF; font-weight:bold; text-decoration:none; display:inline-block;}
#a-contact .postcard a:hover {text-decoration:underline;}
#a-contact .postcard .stamp {position:absolute; top:40px; right:40px; width:73px; height:86px; margin:10px; background-size:73px 86px; background-repeat:no-repeat; background-image:url(../images/screens/contact/stamp.png);}
.mobile #a-contact .postcard .stamp {top:20px; right:20px;}
.retina #a-contact .postcard .stamp {background-image:url(../images/screens/contact/stamp%402x.png);}
#a-contact .postcard .send-btn {position:relative; top:0; left:0; display:inline-block; zoom:1; min-height:1%; width:106px; height:44px; overflow:hidden;}
#a-contact .postcard .send-btn .snd-btn {position:absolute; top:0; left:0; width:106px; height:89px; background-size:106px 89px; background-repeat:no-repeat; background-image:url(../images/ui/buttons/send.png);}
.retina #a-contact .postcard .send-btn .snd-btn {background-image:url(../images/ui/buttons/send%402x.png);}
#a-contact .sendanother-btn {position:relative; top:0; left:0; display:inline-block; width:153px; height:44px; overflow:hidden;}
#a-contact .sendanother-btn .snd-btn {position:absolute; top:0; left:0; width:153px; height:89px; background-size:153px 89px; background-repeat:no-repeat; background-image:url(../images/ui/buttons/send-another.png);}
.retina #a-contact .sendanother-btn .snd-btn {background-image:url(../images/ui/buttons/send-another%402x.png);}
#a-contact .postcard .postcard-regions .form-region .fm-m-right {margin-right:132px;}
/* Login */
#a-login {min-width:0px;}
.desktop #a-login {min-width:500px;}
#a-login #login-display {position:absolute; top:50%; left:50%;}
#a-login #login-form-display {position:absolute; width:100%; max-width:400px}
#a-login #login-form-display .login-form {position:relative; width:100%;}
#a-login .login-form .input-display {max-width:100%;}
#a-login .login-form .title-block {position:relative; display:block; padding-bottom:10px;}
#a-login .login-form .fm-block {max-width:300px; margin:0 auto; -webkit-backface-visibility:hidden; -webkit-perspective:1000;}
#a-login .login-form .fm-block p {color:#FFF;}
#a-login .login-btn {position:relative; top:0; left:0; display:inline-block; zoom:1; min-height:1%; width:106px; height:44px; overflow:hidden;}
#a-login .login-btn .lgn-btn {position:absolute; top:0; left:0; width:106px; height:89px; background-size:106px 89px; background-repeat:no-repeat; background-image:url(../images/ui/buttons/login.png);}
#a-login .hd-submit {display:none;}
.retina #a-login .login-btn .lgn-btn {background-image:url(../images/ui/buttons/login%402x.png);}
#a-login a {color:#333;}
/* 404 */
#a-404 {min-width:0px;}
.desktop #a-404 {min-width:500px;}
#a-404 #e404-display {position:absolute; top:50%; left:50%;}
#a-404 #error-display {position:absolute; width:100%; }
#a-404 #error-display .error-notice {position:relative; min-height:1%; width:100%; display:none; backface-visibility:hidden; transform-style:preserve-3d;}
#a-404 .error-title {font-size:5em; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#FFF; line-height:1.2em; text-align:center;}
#a-404 .error-info {position:relative; font-size:0.94em; color:#f9f9f9; text-transform:none; padding-bottom:10px; text-align:center; max-width:400px; margin:0 auto;}
#a-404 .error-info a {color:#f751a7;}
/* Awards */
#a-awards {min-width:0px;}
.desktop #a-awards {min-width:500px;}
#a-awards .awards-data {display:none;}
#a-awards #awards-display {position:absolute; top:50%; left:50%; text-align:center;}
#a-awards #awards-items-display {position:absolute; width:100%;}
#a-awards #awards-items-display .awards {position:relative; min-height:1%; width:100%; display:none; backface-visibility:hidden; transform-style:preserve-3d;}
#a-awards .awards-title {font-size:5em; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#FFF; line-height:1.2em; text-align:center;}
#a-awards .awards-info {position:relative; font-size:0.94em; color:#f9f9f9; text-transform:none; padding-bottom:10px; text-align:center; max-width:400px; margin:0 auto;}
#a-awards .awards-info a {color:#CCC;}
#a-awards .awards-list-display {position:relative; width:100%; height:159px; overflow:hidden;}
#a-awards .awards-cells-display {position:absolute; top:0; left:0; height:134px; width:100%;}
#a-awards .awards-cells {position:relative; top:0; left:0; margin:0 -50px; height:134px; overflow:hidden;}
#a-awards .awards-cells .cell-slide-display {position:absolute; top:50%; left:50%;}
#a-awards .awards-cells .cell-slide {position:absolute; top:0; left:-1000px; width:2000px; height:20px;}
#a-awards .awards-cells .cell-slide .cell-el {position:relative; top:0; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; cursor:pointer;}
#a-awards .awards-cells .cell-slide .cell-el .cell-id {display:none;}
#a-awards .awards-cells .cell-slide .cell-el .cell-img {position:absolute; top:-15px; left:-15px; width:30px; height:30px; -webkit-perspective:1000;}
#a-awards .awards-cells .cell-slide .active-cell .cell-img {}
#a-awards .award-nav {position:relative; padding:5px 0;}
#a-awards .award-site {position:relative; font-family:'AdamDrawn',Arial,Helvetica,sans-serif; text-transform:uppercase; font-size:3em; color:#FFF; line-height:1em; padding-top:5px; display:block; min-height:1%; zoom:1;}
#a-awards .grad-left {position:absolute; top:0; left:0px; width:99px; height:159px; background-repeat:no-repeat; background-image:url(../images/screens/awards/grad-left.png); -webkit-backface-visibility:hidden;}
#a-awards .grad-right {position:absolute; top:0; right:0px; width:99px; height:159px; background-repeat:no-repeat; background-image:url(../images/screens/awards/grad-right.png); -webkit-backface-visibility:hidden;}
#a-awards .award-list {color:#FFF; min-height:50px;}
.touchscreen #a-awards .award-list {color:#FFF; min-height:95px;}
#a-awards .award-list a {color:#605F5F;}
/* Work/Play */
.desktop .wp-section {min-width:500px;}
.wp-section .wp-display {position:absolute; top:50%; left:0; width:100%;}
.wp-section .wp-viewer .wp-view-display {position:relative; display:block; margin:0 20px;}
.mobile .wp-section .wp-viewer .wp-view-display {margin:0 3px;}
.wp-section .wp-viewer .wp-view-screen {position:relative;}
.wp-section .wp-viewer .wp-view-pad {position:relative; padding:17px 17px 31px 21px;}
.wp-section .wp-viewer .wp-view {position:relative; background-color:#FFF; padding:20px; overflow:hidden;}
.mobile .wp-section .wp-viewer .wp-view {padding:10px 5px 20px 10px;}
.wp-section .wp-viewer .wp-view .wp-view-container {position:relative; display:block; min-height:1%; -webkit-backface-visibility:hidden;}
.wp-section .wp-data {display:none;}
.wp-section .wp-templates {display:none;}
.wp-section .wp-listing {position:absolute; width:100%; text-align:center; max-width:1440px; display:none;}
.wp-section .wp-viewer {position:absolute; width:100%; max-width:1000px; display:none;}
.wp-section .wp-item {width:253px;}
.wp-section .wp-item {position:relative; display:inline-block; *display:inline; zoom:1; min-height:191px; margin:3px 8px; cursor:pointer;}
.wp-section .wp-item-info {cursor:auto;}
.wp-section .wp-item-display {position:absolute; top:0; left:0; height:100%; width:100%; min-height:191px; -webkit-backface-visibility:hidden; -webkit-perspective:1000;}
.wp-section .wp-item-base {position:absolute; top:0; left:0; width:100%; height:100%;}
.wp-section .wp-item-base .wp-it-bga {background-size:385px 48px; background-image:url(../images/screens/workplay/listview/1x/edges-a.png); background-repeat:no-repeat; overflow:hidden;}
.retina .wp-section .wp-item-base .wp-it-bga {background-image:url(../images/screens/workplay/listview/2x/edges-a.png);}
.wp-section .wp-item-base .wp-it-bgb {background-size:32px 160px; background-image:url(../images/screens/workplay/listview/1x/edges-b.png); background-repeat:repeat-y; overflow:hidden;}
.retina .wp-section .wp-item-base .wp-it-bgb {background-image:url(../images/screens/workplay/listview/2x/edges-b.png);}
.wp-section .wp-item .wp-it-id {display:none;}
.wp-section .wp-item-base .wp-it-eg {position:absolute; width:16px; height:16px;}
.wp-section .wp-item-base .wp-it-sda {position:absolute; height:16px; left:16px; right:16px;}
.wp-section .wp-item-base .wp-it-sdb {position:absolute; width:16px; top:16px; bottom:16px;}
.wp-section .wp-item-base .wp-it-tl {top:0; left:0; background-position:0 0;}
.wp-section .wp-item-base .wp-it-tr {top:0; right:0; background-position:-16px 0;}
.wp-section .wp-item-base .wp-it-bl {bottom:0; left:0; background-position:-32px 0;}
.wp-section .wp-item-base .wp-it-br {bottom:0; right:0; background-position:-48px 0;}
.wp-section .wp-item-base .wp-it-t {top:0; background-position:0 -16px;}
.wp-section .wp-item-base .wp-it-b {bottom:0; background-position:0 -32px;}
.wp-section .wp-item-base .wp-it-l {left:0; background-position:0 0;}
.wp-section .wp-item-base .wp-it-r {right:0; background-position:-16px 0;}
.wp-section .wp-item-base .wp-it-cn {position:absolute; top:16px; right:16px; bottom:16px; left:16px; background-color:#FFF;}
.wp-section .wp-item-content {position:relative; padding:16px;}
.wp-section .wp-item-content .wp-it-thumb {position:relative; width:220px; height:159px;}
.wp-section .wp-item-content .wp-it-thumb-img-c {position:absolute; top:1px; left:1px; width:219px; height:158px; background-color:#CCC;}
.wp-section .wp-item-content .wp-it-thumb-img {position:relative; display:block; zoom:1; width:219px; height:158px;}
.wp-section .wp-item-content .wp-it-thumb-img-s {position:absolute; top:1px; left:1px; width:219px; height:158px; box-shadow:0 0 9px rgba(0, 0, 0, 0.3) inset;}
.wp-section .wp-item-content .wp-it-thumb-overlay {position:absolute; top:0; left:0; width:220px; height:159px; background-size:220px; height:159px; background-repeat:no-repeat; background-image:url(../images/screens/workplay/listview/1x/inner-border.png);}
.retina .wp-section .wp-item-content .wp-it-thumb-overlay {background-image:url(../images/screens/workplay/listview/2x/inner-border.png);}
.wp-section .wp-item-content .wp-it-info {position:relative; text-align:left; color:#605f5f; margin-bottom:0px; padding-top:8px;}
.wp-section .wp-item-info .wp-item-content .wp-it-info {margin-left:0px;}
.wp-section .wp-it-view {position:absolute; bottom:3px; right:9px;}
.wp-section .wp-item-content .wp-it-title {font-size:1.4em; line-height:1.2em; padding-bottom:4px; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.wp-section .wp-item-info .wp-item-content .wp-it-title {font-size:2em;}
.wp-section .wp-item-content .wp-it-excerpt {font-size:0.75em; margin-right:22px; color:#7C7C7C}
.wp-section .wp-item-info .wp-item-content .wp-it-excerpt {font-size:0.85em;}
.wp-section a {color:#02c9c9; text-decoration:none;}
.wp-section a:hover {color:#0ae1e1;}
.wp-section .wp-view-display .wp-it-bga {background-size:773px 120px; background-image:url(../images/screens/workplay/itemview/1x/edges-a.png); background-repeat:no-repeat; overflow:hidden;}
.retina .wp-section .wp-view-display .wp-it-bga {background-image:url(../images/screens/workplay/itemview/2x/edges-a.png);}
.wp-section .wp-view-display .wp-it-bgb {background-size:80px 443px; background-image:url(../images/screens/workplay/itemview/1x/edges-b.png); background-repeat:repeat-y; overflow:hidden;}
.retina .wp-section .wp-view-display .wp-it-bgb {background-image:url(../images/screens/workplay/itemview/2x/edges-b.png);}
.wp-section.wp-alt .wp-view-display .wp-it-bga {background-image:url(../images/screens/workplay/itemview/1x/edges-a2.png);}
.retina .wp-section.wp-alt .wp-view-display .wp-it-bga {background-image:url(../images/screens/workplay/itemview/2x/edges-a2.png);}
.wp-section.wp-alt .wp-view-display .wp-it-bgb {background-image:url(../images/screens/workplay/itemview/1x/edges-b2.png);}
.retina .wp-section.wp-alt .wp-view-display .wp-it-bgb {background-image:url(../images/screens/workplay/itemview/2x/edges-b2.png);}
.wp-section .wp-view-display .wp-it-eg {position:absolute; width:40px; height:40px;}
.wp-section .wp-view-display .wp-it-sda {position:absolute; height:40px; left:40px; right:40px; background-repeat:repeat-x;}
.wp-section .wp-view-display .wp-it-sdb {position:absolute; width:40px; top:40px; bottom:40px;}
.wp-section .wp-view-display .wp-it-tl {top:0; left:0; background-position:0 0;}
.wp-section .wp-view-display .wp-it-tr {top:0; right:0; background-position:-40px 0;}
.wp-section .wp-view-display .wp-it-bl {bottom:0; left:0; background-position:-80px 0;}
.retina .wp-section .wp-view-display .wp-it-bl {bottom:0; left:0; background-position:-78px 0;}
.wp-section .wp-view-display .wp-it-br {bottom:0; right:0; background-position:-120px 0;}
.wp-section .wp-view-display .wp-it-t {top:0; background-position:0 -40px;}
.wp-section .wp-view-display .wp-it-b {bottom:0; background-position:0 -80px;}
.retina .wp-section .wp-view-display .wp-it-b {bottom:0; background-position:0 -78px;}
.wp-section .wp-view-display .wp-it-l {left:0; background-position:0 0;}
.wp-section .wp-view-display .wp-it-r {right:0; background-position:-40px 0;}
.wp-section .wp-view-display .wp-it-cn {position:absolute; top:16px; right:16px; bottom:40px; left:40px; background-color:#FFF;}
.wp-section .wp-view-display .wp-it-bs {position:relative; width:178px; height:68px; background-size:178px 68px; background-repeat:no-repeat; margin:-3px auto 0; background-image:url(../images/screens/workplay/itemview/1x/base.png);}
.retina .wp-section .wp-view-display .wp-it-bs {background-image:url(../images/screens/workplay/itemview/2x/base.png);}
.wp-section .wp-viewer .wp-close {position:absolute; top:0px; right:0px; display:block; zoom:1; z-index:100;}
.wp-section .wp-view-title-info {position:relative; width:38%; float:right; color:#605F5F;}
.wp-section .wp-view-info {position:relative; width:38%; float:right; color:#7C7C7C; margin-bottom:50px;}
.wp-section .wp-view-base-items {position:absolute; bottom:-9px; right:0px; display:block; zoom:1; vertical-align:middle; z-index:100;}
.wp-section .wp-view-base-items > * {vertical-align:middle;}
.wp-section .wp-view-base-items .wp-numbering {position:relative; display:inline-block; color:#7C7C7C; font-size:0.8em;}
.wp-section .wp-view-base-items .wp-numbering .wp-n-a, .wp-section .wp-view-base-items .wp-numbering .wp-n-b {color:#605F5F;}
.wp-section .wp-view-info .wp-launch {position:relative; padding-top:10px;}
.wp-section .wp-view-hd {position:relative; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#605F5F; font-size:0.9em; margin-right:50px;}
.wp-section .wp-view-title {position:relative; font-size:2em; line-height:1.2em; padding-bottom:4px; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-right:50px;}
.wp-section .wp-view-info .wp-view-content {position:relative; font-size:0.8em; height:100%; max-height:250px;}
.mobile .wp-section .wp-view-info .wp-view-content {max-height:none;}
.wp-section .wp-view-info .wp-view-scroll {margin-right:8px;}
.wp-section .wp-view-gallery {position:relative; width:61%; float:left;}
.wp-section .wp-view-gallery .wp-g-display {position:relative; margin-right:10px;}
.wp-section .wp-g-display .wp-g-item {position:relative; background-color:#CCC; -webkit-backface-visibility:hidden;}
.wp-section .wp-g-display .wp-g-item .wp-g-img {position:relative; background-color:#333; width:100%; overflow:hidden;}
.wp-section .wp-g-item .wp-g-img .wp-g-img-item, .wp-section .wp-g-item .wp-g-img .wp-g-img-item img {position:absolute; top:0; left:0; width:100%; height:100%; -webkit-backface-visibility:hidden;}
.wp-section .wp-g-item .wp-g-img .wp-g-img-item {background-color:#CCC;}
.wp-section .wp-g-list {position:relative; margin-top:5px; height:80px;}
.wp-section .wp-g-list .g-paddle {position:absolute; top:0; width:29px; height:81px; background-size:58px 81px; background-repeat:no-repeat; background-image:url(../images/ui/icons/gallery/paddle-sprite.png); overflow:hidden;}
.retina .wp-section .wp-g-display .wp-g-list .g-paddle {background-image:url(../images/ui/icons/gallery/paddle-sprite%402x.png);}
.wp-section .wp-g-list .g-paddle .icn {position:absolute; width:58px; height:29px; background-size:58px 29px; background-repeat:no-repeat; margin-top:22px;}
.wp-section .wp-g-list .g-back {left:0;}
.wp-section .wp-g-list .g-next { right:0; background-position:-29px 0;}
.wp-section .wp-g-list .g-back .icn {background-image:url(../images/ui/icons/gallery/back.png);}
.retina .wp-section .wp-g-list .g-back .icn {background-image:url(../images/ui/icons/gallery/back%402x.png);}
.wp-section .wp-g-list .g-next .icn {background-image:url(../images/ui/icons/gallery/next.png); margin-left:-29px;}
.retina .wp-section .wp-g-list .g-next .icn {background-image:url(../images/ui/icons/gallery/next%402x.png);}
.wp-section .wp-g-list .wp-g-list-items {position:relative; margin:0 33px; height:100%; overflow:hidden;}
.wp-section .wp-g-list .wp-g-list-scroll {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/screens/workplay/itemview/1x/scroll-bg.png); background-repeat:repeat-x; background-size:111px 80px;}
.retina .wp-section .wp-g-list .wp-g-list-scroll {background-image:url(../images/screens/workplay/itemview/2x/scroll-bg.png);}
.wp-section .wp-g-list .wp-g-thumb {position:relative; margin-right:1px; display:inline-block; *display:inline; zoom:1; cursor:pointer; overflow:hidden;}
.wp-section .wp-g-list .wp-g-thumb img {position:relative; display:block; width:100%; height:100%; zoom:1; filter: alpha(opacity=50)!important;}
.wp-section .wp-g-list .wp-g-thumb.active img, .wp-section .wp-g-list .wp-g-thumb.hover img {filter: alpha(opacity=100)!important;}
.wp-section .img-medium {display:block;}
.wp-section .img-large {display:none;}
.retina .wp-section .img-medium {display:none;}
.retina .wp-section .img-large {display:block;}
@media all and (min-width: 720px)
{
#a-about #anatomy-views .h-title {font-size:5em;}
#a-about #an-view-love .love-statement {font-size:5em;}
#a-skills .planet-element .planet-descrip .p-title {font-size:5em;}
#a-contact .postcard .p-title {font-size:4em;}
#a-404 .error-title {font-size:7em;}
#a-awards .awards-title {font-size:7em;}
#a-contact .postcard .postcard-regions .info-region {width:250px;}
#a-contact .postcard .postcard-regions .form-region {margin-left:280px;}
#a-contact .postcard .postcard-regions .separator {left:257px;}
#a-contact .postcard-thankyou .pc-thankyou-title {font-size:4em;}
.wp-section .wp-view-title {font-size:2.5em; margin-top:-2px;}
}
@media all and (max-width: 700px)
{
#a-contact .postcard .postcard-regions .info-region {width:100%; float:none;}
#a-contact .postcard .postcard-regions .form-region { padding:0 5px; margin-left:0px;}
#a-contact .postcard .postcard-regions .form-region .fm-m-right {margin-right:0px;}
#a-contact .postcard .postcard-regions .separator {display:none;}
#a-contact .postcard .p-title, #a-contact .postcard .p-info {padding-right:100px;}
}
@media all and (min-width: 1500px)
{
.wp-section .wp-viewer {max-width:1200px;}
.wp-section .img-medium {display:none;}
.wp-section .img-large {display:block;}
}
@media all and (max-width: 600px)
{
#a-about #an-view-work .hand-display {float:none; margin:0 auto; width:118px; height:222px;}
#a-about #an-view-work .hand-statements .hand-close {padding-top:17px;}
#a-about #an-view-work .hand-statements {margin-left:0; text-align:center;}
#a-skills .planet-element .planet {float:none; width:100%; overflow:hidden; margin-right:0;}
#a-skills .planet-element .planet .planet-offset {position:relative; left:50%; margin-left:-162px;}
#a-skills .planet-element .planet-descrip {margin-left:0px; text-align:center; padding-top:15px;}
.wp-section .wp-view-gallery {width:100%; float:none;}
.wp-section .wp-view-title-info {width:100%; float:none; padding-bottom:5px;}
.wp-section .wp-view-info {width:100%; float:none; padding-top:10px;}
.wp-section .wp-view-hd, .wp-section .wp-view-title {margin:0 0; width:80%;}
}
@media all and (max-width: 650px)
{
#a-about #an-view-core .core-display {float:none; width:204px; height:205px; margin:0 auto;}
#a-about #an-view-core .core-statement {margin-left:0px; text-align:center; padding-top:10px;}
#a-about #an-view-core .core-display .wheel {top:-80px; left:-80px; width:161px; height:161px; background-size:161px 161px;}
#a-about #an-view-core .whl-sd .whl-it {position:absolute; top:-20px; left:-20px; width:41px; height:41px; background-size:41px 41px;}
#a-about #an-view-core .core-display .wheel-inner {position:absolute; top:-35px; left:-35px; width:70px; height:70px; background-size:70px 70px;}
#a-about #an-view-core .core-display .wheel-center {position:absolute; top:-24px; left:-24px; width:49px; height:49px; background-size:49px 49px;}
}
/* Footer */
#footer {position:absolute; bottom:0; left:0; width:100%;}
#footer-peep {position:absolute; display:block; bottom:0; left:0; width:100%;}
#footer-peep #peep-icons {position:absolute; display:block; bottom:0; right:10px; bottom:4px;}
#footer-peep #peep-icons li {position:relative; float:left;}
#footer .adam-logo {position:absolute; bottom:6px; left:12px; display:block; width:34px; height:34px; overflow:hidden;}
#footer .adam-logo .logo {position:relative; display:block; width:34px; height:67px; background-repeat:no-repeat; background-size:34px 67px; background-image:url(../images/ui/icons/adam.png);}
.retina #footer .adam-logo .logo {background-image:url(../images/ui/icons/adam%402x.png);}
#footer .copyright {position:absolute; bottom:16px; left:48px; display:block; width:43px; height:14px; color:#FFF; font-size:0.8em; background-repeat:no-repeat;}
.retina #footer .copyright {}
.ft-icon {position:relative; display:inline-block; width:34px; height:34px; overflow:hidden;}
.ft-icon div {position:relative; display:block; width:34px; height:67px; background-repeat:no-repeat; background-size:34px 67px;}
.close-icon .ft-btn {background-image:url(../images/ui/icons/close.png);}
.retina .close-icon .ft-btn {background-image:url(../images/ui/icons/close%402x.png);}
.info-icon .ft-btn {background-image:url(../images/ui/icons/info.png);}
.retina .info-icon .ft-btn {background-image:url(../images/ui/icons/info%402x.png);}
.email-icon .ft-btn {background-image:url(../images/ui/icons/email.png);}
.retina .email-icon .ft-btn {background-image:url(../images/ui/icons/email%402x.png);}
.facebook-icon .ft-btn {background-image:url(../images/ui/icons/facebook.png);}
.retina .facebook-icon .ft-btn {background-image:url(../images/ui/icons/facebook%402x.png);}
.behance-icon .ft-btn {background-image:url(../images/ui/icons/behance.png);}
.retina .behance-icon .ft-btn {background-image:url(../images/ui/icons/behance%402x.png);}
.linkedin-icon .ft-btn {background-image:url(../images/ui/icons/linked-in.png);}
.retina .linkedin-icon .ft-btn {background-image:url(../images/ui/icons/linked-in%402x.png);}
.dribbble-icon .ft-btn {background-image:url(../images/ui/icons/dribbble.png);}
.retina .dribbble-icon .ft-btn {background-image:url(../images/ui/icons/dribbble%402x.png);}
.twitter-icon .ft-btn {background-image:url(../images/ui/icons/twitter.png);}
.retina .twitter-icon .ft-btn {background-image:url(../images/ui/icons/twitter%402x.png);}
#footer #footer-bar {position:absolute; bottom:0; left:0; width:100%; height:0px; overflow:hidden;}
#footer #footer-bar #footer-bar-display {position:absolute; display:block; top:0px; left:0; width:100%; height:178px; background-size:1964px 129px; background-position:center 0; background-image:url(../images/ui/footer/bg.png); background-repeat:repeat-x;}
.retina #footer #footer-bar #footer-bar-display {background-image:url(../images/ui/footer/bg%402x.png);}
#footer .f-on {display:none;}
#footer .f-off {display:block;}
/* Helpers */
.fm-block {position:relative; display:block; min-height:1%;}
.st-block {position:relative; margin-right:40px;}
.fm-title {position:relative; display:inline-block; font-size:1.3em; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#fff; padding-bottom:4px; letter-spacing:1px;}
p {padding-bottom:10px; }
.al-r {text-align:right;}
.flt-left {float:left;}
.flt-right {float:right; zoom:1;}
.pad-top {padding-top:10px;}
.pad-bot {padding-bottom:10px;}
/* Input */
.input-display {position:relative; margin-bottom:10px; max-width:250px;}
.input-display .input-element {position:relative; height:35px;}
.input-display .input-element input {background-color: transparent; background-image: url("../images/ui/emt.gif"); background-repeat: repeat; border: medium none;
color:#26575b; font-size: 0.9em; padding:8px 8px; height:19px; position: relative; width: 90%; font-family:'DrawnBody', Arial, Helvetica, sans-serif;}
.input-display .input-base {position:absolute; top:0; left:0; width:100%; height:100%;}
.input-display .input-base .in-bg {background-size:168px 70px; background-image:url(../images/ui/form/inputsingle/input-sprite.png);}
.input-display .input-base .in-left {position:absolute; top:0; left:0; width:23px; height:35px; background-repeat:no-repeat; background-position:0 0;}
.input-display .input-base .in-right {position:absolute; top:0; right:0; width:23px; height:35px; background-repeat:no-repeat; background-position:-23px 0;}
.input-display .input-base .in-bar {position:absolute; top:0; left:23px; right:23px; height:35px; background-repeat:repeat-x; background-position:0 -35px;}
.retina .input-display .input-base .in-bg {background-image:url(../images/ui/form/inputsingle/input-sprite%402x.png);}
/*Textarea */
.textarea-display {position:relative; margin-bottom:10px; max-width:470px;}
.textarea-display .textarea-element {position:relative; padding:8px;}
.textarea-display .textarea-element textarea {background-color: transparent; background-image: url("../images/ui/emt.gif"); background-repeat: repeat; border: medium none;
color:#26575b; font-size: 0.9em; padding:0; height:35px; position: relative; width: 100%; font-family:'DrawnBody', Arial, Helvetica, sans-serif; height:110px; resize:none;}
.textarea-display .textarea-base {position:absolute; top:0; left:0; width:100%; height:100%;}
.textarea-display .textarea-base .tx-bg {position:absolute; background-size:328px 34px; background-image:url(../images/ui/form/textfield/textfield-sprite-a.png);}
.textarea-display .textarea-base .tx-bg-b {position:absolute; background-size:9px 67px; background-image:url(../images/ui/form/textfield/textfield-sprite-b.png);}
.textarea-display .textarea-base .tx-edge {width:25px; height:25px; background-repeat:no-repeat;}
.textarea-display .textarea-base .tx-tl {top:0; left:0; background-position:0 0;}
.textarea-display .textarea-base .tx-tr {top:0; right:0; background-position:-24px 0;}
.textarea-display .textarea-base .tx-bl {bottom:0; left:0; background-position:-50px 0;}
.retina .textarea-display .textarea-base .tx-bl {background-position:-49px 0;}
.textarea-display .textarea-base .tx-br {bottom:0; right:0; background-position:-75px 0;}
.retina .textarea-display .textarea-base .tx-br {background-position:-73px 0;}
.textarea-display .textarea-base .tx-h {left:25px; right:25px; height:5px; background-repeat:repeat-x;}
.textarea-display .textarea-base .tx-top {top:0; background-position:0 -25px;}
.textarea-display .textarea-base .tx-bottom {bottom:0; background-position:0 -29px;}
.textarea-display .textarea-base .tx-v {top:25px; bottom:25px; width:5px; background-repeat:repeat-y;}
.textarea-display .textarea-base .tx-left {left:0px; background-position:0 0;}
.textarea-display .textarea-base .tx-right {right:0px; background-position:-4px 0;}
.validate-check {position:relative; float:right; margin-right:-45px; width:35px; height:35px; background-size:35px 70px; background-repeat:no-repeat; background-image:url(../images/ui/form/validation-state.png); background-position:0 35px;}
.validated .validate-check {background-position:0 0;}
.validate-error .validate-check {background-position:0 -35px;}
.validation-error {font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#26575b; font-size:1em; display:none;}
.sending, .logging-in {font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#FFF; font-size:1.5em; display:none; line-height:44px;}
.send-error{font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#FFF; font-size:1.5em; display:none; line-height:44px; display:none;}
.login-error {font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#FFF; font-size:1.5em; display:none; line-height:1.1em; display:none;}
.input-default {color:#658385!important;}
.retina .textarea-display .textarea-base .tx-bg {background-image:url(../images/ui/form/textfield/textfield-sprite-a%402x.png);}
.al-cn {text-align:center;}
/* Headings */
h1 {font-size:3em; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; line-height:1em; color:#FFF;}
h2 {font-size:1.4em; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}
h4 {font-size:0.9em; color:#f3f3f3; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}
.form-info {font-family:'AdamDrawn', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#FFF; font-size:1;}
.t-small {position:relative; display:inline-block; font-size:0.6em;}
/* Buttons */
.flp-btn {cursor:pointer;}
.i-btn {position:relative; display:inline-block; width:42px; height:41px; overflow:hidden;}
.i-btn.s-btn {position:relative; display:inline-block; width:34px; height:33px; overflow:hidden;}
.i-btn .icn {position:absolute; top:0; left:0; width:42px; height:82px; background-size:42px 82px; background-repeat:no-repeat;}
.i-btn.s-btn .icn {position:absolute; top:0; left:0; width:34px; height:67px; background-size:34px 67px; background-repeat:no-repeat;}
.i-back .icn {background-image:url(../images/ui/icons/back.png);}
.retina .i-back .icn {background-image:url(../images/ui/icons/back%402x.png);}
.i-back-dark .icn {background-image:url(../images/ui/icons/back-dark.png);}
.retina .i-back-dark .icn {background-image:url(../images/ui/icons/back-dark%402x.png);}
.i-next .icn {background-image:url(../images/ui/icons/next.png);}
.retina .i-next .icn {background-image:url(../images/ui/icons/next%402x.png);}
.i-next-dark .icn {background-image:url(../images/ui/icons/next-dark.png);}
.retina .i-next-dark .icn {background-image:url(../images/ui/icons/next-dark%402x.png);}
.i-close .icn {background-image:url(../images/ui/icons/close-a.png);}
.retina .i-close .icn {background-image:url(../images/ui/icons/close-a%402x.png);}
.i-close-dark .icn {background-image:url(../images/ui/icons/close-a-dark.png);}
.retina .i-close-dark .icn {background-image:url(../images/ui/icons/close-a-dark%402x.png);}
.i-info-dark .icn {background-image:url(../images/ui/icons/info-dark.png);}
.retina .i-info-dark .icn {background-image:url(../images/ui/icons/info-dark%402x.png);}
.w-btn {position:relative; display:inline-block; height:29px; line-height:29px; font-family:'AdamDrawn', Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; font-weight:normal; text-decoration:none; overflow:hidden;}
.w-btn .w-btn-el {position:relative; display:block; height:58px;}
.w-btn .w-btn-el .w-b-a {position:relative;}
.w-btn .w-btn-el .w-b-b {position:relative;}
.w-btn .btn-left {position:absolute; top:0; left:0; width:9px; height:29px; background-size:9px 29px; background-repeat:no-repeat;}
.w-btn .btn-right {position:absolute; top:0; right:0; width:9px; height:29px; background-size:9px 29px; background-repeat:no-repeat;}
.w-btn .btn-center {position:relative; display:block; height:29px; margin:0 9px; background-size:72px 29px; background-repeat:repeat-x;}
.w-btn .w-b-a .btn-left {background-image:url(../images/ui/map/buttons/button-blue/button-left.png);}
.retina .w-btn .w-b-a .btn-left {background-image:url(../images/ui/map/buttons/button-blue/button-left%402x.png);}
.w-btn .w-b-a .btn-right {background-image:url(../images/ui/map/buttons/button-blue/button-right.png);}
.retina .w-btn .w-b-a .btn-right {background-image:url(../images/ui/map/buttons/button-blue/button-right%402x.png);}
.w-btn .w-b-a .btn-center {background-image:url(../images/ui/map/buttons/button-blue/button-bar.png);}
.retina .w-btn .w-b-a .btn-center {background-image:url(../images/ui/map/buttons/button-blue/button-bar%402x.png);}
.w-btn .w-b-b {color:#605f5f;}
.w-btn .w-b-b .btn-left {background-image:url(../images/ui/map/buttons/button-white/button-left.png);}
.retina .w-btn .w-b-b .btn-left {background-image:url(../images/ui/map/buttons/button-white/button-left%402x.png);}
.w-btn .w-b-b .btn-right {background-image:url(../images/ui/map/buttons/button-white/button-right.png);}
.retina .w-btn .w-b-b .btn-right {background-image:url(../images/ui/map/buttons/button-white/button-right%402x.png);}
.w-btn .w-b-b .btn-center {background-image:url(../images/ui/map/buttons/button-white/button-bar.png);}
.retina .w-btn .w-b-b .btn-center {background-image:url(../images/ui/map/buttons/button-white/button-bar%402x.png);}
.launch-btn {position:relative; display:inline-block; width:81px; height:30px; overflow:hidden;}
.launch-btn .icn {position:absolute; top:0; left:0; width:81px; height:60px; background-size:81px 60px; background-repeat:no-repeat; background-image:url(../images/ui/icons/launch.png);}
.retina .launch-btn .icn {background-image:url(../images/ui/icons/launch%402x.png);}
/* Loader */
.sec-loader {position:absolute; top:50%; left:50%; display:none;}
.sec-loader .sec-loader-display {position:relative; top:-20px; left:-50px; width:100px; text-align:center;}
.sec-loader .sec-loader-display .sec-loader-info {position:absolute; width:1px; height:1px; overflow:hidden; text-indent:-2000px; font-family:'AdamDrawn', Arial, Helvetica, sans-serif;}
.sec-loader .sec-loader-display .sec-loader-gauge {position:relative; width:100%; height:2px; background-color:#000;}
.sec-loader .sec-loader-display .sec-loader-gauge .loading-bar-gauge {position:absolute; top:0; left:0; height:2px; background-color:#FFF;}
.clearfix:before, .clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/* Scrollbar */
/* SCROLL BAR */
/* JScroll */
#container .jspContainer {overflow: hidden; position: relative;}
#container .jspPane{position: absolute;}
#container .jspVerticalBar{position: absolute;top: 0; right: 0; width:10px; heigh:100%; background-color:#FFF;}
#container .jspHorizontalBar{position: absolute; bottom: 0; left: 0; width: 100%; height: 16px;}
#container .jspVerticalBar *,
#container .jspHorizontalBar *{margin: 0; padding: 0;}
#container .jspCap {display:none;}
#container .jspHorizontalBar .jspCap{float:left;}
#container .jspTrack {background-color: transparent; position: relative; border-left: solid 1px #CCC; border-right: solid 1px #CCC;}
#container .jspDrag {background:#ccc; position:relative; top:0; left:0; cursor:pointer;}
#container .jspHorizontalBar .jspTrack,
#container .jspHorizontalBar .jspDrag {float: left; height: 100%;}
#container .jspArrow{background:#FFF; text-indent:-20000px;display:block; cursor:default;}
#container .jspArrow.jspDisabled{ cursor:default; background:#FFF; text-indent:-20000px; border:solid 1px #CCC; display:block;}
#container .jspArrow.jspArrowUp{border:solid 1px #CCC;}
#container .jspArrow.jspArrowDown{border:solid 1px #CCC;}
#container .jspVerticalBar .jspArrow{ height:0px;}
#container .jspHorizontalBar .jspArrow{ width:16px; float:left; height:100%;}
#container .jspVerticalBar .jspArrow:focus{ outline:none;}
#container .jspCorner{ background:#eeeef4; float:left; height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{ margin: 0 -3px 0 0;}
@media print {* {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important;}
a,a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
/* * Don't show links for images, or javascript/internal links */
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
pre,blockquote {border: 1px solid #999; page-break-inside: avoid;}
thead {display: table-header-group; /* h5bp.com/t */}
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin: 0.5cm;}
p,h2,h3 {orphans: 3; widows: 3;}
h2,h3 {page-break-after: avoid;}
}
/* subscribe design */
.subscribe{
background-color: #3878FF;
margin-top: 30px;
}
.subscribe-right{
margin-left: -10px;
margin-right: -12px;
}
.subscribe-left img{
margin-top: -32px;
margin-left: -21px;
}
.subscribe-right{
background-image: url("../images/subscribe/subscribe-right.png");
background-repeat:no-repeat;
background-size: cover;
}
.subscribe-right .fit-image{
width: 100%;
height: 270px;
margin-top: -2px;
padding: 4px 60px;
}
.form-control{
border-radius: 15px;
margin-top: 20px;
padding: 5px 20px;
}
.fit-image h1{
margin-top: 16px;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
}
.subscribe-btn{
border-radius: 15px;
margin-top: 15px;
padding: 10px 50px;
background-color: #3878FF !important;
}
.subscribe-btn:hover{
background-color: #1258c9 !important;
}
/* counter */
.counter {
animation-duration: 1s;
animation-delay: 0s;
}