*, html, body{font-family:"Proxima Nova", sans-serif;-webkit-font-smoothing:antialiased;}
*{box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, ul, li{padding:0;}
p, ul, li{line-height:1.6;}
.max-500{max-width:500px;}
.max-250{max-width:250px;}

.overlay{position:absolute;top:0;left:0;width:100vw;height:110vh;background:rgba(10,20,50,.5);}
.fleava-logo{position:fixed;top:30px;right:30px;width:100px;height:100px;padding:40px 18px;border-radius:50%;background-color:rgba(50,60,80,.98);z-index:99;overflow:hidden;background:linear-gradient(270deg, #F2A663, #db53e8, #32b8da, #31bd8e);background-size:1000% 1000%;-webkit-animation:Gradient 10s linear infinite;-moz-animation:Gradient 10s linear infinite;animation:Gradient 10s linear infinite;-webkit-transition:none;transition:none;}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes Gradient{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes Gradient{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
#lcd-clock {
  width: 66%; /* set the width of the clock display */
  margin: 0 auto;
}



#main-container {

}


body.safari .overflow-x-hide {width:100%; overflow-x:hidden; overflow-y:visible; }
/* svg specific css */
.lcd-element {
  fill: #5D181B;
  fill: #2c175b;
  transition: all 0.2s ease-out
}
.lcd-element-active {
  fill: #FA4031;
  fill: #8131f9;
}


/*
all number-is-* classes are applied alongside .digit
eg <g class="hour digit digit-1 number-is-3">
*/

/* 1 */
.number-is-1 .top-right,
.number-is-1 .bottom-right,
/* 2 */
.number-is-2 .top-center,
.number-is-2 .top-right,
.number-is-2 .mid-center,
.number-is-2 .bottom-left,
.number-is-2 .bottom-center,
/* 3 */
.number-is-3 .top-center,
.number-is-3 .top-right,
.number-is-3 .mid-center,
.number-is-3 .bottom-right,
.number-is-3 .bottom-center,
/* 4 */
.number-is-4 .top-left,
.number-is-4 .top-right,
.number-is-4 .mid-center,
.number-is-4 .bottom-right,
/* 5 */
.number-is-5 .top-center,
.number-is-5 .top-left,
.number-is-5 .mid-center,
.number-is-5 .bottom-right,
.number-is-5 .bottom-center,
/* 6 */
.number-is-6 .top-center,
.number-is-6 .top-left,
.number-is-6 .mid-center,
.number-is-6 .bottom-right,
.number-is-6 .bottom-left,
.number-is-6 .bottom-center,
/* 7 */
.number-is-7 .top-center,
.number-is-7 .top-right,
.number-is-7 .bottom-right,
/* 8 */
.number-is-8 .top-center,
.number-is-8 .top-left,
.number-is-8 .top-right,
.number-is-8 .mid-center,
.number-is-8 .bottom-right,
.number-is-8 .bottom-left,
.number-is-8 .bottom-center,
/* 9 */
.number-is-9 .top-center,
.number-is-9 .top-left,
.number-is-9 .top-right,
.number-is-9 .mid-center,
.number-is-9 .bottom-right,
.number-is-9 .bottom-center,
/* 0 */
.number-is-0 .top-center,
.number-is-0 .top-left,
.number-is-0 .top-right,
.number-is-0 .bottom-right,
.number-is-0 .bottom-left,
.number-is-0 .bottom-center
{
  fill: #FA4031;
  fill: #8131f9;
}

.team-slider li {
    padding-right: 1.5rem;
}

.lightbox-link.icon-play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
}

/* Folio Filter */
.portfolio-filter-menu ul,
.portfolio-filter-menu li{
	padding: 0;
	text-transform: none;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
}
.portfolio-filter-menu li{
	padding: 0.8rem 1.5rem;
	display: inline-block;
}
.portfolio-filter-menu.list-vertical li{
	display: block;
	padding: 0.8rem 0;
}
.portfolio-filter-menu:not(.center):not(.right) li:first-child{
	padding-left: 0;
}
.portfolio-filter-menu.right li:last-child{
	padding-right: 0;
}
.portfolio-filter-menu a{
	padding: 0.5rem 0;
	font-weight: 400;
	color: #999;
	display: block;
	position: relative;
	border-bottom: 1px solid transparent;
}
.portfolio-filter-menu a:hover{
	color: #232323;
}
.portfolio-filter-menu a.active{
	color: #232323;
	border-color: #232323;
}


/* Overlay */
.overlay-info{
	background: rgba(255, 255, 255, 0.5);
}
.overlay-info > span > span{
	text-align: center;
	vertical-align: center;
}
.overlay-info .project-title{
	margin-bottom: 0.8rem;
	display: block;
}
.overlay-fade-img-scale-out .overlay-info .overlay-info{
	opacity: 1;
}
.overlay-fade-img-scale-in .project-title{
	margin-bottom: 0;
}
.caption-below{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	border: none;
	opacity: 0.5;
}

.text-line {
    width: 2rem;
    height: 0.1rem;
    display: inline-block;
}

.text-line{
	width: 0;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
		    transform: rotate(0deg);
	-webkit-transition-property: width, opacity, background-color, transform;
	   -moz-transition-property: width, opacity, background-color, transform;
	     -o-transition-property: width, opacity, background-color, transform;
		    transition-property: width, opacity, background-color, transform;
    -webkit-transition-duration: 400ms;
	   -moz-transition-duration: 400ms;
	     -o-transition-duration: 400ms;
	    -ms-transition-duration: 400ms;
	        transition-duration: 400ms;
}
a.animated-link:hover .text-line,
a.overlay-link:hover .text-line{
	width: 2rem;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
		    transform: rotate(0deg);
}
.mobile .text-line,
a.disabled .text-line{
	-webkit-transition-property: none;
	   -moz-transition-property: none;
	     -o-transition-property: none;
		    transition-property: none;
}
[class*="border-"].thick,
[class*="border-"].thick *{
	border-width: 0.2rem;
}

a.animated-link:hover .text-line, a.overlay-link:hover .text-line {
    width: 2rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background-color: #fff;
}

.form-success .success-icon {float:left; margin-bottom:20px;}
.form-success .success-content {padding-left:100px;}

@media only screen and (max-width:960px){
	.form-success .success-icon {float:none;}
	.form-success .success-content {padding-left:0;}
}

@media only screen and (max-width:768px){
	.form-success .success-icon {float:left;}
	.form-success .success-content {padding-left:100px;}
}

@media only screen and (max-width:480px){
	.form-success .success-icon {float:none;}
	.form-success .success-content {padding-left:0;}
}

.feature-content {overflow-x: hidden}

#demo-canvas{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:0;}
.fleava-logo:hover #demo-canvas{opacity:1;}
.fleava-logo svg{width:100%;height:22px;fill:#fff;}
.footer-logo svg{width:107px;height:30px;fill:rgba(255,255,255,.3);}
.centerize{margin:0 auto;}
.push-up{margin-top:-8rem;}
.push-upper{margin-top:-14rem;}
.push-down{margin-bottom:-4rem;}
.pointereventsnone{pointer-events:none;}
.pointereventsauto{pointer-events:auto;}
a.linehover{position:relative;display:inline-block;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:.5s color cubic-bezier(.19, 1, .22, 1), .5s -webkit-transform cubic-bezier(.19, 1, .22, 1);transition:.5s color cubic-bezier(.19, 1, .22, 1), .5s transform cubic-bezier(.19, 1, .22, 1);}
a.linehover:hover{-webkit-transform:translateX(17px);-ms-transform:translateX(17px);transform:translateX(17px);}
a.linehover:before{position:absolute;top:10px;left:0;width:0;height:1px;background:#fff;content:'';transition:.5s left cubic-bezier(.19, 1, .22, 1), .5s width cubic-bezier(.19, 1, .22, 1);}
a.linehover:after{position:absolute;top:0;left:0;bottom:0;width:34px;content:'';transition:.5s left cubic-bezier(.19, 1, .22, 1);}
a.linehover:hover:before{left:-17px;width:12px;}
a.linehover:before{position:absolute;top:10px;left:0;width:0;height:1px;background:#fff;content:'';transition:.5s left cubic-bezier(.19, 1, .22, 1), .5s width cubic-bezier(.19, 1, .22, 1);}
@media only screen and (max-width:768px){.fleava-logo{display:none;}
}
p.project-scope{font-size:90%;margin-bottom:0}
p.project-scope span{display:block;color:#a5a7a9;margin-bottom:5px;}
.typedmonitor{position:absolute;top:30%;left:50%;width:45%;text-align:left;font-family:"Courier";color:#7f90aa;opacity:.6;}
.typedmonitor span, .typedmonitor em{font-family:"Courier";}
.typedmonitor em{color:#5bc839;font-style:normal;}
.typedmonitor em.grey{color:#565763;}
.typedmonitor em.white{color:#fff;}
.typedmonitor span.typed{color:#fff;font-family:"Courier";}
.typed-cursor{opacity:0;display:none;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;animation:blink 0.7s infinite;}
@keyframes blink{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes blink{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes blink{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.section-block.featured-media{background-color:#0a1432;}
.section-parallax{background:#0a1432;position:relative;z-index:1}
.section-parallax.bkg-white{background:#fff;}
div.gradient-bubble #back-rainbow{width:75%;height:120px;}
div.gradient-bubble svg{position:absolute;bottom:0;right:0;-webkit-transform:translate(0,500px);transform:translate(0,500px);-webkit-transition:-webkit-transform 1s cubic-bezier(.2,1,.2,1);transition:transform 1s cubic-bezier(.2,1,.2,1);}
div.gradient-bubble #front-rainbow{width:60%;height:200px;-webkit-transition-delay:.15s;transition-delay:.15s;}
div.gradient-bubble.visible svg{-webkit-transform:none;transform:none;}
ul.footer-menu{width:50%;float:left;}
ul.footer-menu li a{font-size:.95em;color:rgba(255,255,255,.8) !important;}
ul.footer-menu li a:hover{color:#fff !important;}
.section-testi{position:relative;z-index:9;}
.testimonial-slider .tms-bullet-nav{background:#000;}
.testi-wrapper{padding:8rem 5rem 6rem;margin-bottom:-3rem;}
.services{background:rgb(73,188,148);background:-moz-linear-gradient(-45deg, rgba(73,188,148,1) 0%, rgba(88,191,216,1) 24%, rgba(237,101,232,1) 63%, rgba(244,197,115,1) 100%);background:-webkit-linear-gradient(-45deg, rgba(73,188,148,1) 0%,rgba(88,191,216,1) 24%,rgba(237,101,232,1) 63%,rgba(244,197,115,1) 100%);background:linear-gradient(135deg, rgba(73,188,148,1) 0%,rgba(88,191,216,1) 24%,rgba(237,101,232,1) 63%,rgba(244,197,115,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49bc94', endColorstr='#f4c573',GradientType=1);position:relative;}
#canvas-two{position:absolute;top:0;left:0;width:100%;overflow:hidden;}
.service{position:relative;}
.service a{position:relative;height:100%;}
.service a .feature-column{background-color:#f1f4f8;padding:3rem;color:#555759;position:relative;height:100%;box-shadow:inset -1px 0px 0 rgba(10,20,30,.1), inset 0px -1px 0 rgba(10,20,30,.1);-webkit-transition:all .3s ease;transition:all .3s ease}
.service a:hover .feature-column{background-color:rgba(255, 255, 255, 0);color:#fff;}
.box-btn-btm{opacity:0;position:absolute;bottom:0;left:0;display:block;width:100%;padding:2rem 7rem;font-size:.9em;font-weight:bold;text-transform:uppercase;-webkit-transition:all .6s cubic-bezier(.19, 1, .22, 1);transition:all .6s cubic-bezier(.19, 1, .22, 1);-webkit-transform:translate(-50px,0);transform:translate(-50px,0);}
.box-btn-btm svg{fill:#fff;height:16px;width:21px;display:inline-block;position:relative;top:4px;opacity:0;-webkit-transition:all .7s cubic-bezier(.19, 1, .22, 1) .3s;transition:all .7s cubic-bezier(.19, 1, .22, 1) .3s;-webkit-transform:translate(-20px,0);transform:translate(-20px,0);}
.box-btn-btm:before{content:" ";position:absolute;bottom:5rem;left:0;width:0;height:1px;background-color:rgba(255,255,255,.4);-webkit-transition:width .6s cubic-bezier(.19, 1, .22, 1) .2s;transition:width .6s cubic-bezier(.19, 1, .22, 1) .2s;}
.box:hover .box-btn-btm{opacity:1;-webkit-transform:none;transform:none;}
.box:hover .box-btn-btm:before{width:100%;}
.box:hover .box-btn-btm svg{opacity:1;-webkit-transform:none;transform:none;}
.quicklinks h6{display:inline-block;-webkit-transition:all .6s cubic-bezier(.19, 1, .22, 1);transition:all .6s cubic-bezier(.19, 1, .22, 1);}
.quicklinks svg{fill:#fff;height:16px;width:21px;display:inline-block;position:relative;top:4px;opacity:0;-webkit-transition:all .7s cubic-bezier(.19, 1, .22, 1);transition:all .7s cubic-bezier(.19, 1, .22, 1);-webkit-transform:translate(-20px,0);transform:translate(-20px,0);}
.quicklinks .box:hover h6{color:#fff;-webkit-transform:translate(-20px,0);transform:translate(-20px,0);}
.quicklinks .box:hover svg{opacity:1;-webkit-transform:none;transform:none;}
.vt{position:relative}
.vt iframe{position:absolute;top:0;left:0;}
.vt .vt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,20,40,.6);}
.vt .bgimage{position:absolute;top:0;left:0;width:100%;height:100%;}
.vt-icons{}
.vt-icons li{padding:4rem 1vw 3rem;text-align:center;border-right:1px solid #e5e7e9;}
.vt-icons li:last-child{border-right:none;}
.vt-icons li svg{height:90px;fill:#696f7f;display:block;width:100%;}
.vt-icons:last-child{border-top:1px solid #e5e7e9;}
@media only screen and (max-width:768px){.vt-icons li{padding:3rem;border:none;border-bottom:1px solid #e5e7e9;}
}
.port-slider .tms-arrow-nav, .port-slider .tms-arrow-nav:hover{background-color:transparent;color:#000;}
.port-slider #tms-next{right:-50px;}
.port-slider #tms-prev{left:-50px;}
.port-slider .tms-arrow-nav:before{font-size:1.6em;}
.port-slider .tm-slider-container{box-shadow:0 -2px 20px rgba(0,0,0,.3);}
.port-slider .tm-slider-container.nodrop{box-shadow:none;}
.parallax-overlay{width:100%;height:100%;position:absolute;opacity:.9;background-color:rgba(10,20,40,.5);}
.parallax-overlay.gradient{background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(10,20,30,.9) 80%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(10,20,30,.9) 80%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(10,20,30,.9) 80%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0);}
.parallax-overlay.white{background-color:#fff;opacity:.5;}
.parallax.auto-height{height:auto;}
.parallax.auto-height .tmp-content-inner{padding:100px 0;}
ul.client-logos{padding:0;border-top:1px solid rgba(255,255,255,.2);}
ul.client-logos li{width:16%;float:left;overflow:hidden;margin-bottom:-40px;}
ul.client-logos li span{text-indent:-500%;display:block;}
@media only screen and (max-width:768px){
	ul.client-logos li{width:33%;}
	.parallax-overlay{background-color:rgba(10,20,40,.8);}
}
.grid-item.text-grid{padding:6vw;color:#fff;}
.bkg-gradient-blue{background:rgb(49,189,142);background:-moz-linear-gradient(45deg, rgba(49,189,142,1) 0%, rgba(50,184,218,1) 100%);background:-webkit-linear-gradient(45deg, rgba(49,189,142,1) 0%,rgba(50,184,218,1) 100%);background:linear-gradient(45deg, rgba(49,189,142,1) 0%,rgba(50,184,218,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#31bd8e', endColorstr='#32b8da',GradientType=1);}
.bkg-gradient-pink{background:rgb(219,83,232);background:-moz-linear-gradient(45deg, rgba(219,83,232,1) 0%, rgba(255,154,61,1) 100%);background:-webkit-linear-gradient(45deg, rgba(219,83,232,1) 0%,rgba(255,154,61,1) 100%);background:linear-gradient(45deg, rgba(219,83,232,1) 0%,rgba(255,154,61,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db53e8', endColorstr='#ff9a3d',GradientType=1);}
.bkg-gradient-purple{background:rgb(115,61,102);background:-moz-linear-gradient(-45deg, rgba(115,61,102,1) 0%, rgba(35,53,91,1) 75%, rgba(77,61,100,1) 100%);background:-webkit-linear-gradient(-45deg, rgba(115,61,102,1) 0%,rgba(35,53,91,1) 75%,rgba(77,61,100,1) 100%);background:linear-gradient(135deg, rgba(115,61,102,1) 0%,rgba(35,53,91,1) 75%,rgba(77,61,100,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#733d66', endColorstr='#4d3d64',GradientType=1);}
.drawings{position:relative;max-height:600px;}
.illustration{position:absolute;top:50%;left:50%;max-height:100%;max-width:100%;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.small-margins .grid-item{float:left;padding-left:.5rem;padding-right:.5rem;}
.show{opacity:1;}
.hidden{opacity:0;}
.line-drawing,
.illustration{-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.line-drawing path{fill:none;stroke:#c5c7c9;stroke-width:2;}
path.line-round{stroke-linecap:round;}
path.stroke-medium{stroke-width:2;}
path.stroke-thin{stroke-width:1;}
.blog-masonry.masonry-set-dimensions .post-title{font-size:1.8rem;font-weight:300;line-height:1.2;display:block}
.post-info span, .post-info a{display:inline-block;}
.post-info span{margin-left:1rem;margin-right:1rem;}
#navbar-header{position:fixed;top:0;right:0;left:0;height:60px;background-color:#fff;cursor:pointer;z-index:70;-webkit-transition:all .5s cubic-bezier(.19, 1, .22, 1);transition:all .5s cubic-bezier(.19, 1, .22, 1);}
#navbar-header.menu-hide{left:-70px;}
#navbar-header.menu-hide:hover{left:-20px;}
#navbar-header:focus{outline:none}
#navbar-header:after{position:absolute;top:0;right:0;bottom:0;left:120px;background-color:#fff;border-left:1px solid #d9d9d9;content:''}
#navbar-header-projects-back{position:absolute;top:0;right:0;left:120px;height:61px;background-color:#1d1d1b;z-index:71;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);transition:.6s all cubic-bezier(.19, 1, .22, 1);transition:.6s all cubic-bezier(.19, 1, .22, 1);}
body.expertise #navbar-header-projects-back,body.work #navbar-header-projects-back,body.journal #navbar-header-projects-back{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.projects-back-arrow-left{position:absolute;top:25px;left:50%;margin-left:-35px;width:29px;height:12px;fill:#868686;transition:.8s fill cubic-bezier(.19, 1, .22, 1)}
#projects-back-grid{position:absolute;top:19px;left:50%;margin-left:30px;width:24px;height:24px;overflow:hidden}
.projects-back-grid-square{position:absolute;width:10px;height:10px;border:1px solid #c6c6c5;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1);transition:.8s transform cubic-bezier(.19, 1, .22, 1)}
#projects-back-grid-square-1{top:0;left:0;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .25s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .25s}
#projects-back-grid-square-2{top:0;left:14px;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .2s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .2s}
#projects-back-grid-square-3{top:14px;left:0;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .15s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .15s}
#projects-back-grid-square-4{top:14px;left:14px;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .1s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .1s}
#projects-back-grid-square-5{top:0;left:28px;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .15s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .15s}
#projects-back-grid-square-6{top:0;left:42px;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .1s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .1s}
#projects-back-grid-square-7{top:14px;left:28px;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .05s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .05s}
#projects-back-grid-square-8{top:14px;left:42px;transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) 0s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) 0s}
#navbar-header-toggle{overflow: hidden;position:relative;width:120px;height:100%;z-index:72;background-color:#e5e7e9;transition:.6s background-color cubic-bezier(.19, 1, .22, 1);}
#navbar-header-logo{position:absolute;width:40px;height:28px;top:17px;left:70px;overflow:hidden}
#navbar-header-logo-inner{
	position:absolute;top:0;left:0;bottom:0;text-align:left;
	/*width:160px;-ms-transform:translate(-42px, 0);-webkit-transform:translate3d(-42px, 0, 0);transform:translate3d(-42px, 0, 0);transition:1s -webkit-transform cubic-bezier(.19, 1, .22, 1);transition:1s transform cubic-bezier(.19, 1, .22, 1)*/
}
.navbar-header-icon{position:relative;display:inline-block;vertical-align:top;width:30px;height:100%;margin-right:10px;fill:#303030;transition:.5s fill cubic-bezier(.19, 1, .22, 1)}
#navbar-header-icon-loading{position:relative;height:40px;overflow:hidden;opacity:0;transition:1s opacity cubic-bezier(.19, 1, .22, 1)}
#navbar-header-icon-loading:before,
#navbar-header-icon-loading:after{position:absolute;top:50%;left:50%;content:'';transition:.5s background-color cubic-bezier(.19, 1, .22, 1)}
#navbar-header-icon-loading:before{margin:-20px 0 0 -20px;width:40px;height:40px;border-radius:40px;background-color:#303030;z-index:73}
#navbar-header-icon-loading:after{margin:-11px 0 0 -11px;width:22px;height:22px;border-radius:22px;background-color:#fff;z-index:74}
.navbar-header-loading #navbar-header-icon-loading{opacity:1}
@-webkit-keyframes scaleLoading{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.5);transform:scale(.5)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleLoading{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.5);transform:scale(.5)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
#navbar-btn{position:absolute;top:25px;left:27px;width:29px;height:14px;margin:0;transition:.5s top cubic-bezier(.19, 1, .22, 1)}
#navbar-btn-bars{position:absolute;right:0;width:65px;height:15px;overflow:hidden}
#navbar-btn-bars div{position:absolute;top:0;right:0;width:29px;height:1px;background-color:#000;transition:.5s background-color cubic-bezier(.19, 1, .22, 1)}
#navbar-btn-bars div:nth-child(2){top:7px}
#navbar-btn-bars div:nth-child(3){top:14px}
#navbar-btn-label{position:absolute;top:3px;right:65px;opacity:0;color:#1d1d1b;transition:.5s color cubic-bezier(.19, 1, .22, 1); font-size: .7em; letter-spacing: 2px; text-transform: uppercase;}
.custom-color #navbar-btn-label,
.navbar-header-roadiz #navbar-btn-label{color:#000}
.custom-color-standby #navbar-btn-label{color:#1d1d1b}
#navbar-btn-label-menu{display:block}
.navbar-header-loading #navbar-btn-label-menu{display:none}
#navbar-btn-label-loading{display:none}
.navbar-header-loading #navbar-btn-label-loading{display:block}
#nav{position:fixed;top:0;bottom:0;left:0;width:75%;padding-top:60px;background:#000;border-radius:0;-webkit-transform:translate3D(-100%, 0, 0);-ms-transform:translate3D(-100%, 0, 0);transform:translate3D(-100%, 0, 0);z-index:80}
#nav-inner{position:relative;padding-right:30px;padding-left:30px}
#nav-close{display:none;width:70px;position:absolute;top:70px;left:-100px;margin-top:-70px}
#nav-close-logo{position:relative;width:100%;height:70px;text-align:center;font-size:44px;line-height:91px;color:#ececec;overflow:hidden;}
#nav-close-logo-inner{width:100%;height:100%}
.nav-close-logo-icon{width:70px;height:70px;fill:#ececec;padding:18px;}
#nav-close-line{height:1px;width:70px;background-color:#ececec;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
#nav-close-btn{width:100%;height:70px;position:relative;overflow:hidden;cursor:pointer}
#nav-close-btn-icon{width:37px;height:37px;position:absolute;left:50%;top:50%;margin-left:-19px;margin-top:-23px;overflow:hidden}
#nav-close-btn-icon div{height:1px;width:37px;position:absolute;left:50%;top:50%;margin-left:-18px;background-color:gray}
#nav-close-btn-icon div:before{position:absolute;top:0;left:0;bottom:0;right:100%;content:'';background:#fff;transition:.5s right cubic-bezier(.19, 1, .22, 1)}
#nav-close-btn-icon div:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#nav-close-btn-icon div:nth-child(2){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#nav-close-btn-icon div:nth-child(2):before{transition:.5s right cubic-bezier(.19, 1, .22, 1) .1s}
#nav-close-btn:hover #nav-close-btn-icon div:before{right:0}
#nav-active-item-line{display:none;height:1px;width:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,.35);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
#nav-list{margin:0 0 18px;padding:0;list-style:none}
.nav-item{overflow:hidden;margin-top:-7px}
.nav-link{position:relative;display:inline-block;margin:0;padding-top:7px;padding-bottom:7px;font-size:24px;line-height:28px;color:rgba(255,255,255,.35);font-weight:300;}
.nav-link:hover{color:#727272}
.nav-link.active,
.nav-link.active:hover{cursor:default;color:#ddd}
.nav-link-mask{display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;-ms-transform:translate(-100%, 0);-webkit-transform:translate3D(-100%, 0, 0);transform:translate3D(-100%, 0, 0);transition:-webkit-transform .4s cubic-bezier(.19, 1, .22, 1);transition:transform .4s cubic-bezier(.19, 1, .22, 1)}
.nav-link:hover .nav-link-mask,
.nav-link:focus .nav-link-mask{-ms-transform:translate(0, 0);-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}
.nav-link-mask-text{position:absolute;top:7px;left:0;color:#ddd;font-weight:300;-ms-transform:translate(100%, 0);-webkit-transform:translate3D(100%, 0, 0);transform:translate3D(100%, 0, 0);transition:-webkit-transform .4s cubic-bezier(.19, 1, .22, 1);transition:transform .4s cubic-bezier(.19, 1, .22, 1)}
.nav-link:hover .nav-link-mask-text,
.nav-link:focus .nav-link-mask-text{-ms-transform:translate(0, 0);-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}
#nav-job-link{position:relative;display:block;padding-top:6px;font-size:15px;line-height:32px;color:#727272;transition:.5s color cubic-bezier(.19, 1, .22, 1)}
#nav-job-link:before{position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;opacity:.1;content:''}
#nav-job-link:hover{color:#ddd}
#nav-socials{position:relative;display:block;margin-top:6px;padding-top:10px}
#nav-socials:before{position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;opacity:0;content:''}
.footer #nav-socials:before{display:none;}
#nav-social-title{position:relative;display:inline-block;vertical-align:middle;font:bold 10px/12px 'Proxima Nova', Helvetica, Arial, sans-serif;margin-top:10px;color:#f5f5f5;text-transform:uppercase;letter-spacing:.2em}
#nav-socials-links{display:block;vertical-align:middle;position:relative;top:7px}
.nav-social-link{display:inline-block;width:24px;vertical-align:top;margin-right:8px}
.nav-social-link svg{display:inline-block;width:100%;height:19px;fill:#868686;transition:fill .3s}
.nav-social-link:hover svg{fill:#fff}
#lang-nav{position:absolute;top:15px;right: auto;left: 160px;font-size: 80%;}
.lang-nav-item{display:inline-block;vertical-align:top}
.lang-nav-link{display:inline-block;margin:20px 15px 0;padding-bottom:10px;color:#858789;text-transform:capitalize; letter-spacing: 2px; transition:.6s color cubic-bezier(.19, 1, .22, 1)}
.lang-nav-link span {display: block; font-size:.7em; text-transform: uppercase; line-height: 1;}
.lang-nav-link.active,
.lang-nav-link:hover,
.lang-nav-link:focus{color:#fff}
.lang-nav-link.active{border-bottom:1px solid #fff;cursor:default}
#nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;z-index:65;visibility:hidden}
@media(min-width:768px){#nav{width:760px}
#lang-nav{position:absolute;top:23px;right:34px;}
#nav-socials-links{display:inline;top:4px;left:5px}
#nav-job-link{margin-top:38px}
.nav-link{font-size:44px;line-height:44px}
.nav-link.active,
.nav-link.current-simulated{padding-bottom:15px}
#nav-list{margin-bottom:38px}
#nav-active-item-line{display:block}
#nav-close{display:block}
#nav-inner{margin-top:150px;margin-right:100px;margin-left:175px;padding-left:0}
#navbar-btn{
	-webkit-transition:.5s -webkit-transform cubic-bezier(.19, 1, .22, 1);-ms-transition:.5s -ms-transform cubic-bezier(.19, 1, .22, 1);transition:.5s transform cubic-bezier(.19, 1, .22, 1);
	top:auto;right:24px;bottom:44px;left:auto;
	-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)
}
#navbar-header:hover #navbar-btn {
	-webkit-transform:translateY(-60px) rotate(-90deg);-ms-transform:translateY(-60px) rotate(-90deg);transform:translateY(-60px) rotate(-90deg)
}
.navbar-header-icon{width:40px}
#navbar-header-logo{
	  width: 120px;
    height: 40px;
    right: -30px;
    top: 30px;left:auto;
	-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)
}
#navbar-header-logo svg {
	  width: 60%;
    height: 50%;
}
#navbar-header-toggle{width:100%}
#projects-back-grid{top:40px;right:25px;left:initial;margin:0}
.projects-back-arrow-left{top:44px;right:95px;left:initial;margin:0}
#navbar-header-projects-back{left:0;height:100px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:0;}
#navbar-header-projects-back:hover .projects-back-arrow-left{fill:#a0a0a0}
#navbar-header-projects-back:hover .projects-back-grid-square{-webkit-transform:translateX(-28px);-ms-transform:translateX(-28px);transform:translateX(-28px)}
#navbar-header-projects-back:hover #projects-back-grid-square-1{transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) 0s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) 0s}
#navbar-header-projects-back:hover #projects-back-grid-square-2{transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .05s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .05s}
#navbar-header-projects-back:hover #projects-back-grid-square-5{transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .1s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .1s}
#navbar-header-projects-back:hover #projects-back-grid-square-6{transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .15s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .15s}
#navbar-header-projects-back:hover #projects-back-grid-square-3{transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .1s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .1s}
#navbar-header-projects-back:hover #projects-back-grid-square-4{transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .15s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .15s}
#navbar-header-projects-back:hover #projects-back-grid-square-7{transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .2s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .2s}
#navbar-header-projects-back:hover #projects-back-grid-square-8{transition:.8s -webkit-transform cubic-bezier(.19, 1, .22, 1) .25s;transition:.8s transform cubic-bezier(.19, 1, .22, 1) .25s}
#navbar-header{
	width:95px;
	height:270px;
	top:40px;left:-20px;border:none}
#navbar-header:after{display:none}
.is-desktop.expertise #navbar-header:hover #navbar-header-projects-back,
.is-desktop.work #navbar-header:hover #navbar-header-projects-back,
.is-desktop.journal #navbar-header:hover #navbar-header-projects-back {
	transition:.6s -webkit-transform cubic-bezier(.19, 1, .22, 1) .2s;
	transition:.6s transform cubic-bezier(.19, 1, .22, 1) .2s;
	-webkit-transform:translateY(270px);
	-ms-transform:translateY(270px);
	transform:translateY(270px);opacity:1;
}
}
@media(max-width:768px){
	#navbar-header{left:0 !important;box-shadow: 0 0 3px rgba(0,0,0,.3);}
	#navbar-header-toggle{background-color:#fff!important; }
}
body.backdrop #navbar-header{background-color:transparent;}
body.backdrop #navbar-header-toggle, body.backdrop .tm-lightbox{background-color:rgba(229, 231, 233, .7);-webkit-backdrop-filter:saturate(300%) blur(20px);backdrop-filter:saturate(300%) blur(20px);}
body.backdrop .tm-lightbox{background-color:rgba(255, 255, 255, .7);-webkit-backdrop-filter:saturate(300%) blur(20px);backdrop-filter:saturate(300%) blur(20px);}
.featured-media,
.full-width-slider,
.parallax{height:80vh;min-height:40rem;padding:0;}
.featured-media.small{height:65vh !important;}
.parallax.clients{height:55rem;padding:0;}
.page-intro{height:40rem;}
.window-height{height:100vh;}
.page-intro .full-width-slider,
.window-height .full-width-slider{height:inherit;}
.featured-media .tm-slider-container{background-color:#000;}
.content-slider,
.tms-carousel{background:none;}
.tms-progress-bar{width:0;height:2px;position:absolute;top:50%;left:20%;right:20%;background:none;z-index:2;}
.tms-progress-bar:before{content:" ";position:absolute;top:0;left:0;width:60vw;height:100%;background:rgba(255,255,255,.1);}
.tms-progress-bar:after{content:" ";position:absolute;top:0;left:0;width:60%;height:100%;background:rgb(219,83,232);background:-moz-linear-gradient(45deg, rgba(219,83,232,1) 0%, rgba(255,154,61,1) 100%);background:-webkit-linear-gradient(45deg, rgba(219,83,232,1) 0%,rgba(255,154,61,1) 100%);background:linear-gradient(45deg, rgba(219,83,232,1) 0%,rgba(255,154,61,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db53e8', endColorstr='#ff9a3d',GradientType=1);}
.no-loadingbar .tms-progress-bar{display:none;}
h1.tms-caption{max-width:500px;margin:0 auto;}
.tms-arrow-nav{margin-top:-4rem;width:4.4rem;height:8rem;background-color:#000;font-size:2rem;line-height:8.4rem;color:#fff;border:none;}
.tms-arrow-nav:hover{opacity:0.5 !important;}
.tms-arrow-nav:before{line-height:4.4rem;}
.tms-arrow-nav:hover{width:4.4rem;}
.tms-bullet-nav{background:#fff;}
.tms-nav-dark .tms-bullet-nav{background:#000;}
.hide-arrow-nav .tms-arrow-nav,
.hide-progress .tms-progress-bar{display:none !important}
.featured-media .tms-pagination{width:100%;bottom:3rem;}
.featured-media .tms-pagination a{display:inline-block;margin-bottom:1rem;}
.featured-media .tm-slider-container .tms-pagination{opacity:1;}
.tm-slider-container .button{font-size:1.1rem;font-weight:700;margin-top:50px;}
.mobile .featured-media,
.mobile .parallax.fixed-height{height:50rem;}
.mobile .parallax.fixed-height.auto-height {height:auto !important;}
.carousel-scroll-btn{position:absolute;bottom:20px;left:50%;margin-left:-16px;width:30px;height:43px;text-align:center;cursor:pointer}
.carousel-scroll-btn:before{position:absolute;top:-20px;left:50%;width:1px;height:48px;background:rgba(255,255,255,.1);content:'';z-index:62}
.carousel-scroll-btn:after{content:"";position:absolute;top:0;left:50%;display:block;width:30px;height:43px;margin-left:-15px;border:2px solid rgba(255,255,255,.2);border-radius:30px;z-index:62}
.carousel-scroll-btn-icon-wrapper{position:relative;width:100%;height:100%;transition:-webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .5s;transition:transform .3s cubic-bezier(.19, 1, .22, 1) .5s;z-index:62}
.carousel-scroll-btn-icon{position:absolute;top:18px;left:8px;width:16px;height:16px;color:#fff;fill:#fff;}
.carousel-scroll-btn-icon-hover{position:absolute;top:0;left:0;z-index:65}
.carousel-scroll-btn-icon-hover-path{fill:transparent;stroke-width:2px;stroke:#fff;stroke-dashoffset:113;stroke-dasharray:113;-webkit-animation:carousel-scroll-btn-roll-out .6s cubic-bezier(.63, .1, .08, 1.01);animation:carousel-scroll-btn-roll-out .6s cubic-bezier(.63, .1, .08, 1.01)}
@-webkit-keyframes carousel-scroll-btn-roll-over{0%{stroke-dashoffset:113}
100%{stroke-dashoffset:0}
}
@keyframes carousel-scroll-btn-roll-over{0%{stroke-dashoffset:113}
100%{stroke-dashoffset:0}
}
@-webkit-keyframes carousel-scroll-btn-roll-out{0%{stroke-dashoffset:0}
100%{stroke-dashoffset:-113}
}
@keyframes carousel-scroll-btn-roll-out{0%{stroke-dashoffset:0}
100%{stroke-dashoffset:-113}
}
.carousel-controls{position:absolute;left:50%;bottom:30px;z-index:9;opacity:0;-webkit-transition:opacity .7s;transition:opacity .7s;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.full-width-slider:hover .carousel-controls{opacity:1;}
.is-desktop .carousel-scroll-btn:hover .carousel-scroll-btn-icon-hover-path{stroke-dashoffset:0;-webkit-animation:carousel-scroll-btn-roll-over .6s cubic-bezier(.63, .1, .08, 1.01);animation:carousel-scroll-btn-roll-over .6s cubic-bezier(.63, .1, .08, 1.01)}
.carousel-control{position:relative;display:inline-block;vertical-align:top;width:90px;height:30px;text-align:center;font-size:14px;line-height:30px;color:#000;cursor:pointer;fill:#fff;}
.carousel-control:last-child{border-right:none}
.carousel-control-icon-wrapper{position:relative;width:100%;height:100%;transition:-webkit-transform .5s cubic-bezier(.19, 1, .22, 1);transition:transform .5s cubic-bezier(.19, 1, .22, 1)}
.carousel-control-icon-wrapper:before{content:"";position:absolute;top:50%;margin-top:-1px;display:block;height:2px;width:30px;background-color:#fff;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .5s cubic-bezier(.19, 1, .22, 1);transition:transform .5s cubic-bezier(.19, 1, .22, 1)}
.carousel-control.left .carousel-control-icon-wrapper:before{left:7px;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.carousel-control.right .carousel-control-icon-wrapper:before{right:7px;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.carousel-control-icon{position:relative;margin:5px auto;width:20px;height:20px}
@media(min-width:768px){.carousel-control.left{padding-left:20px;text-align:left}
.carousel-control.right{padding-right:20px;text-align:right}
.is-desktop .carousel-control.left:hover .carousel-control-icon-wrapper{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
.is-desktop .carousel-control.right:hover .carousel-control-icon-wrapper{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
.is-desktop .carousel-control:hover .carousel-control-icon-wrapper:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
}
@media only screen and (max-width:768px){
	.featured-media .tms-pagination a{display:inline-block;}
	.featured-media .tms-arrow-nav{display:none !important;}
	.tms-progress-bar{display:none;}
	.tm-slider-container .button{margin-top:10px;}
	.carousel-controls{opacity:1;}
}
.skills{width:90%;left:10%;height:320px;margin:auto;position:relative;color:rgba(255,255,255,.4) !important;}
.lines{height:100%;position:relative;}
.lines .line{height:inherit;width:1px;position:absolute;background:rgba(255, 255, 255, 0.2);}
.lines .line.l--0{left:0;}
.lines .line.l--25{left:25%;}
.lines .line.l--50{left:50%;}
.lines .line.l--75{left:75%;}
.lines .line.l--100{left:calc(100% - 1px);}
.lines .line .line__label{display:block;width:100px;text-align:center;position:absolute;bottom:-20px;right:-50px;}
.lines .line .line__label.title{text-transform:uppercase;font-weight:bold;}
.charts{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
.chart{margin:30px 0 0;}
.chart:first-child{margin:0;}
.chart__title{display:block;margin:0 0 10px;font-weight:bold;opacity:0;animation:1s anim-lightspeed-in ease forwards;}
.chart--prod .chart__title{animation-delay:3s;}
.chart--design .chart__title{animation-delay:4.2s;}
.chart--horiz{overflow:hidden;}
.chart__bar{height:30px;margin-bottom:10px;background:linear-gradient(to left, #4CB8C4, #3CD3AD);background:rgba(255,255,255,.2);background:#7d4f74;border-top-right-radius:4px;border-bottom-right-radius:4px;opacity:0;width:0;transition:width 4s cubic-bezier(.1, 1, .15, 1), opacity 4s cubic-bezier(.1, 1, .15, 1);}
.chart--dev .chart__bar:nth-of-type(9){transition-delay:2.3s;}
.chart--dev .chart__bar:nth-of-type(8){transition-delay:2.1s;}
.chart--dev .chart__bar:nth-of-type(7){transition-delay:1.9s;}
.chart--dev .chart__bar:nth-of-type(6){transition-delay:1.7s;}
.chart--dev .chart__bar:nth-of-type(5){transition-delay:1.5s;}
.chart--dev .chart__bar:nth-of-type(4){transition-delay:1.3s;}
.chart--dev .chart__bar:nth-of-type(3){transition-delay:1.1s;}
.chart--dev .chart__bar:nth-of-type(2){transition-delay:0.9s;}
.chart--dev .chart__bar:nth-of-type(1){transition-delay:0.7s;}
.chart--prod .chart__bar:nth-of-type(2){transition-delay:3.9s;}
.chart--prod .chart__bar:nth-of-type(1){transition-delay:3.7s;}
.chart--design .chart__bar:nth-of-type(3){transition-delay:5.3s;}
.chart--design .chart__bar:nth-of-type(2){transition-delay:5.1s;}
.chart--design .chart__bar:nth-of-type(1){animation-delay:4.9s;}
.active .chart__bar{opacity:1;}
.active .chart__bar[data-skill='40']{width:40%;}
.active .chart__bar[data-skill='50']{width:50%;}
.active .chart__bar[data-skill='55']{width:55%;}
.active .chart__bar[data-skill='60']{width:60%;}
.active .chart__bar[data-skill='65']{width:65%;}
.active .chart__bar[data-skill='70']{width:70%;}
.chart__label{padding-left:10px;line-height:30px;color:white;}
@keyframes anim-lightspeed-in{0%{transform:translateX(-200%);opacity:1;}
100%{transform:translateX(0);opacity:1;}
}
.fill--none{fill:none;}
.fill--blue{fill:#39f4ff;}
.stroke--blue{stroke:#51e1d6;}
.stroke--2px{stroke-width:1px;stroke:#62f9bb;}
.stroke--3px{stroke-width:1px;stroke:#00fff0;}
.stroke--dasharray{stroke-dasharray:0 5;}
.stroke--round{stroke-linecap:round;stroke-linejoin:round;}
.opacity--02{opacity:0.2;}
.bicycle{width:500px;-webkit-transform:translate3d(-5%, 0, 0);transform:translate3d(-5%, 0, 0);}
.seat-highlight{fill:none;stroke:#fff;}
.chain-rings,
.wheel-front,
.wheel-rear,
.cogset-top,
.crankarm-left,
.crankarm-right,
.pedal-left,
.pedal-right,
.pedal-left-inner,
.pedal-right-inner{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.chain-rings,
.wheel-front,
.wheel-rear,
.cogset-top,
.crankarm-left,
.crankarm-right,
.pedal-left,
.pedal-right{-webkit-animation-name:spin;animation-name:spin;}
.pedal-left-inner,
.pedal-right-inner{-webkit-animation-name:pedal;animation-name:pedal;}
.chain-move{-webkit-animation:chain 0.075s linear forwards infinite;animation:chain 0.075s linear forwards infinite;}
.chain-move--reverse{-webkit-animation-direction:reverse;animation-direction:reverse;}
.chain-rings,
.wheel-front,
.wheel-rear,
.cogset-top,
.pedal-right-inner,
.pedal-left-inner{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
@-moz-document url-prefix(){.wheel-front{transform-origin:472.4px 240px;}
.wheel-rear{transform-origin:121.7px 240.9px;}
.pedal-left-inner{transform-origin:217.5px 226px;}
.pedal-right-inner{transform-origin:318px 310px;}
.chain-rings{transform-origin:268px 268.9px;}
.cogset-top{transform-origin:121.7px 240.9px;}
}
.crankarm-right,
.crankarm-left,
.pedal-right,
.pedal-left{-webkit-transform-origin:268px 268px;transform-origin:268px 268px;}
.line-rear-wheel,
.line-front-wheel-long,
.line-front-wheel-short{-webkit-animation:line-wheel 2.8s linear forwards infinite;animation:line-wheel 2.8s linear forwards infinite;}
@-webkit-keyframes chain{from{-webkit-transform:translate3d(-2px, 0, 0);transform:translate3d(-2px, 0, 0);}
to{-webkit-transform:translate3d(2px, 0, 0);transform:translate3d(2px, 0, 0);}
}
@keyframes chain{from{-webkit-transform:translate3d(-2px, 0, 0);transform:translate3d(-2px, 0, 0);}
to{-webkit-transform:translate3d(2px, 0, 0);transform:translate3d(2px, 0, 0);}
}
@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes pedal{0%{-webkit-transform:rotate(0);transform:rotate(0);}
25%{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);}
50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
75%{-webkit-transform:rotate(-290deg);transform:rotate(-290deg);}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes pedal{0%{-webkit-transform:rotate(0);transform:rotate(0);}
25%{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);}
50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
75%{-webkit-transform:rotate(-290deg);transform:rotate(-290deg);}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes line-wheel{0%{-webkit-transform:translate3d(500px, 0, 0);transform:translate3d(500px, 0, 0);}
100%{-webkit-transform:translate3d(-650px, 0, 0);transform:translate3d(-650px, 0, 0);}
}
@keyframes line-wheel{0%{-webkit-transform:translate3d(500px, 0, 0);transform:translate3d(500px, 0, 0);}
100%{-webkit-transform:translate3d(-650px, 0, 0);transform:translate3d(-650px, 0, 0);}
}
@media (max-width:520px){.bicycle{-webkit-transform:translate3d(-50%, -50%, 0) scale(0.775);transform:translate3d(-50%, -50%, 0) scale(0.775);}
}
@media (max-width:420px){.bicycle{-webkit-transform:translate3d(-50%, -50%, 0) scale(0.5);transform:translate3d(-50%, -50%, 0) scale(0.5);}
}