/* styles.css */

/* 1  */ div.wpcf7 {
/* 2  */ 	margin: 0;
/* 3  */ 	padding: 0;
/* 4  */ }
/* 5  */ 
/* 6  */ div.wpcf7-response-output {
/* 7  */ 	margin: 2em 0.5em 1em;
/* 8  */ 	padding: 0.2em 1em;
/* 9  */ }
/* 10 */ 
/* 11 */ div.wpcf7 .screen-reader-response {
/* 12 */ 	position: absolute;
/* 13 */ 	overflow: hidden;
/* 14 */ 	clip: rect(1px, 1px, 1px, 1px);
/* 15 */ 	height: 1px;
/* 16 */ 	width: 1px;
/* 17 */ 	margin: 0;
/* 18 */ 	padding: 0;
/* 19 */ 	border: 0;
/* 20 */ }
/* 21 */ 
/* 22 */ div.wpcf7-mail-sent-ok {
/* 23 */ 	border: 2px solid #398f14;
/* 24 */ }
/* 25 */ 
/* 26 */ div.wpcf7-mail-sent-ng {
/* 27 */ 	border: 2px solid #ff0000;
/* 28 */ }
/* 29 */ 
/* 30 */ div.wpcf7-spam-blocked {
/* 31 */ 	border: 2px solid #ffa500;
/* 32 */ }
/* 33 */ 
/* 34 */ div.wpcf7-validation-errors {
/* 35 */ 	border: 2px solid #f7e700;
/* 36 */ }
/* 37 */ 
/* 38 */ .wpcf7-form-control-wrap {
/* 39 */ 	position: relative;
/* 40 */ }
/* 41 */ 
/* 42 */ span.wpcf7-not-valid-tip {
/* 43 */ 	color: #f00;
/* 44 */ 	font-size: 1em;
/* 45 */ 	display: block;
/* 46 */ }
/* 47 */ 
/* 48 */ .use-floating-validation-tip span.wpcf7-not-valid-tip {
/* 49 */ 	position: absolute;
/* 50 */ 	top: 20%;

/* styles.css */

/* 51 */ 	left: 20%;
/* 52 */ 	z-index: 100;
/* 53 */ 	border: 1px solid #ff0000;
/* 54 */ 	background: #fff;
/* 55 */ 	padding: .2em .8em;
/* 56 */ }
/* 57 */ 
/* 58 */ span.wpcf7-list-item {
/* 59 */ 	margin-left: 0.5em;
/* 60 */ }
/* 61 */ 
/* 62 */ .wpcf7-display-none {
/* 63 */ 	display: none;
/* 64 */ }
/* 65 */ 
/* 66 */ div.wpcf7 img.ajax-loader {
/* 67 */ 	border: none;
/* 68 */ 	vertical-align: middle;
/* 69 */ 	margin-left: 4px;
/* 70 */ }
/* 71 */ 
/* 72 */ div.wpcf7 div.ajax-error {
/* 73 */ 	display: none;
/* 74 */ }
/* 75 */ 
/* 76 */ div.wpcf7 .placeheld {
/* 77 */ 	color: #888;
/* 78 */ }
/* 79 */ 

/* fonts.css */

/* 1  */ @font-face {
/* 2  */   font-family: 'bbx300';
/* 3  */   font-style: normal;
/* 4  */   font-weight: normal;
/* 5  */   src: url('/wp-content/themes/the-bbx/fonts/museo300-regular.eot');
/* 6  */   src: url('/wp-content/themes/the-bbx/fonts/museo300-regular.eot') format('embedded-opentype'),
/* 7  */        url('/wp-content/themes/the-bbx/fonts/museo300-regular.woff') format('woff'),
/* 8  */        url('/wp-content/themes/the-bbx/fonts/museo300-regular.ttf') format('truetype'),
/* 9  */        url('/wp-content/themes/the-bbx/fonts/museo300-regular.svg#Museo300') format('svg');
/* 10 */ }
/* 11 */ 
/* 12 */ @font-face {
/* 13 */   font-family: 'bbx700';
/* 14 */   font-style: normal;
/* 15 */   font-weight: normal;
/* 16 */   src: url('/wp-content/themes/the-bbx/fonts/museo700-regular.eot');
/* 17 */   src: url('/wp-content/themes/the-bbx/fonts/museo700-regular.eot') format('embedded-opentype'),
/* 18 */        url('/wp-content/themes/the-bbx/fonts/museo700-regular.woff') format('woff'),
/* 19 */        url('/wp-content/themes/the-bbx/fonts/museo700-regular.ttf') format('truetype'),
/* 20 */        url('/wp-content/themes/the-bbx/fonts/museo700-regular.svg#Museo700') format('svg');
/* 21 */ }
/* 22 */ 
/* 23 */ @font-face {
/* 24 */   font-family: 'bbx';
/* 25 */   font-style: normal;
/* 26 */   font-weight: normal;
/* 27 */   src: url('/wp-content/themes/the-bbx/fonts/tisaot.eot');
/* 28 */   src: url('/wp-content/themes/the-bbx/fonts/tisaot.eot') format('embedded-opentype'),
/* 29 */        url('/wp-content/themes/the-bbx/fonts/tisaot.woff') format('woff'),
/* 30 */        url('/wp-content/themes/the-bbx/fonts/tisaot.ttf') format('truetype'),
/* 31 */        url('/wp-content/themes/the-bbx/fonts/tisaot.svg#TisaOTRegular') format('svg');
/* 32 */ }
/* 33 */ 
/* 34 */ @font-face {
/* 35 */   font-family: 'bbx';
/* 36 */   font-style: normal;
/* 37 */   font-weight: bold;
/* 38 */   src: url('/wp-content/themes/the-bbx/fonts/tisaot-bold.eot');
/* 39 */   src: url('/wp-content/themes/the-bbx/fonts/tisaot-bold.eot') format('embedded-opentype'),
/* 40 */        url('/wp-content/themes/the-bbx/fonts/tisaot-bold.woff') format('woff'),
/* 41 */        url('/wp-content/themes/the-bbx/fonts/tisaot-bold.ttf') format('truetype'),
/* 42 */        url('/wp-content/themes/the-bbx/fonts/tisaot-bold.svg#TisaOTBold') format('svg');
/* 43 */ }
/* 44 */ 
/* 45 */ @font-face {
/* 46 */   font-family: 'bbx';
/* 47 */   font-style: italic;
/* 48 */   font-weight: normal;
/* 49 */   src: url('/wp-content/themes/the-bbx/fonts/tisaot-ita.eot');
/* 50 */   src: url('/wp-content/themes/the-bbx/fonts/tisaot-ita.eot') format('embedded-opentype'),

/* fonts.css */

/* 51 */        url('/wp-content/themes/the-bbx/fonts/tisaot-ita.woff') format('woff'),
/* 52 */        url('/wp-content/themes/the-bbx/fonts/tisaot-ita.ttf') format('truetype'),
/* 53 */        url('/wp-content/themes/the-bbx/fonts/tisaot-ita.svg#TisaOTRegularItalic') format('svg');
/* 54 */ }
/* 55 */ 

/* home.css */

/* 1    */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* 2    */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block; }
/* 3    */ body{ line-height: 1; }
/* 4    */ ol, ul{ list-style: none; }
/* 5    */ blockquote, q{ quotes: none; }
/* 6    */ blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; }
/* 7    */ table{ border-collapse: collapse; border-spacing: 0; }
/* 8    */ 
/* 9    */ html{ min-width: 320px; overflow-x: hidden; overflow-y: scroll;}
/* 10   */ body{ background: #292929; color: #708491; font: 16px/1.5 Arial, sans-serif;}
/* 11   */ a{ cursor: pointer;}
/* 12   */ input:focus, input:active{ outline: none;}
/* 13   */ ::-webkit-input-placeholder{ padding-top: 5px;}
/* 14   */ textarea::-webkit-input-placeholder{ padding-top: 0;}
/* 15   */ 
/* 16   */ #header,
/* 17   */ #detail-name{ font-family: 'bbx700', Georgia, serif; font-weight: normal;}
/* 18   */ #description,
/* 19   */ #you,
/* 20   */ .heading,
/* 21   */ .project,
/* 22   */ #detail-description,
/* 23   */ .story h5{ font-family: 'bbx300', Georgia, serif; font-weight: normal;}
/* 24   */ #testimonials,
/* 25   */ .skills,
/* 26   */ #calendar,
/* 27   */ #detail-text,
/* 28   */ .story,
/* 29   */ .element{ font-family: 'bbx', Georgia, serif; font-weight: normal;}
/* 30   */ 
/* 31   */ #name,
/* 32   */ #description,
/* 33   */ #nav a,
/* 34   */ .button,
/* 35   */ .dots a,
/* 36   */ .arrow,
/* 37   */ #detail-close,
/* 38   */ .level strong,
/* 39   */ .app{ overflow: hidden; text-indent: -290486px;}
/* 40   */ 
/* 41   */ .wrap{ margin: 0 auto; position: relative; width: 960px;}
/* 42   */ .button{ background: url(/wp-content/themes/the-bbx/buttons.png) no-repeat 0 0; display: inline-block; height: 62px; position: relative; width: 234px;}
/* 43   */ .button-email{ background-position: 0 -70px;}
/* 44   */ .button-visit{ background-position: 0 -140px; width: 216px;}
/* 45   */ .button:active{ top: 2px;}
/* 46   */ .button-portfolio:active{ background-position: -240px 0;}
/* 47   */ .button-email:active{ background-position: -240px -70px;}
/* 48   */ .button-visit:active{ background-position: -240px -140px;}
/* 49   */ .dots{ height: 16px; text-align: center;}
/* 50   */ .dots a{ border-radius: 8px; display: inline-block; height: 16px; margin: 0 4px; vertical-align: top; width: 16px;}

/* home.css */

/* 51   */ .arrow{ background: url(/wp-content/themes/the-bbx/arrows.png) no-repeat 0 0; display: block; height: 80px; width: 40px;}
/* 52   */ .arrow-next{ background-position: -40px 0;}
/* 53   */ .heading{ line-height: 1.25; margin-bottom: 80px; text-align: center;}
/* 54   */ .title{ color: white; font-size: 48px;}
/* 55   */ .subtitle{ color: #f5574c; font-size: 32px;}
/* 56   */ .level,
/* 57   */ .level strong{ background: #1f1f1f; border-radius: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.48) inset, 0 1px 1px rgba(255, 255, 255, 0.12); height: 20px; position: relative; width: 300px;}
/* 58   */ .level strong{ background: #f5574c; box-shadow: 0 1px 1px #f5b3ae inset, 0 2px 4px rgba(0, 0, 0, 0.48); left: 0; position: absolute; top: 0; width: 100%;}
/* 59   */ .level-90 strong{ width: 90%;}
/* 60   */ .level-80 strong{ width: 80%;}
/* 61   */ .level-60 strong{ width: 60%;}
/* 62   */ .app{ background: url(/wp-content/themes/the-bbx/apps.png) no-repeat 0 0; display: inline-block; height: 32px; position: relative; width: 33px;}
/* 63   */ .app-sublime-text{ background-position: 0 -40px;}
/* 64   */ .app-wordpress{ background-position: 0 -80px;}
/* 65   */ .element{ background: rgba(41, 41, 41, 0.48); border: 4px solid white; color: white; font-size: 24px;}
/* 66   */ input.element{ line-height: 1; padding: 10px; padding-top: 5px; width: 352px;}
/* 67   */ textarea.element{ height: 300px; line-height: 1.5; max-width: 742px; padding: 10px 15px; width: 742px;}
/* 68   */ .element:focus{ background: rgba(41, 41, 41, 0.86); border-color: #f5574c; outline: none;}
/* 69   */ .aperture{ overflow: hidden; position: relative; height: 215px;}
/* 70   */ .reel{ left: 0; position: absolute; top: 0; width: 500%;}
/* 71   */ .item{ float: left; width: 20%;}
/* 72   */ 
/* 73   */ #loading{ background: #f5574c; height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 9999;}
/* 74   */ .end#loading{ background: none;}
/* 75   */ .end#loading-atoms{ display: none;}
/* 76   */ #loading-top,
/* 77   */ #loading-bottom{ background: #f5574c; height: 50%; left: 0; position: fixed; width: 100%;}
/* 78   */ #loading-top{ border-bottom: 2px solid white; top: 0;}
/* 79   */ #loading-bottom{ bottom: 0; border-top: 2px solid white;}
/* 80   */ #loading-atoms,
/* 81   */ .loading-atom,
/* 82   */ #loading-disc,
/* 83   */ #loading-circle{ left: 50%; position: fixed; top: 50%;}
/* 84   */ #loading-atoms{ height: 20px; margin: -11px 0 0 -10px; width: 20px;}
/* 85   */ .loading-atom{ border-radius: 10px; height: 20px; left: 0; top: 0; width: 20px;}
/* 86   */ #loading-atom-1{ background: #379ce0;}
/* 87   */ #loading-atom-2{ background: #78c905;}
/* 88   */ #loading-atom-3{ background: #ecb624;}
/* 89   */ #loading-atom-4{ background: #f5574c;}
/* 90   */ #loading-circle,
/* 91   */ #loading-disc{ border-radius: 50px; margin: -51px 0 0 -50px;}
/* 92   */ #loading-circle{ border: 2px solid white; height: 96px; width: 96px;}
/* 93   */ #loading-disc{ background: white; height: 100px; width: 100px;}
/* 94   */ 
/* 95   */ #header{ background: white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); height: 32px; left: 0; line-height: 32px; padding: 14px 0; position: fixed; top: -66px; width: 100%; z-index: 2000;}
/* 96   */ #logo{ background: url(/wp-content/themes/the-bbx/bbx.png) no-repeat 0 0; float: left; height: 32px; margin-left: 14px; padding-left: 40px;}
/* 97   */ #name,
/* 98   */ #description{ background: url(/wp-content/themes/the-bbx/name.png) no-repeat 0 0; float: left; height: 32px;}
/* 99   */ #name{ color: #f5574c; width: 79px;}
/* 100  */ #description{ background-image: url(/wp-content/themes/the-bbx/description.png); color: #b0b0b0; margin-left: 8px; width: 242px;}

/* home.css */

/* 101  */ #menu{ background: url(/wp-content/themes/the-bbx/menu.png) no-repeat 0 0; display: none; height: 21px; position: absolute; right: 20px; top: 20px; width: 24px;}
/* 102  */ #nav{ float: right; font-size: 12px; margin-right: 14px; text-transform: uppercase; width: 508px;}
/* 103  */ #nav li{ display: inline;}
/* 104  */ .nav{ background: url(/wp-content/themes/the-bbx/nav.png) no-repeat 0 0; border-radius: 4px; float: left; padding: 0 15px;}
/* 105  */ .nav:hover{ background-color: #f5574c;}
/* 106  */ #nav-home{ width: 40px;}
/* 107  */ #nav-skills{ background-position: 0 -40px; width: 44px;}
/* 108  */ #nav-portfolio{ background-position: 0 -80px; width: 77px;}
/* 109  */ #nav-timeline{ background-position: 0 -120px; width: 65px;}
/* 110  */ #nav-contact{ background-position: 0 -160px; width: 66px;}
/* 111  */ #nav-blog{ background-position: 0 -200px; width: 36px;}
/* 112  */ #nav-home:hover{ background-position: -200px 0 !important;}
/* 113  */ #nav-skills:hover{ background-position: -200px -40px !important;}
/* 114  */ #nav-portfolio:hover{ background-position: -200px -80px !important;}
/* 115  */ #nav-timeline:hover{ background-position: -200px -120px !important;}
/* 116  */ #nav-contact:hover{ background-position: -200px -160px !important;}
/* 117  */ #nav-blog:hover{ background-position: -200px -200px !important;}
/* 118  */ #nav-home.on{ background-position: -100px 0;}
/* 119  */ #nav-skills.on{ background-position: -100px -40px;}
/* 120  */ #nav-portfolio.on{ background-position: -100px -80px;}
/* 121  */ #nav-timeline.on{ background-position: -100px -120px;}
/* 122  */ #nav-contact.on{ background-position: -100px -160px;}
/* 123  */ #nav-blog.on{ background-position: -100px -200px;}
/* 124  */ 
/* 125  */ #hello{ background: #292929 url(/wp-content/themes/the-bbx/desktop.jpg) no-repeat fixed center top; height: 700px; position: relative; text-align: center;}
/* 126  */ /*#hello-background{ background: #292929; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}*/
/* 127  */ #you{ color: white; height: 300px; left: 50%; line-height: 1.25; margin: -120px 0 0 -470px; position: absolute; text-shadow: 0 4px 16px black; top: 50%; width: 960px;}
/* 128  */ #hey{ font-size: 48px; font-weight: normal;}
/* 129  */ #there{ color: #dbdbdb; font-size: 32px; font-weight: normal; margin-top: 10px;}
/* 130  */ #hello p{ padding-top: 20px;}
/* 131  */ #hello .button{ margin: 0 5px;}
/* 132  */ 
/* 133  */ #testimonials{ background: #f5574c; color: white; padding: 80px 0 60px; position: relative; text-align: center;}
/* 134  */ #testimonials .reel{ opacity: 0;}
/* 135  */ .testimonial blockquote,
/* 136  */ .testimonial p{ margin: 0 auto; width: 620px;}
/* 137  */ .testimonial blockquote{ font-size: 32px; font-style: italic; padding-bottom: 20px; position: relative; z-index: 50;}
/* 138  */ .testimonial p{ border-top: 1px dotted #d4362b; color: #d4362b; font-size: 20px; padding-top: 20px;}
/* 139  */ #testimonials .dots{ padding-top: 60px;}
/* 140  */ #testimonials .dots a{ background: #d4362b;}
/* 141  */ #testimonials .dots a:hover{ background: #ba1c11;}
/* 142  */ #testimonials .dots .current,
/* 143  */ #testimonials .dots .current:hover{ background: white;}
/* 144  */ #testimonials .arrow{ margin-top: -40px; position: absolute; top: 50%;}
/* 145  */ #testimonials .arrow-previous{ left: 40px;}
/* 146  */ #testimonials .arrow-next{ right: 40px;}
/* 147  */ 
/* 148  */ #skills{ padding: 80px 0;}
/* 149  */ .skills{ min-height: 615px;}
/* 150  */ .skill{ border-top: 1px dotted #4a4a4a; padding: 20px 0 30px;}

/* home.css */

/* 151  */ .skill .level{ float: right; margin-top: 10px;}
/* 152  */ .skill-icon{ background: url(/wp-content/themes/the-bbx/skills.png) no-repeat 0 0; float: left; height: 64px; margin: 10px 30px 0 0; width: 64px;}
/* 153  */ .skill-title{ color: white; font-size: 32px; font-weight: bold;}
/* 154  */ .skill-list{ font-style: italic;}
/* 155  */ .skill-list li{ display: inline; margin-right: 20px;}
/* 156  */ #wordpress .skill-icon{ background-position: 0 -70px;}
/* 157  */ #jquery .skill-icon{ background-position: 0 -140px;}
/* 158  */ #photoshop .skill-icon{ background-position: 0 -210px;}
/* 159  */ #illustrator .skill-icon{ background-position: 0 -280px;}
/* 160  */ 
/* 161  */ #portfolio{ background: white url(/wp-content/themes/the-bbx/mountains.jpg) no-repeat fixed center top;}
/* 162  */ #portfolio .wrap{ width: 1200px;}
/* 163  */ #portfolio .heading{ margin-bottom: 0; padding: 60px 0;}
/* 164  */ #portfolio .title{ color: #f5574c;}
/* 165  */ 
/* 166  */ #projects{ height: 600px; overflow: hidden; position: relative;}
/* 167  */ .project{ color: white; display: block; float: left; height: 300px; left: 0; line-height: 1; position: absolute; text-align: center; top: 0; width: 300px;}
/* 168  */ .project-image,
/* 169  */ .project-content,
/* 170  */ .project-name,
/* 171  */ .project-description,
/* 172  */ .project-apps{ left: 0; position: absolute; width: 100%;}
/* 173  */ .project-image,
/* 174  */ .project-content{ height: 100%;}
/* 175  */ .project-content{ background: rgba(245, 87, 76, 0.92); opacity: 0;}
/* 176  */ .project-name{ bottom: 60%; font-size: 48px;}
/* 177  */ .project-description{ font-size: 24px; opacity: 0.69; top: 60%;}
/* 178  */ .project-apps{ bottom: 40px; height: 32px;}
/* 179  */ .project-apps .app{ margin: 0 10px; opacity: 0; top: 12px;}
/* 180  */ #cv .project-name,
/* 181  */ #wp .project-name,
/* 182  */ #css .project-name,
/* 183  */ #at .project-name,
/* 184  */ #em .project-name,
/* 185  */ #jg .project-name,
/* 186  */ #rtt .project-name{ font-size: 32px;}
/* 187  */ .project:hover .project-content{ opacity: 1;}
/* 188  */ .project:hover .project-name{ bottom: 51%;}
/* 189  */ .project:hover .project-description{ top: 51%;}
/* 190  */ .project:hover .project-apps .app{ opacity: 1; top: 0;}
/* 191  */ #detail-background{ background: #f5574c; height: 100%; left: 0; opacity: 0.86; position: fixed; top: 0; width: 100%; z-index: 1000;}
/* 192  */ #detail{ background: white; background: rgba(255, 255, 255, 0.92); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.48); height: 700px; left: 60px; position: fixed; overflow: hidden; top: 120px; width: 1300px; z-index: 3000;}
/* 193  */ #detail-image{ background: no-repeat 0 0; height: 100%; position: absolute; right: 0; top: 0; width: 50%; z-index: 5000;}
/* 194  */ #detail-left{ height: 100%; left: 0; position: absolute; width: 50%;}
/* 195  */ #detail-content{ padding: 40px;}
/* 196  */ #detail-name{ color: #f5574c; font-size: 48px; line-height: 1; margin-bottom: 10px; padding-right: 170px;}
/* 197  */ #detail-description{ color: #b0b0b0; font-size: 24px; line-height: 1.25;}
/* 198  */ #detail-border{ background: #dbdbdb; border: none; height: 1px; margin: 20px 0;}
/* 199  */ #detail-text{ color: #7a7a7a; font-size: 22px; margin-bottom: 20px;}
/* 200  */ #detail-apps{ bottom: 40px; position: absolute; right: 40px;}

/* home.css */

/* 201  */ #detail-apps .app{ margin-left: 20px;}
/* 202  */ #detail-close,
/* 203  */ #detail-next,
/* 204  */ #detail-previous{ background: url(/wp-content/themes/the-bbx/navigation.png) no-repeat 0 0; cursor: pointer; display: block; height: 48px; opacity: 0.08; position: absolute; right: 40px; top: 40px; width: 48px; z-index: 4000;}
/* 205  */ #detail-next{ background-position: 0 -50px; right: 100px;}
/* 206  */ #detail-previous{ background-position: 0 -100px; right: 150px;}
/* 207  */ #detail-close:hover,
/* 208  */ #detail-next:hover,
/* 209  */ #detail-previous:hover{ opacity: 0.16;}
/* 210  */ #preview{ display: none;}
/* 211  */ #preview.go{ display: block;}
/* 212  */ 
/* 213  */ #timeline{ padding-top: 80px;}
/* 214  */ #calendar{ border-radius: 5px; height: 180px; margin-bottom: 80px; overflow: hidden; position: relative;}
/* 215  */ #time{ background: #1f1f1f; border-bottom: 10px solid #141414; height: 100px; left: 0; opacity: 0.48; position: absolute; top: 0; width: 100%;}
/* 216  */ #chapters{ background: url(/wp-content/themes/the-bbx/time.png) repeat-x -170px 110px; left: 2000px; opacity: 0; padding: 0 480px 40px; position: absolute; top: 0; width: 2860px;}
/* 217  */ .chapter{ background: #6d89ac; float: left; height: 80px; line-height: 1.25; min-width: 100px; padding: 10px 0; position: relative; text-indent: 15px;}
/* 218  */ .chapter strong{ color: white; display: block; font-size: 24px; font-weight: bold;}
/* 219  */ .chapter em{ color: #c1dbfc; display: block; font-size: 20px; font-style: italic;}
/* 220  */ .chapter-time{ color: #325989; display: block; font-size: 24px; position: absolute; right: 10px; top: 10px;}
/* 221  */ .chapter span{ background: #325989; bottom: -10px; height: 10px; left: -5px; position: absolute; width: 100%;}
/* 222  */ #years{ bottom: -40px; color: white; font-size: 24px; font-weight: bold; left: 0; padding-left: 39px; position: absolute; width: 3360px;}
/* 223  */ #years li{ float: left; width: 240px;}
/* 224  */ #magendie{ margin-right: 40px; width: 680px;}
/* 225  */ #cachan{ background: #528f6c; margin-right: 40px; width: 440px;}
/* 226  */ #cachan em{ color: #8fe6b4;}
/* 227  */ #cachan .chapter-time{ color: #297348;}
/* 228  */ #cachan span{ background: #297348;}
/* 229  */ #bordeaux4{ background: #cdcd00; margin-right: 120px; width: 120px;}
/* 230  */ #bordeaux4 em{ color: #f0f03a;}
/* 231  */ #bordeaux4 .chapter-time{ color: #8a8a00; display: none;}
/* 232  */ #bordeaux4 span{ background: #8a8a00;}
/* 233  */ #amtv{ background: #4e4e4e; width: 200px;}
/* 234  */ #amtv em{ color: #f29500;}
/* 235  */ #amtv .chapter-time{ color: #1f1f1f; display: none;}
/* 236  */ #amtv span{ background: #1f1f1f;}
/* 237  */ #mgd{ background: #09c; width: 200px;}
/* 238  */ #mgd em{ color: #a8eaff;}
/* 239  */ #mgd .chapter-time{ color: #056382; display: none;}
/* 240  */ #mgd span{ background: #056382;}
/* 241  */ #virtuoz{ background: #b60000; width: 200px;}
/* 242  */ #virtuoz em{ color: #e37d7d;}
/* 243  */ #virtuoz .chapter-time{ color: #850606; display: none;}
/* 244  */ #virtuoz span{ background: #850606;}
/* 245  */ #steaw{ background: #094062; width: 560px;}
/* 246  */ #steaw em{ color: #72b0d5;}
/* 247  */ #steaw .chapter-time{ color: #021c2c;}
/* 248  */ #steaw span{ background: #021c2c;}
/* 249  */ #stories{ height: 300px; overflow: hidden; padding-bottom: 120px; position: relative;}
/* 250  */ #stories-reel{ left: -2000px; opacity: 0; position: absolute; top: 0; width: 7740px;}

/* home.css */

/* 251  */ .story{ color: #586e75; cursor: pointer; float: left; font-size: 20px; margin: 0 20px; opacity: 0.29; padding-left: 80px; position: relative; text-shadow: none; width: 700px;}
/* 252  */ .story:hover{ opacity: 0.48;}
/* 253  */ .current.story,
/* 254  */ .current.story:hover{ cursor: default; opacity: 1;}
/* 255  */ .story-number, #restart{ background: #528f6c; border-radius: 30px; color: white; display: block; float: left; font-size: 40px; font-weight: bold; height: 60px; left: 0; line-height: 50px; position: absolute; text-align: center; top: 0; width: 60px;}
/* 256  */ .story h5{ color: white; font-size: 32px; line-height: 60px;}
/* 257  */ .story p{ margin-top: 10px;}
/* 258  */ #restart{ background: #f5574c; float: left; margin-left: 40px; opacity: 0.29; position: static;}
/* 259  */ #restart:hover{ opacity: 1;}
/* 260  */ 
/* 261  */ #contact{ background: white url(/wp-content/themes/the-bbx/forest.jpg) no-repeat fixed center top; min-height: 620px; padding: 80px 0;}
/* 262  */ #contact .title{ color: #f5574c;}
/* 263  */ #contact form{ margin: 0 auto; width: 780px;}
/* 264  */ #contact-name,
/* 265  */ #contact-email{ padding: 0; width: 380px;}
/* 266  */ #contact-name{ float: left;}
/* 267  */ #contact-email{ float: right;}
/* 268  */ #contact-subject{ clear: both; padding-top: 40px;}
/* 269  */ #contact-subject .element{ width: 752px;}
/* 270  */ #contact-message,
/* 271  */ #contact-submit{ padding-top: 20px;}
/* 272  */ #contact-blabla .captcha-131{ display: block;}
/* 273  */ #send{ position: relative; right: 3px;}
/* 274  */ #send:active{ right: 3px; top: 2px;}
/* 275  */ span.wpcf7-not-valid-tip{ background: #f5574c; border: 4px solid white; color: white; font-size: 14px; padding: 5px 10px;}
/* 276  */ div.wpcf7-response-output{ background: rgba(41, 41, 41, 0.48); border-width: 4px !important; color: white; margin: 20px 0 0; padding: 5px 10px;}
/* 277  */ 
/* 278  */ /* CSS 3 */
/* 279  */ 
/* 280  */ #loading-grid, #loading-b, #loading-d-2, #loading-gd-2{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
/* 281  */ #loading-d-1, #loading-gd-1{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
/* 282  */ 
/* 283  */ a, .element{
/* 284  */   transition: background-color 250ms ease-out, border 250ms ease-out, color 250ms ease-out;
/* 285  */   -webkit-transition: background-color 250ms ease-out, border 250ms ease-out, color 250ms ease-out;
/* 286  */ }
/* 287  */ 
/* 288  */ .project-content, #detail-close, #detail-next, #detail-previous, .story, #restart{
/* 289  */   transition: opacity 250ms ease;
/* 290  */   -webkit-transition: opacity 250ms ease;
/* 291  */ }
/* 292  */ 
/* 293  */ .project-name, .project-description{
/* 294  */   transition: all 250ms ease;
/* 295  */   -webkit-transition: all 250ms ease;
/* 296  */ }
/* 297  */ 
/* 298  */ .app{
/* 299  */   transition: all 250ms ease-out 125ms;
/* 300  */   -webkit-transition: all 250ms ease-out 125ms;

/* home.css */

/* 301  */ }
/* 302  */ 
/* 303  */ .app:nth-child(2){
/* 304  */   transition-delay: 250ms;
/* 305  */   -webkit-transition-delay: 250ms;
/* 306  */ }
/* 307  */ 
/* 308  */ .app:nth-child(3){
/* 309  */   transition-delay: 375ms;
/* 310  */   -webkit-transition-delay: 375ms;
/* 311  */ }
/* 312  */ 
/* 313  */ #header{
/* 314  */   background: white;
/* 315  */   background: -moz-linear-gradient(top, rgba(255, 255, 255,1) 1%, rgba(255, 255, 255, 0.86) 100%);
/* 316  */   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255, 255, 255,1)), color-stop(100%,rgba(255, 255, 255, 0.86)));
/* 317  */   background: -webkit-linear-gradient(top, rgba(255, 255, 255,1) 1%,rgba(255, 255, 255, 0.86) 100%);
/* 318  */   background: -o-linear-gradient(top, rgba(255, 255, 255,1) 1%,rgba(255, 255, 255, 0.86) 100%);
/* 319  */   background: -ms-linear-gradient(top, rgba(255, 255, 255,1) 1%,rgba(255, 255, 255, 0.86) 100%);
/* 320  */   background: linear-gradient(to bottom, rgba(255, 255, 255,1) 1%,rgba(255, 255, 255, 0.86) 100%);
/* 321  */ }
/* 322  */ 
/* 323  */ #hello, #portfolio, #detail-image, #contact{
/* 324  */   background-size: cover;
/* 325  */   -moz-background-size: cover;
/* 326  */   -o-background-size: cover;
/* 327  */   -webkit-background-size: cover;
/* 328  */ }
/* 329  */ 
/* 330  */ .level strong{
/* 331  */   background: #f5574c;
/* 332  */   background: -moz-linear-gradient(top, #f5574c 1%, #db2b1f 100%);
/* 333  */   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f5574c), color-stop(100%,#db2b1f));
/* 334  */   background: -webkit-linear-gradient(top, #f5574c 1%,#db2b1f 100%);
/* 335  */   background: -o-linear-gradient(top, #f5574c 1%,#db2b1f 100%);
/* 336  */   background: -ms-linear-gradient(top, #f5574c 1%,#db2b1f 100%);
/* 337  */   background: linear-gradient(to bottom, #f5574c 1%,#db2b1f 100%);
/* 338  */ }
/* 339  */ 
/* 340  */ .level-90 strong{ box-shadow: 0 1px 1px #f8edd1 inset, 0 2px 4px rgba(0, 0, 0, 0.48);}
/* 341  */ .level-90 strong{
/* 342  */   background: #ecb624;
/* 343  */   background: -moz-linear-gradient(top, #ecb624 1%, #cb8602 100%);
/* 344  */   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ecb624), color-stop(100%,#cb8602));
/* 345  */   background: -webkit-linear-gradient(top, #ecb624 1%,#cb8602 100%);
/* 346  */   background: -o-linear-gradient(top, #ecb624 1%,#cb8602 100%);
/* 347  */   background: -ms-linear-gradient(top, #ecb624 1%,#cb8602 100%);
/* 348  */   background: linear-gradient(to bottom, #ecb624 1%,#cb8602 100%);
/* 349  */ }
/* 350  */ 

/* home.css */

/* 351  */ .level-80 strong{ box-shadow: 0 1px 1px #d3ebab inset, 0 2px 4px rgba(0, 0, 0, 0.48);}
/* 352  */ .level-80 strong{
/* 353  */   background: #78c905;
/* 354  */   background: -moz-linear-gradient(top, #78c905 1%, #559501 100%);
/* 355  */   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#78c905), color-stop(100%,#559501));
/* 356  */   background: -webkit-linear-gradient(top, #78c905 1%,#559501 100%);
/* 357  */   background: -o-linear-gradient(top, #78c905 1%,#559501 100%);
/* 358  */   background: -ms-linear-gradient(top, #78c905 1%,#559501 100%);
/* 359  */   background: linear-gradient(to bottom, #78c905 1%,#559501 100%);
/* 360  */ }
/* 361  */ 
/* 362  */ .level-60 strong{ box-shadow: 0 1px 1px #a5cfec inset, 0 2px 4px rgba(0, 0, 0, 0.48);}
/* 363  */ .level-60 strong{
/* 364  */   background: #379ce0;
/* 365  */   background: -moz-linear-gradient(top, #379ce0 1%, #0777c3 100%);
/* 366  */   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#379ce0), color-stop(100%,#0777c3));
/* 367  */   background: -webkit-linear-gradient(top, #379ce0 1%,#0777c3 100%);
/* 368  */   background: -o-linear-gradient(top, #379ce0 1%,#0777c3 100%);
/* 369  */   background: -ms-linear-gradient(top, #379ce0 1%,#0777c3 100%);
/* 370  */   background: linear-gradient(to bottom, #379ce0 1%,#0777c3 100%);
/* 371  */ }
/* 372  */ 
/* 373  */ .chapter span{
/* 374  */   -moz-transform: skew(-45deg);
/* 375  */   -webkit-transform: skew(-45deg);
/* 376  */   transform: skew(-45deg);
/* 377  */ }
/* 378  */ 
/* 379  */ /* Animations */
/* 380  */ 
/* 381  */ #hey,
/* 382  */ #there,
/* 383  */ #view-portfolio,
/* 384  */ #send-email,
/* 385  */ .arrow,
/* 386  */ .dots a,
/* 387  */ .title,
/* 388  */ .subtitle,
/* 389  */ .skill,
/* 390  */ .level strong,
/* 391  */ .project,
/* 392  */ #preview,
/* 393  */ #detail-background,
/* 394  */ #detail,
/* 395  */ #detail-image,
/* 396  */ #detail-name,
/* 397  */ #detail-description,
/* 398  */ #detail-border,
/* 399  */ #detail-text,
/* 400  */ #detail-link,

/* home.css */

/* 401  */ #detail-image,
/* 402  */ #detail-apps .app,
/* 403  */ .element,
/* 404  */ #send{ opacity: 0; position: relative; z-index: 100;}
/* 405  */ 
/* 406  */ #preview,
/* 407  */ #detail-border,
/* 408  */ .level strong{ opacity: 1;}
/* 409  */ 
/* 410  */ .level strong,
/* 411  */ .project,
/* 412  */ #detail-image{ position: absolute;}
/* 413  */ 
/* 414  */ #detail-background,
/* 415  */ #detail{ position: fixed;}
/* 416  */ 
/* 417  */ #detail-background{ z-index: 1000;}
/* 418  */ #detail{ z-index: 3000;}
/* 419  */ #detail-close,
/* 420  */ #detail-next,
/* 421  */ #detail-previous{ z-index: 4000;}
/* 422  */ #detail-image{ z-index: 5000;}
/* 423  */ 
/* 424  */ @-webkit-keyframes loading-one{
/* 425  */   0%{ width: 0;}
/* 426  */   100%{ width: 50%;}
/* 427  */ }
/* 428  */ 
/* 429  */ @-webkit-keyframes loading-two{
/* 430  */   0%{ width: 50%;}
/* 431  */   100%{ width: 100%;}
/* 432  */ }
/* 433  */ 
/* 434  */ @-webkit-keyframes loading-three{
/* 435  */   0%{ border-width: 2px; height: 50%; width: 100%;}
/* 436  */   100%{ border-width: 0; height: 0; width: 100%;}
/* 437  */ }
/* 438  */ 
/* 439  */ @-webkit-keyframes spin{
/* 440  */   0% { -webkit-transform: rotate(0deg);}
/* 441  */   50% { -webkit-transform: rotate(-180deg);}
/* 442  */   100% { -webkit-transform: rotate(-360deg);}
/* 443  */ }
/* 444  */ 
/* 445  */ @-webkit-keyframes rotate-top-right{
/* 446  */   0% { -webkit-transform: rotate(0deg);}
/* 447  */   50% { -webkit-transform: rotate(-180deg); -webkit-transform-origin: 20% 20%;}
/* 448  */   100% { -webkit-transform: rotate(-360deg);}
/* 449  */ }
/* 450  */ 

/* home.css */

/* 451  */ @-webkit-keyframes rotate-top-left{
/* 452  */   0% { -webkit-transform: rotate(0deg);}
/* 453  */   50% { -webkit-transform: rotate(180deg); -webkit-transform-origin: 80% 20%;}
/* 454  */   100% { -webkit-transform: rotate(360deg);}
/* 455  */ }
/* 456  */ 
/* 457  */ @-webkit-keyframes rotate-bottom-right{
/* 458  */   0% { -webkit-transform: rotate(0deg);}
/* 459  */   50% { -webkit-transform: rotate(-180deg); -webkit-transform-origin: 80% 80%;}
/* 460  */   100% { -webkit-transform: rotate(-360deg);}
/* 461  */ }
/* 462  */ 
/* 463  */ @-webkit-keyframes rotate-bottom-left{
/* 464  */   0% { -webkit-transform: rotate(0deg);}
/* 465  */   50% { -webkit-transform: rotate(180deg); -webkit-transform-origin: 20% 80%;}
/* 466  */   100% { -webkit-transform: rotate(360deg);}
/* 467  */ }
/* 468  */ @-webkit-keyframes circle{
/* 469  */   0% { -webkit-transform: scale(1.25, 1.25);}
/* 470  */   100% { -webkit-transform: scale(0, 0);}
/* 471  */ }
/* 472  */ 
/* 473  */ @-webkit-keyframes disc{
/* 474  */   0% { -webkit-transform: scale(0, 0);}
/* 475  */   100% { -webkit-transform: scale(1, 1);}
/* 476  */ }
/* 477  */ 
/* 478  */ @-webkit-keyframes revert-scale{
/* 479  */   0% { -webkit-transform: scale(1, 1);}
/* 480  */   100% { -webkit-transform: scale(0, 0);}
/* 481  */ }
/* 482  */ 
/* 483  */ @-webkit-keyframes fade-in{
/* 484  */   0%{ opacity: 0;}
/* 485  */   100%{ opacity: 1;}
/* 486  */ }
/* 487  */ 
/* 488  */ @-webkit-keyframes fade-out{
/* 489  */   0%{ opacity: 1;}
/* 490  */   100%{ opacity: 0;}
/* 491  */ }
/* 492  */ 
/* 493  */ @-webkit-keyframes overlay{
/* 494  */   0%{ opacity: 0;}
/* 495  */   100%{ opacity: 0.86;}
/* 496  */ }
/* 497  */ 
/* 498  */ @-webkit-keyframes revert-overlay{
/* 499  */   0%{ opacity: 0.86;}
/* 500  */   100%{ opacity: 0;}

/* home.css */

/* 501  */ }
/* 502  */ 
/* 503  */ @-webkit-keyframes down{
/* 504  */   0%{ opacity: 0; -webkit-transform: translateY(-24px);}
/* 505  */   100%{ opacity: 1; -webkit-transform: translateY(0);}
/* 506  */ }
/* 507  */ 
/* 508  */ @-webkit-keyframes up{
/* 509  */   0%{ opacity: 0; -webkit-transform: translateY(24px);}
/* 510  */   100%{ opacity: 1; -webkit-transform: translateY(0);}
/* 511  */ }
/* 512  */ 
/* 513  */ @-webkit-keyframes revert-up{
/* 514  */   0%{ opacity: 1; -webkit-transform: translateY(0);}
/* 515  */   100%{ opacity: 0; -webkit-transform: translateY(24px);}
/* 516  */ }
/* 517  */ 
/* 518  */ @-webkit-keyframes revert-up{
/* 519  */   0%{ opacity: 1; -webkit-transform: translateY(0);}
/* 520  */   100%{ opacity: 0; -webkit-transform: translateY(24px);}
/* 521  */ }
/* 522  */ 
/* 523  */ @-webkit-keyframes up-fast{
/* 524  */   0%{ opacity: 0; -webkit-transform: translateY(24px);}
/* 525  */   50%{ opacity: 0.50; -webkit-transform: translateY(-12px);}
/* 526  */   100%{ opacity: 1; -webkit-transform: translateY(0);}
/* 527  */ }
/* 528  */ 
/* 529  */ @-webkit-keyframes left{
/* 530  */   0%{ opacity: 0; -webkit-transform: translateX(24px);}
/* 531  */   100%{ opacity: 1; -webkit-transform: translateX(0);}
/* 532  */ }
/* 533  */ 
/* 534  */ @-webkit-keyframes revert-left{
/* 535  */   0%{ opacity: 1; -webkit-transform: translateX(0);}
/* 536  */   100%{ opacity: 0; -webkit-transform: translateX(24px);}
/* 537  */ }
/* 538  */ 
/* 539  */ @-webkit-keyframes right{
/* 540  */   0%{ opacity: 0; -webkit-transform: translateX(-24px);}
/* 541  */   100%{ opacity: 1; -webkit-transform: translateX(0);}
/* 542  */ }
/* 543  */ 
/* 544  */ @-webkit-keyframes revert-right{
/* 545  */   0%{ opacity: 1; -webkit-transform: translateX(0);}
/* 546  */   100%{ opacity: 0; -webkit-transform: translateX(-24px);}
/* 547  */ }
/* 548  */ 
/* 549  */ @-webkit-keyframes grow{
/* 550  */   0%{ opacity: 0; -webkit-transform: scale(0.96, 0.96);}

/* home.css */

/* 551  */   100%{ opacity: 1; -webkit-transform: scale(1, 1);}
/* 552  */ }
/* 553  */ 
/* 554  */ @-webkit-keyframes revert-grow{
/* 555  */   0%{ opacity: 1; -webkit-transform: scale(1, 1);}
/* 556  */   100%{ opacity: 0; -webkit-transform: scale(0.96, 0.96);}
/* 557  */ }
/* 558  */ 
/* 559  */ @-webkit-keyframes slide-down{
/* 560  */   0%{ opacity: 0; max-height: 0;}
/* 561  */   100%{ opacity: 1; max-height: 60px;}
/* 562  */ }
/* 563  */ 
/* 564  */ @-webkit-keyframes close{
/* 565  */   0%{ -webkit-transform: translateY(-96px);}
/* 566  */   100%{ -webkit-transform: translateY(0);}
/* 567  */ }
/* 568  */ 
/* 569  */ @-webkit-keyframes revert-close{
/* 570  */   0%{ -webkit-transform: translateY(0);}
/* 571  */   100%{ -webkit-transform: translateY(-96px);}
/* 572  */ }
/* 573  */ 
/* 574  */ @-webkit-keyframes reveal{
/* 575  */   0%{ opacity: 0; left: 100%;}
/* 576  */   100%{ opacity: 1; left: 50%;}
/* 577  */ }
/* 578  */ 
/* 579  */ @-webkit-keyframes revert-reveal{
/* 580  */   0%{ opacity: 1; left: 50%;}
/* 581  */   100%{ opacity: 0; left: 100%;}
/* 582  */ }
/* 583  */ 
/* 584  */ @-webkit-keyframes fill-100{
/* 585  */   0%{ width: 0%;}
/* 586  */   100%{ width: 100%;}
/* 587  */ }
/* 588  */ 
/* 589  */ @-webkit-keyframes revert-fill-100{
/* 590  */   0%{ width: 100%;}
/* 591  */   100%{ width: 0%;}
/* 592  */ }
/* 593  */ 
/* 594  */ @-webkit-keyframes fill-90{
/* 595  */   0%{ width: 0%;}
/* 596  */   100%{ width: 90%;}
/* 597  */ }
/* 598  */ 
/* 599  */ @-webkit-keyframes fill-80{
/* 600  */   0%{ width: 0%;}

/* home.css */

/* 601  */   100%{ width: 80%;}
/* 602  */ }
/* 603  */ 
/* 604  */ @-webkit-keyframes fill-60{
/* 605  */   0%{ width: 0%;}
/* 606  */   100%{ width: 60%;}
/* 607  */ }
/* 608  */ 
/* 609  */ @-webkit-keyframes drop{
/* 610  */   0%{ opacity: 1; -webkit-transform: translateY(0);}
/* 611  */   100%{ opacity: 0; -webkit-transform: translateY(200px);}
/* 612  */ }
/* 613  */ 
/* 614  */ @-webkit-keyframes revert-drop{
/* 615  */   0%{ opacity: 0; -webkit-transform: translateY(200px);}
/* 616  */   100%{ opacity: 1; -webkit-transform: translateY(0);}
/* 617  */ }
/* 618  */ 
/* 619  */ #loading-top,
/* 620  */ #loading-bottom,
/* 621  */ #loading-atoms,
/* 622  */ .loading-atom,
/* 623  */ #loading-circle,
/* 624  */ #loading-disc,
/* 625  */ .go #hey,
/* 626  */ .go #there,
/* 627  */ .go #view-portfolio,
/* 628  */ .go #send-email,
/* 629  */ .go .arrow,
/* 630  */ .go .dots a,
/* 631  */ .go .title,
/* 632  */ .go .subtitle,
/* 633  */ .go .skill,
/* 634  */ .go .level strong,
/* 635  */ .go .project,
/* 636  */ .go #detail-background,
/* 637  */ .go #detail,
/* 638  */ .go #detail-image,
/* 639  */ .go #detail-name,
/* 640  */ .go #detail-description,
/* 641  */ .go #detail-border,
/* 642  */ .go #detail-text,
/* 643  */ .go #detail-link,
/* 644  */ .go #detail-close,
/* 645  */ .go #detail-next,
/* 646  */ .go #detail-previous,
/* 647  */ .go #detail-apps .app,
/* 648  */ .go .element,
/* 649  */ .go #send{ -webkit-animation-duration: 1000ms; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease;}
/* 650  */ 

/* home.css */

/* 651  */ #loading-top,
/* 652  */ #loading-bottom{ -webkit-animation-duration: 3000ms; -webkit-animation-name: loading-one; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);}
/* 653  */ #loading-atoms{ -webkit-animation-duration: 1250ms; -webkit-animation-iteration-count: infinite; -webkit-animation-name: spin; -webkit-animation-timing-function: linear;}
/* 654  */ .loading-atom{ -webkit-animation-duration: 1250ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
/* 655  */ #loading-atom-1{ -webkit-animation-name: rotate-top-left;}
/* 656  */ #loading-atom-2{ -webkit-animation-name: rotate-top-right;}
/* 657  */ #loading-atom-3{ -webkit-animation-name: rotate-bottom-left;}
/* 658  */ #loading-atom-4{ -webkit-animation-name: rotate-bottom-right;}
/* 659  */ #loading-circle{ -webkit-animation-duration: 2000ms; -webkit-animation-name: circle; -webkit-animation-timing-function: cubic-bezier(0.48, 0, 0, 1);}
/* 660  */ #loading-disc{ -webkit-animation-duration: 2000ms; -webkit-animation-name: disc; -webkit-animation-timing-function: cubic-bezier(0.48, 0, 0, 1);}
/* 661  */ .go #loading-top,
/* 662  */ .go #loading-bottom,
/* 663  */ .go #loading-atoms,
/* 664  */ .go #loading-atoms .loading-atom,
/* 665  */ .go #loading-disc{ -webkit-animation-duration: 1000ms; -webkit-animation-name: loading-two; -webkit-animation-timing-function: cubic-bezier(0.08, 0.86, 0.08, 1);}
/* 666  */ .go #loading-atoms,
/* 667  */ .go #loading-atoms .loading-atom,
/* 668  */ .go #loading-disc{-webkit-animation-iteration-count: 1; -webkit-animation-name: revert-scale;}
/* 669  */ .end #loading-top,
/* 670  */ .end #loading-bottom{ -webkit-animation-duration: 1000ms; -webkit-animation-name: loading-three; -webkit-animation-timing-function: cubic-bezier(0.08, 0.86, 0.08, 1);}
/* 671  */ 
/* 672  */ .go #hey,
/* 673  */ .go #there,
/* 674  */ .go #view-portfolio,
/* 675  */ .go #send-email{ -webkit-animation-timing-function: ease-out;}
/* 676  */ .go #hey{ -webkit-animation-name: down;}
/* 677  */ .go #there{ -webkit-animation-delay: 500ms; -webkit-animation-name: up;}
/* 678  */ .go #view-portfolio{ -webkit-animation-delay: 1000ms; -webkit-animation-name: left;}
/* 679  */ .go #send-email{ -webkit-animation-delay: 1500ms; -webkit-animation-name: right;}
/* 680  */ 
/* 681  */ .go .arrow-previous{ -webkit-animation-name: right;}
/* 682  */ .go .arrow-next{ -webkit-animation-name: left;}
/* 683  */ .go .dots a{ -webkit-animation-name: up-fast;}
/* 684  */ .go .dots a:nth-child(1){ -webkit-animation-delay: 250ms;}
/* 685  */ .go .dots a:nth-child(2){ -webkit-animation-delay: 375ms;}
/* 686  */ .go .dots a:nth-child(3){ -webkit-animation-delay: 500ms;}
/* 687  */ .go .dots a:nth-child(4){ -webkit-animation-delay: 625ms;}
/* 688  */ .go .dots a:nth-child(5){ -webkit-animation-delay: 750ms;}
/* 689  */ .go .dots a:nth-child(6){ -webkit-animation-delay: 1000ms;}
/* 690  */ .go .dots a:nth-child(7){ -webkit-animation-delay: 1250ms;}
/* 691  */ .go .dots a:nth-child(8){ -webkit-animation-delay: 1500ms;}
/* 692  */ 
/* 693  */ .go .title{ -webkit-animation-name: left;}
/* 694  */ .go .subtitle{ -webkit-animation-delay: 250ms; -webkit-animation-name: right;}
/* 695  */ 
/* 696  */ .go .skill{ -webkit-animation-delay: 500ms; -webkit-animation-name: up;}
/* 697  */ .go #html5{ -webkit-animation-delay: 500ms;}
/* 698  */ .go #html5 .level strong{ -webkit-animation-delay: 750ms; -webkit-animation-name: fill-100;}
/* 699  */ .go #wordpress{ -webkit-animation-delay: 750ms;}
/* 700  */ .go #wordpress .level strong{ -webkit-animation-delay: 750ms; -webkit-animation-name: fill-90;}

/* home.css */

/* 701  */ .go #jquery{ -webkit-animation-delay: 1000ms;}
/* 702  */ .go #jquery .level strong{ -webkit-animation-delay: 1000ms; -webkit-animation-name: fill-80;}
/* 703  */ .go #photoshop{ -webkit-animation-delay: 1250ms;}
/* 704  */ .go #photoshop .level strong{ -webkit-animation-delay: 1250ms; -webkit-animation-name: fill-80;}
/* 705  */ .go #illustrator{ -webkit-animation-delay: 1500ms;}
/* 706  */ .go #illustrator .level strong{ -webkit-animation-delay: 1500ms; -webkit-animation-name: fill-60;}
/* 707  */ 
/* 708  */ .go#portfolio .title{ -webkit-animation-name: up;}
/* 709  */ .go .project{ -webkit-animation-name: grow;}
/* 710  */ .go .project:nth-child(2){ -webkit-animation-delay: 250ms;}
/* 711  */ .go .project:nth-child(3){ -webkit-animation-delay: 500ms;}
/* 712  */ .go .project:nth-child(4){ -webkit-animation-delay: 750ms;}
/* 713  */ .go .project:nth-child(5){ -webkit-animation-delay: 1000ms;}
/* 714  */ .go .project:nth-child(6){ -webkit-animation-delay: 1250ms;}
/* 715  */ .go .project:nth-child(7){ -webkit-animation-delay: 1500ms;}
/* 716  */ .go .project:nth-child(8){ -webkit-animation-delay: 1750ms;}
/* 717  */ .go .project:nth-child(9){ -webkit-animation-delay: 2000ms;}
/* 718  */ .go .project:nth-child(10){ -webkit-animation-delay: 2250ms;}
/* 719  */ .go .project:nth-child(11){ -webkit-animation-delay: 2500ms;}
/* 720  */ .go .project:nth-child(12){ -webkit-animation-delay: 2750ms;}
/* 721  */ 
/* 722  */ .go #detail-background{ -webkit-animation-duration: 500ms; -webkit-animation-name: overlay;}
/* 723  */ .go #detail{ -webkit-animation-duration: 500ms; -webkit-animation-name: grow;}
/* 724  */ .loaded #detail-image{ -webkit-animation-name: reveal; -webkit-animation-timing-function: cubic-bezier(0, 1.5, 0.75, 1);}
/* 725  */ .go #detail-name{ -webkit-animation-delay: 250ms; -webkit-animation-name: left;}
/* 726  */ .go #detail-description{ -webkit-animation-delay: 500ms; -webkit-animation-name: right;}
/* 727  */ .go #detail-border{ -webkit-animation-delay: 750ms; -webkit-animation-name: fill-100; -webkit-animation-timing-function: cubic-bezier(0, 1, 0.25, 01);}
/* 728  */ .go #detail-text{ -webkit-animation-delay: 1000ms; -webkit-animation-name: up;}
/* 729  */ .go #detail-link{ -webkit-animation-delay: 1250ms; -webkit-animation-name: up;}
/* 730  */ .go #detail-apps .app{ -webkit-animation-delay: 1500ms; -webkit-animation-name: up; -webkit-animation-timing-function: cubic-bezier(0, 2, 0.5, 1);}
/* 731  */ .go #detail-apps .app:nth-child(2){ -webkit-animation-delay: 1625ms;}
/* 732  */ .go #detail-apps .app:nth-child(3){ -webkit-animation-delay: 1750ms;}
/* 733  */ .go #detail-close,
/* 734  */ .go #detail-next,
/* 735  */ .go #detail-previous{ -webkit-animation-delay: 1500ms; -webkit-animation-name: close; -webkit-animation-timing-function: cubic-bezier(0, 1.5, 0.25, 1);}
/* 736  */ .go #detail-next{ -webkit-animation-delay: 1625ms;}
/* 737  */ .go #detail-previous{ -webkit-animation-delay: 1750ms;}
/* 738  */ 
/* 739  */ .close #detail-apps .app,
/* 740  */ .close #detail-link,
/* 741  */ .close #detail-text,
/* 742  */ .close #detail-description,
/* 743  */ .close #detail-name,
/* 744  */ .close #detail{ -webkit-animation-duration: 500ms; -webkit-animation-name: drop; -webkit-animation-timing-function: /*cubic-bezier(0.950, 0.050, 0.795, 0.035)*/ cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 745  */ .close #detail-close,
/* 746  */ .close #detail-next,
/* 747  */ .close #detail-previous{ -webkit-animation-delay: 0ms; -webkit-animation-duration: 500ms; -webkit-animation-name: revert-close; -webkit-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 748  */ .close #detail-next{ -webkit-animation-delay: 125ms;}
/* 749  */ .close #detail-previous{ -webkit-animation-delay: 250ms;}
/* 750  */ .close #detail-apps .app:nth-child(3){ -webkit-animation-delay: 0ms;}

/* home.css */

/* 751  */ .close #detail-apps .app:nth-child(2){ -webkit-animation-delay: 125ms;}
/* 752  */ .close #detail-apps .app:nth-child(1){ -webkit-animation-delay: 250ms;}
/* 753  */ .close #detail-link{ -webkit-animation-delay: 375ms;}
/* 754  */ .close #detail-text{ -webkit-animation-delay: 500ms;}
/* 755  */ .close #detail-border{ -webkit-animation-delay: 0ms; -webkit-animation-name: revert-fill-100;}
/* 756  */ .close #detail-description{ -webkit-animation-delay: 750ms;}
/* 757  */ .close #detail-name{ -webkit-animation-delay: 875ms;}
/* 758  */ .close #detail-image{ -webkit-animation-delay: 0ms; -webkit-animation-name: revert-reveal; -webkit-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 759  */ .close #detail{ -webkit-animation-delay: 1000ms;}
/* 760  */ .close #detail-background{ -webkit-animation-delay: 1250ms; -webkit-animation-duration: 500ms; -webkit-animation-name: revert-overlay;}
/* 761  */ 
/* 762  */ .removing #detail-apps .app,
/* 763  */ .removing #detail-link,
/* 764  */ .removing #detail-text,
/* 765  */ .removing #detail-description,
/* 766  */ .removing #detail-name{ -webkit-animation-duration: 500ms; -webkit-animation-name: drop; -webkit-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 767  */ .removing #detail-close,
/* 768  */ .removing #detail-next,
/* 769  */ .removing #detail-previous{ -webkit-animation-delay: 0ms; -webkit-animation-duration: 500ms; -webkit-animation-name: revert-close; -webkit-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 770  */ .removing #detail-next{ -webkit-animation-delay: 125ms;}
/* 771  */ .removing #detail-previous{ -webkit-animation-delay: 250ms;}
/* 772  */ .removing #detail-apps .app:nth-child(3){ -webkit-animation-delay: 0ms;}
/* 773  */ .removing #detail-apps .app:nth-child(2){ -webkit-animation-delay: 125ms;}
/* 774  */ .removing #detail-apps .app:nth-child(1){ -webkit-animation-delay: 250ms;}
/* 775  */ .removing #detail-link{ -webkit-animation-delay: 375ms;}
/* 776  */ .removing #detail-text{ -webkit-animation-delay: 500ms;}
/* 777  */ .removing #detail-border{ -webkit-animation-delay: 0ms; -webkit-animation-name: revert-fill-100;}
/* 778  */ .removing #detail-description{ -webkit-animation-delay: 750ms;}
/* 779  */ .removing #detail-name{ -webkit-animation-delay: 875ms;}
/* 780  */ .removing #detail-image{ -webkit-animation-delay: 0ms; -webkit-animation-name: revert-reveal; -webkit-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 781  */ 
/* 782  */ .go .element,
/* 783  */ .go #send{ -webkit-animation-name: grow;}
/* 784  */ .go #contact-name .element{ -webkit-animation-delay: 250ms;}
/* 785  */ .go #contact-email .element{ -webkit-animation-delay: 500ms;}
/* 786  */ .go #contact-subject .element{ -webkit-animation-delay: 750ms;}
/* 787  */ .go #contact-message .element{ -webkit-animation-delay: 1000ms;}
/* 788  */ .go #send{ -webkit-animation-delay: 1250ms;}
/* 789  */ 
/* 790  */ @-moz-keyframes loading-one{
/* 791  */   0%{ width: 0;}
/* 792  */   100%{ width: 50%;}
/* 793  */ }
/* 794  */ 
/* 795  */ @-moz-keyframes loading-two{
/* 796  */   0%{ width: 50%;}
/* 797  */   100%{ width: 100%;}
/* 798  */ }
/* 799  */ 
/* 800  */ @-moz-keyframes loading-three{

/* home.css */

/* 801  */   0%{ border-width: 2px; height: 50%; width: 100%;}
/* 802  */   100%{ border-width: 0; height: 0; width: 100%;}
/* 803  */ }
/* 804  */ 
/* 805  */ @-moz-keyframes spin{
/* 806  */   0% { -moz-transform: rotate(0deg);}
/* 807  */   50% { -moz-transform: rotate(-180deg);}
/* 808  */   100% { -moz-transform: rotate(-360deg);}
/* 809  */ }
/* 810  */ 
/* 811  */ @-moz-keyframes rotate-top-right{
/* 812  */   0% { -moz-transform: rotate(0deg);}
/* 813  */   50% { -moz-transform: rotate(-180deg); -moz-transform-origin: 20% 20%;}
/* 814  */   100% { -moz-transform: rotate(-360deg);}
/* 815  */ }
/* 816  */ 
/* 817  */ @-moz-keyframes rotate-top-left{
/* 818  */   0% { -moz-transform: rotate(0deg);}
/* 819  */   50% { -moz-transform: rotate(180deg); -moz-transform-origin: 80% 20%;}
/* 820  */   100% { -moz-transform: rotate(360deg);}
/* 821  */ }
/* 822  */ 
/* 823  */ @-moz-keyframes rotate-bottom-right{
/* 824  */   0% { -moz-transform: rotate(0deg);}
/* 825  */   50% { -moz-transform: rotate(-180deg); -moz-transform-origin: 80% 80%;}
/* 826  */   100% { -moz-transform: rotate(-360deg);}
/* 827  */ }
/* 828  */ 
/* 829  */ @-moz-keyframes rotate-bottom-left{
/* 830  */   0% { -moz-transform: rotate(0deg);}
/* 831  */   50% { -moz-transform: rotate(180deg); -moz-transform-origin: 20% 80%;}
/* 832  */   100% { -moz-transform: rotate(360deg);}
/* 833  */ }
/* 834  */ @-moz-keyframes circle{
/* 835  */   0% { -moz-transform: scale(1.25, 1.25);}
/* 836  */   100% { -moz-transform: scale(0, 0);}
/* 837  */ }
/* 838  */ 
/* 839  */ @-moz-keyframes disc{
/* 840  */   0% { -moz-transform: scale(0, 0);}
/* 841  */   100% { -moz-transform: scale(1, 1);}
/* 842  */ }
/* 843  */ 
/* 844  */ @-moz-keyframes revert-scale{
/* 845  */   0% { -moz-transform: scale(1, 1);}
/* 846  */   100% { -moz-transform: scale(0, 0);}
/* 847  */ }
/* 848  */ 
/* 849  */ @-moz-keyframes fade-in{
/* 850  */   0%{ opacity: 0;}

/* home.css */

/* 851  */   100%{ opacity: 1;}
/* 852  */ }
/* 853  */ 
/* 854  */ @-moz-keyframes fade-out{
/* 855  */   0%{ opacity: 1;}
/* 856  */   100%{ opacity: 0;}
/* 857  */ }
/* 858  */ 
/* 859  */ @-moz-keyframes overlay{
/* 860  */   0%{ opacity: 0;}
/* 861  */   100%{ opacity: 0.86;}
/* 862  */ }
/* 863  */ 
/* 864  */ @-moz-keyframes revert-overlay{
/* 865  */   0%{ opacity: 0.86;}
/* 866  */   100%{ opacity: 0;}
/* 867  */ }
/* 868  */ 
/* 869  */ @-moz-keyframes down{
/* 870  */   0%{ opacity: 0; -moz-transform: translateY(-24px);}
/* 871  */   100%{ opacity: 1; -moz-transform: translateY(0);}
/* 872  */ }
/* 873  */ 
/* 874  */ @-moz-keyframes up{
/* 875  */   0%{ opacity: 0; -moz-transform: translateY(24px);}
/* 876  */   100%{ opacity: 1; -moz-transform: translateY(0);}
/* 877  */ }
/* 878  */ 
/* 879  */ @-moz-keyframes revert-up{
/* 880  */   0%{ opacity: 1; -moz-transform: translateY(0);}
/* 881  */   100%{ opacity: 0; -moz-transform: translateY(24px);}
/* 882  */ }
/* 883  */ 
/* 884  */ @-moz-keyframes revert-up{
/* 885  */   0%{ opacity: 1; -moz-transform: translateY(0);}
/* 886  */   100%{ opacity: 0; -moz-transform: translateY(24px);}
/* 887  */ }
/* 888  */ 
/* 889  */ @-moz-keyframes up-fast{
/* 890  */   0%{ opacity: 0; -moz-transform: translateY(24px);}
/* 891  */   50%{ opacity: 0.50; -moz-transform: translateY(-12px);}
/* 892  */   100%{ opacity: 1; -moz-transform: translateY(0);}
/* 893  */ }
/* 894  */ 
/* 895  */ @-moz-keyframes left{
/* 896  */   0%{ opacity: 0; -moz-transform: translateX(24px);}
/* 897  */   100%{ opacity: 1; -moz-transform: translateX(0);}
/* 898  */ }
/* 899  */ 
/* 900  */ @-moz-keyframes revert-left{

/* home.css */

/* 901  */   0%{ opacity: 1; -moz-transform: translateX(0);}
/* 902  */   100%{ opacity: 0; -moz-transform: translateX(24px);}
/* 903  */ }
/* 904  */ 
/* 905  */ @-moz-keyframes right{
/* 906  */   0%{ opacity: 0; -moz-transform: translateX(-24px);}
/* 907  */   100%{ opacity: 1; -moz-transform: translateX(0);}
/* 908  */ }
/* 909  */ 
/* 910  */ @-moz-keyframes revert-right{
/* 911  */   0%{ opacity: 1; -moz-transform: translateX(0);}
/* 912  */   100%{ opacity: 0; -moz-transform: translateX(-24px);}
/* 913  */ }
/* 914  */ 
/* 915  */ @-moz-keyframes grow{
/* 916  */   0%{ opacity: 0; -moz-transform: scale(0.96, 0.96);}
/* 917  */   100%{ opacity: 1; -moz-transform: scale(1, 1);}
/* 918  */ }
/* 919  */ 
/* 920  */ @-moz-keyframes revert-grow{
/* 921  */   0%{ opacity: 1; -moz-transform: scale(1, 1);}
/* 922  */   100%{ opacity: 0; -moz-transform: scale(0.96, 0.96);}
/* 923  */ }
/* 924  */ 
/* 925  */ @-moz-keyframes slide-down{
/* 926  */   0%{ opacity: 0; max-height: 0;}
/* 927  */   100%{ opacity: 1; max-height: 60px;}
/* 928  */ }
/* 929  */ 
/* 930  */ @-moz-keyframes close{
/* 931  */   0%{ -moz-transform: translateY(-96px);}
/* 932  */   100%{ -moz-transform: translateY(0);}
/* 933  */ }
/* 934  */ 
/* 935  */ @-moz-keyframes revert-close{
/* 936  */   0%{ -moz-transform: translateY(0);}
/* 937  */   100%{ -moz-transform: translateY(-96px);}
/* 938  */ }
/* 939  */ 
/* 940  */ @-moz-keyframes reveal{
/* 941  */   0%{ opacity: 0; left: 100%;}
/* 942  */   100%{ opacity: 1; left: 50%;}
/* 943  */ }
/* 944  */ 
/* 945  */ @-moz-keyframes revert-reveal{
/* 946  */   0%{ opacity: 1; left: 50%;}
/* 947  */   100%{ opacity: 0; left: 100%;}
/* 948  */ }
/* 949  */ 
/* 950  */ @-moz-keyframes fill-100{

/* home.css */

/* 951  */   0%{ width: 0%;}
/* 952  */   100%{ width: 100%;}
/* 953  */ }
/* 954  */ 
/* 955  */ @-moz-keyframes revert-fill-100{
/* 956  */   0%{ width: 100%;}
/* 957  */   100%{ width: 0%;}
/* 958  */ }
/* 959  */ 
/* 960  */ @-moz-keyframes fill-90{
/* 961  */   0%{ width: 0%;}
/* 962  */   100%{ width: 90%;}
/* 963  */ }
/* 964  */ 
/* 965  */ @-moz-keyframes fill-80{
/* 966  */   0%{ width: 0%;}
/* 967  */   100%{ width: 80%;}
/* 968  */ }
/* 969  */ 
/* 970  */ @-moz-keyframes fill-60{
/* 971  */   0%{ width: 0%;}
/* 972  */   100%{ width: 60%;}
/* 973  */ }
/* 974  */ 
/* 975  */ @-moz-keyframes drop{
/* 976  */   0%{ opacity: 1; -moz-transform: translateY(0);}
/* 977  */   100%{ opacity: 0; -moz-transform: translateY(200px);}
/* 978  */ }
/* 979  */ 
/* 980  */ @-moz-keyframes revert-drop{
/* 981  */   0%{ opacity: 0; -moz-transform: translateY(200px);}
/* 982  */   100%{ opacity: 1; -moz-transform: translateY(0);}
/* 983  */ }
/* 984  */ 
/* 985  */ #loading-top,
/* 986  */ #loading-bottom,
/* 987  */ #loading-atoms,
/* 988  */ .loading-atom,
/* 989  */ #loading-circle,
/* 990  */ #loading-disc,
/* 991  */ .go #hey,
/* 992  */ .go #there,
/* 993  */ .go #view-portfolio,
/* 994  */ .go #send-email,
/* 995  */ .go .arrow,
/* 996  */ .go .dots a,
/* 997  */ .go .title,
/* 998  */ .go .subtitle,
/* 999  */ .go .skill,
/* 1000 */ .go .level strong,

/* home.css */

/* 1001 */ .go .project,
/* 1002 */ .go #detail-background,
/* 1003 */ .go #detail,
/* 1004 */ .go #detail-image,
/* 1005 */ .go #detail-name,
/* 1006 */ .go #detail-description,
/* 1007 */ .go #detail-border,
/* 1008 */ .go #detail-text,
/* 1009 */ .go #detail-link,
/* 1010 */ .go #detail-close,
/* 1011 */ .go #detail-next,
/* 1012 */ .go #detail-previous,
/* 1013 */ .go #detail-apps .app,
/* 1014 */ .go .element,
/* 1015 */ .go #send{ -moz-animation-duration: 1000ms; -moz-animation-fill-mode: both; -moz-animation-timing-function: ease;}
/* 1016 */ 
/* 1017 */ #loading-top,
/* 1018 */ #loading-bottom{ -moz-animation-duration: 3000ms; -moz-animation-name: loading-one; -moz-animation-timing-function: cubic-bezier(1, 0, 0, 1);}
/* 1019 */ #loading-atoms{ -moz-animation-duration: 1250ms; -moz-animation-iteration-count: infinite; -moz-animation-name: spin; -moz-animation-timing-function: linear;}
/* 1020 */ .loading-atom{ -moz-animation-duration: 1250ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;}
/* 1021 */ #loading-atom-1{ -moz-animation-name: rotate-top-left;}
/* 1022 */ #loading-atom-2{ -moz-animation-name: rotate-top-right;}
/* 1023 */ #loading-atom-3{ -moz-animation-name: rotate-bottom-left;}
/* 1024 */ #loading-atom-4{ -moz-animation-name: rotate-bottom-right;}
/* 1025 */ #loading-circle{ -moz-animation-duration: 2000ms; -moz-animation-name: circle; -moz-animation-timing-function: cubic-bezier(0.48, 0, 0, 1);}
/* 1026 */ #loading-disc{ -moz-animation-duration: 2000ms; -moz-animation-name: disc; -moz-animation-timing-function: cubic-bezier(0.48, 0, 0, 1);}
/* 1027 */ .go #loading-top,
/* 1028 */ .go #loading-bottom,
/* 1029 */ .go #loading-atoms,
/* 1030 */ .go #loading-atoms .loading-atom,
/* 1031 */ .go #loading-disc{ -moz-animation-duration: 1000ms; -moz-animation-name: loading-two; -moz-animation-timing-function: cubic-bezier(0.08, 0.86, 0.08, 1);}
/* 1032 */ .go #loading-atoms,
/* 1033 */ .go #loading-atoms .loading-atom,
/* 1034 */ .go #loading-disc{-moz-animation-iteration-count: 1; -moz-animation-name: revert-scale;}
/* 1035 */ .end #loading-top,
/* 1036 */ .end #loading-bottom{ -moz-animation-duration: 1000ms; -moz-animation-name: loading-three; -moz-animation-timing-function: cubic-bezier(0.08, 0.86, 0.08, 1);}
/* 1037 */ 
/* 1038 */ .go #hey,
/* 1039 */ .go #there,
/* 1040 */ .go #view-portfolio,
/* 1041 */ .go #send-email{ -moz-animation-timing-function: ease-out;}
/* 1042 */ .go #hey{ -moz-animation-name: down;}
/* 1043 */ .go #there{ -moz-animation-delay: 500ms; -moz-animation-name: up;}
/* 1044 */ .go #view-portfolio{ -moz-animation-delay: 1000ms; -moz-animation-name: left;}
/* 1045 */ .go #send-email{ -moz-animation-delay: 1500ms; -moz-animation-name: right;}
/* 1046 */ 
/* 1047 */ .go .arrow-previous{ -moz-animation-name: right;}
/* 1048 */ .go .arrow-next{ -moz-animation-name: left;}
/* 1049 */ .go .dots a{ -moz-animation-name: up-fast;}
/* 1050 */ .go .dots a:nth-child(1){ -moz-animation-delay: 250ms;}

/* home.css */

/* 1051 */ .go .dots a:nth-child(2){ -moz-animation-delay: 375ms;}
/* 1052 */ .go .dots a:nth-child(3){ -moz-animation-delay: 500ms;}
/* 1053 */ .go .dots a:nth-child(4){ -moz-animation-delay: 625ms;}
/* 1054 */ .go .dots a:nth-child(5){ -moz-animation-delay: 750ms;}
/* 1055 */ .go .dots a:nth-child(6){ -moz-animation-delay: 1000ms;}
/* 1056 */ .go .dots a:nth-child(7){ -moz-animation-delay: 1250ms;}
/* 1057 */ .go .dots a:nth-child(8){ -moz-animation-delay: 1500ms;}
/* 1058 */ 
/* 1059 */ .go .title{ -moz-animation-name: left;}
/* 1060 */ .go .subtitle{ -moz-animation-delay: 250ms; -moz-animation-name: right;}
/* 1061 */ 
/* 1062 */ .go .skill{ -moz-animation-delay: 500ms; -moz-animation-name: up;}
/* 1063 */ .go #html5{ -moz-animation-delay: 500ms;}
/* 1064 */ .go #html5 .level strong{ -moz-animation-delay: 750ms; -moz-animation-name: fill-100;}
/* 1065 */ .go #wordpress{ -moz-animation-delay: 750ms;}
/* 1066 */ .go #wordpress .level strong{ -moz-animation-delay: 750ms; -moz-animation-name: fill-90;}
/* 1067 */ .go #jquery{ -moz-animation-delay: 1000ms;}
/* 1068 */ .go #jquery .level strong{ -moz-animation-delay: 1000ms; -moz-animation-name: fill-80;}
/* 1069 */ .go #photoshop{ -moz-animation-delay: 1250ms;}
/* 1070 */ .go #photoshop .level strong{ -moz-animation-delay: 1250ms; -moz-animation-name: fill-80;}
/* 1071 */ .go #illustrator{ -moz-animation-delay: 1500ms;}
/* 1072 */ .go #illustrator .level strong{ -moz-animation-delay: 1500ms; -moz-animation-name: fill-60;}
/* 1073 */ 
/* 1074 */ .go#portfolio .title{ -moz-animation-name: up;}
/* 1075 */ .go .project{ -moz-animation-name: grow;}
/* 1076 */ .go .project:nth-child(2){ -moz-animation-delay: 250ms;}
/* 1077 */ .go .project:nth-child(3){ -moz-animation-delay: 500ms;}
/* 1078 */ .go .project:nth-child(4){ -moz-animation-delay: 750ms;}
/* 1079 */ .go .project:nth-child(5){ -moz-animation-delay: 1000ms;}
/* 1080 */ .go .project:nth-child(6){ -moz-animation-delay: 1250ms;}
/* 1081 */ .go .project:nth-child(7){ -moz-animation-delay: 1500ms;}
/* 1082 */ .go .project:nth-child(8){ -moz-animation-delay: 1750ms;}
/* 1083 */ .go .project:nth-child(9){ -moz-animation-delay: 2000ms;}
/* 1084 */ .go .project:nth-child(10){ -moz-animation-delay: 2250ms;}
/* 1085 */ .go .project:nth-child(11){ -moz-animation-delay: 2500ms;}
/* 1086 */ .go .project:nth-child(12){ -moz-animation-delay: 2750ms;}
/* 1087 */ 
/* 1088 */ .go #detail-background{ -moz-animation-duration: 500ms; -moz-animation-name: overlay;}
/* 1089 */ .go #detail{ -moz-animation-duration: 500ms; -moz-animation-name: grow;}
/* 1090 */ .loaded #detail-image{ -moz-animation-name: reveal; -moz-animation-timing-function: cubic-bezier(0, 1.5, 0.75, 1);}
/* 1091 */ .go #detail-name{ -moz-animation-delay: 250ms; -moz-animation-name: left;}
/* 1092 */ .go #detail-description{ -moz-animation-delay: 500ms; -moz-animation-name: right;}
/* 1093 */ .go #detail-border{ -moz-animation-delay: 750ms; -moz-animation-name: fill-100; -moz-animation-timing-function: cubic-bezier(0, 1, 0.25, 01);}
/* 1094 */ .go #detail-text{ -moz-animation-delay: 1000ms; -moz-animation-name: up;}
/* 1095 */ .go #detail-link{ -moz-animation-delay: 1250ms; -moz-animation-name: up;}
/* 1096 */ .go #detail-apps .app{ -moz-animation-delay: 1500ms; -moz-animation-name: up; -moz-animation-timing-function: cubic-bezier(0, 2, 0.5, 1);}
/* 1097 */ .go #detail-apps .app:nth-child(2){ -moz-animation-delay: 1625ms;}
/* 1098 */ .go #detail-apps .app:nth-child(3){ -moz-animation-delay: 1750ms;}
/* 1099 */ .go #detail-close,
/* 1100 */ .go #detail-next,

/* home.css */

/* 1101 */ .go #detail-previous{ -moz-animation-delay: 1500ms; -moz-animation-name: close; -moz-animation-timing-function: cubic-bezier(0, 1.5, 0.25, 1);}
/* 1102 */ .go #detail-next{ -moz-animation-delay: 1625ms;}
/* 1103 */ .go #detail-previous{ -moz-animation-delay: 1750ms;}
/* 1104 */ 
/* 1105 */ .close #detail-apps .app,
/* 1106 */ .close #detail-link,
/* 1107 */ .close #detail-text,
/* 1108 */ .close #detail-description,
/* 1109 */ .close #detail-name,
/* 1110 */ .close #detail{ -moz-animation-duration: 500ms; -moz-animation-name: drop; -moz-animation-timing-function: /*cubic-bezier(0.950, 0.050, 0.795, 0.035)*/ cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1111 */ .close #detail-close,
/* 1112 */ .close #detail-next,
/* 1113 */ .close #detail-previous{ -moz-animation-delay: 0ms; -moz-animation-duration: 500ms; -moz-animation-name: revert-close; -moz-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1114 */ .close #detail-next{ -moz-animation-delay: 125ms;}
/* 1115 */ .close #detail-previous{ -moz-animation-delay: 250ms;}
/* 1116 */ .close #detail-apps .app:nth-child(3){ -moz-animation-delay: 0ms;}
/* 1117 */ .close #detail-apps .app:nth-child(2){ -moz-animation-delay: 125ms;}
/* 1118 */ .close #detail-apps .app:nth-child(1){ -moz-animation-delay: 250ms;}
/* 1119 */ .close #detail-link{ -moz-animation-delay: 375ms;}
/* 1120 */ .close #detail-text{ -moz-animation-delay: 500ms;}
/* 1121 */ .close #detail-border{ -moz-animation-delay: 0ms; -moz-animation-name: revert-fill-100;}
/* 1122 */ .close #detail-description{ -moz-animation-delay: 750ms;}
/* 1123 */ .close #detail-name{ -moz-animation-delay: 875ms;}
/* 1124 */ .close #detail-image{ -moz-animation-delay: 0ms; -moz-animation-name: revert-reveal; -moz-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1125 */ .close #detail{ -moz-animation-delay: 1000ms;}
/* 1126 */ .close #detail-background{ -moz-animation-delay: 1250ms; -moz-animation-duration: 500ms; -moz-animation-name: revert-overlay;}
/* 1127 */ 
/* 1128 */ .removing #detail-apps .app,
/* 1129 */ .removing #detail-link,
/* 1130 */ .removing #detail-text,
/* 1131 */ .removing #detail-description,
/* 1132 */ .removing #detail-name{ -moz-animation-duration: 500ms; -moz-animation-name: drop; -moz-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1133 */ .removing #detail-close,
/* 1134 */ .removing #detail-next,
/* 1135 */ .removing #detail-previous{ -moz-animation-delay: 0ms; -moz-animation-duration: 500ms; -moz-animation-name: revert-close; -moz-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1136 */ .removing #detail-next{ -moz-animation-delay: 125ms;}
/* 1137 */ .removing #detail-previous{ -moz-animation-delay: 250ms;}
/* 1138 */ .removing #detail-apps .app:nth-child(3){ -moz-animation-delay: 0ms;}
/* 1139 */ .removing #detail-apps .app:nth-child(2){ -moz-animation-delay: 125ms;}
/* 1140 */ .removing #detail-apps .app:nth-child(1){ -moz-animation-delay: 250ms;}
/* 1141 */ .removing #detail-link{ -moz-animation-delay: 375ms;}
/* 1142 */ .removing #detail-text{ -moz-animation-delay: 500ms;}
/* 1143 */ .removing #detail-border{ -moz-animation-delay: 0ms; -moz-animation-name: revert-fill-100;}
/* 1144 */ .removing #detail-description{ -moz-animation-delay: 750ms;}
/* 1145 */ .removing #detail-name{ -moz-animation-delay: 875ms;}
/* 1146 */ .removing #detail-image{ -moz-animation-delay: 0ms; -moz-animation-name: revert-reveal; -moz-animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1147 */ 
/* 1148 */ .go .element,
/* 1149 */ .go #send{ -moz-animation-name: grow;}
/* 1150 */ .go #contact-name .element{ -moz-animation-delay: 250ms;}

/* home.css */

/* 1151 */ .go #contact-email .element{ -moz-animation-delay: 500ms;}
/* 1152 */ .go #contact-subject .element{ -moz-animation-delay: 750ms;}
/* 1153 */ .go #contact-message .element{ -moz-animation-delay: 1000ms;}
/* 1154 */ .go #send{ -moz-animation-delay: 1250ms;}
/* 1155 */ 
/* 1156 */ @keyframes loading-one{
/* 1157 */   0%{ width: 0;}
/* 1158 */   100%{ width: 50%;}
/* 1159 */ }
/* 1160 */ 
/* 1161 */ @keyframes loading-two{
/* 1162 */   0%{ width: 50%;}
/* 1163 */   100%{ width: 100%;}
/* 1164 */ }
/* 1165 */ 
/* 1166 */ @keyframes loading-three{
/* 1167 */   0%{ border-width: 2px; height: 50%; width: 100%;}
/* 1168 */   100%{ border-width: 0; height: 0; width: 100%;}
/* 1169 */ }
/* 1170 */ 
/* 1171 */ @keyframes spin{
/* 1172 */   0% { transform: rotate(0deg);}
/* 1173 */   50% { transform: rotate(-180deg);}
/* 1174 */   100% { transform: rotate(-360deg);}
/* 1175 */ }
/* 1176 */ 
/* 1177 */ @keyframes rotate-top-right{
/* 1178 */   0% { transform: rotate(0deg);}
/* 1179 */   50% { transform: rotate(-180deg); transform-origin: 20% 20%;}
/* 1180 */   100% { transform: rotate(-360deg);}
/* 1181 */ }
/* 1182 */ 
/* 1183 */ @keyframes rotate-top-left{
/* 1184 */   0% { transform: rotate(0deg);}
/* 1185 */   50% { transform: rotate(180deg); transform-origin: 80% 20%;}
/* 1186 */   100% { transform: rotate(360deg);}
/* 1187 */ }
/* 1188 */ 
/* 1189 */ @keyframes rotate-bottom-right{
/* 1190 */   0% { transform: rotate(0deg);}
/* 1191 */   50% { transform: rotate(-180deg); transform-origin: 80% 80%;}
/* 1192 */   100% { transform: rotate(-360deg);}
/* 1193 */ }
/* 1194 */ 
/* 1195 */ @keyframes rotate-bottom-left{
/* 1196 */   0% { transform: rotate(0deg);}
/* 1197 */   50% { transform: rotate(180deg); transform-origin: 20% 80%;}
/* 1198 */   100% { transform: rotate(360deg);}
/* 1199 */ }
/* 1200 */ @keyframes circle{

/* home.css */

/* 1201 */   0% { transform: scale(1.25, 1.25);}
/* 1202 */   100% { transform: scale(0, 0);}
/* 1203 */ }
/* 1204 */ 
/* 1205 */ @keyframes disc{
/* 1206 */   0% { transform: scale(0, 0);}
/* 1207 */   100% { transform: scale(1, 1);}
/* 1208 */ }
/* 1209 */ 
/* 1210 */ @keyframes revert-scale{
/* 1211 */   0% { transform: scale(1, 1);}
/* 1212 */   100% { transform: scale(0, 0);}
/* 1213 */ }
/* 1214 */ 
/* 1215 */ @keyframes fade-in{
/* 1216 */   0%{ opacity: 0;}
/* 1217 */   100%{ opacity: 1;}
/* 1218 */ }
/* 1219 */ 
/* 1220 */ @keyframes fade-out{
/* 1221 */   0%{ opacity: 1;}
/* 1222 */   100%{ opacity: 0;}
/* 1223 */ }
/* 1224 */ 
/* 1225 */ @keyframes overlay{
/* 1226 */   0%{ opacity: 0;}
/* 1227 */   100%{ opacity: 0.86;}
/* 1228 */ }
/* 1229 */ 
/* 1230 */ @keyframes revert-overlay{
/* 1231 */   0%{ opacity: 0.86;}
/* 1232 */   100%{ opacity: 0;}
/* 1233 */ }
/* 1234 */ 
/* 1235 */ @keyframes down{
/* 1236 */   0%{ opacity: 0; transform: translateY(-24px);}
/* 1237 */   100%{ opacity: 1; transform: translateY(0);}
/* 1238 */ }
/* 1239 */ 
/* 1240 */ @keyframes up{
/* 1241 */   0%{ opacity: 0; transform: translateY(24px);}
/* 1242 */   100%{ opacity: 1; transform: translateY(0);}
/* 1243 */ }
/* 1244 */ 
/* 1245 */ @keyframes revert-up{
/* 1246 */   0%{ opacity: 1; transform: translateY(0);}
/* 1247 */   100%{ opacity: 0; transform: translateY(24px);}
/* 1248 */ }
/* 1249 */ 
/* 1250 */ @keyframes revert-up{

/* home.css */

/* 1251 */   0%{ opacity: 1; transform: translateY(0);}
/* 1252 */   100%{ opacity: 0; transform: translateY(24px);}
/* 1253 */ }
/* 1254 */ 
/* 1255 */ @keyframes up-fast{
/* 1256 */   0%{ opacity: 0; transform: translateY(24px);}
/* 1257 */   50%{ opacity: 0.50; transform: translateY(-12px);}
/* 1258 */   100%{ opacity: 1; transform: translateY(0);}
/* 1259 */ }
/* 1260 */ 
/* 1261 */ @keyframes left{
/* 1262 */   0%{ opacity: 0; transform: translateX(24px);}
/* 1263 */   100%{ opacity: 1; transform: translateX(0);}
/* 1264 */ }
/* 1265 */ 
/* 1266 */ @keyframes revert-left{
/* 1267 */   0%{ opacity: 1; transform: translateX(0);}
/* 1268 */   100%{ opacity: 0; transform: translateX(24px);}
/* 1269 */ }
/* 1270 */ 
/* 1271 */ @keyframes right{
/* 1272 */   0%{ opacity: 0; transform: translateX(-24px);}
/* 1273 */   100%{ opacity: 1; transform: translateX(0);}
/* 1274 */ }
/* 1275 */ 
/* 1276 */ @keyframes revert-right{
/* 1277 */   0%{ opacity: 1; transform: translateX(0);}
/* 1278 */   100%{ opacity: 0; transform: translateX(-24px);}
/* 1279 */ }
/* 1280 */ 
/* 1281 */ @keyframes grow{
/* 1282 */   0%{ opacity: 0; transform: scale(0.96, 0.96);}
/* 1283 */   100%{ opacity: 1; transform: scale(1, 1);}
/* 1284 */ }
/* 1285 */ 
/* 1286 */ @keyframes revert-grow{
/* 1287 */   0%{ opacity: 1; transform: scale(1, 1);}
/* 1288 */   100%{ opacity: 0; transform: scale(0.96, 0.96);}
/* 1289 */ }
/* 1290 */ 
/* 1291 */ @keyframes slide-down{
/* 1292 */   0%{ opacity: 0; max-height: 0;}
/* 1293 */   100%{ opacity: 1; max-height: 60px;}
/* 1294 */ }
/* 1295 */ 
/* 1296 */ @keyframes close{
/* 1297 */   0%{ transform: translateY(-96px);}
/* 1298 */   100%{ transform: translateY(0);}
/* 1299 */ }
/* 1300 */ 

/* home.css */

/* 1301 */ @keyframes revert-close{
/* 1302 */   0%{ transform: translateY(0);}
/* 1303 */   100%{ transform: translateY(-96px);}
/* 1304 */ }
/* 1305 */ 
/* 1306 */ @keyframes reveal{
/* 1307 */   0%{ opacity: 0; left: 100%;}
/* 1308 */   100%{ opacity: 1; left: 50%;}
/* 1309 */ }
/* 1310 */ 
/* 1311 */ @keyframes revert-reveal{
/* 1312 */   0%{ opacity: 1; left: 50%;}
/* 1313 */   100%{ opacity: 0; left: 100%;}
/* 1314 */ }
/* 1315 */ 
/* 1316 */ @keyframes fill-100{
/* 1317 */   0%{ width: 0%;}
/* 1318 */   100%{ width: 100%;}
/* 1319 */ }
/* 1320 */ 
/* 1321 */ @keyframes revert-fill-100{
/* 1322 */   0%{ width: 100%;}
/* 1323 */   100%{ width: 0%;}
/* 1324 */ }
/* 1325 */ 
/* 1326 */ @keyframes fill-90{
/* 1327 */   0%{ width: 0%;}
/* 1328 */   100%{ width: 90%;}
/* 1329 */ }
/* 1330 */ 
/* 1331 */ @keyframes fill-80{
/* 1332 */   0%{ width: 0%;}
/* 1333 */   100%{ width: 80%;}
/* 1334 */ }
/* 1335 */ 
/* 1336 */ @keyframes fill-60{
/* 1337 */   0%{ width: 0%;}
/* 1338 */   100%{ width: 60%;}
/* 1339 */ }
/* 1340 */ 
/* 1341 */ @keyframes drop{
/* 1342 */   0%{ opacity: 1; transform: translateY(0);}
/* 1343 */   100%{ opacity: 0; transform: translateY(200px);}
/* 1344 */ }
/* 1345 */ 
/* 1346 */ @keyframes revert-drop{
/* 1347 */   0%{ opacity: 0; transform: translateY(200px);}
/* 1348 */   100%{ opacity: 1; transform: translateY(0);}
/* 1349 */ }
/* 1350 */ 

/* home.css */

/* 1351 */ #loading-top,
/* 1352 */ #loading-bottom,
/* 1353 */ #loading-atoms,
/* 1354 */ .loading-atom,
/* 1355 */ #loading-circle,
/* 1356 */ #loading-disc,
/* 1357 */ .go #hey,
/* 1358 */ .go #there,
/* 1359 */ .go #view-portfolio,
/* 1360 */ .go #send-email,
/* 1361 */ .go .arrow,
/* 1362 */ .go .dots a,
/* 1363 */ .go .title,
/* 1364 */ .go .subtitle,
/* 1365 */ .go .skill,
/* 1366 */ .go .level strong,
/* 1367 */ .go .project,
/* 1368 */ .go #detail-background,
/* 1369 */ .go #detail,
/* 1370 */ .go #detail-image,
/* 1371 */ .go #detail-name,
/* 1372 */ .go #detail-description,
/* 1373 */ .go #detail-border,
/* 1374 */ .go #detail-text,
/* 1375 */ .go #detail-link,
/* 1376 */ .go #detail-close,
/* 1377 */ .go #detail-next,
/* 1378 */ .go #detail-previous,
/* 1379 */ .go #detail-apps .app,
/* 1380 */ .go .element,
/* 1381 */ .go #send{ animation-duration: 1000ms; animation-fill-mode: both; animation-timing-function: ease;}
/* 1382 */ 
/* 1383 */ #loading-top,
/* 1384 */ #loading-bottom{ animation-duration: 3000ms; animation-name: loading-one; animation-timing-function: cubic-bezier(1, 0, 0, 1);}
/* 1385 */ #loading-atoms{ animation-duration: 1250ms; animation-iteration-count: infinite; animation-name: spin; animation-timing-function: linear;}
/* 1386 */ .loading-atom{ animation-duration: 1250ms; animation-iteration-count: infinite; animation-timing-function: linear;}
/* 1387 */ #loading-atom-1{ animation-name: rotate-top-left;}
/* 1388 */ #loading-atom-2{ animation-name: rotate-top-right;}
/* 1389 */ #loading-atom-3{ animation-name: rotate-bottom-left;}
/* 1390 */ #loading-atom-4{ animation-name: rotate-bottom-right;}
/* 1391 */ #loading-circle{ animation-duration: 2000ms; animation-name: circle; animation-timing-function: cubic-bezier(0.48, 0, 0, 1);}
/* 1392 */ #loading-disc{ animation-duration: 2000ms; animation-name: disc; animation-timing-function: cubic-bezier(0.48, 0, 0, 1);}
/* 1393 */ .go #loading-top,
/* 1394 */ .go #loading-bottom,
/* 1395 */ .go #loading-atoms,
/* 1396 */ .go #loading-atoms .loading-atom,
/* 1397 */ .go #loading-disc{ animation-duration: 1000ms; animation-name: loading-two; animation-timing-function: cubic-bezier(0.08, 0.86, 0.08, 1);}
/* 1398 */ .go #loading-atoms,
/* 1399 */ .go #loading-atoms .loading-atom,
/* 1400 */ .go #loading-disc{animation-iteration-count: 1; animation-name: revert-scale;}

/* home.css */

/* 1401 */ .end #loading-top,
/* 1402 */ .end #loading-bottom{ animation-duration: 1000ms; animation-name: loading-three; animation-timing-function: cubic-bezier(0.08, 0.86, 0.08, 1);}
/* 1403 */ 
/* 1404 */ .go #hey,
/* 1405 */ .go #there,
/* 1406 */ .go #view-portfolio,
/* 1407 */ .go #send-email{ animation-timing-function: ease-out;}
/* 1408 */ .go #hey{ animation-name: down;}
/* 1409 */ .go #there{ animation-delay: 500ms; animation-name: up;}
/* 1410 */ .go #view-portfolio{ animation-delay: 1000ms; animation-name: left;}
/* 1411 */ .go #send-email{ animation-delay: 1500ms; animation-name: right;}
/* 1412 */ 
/* 1413 */ .go .arrow-previous{ animation-name: right;}
/* 1414 */ .go .arrow-next{ animation-name: left;}
/* 1415 */ .go .dots a{ animation-name: up-fast;}
/* 1416 */ .go .dots a:nth-child(1){ animation-delay: 250ms;}
/* 1417 */ .go .dots a:nth-child(2){ animation-delay: 375ms;}
/* 1418 */ .go .dots a:nth-child(3){ animation-delay: 500ms;}
/* 1419 */ .go .dots a:nth-child(4){ animation-delay: 625ms;}
/* 1420 */ .go .dots a:nth-child(5){ animation-delay: 750ms;}
/* 1421 */ .go .dots a:nth-child(6){ animation-delay: 1000ms;}
/* 1422 */ .go .dots a:nth-child(7){ animation-delay: 1250ms;}
/* 1423 */ .go .dots a:nth-child(8){ animation-delay: 1500ms;}
/* 1424 */ 
/* 1425 */ .go .title{ animation-name: left;}
/* 1426 */ .go .subtitle{ animation-delay: 250ms; animation-name: right;}
/* 1427 */ 
/* 1428 */ .go .skill{ animation-delay: 500ms; animation-name: up;}
/* 1429 */ .go #html5{ animation-delay: 500ms;}
/* 1430 */ .go #html5 .level strong{ animation-delay: 750ms; animation-name: fill-100;}
/* 1431 */ .go #wordpress{ animation-delay: 750ms;}
/* 1432 */ .go #wordpress .level strong{ animation-delay: 750ms; animation-name: fill-90;}
/* 1433 */ .go #jquery{ animation-delay: 1000ms;}
/* 1434 */ .go #jquery .level strong{ animation-delay: 1000ms; animation-name: fill-80;}
/* 1435 */ .go #photoshop{ animation-delay: 1250ms;}
/* 1436 */ .go #photoshop .level strong{ animation-delay: 1250ms; animation-name: fill-80;}
/* 1437 */ .go #illustrator{ animation-delay: 1500ms;}
/* 1438 */ .go #illustrator .level strong{ animation-delay: 1500ms; animation-name: fill-60;}
/* 1439 */ 
/* 1440 */ .go#portfolio .title{ animation-name: up;}
/* 1441 */ .go .project{ animation-name: grow;}
/* 1442 */ .go .project:nth-child(2){ animation-delay: 250ms;}
/* 1443 */ .go .project:nth-child(3){ animation-delay: 500ms;}
/* 1444 */ .go .project:nth-child(4){ animation-delay: 750ms;}
/* 1445 */ .go .project:nth-child(5){ animation-delay: 1000ms;}
/* 1446 */ .go .project:nth-child(6){ animation-delay: 1250ms;}
/* 1447 */ .go .project:nth-child(7){ animation-delay: 1500ms;}
/* 1448 */ .go .project:nth-child(8){ animation-delay: 1750ms;}
/* 1449 */ .go .project:nth-child(9){ animation-delay: 2000ms;}
/* 1450 */ .go .project:nth-child(10){ animation-delay: 2250ms;}

/* home.css */

/* 1451 */ .go .project:nth-child(11){ animation-delay: 2500ms;}
/* 1452 */ .go .project:nth-child(12){ animation-delay: 2750ms;}
/* 1453 */ 
/* 1454 */ .go #detail-background{ animation-duration: 500ms; animation-name: overlay;}
/* 1455 */ .go #detail{ animation-duration: 500ms; animation-name: grow;}
/* 1456 */ .loaded #detail-image{ animation-name: reveal; animation-timing-function: cubic-bezier(0, 1.5, 0.75, 1);}
/* 1457 */ .go #detail-name{ animation-delay: 250ms; animation-name: left;}
/* 1458 */ .go #detail-description{ animation-delay: 500ms; animation-name: right;}
/* 1459 */ .go #detail-border{ animation-delay: 750ms; animation-name: fill-100; animation-timing-function: cubic-bezier(0, 1, 0.25, 01);}
/* 1460 */ .go #detail-text{ animation-delay: 1000ms; animation-name: up;}
/* 1461 */ .go #detail-link{ animation-delay: 1250ms; animation-name: up;}
/* 1462 */ .go #detail-apps .app{ animation-delay: 1500ms; animation-name: up; animation-timing-function: cubic-bezier(0, 2, 0.5, 1);}
/* 1463 */ .go #detail-apps .app:nth-child(2){ animation-delay: 1625ms;}
/* 1464 */ .go #detail-apps .app:nth-child(3){ animation-delay: 1750ms;}
/* 1465 */ .go #detail-close,
/* 1466 */ .go #detail-next,
/* 1467 */ .go #detail-previous{ animation-delay: 1500ms; animation-name: close; animation-timing-function: cubic-bezier(0, 1.5, 0.25, 1);}
/* 1468 */ .go #detail-next{ animation-delay: 1625ms;}
/* 1469 */ .go #detail-previous{ animation-delay: 1750ms;}
/* 1470 */ 
/* 1471 */ .close #detail-apps .app,
/* 1472 */ .close #detail-link,
/* 1473 */ .close #detail-text,
/* 1474 */ .close #detail-description,
/* 1475 */ .close #detail-name,
/* 1476 */ .close #detail{ animation-duration: 500ms; animation-name: drop; animation-timing-function: /*cubic-bezier(0.950, 0.050, 0.795, 0.035)*/ cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1477 */ .close #detail-close,
/* 1478 */ .close #detail-next,
/* 1479 */ .close #detail-previous{ animation-delay: 0ms; animation-duration: 500ms; animation-name: revert-close; animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1480 */ .close #detail-next{ animation-delay: 125ms;}
/* 1481 */ .close #detail-previous{ animation-delay: 250ms;}
/* 1482 */ .close #detail-apps .app:nth-child(3){ animation-delay: 0ms;}
/* 1483 */ .close #detail-apps .app:nth-child(2){ animation-delay: 125ms;}
/* 1484 */ .close #detail-apps .app:nth-child(1){ animation-delay: 250ms;}
/* 1485 */ .close #detail-link{ animation-delay: 375ms;}
/* 1486 */ .close #detail-text{ animation-delay: 500ms;}
/* 1487 */ .close #detail-border{ animation-delay: 0ms; animation-name: revert-fill-100;}
/* 1488 */ .close #detail-description{ animation-delay: 750ms;}
/* 1489 */ .close #detail-name{ animation-delay: 875ms;}
/* 1490 */ .close #detail-image{ animation-delay: 0ms; animation-name: revert-reveal; animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1491 */ .close #detail{ animation-delay: 1000ms;}
/* 1492 */ .close #detail-background{ animation-delay: 1250ms; animation-duration: 500ms; animation-name: revert-overlay;}
/* 1493 */ 
/* 1494 */ .removing #detail-apps .app,
/* 1495 */ .removing #detail-link,
/* 1496 */ .removing #detail-text,
/* 1497 */ .removing #detail-description,
/* 1498 */ .removing #detail-name{ animation-duration: 500ms; animation-name: drop; animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1499 */ .removing #detail-close,
/* 1500 */ .removing #detail-next,

/* home.css */

/* 1501 */ .removing #detail-previous{ animation-delay: 0ms; animation-duration: 500ms; animation-name: revert-close; animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1502 */ .removing #detail-next{ animation-delay: 125ms;}
/* 1503 */ .removing #detail-previous{ animation-delay: 250ms;}
/* 1504 */ .removing #detail-apps .app:nth-child(3){ animation-delay: 0ms;}
/* 1505 */ .removing #detail-apps .app:nth-child(2){ animation-delay: 125ms;}
/* 1506 */ .removing #detail-apps .app:nth-child(1){ animation-delay: 250ms;}
/* 1507 */ .removing #detail-link{ animation-delay: 375ms;}
/* 1508 */ .removing #detail-text{ animation-delay: 500ms;}
/* 1509 */ .removing #detail-border{ animation-delay: 0ms; animation-name: revert-fill-100;}
/* 1510 */ .removing #detail-description{ animation-delay: 750ms;}
/* 1511 */ .removing #detail-name{ animation-delay: 875ms;}
/* 1512 */ .removing #detail-image{ animation-delay: 0ms; animation-name: revert-reveal; animation-timing-function: cubic-bezier(1, -0.5, 0.5, 1.5);}
/* 1513 */ 
/* 1514 */ .go .element,
/* 1515 */ .go #send{ animation-name: grow;}
/* 1516 */ .go #contact-name .element{ animation-delay: 250ms;}
/* 1517 */ .go #contact-email .element{ animation-delay: 500ms;}
/* 1518 */ .go #contact-subject .element{ animation-delay: 750ms;}
/* 1519 */ .go #contact-message .element{ animation-delay: 1000ms;}
/* 1520 */ .go #send{ animation-delay: 1250ms;}
/* 1521 */ 
/* 1522 */ /* Responsiveness */
/* 1523 */ 
/* 1524 */ @media only screen and (max-width: 1000px) {
/* 1525 */   .wrap,
/* 1526 */   #you{ margin: 0 20px; width: auto;}
/* 1527 */   .testimonial blockquote,
/* 1528 */   .testimonial p{ margin: 0 160px; width: auto;}
/* 1529 */   #you{ height: auto; padding: 120px 0; position: static;}
/* 1530 */   #there br{ display: none;}
/* 1531 */   .heading{ padding: 0 20px;}
/* 1532 */   .skill .level{ float: none; margin: 0 0 20px; width: auto;}
/* 1533 */ }
/* 1534 */ 
/* 1535 */ @media only screen and (max-width: 950px) {
/* 1536 */   #description{ display: none;}
/* 1537 */ }
/* 1538 */ 
/* 1539 */ @media only screen and (max-width: 850px) {
/* 1540 */   #calendar{ height: 1px;}
/* 1541 */   #contact form{ margin: 0 20px; width: auto;}
/* 1542 */   input.element,
/* 1543 */   #contact-subject .element,
/* 1544 */   textarea.element{ width: 86%;}
/* 1545 */   textarea.element{ max-width: 86%; padding: 10px;}
/* 1546 */   #contact-name,
/* 1547 */   #contact-email{ float: none; width: auto;}
/* 1548 */   #contact-email,
/* 1549 */   #contact-subject,
/* 1550 */   #contact-message{ padding-top: 20px;}

/* home.css */

/* 1551 */ }
/* 1552 */ 
/* 1553 */ @media only screen and (max-width: 800px) {
/* 1554 */   .testimonial blockquote,
/* 1555 */   .testimonial p{ margin: 0 20px;}
/* 1556 */   .arrow-previous,
/* 1557 */   .arrow-next{ display: none;}
/* 1558 */ }
/* 1559 */ 
/* 1560 */ @media only screen and (max-width: 700px) {
/* 1561 */   #header{ height: auto; position: static;}
/* 1562 */   #logo{ float: none;}
/* 1563 */   #menu{ display: block;}
/* 1564 */   #nav{ display: none; float: none; margin: 0; padding-top: 14px;}
/* 1565 */   .nav{ display: block; float: none;}
/* 1566 */ }