/** ============================================================================= Common variables ============================================================================= */
/** Colors ============================================================================= */
/* Typography ============================================================================= */
/* Various ============================================================================= */
/** ============================================================================= Common helpers ============================================================================= */
/** Clearfix ============================================================================= */
.YellowDot:after, .YellowDot-balloonLady:after, .PhotoList:after, .TeamList:after { content: ""; display: table; clear: both; }

/** Screen reader text ============================================================================= */
.srt { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); overflow: hidden; }

/** Pseudo elements common ============================================================================= */
.SocialLinks .SocialLinks-item-link:after, .TeamList .TeamList-person-image:before, .TeamList .TeamList-person-description:before { position: absolute; display: block; content: ''; }

/** SVG image helpers ============================================================================= */
.svg-image svg { width: 100%; height: auto; }

.svg-container { display: inline-block; position: relative; width: 100%; padding-bottom: 100%; vertical-align: middle; overflow: hidden; }
.svg-container .svg-content { display: inline-block; position: absolute; top: 0; left: 0; }

/** Icon sprite helpers ============================================================================= */
.SocialLinks .SocialLinks-item-link:after, .Here { background-image: url(cssimg/icons.png); background-image: url(cssimg/icons.svg); background-repeat: no-repeat; background-position: 0 0; background-size: 314px 271px; background-color: transparent; }

/** Lists ============================================================================= */
.SocialLinks, .LanguageSwitcher, .ContactLinks, .Navigation, .PhotoList, .TeamList { list-style-type: none; text-align: center; padding-left: 0; }

/** ============================================================================= Utility and feature classes ============================================================================= */
/** Typography utility ============================================================================= */
.u-l { font-size: 1.875em; }

.u-xl { font-size: 2.25em; margin-bottom: 1.22222em; }
@media screen and (max-width: 47.5em) { .u-xl { font-size: 1.5625em; line-height: 1.125em; margin-bottom: .65em; } }

.u-lead, .text-lead { line-height: 1.45; }
.u-lead a, .text-lead a { color: #000; text-decoration: underline; }
.u-lead a:hover, .text-lead a:hover { text-decoration: none; }

.u-xxxl { font-size: 3.375em; line-height: 1; margin-bottom: 0; }
@media screen and (min-width: 30em) { .u-xxxl { font-size: 4.6875em; } }
@media screen and (min-width: 47.5em) { .u-xxxl { font-size: 6.25em; } }
@media screen and (min-width: 64em) { .u-xxxl { font-size: 9.375em; } }
@media screen and (min-width: 76.5em) { .u-xxxl { font-size: 13.875em; } }

.u-thin { font-weight: 300; }

.u-yellow { color: #fdc600; }

.u-bold { font-weight: 700; }

.u-center { text-align: center; }

/** Spacing ============================================================================= */
@media screen and (min-width: 47.5em) { .u-mt_s { margin-top: 32px; }
  .u-mb_s { margin-bottom: 16px; }
  .u-mb_m { margin-bottom: 50px; }
  .u-mb_l { margin-bottom: 70px; }
  .u-mb_xl { margin-bottom: 135px; }
  .u-mr { margin-right: 22.791519435%; } }
@media screen and (min-width: 47.5em) { .u-offset { margin-left: 90px; } }
@media screen and (min-width: 64em) { .u-offset { margin-left: 130px; } }

@media screen and (max-width: 47.5em) { .u-hide-m { display: none; } }
/** Feature list ============================================================================= */
.u-list { font-size: 1em; list-style-type: none; font-weight: 100; padding-left: 0; }
@media screen and (min-width: 47.5em) { .u-list { font-size: 1.5625em; } }
.u-list .u-listItem { position: relative; line-height: 1.47; margin-bottom: .5em; display: inline-block; margin-right: .25em; padding: .5em 1em; background-color: #fdc600; border-radius: 5px; transition: background-color .3s ease-in-out; }
.u-list ul { list-style-type: none; line-height: 1.47; margin-bottom: .4em; }
.u-list a { color: #000; }

/** Canvas utilities ============================================================================= */
.u-canvas_container { background-color: #fff; }

.u-canvas { background-color: #fff; width: 100%; height: 100%; }

/** Feature - social links ============================================================================= */
.SocialLinks { transition: all .3s ease-in; }
.SocialLinks .SocialLinks-item { display: inline-block; }
.SocialLinks .SocialLinks-item.u-lastItem .SocialLinks-item-link { margin-right: 0; }
.SocialLinks .SocialLinks-item-link { position: relative; display: inline-block; height: 21px; width: 21px; margin-right: 0.875em; text-indent: -999em; }
@media screen and (min-width: 76.5em) { .SocialLinks .SocialLinks-item-link { margin-right: 1.875em; } }
.SocialLinks .SocialLinks-item-link:after { top: 0; left: 0; width: 100%; height: 100%; }
.SocialLinks .SocialLinks-item-link.facebook:after { background-position: 0 0; }
.SocialLinks .SocialLinks-item-link.twitter:after { background-position: -43px 0; }
.SocialLinks .SocialLinks-item-link.google-plus:after { background-position: -96px 0; }
.SocialLinks .SocialLinks-item-link.email:after { background-position: -142px 0; }
.SocialLinks .SocialLinks-item-link.instagram:after { background-position: -192px 1px; }
.SocialLinks .SocialLinks-item-link.linked-in:after { background-position: -242px 0; }

/** Feature - language switcher & contact links ============================================================================= */
.LanguageSwitcher, .ContactLinks { text-transform: initial; font-size: 1em; }
.LanguageSwitcher a, .ContactLinks a { color: #fdc600; }

.LanguageSwitcher { width: 30%; margin: 0 auto; }

.LanguageSwitcher-item { width: 49%; text-align: center; float: left; }

/** Feature - back to top ============================================================================= */
.BackToTop { position: fixed; width: 3.125em; height: 3.125em; right: .5em; bottom: .5em; color: black; background-color: #fdc600; text-indent: -999em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; border-radius: 2px; }
@media screen and (min-width: 47.5em) { .BackToTop { right: 2em; bottom: 2em; } }
.BackToTop.active { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: .7; }
.BackToTop:before, .BackToTop:after { content: ''; position: absolute; width: 1.0625em; height: 2px; background: #000; top: 1.5em; left: 0.62em; transform: rotate(-36deg); -webkit-transform: rotate(-36deg); border-radius: 2px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.BackToTop:after { transform: rotate(36deg); -webkit-transform: rotate(36deg); box-shadow: none; left: 1.40em; }
.BackToTop:hover { background-color: #fff; }
.BackToTop:hover:before { transform: rotate(-25deg); -webkit-transform: rotate(-25deg); left: 0.58em; }
.BackToTop:hover:after { transform: rotate(25deg); -webkit-transform: rotate(25deg); left: 1.43em; }

.u-posRelative { position: relative; }

.u-absoluteCenter { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 20%; margin: auto; }

.text-lead { font-size: 1.5625em; line-height: 1.125em; margin-bottom: auto !important; margin-right: auto !important; text-align: center !important; }

/** ============================================================================= Fonts & Typography ============================================================================= */
body { font-size: 100%; font-family: "Fira Sans", sans-serif; font-weight: 300; color: #000; background-color: #efeeed; margin: 0; padding: 0; }

h1 { font-size: 3em; line-height: 1.125em; }

h2, .u-lead, .text-lead { font-size: 1.5625em; line-height: 1.125em; margin-bottom: .65em; text-align: left; }
@media screen and (min-width: 30em) { h2, .u-lead, .text-lead { font-size: 2em; } }
@media screen and (min-width: 47.5em) { h2, .u-lead, .text-lead { font-size: 2.25em; } }
@media screen and (min-width: 64em) { h2, .u-lead, .text-lead { font-size: 3.375em; } }

h3 { font-size: 1.3em; line-height: 1.125em; margin-bottom: .65em; }

h1, h2, .u-lead, .text-lead, h3, h4, h5 { font-family: "Fira Sans", sans-serif; font-weight: 700; color: #000; text-rendering: optimizeLegibility; }

em, i { font-family: "Fira Sans", sans-serif; font-style: italic; }

strong { font-weight: 700; font-family: "Fira Sans", sans-serif; }

p { font-size: 1em; line-height: 1.67; margin-bottom: 1.67em; text-rendering: optimizeLegibility; }
@media screen and (min-width: 30em) { p { font-size: 1.125em; } }
@media screen and (min-width: 47.5em) { p { font-size: 1.5625em; } }

ul, ol { margin-bottom: 1.67em; }

form, input, textarea, label, button { font-family: "Fira Sans", sans-serif; }

a { color: #fff; text-decoration: none; font-family: "Fira Sans", sans-serif; }
a:hover, a:active { text-decoration: underline; }

.Dots { font-family: "Fira Sans", sans-serif; font-weight: 700; color: #000; display: inline-block; line-height: .1; }
@media screen and (min-width: 47.5em) { .Dots { margin-bottom: 90px; } }

/** ============================================================================= Main components ============================================================================= */
/** Grid & layout ============================================================================= */
* { box-sizing: border-box; }

#outer-wrap { position: relative; overflow: hidden; width: 100%; background: #efeeed url(cssimg/background.jpg) no-repeat; background-size: cover; background-attachment: fixed; }

#inner-wrap { position: relative; width: 100%; }

@media screen and (min-width: 47.5em) { .ColumnWrapper { position: fixed; top: 0; left: 0; width: 30%; height: 100%; z-index: 200; overflow-x: hidden; }
  .ColumnWrapper:after { content: ""; display: table; clear: both; } }
@media screen and (min-width: 64em) { .ColumnWrapper { width: 25%; } }

.ContentMain { min-height: 100%; min-width: 100%; padding: 1em 1em 0 1em; padding-top: 5em; }
@media screen and (min-width: 47.5em) { .ContentMain { width: 70%; padding-left: 30%; padding-right: 0; } }
@media screen and (min-width: 64em) { .ContentMain { width: 75%; padding-left: 25%; } }

.Section { padding-top: 2.1875em; }
@media screen and (min-width: 47.5em) { .Section p { margin-right: 22.791519435%; } }
.Section .Section-header { position: relative; margin-bottom: 0; margin-left: -1em; margin-right: -1em; z-index: 200; }
@media screen and (min-width: 47.5em) { .Section .Section-header { margin-left: 0; margin-right: 0; } }
.Section .Section-header h2, .Section .Section-header .u-lead, .Section .Section-header .text-lead { padding: 0.37037em 0.64em; background-color: #000; color: #fff; margin-top: 0; margin-bottom: 0; line-height: 1; transition: all .2s linear; -webkit-transition: all .2s linear; }
@media screen and (min-width: 64em) { .Section .Section-header h2, .Section .Section-header .u-lead, .Section .Section-header .text-lead { font-size: 2.25em; } }
.Section .Section-part { background-repeat: no-repeat; background-size: auto; padding-top: 2em; padding-bottom: 8%; height: 100%; min-height: 50vh; }
@media screen and (min-width: 47.5em) { .Section .Section-part { padding-left: 13.427561837%; padding-top: 5em; } }

.Section.s1 .p2 { background-image: url(cssimg/bg_congrats.png); background-position: 50% 0%; background-size: 100%; }
@media screen and (min-width: 64em) { .Section.s1 .p2 { background-position: 50% 40%; background-size: auto; } }
.Section.s1 .p2 .u-lead { padding-top: 15%; text-align: center; }

.Section.s1 .p3 { background-position: 50% 100%; background-image: url(cssimg/bg_letsgo.png); background-image: url(cssimg/bg_letsgo.svg); }
@media screen and (min-width: 47.5em) { .Section.s1 .p3 { background-position: 50% 50%; } }

.Section.s1 .p4 { background-position: 50% 100%; background-size: 80%; background-image: url(cssimg/bg_start-finish.png); background-image: url(cssimg/bg_start-finish.svg); }
@media screen and (min-width: 47.5em) { .Section.s1 .p4 { padding-top: 12%; background-position: 50% 50%; } }
.Section.s1 .p4 .u-lead { font-weight: 300; }

.Section.s2 .p1 .u-lead { margin-bottom: 50px; }

.Section.s2 .p4 { background-position: 100% 100%; background-size: 35%; background-image: url(cssimg/bg_rabbit-hat.png); background-image: url(cssimg/bg_rabbit-hat.svg); }
@media screen and (min-width: 47.5em) { .Section.s2 .p4 { background-size: 214px 248px; background-position: 90% 90%; } }
.Section.s2 .p4 .u-mb { margin-bottom: 50%; }
@media screen and (min-width: 47.5em) { .Section.s2 .p4 .u-mb { margin-bottom: inherit; } }

.Section.s3 .p1 .u-lead { text-align: center; padding-top: 2%; }

@media screen and (max-width: 47.5em) { .Section.s4 .p1, .Section.s3 .p1 { min-height: 36vh; } }

@media screen and (min-width: 47.5em) { .Section.s4 .p3 { padding-top: 20%; } }

.Section.s5 .SocialLinks { text-align: left; margin-bottom: 2em; }
.Section.s5 .SocialLinks-item-link { width: 25px; height: 25px; margin-right: 1em; }
.Section.s5 .SocialLinks-item-link:after { background-position: 0 -248px; }
.Section.s5 .SocialLinks-item-link.facebook:after { background-position: 0 -248px; }
.Section.s5 .SocialLinks-item-link.twitter:after { background-position: -53px -248px; }
.Section.s5 .SocialLinks-item-link.google-plus:after { background-position: -116px -248px; }
.Section.s5 .SocialLinks-item-link.email:after { background-position: -142px -248px; }
.Section.s5 .SocialLinks-item-link.instagram:after { background-position: -235px -248px; }
.Section.s5 .SocialLinks-item-link.linked-in:after { background-position: -292px -248px; }

/** Intro section ------------------------------------------------------------------------ */
.YellowDot { position: relative; width: 100%; height: 100%; min-height: 100vh; padding-top: 35%; text-align: center; }
@media screen and (min-width: 47.5em) { .YellowDot { margin: 0 auto 5%; padding-left: 13.427561837%; padding-top: 0px; text-align: left; } }
@media screen and (max-width: 47.5em) { .YellowDot h2, .YellowDot .u-lead, .YellowDot .text-lead { text-align: center; } }

.YellowDot-balloonLady { float: left; width: 100%; height: auto; }
@media screen and (min-width: 47.5em) { .YellowDot-balloonLady { width: 48.93617%; margin-left: 25.53191%; } }
.YellowDot-balloonLady img { -webkit-animation: swing 4s 0.1s infinite alternate cubic-bezier(0.62, 0.13, 0.57, 0.86); animation: swing 4s 0.1s infinite alternate cubic-bezier(0.62, 0.13, 0.57, 0.86); }

/** Header and branding ============================================================================= */
.HeaderMain { position: absolute; width: 80%; padding: 1em; height: 3.875em; z-index: 200; }
@media screen and (min-width: 47.5em) { .HeaderMain { width: 100%; } }

.Branding { width: 100%; margin-top: 60px; margin-left: 27%; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
@media screen and (min-width: 47.5em) { .Branding { margin-top: 3.4375em; margin-right: 54.7576302%; margin-left: 2.5%; } }

.Branding-logo { padding: 0; padding-top: 22%; display: block; background: url(cssimg/logo_b.png) no-repeat 0 0; background: url(cssimg/logo_b.svg) no-repeat 0 0; width: 100%; height: 0px; }
@media screen and (min-width: 47.5em) { .Branding-logo { margin: 0 auto; max-width: 190px; background: url(cssimg/logo_w.png) no-repeat 0 0; background: url(cssimg/logo_w.svg) no-repeat 0 0; } }

.tagline { text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; font-size: 1em; letter-spacing: 1px; margin-bottom: 3em; margin-top: 0; }

/** Navigation ============================================================================= */
.Navigation { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
@media screen and (min-width: 47.5em) { .Navigation { margin-bottom: 4em; } }

.NavMain { padding: 1em; background-color: #000; color: #fff; text-align: left; text-transform: uppercase; /*transition: width 0.3s ease-in-out;*/ /*-webkit-transition: width 0.3s ease-in-out;*/ }
@media screen and (max-width: 47.5em) { .NavMain { position: absolute; top: 0; padding-top: 6.25em; }
  .NavMain:not(:target) { z-index: 1; height: 0; }
  .NavMain:target .NavMain-closeBtn { display: block; }
  .NavMain li { position: relative; }
  .NavMain .inner { position: relative; padding: 0; } }
@media screen and (min-width: 47.5em) { .NavMain { float: left; width: 100%; min-height: 100%; position: relative; padding-top: 9.375em; }
  .NavMain:after { content: ""; display: table; clear: both; } }
.NavMain .Navigation-item { padding: 0.5em; }
@media screen and (min-width: 47.5em) { .NavMain .Navigation-item { padding: 1em; } }

.NavMain-closeBtn, .NavMain-btn { position: absolute; width: 3.875em; height: 3.875em; padding: 0; border: none; overflow: hidden; outline: none; text-indent: -999em; background-color: #fdc600; -webkit-tap-highlight-color: transparent; white-space: nowrap; }
.NavMain-closeBtn:before, .NavMain-closeBtn:after, .NavMain-btn:before, .NavMain-btn:after { content: ''; position: absolute; width: 1.875em; height: 3px; background: #000; top: 1.875em; left: 1em; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius: 2px; }
.NavMain-closeBtn:after, .NavMain-btn:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.NavMain-closeBtn { top: -6.25em; right: -1em; }

.NavMain-btn { display: block; top: 0; right: -115%; background-color: #fdc600; z-index: 210; }
.NavMain-btn:before, .NavMain-btn:after { top: 1.1875em; left: 1em; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.NavMain-btn:after { top: 1.75em; box-shadow: 0 9px 0 #000; }
@media screen and (min-width: 47.5em) { .NavMain-btn { display: none; top: 45%; right: 0; } }

@media screen and (max-width: 47.5em) { .js-ready .NavMain { height: 100%; width: 87%; left: -100%; }
  .js-ready #inner-wrap { left: 0; } }

@media screen and (max-width: 47.5em) { .js-nav #inner-wrap { left: 87%; }
  .js-nav .NavMain { box-shadow: 50px 0px 125px 30px rgba(0, 0, 0, 0.4); } }

@media screen and (min-width: 47.5em) { .Bottom { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } }

@media screen and (max-width: 47.5em) { .csstransitions.js-ready .NavMain { left: 0; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .csstransitions.js-ready .NavMain .inner { opacity: 0.7; transform: translate3d(0%, 0, 0); -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; }
  .csstransitions.js-nav .NavMain .inner { opacity: 1; -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); }
  .csstransitions.js-ready #inner-wrap { left: 0 !important; transition: all 300ms; -webkit-transition: all 300ms; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
  .csstransitions.js-nav #inner-wrap { transform: translate3d(87%, 0, 0) scale3d(1, 1, 1); -webkit-transform: translate3d(87%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(87%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(87%, 0, 0) scale3d(1, 1, 1); } }
/** Section photos ============================================================================= */
.PhotoList { position: relative; margin-bottom: 0; margin-left: -1em; margin-right: -1em; }
@media screen and (min-width: 47.5em) { .PhotoList { margin-left: 0; margin-right: 0; } }
.PhotoList .PhotoList-item { float: left; width: 50%; }
@media screen and (max-width: 47.5em) { .PhotoList .PhotoList-item:nth-child(odd) { clear: left; } }
@media screen and (min-width: 47.5em) { .PhotoList .PhotoList-item { width: 25%; }
  .PhotoList .PhotoList-item:nth-child(4n+5) { clear: left; } }
.PhotoList .PhotoList-item--info { position: relative; }
.PhotoList .PhotoList-item--info:before { content: ""; display: block; padding-top: 100%; }
.PhotoList .PhotoList-item-inner { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.PhotoList .PhotoList-item--color-1 { background-color: #fdc600; color: #000; }
.PhotoList .PhotoList-item--color-1 .Fact-number { color: #fff; }
.PhotoList .PhotoList-item--color-2 { background-color: #fff; color: #000; }
.PhotoList .PhotoList-item--color-2 .Fact-number { color: #000; }
.PhotoList .PhotoList-image { width: 100%; height: auto; display: block; -webkit-filter: grayscale(1); filter: grayscale(1); transition: filter .3s ease-in-out; transition: -webkit-filter .3s ease-in-out; }
.PhotoList .PhotoList-image:hover { filter: grayscale(0); -webkit-filter: grayscale(0); }

@media screen and (max-width: 64em) { .s5 .PhotoList-item { width: 50%; }
  .s5 .PhotoList-item:nth-child(odd) { clear: left; } }

.Fact { position: absolute; top: 50%; right: 10px; left: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; }

.Fact-icon { height: 100px; width: 100px; margin: 0 auto; }
@media screen and (min-width: 47.5em) { .Fact-icon { height: 180px; width: 180px; } }
.Fact-icon img { display: block; max-height: 100%; width: auto; margin: 0 auto; }

.Fact-number { color: #fff; font-size: 4.16667em; font-weight: 300; line-height: 1; }
@media screen and (min-width: 47.5em) { .Fact-number { margin-top: -10px; } }

.Fact-text { font-size: 1.58333em; font-weight: 700; line-height: 1.09091; margin-top: 0; margin-right: 0 !important; }
@media screen and (min-width: 47.5em) { .Fact-text { margin-top: 15px; } }

/** Feature - FakatFaces ============================================================================= */
/** Feature TeamList ============================================================================= */
.TeamList { width: 100%; z-index: 100; position: relative; }
@media screen and (min-width: 47.5em) { .TeamList { left: -1em; padding-right: 8%; } }
.TeamList .TeamList-person { position: relative; width: 100%; float: left; line-height: 0em; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; z-index: 100; }
@media screen and (min-width: 47.5em) { .TeamList .TeamList-person { width: 45%; margin: 2.5%; } }
@media screen and (min-width: 64em) { .TeamList .TeamList-person { width: 22%; margin: 1.5%; } }
.TeamList .TeamList-person-image { width: 100%; cursor: pointer; border-radius: 50%; transition: border 0.3s ease-in-out, transform 0.3s ease-in-out; -webkit-transition: border 0.3s ease-in-out, transform 0.3s ease-in-out; transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); }
.TeamList .TeamList-person-image:before { width: 100%; height: 100%; top: -0%; left: -0%; border-radius: 50%; z-index: 110; box-shadow: inset 0 0 0 200px rgba(253, 198, 0, 0.4); background-color: transparent; box-sizing: border-box; transition: box-shadow .3s ease-in-out; -webkit-transition: box-shadow .3s ease-in-out; }
@media screen and (min-width: 47.5em) { .TeamList .TeamList-person-image:hover { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  .TeamList .TeamList-person-image:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } }
.TeamList .TeamList-person-image:hover:before { box-shadow: inset 0 0 0 0 rgba(253, 198, 0, 0.4); }
.TeamList .TeamList-person-image img { width: 100%; height: auto; -webkit-filter: grayscale(1); filter: grayscale(1); z-index: 100; border-radius: 50%; }
.TeamList .TeamList-person-description { position: relative; width: 100%; text-align: left; padding: 1em; margin-bottom: 1em; z-index: 110; background-color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
@media screen and (min-width: 47.5em) { .TeamList .TeamList-person-description { left: 0; top: 100%; position: absolute; display: none; width: 350px; } }
.TeamList .TeamList-person-description p { font-size: 1em; margin-right: 0; }
.TeamList .TeamList-person-description:before { top: -20px; left: 20%; border-bottom: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; }
.TeamList .TeamList-person-name { text-transform: uppercase; margin-top: 0; color: #fdc600; font-weight: 300; }

.TeamList-person:hover { z-index: 110; }
.TeamList-person:hover .TeamList-person-description { display: block; }

@media screen and (min-width: 47.5em) { .TeamList-person:nth-child(1) { -webkit-animation: lrMovement 14s infinite 1s alternate ease-in-out; animation: lrMovement 14s infinite 1s alternate ease-in-out; }
  .TeamList-person .no-1 { -webkit-animation: udMovement 20s infinite 1s alternate ease-in-out; animation: udMovement 20s infinite 1s alternate ease-in-out; }
  .TeamList-person:nth-child(2) { -webkit-animation: lrMovement 14s infinite 2s alternate ease-in-out; animation: lrMovement 14s infinite 2s alternate ease-in-out; }
  .TeamList-person .no-2 { -webkit-animation: udMovement 20s infinite 2s alternate ease-in-out; animation: udMovement 20s infinite 2s alternate ease-in-out; }
  .TeamList-person:nth-child(3) { -webkit-animation: lrMovement 14s infinite 3s alternate ease-in-out; animation: lrMovement 14s infinite 3s alternate ease-in-out; }
  .TeamList-person .no-3 { -webkit-animation: udMovement 20s infinite 3s alternate ease-in-out; animation: udMovement 20s infinite 3s alternate ease-in-out; }
  .TeamList-person:nth-child(4) { -webkit-animation: lrMovement 14s infinite 4s alternate ease-in-out; animation: lrMovement 14s infinite 4s alternate ease-in-out; }
  .TeamList-person .no-4 { -webkit-animation: udMovement 20s infinite 4s alternate ease-in-out; animation: udMovement 20s infinite 4s alternate ease-in-out; }
  .TeamList-person:nth-child(5) { -webkit-animation: lrMovement 14s infinite 5s alternate ease-in-out; animation: lrMovement 14s infinite 5s alternate ease-in-out; }
  .TeamList-person .no-5 { -webkit-animation: udMovement 20s infinite 5s alternate ease-in-out; animation: udMovement 20s infinite 5s alternate ease-in-out; }
  .TeamList-person:nth-child(6) { -webkit-animation: lrMovement 14s infinite 6s alternate ease-in-out; animation: lrMovement 14s infinite 6s alternate ease-in-out; }
  .TeamList-person .no-6 { -webkit-animation: udMovement 20s infinite 6s alternate ease-in-out; animation: udMovement 20s infinite 6s alternate ease-in-out; }
  .TeamList-person:nth-child(7) { -webkit-animation: lrMovement 14s infinite 7s alternate ease-in-out; animation: lrMovement 14s infinite 7s alternate ease-in-out; }
  .TeamList-person .no-7 { -webkit-animation: udMovement 20s infinite 7s alternate ease-in-out; animation: udMovement 20s infinite 7s alternate ease-in-out; }
  .TeamList-person:nth-child(8) { -webkit-animation: lrMovement 14s infinite 8s alternate ease-in-out; animation: lrMovement 14s infinite 8s alternate ease-in-out; }
  .TeamList-person .no-8 { -webkit-animation: udMovement 20s infinite 8s alternate ease-in-out; animation: udMovement 20s infinite 8s alternate ease-in-out; }
  .TeamList-person:nth-child(9) { -webkit-animation: lrMovement 14s infinite 9s alternate ease-in-out; animation: lrMovement 14s infinite 9s alternate ease-in-out; }
  .TeamList-person .no-9 { -webkit-animation: udMovement 20s infinite 9s alternate ease-in-out; animation: udMovement 20s infinite 9s alternate ease-in-out; }
  .TeamList-person:nth-child(10) { -webkit-animation: lrMovement 14s infinite 10s alternate ease-in-out; animation: lrMovement 14s infinite 10s alternate ease-in-out; }
  .TeamList-person .no-10 { -webkit-animation: udMovement 20s infinite 10s alternate ease-in-out; animation: udMovement 20s infinite 10s alternate ease-in-out; }
  .TeamList-person:nth-child(11) { -webkit-animation: lrMovement 14s infinite 11s alternate ease-in-out; animation: lrMovement 14s infinite 11s alternate ease-in-out; }
  .TeamList-person .no-11 { -webkit-animation: udMovement 20s infinite 11s alternate ease-in-out; animation: udMovement 20s infinite 11s alternate ease-in-out; }
  .TeamList-person:nth-child(12) { -webkit-animation: lrMovement 14s infinite 12s alternate ease-in-out; animation: lrMovement 14s infinite 12s alternate ease-in-out; }
  .TeamList-person .no-12 { -webkit-animation: udMovement 20s infinite 12s alternate ease-in-out; animation: udMovement 20s infinite 12s alternate ease-in-out; }
  .TeamList-person:nth-child(13) { -webkit-animation: lrMovement 14s infinite 13s alternate ease-in-out; animation: lrMovement 14s infinite 13s alternate ease-in-out; }
  .TeamList-person .no-13 { -webkit-animation: udMovement 20s infinite 13s alternate ease-in-out; animation: udMovement 20s infinite 13s alternate ease-in-out; }
  .TeamList-person:nth-child(14) { -webkit-animation: lrMovement 14s infinite 14s alternate ease-in-out; animation: lrMovement 14s infinite 14s alternate ease-in-out; }
  .TeamList-person .no-14 { -webkit-animation: udMovement 20s infinite 14s alternate ease-in-out; animation: udMovement 20s infinite 14s alternate ease-in-out; } }
.TeamList-person:hover, .TeamList-person:hover .inner { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }

@media screen and (min-width: 47.5em) { .TeamList-person:nth-child(2n) .TeamList-person-description { left: inherit; right: 0; }
  .TeamList-person:nth-child(2n) .TeamList-person-description:before { left: inherit; right: 20%; } }
@media screen and (min-width: 64em) { .TeamList-person:nth-child(4n) .TeamList-person-description, .TeamList-person:nth-child(4n-1) .TeamList-person-description { left: inherit; right: 0; }
  .TeamList-person:nth-child(4n) .TeamList-person-description:before, .TeamList-person:nth-child(4n-1) .TeamList-person-description:before { left: inherit; right: 45%; } }
/** Feature Here ============================================================================= */
.Here { position: relative; height: 50px; display: inline-block; z-index: 100; background-size: 116px 268px; background-position: 13px -134px; }
@media screen and (min-width: 47.5em) { .Here { height: 92px; background-position: 7px -148px; background-size: 292px 282px; } }
@media screen and (min-width: 64em) { .Here { background-position: 20px -148px; } }

/** Footer ============================================================================= */
.FooterMain { position: relative; }

/** ============================================================================= Animations ============================================================================= */
@-webkit-keyframes swing { 0% { -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg); }
  100% { -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg); } }
@-moz-keyframes swing { 0% { -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg); }
  100% { -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg); } }
@-ms-keyframes swing { 0% { -ms-transform: translate3d(15%, 0, 0) rotateZ(10deg); }
  100% { -ms-transform: translate3d(-15%, 0, 0) rotateZ(-10deg); } }
@keyframes swing { 0% { transform: translate3d(15%, 0, 0) rotateZ(10deg); }
  100% { transform: translate3d(-15%, 0, 0) rotateZ(-10deg); } }
@-webkit-keyframes lrMovement { 25% { -webkit-transform: translateX(-50px); }
  75% { -webkit-transform: translateX(50px); }
  100% { -webkit-transform: translateX(0px); } }
@-moz-keyframes lrMovement { 25% { -moz-transform: translateX(-50px); }
  75% { -moz-transform: translateX(50px); }
  100% { -moz-transform: translateX(0px); } }
@-ms-keyframes lrMovement { 25% { -ms-transform: translateX(-50px); }
  75% { -ms-transform: translateX(50px); }
  100% { -ms-transform: translateX(0px); } }
@keyframes lrMovement { 25% { transform: translateX(-50px); }
  75% { transform: translateX(50px); }
  100% { transform: translateX(0px); } }
@-webkit-keyframes udMovement { 25% { -webkit-transform: translateY(-35px); }
  75% { -webkit-transform: translateY(35px); }
  100% { -webkit-transform: translateY(0px); } }
@-moz-keyframes udMovement { 25% { -moz-transform: translateY(-35px); }
  75% { -moz-transform: translateY(35px); }
  100% { -moz-transform: translateY(0px); } }
@-ms-keyframes udMovement { 25% { -ms-transform: translateY(-35px); }
  75% { -ms-transform: translateY(35px); }
  100% { -ms-transform: translateY(0px); } }
@keyframes udMovement { 25% { transform: translateY(-35px); }
  75% { transform: translateY(35px); }
  100% { transform: translateY(0px); } }