@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,400italic,500italic,700);
h1,h2,h3,p,div,span,li,header{font-family: 'Ubuntu', sans-serif !important;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
p{font-size:19px;color:#555;line-height: 130%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox], input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

@font-face{font-family:'bad';
src:url(../bad-regular.eot),url(../bad-regular.eot?#iefix) format("embedded-opentype"),url(../bad-regular.woff) format("woff"),url(../bad-regular.ttf) format("truetype"),url(../bad-regular.svg#badregular) format("svg");
font-weight:normal;
font-style:normal}

.icon{font-family:'bad';
font-size:14px;
line-height:100%;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
width:auto;
height:auto;
background-image:none;
background-position:0% 0%;
background-repeat:repeat;
margin-top:0}
.icon.bad:before{content:"\f001"}
.icon.medium:before{content:"\f002"}
.icon.twitter:before{content:"\f003"}
.icon.instagram:before{content:"\f004"}
.icon.angellist:before{content:"\f005"}
.icon.email:before{content:"\f006"}
.icon.dribbble:before{content:"\f007"}
.icon.github:before{content:"\f008"}
.icon.pinterest:before{content:"\f009"}
.icon.facebook:before{content:"\f010"}
.icon.dribbble-ball:before{content:"\f011"}
.icon.about:before{content:"\f020"}
.icon.work:before{content:"\f021"}
.icon.process:before{content:"\f022"}
.icon.contact:before{content:"\f023"}
.icon.x:before{content:"\f048"}
.icon.arrow-left:before{content:"\f049"}
.icon.arrow-less-than:before{content:"\f064"}
.icon.arrow-less-than-down:before{content:"\f063"}
.icon.circle-arrow-right:before{content:"\f051"}
.icon.circle-arrow-left:before{content:"\f052"}
.icon.discovery:before{content:"\f070"}
.icon.research:before{content:"\f077"}
.icon.ia:before{content:"\f072"}
.icon.formula:before{content:"\f073"}
.icon.sketch:before{content:"\f074"}
.icon.mockup:before{content:"\f075"}
.icon.code:before{content:"\f076"}
.icon.enhance:before{content:"\f078"}
.icon.testing:before{content:"\f079"}

.spinner{width:60px;text-align:center}
.spinner>div{width:14px;height:14px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}
@keyframes bouncedelay{0%,80%,100%{transform:scale(0);
-webkit-transform:scale(0)}
40%{transform:scale(1);
-webkit-transform:scale(1)}
}
.bad-loading{position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background-color:#fff;
background-color:rgba(110,110,110,0.99);
text-align:center;
z-index:-1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.75s,z-index 0.75s;
-moz-transition:opacity 0.75s,z-index 0.75s;
-o-transition:opacity 0.75s,z-index 0.75s;
transition:opacity 0.75s,z-index 0.75s;
transform:translateZ(0);
will-change:opacity}
.bad-loading.show{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
z-index:100}
.bad-loading-inner{position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
height:351px;
width:300px}
.bad-loading-inner .spinner{margin:50px auto}
.bad-loading-inner .spinner>div{background-color:#eaeaea}
@media (max-width:480px){
	.bad-loading-inner{
	position:relative;
	height:auto;
	width:auto;
	text-align:center;
	padding-top:54px;
}
}
.bad-loading-inner .icon.bad{line-height:170px;
font-size:80px;
color:#eaeaea}
@media (max-width:480px){.bad-loading-inner .icon.bad{font-size:40px;
line-height:80px}
}
/* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted,free of charge,to any person obtaining a copy of this software and associated documentation files (the "Software"),to deal in the Software without restriction,including without limitation the rights to use,copy,modify,merge,publish,distribute,sublicense,and/or sell copies of the Software,and to permit persons to whom the Software is furnished to do so,subject to the following conditions:The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS",WITHOUT WARRANTY OF ANY KIND,EXPRESS OR IMPLIED,INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,DAMAGES OR OTHER LIABILITY,WHETHER IN AN ACTION OF CONTRACT,TORT OR OTHERWISE,ARISING FROM,OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */.animated{-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;
animation-duration:2s}
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);
transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);
transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);
transform:translateY(-15px)}
}
@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;
animation-name:bounce}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;
-webkit-animation-duration:0.35s;
-webkit-animation-fill-mode:both;
-webkit-animation-iteration-count:1;
-webkit-backface-visibility:hidden;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
animation-name:fadeOut;
animation-duration:0.35s;
animation-fill-mode:forwards;
animation-iteration-count:1}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;
-webkit-animation-duration:0.35s;
-webkit-animation-fill-mode:forwards;
-webkit-animation-iteration-count:1;
-webkit-backface-visibility:hidden;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
animation-name:fadeIn;
animation-duration:0.35s;
animation-fill-mode:both;
animation-iteration-count:1}
@-webkit-keyframes flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;
animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);
transform:scale(1)}
50%{-webkit-transform:scale(1.1);
transform:scale(1.1)}
100%{-webkit-transform:scale(1);
transform:scale(1)}
}
@keyframes pulse{0%{-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
50%{-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)}
100%{-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
}
.pulse{-webkit-animation-name:pulse;
animation-name:pulse}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);
transform:scale(1)}
30%{-webkit-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)}
40%{-webkit-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)}
100%{-webkit-transform:scale(1);
transform:scale(1)}
}
@keyframes rubberBand{0%{-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
30%{-webkit-transform:scaleX(1.25) scaleY(0.75);
-ms-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)}
40%{-webkit-transform:scaleX(0.75) scaleY(1.25);
-ms-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(0.85);
-ms-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)}
100%{-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
}
.rubberBand{-webkit-animation-name:rubberBand;
animation-name:rubberBand}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);
transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);
transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);
transform:translateX(10px)}
}
@keyframes shake{0%,100%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;
animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);
transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);
transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);
transform:rotate(0deg)}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)}
}
.swing{-webkit-transform-origin:top center;
-ms-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);
transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)}
}
@keyframes tada{0%{-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;
animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);
transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%);
transform:translateX(0%)}
}
@keyframes wobble{0%{-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)}
}
.wobble{-webkit-animation-name:wobble;
animation-name:wobble}
@-webkit-keyframes bounceIn{0%{opacity:0;
-webkit-transform:scale(0.3);
transform:scale(0.3)}
50%{opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)}
70%{-webkit-transform:scale(0.9);
transform:scale(0.9)}
100%{opacity:1;
-webkit-transform:scale(1);
transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;
-webkit-transform:scale(0.3);
-ms-transform:scale(0.3);
transform:scale(0.3)}
50%{opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)}
70%{-webkit-transform:scale(0.9);
-ms-transform:scale(0.9);
transform:scale(0.9)}
100%{opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;
animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(10px);
transform:translateY(10px)}
80%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
100%{-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)}
80%{-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)}
100%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;
animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);
transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);
transform:translateX(10px)}
100%{-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)}
100%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;
animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)}
60%{opacity:1;
-webkit-transform:translateY(-10px);
transform:translateY(-10px)}
80%{-webkit-transform:translateY(10px);
transform:translateY(10px)}
100%{-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)}
60%{opacity:1;
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)}
80%{-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)}
100%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;
animation-name:bounceInUp}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);
transform:scale(1)}
25%{-webkit-transform:scale(0.95);
transform:scale(0.95)}
50%{opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)}
100%{opacity:0;
-webkit-transform:scale(0.3);
transform:scale(0.3)}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
25%{-webkit-transform:scale(0.95);
-ms-transform:scale(0.95);
transform:scale(0.95)}
50%{opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)}
100%{opacity:0;
-webkit-transform:scale(0.3);
-ms-transform:scale(0.3);
transform:scale(0.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;
animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);
transform:translateY(0)}
20%{opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)}
100%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
20%{opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)}
100%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;
animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);
transform:translateX(0)}
20%{opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)}
100%{opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
20%{opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)}
100%{opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;
animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);
transform:translateX(0)}
20%{opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)}
100%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
20%{opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)}
100%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;
animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);
transform:translateY(0)}
20%{opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)}
100%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
20%{opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)}
100%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;
animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;
animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;
animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)}
100%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)}
100%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)}
100%{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)}
100%{opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;
animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)}
100%{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)}
100%{opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-duration:0.5s;
animation-duration:0.5s}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;
animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)}
}
@keyframes fadeOutDown{0%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)}
}
@keyframes fadeOutDownBig{0%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)}
}
@keyframes fadeOutLeft{0%{opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)}
}
@keyframes fadeOutLeftBig{0%{opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)}
}
@keyframes fadeOutRight{0%{opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)}
}
@keyframes fadeOutRightBig{0%{opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)}
}
@keyframes fadeOutUp{0%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)}
}
@keyframes fadeOutUpBig{0%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;
-ms-backface-visibility:visible;
backface-visibility:visible;
-webkit-animation-name:flip;
animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);
-ms-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1}
}
.flipInX{-webkit-backface-visibility:visible !important;
-ms-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInX;
animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1}
}
.flipInY{-webkit-backface-visibility:visible !important;
-ms-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInY;
animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;
animation-name:flipOutX;
-webkit-backface-visibility:visible !important;
-ms-backface-visibility:visible !important;
backface-visibility:visible !important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible !important;
-ms-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipOutY;
animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);
-ms-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);
-ms-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;
animation-name:lightSpeedIn;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0}
}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;
animation-name:lightSpeedOut;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0}
100%{-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
@keyframes rotateIn{0%{-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0}
100%{-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;
animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0}
100%{-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0}
100%{-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;
animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0}
100%{-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0}
100%{-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;
animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0}
100%{-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0}
100%{-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;
animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0}
100%{-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0}
100%{-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0}
}
@keyframes rotateOut{0%{-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;
animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;
animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0}
}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;
animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;
animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0}
}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1}
100%{-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;
animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes slideInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;
animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes slideInLeft{0%{opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;
animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes slideInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;
animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;
animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;
animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;
animation-name:slideOutUp}
@-webkit-keyframes slideInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes slideInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.slideInUp{-webkit-animation-name:slideInUp;
animation-name:slideInUp}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)}
}
@keyframes slideOutDown{0%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
100%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;
animation-name:slideOutDown}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1}
100%{-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);
-ms-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1}
100%{-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0}
}
.hinge{-webkit-animation-name:hinge;
animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)}
}
@keyframes rollIn{0%{opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)}
}
.rollIn{-webkit-animation-name:rollIn;
animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)}
100%{opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)}
100%{opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;
animation-name:rollOut}
@-webkit-keyframes zoomIn{0%{opacity:0;
-webkit-transform:scale(0.3);
transform:scale(0.3)}
50%{opacity:1}
}
@keyframes zoomIn{0%{opacity:0;
-webkit-transform:scale(0.3);
-ms-transform:scale(0.3);
transform:scale(0.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;
animation-name:zoomIn}
@-webkit-keyframes zoomInDown{0%{opacity:0;
-webkit-transform:scale(0.1) translateY(-2000px);
transform:scale(0.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
60%{opacity:1;
-webkit-transform:scale(0.475) translateY(60px);
transform:scale(0.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
}
@keyframes zoomInDown{0%{opacity:0;
-webkit-transform:scale(0.1) translateY(-2000px);
-ms-transform:scale(0.1) translateY(-2000px);
transform:scale(0.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
60%{opacity:1;
-webkit-transform:scale(0.475) translateY(60px);
-ms-transform:scale(0.475) translateY(60px);
transform:scale(0.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
}
.zoomInDown{-webkit-animation-name:zoomInDown;
animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{0%{opacity:0;
-webkit-transform:scale(0.1) translateX(-2000px);
transform:scale(0.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
60%{opacity:1;
-webkit-transform:scale(0.475) translateX(48px);
transform:scale(0.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
}
@keyframes zoomInLeft{0%{opacity:0;
-webkit-transform:scale(0.1) translateX(-2000px);
-ms-transform:scale(0.1) translateX(-2000px);
transform:scale(0.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
60%{opacity:1;
-webkit-transform:scale(0.475) translateX(48px);
-ms-transform:scale(0.475) translateX(48px);
transform:scale(0.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;
animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{0%{opacity:0;
-webkit-transform:scale(0.1) translateX(2000px);
transform:scale(0.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
60%{opacity:1;
-webkit-transform:scale(0.475) translateX(-48px);
transform:scale(0.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
}
@keyframes zoomInRight{0%{opacity:0;
-webkit-transform:scale(0.1) translateX(2000px);
-ms-transform:scale(0.1) translateX(2000px);
transform:scale(0.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
60%{opacity:1;
-webkit-transform:scale(0.475) translateX(-48px);
-ms-transform:scale(0.475) translateX(-48px);
transform:scale(0.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
}
.zoomInRight{-webkit-animation-name:zoomInRight;
animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{0%{opacity:0;
-webkit-transform:scale(0.1) translateY(2000px);
transform:scale(0.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
60%{opacity:1;
-webkit-transform:scale(0.475) translateY(-60px);
transform:scale(0.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
}
@keyframes zoomInUp{0%{opacity:0;
-webkit-transform:scale(0.1) translateY(2000px);
-ms-transform:scale(0.1) translateY(2000px);
transform:scale(0.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}
60%{opacity:1;
-webkit-transform:scale(0.475) translateY(-60px);
-ms-transform:scale(0.475) translateY(-60px);
transform:scale(0.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out}
}
.zoomInUp{-webkit-animation-name:zoomInUp;
animation-name:zoomInUp}
@-webkit-keyframes zoomOut{0%{opacity:1;
-webkit-transform:scale(1);
transform:scale(1)}
50%{opacity:0;
-webkit-transform:scale(0.3);
transform:scale(0.3)}
100%{opacity:0}
}
@keyframes zoomOut{0%{opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)}
50%{opacity:0;
-webkit-transform:scale(0.3);
-ms-transform:scale(0.3);
transform:scale(0.3)}
100%{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;
animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{40%{opacity:1;
-webkit-transform:scale(0.475) translateY(-60px);
transform:scale(0.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear}
100%{opacity:0;
-webkit-transform:scale(0.1) translateY(2000px);
transform:scale(0.1) translateY(2000px);
-webkit-transform-origin:center bottom;
transform-origin:center bottom}
}
@keyframes zoomOutDown{40%{opacity:1;
-webkit-transform:scale(0.475) translateY(-60px);
-ms-transform:scale(0.475) translateY(-60px);
transform:scale(0.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear}
100%{opacity:0;
-webkit-transform:scale(0.1) translateY(2000px);
-ms-transform:scale(0.1) translateY(2000px);
transform:scale(0.1) translateY(2000px);
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;
animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;
-webkit-transform:scale(0.475) translateX(42px);
transform:scale(0.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear}
100%{opacity:0;
-webkit-transform:scale(0.1) translateX(-2000px);
transform:scale(0.1) translateX(-2000px);
-webkit-transform-origin:left center;
transform-origin:left center}
}
@keyframes zoomOutLeft{40%{opacity:1;
-webkit-transform:scale(0.475) translateX(42px);
-ms-transform:scale(0.475) translateX(42px);
transform:scale(0.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear}
100%{opacity:0;
-webkit-transform:scale(0.1) translateX(-2000px);
-ms-transform:scale(0.1) translateX(-2000px);
transform:scale(0.1) translateX(-2000px);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;
animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{40%{opacity:1;
-webkit-transform:scale(0.475) translateX(-42px);
transform:scale(0.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear}
100%{opacity:0;
-webkit-transform:scale(0.1) translateX(2000px);
transform:scale(0.1) translateX(2000px);
-webkit-transform-origin:right center;
transform-origin:right center}
}
@keyframes zoomOutRight{40%{opacity:1;
-webkit-transform:scale(0.475) translateX(-42px);
-ms-transform:scale(0.475) translateX(-42px);
transform:scale(0.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear}
100%{opacity:0;
-webkit-transform:scale(0.1) translateX(2000px);
-ms-transform:scale(0.1) translateX(2000px);
transform:scale(0.1) translateX(2000px);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;
animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{40%{opacity:1;
-webkit-transform:scale(0.475) translateY(60px);
transform:scale(0.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear}
100%{opacity:0;
-webkit-transform:scale(0.1) translateY(-2000px);
transform:scale(0.1) translateY(-2000px);
-webkit-transform-origin:center top;
transform-origin:center top}
}
@keyframes zoomOutUp{40%{opacity:1;
-webkit-transform:scale(0.475) translateY(60px);
-ms-transform:scale(0.475) translateY(60px);
transform:scale(0.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear}
100%{opacity:0;
-webkit-transform:scale(0.1) translateY(-2000px);
-ms-transform:scale(0.1) translateY(-2000px);
transform:scale(0.1) translateY(-2000px);
-webkit-transform-origin:center top;
-ms-transform-origin:center top;
transform-origin:center top}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;
animation-name:zoomOutUp}
*:focus{outline:0}
*{-webkit-tap-highlight-color:transparent}
::-webkit-input-placeholder{color:#eaeaea}
:-moz-placeholder{color:#eaeaea}
::-moz-placeholder{color:#eaeaea}
:-ms-input-placeholder{color:#eaeaea}
body{background:#fff;
font-size:16px;
line-height:100%}
@media (max-width:480px){body{font-size:14px}
}
a{color:#3B8686;
text-decoration:none;
cursor:pointer;
-webkit-transition:color 0.15s;
-moz-transition:color 0.15s;
-o-transition:color 0.15s;
transition:color 0.15s}
p{margin:0 0 20px 0}
html.no-touch a:hover{color:#0B486B}
.flair-font{
font-style:italic}
.title-font{
letter-spacing:-2px;
}
.title-font.Sect{
padding:17px 0 11px 60px;
color:#666c72;
font-size:25px;
font-weight:500;
letter-spacing:-1px;
background:url(../images/title.png) no-repeat left top;

}
.width{position:relative;
margin-left:auto;
margin-right:auto;
width:1120px}
@media (max-width:1200px){.width{width:960px}
}
@media (max-width:960px){.width{width:768px}
}
@media (max-width:768px){.width{width:auto;
margin-left:20px;
margin-right:20px}
}

.OverAll{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
backface-visibility:hidden;
will-change:opacity;
-webkit-transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-o-transition:opacity 0.25s;
transition:opacity 0.25s;
background:#fff;
width:100%;
height:100%;
z-index:-1}


.background{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
backface-visibility:hidden;
will-change:opacity;
-webkit-transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-o-transition:opacity 0.25s;
transition:opacity 0.25s;
z-index:-1}
.background.show{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
opacity:0.99}
.background.standard{z-index:-2}
.content-container{position:relative;
z-index:1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
-webkit-transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
transition:opacity 0.5s;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
backface-visibility:hidden;
will-change:opacity}
.content-container.hide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0}
.button,button{position:relative;
display:block;
background:transparent;
border:2px solid #fff;
padding:15px 50px;
margin:auto;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
-webkit-transition:background-color 0.15s,color 0.15s,padding 0.15s,width 0.15s;
-moz-transition:background-color 0.15s,color 0.15s,padding 0.15s,width 0.15s;
-o-transition:background-color 0.15s,color 0.15s,padding 0.15s,width 0.15s;
transition:background-color 0.15s,color 0.15s,padding 0.15s,width 0.15s}
.button .spinner,button .spinner{display:none;
height:15px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto}
.button .spinner>div,button .spinner>div{background-color:#fff}
.button.loading,button.loading{font-size:0 !important;
background:#fff}
.button.loading .spinner,button.loading .spinner{display:block}
.body-copy{line-height:175%;
font-size:18px;
font-family:Georgia;
color:#222}
@media (max-width:480px){
.body-copy{font-size:17px}
.background.show{ background-size: 75%;}
}
html.no-touch .button:hover,html.no-touch button:hover{background-color:#fff;
color:#fff}
.overlay{position:fixed;
top:105%;
left:0;
width:100%;
height:100%;
background:rgba(110,110,110,0.98);
backface-visibility:hidden;
z-index:4}
.overlay .close-x{position:absolute;
top:30px;
right:0;
padding:30px 20px;
cursor:pointer;
z-index:2}
.overlay .close-x .icon{color:#bbb;
font-size:14px;
font-weight:100}
@media (max-width:480px){.overlay .close-x{display:none}
}
.overlay .scroll-container{position:absolute;
top:0;
left:0;
width:100%;
bottom:35px;
overflow-y:scroll;
z-index:1;
-webkit-overflow-scrolling:touch}
.dark-cover{display:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.05)}
.dark-cover.show{display:block}
html.no-scroll{overflow:hidden;
height:100%}
html.no-scroll body{overflow:hidden}
form input,form textarea{display:block;
width:100%;
font-size:16px;
margin-bottom:14px;
padding:10px}
form .button{margin-top:20px;
padding:20px 0;
width:100%;
font-size:16px}
form ::-webkit-input-placeholder{color:#aaa}
form :-moz-placeholder{color:#aaa}
form ::-moz-placeholder{color:#aaa}
form :-ms-input-placeholder{color:#aaa}
form ::-moz-focus-inner{border:0;
padding:0}
form div{position:relative;
z-index:1}
form div small{position:absolute;
right:6px;
top:-6px;
line-height:14px;
font-size:14px;
color:#803a9d;
padding-left:5px;
padding-right:5px;
z-index:1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.15s;
-moz-transition:opacity 0.15s;
-o-transition:opacity 0.15s;
transition:opacity 0.15s}
form div small:before{z-index:0;
position:absolute;
top:6px;
left:0;
width:100%;
height:4px;
background:#fff;
content:" ";
z-index:-1}
form div small.show{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1}
form .country{position:fixed;
bottom:-100000px;
right:-100000px}
input[type=text], input[type=email], input[type=password], textarea{border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
background:#fff;
font-weight:200;
-webkit-appearance:none}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus{border:1px solid #803a9d}
textarea{line-height:22px}
.overlay-form{position:fixed;
top:200px;
left:50%;
width:400px;
height:100%;
margin-left:-200px;
z-index:5;
font-size:0;
text-align:center}
.insta{font-size:0}
.insta .insta-pic{position:relative;
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
width:23%;
margin:5px 1% 0}
.insta .insta-pic img{width:100%}
@media (max-width:480px){.insta .insta-pic{width:31%}
}
header.page-header h1,header.page-header h2,header.page-header h3{text-align:center;
margin:0}
header.page-header h1{
color:#ef3a4c;
padding:0;
margin-top:40px;
font-size:38px}
@media (max-width:480px){header.page-header h1{font-size:30px}
}
header.page-header h2{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-weight:200;
font-size:18px;

color:#888;
padding:15px 0}
@media (max-width:480px){header.page-header h2{font-size:14px;
padding:40px 0 0}
}
header.page-header h2:after,header.page-header h2:before{content:'—';
color:#ccc}
header.page-header h3{font-size:24px;
letter-spacing:0;
font-weight:200;
padding:15px 0 60px;
color:#888}
@media (max-width:480px){header.page-header h3{font-size:15px;
padding:0 0 35px}
}
nav.social{
position:absolute;
top:50px;
right:0;
font-size:0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
opacity:0.99;
-webkit-transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-o-transition:opacity 0.25s;
transition:opacity 0.25s;
transform:translateZ(0);
will-change:opacity}
@media (max-width:480px){nav.social{position:relative;
top:auto;
left:auto;
right:auto;
margin-top:10px;
width:100%;
text-align:center}
}
nav.social a{position:relative;
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
vertical-align:top;
color:rgba(110,110,110,0.45)}
nav.social a .icon{font-size:16px;
line-height:30px;
padding:5px 3px}
@media (max-width:480px){nav.social a .icon{font-size:14px;
line-height:26px;
padding:5px}
}
nav.social a span{position:absolute;
display:block;
top:101%;
left:-10%;
width:128%;
text-align:center;
font-size:11px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0}
@media (max-width:480px){nav.social a span{display:none}
}
html.no-touch nav.social a:hover span{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1}
html.no-touch nav.social a:hover.twitter{color:#2ca9e1}
html.no-touch nav.social a:hover.medium{color:#57ad68}
html.no-touch nav.social a:hover.instagram{color:#3f729b}
html.no-touch nav.social a:hover.angellist{color:#111}
html.no-touch nav.social a:hover.dribbble{color:#ea4c89}
html.show-overlay nav.social a:hover{color:#fff !important}
html.show-overlay nav.social a:hover span{display:none}


nav.main2{
position:absolute;
left:0;
top:100px;
width:100%;
font-size:0;
text-align:center}



nav.main{
position:absolute;
left:0;
bottom:100px;
width:100%;
font-size:0;
text-align:center}
@media (max-width:480px){
nav.main{
	position:relative;
	bottom:auto;
	margin-top:50px}
}
@media (max-height:500px) and (max-width:480px){
	nav.main{margin-top:30px}
}
@media (max-width:480px){
	nav.main{margin-top:30px}
}
nav.main a{position:relative;
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
padding:10px 40px;
text-align:center;
color:rgba(110,110,110,0.45);
-webkit-transition:color 0.75s;
-moz-transition:color 0.75s;
-o-transition:color 0.75s;
transition:color 0.75s}
@media (min-width:481px) and (max-width:650px){nav.main a{margin:0 40px}
}
@media (min-width:360px) and (max-width:480px){nav.main a{margin:0 10px}
}
nav.main a span{font-size:12px;
color:rgba(110,110,110,0.35);
-webkit-transition:color 0.75s;
-moz-transition:color 0.75s;
-o-transition:color 0.75s;
transition:color 0.75s}
nav.main a .icon{display:block;
font-size:30px;
line-height:70px}
@media (max-width:480px){nav.main a .icon{font-size:26px;
line-height:60px}
}
nav.main .work-link em.dot{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
position:absolute;
top:37px;
left:50px;
background:rgba(110,110,110,0.8);
width:2px;
height:2px}
@media (max-width:480px){nav.main .work-link em.dot{top:34px}
}
nav.main .work-link em.dot:first-child{top:20px;
left:60px}
@media (max-width:480px){nav.main .work-link em.dot:first-child{top:18px}
}
nav.main .work-link em.dot:before,nav.main .work-link em.dot:after{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
content:" ";
background:rgba(110,110,110,0.8);
width:2px;
height:2px;
margin:0 4px}
nav.main .work-link em.dot:before{position:absolute;
left:-8px}
nav.main .process-link em{display:block;
position:absolute;
top:-16px;
left:0;
right:0;
bottom:0;
width:8px;
height:8px;
margin:auto;
background:rgba(110,110,110,0.8);
-webkit-border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
-o-border-radius:20px;
border-radius:20px}
@media (max-width:480px){nav.main .process-link em{top:-15px;
width:6px;
height:6px}
}
nav.main .contact-link em{display:block;
position:absolute;
left:56px;
top:32px;
height:3px;
background:rgba(110,110,110,0.8);
width:24px}
nav.main .contact-link em.two{top:40px;
width:32px}
nav.main .contact-link em.three{top:48px}
@media (max-width:480px){nav.main .contact-link em{left:52px;
top:30px;
height:2px;
width:20px}
nav.main .contact-link em.two{top:36px;
width:28px}
nav.main .contact-link em.three{top:42px}
}
@media (min-width:769px){nav.main.top{left:50%;
top:0;
bottom:auto;
width:330px;
margin-left:-165px}
nav.main.top .width{width:auto !important}
nav.main.top a{padding:17px 20px}
nav.main.top a .icon,nav.main.top a em{display:none !important}
nav.main.top a span{font-size:14px}
nav.main.top a.active span,nav.main.top a:hover span{color:#fff}
}
html.no-touch nav.main a:hover{color:#ee352e}
html.no-touch nav.main a:hover em,html.no-touch nav.main a:hover span{color:#ee352e}
.home{position:relative;
width:100%;
height:100%;
background-color:rgba(0,0,0,0);
will-change:filter}
.home .icon.bad.logo-center{color:rgba(110,110,110,0.65)}
@media (max-width:480px){
	.home .icon.bad.logo-center{width:200px}
}
@media (min-width:481px) and (max-height:400px){.home .icon.bad.logo-center{display:none}
}
.home header hgroup{position:absolute;
top:52px;
left:0}
@media (max-width:480px){.home header hgroup{position:relative;
top:auto;
left:auto;
width:100%;
/*margin-top:20px;*/
text-align:center;
overflow:hidden
}
}
.home header hgroup h1,.home header hgroup h3{margin:0;
padding:0}
.home header hgroup h1{color:rgba(110,110,110,0.45);
font-weight:600;
font-size:26px;
letter-spacing:0;
}
@media (max-width:480px){
.home header hgroup h1{
	font-size:31px;
	letter-spacing:0px;
	margin-bottom:15px;
}
}
.home header hgroup h3{font-size:13px;
font-weight:200;
margin-top:6px;
color:rgba(0,0,0,0.55)}
@media (max-width:480px){.home header hgroup h3{font-size:17px}
}
.home.pushHeaderUp{-webkit-animation:pushHeaderUp 0.5s;
animation:pushHeaderUp 0.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.35s;
animation-delay:0.35s}
@media (max-width:480px){.home.pushHeaderUp{-webkit-animation:pushHeaderUpMobile 0.5s;
animation:pushHeaderUpMobile 0.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.35s;
animation-delay:0.35s}
}
.home.pushHeaderDown{-webkit-animation:pushHeaderDown 0.5s;
animation:pushHeaderDown 0.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.35s;
animation-delay:0.35s}
@media (max-width:480px){.home.pushHeaderDown{-webkit-animation:pushHeaderDownMobile 0.5s;
animation:pushHeaderDownMobile 0.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay:0.35s;
animation-delay:0.35s}
}
.home.blur{-webkit-filter:blur(3px)}
.home .close-x-mobile{position:absolute;
top:0;
right:0;
padding:20px;
z-index:-1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-o-transition:opacity 0.25s;
transition:opacity 0.25s}
.home .close-x-mobile .icon{color:rgba(110,110,110,0.6);
font-size:7px}
html.show-overlay .home{cursor:pointer}
@media (max-width:480px){html.show-overlay .close-x-mobile{z-index:2;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1}
html.show-overlay nav.social{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0}
}
@-webkit-keyframes pushHeaderUp{0%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
60%{-webkit-transform:translateY(-70px);
transform:translateY(-70px)}
100%{-webkit-transform:translateY(-45px);
transform:translateY(-45px)}
}
@keyframes pushHeaderUp{0%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
60%{-webkit-transform:translateY(-70px);
transform:translateY(-70px)}
100%{-webkit-transform:translateY(-45px);
transform:translateY(-45px)}
}
@-webkit-keyframes pushHeaderUpMobile{0%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
60%{-webkit-transform:translateY(-150px);
transform:translateY(-150px)}
100%{-webkit-transform:translateY(-134px);
transform:translateY(-134px)}
}
@keyframes pushHeaderUpTouchMobile{0%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
60%{-webkit-transform:translateY(-150px);
transform:translateY(-150px)}
100%{-webkit-transform:translateY(-134px);
transform:translateY(-134px)}
}
@-webkit-keyframes pushHeaderDown{0%{-webkit-transform:translateY(-45px);
transform:translateY(-45px)}
60%{-webkit-transform:translateY(6px);
transform:translateY(6px)}
100%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
}
@keyframes pushHeaderDown{0%{-webkit-transform:translateY(-45px);
transform:translateY(-45px)}
60%{-webkit-transform:translateY(6px);
transform:translateY(6px)}
100%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
}
@-webkit-keyframes pushHeaderDownMobile{0%{-webkit-transform:translateY(-134px);
transform:translateY(-134px)}
60%{-webkit-transform:translateY(6px);
transform:translateY(6px)}
100%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
}
@keyframes pushHeaderDownMobile{0%{-webkit-transform:translateY(-134px);
transform:translateY(-134px)}
60%{-webkit-transform:translateY(6px);
transform:translateY(6px)}
100%{-webkit-transform:translateY(0px);
transform:translateY(0px)}
}
article.about .width{padding:50px 0 100px;
width:800px}
@media (max-width:960px){article.about .width{width:70%}
}
@media (max-width:768px){article.about .width{margin-left:auto;
margin-right:auto}
}
@media (max-width:480px){article.about .width{width:auto;
margin-right:20px;
margin-left:20px;
padding:30px 0 60px}
}
article.about a{color:#ef3a4c}
article.about a:hover{color:#ef3a4c}
article.about section.profile-pic{position:relative;
width:210px;
margin:0 auto 30px}
@media (max-width:480px){article.about section.profile-pic{width:150px;
margin:0 auto 20px}
}
article.about section.profile-pic nav.social-circle{position:absolute;
top:-25px;
left:-25px;
width:260px;
height:260px;
padding:0;
border-radius:50%;
list-style:none;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box}
article.about section.profile-pic nav.social-circle>*{display:block;
position:absolute;
top:50%;
left:50%;
width:38px;
height:38px;
margin:-19px}
article.about section.profile-pic nav.social-circle>*:nth-of-type(1){-webkit-transform:rotate(35deg) translate(130px) rotate(-35deg);
-moz-transform:rotate(35deg) translate(130px) rotate(-35deg);
-ms-transform:rotate(35deg) translate(130px) rotate(-35deg);
-o-transform:rotate(35deg) translate(130px) rotate(-35deg);
transform:rotate(35deg) translate(130px) rotate(-35deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(2){-webkit-transform:rotate(53deg) translate(130px) rotate(-53deg);
-moz-transform:rotate(53deg) translate(130px) rotate(-53deg);
-ms-transform:rotate(53deg) translate(130px) rotate(-53deg);
-o-transform:rotate(53deg) translate(130px) rotate(-53deg);
transform:rotate(53deg) translate(130px) rotate(-53deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(3){-webkit-transform:rotate(71deg) translate(130px) rotate(-71deg);
-moz-transform:rotate(71deg) translate(130px) rotate(-71deg);
-ms-transform:rotate(71deg) translate(130px) rotate(-71deg);
-o-transform:rotate(71deg) translate(130px) rotate(-71deg);
transform:rotate(71deg) translate(130px) rotate(-71deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(4){-webkit-transform:rotate(89deg) translate(130px) rotate(-89deg);
-moz-transform:rotate(89deg) translate(130px) rotate(-89deg);
-ms-transform:rotate(89deg) translate(130px) rotate(-89deg);
-o-transform:rotate(89deg) translate(130px) rotate(-89deg);
transform:rotate(89deg) translate(130px) rotate(-89deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(5){-webkit-transform:rotate(107deg) translate(130px) rotate(-107deg);
-moz-transform:rotate(107deg) translate(130px) rotate(-107deg);
-ms-transform:rotate(107deg) translate(130px) rotate(-107deg);
-o-transform:rotate(107deg) translate(130px) rotate(-107deg);
transform:rotate(107deg) translate(130px) rotate(-107deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(6){-webkit-transform:rotate(125deg) translate(130px) rotate(-125deg);
-moz-transform:rotate(125deg) translate(130px) rotate(-125deg);
-ms-transform:rotate(125deg) translate(130px) rotate(-125deg);
-o-transform:rotate(125deg) translate(130px) rotate(-125deg);
transform:rotate(125deg) translate(130px) rotate(-125deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(7){-webkit-transform:rotate(143deg) translate(130px) rotate(-143deg);
-moz-transform:rotate(143deg) translate(130px) rotate(-143deg);
-ms-transform:rotate(143deg) translate(130px) rotate(-143deg);
-o-transform:rotate(143deg) translate(130px) rotate(-143deg);
transform:rotate(143deg) translate(130px) rotate(-143deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(8){-webkit-transform:rotate(161deg) translate(130px) rotate(-161deg);
-moz-transform:rotate(161deg) translate(130px) rotate(-161deg);
-ms-transform:rotate(161deg) translate(130px) rotate(-161deg);
-o-transform:rotate(161deg) translate(130px) rotate(-161deg);
transform:rotate(161deg) translate(130px) rotate(-161deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(9){-webkit-transform:rotate(179deg) translate(130px) rotate(-179deg);
-moz-transform:rotate(179deg) translate(130px) rotate(-179deg);
-ms-transform:rotate(179deg) translate(130px) rotate(-179deg);
-o-transform:rotate(179deg) translate(130px) rotate(-179deg);
transform:rotate(179deg) translate(130px) rotate(-179deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(10){-webkit-transform:rotate(197deg) translate(130px) rotate(-197deg);
-moz-transform:rotate(197deg) translate(130px) rotate(-197deg);
-ms-transform:rotate(197deg) translate(130px) rotate(-197deg);
-o-transform:rotate(197deg) translate(130px) rotate(-197deg);
transform:rotate(197deg) translate(130px) rotate(-197deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(11){-webkit-transform:rotate(215deg) translate(130px) rotate(-215deg);
-moz-transform:rotate(215deg) translate(130px) rotate(-215deg);
-ms-transform:rotate(215deg) translate(130px) rotate(-215deg);
-o-transform:rotate(215deg) translate(130px) rotate(-215deg);
transform:rotate(215deg) translate(130px) rotate(-215deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(12){-webkit-transform:rotate(233deg) translate(130px) rotate(-233deg);
-moz-transform:rotate(233deg) translate(130px) rotate(-233deg);
-ms-transform:rotate(233deg) translate(130px) rotate(-233deg);
-o-transform:rotate(233deg) translate(130px) rotate(-233deg);
transform:rotate(233deg) translate(130px) rotate(-233deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(13){-webkit-transform:rotate(251deg) translate(130px) rotate(-251deg);
-moz-transform:rotate(251deg) translate(130px) rotate(-251deg);
-ms-transform:rotate(251deg) translate(130px) rotate(-251deg);
-o-transform:rotate(251deg) translate(130px) rotate(-251deg);
transform:rotate(251deg) translate(130px) rotate(-251deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(14){-webkit-transform:rotate(269deg) translate(130px) rotate(-269deg);
-moz-transform:rotate(269deg) translate(130px) rotate(-269deg);
-ms-transform:rotate(269deg) translate(130px) rotate(-269deg);
-o-transform:rotate(269deg) translate(130px) rotate(-269deg);
transform:rotate(269deg) translate(130px) rotate(-269deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(15){-webkit-transform:rotate(287deg) translate(130px) rotate(-287deg);
-moz-transform:rotate(287deg) translate(130px) rotate(-287deg);
-ms-transform:rotate(287deg) translate(130px) rotate(-287deg);
-o-transform:rotate(287deg) translate(130px) rotate(-287deg);
transform:rotate(287deg) translate(130px) rotate(-287deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(16){-webkit-transform:rotate(305deg) translate(130px) rotate(-305deg);
-moz-transform:rotate(305deg) translate(130px) rotate(-305deg);
-ms-transform:rotate(305deg) translate(130px) rotate(-305deg);
-o-transform:rotate(305deg) translate(130px) rotate(-305deg);
transform:rotate(305deg) translate(130px) rotate(-305deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(17){-webkit-transform:rotate(323deg) translate(130px) rotate(-323deg);
-moz-transform:rotate(323deg) translate(130px) rotate(-323deg);
-ms-transform:rotate(323deg) translate(130px) rotate(-323deg);
-o-transform:rotate(323deg) translate(130px) rotate(-323deg);
transform:rotate(323deg) translate(130px) rotate(-323deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(18){-webkit-transform:rotate(341deg) translate(130px) rotate(-341deg);
-moz-transform:rotate(341deg) translate(130px) rotate(-341deg);
-ms-transform:rotate(341deg) translate(130px) rotate(-341deg);
-o-transform:rotate(341deg) translate(130px) rotate(-341deg);
transform:rotate(341deg) translate(130px) rotate(-341deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(19){-webkit-transform:rotate(359deg) translate(130px) rotate(-359deg);
-moz-transform:rotate(359deg) translate(130px) rotate(-359deg);
-ms-transform:rotate(359deg) translate(130px) rotate(-359deg);
-o-transform:rotate(359deg) translate(130px) rotate(-359deg);
transform:rotate(359deg) translate(130px) rotate(-359deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(20){-webkit-transform:rotate(377deg) translate(130px) rotate(-377deg);
-moz-transform:rotate(377deg) translate(130px) rotate(-377deg);
-ms-transform:rotate(377deg) translate(130px) rotate(-377deg);
-o-transform:rotate(377deg) translate(130px) rotate(-377deg);
transform:rotate(377deg) translate(130px) rotate(-377deg)}
@media (max-width:480px){article.about section.profile-pic nav.social-circle{top:-20px;
left:-20px;
width:190px;
height:190px;
padding:0;
border-radius:50%;
list-style:none;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box}
article.about section.profile-pic nav.social-circle>*{display:block;
position:absolute;
top:50%;
left:50%;
width:30px;
height:30px;
margin:-15px}
article.about section.profile-pic nav.social-circle>*:nth-of-type(1){-webkit-transform:rotate(32deg) translate(95px) rotate(-32deg);
-moz-transform:rotate(32deg) translate(95px) rotate(-32deg);
-ms-transform:rotate(32deg) translate(95px) rotate(-32deg);
-o-transform:rotate(32deg) translate(95px) rotate(-32deg);
transform:rotate(32deg) translate(95px) rotate(-32deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(2){-webkit-transform:rotate(52deg) translate(95px) rotate(-52deg);
-moz-transform:rotate(52deg) translate(95px) rotate(-52deg);
-ms-transform:rotate(52deg) translate(95px) rotate(-52deg);
-o-transform:rotate(52deg) translate(95px) rotate(-52deg);
transform:rotate(52deg) translate(95px) rotate(-52deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(3){-webkit-transform:rotate(72deg) translate(95px) rotate(-72deg);
-moz-transform:rotate(72deg) translate(95px) rotate(-72deg);
-ms-transform:rotate(72deg) translate(95px) rotate(-72deg);
-o-transform:rotate(72deg) translate(95px) rotate(-72deg);
transform:rotate(72deg) translate(95px) rotate(-72deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(4){-webkit-transform:rotate(92deg) translate(95px) rotate(-92deg);
-moz-transform:rotate(92deg) translate(95px) rotate(-92deg);
-ms-transform:rotate(92deg) translate(95px) rotate(-92deg);
-o-transform:rotate(92deg) translate(95px) rotate(-92deg);
transform:rotate(92deg) translate(95px) rotate(-92deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(5){-webkit-transform:rotate(112deg) translate(95px) rotate(-112deg);
-moz-transform:rotate(112deg) translate(95px) rotate(-112deg);
-ms-transform:rotate(112deg) translate(95px) rotate(-112deg);
-o-transform:rotate(112deg) translate(95px) rotate(-112deg);
transform:rotate(112deg) translate(95px) rotate(-112deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(6){-webkit-transform:rotate(132deg) translate(95px) rotate(-132deg);
-moz-transform:rotate(132deg) translate(95px) rotate(-132deg);
-ms-transform:rotate(132deg) translate(95px) rotate(-132deg);
-o-transform:rotate(132deg) translate(95px) rotate(-132deg);
transform:rotate(132deg) translate(95px) rotate(-132deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(7){-webkit-transform:rotate(152deg) translate(95px) rotate(-152deg);
-moz-transform:rotate(152deg) translate(95px) rotate(-152deg);
-ms-transform:rotate(152deg) translate(95px) rotate(-152deg);
-o-transform:rotate(152deg) translate(95px) rotate(-152deg);
transform:rotate(152deg) translate(95px) rotate(-152deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(8){-webkit-transform:rotate(172deg) translate(95px) rotate(-172deg);
-moz-transform:rotate(172deg) translate(95px) rotate(-172deg);
-ms-transform:rotate(172deg) translate(95px) rotate(-172deg);
-o-transform:rotate(172deg) translate(95px) rotate(-172deg);
transform:rotate(172deg) translate(95px) rotate(-172deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(9){-webkit-transform:rotate(192deg) translate(95px) rotate(-192deg);
-moz-transform:rotate(192deg) translate(95px) rotate(-192deg);
-ms-transform:rotate(192deg) translate(95px) rotate(-192deg);
-o-transform:rotate(192deg) translate(95px) rotate(-192deg);
transform:rotate(192deg) translate(95px) rotate(-192deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(10){-webkit-transform:rotate(212deg) translate(95px) rotate(-212deg);
-moz-transform:rotate(212deg) translate(95px) rotate(-212deg);
-ms-transform:rotate(212deg) translate(95px) rotate(-212deg);
-o-transform:rotate(212deg) translate(95px) rotate(-212deg);
transform:rotate(212deg) translate(95px) rotate(-212deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(11){-webkit-transform:rotate(232deg) translate(95px) rotate(-232deg);
-moz-transform:rotate(232deg) translate(95px) rotate(-232deg);
-ms-transform:rotate(232deg) translate(95px) rotate(-232deg);
-o-transform:rotate(232deg) translate(95px) rotate(-232deg);
transform:rotate(232deg) translate(95px) rotate(-232deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(12){-webkit-transform:rotate(252deg) translate(95px) rotate(-252deg);
-moz-transform:rotate(252deg) translate(95px) rotate(-252deg);
-ms-transform:rotate(252deg) translate(95px) rotate(-252deg);
-o-transform:rotate(252deg) translate(95px) rotate(-252deg);
transform:rotate(252deg) translate(95px) rotate(-252deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(13){-webkit-transform:rotate(272deg) translate(95px) rotate(-272deg);
-moz-transform:rotate(272deg) translate(95px) rotate(-272deg);
-ms-transform:rotate(272deg) translate(95px) rotate(-272deg);
-o-transform:rotate(272deg) translate(95px) rotate(-272deg);
transform:rotate(272deg) translate(95px) rotate(-272deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(14){-webkit-transform:rotate(292deg) translate(95px) rotate(-292deg);
-moz-transform:rotate(292deg) translate(95px) rotate(-292deg);
-ms-transform:rotate(292deg) translate(95px) rotate(-292deg);
-o-transform:rotate(292deg) translate(95px) rotate(-292deg);
transform:rotate(292deg) translate(95px) rotate(-292deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(15){-webkit-transform:rotate(312deg) translate(95px) rotate(-312deg);
-moz-transform:rotate(312deg) translate(95px) rotate(-312deg);
-ms-transform:rotate(312deg) translate(95px) rotate(-312deg);
-o-transform:rotate(312deg) translate(95px) rotate(-312deg);
transform:rotate(312deg) translate(95px) rotate(-312deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(16){-webkit-transform:rotate(332deg) translate(95px) rotate(-332deg);
-moz-transform:rotate(332deg) translate(95px) rotate(-332deg);
-ms-transform:rotate(332deg) translate(95px) rotate(-332deg);
-o-transform:rotate(332deg) translate(95px) rotate(-332deg);
transform:rotate(332deg) translate(95px) rotate(-332deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(17){-webkit-transform:rotate(352deg) translate(95px) rotate(-352deg);
-moz-transform:rotate(352deg) translate(95px) rotate(-352deg);
-ms-transform:rotate(352deg) translate(95px) rotate(-352deg);
-o-transform:rotate(352deg) translate(95px) rotate(-352deg);
transform:rotate(352deg) translate(95px) rotate(-352deg)}
article.about section.profile-pic nav.social-circle>*:nth-of-type(18){-webkit-transform:rotate(372deg) translate(95px) rotate(-372deg);
-moz-transform:rotate(372deg) translate(95px) rotate(-372deg);
-ms-transform:rotate(372deg) translate(95px) rotate(-372deg);
-o-transform:rotate(372deg) translate(95px) rotate(-372deg);
transform:rotate(372deg) translate(95px) rotate(-372deg)}
}
article.about section.profile-pic nav.social-circle a .icon{font-size:18px;
line-height:38px;
-webkit-transition:color 0.15s;
-moz-transition:color 0.15s;
-o-transition:color 0.15s;
transition:color 0.15s}
@media (max-width:480px){article.about section.profile-pic nav.social-circle a .icon{font-size:14px;
line-height:32px}
}
article.about section.profile-pic nav.social-circle a .icon.twitter{color:rgba(44,169,225,0.85)}
article.about section.profile-pic nav.social-circle a .icon.medium{color:rgba(87,173,104,0.85)}
article.about section.profile-pic nav.social-circle a .icon.instagram{color:rgba(63,114,155,0.85)}
article.about section.profile-pic nav.social-circle a .icon.angellist{color:rgba(17,17,17,0.85)}
article.about section.profile-pic nav.social-circle a .icon.dribbble{color:rgba(234,76,137,0.85)}
article.about section.profile-pic nav.social-circle a .icon.github{color:rgba(17,17,17,0.85)}
article.about section.profile-pic nav.social-circle a .icon.email{color:rgba(0,165,165,0.85)}
article.about section.profile-pic nav.social-circle a:hover .icon.twitter{color:#2ca9e1}
article.about section.profile-pic nav.social-circle a:hover .icon.medium{color:#57ad68}
article.about section.profile-pic nav.social-circle a:hover .icon.instagram{color:#3f729b}
article.about section.profile-pic nav.social-circle a:hover .icon.angellist{color:#111}
article.about section.profile-pic nav.social-circle a:hover .icon.dribbble{color:#ea4c89}
article.about section.profile-pic nav.social-circle a:hover .icon.github{color:#111}
article.about section.profile-pic nav.social-circle a:hover .icon.email{color:#00a5a5}
article.about section.profile-pic .brian{width:210px;
height:210px;
background-image:url('../images/brian.png');

background-size:210px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){article.about section.profile-pic .brian{background-image:url('../images/brian@2x.png')
}
}
@media (max-width:480px){article.about section.profile-pic .brian{background-size:150px;
width:150px;
height:150px}
}
article.about section.col{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
vertical-align:top;
width:44.5%;
margin:0 2.5%}
@media (max-width:768px){article.about section.col{width:auto;
margin:0}
}
article.about ul.skillz{margin:60px auto;
padding:0;
width:500px;
font-size:0}
@media (max-width:768px){article.about ul.skillz{width:90%;
margin-left:auto;
margin-right:auto}
}
@media (max-width:480px){article.about ul.skillz{width:auto;
margin:20px auto 40px}
}
article.about ul.skillz li{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
font-size:18px;
font-weight:200;
text-align:center;
width:42%;
margin:2px 4%;
padding:5px 0;
color:#555;
border-bottom:1px solid #ddd}
@media (max-width:480px){article.about ul.skillz li{font-size:13px;
width:46%;
margin:2px 2%}
}
article.about .insta{margin:100px auto 0;
text-align:center}
@media (max-width:480px){article.about .insta{margin:40px auto 0}
}
article.about .insta header{font-size:30px;
font-weight:200;
font-style:italic;
padding-bottom:40px;
color:#555}
@media (max-width:480px){article.about .insta header{font-size:22px;
padding-bottom:15px}
}
article.about .insta .button{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
width:220px;
font-size:18px;
border-color:#3f729b;
background-color:rgba(63,114,155,0.05);
color:#3f729b;
margin-top:50px}
@media (min-width:480px){article.about .insta .button:hover{background-color:#3f729b;
color:#fff}
}
@media (max-width:480px){article.about .insta .button{width:100%;
font-size:16px;
padding:15px 0;
margin-top:30px}
}
article.work{text-align:center;
font-size:0}
article.work .width{padding:50px 0 100px;
width:800px}
@media (max-width:960px){article.work .width{width:80%;
margin-left:auto;
margin-right:auto}
}
@media (max-width:480px){article.work .width{width:auto;
padding:30px 0 60px;
margin-left:20px;
margin-right:20px}
}
article.work a{color:#2477ad}
article.work a:hover{color:#3498db}
article.work h1,article.work h2,article.work h3{display:none}
article.work article.project{position:relative;
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
vertical-align:bottom;
width:240px;
margin:8px;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
background-color:rgba(110,110,110,0.3);
-webkit-transition:background-color 0.25s;
-moz-transition:background-color 0.25s;
-o-transition:background-color 0.25s;
transition:background-color 0.25s}
@media (max-width:500px){article.work article.project{width:100%;
margin:8px 0}
}
@media (min-width:520px){article.work article.project.ve:hover{background-color:rgba(110,110,110,0.6)}
}
@media (min-width:520px){article.work article.project.transmarket:hover{background-color:rgba(110,110,110,0.6)}
}
@media (min-width:520px){article.work article.project.scorestreak:hover{background-color:rgba(110,110,110,0.6)}
}
@media (min-width:520px){article.work article.project.anyperk:hover{background-color:rgba(110,110,110,0.6)}
}
@media (min-width:520px){article.work article.project.ted:hover{background-color:rgba(110,110,110,0.6)}
}
@media (min-width:520px){article.work article.project.adcommittee:hover{background-color:rgba(110,110,110,0.6)}
}
@media (min-width:520px){article.work article.project.gulfstream:hover{background-color:rgba(110,110,110,0.6)}
}
@media (min-width:520px){article.work article.project.sparked:hover{background-color:rgba(110,110,110,0.6)}
}
article.work article.project a{display:block;
padding:16px 0 20px}
article.work article.project p{position:relative;
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
text-align:center;
color:rgba(0,0,0,0.4);
font-size:13px;
line-height:26px;
width:100%;
padding-top:8px;
margin:auto}
article.work article.project p span{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline}
article.work article.project p span:before{content:'•';
padding:0 3px;
font-size:8px;
color:rgba(0,0,0,0.15)}
article.work article.project p span:first-child:before{content:''}
article.work article.project .footer{position:relative;
display:block;
padding-top:10px;
font-size:13px;
line-height:100%}
article.work article.project.ve footer{color:#b49049}
article.work article.project.transmarket footer{color:#3d8595}
article.work article.project.scorestreak footer{color:#8ca829}
article.work article.project.ted footer{color:#ff2b06}
article.work article.project.sparked footer{color:#4ac7d6}
article.work article.project.anyperk footer{color:#ed6439}
article.work article.project.gulfstream footer{color:#1b506f}
article.work article.project.adcommittee footer{color:#2891be}
article.work .dribbble-button{position:relative;
display:block;
width:280px;
font-size:18px;
line-height:18px;
padding:18px 0;
border-color:#ea4c89;
color:#ea4c89;
background-color:rgba(234,76,137,0.05);
margin-top:50px}
article.work .dribbble-button .icon{padding-right:5px}
@media (min-width:480px){article.work .dribbble-button:hover{background-color:#ea4c89;
color:#fff}
}
@media (max-width:480px){article.work .dribbble-button{width:100%;
font-size:16px;
line-height:16px;
margin-top:30px}
}
article.work .reviews{margin-top:80px;
padding-top:80px;
border-top:1px solid #ddd}
@media (max-width:480px){article.work .reviews{padding-top:50px;
margin-top:50px}
}
article.work .reviews .review{position:relative;
padding-left:100px;
font-size:18px;
line-height:175%;
color:#555;
text-align:left}
@media (max-width:480px){article.work .reviews .review{padding-left:35px;
font-size:16px}
}
article.work .reviews .review:before{position:absolute;
top:80px;
left:0;
content:'"';
font-family:Helvetica,"Lucida Sans","Times New Roman",serif;
font-size:300px;
color:#e5e5e5;
z-index:-1}
@media (max-width:480px){article.work .reviews .review:before{top:60px;
left:-40px}
}
article.work .reviews .review cite{display:block;
color:#aaa;
padding-top:15px}
@media (max-width:480px){article.work .reviews .review cite{font-size:14px}
}
article.work .reviews .review cite:before{content:'—';
margin-right:10px}
.project-logo{display:block;
margin:0 auto;
background-image:url('../images/logos.png');

background-size:1000px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.project-logo{background-image:url('../images/logos@2x.png')
}
}
.project-logo.ve{width:105px;
height:120px;
background-position:0 27px}
.project-logo.transmarket{width:140px;
height:120px;
background-position:-110px 6px}
.project-logo.scorestreak{width:121px;
height:120px;
background-position:-253px 6px}
.project-logo.ted{width:135px;
height:120px;
background-position:-377px 35px}
.project-logo.sparked{width:145px;
height:120px;
background-position:-512px 30px}
.project-logo.anyperk{width:115px;
height:120px;
background-position:-657px 20px}
.project-logo.gulfstream{width:120px;
height:120px;
background-position:-872px 18px}
.project-logo.adcommittee{width:100px;
height:120px;
background-position:-770px 15px}
aside.project{position:fixed;
top:30px;
left:105%;
width:100%;
bottom:0;
background:#fff;
font-size:18px;
line-height:175%;
text-align:center;
color:#555;
z-index:5}
@media (max-width:480px){aside.project{font-size:16px;
text-align:left}
}
aside.project .project-loading{position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(110,110,110,0.95);
z-index:-1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.15s;
-moz-transition:opacity 0.15s;
-o-transition:opacity 0.15s;
transition:opacity 0.15s;
transform:translateZ(0);
will-change:opacity}
aside.project .project-loading.show{z-index:2;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1}
aside.project .project-loading .center{position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:60px;
height:80px;
text-align:center}
aside.project .project-loading .center .icon.bad{font-size:30px;
line-height:60px;
color:#eaeaea}
aside.project .project-loading .center .spinner>div{width:10px;
height:10px;
background-color:#eaeaea}
aside.project .scroll-container{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.15s;
-moz-transition:opacity 0.15s;
-o-transition:opacity 0.15s;
transition:opacity 0.15s;
transform:translateZ(0);
will-change:opacity;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow-y:scroll;
z-index:1;
-webkit-overflow-scrolling:touch}
aside.project .scroll-container.show{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1}
aside.project .scroll-container .inner{position:relative;
padding:100px 0 50px}
@media (max-width:768px){aside.project .scroll-container .inner{padding:80px 0 40px}
}
@media (max-width:480px){aside.project .scroll-container .inner{padding:60px 0 30px}
}
aside.project header.project-header-bar{position:relative;
text-align:center;
background:rgba(110,110,110,0.96);
border-bottom:2px solid rgba(240,240,240,0.96);
z-index:3}
@media (max-width:768px){aside.project header.project-header-bar .width{position:static}
}
aside.project header.project-header-bar .back-button{position:absolute;
left:0;
top:0;
padding:18px 10px;
cursor:pointer;
font-size:16px;
font-weight:100}
aside.project header.project-header-bar .back-button .icon{position:relative;
top:-1px;
font-size:11px;
padding-right:3px}
@media (max-width:768px){aside.project header.project-header-bar .back-button{font-size:14px;
padding:12px 10px}
aside.project header.project-header-bar .back-button .icon{font-size:9px}
}
aside.project header.project-header-bar .project-title{margin:0;
font-size:22px;
font-weight:400;
padding:16px 0}
@media (max-width:768px){aside.project header.project-header-bar .project-title{font-size:18px;
padding:12px 0}
}
aside.project section.project-content .width{width:768px}
@media (max-width:768px){aside.project section.project-content .width{width:auto}
}
aside.project small{display:block;
font-family:Georgia,serif;
font-style:italic;
color:#777;
font-size:16px;
text-align:center}
aside.project header.project-header h2{text-align:center;
font-weight:200}
@media (max-width:480px){aside.project header.project-header h2{font-size:20px}
}
aside.project ul.my-part{margin:50px 0;
padding:50px 10%;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
list-style:none;
font-size:0}
@media (max-width:480px){aside.project ul.my-part{padding:30px 0;
margin:30px 0}
}
aside.project ul.my-part li{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
width:200px;
text-align:center;
line-height:40px;
font-size:16px}
@media (max-width:480px){aside.project ul.my-part li{width:140px;
font-size:12px;
line-height:20px}
}
aside.project .visit-site-button{display:block;
margin:0 auto;
width:400px;
padding:15px 0;
border:2px solid #ccc;
text-align:center}
@media (max-width:480px){aside.project .visit-site-button{width:260px}
}
aside.project .other-projects{display:block;
width:260px;
margin:50px auto 0;
font-size:14px;
text-align:center;
cursor:pointer;
color:#999}
aside.project .other-projects .icon{font-size:8px;
padding-right:4px}
aside.project.ve a{color:#b49049}
aside.project.ve a:hover{color:#c1943c}
aside.project.ve header.project-header-bar{color:#b49049}
aside.project.ve .visit-site-button{border-color:#b49049;
background:rgba(180,144,73,0.05)}
aside.project.ve .visit-site-button:hover,aside.project.ve .visit-site-button:active{background:#b49049;
color:#fff}
aside.project.ve ul.my-part{color:#b49049}
aside.project.transmarket a{color:#3d8595}
aside.project.transmarket a:hover{color:#338ca0}
aside.project.transmarket header.project-header-bar{color:#3d8595}
aside.project.transmarket .visit-site-button{border-color:#3d8595;
background:rgba(61,133,149,0.05)}
aside.project.transmarket .visit-site-button:hover,aside.project.transmarket .visit-site-button:active{background:#3d8595;
color:#fff}
aside.project.transmarket ul.my-part{color:#3d8595}
aside.project.scorestreak a{color:#8ca829}
aside.project.scorestreak a:hover{color:#92b21f}
aside.project.scorestreak header.project-header-bar{color:#8ca829}
aside.project.scorestreak .visit-site-button{border-color:#8ca829;
background:rgba(140,168,41,0.05)}
aside.project.scorestreak .visit-site-button:hover,aside.project.scorestreak .visit-site-button:active{background:#8ca829;
color:#fff}
aside.project.scorestreak ul.my-part{color:#8ca829}
aside.project.anyperk a{color:#ed6439}
aside.project.anyperk a:hover{color:#f85e2e}
aside.project.anyperk header.project-header-bar{color:#ed6439}
aside.project.anyperk .visit-site-button{border-color:#ed6439;
background:rgba(237,100,57,0.05)}
aside.project.anyperk .visit-site-button:hover,aside.project.anyperk .visit-site-button:active{background:#ed6439;
color:#fff}
aside.project.anyperk ul.my-part{color:#ed6439}
aside.project.ted a{color:#ff2b06}
aside.project.ted a:hover{color:#ff2b06}
aside.project.ted header.project-header-bar{color:#ff2b06}
aside.project.ted .visit-site-button{border-color:#ff2b06;
background:rgba(255,43,6,0.05)}
aside.project.ted .visit-site-button:hover,aside.project.ted .visit-site-button:active{background:#ff2b06;
color:#fff}
aside.project.ted ul.my-part{color:#ff2b06}
aside.project.adcommittee a{color:#2891be}
aside.project.adcommittee a:hover{color:#1d96ca}
aside.project.adcommittee header.project-header-bar{color:#2891be}
aside.project.adcommittee .visit-site-button{border-color:#2891be;
background:rgba(40,145,190,0.05)}
aside.project.adcommittee .visit-site-button:hover,aside.project.adcommittee .visit-site-button:active{background:#2891be;
color:#fff}
aside.project.adcommittee ul.my-part{color:#2891be}
aside.project.gulfstream a{color:#1b506f}
aside.project.gulfstream a:hover{color:#145276}
aside.project.gulfstream header.project-header-bar{color:#1b506f}
aside.project.gulfstream .visit-site-button{border-color:#1b506f;
background:rgba(27,80,111,0.05)}
aside.project.gulfstream .visit-site-button:hover,aside.project.gulfstream .visit-site-button:active{background:#1b506f;
color:#fff}
aside.project.gulfstream ul.my-part{color:#1b506f}
aside.project.sparked a{color:#4ac7d6}
aside.project.sparked a:hover{color:#3fd0e1}
aside.project.sparked header.project-header-bar{color:#4ac7d6}
aside.project.sparked .visit-site-button{border-color:#4ac7d6;
background:rgba(74,199,214,0.05)}
aside.project.sparked .visit-site-button:hover,aside.project.sparked .visit-site-button:active{background:#4ac7d6;
color:#fff}
aside.project.sparked ul.my-part{color:#4ac7d6}
article.contact{text-align:center;
font-size:0;
padding:60px 0}
@media (max-width:768px){article.contact{padding:40px 0 60px}
}
@media (max-width:480px){article.contact{padding:20px 0 40px}
}
article.contact a{color:#803a9d}
article.contact a:hover{color:#9b59b6}
article.contact .col{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
vertical-align:top;
font-size:18px;
line-height:175%}
@media (max-width:480px){article.contact .col{font-size:17px}
}
article.contact .col.left{width:50%}
@media (max-width:1200px){article.contact .col.left{width:55%}
}
@media (max-width:960px){article.contact .col.left{width:54%}
}
@media (max-width:768px){article.contact .col.left{width:100%}
}
article.contact .col.right{width:40%;
margin-left:10%;
padding-top:90px}
@media (max-width:1200px){article.contact .col.right{margin-left:5%}
}
@media (max-width:768px){article.contact .col.right{display:none}
}
article.contact h3.chat{font-size:30px;
font-weight:300;
color:#803a9d}
article.contact form{margin-top:40px;
width:80%;
margin-left:auto;
margin-right:auto}
article.contact form textarea{min-height:150px}
@media (max-width:960px){article.contact form{width:100%}
}
@media (max-width:768px){article.contact form{width:70%}
}
@media (max-width:480px){article.contact form{width:100%}
}
article.contact button{padding:12px 0;
border-color:#803a9d;
color:#803a9d}
article.contact button:hover{background:#803a9d !important;
color:#fff}
















article.process{

	text-align:center
}
@media (max-width:768px){article.process{padding:0 0 60px}
}
@media (max-width:480px){article.process{padding:0 0 40px}
}
article.process .width{width:750px}
@media (max-width:768px){article.process .width{width:460px;
margin-left:auto;
margin-right:auto}
}
@media (max-width:480px){article.process .width{width:auto;
margin-left:20px;
margin-right:20px}
}
article.process a{color:#be4c00}
article.process a:hover{color:#ef3a4c}
article.process h3.process{display:none;
font-size:30px;
font-weight:300;
color:#be4c00}
article.process article.step{position:relative;
padding-left:200px;
margin-top:80px;
text-align:left}
@media (max-width:480px){article.process article.step{padding-left:40px;
margin-top:40px}
}
article.process article.step header{color:#ef3a4c;
letter-spacing:0;
font-weight:500;
font-size:20px;
margin-bottom:3px}
article.process article.step aside.icon-sq{position:absolute;
top:0;
left:0;
width:160px;
text-align:center;
border-right:1px solid #dfdfdf}
article.process article.step aside.icon-sq i.icon{font-size:40px;
line-height:130px;
vertical-align:middle;
color:#ef3a4c}
article.process article.step aside.icon-sq i.icon.mockup,article.process article.step aside.icon-sq i.icon.code,article.process article.step aside.icon-sq i.icon.enhance{font-size:44px}
article.process article.step aside.icon-sq:after{font-family:'bad';
content:"\f063";
position:absolute;
bottom:-34px;
right:-14px;
font-size:12px;
color:#dfdfdf}
@media (max-width:480px){article.process article.step aside.icon-sq:after{display:none}
}
@media (max-width:480px){article.process article.step aside.icon-sq{width:50px;
border-right:0}
article.process article.step aside.icon-sq i.icon{font-size:12px;
line-height:32px}
article.process article.step aside.icon-sq i.icon.mockup,article.process article.step aside.icon-sq i.icon.code,article.process article.step aside.icon-sq i.icon.enhance{font-size:13px}
}
article.process article.step.testing aside.icon-sq:after{display:none}

















article.process2{
	padding:20px 0 80px;
	text-align:center
}
@media (max-width:768px){article.process2{padding:0 0 60px}
}
@media (max-width:480px){article.process2{padding:0 0 40px}
}
article.process2 .width{width:700px}
@media (max-width:768px){article.process2 .width{width:460px;
margin-left:auto;
margin-right:auto}
}
@media (max-width:480px){article.process2 .width{width:auto;
margin-left:20px;
margin-right:20px}
}
article.process2 a{color:#ef3a4c}
article.process2 a:hover{color:#ef3a4c}
article.process2 h3.process{display:none;
font-size:30px;
font-weight:300;
color:#ef3a4c}
article.process2 article.step{position:relative;
padding-left:200px;
margin-top:80px;
text-align:left}
@media (max-width:480px){article.process2 article.step{padding-left:60px;
margin-top:40px}
}
article.process2 article.step header{color:#ef3a4c;
letter-spacing:0;
font-weight:500;
font-size:20px;
margin-bottom:3px}
article.process2 article.step aside.icon-sq{position:absolute;
top:0;
left:0;
width:160px;
text-align:center;
border-right:1px solid #dfdfdf}
article.process2 article.step aside.icon-sq i.icon{font-size:40px;
line-height:130px;
vertical-align:middle;
color:#ef3a4c}
article.process2 article.step aside.icon-sq i.icon.mockup,article.process2 article.step aside.icon-sq i.icon.code,article.process2 article.step aside.icon-sq i.icon.enhance{font-size:44px}
article.process2 article.step aside.icon-sq:after{
position:absolute;
bottom:-34px;
right:-14px;
font-size:12px;
color:#dfdfdf}
@media (max-width:480px){article.process2 article.step aside.icon-sq:after{display:none}
}
@media (max-width:480px){article.process2 article.step aside.icon-sq{width:50px;
border-right:0}
article.process2 article.step aside.icon-sq i.icon{font-size:12px;
line-height:32px}
article.process2 article.step aside.icon-sq i.icon.mockup,article.process2 article.step aside.icon-sq i.icon.code,article.process2 article.step aside.icon-sq i.icon.enhance{font-size:13px}
}
article.process2 article.step.testing aside.icon-sq:after{display:none}















aside.project section.screenshots{text-align:center}
aside.project section.screenshots .row{margin-bottom:100px}
@media (max-width:960px){aside.project section.screenshots .row{margin-bottom:40px}
}
@media (max-width:480px){aside.project section.screenshots .row{margin-bottom:0}
}
aside.project section.screenshots .screenshot{position:relative;
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
margin:0;
padding:0;
background-size:100%;
background-position:50% 0;
background-repeat:no-repeat;
-webkit-box-shadow:-3px 3px #ccc,-2px 2px #ccc,-1px 1px #ccc;
-moz-box-shadow:-3px 3px #ccc,-2px 2px #ccc,-1px 1px #ccc;
box-shadow:-3px 3px #ccc,-2px 2px #ccc,-1px 1px #ccc;
border:1px solid #ccc;
overflow:hidden}
aside.project section.screenshots .screenshot.full{width:1200px;
height:900px;
margin-bottom:100px}
@media (max-width:1200px){aside.project section.screenshots .screenshot.full{width:940px;
height:705px}
}
@media (max-width:960px){aside.project section.screenshots .screenshot.full{width:760px;
height:570px;
margin-bottom:40px}
}
@media (max-width:768px){aside.project section.screenshots .screenshot.full{width:590px;
height:442px}
}
@media (max-width:600px){aside.project section.screenshots .screenshot.full{width:470px;
height:352px}
}
@media (max-width:480px){aside.project section.screenshots .screenshot.full{width:310px;
height:232px}
}
aside.project section.screenshots .screenshot.mobile{display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
width:320px;
height:548px;
margin-left:30px}
aside.project section.screenshots .screenshot.mobile:first-child{margin-left:0}
@media (max-width:1200px){aside.project section.screenshots .screenshot.mobile{width:300px;
height:517px;
margin-left:10px}
}
@media (max-width:960px){aside.project section.screenshots .screenshot.mobile{width:240px;
height:413px}
}
@media (max-width:768px){aside.project section.screenshots .screenshot.mobile{width:180px;
height:310px;
margin-left:20px}
}
@media (max-width:600px){aside.project section.screenshots .screenshot.mobile{width:140px;
height:241px;
margin-left:15px}
}
@media (max-width:480px){aside.project section.screenshots .screenshot.mobile{width:200px;
height:344px;
margin-bottom:40px;
margin-left:0}
}
aside.project section.screenshots .screenshot.scorestreak-in-game{background-image:url('../images/scorestreak-in-game.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-matchup{background-image:url('../images/scorestreak-matchup.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-leaderboards{background-image:url('../images/scorestreak-leaderboards.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-profile{background-image:url('../images/scorestreak-profile.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-marketing{background-image:url('../images/scorestreak-marketing.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-tesla{background-image:url('../images/scorestreak-tesla.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-bizcard{background-image:url('../images/scorestreak-bizcard.jpg')
}
aside.project section.screenshots .screenshot.ve-hero{background-image:url('../images/ve-hero.jpg')
}
aside.project section.screenshots .screenshot.ve-post{background-image:url('../images/ve-post.jpg')
}
aside.project section.screenshots .screenshot.ve-menu{background-image:url('../images/ve-menu.jpg')
}
aside.project section.screenshots .screenshot.ve-insta{background-image:url('../images/ve-insta.jpg')
}
aside.project section.screenshots .screenshot.ve-profile{background-image:url('../images/ve-profile.jpg')
}
aside.project section.screenshots .screenshot.ve-shop{background-image:url('../images/ve-shop.jpg')
}
aside.project section.screenshots .screenshot.anyperk-perks{background-image:url('../images/anyperk-perks.jpg')
}
aside.project section.screenshots .screenshot.anyperk-saved{background-image:url('../images/anyperk-saved.jpg')
}
aside.project section.screenshots .screenshot.ted-sole{background-image:url('../images/ted-sole.jpg')
}
aside.project section.screenshots .screenshot.sparked-grumpy{background-image:url('../images/sparked-grumpy.jpg')
}
aside.project section.screenshots .screenshot.sparked-slider{background-image:url('../images/sparked-slider.gif')
}
aside.project section.screenshots .screenshot.sparked-win{background-image:url('../images/sparked-win.jpg')
}
aside.project section.screenshots .screenshot.sparked-infographic{background-image:url('../images/sparked-infographic.jpg')
}
aside.project section.screenshots .screenshot.transmarket-homepage{background-image:url('../images/transmarket-homepage.jpg')
}
aside.project section.screenshots .screenshot.transmarket-sanitary{background-image:url('../images/transmarket-sanitary.jpg')
}
aside.project section.screenshots .screenshot.transmarket-footer{background-image:url('../images/transmarket-footer.jpg')
}
aside.project section.screenshots .screenshot.transmarket-icons{background-image:url('../images/transmarket-icons.jpg')
}
aside.project section.screenshots .screenshot.transmarket-bizcard{background-image:url('../images/transmarket-bizcard.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding1{background-image:url('../images/transmarket-branding1.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding2{background-image:url('../images/transmarket-branding2.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding3{background-image:url('../images/transmarket-branding3.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding4{background-image:url('../images/transmarket-branding4.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding5{background-image:url('../images/transmarket-branding5.jpg')
}
aside.project section.screenshots .screenshot.adcommittee-homepage{background-image:url('../images/adcommittee-homepage.jpg')
}
aside.project section.screenshots .screenshot.adcommittee-pricing{background-image:url('../images/adcommittee-pricing.jpg')
}
aside.project section.screenshots .screenshot.adcommittee-app{background-image:url('../images/adcommittee-app.jpg')
}
aside.project section.screenshots .screenshot.gulfstream-identity{background-image:url('../images/gulfstream-identity.jpg')
}
aside.project section.screenshots .screenshot.gulfstream-bizcard{background-image:url('../images/gulfstream-bizcard.jpg')
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){aside.project section.screenshots .screenshot.scorestreak-in-game{background-image:url('../images/scorestreak-in-game@2x.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-matchup{background-image:url('../images/scorestreak-matchup@2x.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-leaderboards{background-image:url('../images/scorestreak-leaderboards@2x.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-profile{background-image:url('../images/scorestreak-profile@2x.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-marketing{background-image:url('../images/scorestreak-marketing@2x.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-tesla{background-image:url('../images/scorestreak-tesla@2x.jpg')
}
aside.project section.screenshots .screenshot.scorestreak-bizcard{background-image:url('../images/scorestreak-bizcard@2x.jpg')
}
aside.project section.screenshots .screenshot.ve-hero{background-image:url('../images/ve-hero@2x.jpg')
}
aside.project section.screenshots .screenshot.ve-post{background-image:url('../images/ve-post@2x.jpg')
}
aside.project section.screenshots .screenshot.ve-menu{background-image:url('../images/ve-menu@2x.jpg')
}
aside.project section.screenshots .screenshot.ve-insta{background-image:url('../images/ve-insta@2x.jpg')
}
aside.project section.screenshots .screenshot.ve-profile{background-image:url('../images/ve-profile@2x.jpg')
}
aside.project section.screenshots .screenshot.ve-shop{background-image:url('../images/ve-shop@2x.jpg')
}
aside.project section.screenshots .screenshot.anyperk-perks{background-image:url('../images/anyperk-perks@2x.jpg')
}
aside.project section.screenshots .screenshot.anyperk-saved{background-image:url('../images/anyperk-saved@2x.jpg')
}
aside.project section.screenshots .screenshot.ted-sole{background-image:url('../images/ted-sole@2x.jpg')
}
aside.project section.screenshots .screenshot.sparked-grumpy{background-image:url('../images/sparked-grumpy@2x.jpg')
}
aside.project section.screenshots .screenshot.sparked-slider{background-image:url('../images/sparked-slider@2x.gif')
}
aside.project section.screenshots .screenshot.sparked-win{background-image:url('../images/sparked-win@2x.jpg')
}
aside.project section.screenshots .screenshot.sparked-infographic{background-image:url('../images/sparked-infographic@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-homepage{background-image:url('../images/transmarket-homepage@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-sanitary{background-image:url('../images/transmarket-sanitary@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-footer{background-image:url('../images/transmarket-footer@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-icons{background-image:url('../images/transmarket-icons@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-bizcard{background-image:url('../images/transmarket-bizcard@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding1{background-image:url('../images/transmarket-branding1@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding2{background-image:url('../images/transmarket-branding2@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding3{background-image:url('../images/transmarket-branding3@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding4{background-image:url('../images/transmarket-branding4@2x.jpg')
}
aside.project section.screenshots .screenshot.transmarket-branding5{background-image:url('../images/transmarket-branding5@2x.jpg')
}
aside.project section.screenshots .screenshot.adcommittee-homepage{background-image:url('../images/adcommittee-homepage@2x.jpg')
}
aside.project section.screenshots .screenshot.adcommittee-pricing{background-image:url('../images/adcommittee-pricing@2x.jpg')
}
aside.project section.screenshots .screenshot.adcommittee-app{background-image:url('../images/adcommittee-app@2x.jpg')
}
aside.project section.screenshots .screenshot.gulfstream-identity{background-image:url('../images/gulfstream-identity@2x.jpg')
}
aside.project section.screenshots .screenshot.gulfstream-bizcard{background-image:url('../images/gulfstream-bizcard@2x.jpg')
}
}
html.touch button:hover,html.touch .button:hover{background:inherit !important;
color:inherit !important}








































@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}





































div.orgChart *{
	font-weight			  :300 !important;
	font-size			  :13px !important;
}

div.orgChart h2 {
    margin                : 0px;
    font-size             : 1em;
    border-bottom         : 1px solid #888;
    border-bottom         : none;
}

div.orgChart ul {
    list-style            : none;
    margin                : 4px;
    padding               : 0px;
    font-size             : 0.8em;
    text-align            : left;
}

div.orgChart ul.stack,
div.orgChart ul.stack ul {
    text-align            : center;
}

div.orgChart table {
    width                 : 100%;
}

div.orgChart tr.lines td.line {
    width                 : 1px;
    height                : 20px;
}

div.orgChart tr.lines td.top {
    border-top            : 1px solid #888;
}

div.orgChart tr.lines td.left {
    border-right          : 1px solid #888;
}

div.orgChart tr.lines td.right {
    border-left           : 1px solid #888;
}

div.orgChart td {
    text-align            : center;
    vertical-align        : top;
    padding               : 0px 2px;
}

div.orgChart div.node {
    cursor                : default;
    border                : 1px solid #999;
    display               : inline-block;
    padding               : 5px 4px;
	white-space			  : nowrap;
    background-color      : #fff;
    line-height           : 1.3em;
}

div.orgChart div.hasChildren {
    background-color      : #f9f9f9;
}

div.orgChart.interactive div.hasChildren {
    cursor                : pointer;
}

div.orgChart div.node.hover {
    background-color      : white;
}












.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	background: #ffffff;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	background: #efefef;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #e6e6e6 ;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	/*border-top-left-radius: 4px;*/
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	/*border-top-right-radius: 4px;*/
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	/*border-bottom-left-radius: 4px;*/
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	/*border-bottom-right-radius: 4px;*/
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa ;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}


.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}




.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}