@import url(https://fonts.googleapis.com/css?family=Lato:300,300i,400|Raleway:300,400,700);

\/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
{
display:block
}

audio,canvas,video
{
display:inline-block
}

audio:not([controls])
{
display:none;
height:0
}

[hidden],template
{
display:none
}

script
{
display:none!important
}

html
{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

body
{
margin:0
}

a
{
background:0 0
}

a:focus
{
outline:thin dotted
}

a:active,a:hover
{
outline:0
}

h1
{
font-size:2em;
margin:.67em 0
}

abbr[title]
{
border-bottom:1px dotted
}

b,strong
{
font-weight:700
}

dfn
{
font-style:italic
}

hr
{
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0
}

mark
{
background:#ff0;
color:#000
}

code,kbd,pre,samp
{
font-family:monospace,serif;
font-size:1em
}

pre
{
white-space:pre-wrap
}

q
{
quotes:"\201C" "\201D" "\2018" "\2019"
}

small
{
font-size:80%
}

sub,sup
{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup
{
top:-.5em
}

sub
{
bottom:-.25em
}

img
{
border:0
}

svg:not(:root)
{
overflow:hidden
}

figure
{
margin:0
}

fieldset
{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}

legend
{
border:0;
padding:0
}

button,input,select,textarea
{
font-family:inherit;
font-size:100%;
margin:0
}

button,input
{
line-height:normal
}

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
}

input[type=checkbox],input[type=radio]
{
box-sizing:border-box;
padding:0
}

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
}

button::-moz-focus-inner,input::-moz-focus-inner
{
border:0;
padding:0
}

textarea
{
overflow:auto;
vertical-align:top
}

table
{
border-collapse:collapse;
border-spacing:0
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

a,abbr,address,blockquote,body,caption,cite,code,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,label,legend,li,object,ol,p,pre,q,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul
{
border:0;
margin:0;
padding:0
}

article,aside,figcaption,figure,figure img,footer,header,nav,object,section,video
{
display:block
}

#dont-hunt
{
position:fixed;
bottom:0;
left:0;
z-index:5;
pointer-events:none;
width:100px
}

a img
{
border:0
}

figure
{
position:relative
}

figure img
{
width:100%
}

*
{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}

li
{
list-style:none
}

.show
{
display:block
}

.hide
{
display:none
}

.left
{
float:left
}

.right
{
float:right
}

.t_center
{
text-align:center
}

.clear
{
clear:both
}

body,html
{
font-family:Raleway,sans-serif;
line-height:1.4;
font-weight:400;
overflow:auto;
font-size:10px
}

@media only screen and (max-width:750px)
{
body,html
{
line-height:1.35
}


}

h1,h2,h3,h4,h5,h6
{
font-weight:400
}

::-moz-selection
{
color:#fff;
text-shadow:none;
background-color:#c400bb
}

::selection
{
color:#fff;
text-shadow:none;
background-color:#c400bb
}

a,a.active,a:hover,a:visited
{
text-decoration:none;
outline:0
}

a:focus
{
-moz-outline-style:none
}

a,a:active,a:focus
{
outline:0
}

button,input,select,textarea
{
border:none;
padding:0;
margin:0;
-webkit-appearance:none
}

button:focus,input:focus,select:focus,textarea:focus
{
outline:0;
box-shadow:none
}

.hover
{
-webkit-transition:opacity .2s;
transition:opacity .2s;
cursor:pointer
}

.hover:hover
{
opacity:.65
}

.hover_rev
{
-webkit-transition:opacity .5s;
transition:opacity .5s;
cursor:pointer;
opacity:.25
}

.hover_rev:hover
{
opacity:.8
}

.upper
{
text-transform:uppercase
}

.inline_block_mid
{
display:inline-block;
vertical-align:middle
}

.linethrough
{
text-decoration:line-through
}

@-webkit-keyframes breath
{
0%,100%
{
-webkit-transform:matrix(1,0,0,1,0,0);
transform:matrix(1,0,0,1,0,0)
}

50%
{
-webkit-transform:matrix(1.05,0,0,1.05,0,0);
transform:matrix(1.05,0,0,1.05,0,0)
}


}

@-moz-keyframes breath
{
0%,100%
{
-webkit-transform:matrix(1,0,0,1,0,0);
transform:matrix(1,0,0,1,0,0)
}

50%
{
-webkit-transform:matrix(1.05,0,0,1.05,0,0);
transform:matrix(1.05,0,0,1.05,0,0)
}


}

@keyframes breath
{
0%,100%
{
-webkit-transform:matrix(1,0,0,1,0,0);
transform:matrix(1,0,0,1,0,0)
}

50%
{
-webkit-transform:matrix(1.05,0,0,1.05,0,0);
transform:matrix(1.05,0,0,1.05,0,0)
}


}

.desk
{
display:block
}

@media only screen and (max-width:880px)
{
.desk
{
display:none
}


}

.no_mob
{
display:block
}

@media only screen and (max-width:750px)
{
.no_mob
{
display:none
}


}

.mob
{
display:none
}

@media only screen and (max-width:750px)
{
.mob
{
display:block
}


}

@media only screen and (max-width:880px)
{
.no_tablet
{
display:none
}


}

.no_tablet_block
{
display:block
}

@media only screen and (max-width:880px)
{
.no_tablet_block
{
display:none
}


}

.tablet
{
display:none
}

@media only screen and (max-width:880px)
{
.tablet
{
display:block
}


}

.to-hp
{
position:absolute;
left:50%;
bottom:30%;
text-align:center;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
padding:7px 20px 8px;
font-weight:300;
font-size:1.4rem;
font-family:Lato,sans-serif;
color:#fff;
opacity:.5;
white-space:nowrap;
box-shadow:0 0 0 1px rgba(255,255,255,.5);
-webkit-border-radius:30px;
border-radius:30px;
-webkit-transition:opacity .2s cubic-bezier(.645,.045,.355,1);
transition:opacity .2s cubic-bezier(.645,.045,.355,1)
}

.to-hp:hover
{
opacity:.8
}

@media only screen and (max-width:750px)
{
.to-hp
{
bottom:20%;
font-size:1.3rem
}


}

@-webkit-keyframes fadeIn
{
0%
{
opacity:.001
}

100%
{
opacity:.999
}


}

@-moz-keyframes fadeIn
{
0%
{
opacity:.001
}

100%
{
opacity:.999
}


}

@keyframes fadeIn
{
0%
{
opacity:.001
}

100%
{
opacity:.999
}


}

@-webkit-keyframes fadeOut
{
0%
{
opacity:.999
}

100%
{
opacity:.001
}


}

@-moz-keyframes fadeOut
{
0%
{
opacity:.999
}

100%
{
opacity:.001
}


}

@keyframes fadeOut
{
0%
{
opacity:.999
}

100%
{
opacity:.001
}


}

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

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


}

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

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


}

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

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


}

.ng-cloak,[ng-cloak],[ng\:cloak]
{
display:none
}

@-webkit-keyframes scaleIn
{
from
{
opacity:.001;
-webkit-transform:scale(.9);
transform:scale(.9)
}

to
{
opacity:.999;
-webkit-transform:scale(1);
transform:scale(1)
}


}

@-moz-keyframes scaleIn
{
from
{
opacity:.001;
-webkit-transform:scale(.9);
transform:scale(.9)
}

to
{
opacity:.999;
-webkit-transform:scale(1);
transform:scale(1)
}


}

@keyframes scaleIn
{
from
{
opacity:.001;
-webkit-transform:scale(.9);
transform:scale(.9)
}

to
{
opacity:.999;
-webkit-transform:scale(1);
transform:scale(1)
}


}

@-webkit-keyframes spin
{
from
{
-webkit-transform:rotate(0);
transform:rotate(0)
}

to
{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}


}

@-moz-keyframes spin
{
from
{
-webkit-transform:rotate(0);
transform:rotate(0)
}

to
{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}


}

@keyframes spin
{
from
{
-webkit-transform:rotate(0);
transform:rotate(0)
}

to
{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}


}

.bg
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,.65);
cursor:pointer
}

.bg.fixed
{
position:fixed
}

.bg.dark
{
background-color:rgba(0,0,0,.85)
}

.bg.transparent
{
background-color:transparent
}

@-webkit-keyframes fromBottom
{
from
{
opacity:.001;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}

to
{
opacity:.999;
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@-moz-keyframes fromBottom
{
from
{
opacity:.001;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}

to
{
opacity:.999;
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@keyframes fromBottom
{
from
{
opacity:.001;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}

to
{
opacity:.999;
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@-webkit-keyframes fromTop
{
from
{
opacity:.001;
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}

to
{
opacity:.999;
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@-moz-keyframes fromTop
{
from
{
opacity:.001;
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}

to
{
opacity:.999;
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@keyframes fromTop
{
from
{
opacity:.001;
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}

to
{
opacity:.999;
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@-webkit-keyframes toTop
{
from
{
-webkit-transform:translateY(0);
transform:translateY(0)
}

to
{
-webkit-transform:translateY(-50px);
transform:translateY(-50px)
}


}

@-moz-keyframes toTop
{
from
{
-webkit-transform:translateY(0);
transform:translateY(0)
}

to
{
-webkit-transform:translateY(-50px);
transform:translateY(-50px)
}


}

@keyframes toTop
{
from
{
-webkit-transform:translateY(0);
transform:translateY(0)
}

to
{
-webkit-transform:translateY(-50px);
transform:translateY(-50px)
}


}

@-webkit-keyframes toLeft
{
from
{
-webkit-transform:translateX(0);
transform:translateX(0)
}

to
{
-webkit-transform:translateX(-50px);
transform:translateX(-50px)
}


}

@-moz-keyframes toLeft
{
from
{
-webkit-transform:translateX(0);
transform:translateX(0)
}

to
{
-webkit-transform:translateX(-50px);
transform:translateX(-50px)
}


}

@keyframes toLeft
{
from
{
-webkit-transform:translateX(0);
transform:translateX(0)
}

to
{
-webkit-transform:translateX(-50px);
transform:translateX(-50px)
}


}

@-webkit-keyframes toRight
{
from
{
-webkit-transform:translateX(0);
transform:translateX(0)
}

to
{
-webkit-transform:translateX(50px);
transform:translateX(50px)
}


}

@-moz-keyframes toRight
{
from
{
-webkit-transform:translateX(0);
transform:translateX(0)
}

to
{
-webkit-transform:translateX(50px);
transform:translateX(50px)
}


}

@keyframes toRight
{
from
{
-webkit-transform:translateX(0);
transform:translateX(0)
}

to
{
-webkit-transform:translateX(50px);
transform:translateX(50px)
}


}

.Icon.spinIcon
{
-webkit-animation:spin .6s infinite;
animation:spin .6s infinite;
display:inline-block;
padding:5px;
color:#959595;
font-size:2rem;
opacity:.5
}

#wrapper
{
position:relative;
overflow:hidden;
min-height:100vh
}

.column
{
position:relative;
margin-left:auto;
margin-right:auto;
max-width:1025px;
text-shadow: 1px 1px #000;
}

@media only screen and (max-width:1180px)
{
.column
{
padding:0 32px
}


}

@media only screen and (max-width:750px)
{
.column
{
padding:0 25px
}


}

@media only screen and (max-width:450px)
{
.column
{
padding:0 20px
}


}

@media only screen and (max-width:340px)
{
.column
{
padding:0 15px
}


}

.column-title
{
text-align:left;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
text-shadow:#fff 1px 1px;
}

.column-title.l
{
-webkit-align-items:flex-start;
align-items:flex-start
}

.column-title.l .title-strip:after
{
-webkit-transform-origin:left;
transform-origin:left
}

.column-title.r
{
-webkit-align-items:flex-end;
align-items:flex-end
}

@media only screen and (max-width:880px)
{
.column-title.r
{
-webkit-align-items:flex-start;
align-items:flex-start
}


}

.column-title.r .title-strip:after
{
-webkit-transform-origin:right;
transform-origin:right
}

@media only screen and (max-width:880px)
{
.column-title.r .title-strip:after
{
-webkit-transform-origin:left;
transform-origin:left
}


}

.column-title.c
{
text-align:center;
-webkit-align-items:center;
align-items:center
}

.column-title.c h2 .title-strip:after
{
-webkit-transform-origin:right;
transform-origin:right
}

.column-title.c blockquote .title-strip:after,.column-title.c p .title-strip:after
{
-webkit-transform-origin:left;
transform-origin:left
}

.column-title .title-strip
{
position:relative
}

.column-title .title-strip img
{
vertical-align:middle;
width:24px;
height:24px;
padding-right: 10px;
}

.column-title .title-strip:after
{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
bottom:-1px;
will-change:transform;
-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);
transition:all .6s cubic-bezier(.645,.045,.355,1);
-webkit-transform:scale(1,1);
transform:scale(1,1)
}

.column-title h2
{
color:#000;
font-size:4.2rem;
line-height:1.3
}

@media only screen and (max-width:880px)
{
.column-title h2
{
font-size:4.2rem
}


}

@media only screen and (max-width:1180px)
{
.column-title h2
{
font-size:3.4rem
}


}

@media only screen and (max-width:750px)
{
.column-title h2
{
font-size:2.7rem
}


}

.column-title h2 .title-strip:nth-of-type(2):after
{
-webkit-transition-delay:.1s!important;
transition-delay:.1s!important
}

.column-title h2 .title-strip:nth-of-type(3):after
{
-webkit-transition-delay:.2s!important;
transition-delay:.2s!important
}

.column-title p
{
font-size:2rem;
margin-top:8px
}

@media only screen and (max-width:1180px)
{
.column-title p
{
font-size:1.8rem
}


}

@media only screen and (max-width:750px)
{
.column-title p
{
font-size:1.6rem
}


}

.column-title .influencer .name,.column-title .zest-influencer,.column-title p
{
color:#4b474d
}

.column-title blockquote .title-strip:nth-of-type(1):after,.column-title p .title-strip:nth-of-type(1):after
{
-webkit-transition-delay:.2s!important;
transition-delay:.2s!important
}

.column-title blockquote .title-strip:nth-of-type(2):after,.column-title p .title-strip:nth-of-type(2):after
{
-webkit-transition-delay:.3s!important;
transition-delay:.3s!important
}

.column-title blockquote .title-strip:nth-of-type(3):after,.column-title p .title-strip:nth-of-type(3):after
{
-webkit-transition-delay:.4s!important;
transition-delay:.4s!important
}

.column-title.inview.active .title-strip:after
{
-webkit-transform:scale(0,1);
transform:scale(0,1)
}

.column-title.inview.active .influencer,.column-title.inview.active blockquote:after,.column-title.inview.active blockquote:before
{
-webkit-transition:opacity .3s .5s cubic-bezier(.645,.045,.355,1);
transition:opacity .3s .5s cubic-bezier(.645,.045,.355,1);
opacity:1
}

.column-title.white .influencer .name,.column-title.white .zest-influencer,.column-title.white h2
{
color:#fff
}

.column-title.white p
{
color:rgba(255,255,255,.8)
}

@-webkit-keyframes iconActive
{
0%,100%
{
-webkit-transform:scale(1);
transform:scale(1)
}

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


}

@-moz-keyframes iconActive
{
0%,100%
{
-webkit-transform:scale(1);
transform:scale(1)
}

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


}

@keyframes iconActive
{
0%,100%
{
-webkit-transform:scale(1);
transform:scale(1)
}

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


}

#loader
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
position:fixed;
background-color:#fff;
z-index:1000;
opacity:.999;
-webkit-transition:opacity .3s cubic-bezier(.645,.045,.355,1);
transition:opacity .3s cubic-bezier(.645,.045,.355,1)
}

#loader.done
{
pointer-events:none;
opacity:.001
}

#loader div
{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}

#loader div:before
{
content:"";
position:absolute;
width:28px;
height:0;
left:5px;
bottom:-20px;
-webkit-border-radius:30px;
border-radius:30px;
background-color:#efefef;
box-shadow:0 0 20px 10px #efefef;
-webkit-animation:loaderShadow 2s cubic-bezier(.645,.045,.355,1) infinite;
animation:loaderShadow 2s cubic-bezier(.645,.045,.355,1) infinite
}

#loader img
{
display:block;
position:relative;
-webkit-animation:loader 2s cubic-bezier(.645,.045,.355,1) infinite;
animation:loader 2s cubic-bezier(.645,.045,.355,1) infinite
}

@-webkit-keyframes loader
{
0%,100%
{
-webkit-transform:scale(1,1) translateY(0) rotate(0);
transform:scale(1,1) translateY(0) rotate(0)
}

30%,80%
{
-webkit-transform:scale(1,1.07) translateY(5px) rotate(-1deg);
transform:scale(1,1.07) translateY(5px) rotate(-1deg)
}

50%
{
-webkit-transform:scale(1.05,1) translateY(-10px) rotate(5deg);
transform:scale(1.05,1) translateY(-10px) rotate(5deg)
}


}

@-moz-keyframes loader
{
0%,100%
{
-webkit-transform:scale(1,1) translateY(0) rotate(0);
transform:scale(1,1) translateY(0) rotate(0)
}

30%,80%
{
-webkit-transform:scale(1,1.07) translateY(5px) rotate(-1deg);
transform:scale(1,1.07) translateY(5px) rotate(-1deg)
}

50%
{
-webkit-transform:scale(1.05,1) translateY(-10px) rotate(5deg);
transform:scale(1.05,1) translateY(-10px) rotate(5deg)
}


}

@keyframes loader
{
0%,100%
{
-webkit-transform:scale(1,1) translateY(0) rotate(0);
transform:scale(1,1) translateY(0) rotate(0)
}

30%,80%
{
-webkit-transform:scale(1,1.07) translateY(5px) rotate(-1deg);
transform:scale(1,1.07) translateY(5px) rotate(-1deg)
}

50%
{
-webkit-transform:scale(1.05,1) translateY(-10px) rotate(5deg);
transform:scale(1.05,1) translateY(-10px) rotate(5deg)
}


}

@-webkit-keyframes loaderShadow
{
0%,100%
{
-webkit-transform:scale(1.05,1);
transform:scale(1.05,1);
opacity:.85
}

30%,80%
{
-webkit-transform:scale(1,1);
transform:scale(1,1);
opacity:1
}

50%
{
-webkit-transform:scale(1.15,1.05);
transform:scale(1.15,1.05);
opacity:.75
}


}

@-moz-keyframes loaderShadow
{
0%,100%
{
-webkit-transform:scale(1.05,1);
transform:scale(1.05,1);
opacity:.85
}

30%,80%
{
-webkit-transform:scale(1,1);
transform:scale(1,1);
opacity:1
}

50%
{
-webkit-transform:scale(1.15,1.05);
transform:scale(1.15,1.05);
opacity:.75
}


}

@keyframes loaderShadow
{
0%,100%
{
-webkit-transform:scale(1.05,1);
transform:scale(1.05,1);
opacity:.85
}

30%,80%
{
-webkit-transform:scale(1,1);
transform:scale(1,1);
opacity:1
}

50%
{
-webkit-transform:scale(1.15,1.05);
transform:scale(1.15,1.05);
opacity:.75
}


}

.alerts
{
display:none;
font-family:Lato,sans-serif;
font-size:1.4rem!important;
color:#ff765f!important;
position:absolute;
left:0;
top:100%;
padding-top:12px;
font-style:italic;
-webkit-animation:scaleIn .15s both;
animation:scaleIn .15s both
}

.alerts.success
{
color:#4b474d!important;
font-size:1.6rem!important
}

.alerts.success.white
{
color:#fff!important
}

form button i.icon-loading
{
-webkit-animation:spin .5s linear infinite;
animation:spin .5s linear infinite
}

@font-face
{
font-family:icomoon;
src:url(./fonts/icomoon.eot?vhiiji);
src:url(./fonts/icomoon.eot?vhiiji#iefix) format("embedded-opentype"),url(./fonts/icomoon.ttf?vhiiji) format("truetype"),url(./fonts/icomoon.woff?vhiiji) format("woff"),url(./fonts/icomoon.svg?vhiiji#icomoon) format("svg");
font-weight:400;
font-style:normal
}

[class*=" icon-"],[class^=icon-]
{
font-family:icomoon!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

.icon-privacy:before
{
content:"\e900"
}

.icon-terms:before
{
content:"\e901"
}

.icon-flag:before
{
content:"\e90e"
}

.icon-link:before
{
content:"\e913"
}

.icon-send:before
{
content:"\e92a"
}

.icon-zest:before
{
content:"\e924"
}

.icon-followers:before
{
content:"\e902"
}

.icon-audio:before
{
content:"\e903"
}

.icon-buffer:before
{
content:"\e904"
}

.icon-bookmark-stroke:before
{
content:"\e905"
}

.icon-appstore:before
{
content:"\e906"
}

.icon-arrow-down:before
{
content:"\e907"
}

.icon-arrow-left:before
{
content:"\e908"
}

.icon-beginner:before
{
content:"\e909"
}

.icon-clicks:before
{
content:"\e90a"
}

.icon-arrow-right:before
{
content:"\e90b"
}

.icon-arrow-up:before
{
content:"\e90c"
}

.icon-fire:before
{
content:"\e90d"
}

.icon-close:before
{
content:"\e90f"
}

.icon-facebook:before
{
content:"\e910"
}

.icon-gmail:before
{
content:"\e911"
}

.icon-latest:before
{
content:"\e912"
}

.icon-google-play:before
{
content:"\e914"
}

.icon-google:before
{
content:"\e915"
}

.icon-linkedin:before
{
content:"\e916"
}

.icon-loading:before
{
content:"\e917"
}

.icon-advanced:before
{
content:"\e918"
}

.icon-mobile-bookmark:before
{
content:"\e919"
}

.icon-plus:before
{
content:"\e91a"
}

.icon-sand-watch:before
{
content:"\e91b"
}

.icon-search:before
{
content:"\e91c"
}

.icon-share:before
{
content:"\e91d"
}

.icon-slack:before
{
content:"\e91e"
}

.icon-tags:before
{
content:"\e91f"
}

.icon-trello:before
{
content:"\e920"
}

.icon-video:before
{
content:"\e921"
}

.icon-twitter:before
{
content:"\e922"
}

.icon-vi:before
{
content:"\e923"
}

.icon-view:before
{
content:"\e925"
}

.icon-youtube:before
{
content:"\e926"
}

.icon-bookmark:before
{
content:"\e927"
}

.icon-edit:before
{
content:"\e928"
}

.icon-dots:before
{
content:"\e929"
}

.icon-follow:before
{
content:"\e92b"
}

.icon-unfollow:before
{
content:"\e92c"
}

.icon-add-card:before
{
content:"\e92d"
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#hero #hero-bg
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
position:fixed;
z-index:-1;
background: rgb(216,224,222);
background: -moz-linear-gradient(-45deg, rgba(216,224,222,1) 0%, rgba(174,191,188,1) 22%, rgba(153,175,171,1) 33%, rgba(142,166,162,1) 50%, rgba(130,157,152,1) 67%, rgba(78,92,90,1) 82%, rgba(14,14,14,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(216,224,222,1) 0%,rgba(174,191,188,1) 22%,rgba(153,175,171,1) 33%,rgba(142,166,162,1) 50%,rgba(130,157,152,1) 67%,rgba(78,92,90,1) 82%,rgba(14,14,14,1) 100%);
background: linear-gradient(135deg, rgba(216,224,222,1) 0%,rgba(174,191,188,1) 22%,rgba(153,175,171,1) 33%,rgba(142,166,162,1) 50%,rgba(130,157,152,1) 67%,rgba(78,92,90,1) 82%,rgba(14,14,14,1) 100%);
}

#hero #hero-title
{
color:#fff;
position:relative;
margin-top:13vh
}

@media only screen and (max-width:880px)
{
#hero #hero-title
{
margin-top:18vh
}


}

#hero #hero-title h1 span,#hero #hero-title h2 span
{
display:block
}

#hero #hero-title h1
{
font-size:5.2rem
}

@media only screen and (max-width:1180px),only screen and (max-height:620px)
{
#hero #hero-title h1
{
font-size:4.8rem
}


}

@media only screen and (max-width:880px)
{
#hero #hero-title h1
{
font-size:3.95rem
}


}

#hero #hero-title h2
{
margin-top:15px;
font-size:2.6rem;
font-family:Lato,sans-serif;
font-weight:300
}

@media only screen and (max-width:1180px),only screen and (max-height:620px)
{
#hero #hero-title h2
{
font-size:2.4rem
}


}

#hero .CTA
{
margin-top:12vh
}

@media only screen and (max-height:620px)
{
#hero .CTA
{
margin-top:10vh
}


}

#hero footer
{
position:fixed;
bottom:0;
left:0;
right:0;
opacity:.999;
will-change:transform
}

#hero #featured
{
position:absolute;
bottom:35px;
right:50px;
font-size:1.7rem;
text-align:right;
color:rgba(255,255,255,.35)
}

@media only screen and (max-width:1180px)
{
#hero #featured
{
bottom:25px;
right:35px
}


}

@media only screen and (max-width:880px)
{
#hero #featured
{
font-size:1.5rem
}


}

#hero #featured li
{
display:inline-block;
vertical-align:middle
}

#hero #featured li:not(:first-child)
{
margin-left:60px
}

@media only screen and (max-width:1180px)
{
#hero #featured li:not(:first-child)
{
margin-left:55px
}


}

@media only screen and (max-width:880px)
{
#hero #featured li:not(:first-child)
{
margin-left:30px
}


}



#hero #featured li img
{
opacity:1.0;
display:block
width:32px;
height:32px;
}

#hero #scroll
{
position:absolute;
left:50%;
margin-left:-500px;
bottom:0;
-webkit-animation:fadeIn .5s 1s both;
animation:fadeIn .5s 1s both
}

@media only screen and (max-width:1180px)
{
#hero #scroll
{
margin-left:0;
left:45px
}


}

@media only screen and (max-height:740px)
{
#hero #scroll
{
bottom:-25px
}


}

#hero #scroll svg
{
display:block;
-webkit-animation:svgScroll 2s infinite;
animation:svgScroll 2s infinite;
-webkit-transform-origin:bottom;
transform-origin:bottom
}

#hero #scroll svg line,#hero #scroll svg rect
{
stroke:#fff
}

#hero #scroll svg rect
{
stroke-dasharray:120;
-webkit-animation:strokIn .7s cubic-bezier(.645,.045,.355,1) 1s both;
animation:strokIn .7s cubic-bezier(.645,.045,.355,1) 1s both
}

#hero #scroll svg line
{
-webkit-animation:lineIn .7s cubic-bezier(.645,.045,.355,1) 1s both;
animation:lineIn .7s cubic-bezier(.645,.045,.355,1) 1s both
}

#hero #scroll i
{
position:absolute;
width:4px;
height:13px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#fff;
left:11px;
top:11px;
-webkit-animation:dot 2s linear infinite;
animation:dot 2s linear infinite
}

@-webkit-keyframes svgScroll
{
0%,100%
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}

50%
{
-webkit-transform:scale(1,.9);
transform:scale(1,.9)
}


}

@-moz-keyframes svgScroll
{
0%,100%
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}

50%
{
-webkit-transform:scale(1,.9);
transform:scale(1,.9)
}


}

@keyframes svgScroll
{
0%,100%
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}

50%
{
-webkit-transform:scale(1,.9);
transform:scale(1,.9)
}


}

@-webkit-keyframes strokIn
{
from
{
stroke-dashoffset:121
}

to
{
stroke-dashoffset:0
}


}

@-moz-keyframes strokIn
{
from
{
stroke-dashoffset:121
}

to
{
stroke-dashoffset:0
}


}

@keyframes strokIn
{
from
{
stroke-dashoffset:121
}

to
{
stroke-dashoffset:0
}


}

@-webkit-keyframes lineIn
{
from
{
-webkit-transform:translateY(100px);
transform:translateY(100px)
}

to
{
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@-moz-keyframes lineIn
{
from
{
-webkit-transform:translateY(100px);
transform:translateY(100px)
}

to
{
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@keyframes lineIn
{
from
{
-webkit-transform:translateY(100px);
transform:translateY(100px)
}

to
{
-webkit-transform:translateY(0);
transform:translateY(0)
}


}

@-webkit-keyframes dot
{
0%,100%
{
-webkit-transform-origin:top;
transform-origin:top;
-webkit-transform:translateY(0) scale(1,1);
transform:translateY(0) scale(1,1)
}

8%
{
-webkit-transform-origin:top;
transform-origin:top;
-webkit-transform:translateY(0) scale(1,.7);
transform:translateY(0) scale(1,.7)
}

50%
{
-webkit-transform-origin:bottom;
transform-origin:bottom;
-webkit-transform:translateY(21px) scale(1,1);
transform:translateY(21px) scale(1,1)
}

60%
{
-webkit-transform-origin:bottom;
transform-origin:bottom;
-webkit-transform:translateY(21px) scale(1,.7);
transform:translateY(21px) scale(1,.7)
}


}

@-moz-keyframes dot
{
0%,100%
{
-webkit-transform-origin:top;
transform-origin:top;
-webkit-transform:translateY(0) scale(1,1);
transform:translateY(0) scale(1,1)
}

8%
{
-webkit-transform-origin:top;
transform-origin:top;
-webkit-transform:translateY(0) scale(1,.7);
transform:translateY(0) scale(1,.7)
}

50%
{
-webkit-transform-origin:bottom;
transform-origin:bottom;
-webkit-transform:translateY(21px) scale(1,1);
transform:translateY(21px) scale(1,1)
}

60%
{
-webkit-transform-origin:bottom;
transform-origin:bottom;
-webkit-transform:translateY(21px) scale(1,.7);
transform:translateY(21px) scale(1,.7)
}


}

@keyframes dot
{
0%,100%
{
-webkit-transform-origin:top;
transform-origin:top;
-webkit-transform:translateY(0) scale(1,1);
transform:translateY(0) scale(1,1)
}

8%
{
-webkit-transform-origin:top;
transform-origin:top;
-webkit-transform:translateY(0) scale(1,.7);
transform:translateY(0) scale(1,.7)
}

50%
{
-webkit-transform-origin:bottom;
transform-origin:bottom;
-webkit-transform:translateY(21px) scale(1,1);
transform:translateY(21px) scale(1,1)
}

60%
{
-webkit-transform-origin:bottom;
transform-origin:bottom;
-webkit-transform:translateY(21px) scale(1,.7);
transform:translateY(21px) scale(1,.7)
}


}

#articles
{
position:fixed;
left:50%;
top:0;
bottom:0;
margin-left:-1193px;
width:2500px;
display:-webkit-flex;
display:flex;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:flex-start;
align-items:flex-start;
opacity:.001
}

@media only screen and (max-width:880px)
{
#articles
{
margin-left:-1293px
}


}

#articles .scroll-element
{
will-change:transform
}

#articles .element
{
width:262px
}

@media only screen and (max-width:1180px)
{
#articles .element
{
width:250px
}

#articles .element img
{
width:230px
}


}

@media only screen and (max-width:880px)
{
#articles .element
{
width:190px
}

#articles .element img
{
width:170px
}


}

#articles .element.wide
{
display:none
}

@media only screen and (min-width:1520px)
{
#articles .element.wide
{
display:block
}


}

#articles .element img
{
display:block;
margin:auto
}

#articles .outer-column
{
-webkit-transition:opacity .5s;
transition:opacity .5s;
opacity:.99
}

#articles .outer-column.fadeOut
{
opacity:.01
}

#articles .outer-column.fadeOut .article-pop,#articles .outer-column.fadeOut .article-pop img
{
-webkit-animation-play-state:paused!important;
animation-play-state:paused!important
}

#articles .article-pop,#articles .article-pop img
{
will-change:transform
}

#articles .article-pop
{
overflow:hidden
}

#articles .article-pop.pause,#articles .article-pop.pause img
{
-webkit-animation-play-state:paused!important;
animation-play-state:paused!important
}

#articles .article-pop.in-out
{
-webkit-animation:articleInOut 5s cubic-bezier(.645,.045,.355,1) 1s infinite;
animation:articleInOut 5s cubic-bezier(.645,.045,.355,1) 1s infinite
}

#articles .article-pop.in-out img
{
-webkit-animation:articleInOutImg 5s cubic-bezier(.645,.045,.355,1) 1s infinite;
animation:articleInOutImg 5s cubic-bezier(.645,.045,.355,1) 1s infinite
}

#articles .article-pop.out-in
{
-webkit-animation:articleOutIn 5s cubic-bezier(.645,.045,.355,1) 2s infinite;
animation:articleOutIn 5s cubic-bezier(.645,.045,.355,1) 2s infinite
}

#articles .article-pop.out-in img
{
-webkit-animation:articleOutInImg 5s cubic-bezier(.645,.045,.355,1) 2s infinite;
animation:articleOutInImg 5s cubic-bezier(.645,.045,.355,1) 2s infinite
}

@-webkit-keyframes articleInOut
{
0%,10%,100%,90%
{
max-height:0
}

30%,70%
{
max-height:355px
}


}

@-moz-keyframes articleInOut
{
0%,10%,100%,90%
{
max-height:0
}

30%,70%
{
max-height:355px
}


}

@keyframes articleInOut
{
0%,10%,100%,90%
{
max-height:0
}

30%,70%
{
max-height:355px
}


}

@-webkit-keyframes articleInOutImg
{
0%,10%,100%,90%
{
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:.01
}

30%,70%
{
-webkit-transform:scale(1);
transform:scale(1);
opacity:.99
}


}

@-moz-keyframes articleInOutImg
{
0%,10%,100%,90%
{
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:.01
}

30%,70%
{
-webkit-transform:scale(1);
transform:scale(1);
opacity:.99
}


}

@keyframes articleInOutImg
{
0%,10%,100%,90%
{
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:.01
}

30%,70%
{
-webkit-transform:scale(1);
transform:scale(1);
opacity:.99
}


}

@-webkit-keyframes articleOutIn
{
0%,10%,100%,90%
{
max-height:355px
}

30%,70%
{
max-height:0
}


}

@-moz-keyframes articleOutIn
{
0%,10%,100%,90%
{
max-height:355px
}

30%,70%
{
max-height:0
}


}

@keyframes articleOutIn
{
0%,10%,100%,90%
{
max-height:355px
}

30%,70%
{
max-height:0
}


}

@-webkit-keyframes articleOutInImg
{
0%,10%,100%,90%
{
-webkit-transform:scale(1);
transform:scale(1);
opacity:.99
}

30%,70%
{
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:.01
}


}

@-moz-keyframes articleOutInImg
{
0%,10%,100%,90%
{
-webkit-transform:scale(1);
transform:scale(1);
opacity:.99
}

30%,70%
{
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:.01
}


}

@keyframes articleOutInImg
{
0%,10%,100%,90%
{
-webkit-transform:scale(1);
transform:scale(1);
opacity:.99
}

30%,70%
{
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:.01
}


}

#zest-hunters
{
display:none;
position:fixed;
right:20px;
bottom:20px;
width:150px;
z-index:1;
cursor:pointer
}

#zest-hunters img
{
display:block;
width:100%;
-webkit-border-radius:6px;
border-radius:6px
}

#zest-hunters span
{
position:absolute;
right:7px;
top:7px;
-webkit-border-radius:50%;
border-radius:50%;
font-size:1.8rem;
background-color:rgba(250,250,250,.3);
color:#4b474d;
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
transition:all .3s cubic-bezier(.645,.045,.355,1)
}

#zest-hunters span:hover
{
background-color:rgba(250,250,250,.6)
}

#zest-hunters:hover span
{
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

.CTA
{
position:relative;
font-size:2.1rem;
text-align:center;
padding:22px 40px 22px 30px;
color:#fff;
-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);
transition:all .2s cubic-bezier(.645,.045,.355,1);
background-color:#00c999;
display:inline-block;
cursor:pointer;
-webkit-border-radius:50px;
border-radius:50px;
font-weight:300
}

@media only screen and (max-width:1180px)
{
.CTA
{
padding:18px 35px 18px 25px
}


}

@media only screen and (max-width:750px)
{
.CTA
{
font-size:1.8rem;
padding:16px 30px 16px 20px
}


}

.CTA .label,.CTA svg,.CTA img
{
display:inline-block;
vertical-align:middle;
}

.CTA .label
{
margin-left:15px
}

@media only screen and (max-width:750px)
{
.CTA .label
{
margin-left:10px
}


}

.CTA svg,.CTA svg path
{
-webkit-transform-origin:13px 13px;
transform-origin:13px 13px
}

.CTA svg
{
overflow:visible
}

.CTA svg path
{
fill:#fff;
-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);
transition:all .2s cubic-bezier(.645,.045,.355,1)
}

.CTA svg path:nth-of-type(1)
{
-webkit-transition-delay:150ms;
transition-delay:150ms
}

.CTA svg path:nth-of-type(2)
{
-webkit-transition-delay:.1s;
transition-delay:.1s
}

.CTA svg path:nth-of-type(3)
{
-webkit-transition-delay:50ms;
transition-delay:50ms
}

.CTA svg path:nth-of-type(4)
{
-webkit-transition-delay:0s;
transition-delay:0s
}

.CTA:hover
{
background-color:#fefefe;
color:#959595
}

.CTA:hover.shadow
{
box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)
}

.CTA:hover svg
{
-webkit-animation:spin .3s cubic-bezier(.645,.045,.355,1) both;
animation:spin .3s cubic-bezier(.645,.045,.355,1) both
}

.CTA:hover svg path:nth-of-type(1)
{
-webkit-transition-delay:50ms;
transition-delay:50ms
}

.CTA:hover svg path:nth-of-type(2)
{
-webkit-transition-delay:.1s;
transition-delay:.1s
}

.CTA:hover svg path:nth-of-type(3)
{
-webkit-transition-delay:150ms;
transition-delay:150ms
}

.CTA:hover svg path:nth-of-type(4)
{
-webkit-transition-delay:.2s;
transition-delay:.2s
}

.CTA:hover svg path.blue
{
fill:#4285f4;
-webkit-animation:ctaChromeBlue .3s cubic-bezier(.645,.045,.355,1) both;
animation:ctaChromeBlue .3s cubic-bezier(.645,.045,.355,1) both
}

.CTA:hover svg path.red
{
fill:#ea4335;
-webkit-animation:ctaChromeRed .3s cubic-bezier(.645,.045,.355,1) both;
animation:ctaChromeRed .3s cubic-bezier(.645,.045,.355,1) both
}

.CTA:hover svg path.yellow
{
fill:#fbbc05;
-webkit-animation:ctaChromeYellow .3s cubic-bezier(.645,.045,.355,1) both;
animation:ctaChromeYellow .3s cubic-bezier(.645,.045,.355,1) both
}

.CTA:hover svg path.green
{
fill:#34a853;
-webkit-animation:ctaChromeGreen .3s cubic-bezier(.645,.045,.355,1) both;
animation:ctaChromeGreen .3s cubic-bezier(.645,.045,.355,1) both
}

.CTA.small
{
font-size:1.4rem;
padding:6px 18px 7px 10px
}

@media only screen and (max-width:750px)
{
.CTA.small
{
font-size:1.6rem
}


}

.CTA.small .label
{
margin-left:5px
}

.CTA.small svg,.CTA.small svg path
{
-webkit-transform-origin:8px 8px;
transform-origin:8px 8px
}

@-webkit-keyframes ctaChromeBlue
{
0%,100%
{
-webkit-transform:scale(1);
transform:scale(1)
}

40%
{
-webkit-transform:scale(.8);
transform:scale(.8)
}


}

@-moz-keyframes ctaChromeBlue
{
0%,100%
{
-webkit-transform:scale(1);
transform:scale(1)
}

40%
{
-webkit-transform:scale(.8);
transform:scale(.8)
}


}

@keyframes ctaChromeBlue
{
0%,100%
{
-webkit-transform:scale(1);
transform:scale(1)
}

40%
{
-webkit-transform:scale(.8);
transform:scale(.8)
}


}

@-webkit-keyframes ctaChromeRed
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(0,-15%);
transform:translate(0,-15%)
}


}

@-moz-keyframes ctaChromeRed
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(0,-15%);
transform:translate(0,-15%)
}


}

@keyframes ctaChromeRed
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(0,-15%);
transform:translate(0,-15%)
}


}

@-webkit-keyframes ctaChromeYellow
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(15%,7%);
transform:translate(15%,7%)
}


}

@-moz-keyframes ctaChromeYellow
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(15%,7%);
transform:translate(15%,7%)
}


}

@keyframes ctaChromeYellow
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(15%,7%);
transform:translate(15%,7%)
}


}

@-webkit-keyframes ctaChromeGreen
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(-15%,7%);
transform:translate(-15%,7%)
}


}

@-moz-keyframes ctaChromeGreen
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(-15%,7%);
transform:translate(-15%,7%)
}


}

@keyframes ctaChromeGreen
{
0%,100%
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

40%
{
-webkit-transform:translate(-15%,7%);
transform:translate(-15%,7%)
}


}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#menu
{
position:fixed;
top:0;
left:0;
right:0;
z-index:10;
padding:22px 18px;
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:center;
align-items:center;
-webkit-transition:all .5s cubic-bezier(.645,.045,.355,1);
transition:all .5s cubic-bezier(.645,.045,.355,1)
}

@media only screen and (max-width:750px)
{
#menu
{
padding:12px 18px
}


}

#menu.active #hamburger
{
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}

#menu.active #hamburger>i
{
background-color:#959595
}

#menu.active #hamburger>i:nth-child(1)
{
-webkit-transform:translateX(-3px) rotate(-45deg) scale(1,1)!important;
transform:translateX(-3px) rotate(-45deg) scale(1,1)!important
}

@media only screen and (max-width:750px)
{
#menu.active #hamburger>i:nth-child(1)
{
-webkit-transform:translate(-2px,-1px) rotate(-45deg) scale(1,1)!important;
transform:translate(-2px,-1px) rotate(-45deg) scale(1,1)!important
}


}

#menu.active #hamburger>i:nth-child(2)
{
-webkit-transform:scale(0,1)!important;
transform:scale(0,1)!important
}

#menu.active #hamburger>i:nth-child(3)
{
-webkit-transform:translateX(-3px) rotate(45deg) scale(1,1)!important;
transform:translateX(-3px) rotate(45deg) scale(1,1)!important
}

@media only screen and (max-width:750px)
{
#menu.active #hamburger>i:nth-child(3)
{
-webkit-transform:translate(-2px,1px) rotate(45deg) scale(1,1)!important;
transform:translate(-2px,1px) rotate(45deg) scale(1,1)!important
}


}

#menu.active #side-menu
{
display:block
}

#menu .actions
{
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
transition:all .3s cubic-bezier(.645,.045,.355,1);
-webkit-transform:translateY(-200%);
transform:translateY(-200%);
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center
}

@media only screen and (max-width:750px)
{
#menu .actions
{
-webkit-transform:translate(0,0);
transform:translate(0,0);
opacity:0
}


}

#menu.cta_in:not(.full):not(.active) #hamburger>i
{
background-color:#fff
}

#menu.cta_in:not(.full):not(.active) #hamburger:hover>i
{
background-color:#efefef
}

#menu.active .actions,#menu.cta_in .actions
{
-webkit-transform:translateY(0);
transform:translateY(0)
}

#menu.active,#menu.full
{
background-color:#fff;
box-shadow:0 1px 0 0 rgba(0,0,0,.05);
padding:12px 18px
}

@media only screen and (max-width:750px)
{
#menu.active,#menu.full
{
padding:12px 15px
}


}

#menu.active .actions,#menu.full .actions
{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}

@media only screen and (max-width:750px)
{
#menu.active .actions,#menu.full .actions
{
opacity:1
}


}

#menu.active #zest-logo .white,#menu.full #zest-logo .white
{
opacity:0
}

#menu.active #zest-logo .yellow,#menu.full #zest-logo .yellow
{
opacity:1
}

#menu.active #hamburger>i,#menu.full #hamburger>i
{
background-color:#959595
}

#menu.active #hamburger:hover>i,#menu.full #hamburger:hover>i
{
background-color:#959595
}

#hamburger
{
position:relative;
width:35px;
height:35px;
padding:10px 7px;
margin-left:20px;
cursor:pointer;
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-flex-direction:column;
flex-direction:column;
overflow:hidden;
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
transition:all .3s cubic-bezier(.645,.045,.355,1);
-webkit-border-radius:50%;
border-radius:50%
}

@media only screen and (max-width:750px)
{
#hamburger
{
margin-left:12px;
background-color:#f2f2f2;
width:36px;
height:36px;
padding:12px 9px
}


}

#hamburger>i
{
display:block;
height:1px;
background-color:#4b474d;
-webkit-transform-origin:right;
transform-origin:right;
-webkit-transition:all .15s cubic-bezier(.645,.045,.355,1);
transition:all .15s cubic-bezier(.645,.045,.355,1)
}

#hamburger>i:nth-child(2)
{
-webkit-transform:scale(.75,1);
transform:scale(.75,1)
}

#hamburger>i:nth-child(3)
{
-webkit-transform:scale(.5,1);
transform:scale(.5,1)
}

#hamburger:hover>i
{
-webkit-transform:scale(1,1)!important;
transform:scale(1,1)!important
}

#zest-logo
{
position:relative;
display:inline-block;
vertical-align:middle;
width:73px
}

#zest-logo img
{
display:block;
-webkit-transition:opacity .3s cubic-bezier(.645,.045,.355,1);
transition:opacity .3s cubic-bezier(.645,.045,.355,1)
}

#zest-logo .yellow
{
opacity:0;
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

#side-menu
{
position:absolute;
top:100%;
right:10px;
background-color:#fff;
text-align:left;
min-width:260px;
box-shadow:2px 2px 20px rgba(0,0,0,.08);
margin-top:15px;
padding-top:10px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px solid #efefef;
-webkit-animation:fromBottom .2s cubic-bezier(.645,.045,.355,1) both;
animation:fromBottom .2s cubic-bezier(.645,.045,.355,1) both;
display:none
}

#side-menu:after,#side-menu:before
{
content:'';
position:absolute;
border-style:solid;
bottom:100%
}

#side-menu:after
{
right:16px;
border-width:8px;
border-color:transparent transparent #fff transparent
}

@media only screen and (max-width:750px)
{
#side-menu:after
{
right:12px
}


}

#side-menu:before
{
border-color:transparent transparent #efefef transparent;
right:15px;
border-width:9px
}

@media only screen and (max-width:750px)
{
#side-menu:before
{
right:13px
}


}

#side-menu .link
{
cursor:pointer;
-webkit-animation:fromBottom .15s cubic-bezier(.645,.045,.355,1) both;
animation:fromBottom .15s cubic-bezier(.645,.045,.355,1) both;
-webkit-transition:opacity .15s cubic-bezier(.645,.045,.355,1);
transition:opacity .15s cubic-bezier(.645,.045,.355,1);
opacity:.8;
display:block;
color:#959595;
padding:15px 20px
}

#side-menu .link:nth-of-type(1)
{
-webkit-animation-delay:40ms;
animation-delay:40ms
}

#side-menu .link:nth-of-type(2)
{
-webkit-animation-delay:80ms;
animation-delay:80ms
}

#side-menu .link:nth-of-type(3)
{
-webkit-animation-delay:120ms;
animation-delay:120ms
}

#side-menu .link:nth-of-type(4)
{
-webkit-animation-delay:160ms;
animation-delay:160ms
}

#side-menu .link:nth-of-type(5)
{
-webkit-animation-delay:.2s;
animation-delay:.2s
}

#side-menu .link:nth-of-type(6)
{
-webkit-animation-delay:240ms;
animation-delay:240ms
}

#side-menu .link.active .label
{
color:#4b474d;
font-weight:700
}

#side-menu .link .label
{
font-size:1.6rem;
-webkit-transition:all .15s cubic-bezier(.645,.045,.355,1);
transition:all .15s cubic-bezier(.645,.045,.355,1)
}

#side-menu .link .Icon
{
font-size:3rem;
margin-right:20px
}

#side-menu .link:nth-child(1) .Icon
{
color:#ffc800
}

#side-menu .link:nth-child(2) .Icon
{
color:#c400bb
}

#side-menu .link:nth-child(3) .Icon
{
color:#0093c9
}

#side-menu .link .Icon,#side-menu .link .label,#side-menu .link img
{
display:inline-block;
vertical-align:middle
}

#side-menu .link.divider
{
border-top:1px solid #efefef
}

#side-menu .link.share
{
margin-top:10px;
padding:12px 17px
}

#side-menu .link.share img
{
margin-right:15px;
width:40px
}

#side-menu .link:hover:not(.active) a,#side-menu .link:hover:not(.active).share .label
{
opacity:1
}

#side-menu .link:hover:not(.active) .Icon,#side-menu .link:hover:not(.active) img
{
-webkit-animation:iconActive .2s cubic-bezier(.645,.045,.355,1) both 2;
animation:iconActive .2s cubic-bezier(.645,.045,.355,1) both 2
}

#side-menu .link:hover:not(.active) .label
{
-webkit-transform:translateX(4px);
transform:translateX(4px)
}

#side-menu .follow
{
border-top:1px solid #efefef;
padding:20px 10px;
text-align:center;
-webkit-animation:fromBottom .15s cubic-bezier(.645,.045,.355,1) .3s both;
animation:fromBottom .15s cubic-bezier(.645,.045,.355,1) .3s both
}

#side-menu .follow .label,#side-menu .follow a
{
display:inline-block;
vertical-align:middle
}

#side-menu .follow .label
{
font-size:1.4rem;
font-weight:300;
color:#959595
}

#side-menu .follow a
{
margin-left:10px;
font-size:2.4rem;
-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);
transition:all .2s cubic-bezier(.645,.045,.355,1)
}

#side-menu .follow a.icon-facebook
{
color:#324d8f
}

#side-menu .follow a.icon-twitter
{
color:#0295f3
}

#side-menu .follow a.icon-linkedin
{
color:#1b85bc
}

#side-menu .follow a:hover
{
-webkit-transform:translateY(-2px);
transform:translateY(-2px)
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

.floating
{
-webkit-transition:all .1s linear;
transition:all .1s linear
}

.floating img,.floating svg
{
backface-visibility:hidden;
-webkit-transform:translateZ(0)
}

#moderation
{
position:relative;
z-index:1;
margin-top:1250px
}

@media only screen and (max-width:880px)
{
#moderation
{
margin-top:700px
}


}

#moderation .title-strip:after
{
background-color:#00ba8d
}

#zest-tab
{
position:relative;
margin-bottom:80px
}

#zest-tab img
{
display:block
}

@media only screen and (max-width:1180px)
{
#zest-tab
{
width:960px
}

#zest-tab img
{
width:100%
}


}

@media only screen and (max-width:880px)
{
#zest-tab
{
width:100%
}


}

#zest-feed-video
{
position:absolute;
margin:auto;
right:0;
left:-17px;
top:30px;
box-shadow:0 0 0 1px #e8e8e8;
background-color:#fff;
object-fit:cover;
}

@media only screen and (max-width:1180px)
{
#zest-feed-video
{
width:935px;
top:52px
}


}

@media only screen and (max-width:880px)
{
#zest-feed-video
{
width:98%;
top:8%;
left:1%;
right:1%
}


}

#green-diagonal
{
position:relative;
margin-top:-500px;
height:670px;
background-color:#00c999;
-webkit-transform:skewY(-8deg);
transform:skewY(-8deg)
}

#flow
{
padding-top:300px;
background-color:#fff;
margin-top:-200px
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#community
{
position:relative;
padding-top:5vh
}

#community .title-strip:after
{
background-color:#efefef
}

#zest-ui-wrapper
{
margin-top:100px;
position:relative;
left:50%;
width:1270px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}

#zest-ui-wrapper.active #zest-ui circle,#zest-ui-wrapper.active #zest-ui ellipse,#zest-ui-wrapper.active #zest-ui path,#zest-ui-wrapper.active #zest-ui polyline,#zest-ui-wrapper.active #zest-ui rect
{
stroke-dashoffset:0!important;
stroke:#d8d4d4!important
}

#zest-ui
{
display:block;
stroke-linecap:round;
stroke-linejoin:round;
fill:none
}

#zest-ui circle,#zest-ui ellipse,#zest-ui path,#zest-ui polyline,#zest-ui rect
{
-webkit-transition:all 2s cubic-bezier(.645,.045,.355,1);
transition:all 2s cubic-bezier(.645,.045,.355,1);
stroke-dasharray:200;
stroke-dashoffset:201;
stroke:#c400bb
}

#zest-ui path.long,#zest-ui polyline.long,#zest-ui rect.long
{
stroke-dasharray:400;
stroke-dashoffset:401
}

#zest-ui path.very-long,#zest-ui polyline.very-long,#zest-ui rect.very-long
{
stroke-dasharray:1100;
stroke-dashoffset:1101
}

#zest-profile-wrapper
{
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
bottom:-210px;
width:1100px;
height:700px;
z-index:1
}

@media only screen and (max-width:1180px)
{
#zest-profile-wrapper
{
width:1100px;
height:784px;
bottom:-160px
}


}

#zest-profile
{
display:block;
width:100%
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#personalize
{
margin-top:-120px;
padding-top:500px;
height:1400px;
position:relative
}

@media only screen and (max-width:880px)
{
#personalize
{
padding-top:330px;
height:1200px
}


}

#personalize .title-strip:after
{
background-color:#4d454f
}

#night-wrapper
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

#moon-shadow,#night
{
position:absolute;
top:0;
bottom:0;
left:-2%;
right:-2%;
background-size:cover;
background-repeat:no-repeat;
background-position:center
}

#night
{
-webkit-clip-path:polygon(0 0,100% 13%,100% 100%,0 100%);
clip-path:polygon(0 0,100% 13%,100% 100%,0 100%);
background-image:url(./images/ingame.png);
background-color:#010003
}

#moon-shadow
{
background-image:url(./images/moon-shadow.png);
-webkit-transform-origin:bottom;
transform-origin:bottom;
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1);
opacity:.99;
-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);
transition:all 1.8s cubic-bezier(.645,.045,.355,1);
will-change:transform
}

#moon-shadow.active
{
-webkit-transform:translateX(15%) scale(.95);
transform:translateX(15%) scale(.95);
opacity:.01
}

#zest-dark
{
position:relative;
top:160px;
left:50%;
margin-left:-195px
}

#dark-ui
{
position:absolute;
top:58px;
width:1072px;
height:671px;
left:13px
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#tools
{
position:relative;
padding-top:350px;
text-align:center
}

@media only screen and (max-width:880px)
{
#tools
{
padding-top:280px
}


}

#tools .title-strip:after
{
background-color:#efefef
}

#zest-filter
{
position:relative;
margin:40px auto 10px;
width:1008px;
max-width:100%
}

#zest-filter img
{
display:block;
width:100%
}

#zest-filter video
{
position:absolute;
left:57px;
top:47px
}

@media only screen and (max-width:1180px)
{
#zest-filter video
{
top:43px
}


}

@media only screen and (max-width:880px)
{
#zest-filter video
{
top:31px;
width:153px
}


}

.zest-result
{
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-flex-flow:wrap;
flex-flow:wrap;
-webkit-align-items:flex-end;
align-items:flex-end;
margin:auto
}

.zest-result.active img
{
-webkit-animation:fromBottom .3s cubic-bezier(.645,.045,.355,1) both;
animation:fromBottom .3s cubic-bezier(.645,.045,.355,1) both
}

.zest-result img
{
opacity:0;
width:315px;
height:425px
}

.zest-result img:nth-of-type(1)
{
-webkit-animation-delay:150ms;
animation-delay:150ms
}

.zest-result img:nth-of-type(2)
{
-webkit-animation-delay:.3s;
animation-delay:.3s
}

.zest-result img:nth-of-type(3)
{
-webkit-animation-delay:450ms;
animation-delay:450ms
}

@media only screen and (max-width:1180px)
{
.zest-result img
{
width:305px;
height:412px
}


}

@media only screen and (max-width:880px)
{
.zest-result img
{
width:229px;
height:302px
}


}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

.zest-influencer
{
position:relative;
margin-top:12px
}

.zest-influencer blockquote
{
margin:0;
font-style:italic;
font-size:2rem;
margin-bottom:18px;
font-weight:300;
font-family:Lato,sans-serif;
position:relative
}

@media only screen and (max-width:750px)
{
.zest-influencer blockquote
{
font-size:1.7rem
}


}

.zest-influencer blockquote:after,.zest-influencer blockquote:before
{
font-size:3rem;
position:absolute;
opacity:0
}

@media only screen and (max-width:750px)
{
.zest-influencer blockquote:after,.zest-influencer blockquote:before
{
opacity:1
}


}

.zest-influencer blockquote:before
{
content:'\201C';
top:-5px;
left:-12px
}

.zest-influencer blockquote:after
{
-webkit-transform:translate(3px,-2px);
transform:translate(3px,-2px);
content:'\201D'
}

.zest-influencer .influencer
{
opacity:0
}

@media only screen and (max-width:750px)
{
.zest-influencer .influencer
{
opacity:1
}


}

.zest-influencer .influencer .image,.zest-influencer .influencer .name-wrapper
{
display:inline-block;
vertical-align:middle
}

.zest-influencer .influencer .image
{
width:42px;
height:42px;
-webkit-border-radius:50%;
border-radius:50%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin-right:12px
}

.zest-influencer .influencer .name-wrapper
{
margin-top:2px
}

.zest-influencer .influencer .name-wrapper .name
{
display:inline-block;
vertical-align:bottom;
font-size:1.8rem;
margin-bottom:-4px
}

@media only screen and (max-width:750px)
{
.zest-influencer .influencer .name-wrapper .name
{
font-size:1.6rem
}


}

.zest-influencer .influencer .name-wrapper .title a,.zest-influencer .influencer .name-wrapper .title span
{
display:inline-block;
vertical-align:middle
}

.zest-influencer .influencer .name-wrapper .title span
{
opacity:.8;
font-size:1.35rem;
font-style:italic;
font-family:Lato,sans-serif;
font-weight:300
}

.zest-influencer .influencer .name-wrapper .title a
{
color:#0295f3;
margin-left:3px;
font-size:2.6rem
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#action
{
margin-top:110px;
padding-top:80px;
position:relative;
background-color:#ffc800
}

@media only screen and (max-width:880px)
{
#action
{
margin-top:60px;
padding-top:20px
}


}

#action:before
{
content:'';
position:absolute;
height:400px;
-webkit-transform:skewY(8deg);
transform:skewY(8deg);
-webkit-transform-origin:top right;
transform-origin:top right;
top:0;
left:0;
right:0;
background-color:inherit
}

#action .title-strip:after
{
background-color:#f0bc00
}

#action .zest-slack_trello
{
display:block;
margin:80px 0 45px
}

@media only screen and (max-width:880px)
{
#action .zest-slack_trello
{
margin-bottom:0
}


}

#action-card
{
position:absolute;
right:50%;
margin-right:70px;
top:90px;
width:648px;
box-shadow:15px 20px 50px rgba(0,0,0,.1);
z-index:1
}

@media only screen and (max-width:1390px)
{
#action-card
{
margin-right:40px
}


}

@media only screen and (max-width:880px)
{
#action-card
{
position:relative;
top:70px;
margin-right:0;
right:auto
}


}

#zest-card
{
display:block;
width:100%;
height:345px;
background-size:100%;
background-repeat:no-repeat;
background-position:top;
-webkit-border-radius:2px;
border-radius:2px
}

#actions
{
position:absolute;
right:5px;
bottom:50px;
background-color:#1c1a1f;
color:#fff;
padding:6px 8px;
-webkit-border-radius:6px;
border-radius:6px;
text-align:center;
font-size:1.2rem;
-webkit-transition:all .5s cubic-bezier(.645,.045,.355,1);
transition:all .5s cubic-bezier(.645,.045,.355,1)
}

#actions:before
{
content:'';
position:absolute;
top:100%;
left:50%;
border-style:solid;
border-width:5px;
border-color:#1c1a1f transparent transparent transparent;
margin-left:-5px;
-webkit-transition:all .5s cubic-bezier(.645,.045,.355,1);
transition:all .5s cubic-bezier(.645,.045,.355,1)
}

#actions span:not(:last-child)
{
position:absolute;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
white-space:nowrap
}

#actions.action_1
{
-webkit-transform:translateX(0);
transform:translateX(0)
}

#actions.action_1:before
{
-webkit-transform:translateX(34px);
transform:translateX(34px)
}

#actions.action_1 span:nth-child(1)
{
opacity:1
}

#actions.action_2
{
-webkit-transform:translateX(-15px);
transform:translateX(-15px)
}

#actions.action_2:before
{
-webkit-transform:translateX(16px);
transform:translateX(16px)
}

#actions.action_2 span:nth-child(2)
{
opacity:1
}

#actions.action_3
{
-webkit-transform:translateX(-33px);
transform:translateX(-33px)
}

#actions.action_3 span:nth-child(3)
{
opacity:1
}

#actions span
{
opacity:0;
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
transition:all .3s cubic-bezier(.645,.045,.355,1)
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#mobile
{
padding:300px 0 350px;
position:relative;
background-color:#f3f3f3
}

@media only screen and (max-width:1390px)
{
#mobile
{
padding-top:350px
}


}

#mobile .title-strip:after
{
background-color:#eaeaea
}

#zest-mobile
{
position:absolute;
right:0;
top:-200px;
width:487px
}

@media only screen and (max-width:1390px)
{
#zest-mobile
{
right:-80px;
top:-170px
}


}

#mobile-device
{
display:block;
width:100%;
height:777px;
background-size:100%;
background-repeat:no-repeat;
background-position:top
}

#mobile-anim
{
position:absolute;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
top:50%;
width:300px;
height:400px;
left:74px;
overflow:hidden
}

#mobile-anim .earth
{
position:absolute;
-webkit-border-radius:50%;
border-radius:50%;
width:192px;
height:192px;
background-color:#fff;
border:2px solid #959595;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
overflow:hidden
}

#mobile-anim .earth i
{
position:absolute;
width:300%;
height:100%;
top:0;
left:0;
-webkit-animation:earth 10s linear infinite;
animation:earth 10s linear infinite;
background-repeat:repeat-x;
background-position:center
}

#mobile-anim .devices
{
position:absolute;
left:-3px;
top:80px;
will-change:transform;
-webkit-animation:bounce 1.8s infinite;
animation:bounce 1.8s infinite
}

@-webkit-keyframes earth
{
from
{
-webkit-transform:translateX(-60%);
transform:translateX(-60%)
}

to
{
-webkit-transform:translateX(0);
transform:translateX(0)
}


}

@-moz-keyframes earth
{
from
{
-webkit-transform:translateX(-60%);
transform:translateX(-60%)
}

to
{
-webkit-transform:translateX(0);
transform:translateX(0)
}


}

@keyframes earth
{
from
{
-webkit-transform:translateX(-60%);
transform:translateX(-60%)
}

to
{
-webkit-transform:translateX(0);
transform:translateX(0)
}


}

#mobile-form
{
margin-top:30px;
position:relative
}

#mobile-form input
{
width:420px;
color:#4b474d;
font-size:1.4rem;
font-weight:300;
opacity:1;
background-color:transparent;
background-color:#fff;
-webkit-border-radius:30px;
border-radius:30px;
padding:15px 20px
}

@media only screen and (max-width:750px)
{
#mobile-form input:not(.big)
{
font-size:1.3rem
}


}

#mobile-form input::-webkit-input-placeholder
{
color:#959595;
text-transform:uppercase;
opacity:.6;
font-size:1.4rem;
font-weight:300;
-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);
transition:color .2s cubic-bezier(.645,.045,.355,1)
}

@media only screen and (max-width:750px)
{
#mobile-form input::-webkit-input-placeholder:not(.big)
{
font-size:1.2rem
}


}

#mobile-form input:focus::-webkit-input-placeholder
{
color:#4b474d
}

#mobile-form input.big::-webkit-input-placeholder
{
font-size:1.8rem
}

@media only screen and (max-width:450px)
{
#mobile-form input.big::-webkit-input-placeholder
{
font-size:1.6rem
}


}

@media only screen and (max-width:1390px)
{
#mobile-form input
{
width:360px
}


}

#mobile-form button
{
position:absolute;
bottom:6px;
right:6px;
background-color:#c400bb;
color:#fff;
-webkit-border-radius:30px;
border-radius:30px;
-webkit-transition:background-color .2s cubic-bezier(.645,.045,.355,1);
transition:background-color .2s cubic-bezier(.645,.045,.355,1);
padding:3px 5px 3px 12px
}

@media only screen and (max-width:1390px)
{
#mobile-form button
{
padding:3px 2px 3px 4px
}


}

#mobile-form button i,#mobile-form button span
{
display:inline-block;
vertical-align:middle
}

#mobile-form button .label
{
font-size:1.6rem;
font-weight:300
}

@media only screen and (max-width:1390px)
{
#mobile-form button .label
{
display:none
}


}

#mobile-form button i
{
font-size:2.8rem
}

#mobile-form button:hover
{
background-color:#ba00b1
}

#mobile-form .alerts
{
left:10px
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#marketers
{
position:relative;
padding:100px 0 150px;
background-color:#fff
}

@media only screen and (max-width:1390px)
{
#marketers
{
padding-bottom:110px
}


}

#marketers:before
{
content:'';
position:absolute;
height:400px;
-webkit-transform:skewY(-8deg);
transform:skewY(-8deg);
-webkit-transform-origin:top left;
transform-origin:top left;
top:0;
left:0;
right:0;
background-color:inherit
}

#marketers .title-strip:after
{
background-color:#efefef
}

#carousel
{
margin:80px auto 0;
text-align:center;
position:relative
}

#carousel ul
{
opacity:0;
-webkit-transition:opacity .5s cubic-bezier(.645,.045,.355,1);
transition:opacity .5s cubic-bezier(.645,.045,.355,1)
}

#carousel li
{
display:inline-block;
vertical-align:top;
pointer-events:none
}

#carousel li:not(:last-child)
{
margin-right:70px
}

@media only screen and (max-width:1390px)
{
#carousel li:not(:last-child)
{
margin-right:50px
}


}

#carousel li .image
{
width:42px;
height:42px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0 auto 8px;
-webkit-border-radius:50%;
border-radius:50%
}

#carousel li h4
{
font-size:1.6rem;
color:#4b474d;
margin-bottom:1px
}

#carousel li p
{
font-size:1.3rem;
font-weight:300;
color:#959595;
margin-bottom:12px
}

#carousel #carousel_2
{
position:absolute;
top:0;
left:0;
right:0;
margin:auto
}

#carousel .bullets
{
margin:30px auto 0
}

#carousel .bullets i
{
display:inline-block;
vertical-align:middle;
margin:0 3px;
-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);
transition:all .2s cubic-bezier(.645,.045,.355,1);
padding:6px;
cursor:pointer
}

#carousel .bullets i:before
{
opacity:.5;
content:'';
width:6px;
height:6px;
-webkit-border-radius:50%;
border-radius:50%;
display:block;
background:#959595
}

#carousel.slide_1 #carousel_1
{
opacity:1
}

#carousel.slide_1 #carousel_1 li
{
-webkit-animation:fromBottom .5s cubic-bezier(.645,.045,.355,1) both;
animation:fromBottom .5s cubic-bezier(.645,.045,.355,1) both;
pointer-events:all
}

#carousel.slide_1 #carousel_1 li:nth-of-type(1)
{
-webkit-animation-delay:.1s;
animation-delay:.1s
}

#carousel.slide_1 #carousel_1 li:nth-of-type(2)
{
-webkit-animation-delay:.2s;
animation-delay:.2s
}

#carousel.slide_1 #carousel_1 li:nth-of-type(3)
{
-webkit-animation-delay:.3s;
animation-delay:.3s
}

#carousel.slide_1 #carousel_1 li:nth-of-type(4)
{
-webkit-animation-delay:.4s;
animation-delay:.4s
}

#carousel.slide_1 .bullets i:nth-child(1):before
{
opacity:1;
background:#4b474d
}

#carousel.slide_2 #carousel_2
{
opacity:1
}

#carousel.slide_2 #carousel_2 li
{
-webkit-animation:fromBottom .5s cubic-bezier(.645,.045,.355,1) both;
animation:fromBottom .5s cubic-bezier(.645,.045,.355,1) both;
pointer-events:all
}

#carousel.slide_2 #carousel_2 li:nth-of-type(1)
{
-webkit-animation-delay:.1s;
animation-delay:.1s
}

#carousel.slide_2 #carousel_2 li:nth-of-type(2)
{
-webkit-animation-delay:.2s;
animation-delay:.2s
}

#carousel.slide_2 #carousel_2 li:nth-of-type(3)
{
-webkit-animation-delay:.3s;
animation-delay:.3s
}

#carousel.slide_2 #carousel_2 li:nth-of-type(4)
{
-webkit-animation-delay:.4s;
animation-delay:.4s
}

#carousel.slide_2 .bullets i:nth-child(2):before
{
opacity:1;
background:#4b474d
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#footer
{
padding:80px 0 20px;
color:#fff;
position:relative;
background-color:#9423c9
}

@media only screen and (max-width:880px)
{
#footer
{
padding:40px 0 30px
}


}

#footer article
{
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-content:center;
align-content:center
}

#footer article.header
{
margin-bottom:90px
}

#footer article.body
{
margin-bottom:150px;
-webkit-align-items:flex-start;
align-items:flex-start
}

@media only screen and (max-width:880px)
{
#footer article.body,#footer article.footer
{
display:block
}


}

#footer #social li
{
display:inline-block;
vertical-align:middle
}

#footer #social a
{
color:#fff;
font-size:3.6rem;
margin-left:25px;
display:block;
-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);
transition:all .2s cubic-bezier(.645,.045,.355,1)
}

#footer #social a:hover
{
-webkit-transform:translateY(-2px);
transform:translateY(-2px)
}

@media only screen and (max-width:880px)
{
#footer #social a
{
font-size:2.8rem;
margin-left:15px
}


}

@media only screen and (max-width:880px)
{
#footer #nav
{
margin-bottom:100px
}


}

#footer #nav li
{
margin-bottom:33px
}

#footer #nav .link
{
color:#fff;
font-size:1.8rem;
-webkit-transition:opacity .2s cubic-bezier(.645,.045,.355,1);
transition:opacity .2s cubic-bezier(.645,.045,.355,1);
display:block;
opacity:.8
}

#footer #nav .link:hover
{
opacity:1
}

#footer #nav .CTA .label
{
font-size:1.8rem
}

#footer #newsletter
{
position:relative;
width:100%;
max-width:320px
}

#footer #newsletter h3
{
margin-bottom:30px;
font-size:2.8rem
}

@media only screen and (max-width:1390px)
{
#footer #newsletter h3
{
font-size:2.5rem
}


}

#footer #newsletter input
{
width:100%;
color:#4b474d;
font-size:1.4rem;
font-weight:300;
opacity:1;
background-color:transparent;
color:#fff;
background-color:transparent;
color:#fff;
padding:15px 0;
border-bottom:1px solid
}

@media only screen and (max-width:750px)
{
#footer #newsletter input:not(.big)
{
font-size:1.3rem
}


}

#footer #newsletter input::-webkit-input-placeholder
{
color:#959595;
text-transform:uppercase;
opacity:.6;
font-size:1.4rem;
font-weight:300;
-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);
transition:color .2s cubic-bezier(.645,.045,.355,1)
}

@media only screen and (max-width:750px)
{
#footer #newsletter input::-webkit-input-placeholder:not(.big)
{
font-size:1.2rem
}


}

#footer #newsletter input:focus::-webkit-input-placeholder
{
color:#4b474d
}

#footer #newsletter input.big::-webkit-input-placeholder
{
font-size:1.8rem
}

@media only screen and (max-width:450px)
{
#footer #newsletter input.big::-webkit-input-placeholder
{
font-size:1.6rem
}


}

#footer #newsletter input::-webkit-input-placeholder
{
color:#fff
}

#footer #newsletter input:focus::-webkit-input-placeholder
{
color:rgba(255,255,255,.8)
}

@media only screen and (max-width:450px)
{
#footer #newsletter input
{
font-size:2.5rem
}


}

#footer #newsletter button
{
position:absolute;
bottom:7px;
font-size:3.5rem;
background-color:transparent;
border:none;
outline:0;
right:0;
color:#fff;
-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);
transition:all .2s cubic-bezier(.645,.045,.355,1)
}

#footer #newsletter button i
{
display:block
}

#footer #newsletter button:hover
{
color:#c400bb;
-webkit-transform:translateX(3px);
transform:translateX(3px)
}

#footer #legal
{
font-weight:300
}

#footer #legal a,#footer #legal span
{
display:inline-block;
vertical-align:middle;
color:#fff;
font-size:1.5rem;
opacity:.6
}

@media only screen and (max-width:880px)
{
#footer #legal a,#footer #legal span
{
display:block;
margin-bottom:25px
}


}

#footer #legal a
{
-webkit-transition:opacity .2s cubic-bezier(.645,.045,.355,1);
transition:opacity .2s cubic-bezier(.645,.045,.355,1)
}

#footer #legal a:hover
{
opacity:1
}

#footer #legal a:not(:last-child)
{
margin-right:60px
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#tiles-bg
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
position:fixed;
z-index:-1;
background-color:#f2f2f2;
text-align:center
}

#tiles-bg i
{
will-change:transform;
display:inline-block;
vertical-align:top;
width:1920px;
height:1235px;
background:url(./images/tiles.svg) center no-repeat
}

@media only screen and (max-width:750px)
{
#tiles-bg i
{
background-image:url(./images/m-tiles.svg);
width:810px;
height:1220px
}


}

.contact-us
{
position:relative;
padding-top:140px;
margin-bottom:280px
}

@media only screen and (max-width:880px)
{
.contact-us
{
padding-top:110px;
margin-bottom:220px
}


}

.contact-us:before
{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
bottom:70px;
-webkit-transform:skewY(-8deg);
transform:skewY(-8deg);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}

@media only screen and (max-width:880px)
{
.contact-us:before
{
bottom:200px
}


}

.contact-us.blue:before
{
background:#0093c9;
background:-moz-linear-gradient(45deg,#00c999 0,#0093c9 100%);
background:-webkit-linear-gradient(45deg,#00c999 0,#0093c9 100%);
background:linear-gradient(45deg,#00c999 0,#0093c9 100%)
}

.contact-us.purple:before
{
background:#ffc800;
background:-moz-linear-gradient(45deg,#0093c9 0,#9423c9 80%);
background:-webkit-linear-gradient(45deg,#0093c9 0,#9423c9 80%);
background:linear-gradient(45deg,#0093c9 0,#9423c9 80%)
}

.contact-us.red:before
{
background:#ff765f;
background:-moz-linear-gradient(45deg,#ff765f 30%,#ffc800 100%);
background:-webkit-linear-gradient(45deg,#ff765f 30%,#ffc800 100%);
background:linear-gradient(45deg,#ff765f 30%,#ffc800 100%)
}

.contact-us h1
{
color:#fff;
font-size:5.2rem;
margin-bottom:12px
}

@media only screen and (max-width:880px)
{
.contact-us h1
{
font-size:4.2rem
}


}

@media only screen and (max-width:750px)
{
.contact-us h1
{
font-size:3.6rem
}


}

.contact-us h2
{
color:#fff;
font-size:2.3rem;
font-weight:300;
font-family:Lato,sans-serif;
max-width:720px;
margin-bottom:80px
}

@media only screen and (max-width:880px)
{
.contact-us h2
{
margin-bottom:50px;
font-size:2rem
}


}

@media only screen and (max-width:750px)
{
.contact-us h2
{
font-size:1.9rem
}


}

.contact-us .form-wrapper
{
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-items:flex-start;
align-items:flex-start;
position:relative
}

.contact-us .form-wrapper>img
{
margin-right:40px;
-webkit-animation:bounce 2s infinite;
animation:bounce 2s infinite
}

@media only screen and (max-width:880px)
{
.contact-us .form-wrapper>img
{
display:none
}


}

.contact-us form
{
-webkit-flex:1;
flex:1;
position:relative;
max-width:520px
}

@media only screen and (max-width:880px)
{
.contact-us form
{
max-width:none
}


}

.contact-us form button
{
position:relative;
background-color:#c400bb;
color:#fff;
-webkit-border-radius:30px;
border-radius:30px;
-webkit-transition:background-color .2s cubic-bezier(.645,.045,.355,1);
transition:background-color .2s cubic-bezier(.645,.045,.355,1);
padding:8px 15px 8px 18px
}

.contact-us form button i,.contact-us form button span
{
display:inline-block;
vertical-align:middle
}

.contact-us form button .label
{
font-size:2.2rem;
margin-right:10px;
font-weight:300
}

.contact-us form button i
{
font-size:3.5rem
}

.contact-us form button:hover
{
background-color:#ba00b1
}

.contact-us form .alerts
{
margin-top:15px;
padding:7px 15px;
-webkit-border-radius:20px;
border-radius:20px;
background-color:#fff
}

.contact-us .field
{
position:relative;
margin-bottom:22px
}

.contact-us .field.req:after
{
content:'';
position:absolute;
top:26px;
left:22px;
-webkit-border-radius:50%;
border-radius:50%;
width:6px;
height:6px;
background-color:#f37b7b
}

@media only screen and (max-width:880px)
{
.contact-us .field.req:after
{
left:20px;
top:25px;
margin-bottom:18px
}


}

@media only screen and (max-width:450px)
{
.contact-us .field.req:after
{
top:23px;
left:18px
}


}

.contact-us input,.contact-us select,.contact-us textarea
{
width:100%
}

.contact-us input,.contact-us select,.contact-us textarea
{
color:#4b474d;
font-size:1.4rem;
font-weight:300;
opacity:1;
background-color:transparent;
background-color:#fff;
padding:16px 40px;
font-size:2rem;
-webkit-border-radius:28px;
border-radius:28px
}

@media only screen and (max-width:750px)
{
.contact-us input:not(.big),.contact-us select:not(.big),.contact-us textarea:not(.big)
{
font-size:1.3rem
}


}

.contact-us input::-webkit-input-placeholder,.contact-us select::-webkit-input-placeholder,.contact-us textarea::-webkit-input-placeholder
{
color:#959595;
text-transform:uppercase;
opacity:.6;
font-size:1.4rem;
font-weight:300;
-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);
transition:color .2s cubic-bezier(.645,.045,.355,1)
}

@media only screen and (max-width:750px)
{
.contact-us input::-webkit-input-placeholder:not(.big),.contact-us select::-webkit-input-placeholder:not(.big),.contact-us textarea::-webkit-input-placeholder:not(.big)
{
font-size:1.2rem
}


}

.contact-us input:focus::-webkit-input-placeholder,.contact-us select:focus::-webkit-input-placeholder,.contact-us textarea:focus::-webkit-input-placeholder
{
color:#4b474d
}

.contact-us input.big::-webkit-input-placeholder,.contact-us select.big::-webkit-input-placeholder,.contact-us textarea.big::-webkit-input-placeholder
{
font-size:1.8rem
}

@media only screen and (max-width:450px)
{
.contact-us input.big::-webkit-input-placeholder,.contact-us select.big::-webkit-input-placeholder,.contact-us textarea.big::-webkit-input-placeholder
{
font-size:1.6rem
}


}

@media only screen and (max-width:450px)
{
.contact-us input,.contact-us select,.contact-us textarea
{
padding:17px 35px 14px;
font-size:1.6rem;
-webkit-border-radius:25px;
border-radius:25px
}


}

.contact-us textarea
{
resize:none;
display:block;
min-height:280px
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

.legal
{
background-color:#f2f2f2;
padding:150px 0 100px;
text-align:right
}

@media only screen and (max-width:880px)
{
.legal
{
padding:110px 0 70px
}


}

.legal .side-column,.legal .side-nav
{
background-color:#fff;
-webkit-border-radius:5px;
border-radius:5px;
text-align:left
}

.legal .side-nav
{
position:fixed;
overflow:hidden;
max-height:350px;
width:210px;
padding:15px 22px;
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
transition:all .3s cubic-bezier(.645,.045,.355,1);
z-index:1
}

.legal .side-nav.fold,.legal .side-nav.to_top
{
-webkit-transform:translateY(-80px);
transform:translateY(-80px)
}

.legal .side-nav.fold
{
max-height:0;
padding:0 22px
}

@media only screen and (max-width:880px)
{
.legal .side-nav
{
display:none
}


}

.legal .side-nav a
{
display:block;
padding:12px 0;
font-size:1.6rem;
font-family:Lato,sans-serif;
color:#959595;
-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);
transition:color .2s cubic-bezier(.645,.045,.355,1)
}

.legal .side-nav a:not(:last-child)
{
border-bottom:1px solid #efefef
}

.legal .side-nav a:hover
{
color:#4b474d
}

.legal .side-nav a.active
{
color:#00c999
}

.legal .side-column
{
position:relative;
display:inline-block;
vertical-align:top;
width:calc(100% - 225px);
padding:20px 25px
}

@media only screen and (max-width:880px)
{
.legal .side-column
{
width:auto;
display:block
}


}

@media only screen and (max-width:750px)
{
.legal .side-column
{
padding:15px 13px
}


}

.legal .side-column h1
{
font-size:5.2rem;
margin-bottom:10px
}

@media only screen and (max-width:880px)
{
.legal .side-column h1
{
font-size:4.2rem
}


}

@media only screen and (max-width:750px)
{
.legal .side-column h1
{
font-size:3.6rem
}


}

.legal .side-column h2
{
font-size:3.2rem;
margin:50px 0 20px;
font-weight:700
}

@media only screen and (max-width:880px)
{
.legal .side-column h2
{
margin-top:40px;
font-size:2.8rem
}


}

@media only screen and (max-width:750px)
{
.legal .side-column h2
{
font-size:2.6rem
}


}

.legal .side-column .date
{
margin-bottom:50px;
font-family:Lato,sans-serif;
font-size:1.8rem;
font-weight:300;
color:#959595
}

.legal .side-column .date i,.legal .side-column .date span
{
display:inline-block;
vertical-align:middle
}

.legal .side-column .date i
{
font-size:2.6rem;
color:#bbb
}

@media only screen and (max-width:880px)
{
.legal .side-column .date
{
font-size:1.4rem;
margin-bottom:40px
}

.legal .side-column .date i
{
font-size:2.2rem
}


}

.legal .side-column p
{
font-size:1.8rem;
margin-bottom:15px;
font-family:Lato,sans-serif
}

@media only screen and (max-width:750px)
{
.legal .side-column p
{
font-size:1.6rem
}


}

.legal .side-column p
{
color:#5d5860
}

.legal .side-column ul
{
margin:10px 0 30px
}

.legal .side-column ul li
{
list-style:circle;
font-style:italic
}

.legal .side-column a
{
color:#00c999
}

.legal .side-column a.s
{
font-size:1.8rem;
font-style:italic;
display:block
}

.legal .side-column i
{
font-size:1.6rem;
color:#959595
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#zesteam
{
position:relative
}

#zesteam>header
{
overflow:hidden;
position:relative;
background-color:#ffc800;
min-height:95vh
}

@media only screen and (max-width:880px)
{
#zesteam>header
{
min-height:80vh
}


}

@media only screen and (max-width:750px)
{
#zesteam>header
{
min-height:100vh
}


}

#zesteam>header iframe
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
top:60px;
height:calc(95vh - 60px)
}

@media only screen and (max-width:750px)
{
#zesteam>header iframe
{
top:25%;
height:75%
}


}

#zesteam>header:after
{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.15)),to(transparent));
background-image:-webkit-linear-gradient(to bottom,rgba(0,0,0,.15),transparent);
background-image:linear-gradient(to bottom,rgba(0,0,0,.15),transparent)
}

@media only screen and (max-width:880px)
{
#zesteam>header:after
{
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(transparent));
background-image:-webkit-linear-gradient(to bottom,rgba(0,0,0,.2),transparent);
background-image:linear-gradient(to bottom,rgba(0,0,0,.2),transparent)
}


}

#wrapper:not(.touch) #zesteam-header,#wrapper:not(.touch) #zesteam>header:after
{
pointer-events:none
}

#zesteam-header
{
position:relative;
margin:140px auto 0;
color:#fff;
z-index:1
}

@media only screen and (max-width:880px)
{
#zesteam-header
{
pointer-events:all;
margin-top:120px
}


}

@media only screen and (max-width:750px)
{
#zesteam-header
{
margin:90px auto 60vh
}


}

#zesteam-header h1
{
max-width:680px;
font-size:5.2rem
}

@media only screen and (max-width:880px)
{
#zesteam-header h1
{
font-size:4.2rem
}


}

@media only screen and (max-width:750px)
{
#zesteam-header h1
{
font-size:3.2rem
}


}

#zesteam-header h2
{
margin-top:12px;
font-size:2.3rem;
max-width:620px;
font-family:Lato,sans-serif;
font-weight:300
}

@media only screen and (max-width:750px)
{
#zesteam-header h2
{
font-size:1.9rem
}


}

#zesteam-founders
{
position:relative;
text-align:center
}

@media only screen and (max-width:750px)
{
#zesteam-founders
{
padding-top:20px
}


}

#zesteam-founders:before
{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
bottom:120px;
-webkit-transform:skewY(-8deg);
transform:skewY(-8deg);
-webkit-transform-origin:left top;
transform-origin:left top;
background-color:#00c999
}

@media only screen and (max-width:750px)
{
#zesteam-founders:before
{
bottom:50px
}


}

#zesteam-founders>article
{
position:relative;
max-width:670px;
margin:auto;
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-content:flex-start;
align-content:flex-start
}

@media only screen and (max-width:750px)
{
#zesteam-founders>article
{
display:block
}


}

#zesteam-founders .paths
{
position:relative;
margin:25px auto 0
}

#zesteam-founders .founder
{
display:inline-block
}

@media only screen and (max-width:750px)
{
#zesteam-founders .founder
{
display:block;
margin:0 auto 50px
}


}

#zesteam-founders .founder .img
{
position:relative;
margin:0 auto 25px;
max-width:150px
}

#zesteam-founders .founder .img:after
{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
-webkit-border-radius:50%;
border-radius:50%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
-webkit-transition:opacity .1s cubic-bezier(.645,.045,.355,1);
transition:opacity .1s cubic-bezier(.645,.045,.355,1);
opacity:.01
}

#zesteam-founders .founder .img:hover:after
{
opacity:.99
}

#zesteam-founders .founder:nth-child(1) .img:after
{
background-image:url(./images/bgs/Yam-hover.jpg)
}

#zesteam-founders .founder:nth-child(2) .img:after
{
background-image:url(./images/bgs/Idan-hover.jpg)
}

#zesteam-founders .founder:nth-child(3) .img:after
{
background-image:url(./images/bgs/Tomer-hover.jpg)
}

#zesteam-founders .founder img
{
display:block;
-webkit-border-radius:50%;
border-radius:50%;
width:100%
}

#zesteam-founders .founder h3
{
font-size:2rem;
color:#fff;
margin-bottom:3px
}

#zesteam-founders .founder p
{
font-size:1.4rem;
color:rgba(255,255,255,.65);
margin-bottom:10px
}

#zesteam-founders .founder a
{
display:inline-block;
vertical-align:middle;
padding:3px;
font-size:2.4rem;
margin:0 3px;
-webkit-transition:all .2s cubic-bezier(.645,.045,.355,1);
transition:all .2s cubic-bezier(.645,.045,.355,1)
}

#zesteam-founders .founder a:hover
{
-webkit-transform:translateY(-2px);
transform:translateY(-2px)
}

#zesteam-founders .founder a.icon-linkedin
{
color:#1b85bc
}

#zesteam-founders .founder a.icon-twitter
{
color:#0295f3
}

#zesteam-founders .life
{
display:inline-block;
vertical-align:top;
padding:6px 15px;
-webkit-border-radius:25px;
border-radius:25px;
font-size:1.4rem;
font-weight:300;
font-family:Lato,sans-serif;
color:#959595;
box-shadow:inset 0 0 0 1px #ddd;
background-color:#fff
}

#zesteam-founders svg
{
mix-blend-mode:luminosity;
position:relative
}

#zesteam-founders svg path
{
stroke-dasharray:3,8;
stroke-dashoffset:220;
stroke-width:1.5;
stroke:#aaa
}

#zesteam-founders svg path.path_1
{
-webkit-animation:teamPath 6s 1s cubic-bezier(.645,.045,.355,1) infinite;
animation:teamPath 6s 1s cubic-bezier(.645,.045,.355,1) infinite
}

#zesteam-founders svg path.path_2
{
-webkit-animation:teamPath 6s 5s cubic-bezier(.645,.045,.355,1) infinite;
animation:teamPath 6s 5s cubic-bezier(.645,.045,.355,1) infinite
}

#zesteam-founders svg path.path_3
{
-webkit-animation:teamPath 6s 3s cubic-bezier(.645,.045,.355,1) infinite;
animation:teamPath 6s 3s cubic-bezier(.645,.045,.355,1) infinite
}

#zesteam-founders svg circle
{
fill:#fff;
stroke:none
}

#zesteam-founders svg circle.stroke
{
stroke:#aaa
}

@-webkit-keyframes teamPath
{
0%
{
stroke-dashoffset:220
}

100%,35%
{
stroke-dashoffset:0
}


}

@-moz-keyframes teamPath
{
0%
{
stroke-dashoffset:220
}

100%,35%
{
stroke-dashoffset:0
}


}

@keyframes teamPath
{
0%
{
stroke-dashoffset:220
}

100%,35%
{
stroke-dashoffset:0
}


}

#zesteam-story
{
position:relative;
width:100%;
padding:100px 15px 50px;
display:-webkit-flex;
display:flex;
-webkit-align-content:fllex-start;
align-content:fllex-start
}

@media only screen and (max-width:750px)
{
#zesteam-story
{
padding:80px 10px 50px
}


}

#zesteam-story img,#zesteam-story svg
{
backface-visibility:hidden;
-webkit-transform:translateZ(0)
}

#zesteam-story svg
{
position:absolute;
left:50%;
top:0;
height:100%;
margin-left:-16px;
overflow:visible
}

@media only screen and (max-width:750px)
{
#zesteam-story svg
{
display:none
}


}

#zesteam-story svg path
{
fill:none
}

#zesteam-story svg path.dashed
{
stroke-dasharray:3,8;
stroke-linecap:round;
stroke-width:1.2px;
stroke:#aaa
}

#zesteam-story svg path.full
{
stroke-dasharray:5250px;
stroke-dashoffset:5250px;
stroke-width:1.5px
}

#zesteam-story svg path.first
{
stroke:#e5e5e5;
-webkit-transition:stroke-dashoffset .1s linear;
transition:stroke-dashoffset .1s linear
}

#zesteam-story svg path.second
{
stroke:#aaa;
-webkit-transition:stroke-dashoffset .2s linear;
transition:stroke-dashoffset .2s linear
}

#zesteam-story svg path.third
{
stroke:#aaa
}

#zesteam-story:before
{
content:'';
position:absolute;
left:50%;
width:1px;
top:0;
height:100%;
border-left:1px dashed #aaa;
display:none
}

@media only screen and (max-width:750px)
{
#zesteam-story:before
{
display:block
}


}

#zesteam-story ul
{
position:relative;
width:50%;
-webkit-flex:1;
flex:1
}

#zesteam-story ul.to-left
{
text-align:right
}

#zesteam-story ul.to-left li
{
direction:rtl;
padding-right:20%
}

@media only screen and (max-width:750px)
{
#zesteam-story ul.to-left li
{
padding-right:15%
}


}

#zesteam-story ul.to-left .handle
{
right:0;
-webkit-transform-origin:right;
transform-origin:right
}

#zesteam-story ul.to-left .handle:after
{
right:-3px
}

#zesteam-story ul.to-right
{
padding-top:125px;
text-align:left
}

#zesteam-story ul.to-right li
{
padding-left:20%
}

@media only screen and (max-width:750px)
{
#zesteam-story ul.to-right li
{
padding-left:15%
}


}

#zesteam-story ul.to-right .handle
{
left:0;
-webkit-transform-origin:left;
transform-origin:left
}

#zesteam-story ul.to-right .handle:after
{
left:-3px
}

#zesteam-story ul li.text p
{
text-align:left;
padding:30px;
background-color:#00c999;
color:#fff;
font-size:1.8rem;
max-width:520px;
z-index:1;
display:inline-block;
position:relative;
-webkit-border-radius:2px;
border-radius:2px
}

@media only screen and (max-width:750px)
{
#zesteam-story ul li.text p
{
display:none
}


}

#zesteam-story li
{
position:relative;
margin-bottom:120px;
-webkit-transition:all .8s cubic-bezier(.645,.045,.355,1);
transition:all .8s cubic-bezier(.645,.045,.355,1);
-webkit-transform:translateY(100px);
transform:translateY(100px);
opacity:.01
}

@media only screen and (max-width:750px)
{
#zesteam-story li
{
margin-bottom:80px
}


}

#zesteam-story li.active
{
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:.99
}

#zesteam-story li.active .zesteam-img
{
position:relative
}

#zesteam-story li.active .zesteam-img:after
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

#zesteam-story li>div
{
z-index:1;
display:inline-block;
vertical-align:top
}

#zesteam-story li span
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-repeat:no-repeat;
background-size:cover;
background-position:top;
-webkit-border-radius:12px;
border-radius:12px;
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
transition:all .3s cubic-bezier(.645,.045,.355,1)
}

#zesteam-story .zesteam-img
{
position:relative;
-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
transition:all .3s cubic-bezier(.645,.045,.355,1)
}

#zesteam-story .zesteam-img:after
{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:#efefef;
-webkit-transform-origin:top;
transform-origin:top;
-webkit-border-radius:12px;
border-radius:12px;
-webkit-transform:scale(1,1);
transform:scale(1,1);
-webkit-transition:all .4s .5s cubic-bezier(.645,.045,.355,1);
transition:all .4s .5s cubic-bezier(.645,.045,.355,1)
}

#zesteam-story .zesteam-img:hover span
{
-webkit-border-radius:2px;
border-radius:2px
}

#zesteam-story .handle
{
position:absolute;
top:50%;
height:1px;
width:20%;
background-color:#aaa
}

@media only screen and (max-width:750px)
{
#zesteam-story .handle
{
width:15%
}


}

#zesteam-story .handle:after
{
-webkit-border-radius:50%;
border-radius:50%;
content:'';
position:absolute;
top:50%;
width:6px;
margin-top:-3px;
height:6px;
background-color:#aaa;
-webkit-transition:all .3s .7s cubic-bezier(.645,.045,.355,1);
transition:all .3s .7s cubic-bezier(.645,.045,.355,1)
}

#zesteam-story .l
{
width:240px;
height:240px
}

@media only screen and (max-width:750px)
{
#zesteam-story .l
{
width:160px;
height:160px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .l
{
width:120px;
height:120px
}


}

#zesteam-story .l:hover
{
width:370px
}

@media only screen and (max-width:750px)
{
#zesteam-story .l:hover
{
width:240px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .l:hover
{
width:180px
}


}

#zesteam-story .ls
{
width:180px;
height:180px
}

@media only screen and (max-width:750px)
{
#zesteam-story .ls
{
width:130px;
height:130px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .ls
{
width:110px;
height:110px
}


}

#zesteam-story .ls:hover
{
width:280px
}

@media only screen and (max-width:750px)
{
#zesteam-story .ls:hover
{
width:190px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .ls:hover
{
width:160px
}


}

#zesteam-story .p
{
width:180px;
height:180px
}

@media only screen and (max-width:750px)
{
#zesteam-story .p
{
width:120px;
height:120px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .p
{
width:100px;
height:100px
}


}

#zesteam-story .p:hover
{
height:300px
}

@media only screen and (max-width:750px)
{
#zesteam-story .p:hover
{
height:230px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .p:hover
{
height:200px
}


}

#zesteam-story .pb
{
width:230px;
height:230px
}

@media only screen and (max-width:750px)
{
#zesteam-story .pb
{
width:150px;
height:150px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .pb
{
width:130px;
height:130px
}


}

#zesteam-story .pb:hover
{
height:380px
}

@media only screen and (max-width:750px)
{
#zesteam-story .pb:hover
{
height:260px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .pb:hover
{
height:230px
}


}

#zesteam-story .s
{
width:200px;
height:200px
}

@media only screen and (max-width:750px)
{
#zesteam-story .s
{
width:140px;
height:140px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .s
{
width:120px;
height:120px
}


}

#zesteam-story .s:hover
{
width:220px;
height:220px
}

@media only screen and (max-width:750px)
{
#zesteam-story .s:hover
{
width:150px;
height:150px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .s:hover
{
width:130px;
height:130px
}


}

#zesteam-story .sb
{
width:280px;
height:260px
}

@media only screen and (max-width:750px)
{
#zesteam-story .sb
{
width:190px;
height:180px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .sb
{
width:150px;
height:140px
}


}

#zesteam-story .sb:hover
{
width:320px
}

@media only screen and (max-width:750px)
{
#zesteam-story .sb:hover
{
width:230px
}


}

@media only screen and (max-width:450px)
{
#zesteam-story .sb:hover
{
width:160px
}


}

#born
{
padding-bottom:150px;
position:relative
}

#born:before
{
content:'';
position:relative;
display:block;
margin:-2px auto 25px;
-webkit-border-radius:50%;
border-radius:50%;
width:13px;
height:13px;
border:1px solid #aaa;
background-color:#fff
}

#born p
{
position:absolute;
text-align:left;
left:50%;
top:-3px;
padding-left:30px;
color:#959595;
font-size:1.5rem
}

#born img
{
display:block;
margin:auto;
width:64px;
-webkit-animation:bounce 2s linear infinite;
animation:bounce 2s linear infinite
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

#zest-lite
{
text-align:center;
padding:90px 20px 140px
}

#zest-lite h1
{
font-size:4.8rem;
max-width:820px;
margin:0 auto 12px
}

@media only screen and (max-width:880px)
{
#zest-lite h1
{
font-size:4.2rem
}


}

@media only screen and (max-width:750px)
{
#zest-lite h1
{
font-size:3.6rem
}


}

#zest-lite h2
{
color:#4b474d;
font-size:2.2rem;
font-weight:300;
opacity:.8;
font-family:Lato,sans-serif;
max-width:720px;
margin:0 auto 35px
}

@media only screen and (max-width:880px)
{
#zest-lite h2
{
margin-bottom:30px;
font-size:2rem
}


}

@media only screen and (max-width:750px)
{
#zest-lite h2
{
font-size:1.9rem
}


}

#zest-lite .CTA
{
padding:18px 32px 18px 25px
}

#zest-lite .zest-lite-uninstall
{
font-size:1.4rem;
cursor:pointer;
margin-bottom:12px
}

#zest-lite .zest-lite-uninstall:before
{
content:'';
display:block;
width:50px;
height:1px;
background-color:#ddd;
margin:28px auto 18px
}

#zest-lite .zest-lite-uninstall a
{
color:#959595;
display:block;
-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);
transition:color .2s cubic-bezier(.645,.045,.355,1)
}

#zest-lite .zest-lite-uninstall a:hover
{
color:#4b474d
}

#zest-lite .zest-lite-uninstall i
{
display:inline-block;
vertical-align:middle
}

#zest-lite .zest-lite-uninstall .Icon
{
font-size:2.2rem;
margin-left:5px
}

#zest-lite .zest-lite-img
{
display:block;
width:100%;
max-width:500px;
margin:0 auto 90px
}

#zest-lite .zest-lite-footer img
{
display:block;
margin:0 auto 5px
}

#zest-lite .zest-lite-footer h3
{
color:#4b474d;
font-size:2rem;
margin-bottom:5px;
opacity:.8
}

#zest-lite .zest-lite-footer p
{
color:#959595;
font-size:1.3rem;
font-weight:300
}

@-webkit-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@-moz-keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

@keyframes borderDown
{
from
{
-webkit-transform:scale(1,0);
transform:scale(1,0)
}

to
{
-webkit-transform:scale(1,1);
transform:scale(1,1)
}


}

.cover_fixed
{
width:100%;
height:85vh;
background-color:#efefef;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
background-position:bottom
}

.cover_fixed:before
{
display:block;
height:100%;
content:'';
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.9)));
background-image:-webkit-linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.9));
background-image:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.9))
}

#press
{
position:relative;
padding:0 15px 60px
}

#press .download
{
margin:50px auto
}

#press .download a
{
padding:10px 25px;
color:#fff;
font-size:1.6rem;
background-color:#c400bb;
-webkit-border-radius:30px;
border-radius:30px
}

#press h1
{
font-size:5.2rem;
position:absolute;
width:100%;
color:#fff;
left:0;
font-weight:700;
bottom:100%;
padding:0 15px 50px
}

@media only screen and (max-width:1180px),only screen and (max-height:620px)
{
#press h1
{
font-size:4.8rem
}


}

@media only screen and (max-width:880px)
{
#press h1
{
font-size:3.6rem
}


}

#press h2
{
color:#000;
margin-top:25px;
font-size:2.8rem;
font-weight:400
}

@media only screen and (max-width:1180px),only screen and (max-height:620px)
{
#press h2
{
font-size:2.4rem
}


}

#press h2 a
{
color:#00c999;
font-weight:400
}

#press i
{
margin-top:20px;
color:#959595;
font-family:Lato,sans-serif;
font-size:1.4rem;
display:block
}

#press p
{
font-family:Lato,sans-serif;
font-size:2rem;
font-weight:300;
margin-bottom:30px;
color:#4b474d
}

#press p a
{
color:#00c999;
font-weight:400
}

#press img
{
display:block;
margin-bottom:50px;
max-width:100%
}

#press img.s
{
width:880px;
margin:0 auto 80px
}