/* 
	Theme Name: 	Ignite Digital
	Description: 	Custom theme for Ignite Digital
	Version: 		1.0
	Author: 		Filament Creative Inc
	Author URI: 	http://www.filamentlab.com

	Built by the folks at Filament Lab, Toronto.
	www.filamentlab.com | @filamentlab
*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; }

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

body { font-size: 1.6rem; background: #fff; color: #000; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

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

[hidden] { display: none; }

a { background: transparent; text-decoration: none; }
a:hover { cursor: pointer; }
a:active, a:hover { outline: 0; }
a img { border: none; }

img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
table td, table th { padding: 0; }

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

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1.4rem; }

@font-face { font-family: BrandonBold; src: url("_/fonts/brandon-bold/brandon-bold.eot"); src: url("_/fonts/brandon-bold/brandon-bold.eot?#iefix") format("embedded-opentype"), url("_/fonts/brandon-bold/brandon-bold.woff2") format("woff2"), url("_/fonts/brandon-bold/brandon-bold.woff") format("woff"), url("_/fonts/brandon-bold/brandon-bold.ttf") format("truetype"), url("_/fonts/brandon-bold/brandon-bold.svg#BrandonBold") format("svg"); }
@font-face { font-family: BrandonLight; src: url("_/fonts/brandon-light/brandon-light.eot"); src: url("_/fonts/brandon-light/brandon-light.eot?#iefix") format("embedded-opentype"), url("_/fonts/brandon-light/brandon-light.woff2") format("woff2"), url("_/fonts/brandon-light/brandon-light.woff") format("woff"), url("_/fonts/brandon-light/brandon-light.ttf") format("truetype"), url("_/fonts/brandon-light/brandon-light.svg#BrandonLight") format("svg"); }
@font-face { font-family: BrandonLightItalic; src: url("_/fonts/brandon-light-italic/brandon-light-italic.eot"); src: url("_/fonts/brandon-light-italic/brandon-light-italic.eot?#iefix") format("embedded-opentype"), url("_/fonts/brandon-light-italic/brandon-light-italic.woff2") format("woff2"), url("_/fonts/brandon-light-italic/brandon-light-italic.woff") format("woff"), url("_/fonts/brandon-light-italic/brandon-light-italic.ttf") format("truetype"), url("_/fonts/brandon-light-italic/brandon-light-italic.svg#BrandonLightItalic") format("svg"); }
@font-face { font-family: BrandonRegular; src: url("_/fonts/brandon-regular/brandon-regular.eot"); src: url("_/fonts/brandon-regular/brandon-regular.eot?#iefix") format("embedded-opentype"), url("_/fonts/brandon-regular/brandon-regular.woff2") format("woff2"), url("_/fonts/brandon-regular/brandon-regular.woff") format("woff"), url("_/fonts/brandon-regular/brandon-regular.ttf") format("truetype"), url("_/fonts/brandon-regular/brandon-regular.svg#BrandonRegular") format("svg"); }
@font-face { font-family: BrandonRegularItalic; src: url("_/fonts/brandon-regular-italic/brandon-regular-italic.eot"); src: url("_/fonts/brandon-regular-italic/brandon-regular-italic.eot?#iefix") format("embedded-opentype"), url("_/fonts/brandon-regular-italic/brandon-regular-italic.woff2") format("woff2"), url("_/fonts/brandon-regular-italic/brandon-regular-italic.woff") format("woff"), url("_/fonts/brandon-regular-italic/brandon-regular-italic.ttf") format("truetype"), url("_/fonts/brandon-regular-italic/brandon-regular-italic.svg#BrandonRegularItalic") format("svg"); }
@font-face { font-family: BrandonBlack; src: url("_/fonts/brandon-black/brandon-black.eot"); src: url("_/fonts/brandon-black/brandon-black.eot?#iefix") format("embedded-opentype"), url("_/fonts/brandon-black/brandon-black.woff2") format("woff2"), url("_/fonts/brandon-black/brandon-black.woff") format("woff"), url("_/fonts/brandon-black/brandon-black.ttf") format("truetype"), url("_/fonts/brandon-black/brandon-black.svg#BrandonBlack") format("svg"); }
@font-face { font-family: HelveticaRegular; src: url("_/fonts/helvetica-neue-regular/helvetica-neue-regular.eot"); src: url("_/fonts/helvetica-neue-regular/helvetica-neue-regular.eot?#iefix") format("embedded-opentype"), url("_/fonts/helvetica-neue-regular/helvetica-neue-regular.woff") format("woff"), url("_/fonts/helvetica-neue-regular/helvetica-neue-regular.ttf") format("truetype"), url("_/fonts/helvetica-neue-regular/helvetica-neue-regular.svg#HelveticaRegular") format("svg"); }
@font-face { font-family: HelveticaMedium; src: url("_/fonts/helvetica-neue-medium/helvetica-neue-medium.eot"); src: url("_/fonts/helvetica-neue-medium/helvetica-neue-medium.eot?#iefix") format("embedded-opentype"), url("_/fonts/helvetica-neue-medium/helvetica-neue-medium.woff") format("woff"), url("_/fonts/helvetica-neue-medium/helvetica-neue-medium.ttf") format("truetype"), url("_/fonts/helvetica-neue-medium/helvetica-neue-medium.svg#HelveticaMedium") format("svg"); }
@font-face { font-family: BryantRegular; src: url("_/fonts/bryant-regular/bryant-regular.eot"); src: url("_/fonts/bryant-regular/bryant-regular.eot?#iefix") format("embedded-opentype"), url("_/fonts/bryant-regular/bryant-regular.woff") format("woff"); }
@font-face { font-family: BryantMedium; src: url("_/fonts/bryant-medium/bryant-medium.eot"); src: url("_/fonts/bryant-medium/bryant-medium.eot?#iefix") format("embedded-opentype"), url("_/fonts/bryant-medium/bryant-medium.woff") format("woff"); }
h1, h2, h3, h4, h5, .alpha, .beta, .gamma, .delta, .epsilon { color: #000; font-weight: normal; }

h1, .alpha { font-size: 2.6rem; font-family: BryantMedium; line-height: 1.1; }
@media only screen and (min-width: 768px) { h1, .alpha { font-size: 4.6rem; } }
@media only screen and (min-width: 1201px) { h1, .alpha { font-size: 5.5rem; } }

h2, .beta { font-size: 2.2rem; margin: 0; padding: 0; font-family: BryantMedium; line-height: 1.1; }
@media only screen and (min-width: 768px) { h2, .beta { font-size: 3rem; } }
@media only screen and (min-width: 1201px) { h2, .beta { font-size: 4.5rem; } }

h3, .gamma { font-size: 2rem; margin: 0; padding: 0; font-family: BryantRegular; line-height: 1.1; }
@media only screen and (min-width: 768px) { h3, .gamma { font-size: 2.6rem; } }
@media only screen and (min-width: 1201px) { h3, .gamma { font-size: 2.8rem; } }

h5, .epsilon { font-size: 1.2rem; font-family: BryantMedium; text-transform: uppercase; }

h6, .zeta { height: 2.4rem; line-height: 2.6rem; padding: 0rem 0.8rem; margin: 0rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; font-size: 1.2rem; font-family: BryantMedium; color: #fff; display: inline-block; text-transform: uppercase; }
h6.black, .zeta.black { color: #000; }

blockquote { font-size: 1.8rem; font-family: BrandonLightItalic; }
@media only screen and (min-width: 768px) { blockquote { font-size: 2rem; } }
@media only screen and (min-width: 1201px) { blockquote { font-size: 2.3rem; } }

cite { font-style: normal; font-family: BryantMedium; color: #676767; font-size: 1.3rem; }
cite .epsilon { color: #000; text-transform: uppercase; display: block; }

.break { margin: 0rem 0rem 3rem 0rem; padding: 0rem 0rem 2rem 0rem; position: relative; }
@media only screen and (min-width: 768px) { .break { margin: 0rem 0rem 4rem 0rem; padding: 0rem 0rem 3rem 0rem; } }
.break:after { content: ""; width: 7rem; height: 0.2rem; background: #EAEAEA; max-width: 100%; display: block; position: absolute; bottom: 0; left: 0; }
[class*="text-center"] .break:after { left: 50%; margin: 0rem 0rem 0rem -3.5rem; }
@media only screen and (min-width: 768px) { .medium-text-left .break:after { left: 0; margin: 0; } }
@media only screen and (min-width: 1024px) { .large-text-left .break:after { left: 0; margin: 0; } }

p { margin: 3rem 0rem 0rem 0rem; }
p.punch, #our-work #ourWorkStage .v-wrapper p, #our-work #ourWorkStage #contentSkills p { font-size: 1.8rem; color: #000; }
@media only screen and (min-width: 768px) { p.punch, #our-work #ourWorkStage .v-wrapper p, #our-work #ourWorkStage #contentSkills p { font-size: 2.3rem; } }
p.punch-ital { font-size: 1.8rem; font-family: BrandonRegularItalic; color: #000; }
@media only screen and (min-width: 768px) { p.punch-ital { font-size: 2.3rem; } }

p, li { font-size: 1.6rem; font-family: BrandonRegular; color: #676767; line-height: 1.6; }
p.text-turq, p .text-turq, li.text-turq, li .text-turq { color: #0097A1; }
p strong, p b, li strong, li b { font-family: BrandonBold; font-weight: normal; }
p em, p i, li em, li i { font-family: BrandonLightItalic; font-style: normal; }

.date { font-size: 1.3rem; color: #B9B9B9; margin: 0; padding: 0; }
.date a { color: #B9B9B9; }

ol, ul { margin: 3rem 0rem 0rem 0rem; }

ul.checklist li, #insights-panel ul li { position: relative; padding: 0rem 0rem 0rem 4rem; margin: 0.4rem 0rem; }
ul.checklist li:before, #insights-panel ul li:before { color: #B3D234; position: absolute; font-size: 16px; left: 0; top: 0; }

h6 + h2 { margin-top: 4rem; }

.row, .get-in-touch .gform_wrapper .gform_fields { width: 100%; margin: 0 auto; max-width: 1200px; max-width: 120rem; *zoom: 1; }
.row .row, .get-in-touch .gform_wrapper .gform_fields .row, .row .get-in-touch .gform_wrapper .gform_fields, .get-in-touch .gform_wrapper .row .gform_fields, .get-in-touch .gform_wrapper .gform_fields .gform_fields { width: auto; margin: 0 -25px; margin: 0 -2.5rem; max-width: none; *zoom: 1; }
.row:after, .get-in-touch .gform_wrapper .gform_fields:after { content: " "; clear: both; display: block; width: 100%; height: 0; }

.col, .column, .columns, .get-in-touch .gform_wrapper .gform_fields .gfield { padding: 0 25px; padding: 0 2.5rem; position: relative; float: left; }
.col:last-child, .column:last-child, .columns:last-child, .get-in-touch .gform_wrapper .gform_fields .gfield:last-child { float: right; }

[class*="block-grid-"] { display: block; padding: 0; margin: 0 -25px; margin: 0 -2.5rem; }

[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }

[class*="block-grid-"]:after { clear: both; }

[class*="block-grid-"] > li { display: block; height: auto; float: left; list-style: none; margin: 0; padding: 0 25px; padding: 0 2.5rem; }

@media only screen { .xsmall-text-center { text-align: center; }
  .xsmall-text-left { text-align: left; }
  .xsmall-text-right { text-align: right; }
  .col.xsmall-centered, .column.xsmall-centered, .columns.xsmall-centered, .get-in-touch .gform_wrapper .gform_fields .xsmall-centered.gfield { margin-left: auto; margin-right: auto; float: none; }
  .col.xsmall-uncentered, .column.xsmall-uncentered, .columns.xsmall-uncentered, .get-in-touch .gform_wrapper .gform_fields .xsmall-uncentered.gfield { margin-left: 0; margin-right: 0; float: left; }
  .col.xsmall-uncentered.opposite, .column.xsmall-uncentered.opposite, .columns.xsmall-uncentered.opposite, .get-in-touch .gform_wrapper .gform_fields .xsmall-uncentered.opposite.gfield { float: right; }
  .xsmall-1 { width: 8.33333%; }
  .xsmall-2 { width: 16.66667%; }
  .xsmall-3 { width: 25%; }
  .xsmall-4 { width: 33.33333%; }
  .xsmall-5 { width: 41.66667%; }
  .xsmall-6 { width: 50%; }
  .xsmall-7 { width: 58.33333%; }
  .xsmall-8 { width: 66.66667%; }
  .xsmall-9 { width: 75%; }
  .xsmall-10 { width: 83.33333%; }
  .xsmall-11 { width: 91.66667%; }
  .xsmall-12, .get-in-touch .gform_wrapper .gform_fields .gfield { width: 100%; }
  .xsmall-push-0 { left: inherit; right: inherit; }
  .xsmall-push-1 { left: 8.33333%; right: auto; }
  .xsmall-push-2 { left: 16.66667%; right: auto; }
  .xsmall-push-3 { left: 25%; right: auto; }
  .xsmall-push-4 { left: 33.33333%; right: auto; }
  .xsmall-push-5 { left: 41.66667%; right: auto; }
  .xsmall-push-6 { left: 50%; right: auto; }
  .xsmall-push-7 { left: 58.33333%; right: auto; }
  .xsmall-push-8 { left: 66.66667%; right: auto; }
  .xsmall-push-9 { left: 75%; right: auto; }
  .xsmall-push-10 { left: 83.33333%; right: auto; }
  .xsmall-push-11 { left: 91.66667%; right: auto; }
  .xsmall-push-12 { left: 100%; right: auto; }
  .xsmall-pull-0 { left: inherit; right: inherit; }
  .xsmall-pull-1 { right: 8.33333%; left: auto; }
  .xsmall-pull-2 { right: 16.66667%; left: auto; }
  .xsmall-pull-3 { right: 25%; left: auto; }
  .xsmall-pull-4 { right: 33.33333%; left: auto; }
  .xsmall-pull-5 { right: 41.66667%; left: auto; }
  .xsmall-pull-6 { right: 50%; left: auto; }
  .xsmall-pull-7 { right: 58.33333%; left: auto; }
  .xsmall-pull-8 { right: 66.66667%; left: auto; }
  .xsmall-pull-9 { right: 75%; left: auto; }
  .xsmall-pull-10 { right: 83.33333%; left: auto; }
  .xsmall-pull-11 { right: 91.66667%; left: auto; }
  .xsmall-pull-12 { right: 100%; left: auto; }
  .xsmall-block-grid-1 > li { width: 100%; }
  .xsmall-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .xsmall-block-grid-2 > li { width: 50%; }
  .xsmall-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .xsmall-block-grid-3 > li { width: 33.33333%; }
  .xsmall-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .xsmall-block-grid-4 > li { width: 25%; }
  .xsmall-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .xsmall-block-grid-5 > li { width: 20%; }
  .xsmall-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .xsmall-block-grid-6 > li { width: 16.66667%; }
  .xsmall-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .xsmall-block-grid-7 > li { width: 14.28571%; }
  .xsmall-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .xsmall-block-grid-8 > li { width: 12.5%; }
  .xsmall-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .xsmall-block-grid-9 > li { width: 11.11111%; }
  .xsmall-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .xsmall-block-grid-10 > li { width: 10%; }
  .xsmall-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .xsmall-block-grid-11 > li { width: 9.09091%; }
  .xsmall-block-grid-11 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .xsmall-block-grid-12 > li { width: 8.33333%; }
  .xsmall-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .xsmall-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
@media only screen and (min-width: 640px) { .small-text-center { text-align: center; }
  .small-text-left { text-align: left; }
  .small-text-right { text-align: right; }
  .col.small-centered, .column.small-centered, .columns.small-centered, .get-in-touch .gform_wrapper .gform_fields .small-centered.gfield { margin-left: auto; margin-right: auto; float: none; }
  .col.small-uncentered, .column.small-uncentered, .columns.small-uncentered, .get-in-touch .gform_wrapper .gform_fields .small-uncentered.gfield { margin-left: 0; margin-right: 0; float: left; }
  .col.small-uncentered.opposite, .column.small-uncentered.opposite, .columns.small-uncentered.opposite, .get-in-touch .gform_wrapper .gform_fields .small-uncentered.opposite.gfield { float: right; }
  .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12, .get-in-touch .gform_wrapper .gform_fields .gfield { width: 100%; }
  .small-push-0 { left: inherit; right: inherit; }
  .small-push-1 { left: 8.33333%; right: auto; }
  .small-push-2 { left: 16.66667%; right: auto; }
  .small-push-3 { left: 25%; right: auto; }
  .small-push-4 { left: 33.33333%; right: auto; }
  .small-push-5 { left: 41.66667%; right: auto; }
  .small-push-6 { left: 50%; right: auto; }
  .small-push-7 { left: 58.33333%; right: auto; }
  .small-push-8 { left: 66.66667%; right: auto; }
  .small-push-9 { left: 75%; right: auto; }
  .small-push-10 { left: 83.33333%; right: auto; }
  .small-push-11 { left: 91.66667%; right: auto; }
  .small-push-12 { left: 100%; right: auto; }
  .small-pull-1 { right: 8.33333%; left: auto; }
  .small-pull-2 { right: 16.66667%; left: auto; }
  .small-pull-3 { right: 25%; left: auto; }
  .small-pull-4 { right: 33.33333%; left: auto; }
  .small-pull-5 { right: 41.66667%; left: auto; }
  .small-pull-6 { right: 50%; left: auto; }
  .small-pull-7 { right: 58.33333%; left: auto; }
  .small-pull-8 { right: 66.66667%; left: auto; }
  .small-pull-9 { right: 75%; left: auto; }
  .small-pull-10 { right: 83.33333%; left: auto; }
  .small-pull-11 { right: 91.66667%; left: auto; }
  .small-pull-12 { right: 100%; left: auto; }
  .small-pull-0 { left: inherit; right: inherit; }
  .small-block-grid-1 > li { width: 100%; }
  .small-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .small-block-grid-2 > li { width: 50%; }
  .small-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .small-block-grid-3 > li { width: 33.33333%; }
  .small-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .small-block-grid-4 > li { width: 25%; }
  .small-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .small-block-grid-5 > li { width: 20%; }
  .small-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .small-block-grid-6 > li { width: 16.66667%; }
  .small-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .small-block-grid-7 > li { width: 14.28571%; }
  .small-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .small-block-grid-8 > li { width: 12.5%; }
  .small-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .small-block-grid-9 > li { width: 11.11111%; }
  .small-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .small-block-grid-10 > li { width: 10%; }
  .small-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .small-block-grid-11 > li { width: 9.09091%; }
  .small-block-grid-11 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .small-block-grid-12 > li { width: 8.33333%; }
  .small-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
@media only screen and (min-width: 768px) { .medium-text-center { text-align: center; }
  .medium-text-left { text-align: left; }
  .medium-text-right { text-align: right; }
  .col.medium-centered, .column.medium-centered, .columns.medium-centered, .get-in-touch .gform_wrapper .gform_fields .medium-centered.gfield { margin-left: auto; margin-right: auto; float: none; }
  .col.medium-uncentered, .column.medium-uncentered, .columns.medium-uncentered, .get-in-touch .gform_wrapper .gform_fields .medium-uncentered.gfield { margin-left: 0; margin-right: 0; float: left; }
  .col.medium-uncentered.opposite, .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite, .get-in-touch .gform_wrapper .gform_fields .medium-uncentered.opposite.gfield { float: right; }
  .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5, .get-in-touch .gform_wrapper .gform_fields .gfield:nth-child(1), .get-in-touch .gform_wrapper .gform_fields .gfield:nth-child(2) { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }
  .medium-push-0 { left: inherit; right: inherit; }
  .medium-push-1 { left: 8.33333%; right: auto; }
  .medium-push-2 { left: 16.66667%; right: auto; }
  .medium-push-3 { left: 25%; right: auto; }
  .medium-push-4 { left: 33.33333%; right: auto; }
  .medium-push-5 { left: 41.66667%; right: auto; }
  .medium-push-6 { left: 50%; right: auto; }
  .medium-push-7 { left: 58.33333%; right: auto; }
  .medium-push-8 { left: 66.66667%; right: auto; }
  .medium-push-9 { left: 75%; right: auto; }
  .medium-push-10 { left: 83.33333%; right: auto; }
  .medium-push-11 { left: 91.66667%; right: auto; }
  .medium-push-12 { left: 100%; right: auto; }
  .medium-pull-1 { right: 8.33333%; left: auto; }
  .medium-pull-2 { right: 16.66667%; left: auto; }
  .medium-pull-3 { right: 25%; left: auto; }
  .medium-pull-4 { right: 33.33333%; left: auto; }
  .medium-pull-5 { right: 41.66667%; left: auto; }
  .medium-pull-6 { right: 50%; left: auto; }
  .medium-pull-7 { right: 58.33333%; left: auto; }
  .medium-pull-8 { right: 66.66667%; left: auto; }
  .medium-pull-9 { right: 75%; left: auto; }
  .medium-pull-10 { right: 83.33333%; left: auto; }
  .medium-pull-11 { right: 91.66667%; left: auto; }
  .medium-pull-12 { right: 100%; left: auto; }
  .medium-pull-0 { left: inherit; right: inherit; }
  .medium-block-grid-1 > li { width: 100%; }
  .medium-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .medium-block-grid-2 > li { width: 50%; }
  .medium-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .medium-block-grid-3 > li { width: 33.33333%; }
  .medium-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .medium-block-grid-4 > li { width: 25%; }
  .medium-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .medium-block-grid-5 > li { width: 20%; }
  .medium-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .medium-block-grid-6 > li { width: 16.66667%; }
  .medium-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .medium-block-grid-7 > li { width: 14.28571%; }
  .medium-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .medium-block-grid-8 > li { width: 12.5%; }
  .medium-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .medium-block-grid-9 > li { width: 11.11111%; }
  .medium-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .medium-block-grid-10 > li { width: 10%; }
  .medium-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .medium-block-grid-11 > li { width: 9.09091%; }
  .medium-block-grid-11 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .medium-block-grid-12 > li { width: 8.33333%; }
  .medium-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
@media only screen and (min-width: 1024px) { .large-text-center { text-align: center; }
  .large-text-left { text-align: left; }
  .large-text-right { text-align: right; }
  .col.large-centered, .column.large-centered, .columns.large-centered, .get-in-touch .gform_wrapper .gform_fields .large-centered.gfield { margin-left: auto; margin-right: auto; float: none; }
  .col.large-uncentered, .column.large-uncentered, .columns.large-uncentered, .get-in-touch .gform_wrapper .gform_fields .large-uncentered.gfield { margin-left: 0; margin-right: 0; float: left; }
  .col.large-uncentered.opposite, .column.large-uncentered.opposite, .columns.large-uncentered.opposite, .get-in-touch .gform_wrapper .gform_fields .large-uncentered.opposite.gfield { float: right; }
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5, .get-in-touch .gform_wrapper .gform_fields .gfield:nth-child(1), .get-in-touch .gform_wrapper .gform_fields .gfield:nth-child(2) { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  .large-push-0 { left: inherit; right: inherit; }
  .large-push-1 { left: 8.33333%; right: auto; }
  .large-push-2 { left: 16.66667%; right: auto; }
  .large-push-3 { left: 25%; right: auto; }
  .large-push-4 { left: 33.33333%; right: auto; }
  .large-push-5 { left: 41.66667%; right: auto; }
  .large-push-6 { left: 50%; right: auto; }
  .large-push-7 { left: 58.33333%; right: auto; }
  .large-push-8 { left: 66.66667%; right: auto; }
  .large-push-9 { left: 75%; right: auto; }
  .large-push-10 { left: 83.33333%; right: auto; }
  .large-push-11 { left: 91.66667%; right: auto; }
  .large-push-12 { left: 100%; right: auto; }
  .large-pull-1 { right: 8.33333%; left: auto; }
  .large-pull-2 { right: 16.66667%; left: auto; }
  .large-pull-3 { right: 25%; left: auto; }
  .large-pull-4 { right: 33.33333%; left: auto; }
  .large-pull-5 { right: 41.66667%; left: auto; }
  .large-pull-6 { right: 50%; left: auto; }
  .large-pull-7 { right: 58.33333%; left: auto; }
  .large-pull-8 { right: 66.66667%; left: auto; }
  .large-pull-9 { right: 75%; left: auto; }
  .large-pull-10 { right: 83.33333%; left: auto; }
  .large-pull-11 { right: 91.66667%; left: auto; }
  .large-pull-12 { right: 100%; left: auto; }
  .large-pull-0 { left: inherit; right: inherit; }
  .large-block-grid-1 > li { width: 100%; }
  .large-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .large-block-grid-2 > li { width: 50%; }
  .large-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .large-block-grid-3 > li { width: 33.33333%; }
  .large-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .large-block-grid-4 > li { width: 25%; }
  .large-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .large-block-grid-5 > li { width: 20%; }
  .large-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .large-block-grid-6 > li { width: 16.66667%; }
  .large-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .large-block-grid-7 > li { width: 14.28571%; }
  .large-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .large-block-grid-8 > li { width: 12.5%; }
  .large-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .large-block-grid-9 > li { width: 11.11111%; }
  .large-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .large-block-grid-10 > li { width: 10%; }
  .large-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .large-block-grid-11 > li { width: 9.09091%; }
  .large-block-grid-11 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .large-block-grid-12 > li { width: 8.33333%; }
  .large-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
.clearfix:after, form:after, header.global nav.desktop-nav ul:after { content: ""; width: 100%; height: 0; display: block; clear: both; }

.circle, .icon-play-arrow:before, .single-case-study .icon-play-arrow:before, .dot, .insight-excerpt .image-wrapper, #whitbread-map .geo-targets:before, #whitbread-map .target, #whitbread-map .target.pink:before, #whitbread-map .target.pink:after, #whitbread-map .target.green:before, #whitbread-map .target.green:after, #whitbread-results .venn, .timeline-wrapper .timeline-point { -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.has-shadow, .get-in-touch input[type="submit"] { box-shadow: 0 0.2rem 0.3rem #ccc; }

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.button, input[type="submit"], #nav-below a, a, button, input[type="submit"] { -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; -moz-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; outline: none; }

a { color: #EC008C; }
a:hover { color: #b9006e; }

section { padding: 4rem 0rem; position: relative; z-index: 1; }
@media only screen and (min-width: 768px) { section { padding: 6rem 0rem; } }
@media only screen and (min-width: 1024px) { section { padding: 9rem 0rem; } }
section.hero h1 { margin: 0; }
section.hero .punch { color: #414042; margin: 0; font-family: BrandonLightItalic; font-weight: 600; }
section#main.no-hero { padding: 12rem 0rem 0rem 0rem; }
@media only screen and (min-width: 1024px) { section#main.no-hero { padding: 18rem 0rem 0rem 0rem; } }
section.main-404, section.author-archives, section.category-archives, section#terms-and-conditions { padding: 12rem 0rem 0rem 0rem; }
@media only screen and (min-width: 1024px) { section.main-404, section.author-archives, section.category-archives, section#terms-and-conditions { padding: 18rem 0rem 0rem 0rem; } }
section#terms-and-conditions { padding-bottom: 3rem; }

iframe, object, embed { max-width: 100%; }

img { max-width: 100%; }

.stat { z-index: 3; line-height: 1; margin: 0 0 30px 0; text-align: center; }
@media only screen and (min-width: 1024px) { .stat { position: absolute; width: 300px; margin: 0; } }
.stat .alpha { color: #EC008C; font-family: BrandonBold; font-size: 4rem; line-height: 1; }
@media only screen and (min-width: 1024px) { .stat .alpha { font-size: 8rem; } }
.stat .epsilon { font-family: BryantMedium; font-size: 1.2rem; text-transform: uppercase; }
@media only screen and (min-width: 1024px) { .stat.top-center { top: 0; left: 50%; margin: 0 0 0 -150px; }
  .stat.top-left { top: 0; left: 20%; margin: 0 0 0 -150px; }
  .stat.center-left { top: 50%; left: 0; margin: -48px 0 0 0; }
  .stat.bottom-left { bottom: 0; left: 20%; margin: 0 0 0 -150px; }
  .stat.bottom-right { bottom: 0; right: 20%; margin: 0 -150px 0 0; }
  .stat.center-right { top: 50%; right: 0; margin: -48px 0 0 0; }
  .stat.top-right { top: 0; right: 20%; margin: 0 -150px 0 0; } }

#footer-strip { min-height: 5.1rem; padding: 0rem; background-color: #FACA22; }
#footer-strip p { margin: 1.5rem 0rem; font-size: 1.5rem; -webkit-font-weight: 600; -moz-font-weight: 600; -ms-font-weight: 600; font-weight: 600; color: white; }
#footer-strip p a { color: white; }
#footer-strip p a:hover { color: #e6e6e6; }

.addthis_sharing_toolbox { display: block; height: 40px; }
.addthis_sharing_toolbox > div { display: block; height: 40px; }
.addthis_sharing_toolbox > div .at-share-btn { display: inline-block; width: 40px; height: 40px; max-height: none !important; max-width: none !important; margin: 0 5px 0 0; position: relative; }
.addthis_sharing_toolbox > div .at-share-btn:before { color: #EC008C; position: absolute; left: 0; top: 0; display: block; width: 40px; height: 40px; text-align: center; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; }
.addthis_sharing_toolbox > div .at-share-btn:hover:before { color: #b9006e; }
.addthis_sharing_toolbox > div .at-share-btn span { display: none; }
.addthis_sharing_toolbox > div .at-share-btn.at-svc-twitter { background: none; }
.addthis_sharing_toolbox > div .at-share-btn.at-svc-twitter:before { line-height: 40px; content: "\e609"; }
.addthis_sharing_toolbox > div .at-share-btn.at-svc-facebook { background: none; }
.addthis_sharing_toolbox > div .at-share-btn.at-svc-facebook:before { line-height: 40px; content: "\e608"; }
.addthis_sharing_toolbox > div .at-share-btn.at-svc-google_plusone_share { background: none; }
.addthis_sharing_toolbox > div .at-share-btn.at-svc-google_plusone_share:before { line-height: 40px; content: "\e606"; }
.addthis_sharing_toolbox > div .at-share-btn.at-svc-email { background: none; }
.addthis_sharing_toolbox > div .at-share-btn.at-svc-email:before { line-height: 40px; content: "\e61c"; }

.fade, #whitbread-google .google-results { opacity: 0; position: relative; top: 20px; -webkit-transition: top 0.4s ease, opacity 0.2s ease; -moz-transition: top 0.4s ease, opacity 0.2s ease; transition: top 0.4s ease, opacity 0.2s ease; }
.fade.animate, #whitbread-google .animate.google-results { opacity: 1; top: 0; }

#wrapper { height: 100%; }

.hidden { display: none; }

.visuallyhidden, .gform_validation_container, .gform_wrapper form .gform_body .top_label .gfield_label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.overflow-hidden { overflow: hidden; }

.fl { float: left; }

.fr { float: right; }

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

.text-left { text-align: left; }

.text-right { text-align: right; }

.v-wrapper { display: table; height: 100%; width: 100%; }
.v-wrapper .v-inner { display: table-cell; height: 100%; vertical-align: middle; }

.has-radius { -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; }

.has-shadow, .get-in-touch input[type="submit"] { -moz-box-shadow: 0 0.2rem 0.2rem 0 rgba(155, 155, 155, 0.5); box-shadow: 0 0.2rem 0.2rem 0 rgba(155, 155, 155, 0.5); }

.vertical-padding { padding: 5rem 0rem; }

.lg-vertical-padding { padding: 5rem 0rem; }
@media only screen and (min-width: 768px) { .lg-vertical-padding { padding: 8rem 0rem; } }
@media only screen and (min-width: 1024px) { .lg-vertical-padding { padding: 11rem 0rem; } }

.bg-white { background: #fff; }

.bg-greyLight { background: #F9F9F9; }

.bg-lime { background: #B3D234; padding: 0rem 1.5rem; }

.bg-yellow { background: #FACA22; padding: 0rem 1.5rem; }

.bg-orange { background: #F7941E; padding: 0rem 1.5rem; }

hr { background: #EAEAEA; display: block; width: 100%; height: 2px; border: none; }

[class*="border-"] { border: 0.1rem solid transparent; }

[class*="top-border"] { border-top: 0.1rem solid transparent; border-bottom: 0; border-left: 0; border-right: 0; }

[class*="bottom-border"] { border-bottom: 0.1rem solid transparent; border-top: 0; border-left: 0; border-right: 0; }

[class*="left-border"] { border-left: 0.1rem solid transparent; border-top: 0; border-bottom: 0; border-right: 0; }

[class*="right-border"] { border-right: 0.1rem solid transparent; border-top: 0; border-bottom: 0; border-left: 0; }

[class*="thick-"] { border-width: 0.2rem; }

[class*="xthick-"] { border-width: 0.4rem; }

[class*="border-white"] { border-color: #fff; }

[class*="border-grey"] { border-color: #EAEAEA; }

.tweet-this { /* atclear */ }
.tweet-this div { display: none; }
.tweet-this a { cursor: pointer; float: none !important; /* remove addthis floating */ color: #676767; }
.tweet-this a span { border-bottom: 2px solid #FACA22; }
.tweet-this a:after { display: inline-block; margin: 0rem 0rem 0rem 0.5rem; border-bottom: none; color: #0097A1; font-family: 'ignite-icons'; content: "\e609"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.share-buttons { display: inline-block; margin-top: 1rem; }
.share-buttons a[class*=addthis_button] { display: inline-block; margin: 0rem 0rem 0rem 2rem; }
.share-buttons a[class*=addthis_button]:nth-child(1) { margin: 0rem; }
.share-buttons a[class*=addthis_button] span { display: none !important; }

div[id^=wufoo-] { color: #fff; }
div[id^=wufoo-] a { color: #fff; }

.button, input[type="submit"], #nav-below a { line-height: 3.6rem; height: 3.6rem; min-width: 14rem; padding: 0rem 3rem; font-size: 1.2rem; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; text-transform: uppercase; font-family: BrandonBold; display: inline-block; color: #fff; border: none; outline: none; cursor: pointer; box-shadow: 0px 2px 2px 0px rgba(155, 155, 155, 0.5); box-shadow: 0rem 0.2rem 0.2rem 0rem rgba(155, 155, 155, 0.5); }
.button.turq, input[type="submit"], footer.global input[type="submit"], #nav-below a { background: #0097A1; }
.button.turq:hover, input[type="submit"]:hover, footer.global input[type="submit"]:hover, #nav-below a:hover { background: #00676e; color: #fff; }
.button.white, input.white[type="submit"], header.global input[type="submit"], #nav-below a.white { background: #fff; color: #7C004A; }
.button.white:hover, input.white[type="submit"]:hover, header.global input[type="submit"]:hover, #nav-below a.white:hover { background: #7C004A; color: #fff; }

::-webkit-input-placeholder { color: #B9B9B9; opacity: 1; }

:-moz-placeholder { color: #B9B9B9; opacity: 1; }

::-moz-placeholder { color: #B9B9B9; opacity: 1; }

:-ms-input-placeholder { color: #B9B9B9; opacity: 1; }

[placeholder]:-ms-input-placeholder { color: #B9B9B9; opacity: 1; }

label { font-size: 1.2rem; font-family: BryantMedium; text-transform: uppercase; display: block; margin: 3rem 0rem 0.5rem 0rem; padding: 0; }
label + input, label + .fileWrap, label + .selectWrap { margin-top: 0; }

input[type="email"], input[type="number"], input[type="url"], input[type="text"], input[type="password"], input[type="tel"] { width: 100%; height: 40px; line-height: 40px; font-size: 1.6rem; font-family: BrandonRegular; color: #000; background: none; border: none; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; box-shadow: 0 1px 0 #979797; margin: 2rem 0rem 0rem 0rem; }
input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus { box-shadow: 0 2px 0 #EC008C; outline: none; }
.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="url"], .gform_wrapper input[type="text"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"] { text-indent: 0 !important; }

.selectWrap { width: 100%; height: 43px; margin: 2rem 0rem 0rem 0rem; overflow: hidden; position: relative; background: url(_/images/select.png) right center no-repeat; background-size: 16px 10px; }
.selectWrap select { background: transparent; font-size: 1.6rem; font-family: BrandonRegular; color: #B9B9B9; border: none; outline: none; display: block; height: 40px; line-height: 40px; width: 105%; box-shadow: 0 1px 0 #979797; position: absolute; top: 0; left: 0; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; outline: none; -webkit-border-radius: 0rem; -moz-border-radius: 0rem; border-radius: 0rem; -webkit-appearance: none; -moz-user-focus: none; }
.selectWrap select:focus { color: #000; box-shadow: 0 2px 0 #EC008C; outline: none; border: none; -moz-user-focus: none; }

.fileWrap { display: block; height: 40px; width: 100%; box-shadow: 0 1px 0 #979797; margin: 2rem 0rem 0rem 0rem; position: relative; cursor: pointer; }
.fileWrap.hasFile { box-shadow: 0 1px 0 #B3D234; }
.fileWrap.hasFile .inputStatus { opacity: 1; }
.fileWrap .inputStatus { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; position: absolute; left: 100px; font-size: 1rem; text-transform: uppercase; top: 15px; padding: 0rem 0rem 0rem 2rem; opacity: 0; }
.fileWrap .inputStatus:before { position: absolute; left: 0; top: 0; font-size: 10px; color: #B3D234; }
.fileWrap input[type="file"] { display: block; width: 100%; height: 40px; opacity: 0; margin: 0; padding: 0; position: relative; z-index: 10; background: #ccc; cursor: pointer; }
.fileWrap:before { -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; content: "Choose File"; display: inline-block; background: #fff; font-size: 12px; padding: 0 10px; height: 22px; line-height: 22px; width: auto; position: absolute; left: 0; top: 50%; margin: -11px 0 0 0; z-index: 1; border: 1px solid #DADADA; box-shadow: 0px 2px 2px 0px rgba(155, 155, 155, 0.5); color: #676767; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.fileWrap:hover:before { box-shadow: 0px 2px 2px 0px #9b9b9b; }

input[type="submit"] { margin: 3rem 0rem 0rem 0rem; float: right; -webkit-appearance: none; }

/* GRAVITY FORMS */
.gform_wrapper form div.validation_error { font-size: 1.2rem; -webkit-font-weight: 300; -moz-font-weight: 300; -ms-font-weight: 300; font-weight: 300; color: #FFE1F3; }
.gform_wrapper form .gform_body .top_label .ginput_container input[type="text"], .gform_wrapper form .gform_body .top_label .ginput_container input[type="email"] { -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; }
.gform_wrapper form .gform_body li.gfield { -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; clear: both; }
.gform_wrapper form .gform_body li.gfield.gfield_error { background-color: transparent; margin-bottom: 0rem; border: none; }
.gform_wrapper form .gform_body li.gfield.gfield_error input[type="text"] { border: none; }
.gform_wrapper form .gform_footer input[type="submit"] { margin: 0rem; font-size: 1.2rem; }

footer .gform_wrapper form div.validation_error { text-align: center; font-size: 1.2rem; -webkit-font-weight: 300; -moz-font-weight: 300; -ms-font-weight: 300; font-weight: 300; color: #7C004A; }

@font-face { font-family: ignite-icons; src: url("_/fonts/ignite-icons/ignite-icons.eot"); src: url("_/fonts/ignite-icons/ignite-icons.eot?#iefix") format("embedded-opentype"), url("_/fonts/ignite-icons/ignite-icons.woff") format("woff"), url("_/fonts/ignite-icons/ignite-icons.ttf") format("truetype"), url("_/fonts/ignite-icons/ignite-icons.svg#ignite-icons") format("svg"); }
[class^="icon-"]:before, ul.checklist li:before, #insights-panel ul li:before, .addthis_sharing_toolbox > div .at-share-btn:before, #gallery .caption:before, [class*="icon-"]:before { font-family: 'ignite-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-target:before { content: "\e61e"; }

.icon-whitbread-logo:before { content: "\e61f"; }

.icon-blockquote:before { content: "\e620"; }

.icon-agility:before { content: "\e61d"; }

.icon-play-arrow:before, .single-case-study .icon-play-arrow:before { content: "\e61b"; }

.icon-email:before { content: "\e61c"; }

.icon-check:before, ul.checklist li:before, #insights-panel ul li:before { content: "\e61a"; }

.icon-spark-stroke:before { content: "\e619"; }

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

.icon-search:before { content: "\e60b"; }

.icon-plus:before { content: "\e60c"; }

.icon-bus:before { content: "\e60d"; }

.icon-data-analysis:before { content: "\e60e"; }

.icon-box:before { content: "\e60f"; }

.icon-social:before { content: "\e610"; }

.icon-wedge-growth:before { content: "\e611"; }

.icon-risks:before { content: "\e612"; }

.icon-physical-digital:before { content: "\e613"; }

.icon-skills:before { content: "\e614"; }

.icon-collaboration:before { content: "\e615"; }

.icon-strategy:before { content: "\e616"; }

.icon-comments:before { content: "\e617"; }

.icon-close:before { content: "\e618"; }

.icon-google-plus:before { content: "\e606"; }

.icon-linked-in:before { content: "\e607"; }

.icon-facebook:before { content: "\e608"; }

.icon-twitter:before { content: "\e609"; }

.icon-ignite-wordmark:before { content: "\e604"; }

.icon-dm-wordmark:before { content: "\e605"; }

.icon-wedge-down-split:before { content: "\e600"; }

.icon-wedge-down:before { content: "\e601"; }

.icon-menu:before { content: "\e602"; }

.icon-spark:before { content: "\e603"; }

.icon-facebook-2:before { content: "\ea8d"; }

header.global { left: 0; right: 0; z-index: 100; position: fixed; border-bottom: 0.1rem solid #EAEAEA; }
header.global .newsletter-text { display: none; }
@media only screen and (min-width: 1024px) { header.global { padding-top: 30px; position: absolute; border-bottom: 0.1rem solid transparent; }
  .headerTransition header.global { padding-top: 0; position: fixed; border-color: #EAEAEA; } }
header.global .logo { position: relative; display: block; float: left; margin: 15px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 8.5rem; height: 3.5rem; }
@media only screen and (min-width: 1024px) { header.global .logo { width: 17rem; height: 7.6rem; margin: 2px 0; }
  .headerTransition header.global .logo { height: 5.4rem; margin: 0; } }
header.global .icon-spark:before { font-size: 0.7rem; left: 0.6rem; position: absolute; top: 0; color: #FACA22; z-index: 10; color: #FACA22; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
@media only screen and (min-width: 1024px) { header.global .icon-spark:before { font-size: 1.4rem; }
  .headerTransition header.global .icon-spark:before { font-size: 3rem; left: 0; top: 11px; } }
header.global .icon-ignite-wordmark:before, header.global .icon-dm-wordmark:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }
@media only screen and (min-width: 1024px) { .headerTransition header.global .icon-ignite-wordmark:before, .headerTransition header.global .icon-dm-wordmark:before { opacity: 0; } }
header.global .icon-ignite-wordmark:before { font-size: 3.5rem; position: absolute; right: 0; bottom: 0; color: #0097A1; z-index: 9; opacity: 1; }
@media only screen and (min-width: 1024px) { header.global .icon-ignite-wordmark:before { font-size: 7rem; } }
header.global .icon-dm-wordmark:before { font-size: 4px; position: absolute; right: 0; bottom: 0; color: #FACA22; opacity: 1; z-index: 9; }
@media only screen and (min-width: 1024px) { header.global .icon-dm-wordmark:before { font-size: 8px; } }
header.global nav.desktop-nav { display: none; }
@media only screen and (min-width: 601px) { header.global nav.desktop-nav { display: block; width: 100%; position: absolute; top: 0; left: 125px; right: 80px; width: auto; height: auto; margin: 0; } }
@media only screen and (min-width: 800px) { header.global nav.desktop-nav { left: 200px; } }
header.global nav.desktop-nav ul { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0 30px 0 0; width: 100%; text-align: right; margin: 8px 0; }
@media only screen and (min-width: 800px) { header.global nav.desktop-nav ul { text-align: center; padding: 0; } }
@media only screen and (min-width: 1024px) { header.global nav.desktop-nav ul { margin: 15px 0; }
  .headerTransition header.global nav.desktop-nav ul { margin: 2px 0; } }
header.global nav.desktop-nav li { text-transform: uppercase; font-family: BryantMedium; float: none; display: inline-block; padding: 0; font-size: 1.1rem; width: auto; padding: 0 5px; margin: 0 0 0 10px; }
@media only screen and (min-width: 700px) { header.global nav.desktop-nav li { padding: 0 10px; margin: 0 10px; } }
@media only screen and (min-width: 800px) { header.global nav.desktop-nav li { width: 22%; margin: 0 1.5%; float: left; padding: 0; } }
@media only screen and (min-width: 900px) { header.global nav.desktop-nav li { font-size: 1.4rem; } }
header.global nav.desktop-nav li#menu-item-22 { display: none; }
header.global nav.desktop-nav li a { margin: 0rem; height: 50px; line-height: 52px; display: block; color: #414042; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
header.global nav.desktop-nav li a:hover, header.global nav.desktop-nav li.current-menu-item a { color: #2383B5; }
header.global #openDrawer { display: block; height: 50px; width: 100%; line-height: 50px; color: #EC008C; font-size: 1.2rem; margin: 0; position: absolute; top: 0; right: 0; width: 55px; z-index: 103; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-align: center; }
header.global #openDrawer.active, header.global #openDrawer:hover { color: #fff; }
header.global #drawer { height: 50px; width: 55px; overflow: hidden; position: absolute; right: 2.5rem; top: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 8px 0; color: #EC008C; z-index: 103; }
header.global #drawer .desktop-drawer { display: none; }
@media only screen and (min-width: 768px) { header.global #drawer .desktop-drawer { display: block; } }
header.global #drawer .desktop-drawer img { margin: 3rem 0rem 0rem -0.3rem; }
@media only screen and (min-width: 1024px) { header.global #drawer { margin: 15px 0; } }
.headerTransition header.global #drawer { margin: 2px 0; }
header.global #drawer * { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }
header.global #drawer.open, header.global #drawer:hover { background: #EC008C; }
header.global #drawer.open { height: auto; min-height: 310px; width: 270px; z-index: 103; -moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.16); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0.4rem 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.16); box-shadow: 0.4rem 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.16); }
@media only screen and (min-width: 768px) { header.global #drawer.open { width: 350px; min-height: 720px; } }
header.global #drawer #drawerContent { padding: 30px 40px 0 40px; height: 100%; }
header.global #drawer #drawerContent [class*="icon-"] { display: inline-block; color: #FFE1F3; margin: 10px 15px 0 0; font-size: 1.8rem; }
header.global #drawer #drawerContent [class*="icon-"]:hover { color: #7C004A; }
header.global #drawer #drawerContent.hidden { display: none; }
header.global #drawer h6 { display: block; padding: 0; color: #7C004A; margin: 30px 0 0 0; display: block; }
header.global #drawer p { color: #FFE1F3; margin: 0 0 10px 0; }
header.global #drawer p a { color: #FFE1F3; border-bottom: 1px solid #FFE1F3; }
header.global #drawer p a:hover { color: #7C004A; border-bottom: 1px solid #7C004A; }
header.global #drawer .menu-main-navigation-container { display: block; }
@media only screen and (min-width: 768px) { header.global #drawer .menu-main-navigation-container { display: none; } }
header.global #drawer .menu-main-navigation-container ul { margin: 30px 0 0 0; }
header.global #drawer .menu-main-navigation-container li { margin: 5px 0; }
header.global #drawer .menu-main-navigation-container a { display: block; color: #fff; padding: 5px 0; border-bottom: 1px solid #F6ADCD; }
header.global #drawer .careers-nav { display: block; margin: 0; }
@media only screen and (min-width: 768px) { header.global #drawer .careers-nav { display: none; } }
header.global #drawer .careers-nav li { margin: 5px 0; }
header.global #drawer .careers-nav a { display: block; color: #fff; padding: 5px 0; }
header.global input[type="email"], header.global input[type="text"] { margin: 10px 0 0 0; box-shadow: 0 1px 0 #7C004A; color: #7C004A; }
header.global input[type="email"]:focus, header.global input[type="text"]:focus { box-shadow: 0 2px 0 #7C004A; }
header.global input[type="submit"] { margin: 30px 0 0 0; float: right; }
header.global ::-webkit-input-placeholder { color: #F6ADCD; }
header.global :-moz-placeholder { color: #F6ADCD; }
header.global ::-moz-placeholder { color: #F6ADCD; }
header.global :-ms-input-placeholder { color: #F6ADCD; }
header.global [placeholder]:-ms-input-placeholder { color: #F6ADCD; }
header.global .bg-white.screen { display: block; position: fixed; z-index: 100; height: 100%; width: 100%; top: 0; bottom: 100%; left: 100%; right: 0; opacity: 0; display: block; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
header.global .bg-white.screen.active { left: 0; bottom: 0; opacity: 0.8; }

footer.global { padding: 0 0 60px 0; display: block; height: auto; background: #F9F9F9; width: 100%; position: relative; z-index: 1; border-top: 1px solid #EAEAEA; }
footer.global .newsletter-text { display: none; }
footer.global h6 { display: block; margin: 60px 0 10px 0; font-size: 1.6rem; height: auto; line-height: normal; color: #000; }
footer.global p { margin: 0; padding: 0; }
footer.global img { margin-top: 30px; }
footer.global [class*="icon-"] { display: inline-block; margin: 0 10px; font-size: 1.6rem; }
footer.global input { margin: 20px 0 0 0; }
footer.global input[type="text"], footer.global input[type="email"] { width: 100%; -webkit-box-shadow: 0 1px 0 #676767; -moz-box-shadow: 0 1px 0 #676767; -ms-box-shadow: 0 1px 0 #676767; box-shadow: 0 1px 0 #676767; }
@media only screen and (min-width: 460px) { footer.global input[type="text"], footer.global input[type="email"] { width: 47.5%; } }
footer.global input[type="text"]:focus, footer.global input[type="email"]:focus { -webkit-box-shadow: 0 2px 0 #EC008C; -moz-box-shadow: 0 2px 0 #EC008C; -ms-box-shadow: 0 2px 0 #EC008C; box-shadow: 0 2px 0 #EC008C; }
@media only screen and (min-width: 460px) { footer.global input[type="text"] { float: left; }
  footer.global input[type="email"] { float: right; } }
footer.global input[type="submit"] { float: right; }
@media only screen and (min-width: 768px) { footer.global { display: none; } }

.cta { padding: 6rem 0rem; }
.cta h6 { margin: 0rem 0rem 2rem 0rem; }
.cta h2, .cta .beta { margin: 0; }
.cta p { margin: 1rem 0rem 0rem 0rem; font-size: 1.8rem; font-family: BrandonLightItalic; line-height: 1.4; }
@media only screen and (min-width: 768px) { .cta p { font-size: 2.1rem; } }
@media only screen and (min-width: 1201px) { .cta p { font-size: 2.3rem; } }

.lead-in-panel { position: relative; }
.lead-in-panel .row, .lead-in-panel .get-in-touch .gform_wrapper .gform_fields, .get-in-touch .gform_wrapper .lead-in-panel .gform_fields { position: relative; z-index: 10; }
.lead-in-panel h2 span, .lead-in-panel .beta span { color: #EC008C; }
.lead-in-panel a { display: block; }
.lead-in-panel a span { color: #EC008C; white-space: nowrap; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; }
.lead-in-panel a:hover span { color: #b9006e; }
.lead-in-panel p a { display: inline; }
.lead-in-panel [class^="icon-"], .lead-in-panel ul.checklist li:before, ul.checklist .lead-in-panel li:before, .lead-in-panel #insights-panel ul li:before, #insights-panel ul .lead-in-panel li:before, .lead-in-panel .addthis_sharing_toolbox > div .at-share-btn:before, .addthis_sharing_toolbox > div .lead-in-panel .at-share-btn:before, .lead-in-panel #gallery .caption:before, #gallery .lead-in-panel .caption:before, .lead-in-panel [class*="icon-"] { position: absolute; z-index: 1; }
.page-template-page-get-to-know-us .lead-in-panel .icon-wedge-down-split { color: #ddecee; left: 10%; top: 10%; -webkit-transform: rotate(-75deg); -moz-transform: rotate(-75deg); -ms-transform: rotate(-75deg); transform: rotate(-75deg); font-size: 25px; }
@media only screen and (min-width: 640px) { .page-template-page-get-to-know-us .lead-in-panel .icon-wedge-down-split { font-size: 40px; left: 20%; } }
.page-template-page-get-to-know-us .lead-in-panel .icon-box { color: #c2c2c2; position: absolute; right: 10%; top: 75%; font-size: 20px; }
@media only screen and (min-width: 640px) { .page-template-page-get-to-know-us .lead-in-panel .icon-box { font-size: 30px; right: 20%; top: 40%; } }
.blog .lead-in-panel .icon-wedge-down-split { color: #ddecee; font-size: 40px; }
.blog .lead-in-panel .icon-spark-stroke { color: #c2c2c2; font-size: 50px; }
.blog .lead-in-panel .i1 { left: 25%; top: 100px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.blog .lead-in-panel .i2 { right: 25%; top: 70px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.blog .lead-in-panel .i3 { bottom: 40px; left: 35%; }
.lead-in-panel.single-careers .icon-wedge-down-split { color: #ddecee; left: 10%; top: 10%; -webkit-transform: rotate(-75deg); -moz-transform: rotate(-75deg); -ms-transform: rotate(-75deg); transform: rotate(-75deg); font-size: 25px; }
@media only screen and (min-width: 640px) { .lead-in-panel.single-careers .icon-wedge-down-split { font-size: 40px; left: 20%; } }
.lead-in-panel.single-careers .icon-box { color: #c2c2c2; position: absolute; right: 10%; top: 75%; font-size: 20px; }
@media only screen and (min-width: 640px) { .lead-in-panel.single-careers .icon-box { font-size: 30px; right: 20%; top: 40%; } }
.lead-in-panel.single-work .icon-wedge-down-split { color: #E1E1E1; color: rgba(225, 225, 225, 0.9); left: 10%; top: 26%; -webkit-transform: rotate(55deg); -moz-transform: rotate(55deg); -ms-transform: rotate(55deg); transform: rotate(55deg); font-size: 24px; }
@media only screen and (min-width: 640px) { .lead-in-panel.single-work .icon-wedge-down-split { font-size: 30px; left: 20%; } }
.lead-in-panel.single-work .icon-box { color: #ddecee; position: absolute; right: 10%; top: 80%; font-size: 28px; }
@media only screen and (min-width: 640px) { .lead-in-panel.single-work .icon-box { font-size: 22px; right: 20%; top: 52%; } }
.lead-in-panel.single-work p { line-height: 1.1; }

header.global.video { z-index: 100; }

.inner-video-player { position: fixed; /**/ width: 100%; height: 100%; top: 0; left: -999em; background: #fff; z-index: 50; }
.inner-video-player.active { left: 0; }
.inner-video-player .player { position: relative; background: #fff; padding: 160px 15px 20px 15px; width: 100%; height: 100%; margin: 0 auto; }
@media only screen and (min-width: 720px) { .inner-video-player .player { padding: 120px 80px 80px 80px; width: 90%; } }
@media only screen and (min-width: 1401px) { .inner-video-player .player { max-width: 1400px; } }
.inner-video-player .icon-close { width: 46px; height: 46px; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; border-radius: 0.3rem; text-align: center; line-height: 48px; color: #0097A1; font-size: 1.4rem; position: absolute; right: 2.5rem; top: 180px; z-index: 11; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.inner-video-player .icon-close:hover { background: #0097A1; color: #fff; border-color: #0097A1; }
.video .inner-video-player .icon-close { top: 120px; }

.video-oembed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-oembed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#home-hero { display: block; position: relative; z-index: 2; padding: 0; padding-top: 9rem; }
#home-hero .flow-wrapper { display: none; }
@media only screen and (min-width: 768px) { #home-hero .flow-wrapper { display: block; } }
#home-hero .content { position: relative; z-index: 2; }
#home-hero .small-screen-hero { display: block; max-width: 100%; background: url(_/images/hero-bg-sm.jpg) no-repeat no-repeat; background-size: cover; padding: 12rem 0rem; }
#home-hero .small-screen-hero .alpha { font-size: 3rem; }
@media only screen and (min-width: 768px) { #home-hero .small-screen-hero { display: none; } }
#home-hero:before { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #EAEAEA; margin: 0 auto; width: 100%; max-width: 120rem; content: ""; z-index: 10; }
#home-hero .home-hero-text { display: inline-block; font-size: 5rem; position: relative; color: #000; font-family: BryantMedium; line-height: normal; width: 50%; }

.icon-play-arrow, .single-case-study .icon-play-arrow { display: inline-block; height: 90px; width: 90px; }
.icon-play-arrow:before, .single-case-study .icon-play-arrow:before { line-height: 2.5; height: 90px; width: 90px; text-indent: 5px; font-size: 36px; display: inline-block; border: 1px solid #EC008C; color: #EC008C; text-align: center; background: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.icon-play-arrow:hover:before { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); background: #EC008C; color: #fff; }

#feature .stat { margin: 0rem; }
@media only screen and (min-width: 768px) { #feature .stat { margin: 0rem 0rem 3rem 0rem; } }
#feature .feature-image { position: relative; }
#feature .feature-image img { position: relative; z-index: 1; }
#feature .feature-button { -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; text-align: center; }
@media only screen and (min-width: 768px) { #feature .feature-button { text-align: left; } }
#feature .visible-small-screen { display: block; }
#feature .visible-medium-screen { display: none; }
@media only screen and (min-width: 768px) { #feature .visible-small-screen { display: none; }
  #feature .visible-medium-screen { display: block; } }

#insights { padding: 4rem 0rem; }
#insights .insights-button { -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; text-align: left; }
#insights .insights-button.visible-medium-screen { text-align: center; }
#insights .visible-medium-screen, #insights .visible-small-screen { display: block; }
@media only screen and (min-width: 1024px) { #insights .visible-medium-screen, #insights .visible-small-screen { display: none; } }
#insights .visible-large-screen { display: none; }
@media only screen and (min-width: 1024px) { #insights .visible-large-screen { display: block; } }
#insights li { padding-top: 2.5rem; padding-bottom: 2.5rem; }
@media only screen and (min-width: 1024px) { #insights li { padding-top: 0rem; padding-bottom: 0rem; } }

#momentum-home { background: #fff; padding-bottom: 0; }
#momentum-home .phone-sm-footer { display: block; }
#momentum-home .phone-sm-footer .tilted-device { position: relative; top: 0.5rem; }
@media only screen and (min-width: 768px) { #momentum-home .phone-sm-footer { display: none; } }
#momentum-home .phoneBurst { display: none; }
@media only screen and (min-width: 768px) { #momentum-home .phoneBurst { display: block; }
  #momentum-home .phoneBurst a { display: block; width: 100%; overflow: hidden; margin: 1rem 0rem 0rem 0rem; }
  #momentum-home .phoneBurst a span { color: #EC008C; }
  #momentum-home .phoneBurst a:hover span { color: #b9006e; }
  #momentum-home .phoneBurst .device { display: inline-block; width: 400px; height: 400px; background: url(_/images/phone-full.png) no-repeat; top: 0rem; margin: 0 auto; position: relative; z-index: 2; top: 5px; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; transition: top 0.3s ease; -webkit-animation: reversePhone 0.4s steps(4, end) 1 normal; -moz-animation: reversePhone 0.4s steps(4, end) 1 normal; -ms-animation: reversePhone 0.4s steps(4, end) 1 normal; animation: reversePhone 0.4s steps(4, end) 1 normal; }
  #momentum-home .phoneBurst .device.tiltPhone { background-position: -1600px 0; -webkit-animation: rotatePhone 0.4s steps(4, end) 1 normal; -moz-animation: rotatePhone 0.4s steps(4, end) 1 normal; -ms-animation: rotatePhone 0.4s steps(4, end) 1 normal; animation: rotatePhone 0.4s steps(4, end) 1 normal; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused; }
  #momentum-home .phoneBurst .device:hover { top: 1.5rem; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; transition: top 0.3s ease; }
  #momentum-home .phoneBurst .punch { margin: 0rem 0rem 3rem 0rem; }
  #momentum-home .phoneBurst .icon-wedge-down-split, #momentum-home .phoneBurst .icon-wedge-down, #momentum-home .phoneBurst .icon-box { z-index: 1; position: absolute; top: 50%; -webkit-transition: all 2000ms cubic-bezier(0, 0.175, 0, 0.815); -moz-transition: all 2000ms cubic-bezier(0, 0.175, 0, 0.815); transition: all 2000ms cubic-bezier(0, 0.175, 0, 0.815); }
  #momentum-home .phoneBurst .i1, #momentum-home .phoneBurst .i2, #momentum-home .phoneBurst .i3, #momentum-home .phoneBurst .i4 { left: 50%; }
  #momentum-home .phoneBurst .i5, #momentum-home .phoneBurst .i6, #momentum-home .phoneBurst .i7, #momentum-home .phoneBurst .i8 { right: 50%; }
  #momentum-home .phoneBurst .i1, #momentum-home .phoneBurst .i7, #momentum-home .phoneBurst .i8 { color: #ddecee; }
  #momentum-home .phoneBurst .i2, #momentum-home .phoneBurst .i3, #momentum-home .phoneBurst .i4, #momentum-home .phoneBurst .i5, #momentum-home .phoneBurst .i6 { color: #c2c2c2; }
  #momentum-home .phoneBurst .i1 { font-size: 40px; }
  #momentum-home .phoneBurst .i2 { font-size: 20px; }
  #momentum-home .phoneBurst .i3 { font-size: 30px; }
  #momentum-home .phoneBurst .i4 { font-size: 35px; }
  #momentum-home .phoneBurst .i5 { font-size: 20px; }
  #momentum-home .phoneBurst .i6 { font-size: 30px; }
  #momentum-home .phoneBurst .i7 { font-size: 20px; }
  #momentum-home .phoneBurst .i8 { font-size: 35px; }
  #momentum-home .phoneBurst.play .device { -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
  #momentum-home .phoneBurst.play .i1 { top: 30%; left: 30%; }
  #momentum-home .phoneBurst.play .i2 { left: 20%; top: 40%; transform: rotate(-70deg); }
  #momentum-home .phoneBurst.play .i3 { left: 15%; top: 70%; transform: rotate(-100deg); }
  #momentum-home .phoneBurst.play .i4 { left: 25%; top: 85%; transform: rotate(90deg); }
  #momentum-home .phoneBurst.play .i5 { right: 20%; top: 20%; transform: rotate(65deg); }
  #momentum-home .phoneBurst.play .i6 { right: 15%; top: 50%; transform: rotate(90deg); }
  #momentum-home .phoneBurst.play .i7 { right: 25%; top: 85%; transform: rotate(120deg); }
  #momentum-home .phoneBurst.play .i8 { right: 28%; top: 65%; } }

@-webkit-keyframes reversePhone { from { background-position: -1600px 0; }
  to { background-position: 0 0; } }
@-moz-keyframes reversePhone { from { background-position: -1600px 0; }
  to { background-position: 0 0; } }
@keyframes reversePhone { from { background-position: -1600px 0; }
  to { background-position: 0 0; } }
@-webkit-keyframes rotatePhone { from { background-position: 0px 0; }
  to { background-position: -1600px 0; } }
@-moz-keyframes rotatePhone { from { background-position: 0px 0; }
  to { background-position: -1600px 0; } }
@keyframes rotatePhone { from { background-position: 0px 0; }
  to { background-position: -1600px 0; } }
.section-title { margin-bottom: 5rem; }

.our-work-landing, .post-type-archive-our-work, .single-case-study { height: 100%; height: 600px; }

#our-work-text .punch-ital, #case-studies .punch-ital { color: #414042; margin: 0rem; padding: 0rem 0rem 2rem 0rem; }
@media only screen and (min-width: 768px) { #our-work-text .punch-ital, #case-studies .punch-ital { margin: 0rem; padding: 0rem 0rem 3rem 0rem; } }
#our-work-text .punch-ital:before, #case-studies .punch-ital:before { position: absolute; left: 0; right: 0; bottom: -3rem; text-align: center; color: #EC008C; font-size: 1.2rem; }
@media only screen and (min-width: 768px) { #our-work-text .punch-ital:before, #case-studies .punch-ital:before { top: 11rem; } }

#our-work-text { padding: 6rem 0rem; }

@media only screen and (max-width: 700px) { #our-work { height: 68rem; overflow: hidden; } }
#our-work h2 { position: relative; padding: 8rem 0rem 0rem 0rem; }
#our-work h2:before { position: absolute; left: 0rem; right: 0rem; top: 0rem; text-align: center; }
#our-work .icon-collaboration:before { font-size: 5rem; color: #F7941E; }
#our-work .icon-risks:before { font-size: 5.5rem; color: #414042; }
#our-work .icon-physical-digital:before { font-size: 5rem; color: #A2C0DD; }
#our-work .icon-agility:before { font-size: 6rem; color: #2383B5; }
#our-work .icon-skills:before { font-size: 5rem; color: #B3D234; }
#our-work .icon-strategy:before { font-size: 5rem; color: #1AA1AA; }
@media only screen and (min-width: 701px) { #our-work { -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; min-height: 60rem; overflow: hidden; }
  #our-work .row.text-center, #our-work .get-in-touch .gform_wrapper .text-center.gform_fields, .get-in-touch .gform_wrapper #our-work .text-center.gform_fields, #our-work .row.text-center > .columns, #our-work .get-in-touch .gform_wrapper .text-center.gform_fields > .columns, .get-in-touch .gform_wrapper #our-work .text-center.gform_fields > .columns, #our-work .get-in-touch .gform_wrapper .gform_fields .row.text-center > .gfield, .get-in-touch .gform_wrapper .gform_fields #our-work .row.text-center > .gfield, #our-work .get-in-touch .gform_wrapper .text-center.gform_fields > .gfield, .get-in-touch .gform_wrapper #our-work .text-center.gform_fields > .gfield, #our-work #ourWorkStage { -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; min-height: 60rem; position: absolute; left: 0rem; right: 0rem; top: 0rem; bottom: 0rem; } }
#our-work #ourWorkStage { -webkit-transition: background-position 0.3s ease; -moz-transition: background-position 0.3s ease; transition: background-position 0.3s ease; }
#our-work #closeStage { width: 4.6rem; height: 4.6rem; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; border-radius: 0.3rem; text-align: center; line-height: 4.8rem; color: #0097A1; font-size: 1.4rem; position: absolute; right: 2.5rem; top: 1rem; z-index: 11; }
#our-work #closeStage:hover { background: #0097A1; color: #fff; border-color: #0097A1; }
@media only screen and (max-width: 700px) { #our-work #closeStage { right: -5rem; top: -6rem; } }
@media only screen and (max-width: 700px) { #our-work .content-wrapper .content { display: none; } }
@media only screen and (min-width: 701px) { #our-work .content-wrapper { display: block; position: absolute; left: 0rem; right: 0rem; top: 6rem; -webkit-bottom: 25%; -moz-bottom: 25%; -ms-bottom: 25%; bottom: 25%; z-index: 9; }
  #our-work .content-wrapper > .row, #our-work .get-in-touch .gform_wrapper .content-wrapper > .gform_fields, .get-in-touch .gform_wrapper #our-work .content-wrapper > .gform_fields, #our-work .content-wrapper > .row > .columns, #our-work .get-in-touch .gform_wrapper .content-wrapper > .gform_fields > .columns, .get-in-touch .gform_wrapper #our-work .content-wrapper > .gform_fields > .columns, #our-work .get-in-touch .gform_wrapper .gform_fields .content-wrapper > .row > .gfield, .get-in-touch .gform_wrapper .gform_fields #our-work .content-wrapper > .row > .gfield, #our-work .get-in-touch .gform_wrapper .content-wrapper > .gform_fields > .gfield, .get-in-touch .gform_wrapper #our-work .content-wrapper > .gform_fields > .gfield { -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; }
  #our-work .content-wrapper .content { position: absolute; -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; left: 0rem; right: 0rem; top: 0rem; bottom: 0rem; display: none; } }
#our-work .icon-spark { color: #FACA22; height: 10rem; width: 10rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; line-height: 13rem; text-align: center; font-size: 7.8rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; z-index: 11; }
@media only screen and (min-width: 701px) { #our-work .icon-spark { position: absolute; -webkit-left: 50%; -moz-left: 50%; -ms-left: 50%; left: 50%; margin: 0rem 0rem -5rem -5rem; } }
#our-work #expertise.pulsate .icon-collaboration:before { -webkit-animation: iconPulseAnimation 0.4s 0.4s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 0.4s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 0.4s steps(5, end) 1; animation: iconPulseAnimation 0.4s 0.4s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-risks:before { -webkit-animation: iconPulseAnimation 0.4s 0.8s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 0.8s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 0.8s steps(5, end) 1; animation: iconPulseAnimation 0.4s 0.8s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-physical-digital:before { -webkit-animation: iconPulseAnimation 0.4s 1.2s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 1.2s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 1.2s steps(5, end) 1; animation: iconPulseAnimation 0.4s 1.2s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-agility:before { -webkit-animation: iconPulseAnimation 0.4s 1.6s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 1.6s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 1.6s steps(5, end) 1; animation: iconPulseAnimation 0.4s 1.6s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-skills:before { -webkit-animation: iconPulseAnimation 0.4s 2s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 2s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 2s steps(5, end) 1; animation: iconPulseAnimation 0.4s 2s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-strategy:before { -webkit-animation: iconPulseAnimation 0.4s 2.4s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 2.4s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 2.4s steps(5, end) 1; animation: iconPulseAnimation 0.4s 2.4s steps(5, end) 1; }
@media only screen and (max-width: 700px) { #our-work #expertise li { -webkit-width: 50%; -moz-width: 50%; -ms-width: 50%; width: 50%; position: relative; padding: 3rem 0rem 10rem; }
  #our-work #expertise li:nth-child(odd) { float: left; }
  #our-work #expertise li:nth-child(even) { float: right; } }
#our-work #expertise a { text-align: center; line-height: 3rem; font-size: 1.2rem; text-transform: uppercase; font-family: BrandonRegular; color: #000; }
#our-work #expertise a:before { position: absolute; top: -3rem; left: 0rem; right: 0rem; height: 7rem; line-height: 7rem; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#our-work #expertise a.active { opacity: 1; }
#our-work #expertise a:hover { opacity: 1; }
#our-work #expertise a:hover:before { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
@media only screen and (min-width: 701px) { #our-work #expertise { display: block; position: absolute; left: 0rem; right: 0rem; top: 0rem; bottom: 0rem; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; z-index: 10; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  #our-work #expertise a { position: absolute; display: block; width: 14rem; padding: 7rem 0rem 0rem 0rem; height: 11rem; text-align: center; line-height: 3rem; font-size: 1.2rem; text-transform: uppercase; font-family: BrandonRegular; -webkit-transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, opacity 0.5s ease; -moz-transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, opacity 0.5s ease; transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, opacity 0.5s ease; margin-bottom: -5.5rem; color: #000; opacity: 0.4; }
  #our-work #expertise a.leftSide { margin-left: -7rem; }
  #our-work #expertise a.rightSide { margin-right: -7rem; }
  #our-work #expertise a:before { position: absolute; left: 0rem; right: 0rem; top: 0rem; text-align: center; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; height: 7rem; line-height: 7rem; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; transition: transform 0.5s ease; }
  #our-work #expertise a.active { opacity: 1; }
  #our-work #expertise a:hover { opacity: 1; }
  #our-work #expertise a:hover:before { transform: scale(1.1); } }
#our-work .default { background: url(_/images/hero-our-work.png) 50% 85% no-repeat; }
@media only screen and (min-width: 701px) { #our-work .default .icon-spark { -webkit-bottom: 50%; -moz-bottom: 50%; -ms-bottom: 50%; bottom: 50%; } }
#our-work .default #closeStage { display: none; }
@media only screen and (min-width: 701px) { #our-work .default #expertise a:after { opacity: 1; }
  #our-work .default #expertise a.revealOne { -webkit-left: 25%; -moz-left: 25%; -ms-left: 25%; left: 25%; -webkit-bottom: 80%; -moz-bottom: 80%; -ms-bottom: 80%; bottom: 80%; }
  #our-work .default #expertise a.revealOne:after { -webkit-bottom: -25%; -moz-bottom: -25%; -ms-bottom: -25%; bottom: -25%; right: -12rem; width: 12rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealOne:after { right: -15rem; width: 15rem; -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealTwo { -webkit-left: 15%; -moz-left: 15%; -ms-left: 15%; left: 15%; -webkit-bottom: 55%; -moz-bottom: 55%; -ms-bottom: 55%; bottom: 55%; }
  #our-work .default #expertise a.revealTwo:after { -webkit-bottom: 50%; -moz-bottom: 50%; -ms-bottom: 50%; bottom: 50%; right: -10rem; width: 10rem; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealTwo:after { right: -15rem; width: 15rem; } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealThree { left: 25%; bottom: 30%; }
  #our-work .default #expertise a.revealThree:after { top: -25%; right: -120px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 120px; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealThree:after { right: -150px; transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); width: 150px; } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealFour { right: 25%; bottom: 80%; }
  #our-work .default #expertise a.revealFour:after { bottom: -25%; left: -120px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 120px; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealFour:after { left: -150px; transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); width: 150px; } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealFive { right: 15%; bottom: 55%; }
  #our-work .default #expertise a.revealFive:after { bottom: 50%; width: 100px; left: -100px; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealFive:after { left: -150px; width: 150px; } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealSix { right: 25%; bottom: 30%; }
  #our-work .default #expertise a.revealSix:after { top: -25%; left: -120px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 120px; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealSix:after { left: -150px; -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); width: 150px; } }

#our-work .expand { background: url(_/images/hero-our-work.png) 50% 135% no-repeat; }
@media only screen and (max-width: 700px) { #our-work .expand { position: absolute; -webkit-left: 20%; -moz-left: 20%; -ms-left: 20%; left: 20%; -webkit-right: 20%; -moz-right: 20%; -ms-right: 20%; right: 20%; top: 10rem; } }
#our-work .expand .content-wrapper { z-index: 11; }
#our-work .expand .icon-spark { bottom: 12%; }
#our-work .expand #expertise a:after { opacity: 1; }
#our-work .expand #expertise a.revealOne { left: 8%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealOne { left: 5%; } }
#our-work .expand #expertise a.revealOne:after { bottom: -15px; right: -350px; -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); width: 350px; }
#our-work .expand #expertise a.revealTwo { left: 23%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealTwo { left: 20%; } }
#our-work .expand #expertise a.revealTwo:after { bottom: -10px; right: -200px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); width: 200px; }
#our-work .expand #expertise a.revealThree { left: 38%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealThree { left: 35%; } }
#our-work .expand #expertise a.revealThree:after { bottom: 30px; right: -70px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); width: 100px; }
#our-work .expand #expertise a.revealFour { right: 8%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealFour { right: 5%; } }
#our-work .expand #expertise a.revealFour:after { bottom: -15px; left: -350px; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); width: 350px; }
#our-work .expand #expertise a.revealFive { right: 23%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealFive { right: 20%; } }
#our-work .expand #expertise a.revealFive:after { bottom: -10px; left: -200px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); width: 200px; }
#our-work .expand #expertise a.revealSix { right: 38%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealSix { right: 35%; } }
#our-work .expand #expertise a.revealSix:after { bottom: 30px; left: -70px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); width: 100px; }

#case-studies { padding-top: 12rem; }
@media only screen and (min-width: 768px) { #case-studies { padding-top: 18rem; } }
#case-studies h3 { margin: 5rem 0rem 1rem 0rem; }
#case-studies h3.beta { color: #1b648a; margin: 0rem 0rem 1rem 0rem; }
#case-studies h6 { margin-top: 3rem; }
@media only screen and (min-width: 768px) { #case-studies h6 { margin-top: 4rem; } }
#case-studies .break { margin-top: 3rem; margin-bottom: 2rem; padding-bottom: 6rem; }
#case-studies .line-left, #case-studies .line-right { content: ""; border-bottom: 0.2rem solid #F9F9F9; position: absolute; top: 1.2rem; }
@media only screen and (min-width: 1201px) { #case-studies .line-left, #case-studies .line-right { top: 2.2rem; } }

.caseStudyList .columns, .caseStudyList .get-in-touch .gform_wrapper .gform_fields .gfield, .get-in-touch .gform_wrapper .gform_fields .caseStudyList .gfield { padding-bottom: 6rem; }
@media only screen and (min-width: 768px) { .caseStudyList .columns, .caseStudyList .get-in-touch .gform_wrapper .gform_fields .gfield, .get-in-touch .gform_wrapper .gform_fields .caseStudyList .gfield { padding-top: 3rem; padding-bottom: 3rem; } }
.caseStudyList .columns img, .caseStudyList .get-in-touch .gform_wrapper .gform_fields .gfield img, .get-in-touch .gform_wrapper .gform_fields .caseStudyList .gfield img { max-height: 200px; }
.caseStudyList:hover .button.turq, .caseStudyList:hover input[type="submit"], .caseStudyList:hover footer.global input[type="submit"], footer.global .caseStudyList:hover input[type="submit"], .caseStudyList:hover #nav-below a, #nav-below .caseStudyList:hover a { background: #00676e; }

#clients { position: relative; z-index: 2; }
@media only screen and (max-width: 700px) { #clients li { width: 100%; }
  #clients li :not(:nth-child(1)) { padding-top: 1rem; } }
@media only screen and (min-width: 1024px) { #clients li { padding: 2.5rem; height: 10rem; } }
#clients .featuredClient { position: relative; text-align: center; z-index: 1; border-top: 1px solid #EAEAEA; padding: 2.5rem 0rem; }
#clients .featuredClient:first-child { border-top: none; margin-top: 0; }
@media only screen and (min-width: 1024px) { #clients .featuredClient { border-top: none; margin-top: 0; height: 200%; padding: 0rem; } }
#clients .featuredClient img { position: relative; z-index: 1; }
@media only screen and (min-width: 1024px) { #clients .featuredClient img { position: absolute; left: 25%; bottom: 0; } }
#clients .featuredClient .black-white-logo { opacity: 1; }
#clients .featuredClient .color-logo { display: none; opacity: 0; }
@media only screen and (min-width: 1024px) { #clients .featuredClient .black-white-logo { opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  #clients .featuredClient .color-logo { display: block; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  #clients .featuredClient:hover .color-logo { display: block; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  #clients .featuredClient:hover .black-white-logo { opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } }
@media only screen and (min-width: 1024px) { #clients .featuredClient .testimonial { display: none; text-align: left; padding: 25px 40px; margin: 0; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; position: absolute; z-index: 10; top: 120%; width: 140%; left: -20%; background: #fff; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; transition: top 0.3s ease; -webkit-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); -ms-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); border: 1px solid rgba(185, 185, 185, 0.69); }
  #clients .featuredClient .testimonial:before { content: ""; display: block; width: 20px; height: 20px; background: #fff; position: absolute; left: 50%; top: 0; margin: -10px 0 0 -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; }
  #clients .featuredClient .testimonial:after { content: ""; display: block; width: 20px; height: 20px; background: #B9B9B9; -webkit-box-shadow: -2px -2px 12px -4px rgba(0, 0, 0, 0.19); -moz-box-shadow: -2px -2px 12px -4px rgba(0, 0, 0, 0.19); -ms-box-shadow: -2px -2px 12px -4px rgba(0, 0, 0, 0.19); box-shadow: -2px -2px 12px -4px rgba(0, 0, 0, 0.19); position: absolute; left: 50%; top: -1px; margin: -10px 0 0 -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 0; }
  #clients .featuredClient .testimonial blockquote { position: relative; z-index: 2; display: block; margin: 0 0 18px 0; } }
#clients .featuredClient .testimonial cite { position: relative; display: block; padding: 45px 0 0 0; }
@media only screen and (min-width: 1024px) { #clients .featuredClient .testimonial cite { padding: 0 0 0 35px; } }
#clients .featuredClient .testimonial cite:before { position: absolute; color: #B3D234; font-size: 2rem; left: 50%; width: 50px; text-align: center; margin: 0 0 0 -25px; top: 20px; }
@media only screen and (min-width: 1024px) { #clients .featuredClient .testimonial cite:before { left: 0; top: 2px; margin: 0; width: auto; text-align: left; font-size: 3rem; } }
#clients .featuredClient .testimonial cite:after { content: "\201C"; font-family: BrandonBold; position: absolute; color: #fff; font-size: 2rem; left: 50%; width: 50px; text-align: center; margin: 0 0 0 -25px; top: 15px; }
@media only screen and (min-width: 1024px) { #clients .featuredClient .testimonial cite:after { left: 5px; top: -5px; margin: 0; width: auto; text-align: left; font-size: 3rem; } }

#contentSkills .item { position: absolute; }

#contentControl { position: absolute; bottom: 0rem; -webkit-left: -50%; -moz-left: -50%; -ms-left: -50%; left: -50%; right: 0rem; -webkit-width: 200%; -moz-width: 200%; -ms-width: 200%; width: 200%; }
@media only screen and (max-width: 700px) { #contentControl { top: 45rem; -webkit-left: -25%; -moz-left: -25%; -ms-left: -25%; left: -25%; -webkit-width: 150%; -moz-width: 150%; -ms-width: 150%; width: 150%; } }
#contentControl .item { display: inline-block; margin: 0rem 2rem; }
@media only screen and (max-width: 700px) { #contentControl .item { margin: 0rem; } }
#contentControl p { color: #000; text-transform: uppercase; font-size: 1.2rem; font-family: BryantMedium; cursor: pointer; display: inline-block; width: auto; border: 1px solid transparent; -webkit-border-radius: 1.3rem; -moz-border-radius: 1.3rem; border-radius: 1.3rem; height: 26px; line-height: 26px; margin: 0; padding: 0 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; white-space: nowrap; }
#contentControl p:hover { color: #B3D234; }
#contentControl p.show-border { color: #B3D234; border: 1px solid #B3D234; }

@-webkit-keyframes iconPulseAnimation { 0% { -webkit-transform: scale(1); }
  25% { -webkit-transform: scale(1.25); }
  50% { -webkit-transform: scale(1.5); }
  75% { -webkit-transform: scale(1.25); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes iconPulseAnimation { 0% { -moz-transform: scale(1); }
  25% { -moz-transform: scale(1.25); }
  50% { -moz-transform: scale(1.5); }
  75% { -moz-transform: scale(1.25); }
  100% { -moz-transform: scale(1); } }
@keyframes iconPulseAnimation { 0% { transform: scale(1); }
  25% { transform: scale(1.25); }
  50% { transform: scale(1.5); }
  75% { transform: scale(1.25); }
  100% { transform: scale(1); } }
#get-to-know-us.hero { padding: 12rem 0rem 0rem 0rem; }
@media only screen and (min-width: 768px) { #get-to-know-us.hero { padding: 15rem 0rem 0rem 0rem; } }
#get-to-know-us.hero h1 { margin: 0rem 0rem 4rem 0rem; }
#get-to-know-us.hero .gtku-hero-img-container { position: relative; overflow: hidden; cursor: default; }
#get-to-know-us.hero .gtku-hero-img-container #gtku-hero-img-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
#get-to-know-us.hero .gtku-hero-img-container #gtku-hero-img-overlay.start-animation { -webkit-animation: revealHero 2s 0.5s steps(100, end) 1 forwards; -moz-animation: revealHero 2s 0.5s steps(100, end) 1 forwards; -ms-animation: revealHero 2s 0.5s steps(100, end) 1 forwards; animation: revealHero 2s 0.5s steps(100, end) 1 forwards; }
#get-to-know-us.hero .gtku-hero-img-container #gtku-hero-img { position: relative; display: block; }
#get-to-know-us.hero .gtku-hero-img-container #gtku-hero-img img { min-width: 100%; background-size: cover; }
#get-to-know-us.hero .icon-bus { position: relative; margin: 6rem 0rem 0rem 0rem; padding: 5rem 0rem; border-bottom: 2px solid #EAEAEA; }
#get-to-know-us.hero .icon-bus:before { position: absolute; top: 0; left: 0; right: 0; display: block; width: auto; text-align: center; font-size: 34px; color: #FACA22; }

#gallery { padding: 5rem 0rem; }
#gallery .columns, #gallery .get-in-touch .gform_wrapper .gform_fields .gfield, .get-in-touch .gform_wrapper .gform_fields #gallery .gfield { padding: 0rem 0.8rem; }
@media only screen and (min-width: 768px) { #gallery .first { height: 44rem; }
  #gallery .second { height: 34rem; margin-top: 1.6rem; } }
#gallery .first .itemContainer { height: 21.2rem; }
@media only screen and (min-width: 768px) { #gallery .first .itemContainer { height: 44rem; } }
#gallery .second .itemContainer { height: 21.2rem; }
@media only screen and (min-width: 768px) { #gallery .second .itemContainer { height: 34rem; } }
#gallery .itemContainer { margin-top: 1.6rem; position: relative; overflow: hidden; }
@media only screen and (min-width: 768px) { #gallery .itemContainer { margin-top: 0rem; } }
#gallery .itemContainer.split { height: 21.2rem; }
#gallery .itemContainer.split:first-of-type { margin-bottom: 1.6rem; }
@media (max-width: 768px) { #gallery .itemContainer.active .caption { margin: 0; top: 0; }
  #gallery .itemContainer.active .caption:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } }
@media (min-width: 768px) { #gallery .itemContainer:hover .caption { top: 0; } }
#gallery img { min-width: 100%; min-height: 100%; width: auto; height: auto; }
#gallery .caption { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; left: 0; right: 0; top: 100%; height: 100%; width: 100%; display: block; bottom: 0; background: #FACA22; margin: -40px 0 0 0; }
#gallery .caption:before { position: absolute; content: "\e60c"; color: #fff; right: 10px; top: 10px; font-size: 20px; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; transition: transform 0.3s ease; }
@media (min-width: 768px) { #gallery .caption { margin: 0; }
  #gallery .caption:before { display: none; } }
#gallery .caption p { color: #fff; margin: 0 25%; width: 50%; line-height: 1.5; font-family: BrandonBold; }

#values { padding-top: 0; }
#values .punch { margin: 0rem 0rem 0rem 0rem; padding: 4rem 0rem 0rem 0rem; font-family: BrandonLightItalic; font-weight: 600; border-top: 2px solid #EAEAEA; color: #414042; }
#values h2 { margin: 8rem 0rem 0rem 0rem; padding: 6rem 0rem 0rem 0rem; position: relative; }
#values h2:before { position: absolute; color: #FACA22; left: 0; right: 0; top: 0; text-align: center; font-size: 40px; }
#values #buttonGroup { position: relative; z-index: 5; display: none; }
@media only screen and (min-width: 768px) { #values #buttonGroup { display: block; } }
#values #buttonGroup .beta { color: #0097A1; opacity: 0.4; margin: 0.5rem 0rem; display: inline-block; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
#values #buttonGroup .beta.active { opacity: 1; }
#values #buttonGroup .beta.active:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; }
#values #buttonGroup .beta:before { color: #EC008C; font-size: 20px; margin: 0 10px 0 0; position: relative; top: -5px; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; transition: transform 0.3s ease; }
@media only screen and (min-width: 1024px) { #values #buttonGroup .beta:before { margin: 0 20px 0 0; } }
@media only screen and (min-width: 768px) { #values #buttonGroup, #values #contentGroup { height: 350px; } }
@media only screen and (min-width: 768px) { #values .content { padding: 0rem 0rem 0rem 30rem; display: block; height: 400px; position: absolute; opacity: 0; -webkit-transition: opacity 0.4s ease, left 0.4s ease; -moz-transition: opacity 0.4s ease, left 0.4s ease; transition: opacity 0.4s ease, left 0.4s ease; width: auto; left: 0; right: 2.5rem; z-index: 3; }
  #values .content h4 { display: none; }
  #values .content.active { opacity: 1; z-index: 2; } }
#values .content h4 { margin: 4rem 0rem 1rem 0rem; }
#values .content p { font-size: 1.8rem; margin: 0; }

#imageContainer { display: none; width: 300px; height: 300px; position: absolute; left: 50px; top: 50%; margin: -100px 0 0 -70px; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
@media only screen and (min-width: 768px) { #imageContainer { display: block; }
  #imageContainer #mask { display: block; position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; background: url(_/images/mask-alt.png) no-repeat center center; z-index: 3; margin: -200px 0 0 -200px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
  #imageContainer #mask.OneActive { -webkit-transform: rotate(59deg); -moz-transform: rotate(59deg); -ms-transform: rotate(59deg); transform: rotate(59deg); -webkit-transform-origin: 200px 200px 0; -moz-transform-origin: 200px 200px 0; -ms-transform-origin: 200px 200px 0; transform-origin: 200px 200px 0; }
  #imageContainer #mask.TwoActive { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: 220px 200px 0; -moz-transform-origin: 220px 200px 0; -ms-transform-origin: 220px 200px 0; transform-origin: 220px 200px 0; }
  #imageContainer #mask.ThreeActive { -webkit-transform: rotate(-27deg); -moz-transform: rotate(-27deg); -ms-transform: rotate(-27deg); transform: rotate(-27deg); -webkit-transform-origin: 190px 150px 0; -moz-transform-origin: 190px 150px 0; -ms-transform-origin: 190px 150px 0; transform-origin: 190px 150px 0; }
  #imageContainer #mask.FourActive { -webkit-transform: rotate(-57deg); -moz-transform: rotate(-57deg); -ms-transform: rotate(-57deg); transform: rotate(-57deg); -webkit-transform-origin: 220px 200px 0; -moz-transform-origin: 220px 200px 0; -ms-transform-origin: 220px 200px 0; transform-origin: 220px 200px 0; }
  #imageContainer img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 250px; height: auto; left: 50%; top: 50%; margin: -125px 0 0 -125px; z-index: 1; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border: 2px solid #fff; }
  #imageContainer img.active { opacity: 1; } }

#join-us img { display: inline-block; max-width: 50%; margin: 0rem 0rem 3rem 0rem; }
@media only screen and (min-width: 640px) { #join-us img { max-width: 100%; margin: 0; } }
#join-us .text-turq { font-size: 1.6rem; margin: 2rem 0rem 0rem 0rem; }
@media only screen and (min-width: 768px) { #join-us .text-turq { font-size: 1.8rem; } }
#join-us .openings { display: block; border-top: 2px solid #EAEAEA; border-bottom: 2px solid #EAEAEA; margin: 4rem 0rem 0rem 0rem; padding: 3rem 0rem; }
@media only screen and (min-width: 768px) { #join-us .openings { margin: 6rem 0rem 0rem 0rem; padding: 4rem 0rem; } }
#join-us .openings a { display: block; padding: 3rem 0rem; }
@media only screen and (min-width: 768px) { #join-us .openings a { padding: 4rem 0rem; } }
#join-us .openings a:hover .button, #join-us .openings a:hover input[type="submit"], #join-us .openings a:hover #nav-below a, #nav-below #join-us .openings a:hover a { background: #00676e; color: #fff; }
#join-us .openings p { margin: 2rem 0rem 0rem 0rem; }
#join-us .openings .button, #join-us .openings input[type="submit"], #join-us .openings #nav-below a, #nav-below #join-us .openings a { margin: 2rem 0rem 0rem 0rem; }
#join-us form { padding: 4rem 0rem 0rem 0rem; }
@media only screen and (min-width: 768px) { #join-us form { padding: 6rem 0rem; } }

@-webkit-keyframes revealHero { 0% { -webkit-transform: scale(1.1); }
  100% { -webkit-transform: scale(30); } }
@-moz-keyframes revealHero { 0% { -moz-transform: scale(1.1); }
  100% { -moz-transform: scale(30); } }
@keyframes revealHero { 0% { transform: scale(1.1); }
  100% { transform: scale(30); } }
.single-careers .sidebar h5 { margin: 4rem 0rem 0rem 0rem; }
@media only screen and (min-width: 768px) { .single-careers .sidebar h5 { margin: 2rem 0rem 0rem 0rem; } }
.single-careers .sidebar .at-share-btn { margin-left: 0.5rem; }
@media only screen and (min-width: 768px) { .single-careers .sidebar .at-share-btn { margin-left: 0; } }
.single-careers .sidebar h3 { margin-bottom: 2rem; border-top: 0.2rem solid #EAEAEA; padding: 4rem 0rem 0rem 0rem; }
.single-careers .addthis_sharing_toolbox { height: 3.5rem; margin: 0rem 0rem 3rem 0rem; display: block; }
.single-careers .bg-greyLight { padding: 0rem 2rem 1rem 2rem; margin: 4rem 0rem 0rem 0rem; }
@media only screen and (min-width: 768px) { .single-careers .bg-greyLight { padding: 0rem 4rem 3rem 4rem; } }
.single-careers .bg-greyLight h3 { margin: 0; padding: 3rem 0rem 0rem 0rem; }
.single-careers .bg-greyLight .checklist { padding: 0rem 0rem 2rem 0rem; }
.single-careers .bg-greyLight .checklist li { font-size: 1.4rem; font-family: BrandonLightItalic; color: #000; }
.single-careers .bg-greyLight .checklist li:before { font-size: 12px; top: 5px; }
.single-careers .punch { margin: 4rem 0rem; }
@media only screen and (min-width: 768px) { .single-careers .punch { margin: 4rem 0rem 0rem 0rem; } }

.insight-excerpt { display: block; }
.insight-excerpt .excerpt-imageWrap { position: relative; overflow: hidden; width: 100%; display: block; height: 21.8rem; }
.insight-excerpt .excerpt-imageWrap img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: auto; height: auto; min-width: 100%; min-height: 100%; }
.insight-excerpt .imageWrap { position: relative; padding: 50% 0 0 0; width: 100%; display: block; overflow: hidden; }
.insight-excerpt .imageWrap img { position: absolute; left: 0; top: 0; display: block; width: auto; height: auto; min-height: 100%; min-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.insight-excerpt h3 { margin: 2rem 0rem; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; padding: 0; }
.insight-excerpt .post-details { padding: 2.5rem 7rem 1rem 2.5rem; position: relative; }
.insight-excerpt .date { margin: 0rem 0rem 0.3rem 0rem; padding: 0; }
.insight-excerpt h5 { color: #000; margin: 0; padding: 0; text-transform: uppercase; }
.insight-excerpt .comments-number { position: absolute; font-family: BrandonBold; position: absolute; color: #fff; left: 0; top: 37px; font-size: 1rem; z-index: 10; width: 20px; text-align: center; }
.insight-excerpt .icon-comments { position: absolute; left: 0; top: 35px; color: #B3D234; font-size: 25px; z-index: 9; line-height: 1; }
.insight-excerpt .image-wrapper { width: 5rem; height: 5rem; position: absolute; right: 0; top: 50%; margin: -15px 0 0 0; overflow: hidden; }
.insight-excerpt .image-wrapper img { min-height: 100%; min-width: 100%; height: auto; width: auto; }
.insight-excerpt:hover .imageWrap img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.insight-excerpt:hover .excerpt-imageWrap img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.insight-excerpt:hover h3 { color: #2383B5; }

#insights-hero { padding-top: 15rem; }
#insights-hero input[type="text"] { background: url(_/images/search.png) 0 10px no-repeat; background-size: 21px 21px; padding-left: 30px; }
#insights-hero input[type="submit"] { display: none; }
#insights-hero select { width: 110%; }

#insights-main { position: relative; }
#insights-main .button.turq, #insights-main input[type="submit"], #insights-main footer.global input[type="submit"], footer.global #insights-main input[type="submit"], #insights-main #nav-below a, #nav-below #insights-main a { position: absolute; bottom: -18px; left: 50%; width: 200px; text-align: center; margin: 0 0 0 -100px; }
#insights-main .insight-excerpt { margin-top: 50px; display: block; }
#insights-main .insight-excerpt h2 { margin-bottom: 20px; }
#insights-main .insight-excerpt.featured-post { margin-top: 0; }
#insights-main .insight-excerpt.featured-post .imageWrap { max-height: 360px; }
#insights-main .insight-excerpt.featured-post .v-wrapper { height: 360px; }
#insights-main #infscr-loading { position: relative; margin-top: 4rem; }
#insights-main #infscr-loading img { display: block; margin: 0 auto; }

#insights-get-in-touch .network ul { display: inline-block; margin-top: 1rem; }
#insights-get-in-touch .network ul li { display: inline-block; margin: 0rem 0rem 0rem 2rem; }
#insights-get-in-touch .network ul li:nth-child(1) { margin: 0rem; }

#insights-lead-in-panel { border-top: 0.2rem solid #EAEAEA; float: none; }

#nav-below { z-index: 1; }

#insights-get-in-touch { z-index: 0; }

#insights-panel { padding: 0rem; }
#insights-panel h1, #insights-panel h2, #insights-panel h3, #insights-panel h4, #insights-panel h5, #insights-panel .alpha, #insights-panel .beta, #insights-panel .gamma, #insights-panel .delta, #insights-panel .epsilon { margin: 5rem 0rem 2.6rem; }
#insights-panel ul li, #insights-panel ol li { font-family: BrandonRegularItalic; color: #333; font-size: 1.7rem; }
#insights-panel ul li:before { font-size: 11px; vertical-align: middle; padding-top: 8px; }
#insights-panel ol { list-style-type: decimal; padding-left: 2rem; }
#insights-panel ol li { margin: 0.4rem 0rem; }
#insights-panel .left-panel { position: relative; padding-top: 2rem; padding-bottom: 2rem; }
@media only screen and (min-width: 768px) { #insights-panel .left-panel { position: absolute; max-width: 30rem; -webkit-right: 70%; -moz-right: 70%; -ms-right: 70%; right: 70%; } }
@media only screen and (min-width: 400px) { #insights-panel .left-panel .image-wrapper { margin-bottom: 2rem; } }
@media only screen and (min-width: 768px) { #insights-panel .left-panel .image-wrapper { height: 10rem; width: 10rem; } }
#insights-panel .left-panel .image-wrapper img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#insights-panel .left-panel .author-name, #insights-panel .left-panel .author-title { line-height: 1.8rem; font-size: 1.3rem; }
#insights-panel .left-panel .author-name { font-family: BryantMedium; }
@media only screen and (min-width: 640px) and (max-width: 768px) { #insights-panel .left-panel .author-name { margin-top: 3rem; } }
#insights-panel .left-panel .author-title { font-family: BrandonRegularItalic; text-transform: capitalize; }
#insights-panel .left-panel .author-all-insights { text-transform: capitalize; color: #EC008C; font-size: 1.4rem; margin: 1rem 0rem; }
@media only screen and (min-width: 768px) { #insights-panel .left-panel .author-all-insights { margin: 3rem 0rem; } }
#insights-panel .left-panel .has-border:before { content: ""; position: absolute; -webkit-width: 70%; -moz-width: 70%; -ms-width: 70%; width: 70%; background-color: #EAEAEA; height: 0.2rem; }
@media only screen and (max-width: 400px) { #insights-panel .left-panel .has-border:before { content: ""; position: absolute; -webkit-width: 140%; -moz-width: 140%; -ms-width: 140%; width: 140%; bottom: -2rem; right: 0rem; } }
@media only screen and (min-width: 640px) and (max-width: 767px) { #insights-panel .left-panel .has-border:before { -webkit-top: 5%; -moz-top: 5%; -ms-top: 5%; top: 5%; right: 0; -webkit-height: 90%; -moz-height: 90%; -ms-height: 90%; height: 90%; width: 0.2rem; } }
#insights-panel .left-panel .share-this-post { padding-top: 2rem; }
@media only screen and (min-width: 768px) { #insights-panel .left-panel .share-this-post { padding-top: 3rem; } }
@media only screen and (max-width: 400px) { #insights-panel .left-panel .share-this-post { -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; padding-top: 3rem; }
  #insights-panel .left-panel .share-this-post a { margin: 0rem 0rem 0rem 6rem; }
  #insights-panel .left-panel .share-this-post a:nth-child(1) { margin: 0rem; } }
#insights-panel .left-panel ul { display: inline-block; margin-top: 1rem; }
#insights-panel .left-panel ul li { display: inline-block; margin: 0rem 0rem 0rem 2rem; }
#insights-panel .left-panel ul li:nth-child(1) { margin: 0rem; }
#insights-panel .right-panel { padding-top: 10rem; float: right; }
@media only screen and (min-width: 768px) { #insights-panel .right-panel { padding-top: 18rem; } }
#insights-panel .right-panel .header-row .date { font-size: 1.6rem; line-height: 1.8rem; }
#insights-panel .right-panel .header-row .date a { color: #EC008C; }
#insights-panel .right-panel .header-row .date a:hover { color: #b9006e; }
#insights-panel .right-panel .header-row .divide { line-height: 5.3rem; }
#insights-panel .right-panel .header-row .border-top { margin: 2.5rem -2.5rem 3rem; }
#insights-panel .right-panel .blog-main-image .columns, #insights-panel .right-panel .blog-main-image .get-in-touch .gform_wrapper .gform_fields .gfield, .get-in-touch .gform_wrapper .gform_fields #insights-panel .right-panel .blog-main-image .gfield { padding: 0rem 2.5rem 2.5rem; }
#insights-panel .right-panel .blog-content p { margin-top: 2rem; font-size: 1.8rem; color: #333333; }
#insights-panel .right-panel .blog-content p b { display: inline-block; margin-top: 1.5rem; font-family: BryantRegular; font-size: 2.6rem; line-height: 3rem; color: black; }
#insights-panel .right-panel .blog-blockquote { padding: 4rem 3rem 1rem; }
#insights-panel .right-panel .blog-blockquote p { font-family: BrandonRegularItalic; margin: 0rem 0rem 0.2rem 0rem; font-size: 2.3rem; color: #414042; }
@media only screen and (min-width: 1024px) { #insights-panel .right-panel .blog-blockquote p { margin: 0rem 0rem 2.2rem 0rem; } }
#insights-panel .right-panel .blog-blockquote.icon-blockquote:before { color: #CCCCCC; font-size: 2.2rem; display: block; margin: 0rem 0rem 1rem 0rem; }
#insights-panel .blog-comments .border-top { margin: 1rem 2.5rem 0rem; }
#insights-panel .blog-comments p { padding: 20px 0; }
#insights-panel .blog-comments .icon-comments { margin: 0rem 0rem 0rem -1.3rem; }
#insights-panel .blog-comments .icon-comments:before { position: relative; color: #B3D234; font-size: 2.5rem; z-index: 9; line-height: 1.5; margin: 1rem 1.3rem 0rem 0rem; vertical-align: middle; }
#insights-panel .blog-comments .comments-number { position: absolute; font-family: BrandonBold; color: #fff; left: 0rem; top: 0.5rem; width: 2rem; font-size: 1rem; z-index: 10; text-align: center; }
#insights-panel .blog-comments #disqus-show { position: absolute; font-size: 1.4rem; font-family: BrandonRegular; color: black; top: 0.5rem; left: 4rem; }
#insights-panel .blog-comments #disqus-show span { color: #EC008C; }
#insights-panel .blog-comments #disqus-show:hover span { color: #b9006e; }
#insights-panel .blog-comments #disqus_thread { padding-top: 2rem; }
#insights-panel .next-blog { position: relative; padding-top: 5rem; -webkit-max-height: 100%; -moz-max-height: 100%; -ms-max-height: 100%; max-height: 100%; overflow: hidden; }
@media only screen and (min-width: 640px) { #insights-panel .next-blog { padding-bottom: 0rem; padding-top: 10rem; max-height: 30rem; } }
#insights-panel .next-blog .next-blog-image { float: left; }
@media only screen and (max-width: 767px) { #insights-panel .next-blog .next-blog-image { height: 20rem; display: block; overflow: hidden; }
  #insights-panel .next-blog .next-blog-image img { width: auto; height: auto; min-width: 100%; min-height: 100%; } }
#insights-panel .next-blog img { -webkit-min-width: 100%; -moz-min-width: 100%; -ms-min-width: 100%; min-width: 100%; }
#insights-panel .next-blog .next-blog-title h3 { padding-top: 5rem; padding-bottom: 5rem; }
@media only screen and (min-width: 640px) { #insights-panel .next-blog .next-blog-title { float: right; } }

.author-archives h2, .category-archives h2 { padding-bottom: 2rem; padding-top: 2rem; }
@media only screen and (min-width: 768px) { .author-archives h2, .category-archives h2 { padding-bottom: 5rem; padding-top: 5rem; } }
.author-archives h2 span, .category-archives h2 span { font-family: BryantRegular; }
.author-archives li, .category-archives li { padding-bottom: 5rem; }

.category-archives li { padding-bottom: 5rem; }

#contact.hero { padding-top: 15rem; }
@media only screen and (min-width: 768px) { #contact.hero { padding-top: 20rem; } }
#contact.hero .hero-text { text-align: center; }
@media only screen and (min-width: 768px) { #contact.hero .hero-text { text-align: left; } }
#contact.hero h3 { margin: 20px 0 30px 0; }
#contact.hero hr { margin: 50px 25%; width: 50%; }
#contact.hero h5 { text-transform: uppercase; font-size: 1.4rem; margin: 15px 0 0 0; font-family: BrandonBold; }
#contact.hero .icon-wedge-down-split.small { position: absolute; right: 200px; bottom: 20px; transform: rotate(45deg); color: #CECECE; z-index: -1; }
#contact.hero .icon-wedge-down-split.large { position: absolute; font-size: 35px; right: 125px; bottom: 85px; transform: rotate(135deg); color: #e8e8e8; z-index: -1; }
#contact.hero .icon-box { position: absolute; font-size: 32px; right: 50px; bottom: 25px; color: #DDECEE; z-index: -1; }
#contact.hero .address-and-social { margin-top: 6rem; text-align: center; }
@media only screen and (min-width: 640px) { #contact.hero .address-and-social { text-align: left; } }
#contact.hero .address-and-social ul { display: inline-block; }
#contact.hero .address-and-social ul li { display: inline-block; margin: 0 0 0 20px; }
@media only screen and (max-width: 344px) { #contact.hero .address-and-social ul li { margin: 0 20px 0 0; } }
#contact.hero .address-and-social ul li:nth-child(1) { margin: 0; }
#contact.hero .address-and-social .map-container { padding-top: 2rem; }
@media only screen and (min-width: 640px) { #contact.hero .address-and-social .map-container { padding-top: 0rem; } }
#contact.hero form { margin-top: 6rem; }
@media only screen and (min-width: 768px) { #contact.hero form { margin-top: 0rem; } }
#contact.hero form .form-title, #contact.hero form .form-toggle-text { text-align: center; }
@media only screen and (min-width: 640px) { #contact.hero form .form-title { text-align: left; }
  #contact.hero form .form-toggle-text { text-align: right; }
  #contact.hero form .form-toggle-text p { margin: 0; } }
#contact.hero form .form-wrapper { padding-top: 2rem; padding-bottom: 8rem; }
@media only screen and (min-width: 768px) { #contact.hero form .form-wrapper { padding-bottom: 5rem; } }

#forms { padding: 0; }
#forms form { padding: 90px 0; }
#forms p, #forms h6 { margin: 0; }

.get-in-touch { padding: 5rem 0rem; position: relative; border-top: 1px solid #EAEAEA; }
.get-in-touch .large-text-left, .get-in-touch .medium-text-left, .get-in-touch .small-text-center { margin: 3rem 0rem 0rem; }
.get-in-touch #name, .get-in-touch #email, .get-in-touch .submit-btn { margin: 0 0 40px 0; display: inline; }
.get-in-touch #name:focus, .get-in-touch #email:focus { outline: 0; }
.get-in-touch input[type="submit"] { min-width: 160px; }
.get-in-touch .gform_wrapper { margin: 0rem; }
.get-in-touch .gform_wrapper .gform_fields .gfield { clear: none; }
.get-in-touch .gform_wrapper .gform_fields .gfield:nth-child(1), .get-in-touch .gform_wrapper .gform_fields .gfield:nth-child(2) { -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; padding: 0rem; }
.get-in-touch .gform_wrapper form div.validation_error { text-align: center; font-size: 1.2rem; -webkit-font-weight: 300; -moz-font-weight: 300; -ms-font-weight: 300; font-weight: 300; margin-top: 3rem; margin-bottom: 0rem; color: #7C004A; }

.page-template-page-contact-php footer.global { display: none; }

.our-work-landing, .post-type-archive-our-work, .single-case-study { height: 100%; height: 600px; }

#our-work-text .punch-ital, #case-studies .punch-ital { color: #414042; margin: 0rem; padding: 0rem 0rem 2rem 0rem; }
@media only screen and (min-width: 768px) { #our-work-text .punch-ital, #case-studies .punch-ital { margin: 0rem; padding: 0rem 0rem 3rem 0rem; } }
#our-work-text .punch-ital:before, #case-studies .punch-ital:before { position: absolute; left: 0; right: 0; bottom: -3rem; text-align: center; color: #EC008C; font-size: 1.2rem; }
@media only screen and (min-width: 768px) { #our-work-text .punch-ital:before, #case-studies .punch-ital:before { top: 11rem; } }

#our-work-text { padding: 6rem 0rem; }

@media only screen and (max-width: 700px) { #our-work { height: 68rem; overflow: hidden; } }
#our-work h2 { position: relative; padding: 8rem 0rem 0rem 0rem; }
#our-work h2:before { position: absolute; left: 0rem; right: 0rem; top: 0rem; text-align: center; }
#our-work .icon-collaboration:before { font-size: 5rem; color: #F7941E; }
#our-work .icon-risks:before { font-size: 5.5rem; color: #414042; }
#our-work .icon-physical-digital:before { font-size: 5rem; color: #A2C0DD; }
#our-work .icon-agility:before { font-size: 6rem; color: #2383B5; }
#our-work .icon-skills:before { font-size: 5rem; color: #B3D234; }
#our-work .icon-strategy:before { font-size: 5rem; color: #1AA1AA; }
@media only screen and (min-width: 701px) { #our-work { -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; min-height: 60rem; overflow: hidden; }
  #our-work .row.text-center, #our-work .get-in-touch .gform_wrapper .text-center.gform_fields, .get-in-touch .gform_wrapper #our-work .text-center.gform_fields, #our-work .row.text-center > .columns, #our-work .get-in-touch .gform_wrapper .text-center.gform_fields > .columns, .get-in-touch .gform_wrapper #our-work .text-center.gform_fields > .columns, #our-work .get-in-touch .gform_wrapper .gform_fields .row.text-center > .gfield, .get-in-touch .gform_wrapper .gform_fields #our-work .row.text-center > .gfield, #our-work .get-in-touch .gform_wrapper .text-center.gform_fields > .gfield, .get-in-touch .gform_wrapper #our-work .text-center.gform_fields > .gfield, #our-work #ourWorkStage { -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; min-height: 60rem; position: absolute; left: 0rem; right: 0rem; top: 0rem; bottom: 0rem; } }
#our-work #ourWorkStage { -webkit-transition: background-position 0.3s ease; -moz-transition: background-position 0.3s ease; transition: background-position 0.3s ease; }
#our-work #closeStage { width: 4.6rem; height: 4.6rem; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; border-radius: 0.3rem; text-align: center; line-height: 4.8rem; color: #0097A1; font-size: 1.4rem; position: absolute; right: 2.5rem; top: 1rem; z-index: 11; }
#our-work #closeStage:hover { background: #0097A1; color: #fff; border-color: #0097A1; }
@media only screen and (max-width: 700px) { #our-work #closeStage { right: -5rem; top: -6rem; } }
@media only screen and (max-width: 700px) { #our-work .content-wrapper .content { display: none; } }
@media only screen and (min-width: 701px) { #our-work .content-wrapper { display: block; position: absolute; left: 0rem; right: 0rem; top: 6rem; -webkit-bottom: 25%; -moz-bottom: 25%; -ms-bottom: 25%; bottom: 25%; z-index: 9; }
  #our-work .content-wrapper > .row, #our-work .get-in-touch .gform_wrapper .content-wrapper > .gform_fields, .get-in-touch .gform_wrapper #our-work .content-wrapper > .gform_fields, #our-work .content-wrapper > .row > .columns, #our-work .get-in-touch .gform_wrapper .content-wrapper > .gform_fields > .columns, .get-in-touch .gform_wrapper #our-work .content-wrapper > .gform_fields > .columns, #our-work .get-in-touch .gform_wrapper .gform_fields .content-wrapper > .row > .gfield, .get-in-touch .gform_wrapper .gform_fields #our-work .content-wrapper > .row > .gfield, #our-work .get-in-touch .gform_wrapper .content-wrapper > .gform_fields > .gfield, .get-in-touch .gform_wrapper #our-work .content-wrapper > .gform_fields > .gfield { -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; }
  #our-work .content-wrapper .content { position: absolute; -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; left: 0rem; right: 0rem; top: 0rem; bottom: 0rem; display: none; } }
#our-work .icon-spark { color: #FACA22; height: 10rem; width: 10rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; line-height: 13rem; text-align: center; font-size: 7.8rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; z-index: 11; }
@media only screen and (min-width: 701px) { #our-work .icon-spark { position: absolute; -webkit-left: 50%; -moz-left: 50%; -ms-left: 50%; left: 50%; margin: 0rem 0rem -5rem -5rem; } }
#our-work #expertise.pulsate .icon-collaboration:before { -webkit-animation: iconPulseAnimation 0.4s 0.4s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 0.4s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 0.4s steps(5, end) 1; animation: iconPulseAnimation 0.4s 0.4s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-risks:before { -webkit-animation: iconPulseAnimation 0.4s 0.8s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 0.8s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 0.8s steps(5, end) 1; animation: iconPulseAnimation 0.4s 0.8s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-physical-digital:before { -webkit-animation: iconPulseAnimation 0.4s 1.2s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 1.2s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 1.2s steps(5, end) 1; animation: iconPulseAnimation 0.4s 1.2s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-agility:before { -webkit-animation: iconPulseAnimation 0.4s 1.6s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 1.6s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 1.6s steps(5, end) 1; animation: iconPulseAnimation 0.4s 1.6s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-skills:before { -webkit-animation: iconPulseAnimation 0.4s 2s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 2s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 2s steps(5, end) 1; animation: iconPulseAnimation 0.4s 2s steps(5, end) 1; }
#our-work #expertise.pulsate .icon-strategy:before { -webkit-animation: iconPulseAnimation 0.4s 2.4s steps(5, end) 1; -moz-animation: iconPulseAnimation 0.4s 2.4s steps(5, end) 1; -ms-animation: iconPulseAnimation 0.4s 2.4s steps(5, end) 1; animation: iconPulseAnimation 0.4s 2.4s steps(5, end) 1; }
@media only screen and (max-width: 700px) { #our-work #expertise li { -webkit-width: 50%; -moz-width: 50%; -ms-width: 50%; width: 50%; position: relative; padding: 3rem 0rem 10rem; }
  #our-work #expertise li:nth-child(odd) { float: left; }
  #our-work #expertise li:nth-child(even) { float: right; } }
#our-work #expertise a { text-align: center; line-height: 3rem; font-size: 1.2rem; text-transform: uppercase; font-family: BrandonRegular; color: #000; }
#our-work #expertise a:before { position: absolute; top: -3rem; left: 0rem; right: 0rem; height: 7rem; line-height: 7rem; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#our-work #expertise a.active { opacity: 1; }
#our-work #expertise a:hover { opacity: 1; }
#our-work #expertise a:hover:before { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
@media only screen and (min-width: 701px) { #our-work #expertise { display: block; position: absolute; left: 0rem; right: 0rem; top: 0rem; bottom: 0rem; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; -webkit-height: 100%; -moz-height: 100%; -ms-height: 100%; height: 100%; z-index: 10; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  #our-work #expertise a { position: absolute; display: block; width: 14rem; padding: 7rem 0rem 0rem 0rem; height: 11rem; text-align: center; line-height: 3rem; font-size: 1.2rem; text-transform: uppercase; font-family: BrandonRegular; -webkit-transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, opacity 0.5s ease; -moz-transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, opacity 0.5s ease; transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, opacity 0.5s ease; margin-bottom: -5.5rem; color: #000; opacity: 0.4; }
  #our-work #expertise a.leftSide { margin-left: -7rem; }
  #our-work #expertise a.rightSide { margin-right: -7rem; }
  #our-work #expertise a:before { position: absolute; left: 0rem; right: 0rem; top: 0rem; text-align: center; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; width: 100%; height: 7rem; line-height: 7rem; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; transition: transform 0.5s ease; }
  #our-work #expertise a.active { opacity: 1; }
  #our-work #expertise a:hover { opacity: 1; }
  #our-work #expertise a:hover:before { transform: scale(1.1); } }
#our-work .default { background: url(_/images/hero-our-work.png) 50% 85% no-repeat; }
@media only screen and (min-width: 701px) { #our-work .default .icon-spark { -webkit-bottom: 50%; -moz-bottom: 50%; -ms-bottom: 50%; bottom: 50%; } }
#our-work .default #closeStage { display: none; }
@media only screen and (min-width: 701px) { #our-work .default #expertise a:after { opacity: 1; }
  #our-work .default #expertise a.revealOne { -webkit-left: 25%; -moz-left: 25%; -ms-left: 25%; left: 25%; -webkit-bottom: 80%; -moz-bottom: 80%; -ms-bottom: 80%; bottom: 80%; }
  #our-work .default #expertise a.revealOne:after { -webkit-bottom: -25%; -moz-bottom: -25%; -ms-bottom: -25%; bottom: -25%; right: -12rem; width: 12rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealOne:after { right: -15rem; width: 15rem; -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealTwo { -webkit-left: 15%; -moz-left: 15%; -ms-left: 15%; left: 15%; -webkit-bottom: 55%; -moz-bottom: 55%; -ms-bottom: 55%; bottom: 55%; }
  #our-work .default #expertise a.revealTwo:after { -webkit-bottom: 50%; -moz-bottom: 50%; -ms-bottom: 50%; bottom: 50%; right: -10rem; width: 10rem; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealTwo:after { right: -15rem; width: 15rem; } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealThree { left: 25%; bottom: 30%; }
  #our-work .default #expertise a.revealThree:after { top: -25%; right: -120px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 120px; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealThree:after { right: -150px; transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); width: 150px; } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealFour { right: 25%; bottom: 80%; }
  #our-work .default #expertise a.revealFour:after { bottom: -25%; left: -120px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 120px; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealFour:after { left: -150px; transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); width: 150px; } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealFive { right: 15%; bottom: 55%; }
  #our-work .default #expertise a.revealFive:after { bottom: 50%; width: 100px; left: -100px; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealFive:after { left: -150px; width: 150px; } }
@media only screen and (min-width: 701px) { #our-work .default #expertise a.revealSix { right: 25%; bottom: 30%; }
  #our-work .default #expertise a.revealSix:after { top: -25%; left: -120px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 120px; } }
@media only screen and (min-width: 701px) and (min-width: 1024px) { #our-work .default #expertise a.revealSix:after { left: -150px; -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); width: 150px; } }

#our-work .expand { background: url(_/images/hero-our-work.png) 50% 135% no-repeat; }
@media only screen and (max-width: 700px) { #our-work .expand { position: absolute; -webkit-left: 20%; -moz-left: 20%; -ms-left: 20%; left: 20%; -webkit-right: 20%; -moz-right: 20%; -ms-right: 20%; right: 20%; top: 10rem; } }
#our-work .expand .content-wrapper { z-index: 11; }
#our-work .expand .icon-spark { bottom: 12%; }
#our-work .expand #expertise a:after { opacity: 1; }
#our-work .expand #expertise a.revealOne { left: 8%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealOne { left: 5%; } }
#our-work .expand #expertise a.revealOne:after { bottom: -15px; right: -350px; -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); width: 350px; }
#our-work .expand #expertise a.revealTwo { left: 23%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealTwo { left: 20%; } }
#our-work .expand #expertise a.revealTwo:after { bottom: -10px; right: -200px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); width: 200px; }
#our-work .expand #expertise a.revealThree { left: 38%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealThree { left: 35%; } }
#our-work .expand #expertise a.revealThree:after { bottom: 30px; right: -70px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); width: 100px; }
#our-work .expand #expertise a.revealFour { right: 8%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealFour { right: 5%; } }
#our-work .expand #expertise a.revealFour:after { bottom: -15px; left: -350px; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); width: 350px; }
#our-work .expand #expertise a.revealFive { right: 23%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealFive { right: 20%; } }
#our-work .expand #expertise a.revealFive:after { bottom: -10px; left: -200px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); width: 200px; }
#our-work .expand #expertise a.revealSix { right: 38%; bottom: 15%; }
@media only screen and (min-width: 1201px) { #our-work .expand #expertise a.revealSix { right: 35%; } }
#our-work .expand #expertise a.revealSix:after { bottom: 30px; left: -70px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); width: 100px; }

#case-studies { padding-top: 12rem; }
@media only screen and (min-width: 768px) { #case-studies { padding-top: 18rem; } }
#case-studies h3 { margin: 5rem 0rem 1rem 0rem; }
#case-studies h3.beta { color: #1b648a; margin: 0rem 0rem 1rem 0rem; }
#case-studies h6 { margin-top: 3rem; }
@media only screen and (min-width: 768px) { #case-studies h6 { margin-top: 4rem; } }
#case-studies .break { margin-top: 3rem; margin-bottom: 2rem; padding-bottom: 6rem; }
#case-studies .line-left, #case-studies .line-right { content: ""; border-bottom: 0.2rem solid #F9F9F9; position: absolute; top: 1.2rem; }
@media only screen and (min-width: 1201px) { #case-studies .line-left, #case-studies .line-right { top: 2.2rem; } }

.caseStudyList .columns, .caseStudyList .get-in-touch .gform_wrapper .gform_fields .gfield, .get-in-touch .gform_wrapper .gform_fields .caseStudyList .gfield { padding-bottom: 6rem; }
@media only screen and (min-width: 768px) { .caseStudyList .columns, .caseStudyList .get-in-touch .gform_wrapper .gform_fields .gfield, .get-in-touch .gform_wrapper .gform_fields .caseStudyList .gfield { padding-top: 3rem; padding-bottom: 3rem; } }
.caseStudyList .columns img, .caseStudyList .get-in-touch .gform_wrapper .gform_fields .gfield img, .get-in-touch .gform_wrapper .gform_fields .caseStudyList .gfield img { max-height: 200px; }
.caseStudyList:hover .button.turq, .caseStudyList:hover input[type="submit"], .caseStudyList:hover footer.global input[type="submit"], footer.global .caseStudyList:hover input[type="submit"], .caseStudyList:hover #nav-below a, #nav-below .caseStudyList:hover a { background: #00676e; }

#clients { position: relative; z-index: 2; }
@media only screen and (max-width: 700px) { #clients li { width: 100%; }
  #clients li :not(:nth-child(1)) { padding-top: 1rem; } }
@media only screen and (min-width: 1024px) { #clients li { padding: 2.5rem; height: 10rem; } }
#clients .featuredClient { position: relative; text-align: center; z-index: 1; border-top: 1px solid #EAEAEA; padding: 2.5rem 0rem; }
#clients .featuredClient:first-child { border-top: none; margin-top: 0; }
@media only screen and (min-width: 1024px) { #clients .featuredClient { border-top: none; margin-top: 0; height: 200%; padding: 0rem; } }
#clients .featuredClient img { position: relative; z-index: 1; }
@media only screen and (min-width: 1024px) { #clients .featuredClient img { position: absolute; left: 25%; bottom: 0; } }
#clients .featuredClient .black-white-logo { opacity: 1; }
#clients .featuredClient .color-logo { display: none; opacity: 0; }
@media only screen and (min-width: 1024px) { #clients .featuredClient .black-white-logo { opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  #clients .featuredClient .color-logo { display: block; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  #clients .featuredClient:hover .color-logo { display: block; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  #clients .featuredClient:hover .black-white-logo { opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } }
@media only screen and (min-width: 1024px) { #clients .featuredClient .testimonial { display: none; text-align: left; padding: 25px 40px; margin: 0; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; position: absolute; z-index: 10; top: 120%; width: 140%; left: -20%; background: #fff; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; transition: top 0.3s ease; -webkit-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); -ms-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); border: 1px solid rgba(185, 185, 185, 0.69); }
  #clients .featuredClient .testimonial:before { content: ""; display: block; width: 20px; height: 20px; background: #fff; position: absolute; left: 50%; top: 0; margin: -10px 0 0 -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; }
  #clients .featuredClient .testimonial:after { content: ""; display: block; width: 20px; height: 20px; background: #B9B9B9; -webkit-box-shadow: -2px -2px 12px -4px rgba(0, 0, 0, 0.19); -moz-box-shadow: -2px -2px 12px -4px rgba(0, 0, 0, 0.19); -ms-box-shadow: -2px -2px 12px -4px rgba(0, 0, 0, 0.19); box-shadow: -2px -2px 12px -4px rgba(0, 0, 0, 0.19); position: absolute; left: 50%; top: -1px; margin: -10px 0 0 -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 0; }
  #clients .featuredClient .testimonial blockquote { position: relative; z-index: 2; display: block; margin: 0 0 18px 0; } }
#clients .featuredClient .testimonial cite { position: relative; display: block; padding: 45px 0 0 0; }
@media only screen and (min-width: 1024px) { #clients .featuredClient .testimonial cite { padding: 0 0 0 35px; } }
#clients .featuredClient .testimonial cite:before { position: absolute; color: #B3D234; font-size: 2rem; left: 50%; width: 50px; text-align: center; margin: 0 0 0 -25px; top: 20px; }
@media only screen and (min-width: 1024px) { #clients .featuredClient .testimonial cite:before { left: 0; top: 2px; margin: 0; width: auto; text-align: left; font-size: 3rem; } }
#clients .featuredClient .testimonial cite:after { content: "\201C"; font-family: BrandonBold; position: absolute; color: #fff; font-size: 2rem; left: 50%; width: 50px; text-align: center; margin: 0 0 0 -25px; top: 15px; }
@media only screen and (min-width: 1024px) { #clients .featuredClient .testimonial cite:after { left: 5px; top: -5px; margin: 0; width: auto; text-align: left; font-size: 3rem; } }

#contentSkills .item { position: absolute; }

#contentControl { position: absolute; bottom: 0rem; -webkit-left: -50%; -moz-left: -50%; -ms-left: -50%; left: -50%; right: 0rem; -webkit-width: 200%; -moz-width: 200%; -ms-width: 200%; width: 200%; }
@media only screen and (max-width: 700px) { #contentControl { top: 45rem; -webkit-left: -25%; -moz-left: -25%; -ms-left: -25%; left: -25%; -webkit-width: 150%; -moz-width: 150%; -ms-width: 150%; width: 150%; } }
#contentControl .item { display: inline-block; margin: 0rem 2rem; }
@media only screen and (max-width: 700px) { #contentControl .item { margin: 0rem; } }
#contentControl p { color: #000; text-transform: uppercase; font-size: 1.2rem; font-family: BryantMedium; cursor: pointer; display: inline-block; width: auto; border: 1px solid transparent; -webkit-border-radius: 1.3rem; -moz-border-radius: 1.3rem; border-radius: 1.3rem; height: 26px; line-height: 26px; margin: 0; padding: 0 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; white-space: nowrap; }
#contentControl p:hover { color: #B3D234; }
#contentControl p.show-border { color: #B3D234; border: 1px solid #B3D234; }

@-webkit-keyframes iconPulseAnimation { 0% { -webkit-transform: scale(1); }
  25% { -webkit-transform: scale(1.25); }
  50% { -webkit-transform: scale(1.5); }
  75% { -webkit-transform: scale(1.25); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes iconPulseAnimation { 0% { -moz-transform: scale(1); }
  25% { -moz-transform: scale(1.25); }
  50% { -moz-transform: scale(1.5); }
  75% { -moz-transform: scale(1.25); }
  100% { -moz-transform: scale(1); } }
@keyframes iconPulseAnimation { 0% { transform: scale(1); }
  25% { transform: scale(1.25); }
  50% { transform: scale(1.5); }
  75% { transform: scale(1.25); }
  100% { transform: scale(1); } }
.single-case-study .EDGE-171920157 { background: none; background-color: transparent !important; margin-left: -2rem; }
.single-case-study .EDGE-171920157 .marketing-mix-label { font-family: BrandonRegular !important; font-size: 13px !important; }
.single-case-study .hide { overflow: hidden; }
.single-case-study .video-preview { position: relative; display: inline-block; }
.single-case-study .icon-play-arrow { position: absolute; margin: -4.5rem 0rem 0rem -4.5rem; top: 50%; left: 50%; z-index: 2; }
.single-case-study .icon-play-arrow:before { color: white; border: 0.1rem solid white; background-color: rgba(223, 223, 223, 0.5); }
.single-case-study .icon-play-arrow:hover:before { border: 0.1rem solid white; background-color: rgba(223, 223, 223, 0.8); }
.single-case-study .stats-grid .zeta.black { text-align: center; }
.single-case-study h3, .single-case-study .gamma { line-height: 1.2; }
.single-case-study p { color: #333333; line-height: 1.8; }
.single-case-study p.punch-ital, .single-case-study p.punch, .single-case-study #our-work #ourWorkStage .v-wrapper p, #our-work #ourWorkStage .v-wrapper .single-case-study p, .single-case-study #our-work #ourWorkStage #contentSkills p, #our-work #ourWorkStage #contentSkills .single-case-study p { line-height: 1.4; }
.single-case-study p.study-stat { font-family: BrandonBlack; color: #D5357E; font-size: 4rem; text-transform: uppercase; margin: 0; line-height: 1; }
@media only screen and (min-width: 768px) { .single-case-study p.study-stat { font-size: 6.65rem; } }
.single-case-study p.study-stat.small { font-size: 4.4rem; }
@media only screen and (min-width: 768px) { .single-case-study p.study-stat.small { font-size: 5.2rem; } }
.single-case-study p.study-stat.tiny { font-size: 2.8rem; text-transform: none; }
@media only screen and (min-width: 1024px) { .single-case-study p.study-stat.tiny { font-size: 3.9rem; } }
@media only screen and (min-width: 768px) { .single-case-study p span.small { position: absolute; font-size: 4.2rem; right: 22rem; top: 2rem; } }
.single-case-study blockquote { font-family: BrandonRegularItalic; margin: 0rem 0rem 0.2rem 0rem; color: #414042; }
@media only screen and (min-width: 1024px) { .single-case-study blockquote { margin: 0rem 0rem 2.2rem 0rem; } }
.single-case-study cite { position: relative; display: inline-block; float: right; padding: 45px 0 0 0; color: #B9B9B9; }
.single-case-study cite .epsilon { font-size: 1.3rem; }
@media only screen and (min-width: 1024px) { .single-case-study cite { padding: 0 0 0 35px; } }
@media only screen and (min-width: 768px) { .single-case-study cite { display: block; float: none; } }
.single-case-study cite:before { position: absolute; color: #B3D234; font-size: 2rem; left: 0; margin: 0; width: 50px; top: 20px; text-align: left; }
@media only screen and (min-width: 1024px) { .single-case-study cite:before { top: 0; width: auto; font-size: 3rem; } }
.single-case-study cite:after { content: "\201C"; font-family: BrandonBold; position: absolute; color: #fff; font-size: 2rem; left: 3px; width: 50px; text-align: left; margin: 0; top: 18px; }
@media only screen and (min-width: 1024px) { .single-case-study cite:after { left: 5px; top: -3px; width: auto; font-size: 3rem; } }
.single-case-study .icon-blockquote:before { color: #CCCCCC; font-size: 2.2rem; display: block; margin: 0rem 0rem 1rem 0rem; }
.single-case-study ul.checklist { margin-top: 2.6rem; }
.single-case-study ul.checklist li { color: #333333; margin: 0.8rem 0rem; padding: 0; }
.single-case-study ul.checklist li:before { display: block; position: relative; padding: 1.6rem 0rem 0.4rem; margin-top: -0.8rem; }
@media only screen and (min-width: 768px) { .single-case-study ul.checklist li { font-size: 1.8rem; margin: 1.4rem 0rem; } }
@media only screen and (min-width: 640px) { .single-case-study ul.checklist li { padding: 0rem 0rem 0rem 5rem; }
  .single-case-study ul.checklist li:before { position: absolute; top: 50%; margin-top: -0.8rem; padding: 0; } }
@media only screen and (min-width: 640px) { .single-case-study ul.checklist { margin-top: 4.6rem; } }
.single-case-study .hero { padding: 12rem 0rem 5rem 0rem; }
@media only screen and (min-width: 768px) { .single-case-study .hero { padding: 18rem 0rem 6rem 0rem; } }
.single-case-study .hero h6, .single-case-study .hero .zeta { margin: 0rem 0rem 2.6rem 0rem; }
.single-case-study .hero .punch-ital { margin: 1.8rem 0rem 0rem 0rem; }
.single-case-study .hero .punch-ital.sub { margin: 0.8rem 0rem 0rem 0rem; color: #EC008C; }

#case-studies-navigation { padding: 5rem 0rem; }
#case-studies-navigation .bg-yellow { width: 10rem; text-align: center; margin-bottom: 2rem; }
#case-studies-navigation .previous-case-study .icon-arrow-down:before, #case-studies-navigation .next-case-study .icon-arrow-down:before { position: absolute; top: 7rem; font-size: 1.2rem; color: #EC008C; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#case-studies-navigation .previous-case-study:hover .icon-arrow-down:before, #case-studies-navigation .next-case-study:hover .icon-arrow-down:before { color: #b9006e; }
#case-studies-navigation .previous-case-study .icon-arrow-down:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: 0rem; }
@media only screen and (min-width: 640px) { #case-studies-navigation .previous-case-study:hover .icon-arrow-down:before { left: -1rem; } }
#case-studies-navigation .next-case-study .icon-arrow-down:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); right: 0rem; }
@media only screen and (min-width: 640px) { #case-studies-navigation .next-case-study:hover .icon-arrow-down:before { right: -1rem; } }

#mr-men-fold { padding: 0rem 0rem 4rem 0rem; }
#mr-men-fold .mr-men-hero-testimonial { margin-top: 2rem; }
@media only screen and (min-width: 768px) { #mr-men-fold { padding: 4rem 0rem 0rem; }
  #mr-men-fold .mr-men-hero-testimonial { bottom: 11rem; margin: 0; } }
#mr-men-fold .zeta { position: absolute; margin: 0rem; right: 7rem; }
#mr-men-fold #mr-men-images.animate .mr-men-group3 { -webkit-animation: fade-in 0.5s forwards ease; -moz-animation: fade-in 0.5s forwards ease; -ms-animation: fade-in 0.5s forwards ease; animation: fade-in 0.5s forwards ease; }
#mr-men-fold #mr-men-images.animate .mr-men-group2 { -webkit-animation: fade-in 0.5s 0.5s forwards ease; -moz-animation: fade-in 0.5s 0.5s forwards ease; -ms-animation: fade-in 0.5s 0.5s forwards ease; animation: fade-in 0.5s 0.5s forwards ease; }
#mr-men-fold #mr-men-images.animate .mr-men-group1 { -webkit-animation: fade-in 0.5s 1s forwards ease; -moz-animation: fade-in 0.5s 1s forwards ease; -ms-animation: fade-in 0.5s 1s forwards ease; animation: fade-in 0.5s 1s forwards ease; }
#mr-men-fold .mr-men-track { width: 100%; margin-top: 10rem; width: 78%; }
@media only screen and (min-width: 768px) { #mr-men-fold .mr-men-track { margin-top: 5%; } }
#mr-men-fold .mr-men-group1 { position: absolute; left: 11.6%; width: 30%; bottom: -1.5%; opacity: 0; }
@media only screen and (min-width: 768px) { #mr-men-fold .mr-men-group1 { bottom: -4.5%; } }
#mr-men-fold .mr-men-group2 { position: absolute; left: 12%; bottom: 29%; width: 44%; opacity: 0; }
@media only screen and (min-width: 768px) { #mr-men-fold .mr-men-group2 { bottom: 41%; } }
#mr-men-fold .mr-men-group3 { position: absolute; right: 11%; width: 31%; bottom: 38%; opacity: 0; }
@media only screen and (min-width: 768px) { #mr-men-fold .mr-men-group3 { right: 10%; bottom: 51%; } }

#mr-men-results.animate .mr-men-family-portrait img { -webkit-animation: swing-in 1s forwards ease; -moz-animation: swing-in 1s forwards ease; -ms-animation: swing-in 1s forwards ease; animation: swing-in 1s forwards ease; }
#mr-men-results .mr-men-family-portrait { position: relative; margin-top: 2rem; }
#mr-men-results .mr-men-family-portrait img { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); margin: -10px 0 10px 60px; opacity: 0; }
@media only screen and (min-width: 768px) { #mr-men-results .mr-men-family-portrait { margin-top: 0; } }
@media only screen and (min-width: 1024px) { #mr-men-results .mr-men-family-portrait { position: absolute; top: -4.5rem; width: 767px; }
  #mr-men-results .mr-men-family-portrait .study-stat { margin: 1rem 19rem 0rem 0rem; } }

.marketing-mix { overflow: hidden; }
.marketing-mix ul { margin-top: 8rem; }
.marketing-mix .flow-wrapper { height: 190px !important; margin-top: 20px; }
.marketing-mix li { display: inline-block; list-style: none; position: relative; height: 2.6rem; width: 9rem; z-index: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.marketing-mix li:before { content: ""; position: absolute; display: block; border-left: 0.1rem solid #EAEAEA; height: 3.8rem; left: 4.4rem; z-index: 1; }
.marketing-mix li:hover { transform: translateY(-10px) scale(1.1); -moz-transform: translateY(-10px) scale(1.1); -webkit-transform: translateY(-10px) scale(1.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; -webkit-box-shadow: 9px 9px 23px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 9px 9px 23px 10px rgba(0, 0, 0, 0.15); -ms-box-shadow: 9px 9px 23px 10px rgba(0, 0, 0, 0.15); box-shadow: 9px 9px 23px 10px rgba(0, 0, 0, 0.15); }
.marketing-mix li.two, .marketing-mix li.three, .marketing-mix li.four, .marketing-mix li.five, .marketing-mix li.six { margin-left: -0.5rem; }
.marketing-mix li.one:before, .marketing-mix li.three:before, .marketing-mix li.five:before { top: -3rem; }
.marketing-mix li.two:before, .marketing-mix li.four:before, .marketing-mix li.six:before { bottom: -3rem; }
.marketing-mix li.one { background-color: #8fb3d6; border-top-left-radius: 13px; border-bottom-left-radius: 13px; }
.marketing-mix li.two { background-color: #0097A1; }
.marketing-mix li.three { background-color: #B3D234; }
.marketing-mix li.four { background-color: #FACA22; }
.marketing-mix li.five { background-color: #F7941E; }
.marketing-mix li.six { background-color: #EC008C; border-top-right-radius: 13px; border-bottom-right-radius: 13px; }
.marketing-mix li p { position: absolute; width: 100%; }
.marketing-mix li p.above { top: -8.5rem; }
.marketing-mix li p.below { bottom: -6rem; }
.marketing-mix.mr-men-marketing { padding-bottom: 0; }
.marketing-mix.boss-of-beef-marketing-mix .gamma { margin-top: 5rem; }
@media only screen and (min-width: 768px) { .marketing-mix.boss-of-beef-marketing-mix { padding: 2rem 0rem; margin-top: 0; } }
.marketing-mix.boss-of-beef-marketing-mix .stats-grid .stat-one, .marketing-mix.boss-of-beef-marketing-mix .stats-grid .stat-two, .marketing-mix.boss-of-beef-marketing-mix .stats-grid .stat-three, .marketing-mix.boss-of-beef-marketing-mix .stats-grid .stat-four { padding: 2.5rem; }
.marketing-mix.boss-of-beef-marketing-mix .stats-grid .stat-one:before { content: ""; position: absolute; display: block; border-left: 0.2rem solid #EAEAEA; height: 180%; right: 0rem; top: 10%; }
.marketing-mix.boss-of-beef-marketing-mix .stats-grid .stat-one:after { content: ""; position: absolute; display: block; border-top: 0.2rem solid #EAEAEA; width: 180%; bottom: 0rem; left: 10%; }
.marketing-mix.boss-of-beef-marketing-mix .mix-copy p { margin: 0; }

.dot { display: block; position: absolute; background: black; -webkit-opacity: 0.2; -moz-opacity: 0.2; -ms-opacity: 0.2; opacity: 0.2; height: 1rem; width: 1rem; top: 0.8rem; left: 4rem; }

.video-image-without-overlay { z-index: 0; }

#mr-men-video .border-top { margin-bottom: 7rem; }
#mr-men-video h2 { margin-bottom: 2rem; }
@media only screen and (min-width: 1024px) { #mr-men-video h2 { margin-bottom: 5rem; } }
#mr-men-video .mr-men-ipad-charac1, #mr-men-video .mr-men-ipad-charac2 { position: absolute; display: block; z-index: 3; bottom: 0.4rem; }
#mr-men-video .mr-men-ipad-charac1 { width: 14%; left: 6rem; }
@media only screen and (min-width: 1024px) { #mr-men-video .mr-men-ipad-charac1 { left: -18.4%; width: 19.5rem; } }
#mr-men-video .mr-men-ipad-charac2 { width: 14%; right: 7rem; }
@media only screen and (min-width: 1024px) { #mr-men-video .mr-men-ipad-charac2 { right: -18.5%; width: 19.7rem; } }
#mr-men-video .video-ipad { background: url("_/images/mr-men-ipad-without-overlay.png") no-repeat 50% 50%; background-size: contain; margin: 0 auto; position: relative; width: 100%; height: 20rem; }
@media only screen and (min-width: 640px) { #mr-men-video .video-ipad { height: 35rem; } }
@media only screen and (min-width: 768px) { #mr-men-video .video-ipad { margin-bottom: 1rem; width: 88%; height: 77%; } }
@media only screen and (min-width: 1024px) { #mr-men-video .video-ipad { width: 76.3rem; height: 39rem; } }
#mr-men-video .video-preview { width: 56%; height: 98%; display: block; margin: auto; }
#mr-men-video p { font-family: BrandonBold; margin: 1rem 0rem 0rem 0rem; }
@media only screen and (min-width: 768px) { #mr-men-video p { margin: 0; } }
@media only screen and (max-width: 1023px) { #mr-men-video .main-video-content { height: 45rem; } }
@media only screen and (max-width: 767px) { #mr-men-video .main-video-content { height: auto; } }

.border-top { background-color: #EAEAEA; height: 0.2rem; margin-bottom: 9rem; }

#mr-men-stats .gamma { padding: 2rem 0rem; }
#mr-men-stats .stats-grid .stat-one, #mr-men-stats .stats-grid .stat-two, #mr-men-stats .stats-grid .stat-three, #mr-men-stats .stats-grid .stat-four { padding: 2.5rem; }
#mr-men-stats .stats-grid .stat-one:before { content: ""; position: absolute; display: block; border-left: 0.1rem solid #B9B9B9; height: 200%; right: 0rem; top: 0rem; }
#mr-men-stats .stats-grid .stat-one:after { content: ""; position: absolute; display: block; border-top: 0.1rem solid #B9B9B9; width: 200%; bottom: 0rem; left: 0rem; }
#mr-men-stats .stats-carousel { margin-top: 5rem; }
@media only screen and (min-width: 768px) { #mr-men-stats .owl-controls { padding-top: 3rem; } }
#mr-men-stats .owl-pagination .owl-page { display: inline-block; list-style: none; position: relative; height: 4rem; width: 4rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
#mr-men-stats .owl-pagination .owl-page span { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; background-color: #dad9db; bottom: 0rem; left: 1.5rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 10px; height: 10px; margin: 5px auto; }
#mr-men-stats .owl-pagination .owl-page.active span { background-color: white; border: 0.1rem solid #0097A1; }
#mr-men-stats .owl-pagination .owl-page:hover span { background-color: white; border: 0.1rem solid #0097A1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

#whitbread-map { height: 62rem; padding: 0; overflow: hidden; background-color: #8EBABB; }
#whitbread-map .map-mobile, #whitbread-map .map-tablet { position: absolute; max-width: none; width: auto; top: 0; left: 50%; }
#whitbread-map .map-mobile { display: block; margin-left: -38.4rem; }
#whitbread-map .map-tablet { display: none; margin-left: -58.65rem; }
@media only screen and (min-width: 768px) and (max-width: 1023px) { #whitbread-map .map-tablet { display: block; }
  #whitbread-map .map-mobile { display: none; } }
@media only screen and (min-width: 1024px) { #whitbread-map { background: url("_/images/whitbread-map.jpg") no-repeat 50% 50%; height: 58.4rem; background-size: auto; }
  #whitbread-map .map-mobile { display: none; } }
#whitbread-map .map-bounds { position: relative; display: block; height: 100%; margin: 0 auto; width: 100%; overflow: hidden; }
@media only screen and (min-width: 1173px) { #whitbread-map .map-bounds { width: 117.3rem; } }
@media only screen and (min-width: 768px) { #whitbread-map .map-bounds:hover .geo-targets:after { margin: 0 0 -37px -69px; width: 82px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
  #whitbread-map .map-bounds:hover .geo-targets:before { margin: 0 0 -88px -33px; }
  #whitbread-map .map-bounds:hover .flyer.top { left: 3%; bottom: 5%; }
  #whitbread-map .map-bounds:hover .flyer.middle { bottom: 5%; left: 62%; }
  #whitbread-map .map-bounds:hover .flyer.bottom { left: 33.8%; bottom: 5%; } }
#whitbread-map .label { font-family: BrandonRegularItalic; margin: 0; position: absolute; bottom: 0; padding: 0rem 0rem 2rem 1rem; color: #000; color: rgba(0, 0, 0, 0.6); font-size: 1.4rem; }
@media only screen and (min-width: 768px) { #whitbread-map .label { padding: 0rem 0rem 4.4rem 3.4rem; font-size: 1.6rem; } }
#whitbread-map .icon-whitbread-logo { position: absolute; right: 0; bottom: 0; margin: 0rem 1rem 2rem 0rem; }
#whitbread-map .icon-whitbread-logo:before { font-size: 46px; color: #000; color: rgba(0, 0, 0, 0.3); }
@media only screen and (min-width: 768px) { #whitbread-map .icon-whitbread-logo { margin: 0rem 4rem 4rem 0rem; }
  #whitbread-map .icon-whitbread-logo:before { font-size: 66px; } }
#whitbread-map .map-lines, #whitbread-map .map-images, #whitbread-map .geo-targets, #whitbread-map .marker, #whitbread-map .target, #whitbread-map .distance, #whitbread-map .flyer, #whitbread-map .line, #whitbread-map .icon-spark { display: block; position: absolute; }
#whitbread-map .geo-targets { height: 32.4rem; width: 32.4rem; left: 50%; top: 50%; margin: -33.3rem 0rem 0rem -25rem; }
#whitbread-map .geo-targets:before, #whitbread-map .geo-targets:after { content: ""; display: block; position: absolute; opacity: 0; }
#whitbread-map .geo-targets:after { height: 0.1rem; background: #0097A1; left: 100%; width: 82px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); bottom: 0; margin: 0 0 56px -59px; width: 82px; }
#whitbread-map .geo-targets:before { border: 0.1rem solid #0097A1; left: 100%; width: 7px; height: 7px; bottom: 0; margin: 0 0 8px -21px; }
@media only screen and (min-width: 768px) { #whitbread-map .geo-targets { height: 39.9rem; width: 39.9rem; margin: -19.95rem 0rem 0rem -40.9rem; }
  #whitbread-map .geo-targets:after { width: 78px; margin: 0 0 0 -26px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; bottom: 74.6%; }
  #whitbread-map .geo-targets:before { margin: 0 0 -5.5px 52px; width: 11px; height: 11px; bottom: 74.6%; } }
@media only screen and (min-width: 1024px) { #whitbread-map .geo-targets { margin: -18.95rem 0rem 0rem -40.9rem; } }
#whitbread-map .marker, #whitbread-map .target, #whitbread-map .icon-spark { left: 50%; top: 50%; }
#whitbread-map .icon-spark { margin: -2.2rem 0rem 0rem -2.5rem; }
#whitbread-map .icon-spark:before { display: block; font-size: 44px; color: #FACA22; opacity: 1; -webkit-transition: font-size 1.5s ease-out; -moz-transition: font-size 1.5s ease-out; -ms-transition: font-size 1.5s ease-out; transition: font-size 1.5s ease-out; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; }
#whitbread-map.animate .icon-spark { margin: -0.5rem 0rem 0rem -0.55rem; }
#whitbread-map.animate .icon-spark:before { font-size: 10px; opacity: 0; }
#whitbread-map.animate .marker { -webkit-animation: pop-in-marker 0.5s 1s forwards ease; -moz-animation: pop-in-marker 0.5s 1s forwards ease; -ms-animation: pop-in-marker 0.5s 1s forwards ease; animation: pop-in-marker 0.5s 1s forwards ease; }
#whitbread-map.animate .yellow { -webkit-animation: fade-in 0.5s 0.5s forwards ease; -moz-animation: fade-in 0.5s 0.5s forwards ease; -ms-animation: fade-in 0.5s 0.5s forwards ease; animation: fade-in 0.5s 0.5s forwards ease; }
#whitbread-map.animate .pink { -webkit-animation: fade-in 0.5s 1s forwards ease; -moz-animation: fade-in 0.5s 1s forwards ease; -ms-animation: fade-in 0.5s 1s forwards ease; animation: fade-in 0.5s 1s forwards ease; }
#whitbread-map.animate .green, #whitbread-map.animate .geo-targets:before, #whitbread-map.animate .geo-targets:after, #whitbread-map.animate .map-images { -webkit-animation: fade-in 0.5s 1.5s forwards ease; -moz-animation: fade-in 0.5s 1.5s forwards ease; -ms-animation: fade-in 0.5s 1.5s forwards ease; animation: fade-in 0.5s 1.5s forwards ease; }
#whitbread-map .marker { margin: -8.2rem 0rem 0rem -5.5rem; opacity: 0; }
#whitbread-map .target { overflow: visible; opacity: 0; }
#whitbread-map .target.yellow { width: 8.5rem; height: 8.5rem; border: 0.4rem solid #FACA22; background: #FACA22; background: rgba(250, 202, 34, 0.3); margin: -4.45rem 0rem 0rem -4.45rem; }
#whitbread-map .target.pink:before, #whitbread-map .target.pink:after, #whitbread-map .target.green:before, #whitbread-map .target.green:after { content: ""; display: block; position: absolute; }
#whitbread-map .target.pink:before, #whitbread-map .target.green:before { width: 100%; height: 100%; }
#whitbread-map .target.pink:after, #whitbread-map .target.green:after { left: 50%; top: 50%; }
#whitbread-map .target.pink { width: 21rem; height: 21rem; border: 5.8rem solid #EC008C; border: 5.8rem solid rgba(236, 0, 140, 0.06); margin: -10.6rem 0rem 0rem -10.7rem; }
#whitbread-map .target.pink:before, #whitbread-map .target.pink:after { border: 0.2rem solid #EC008C; }
#whitbread-map .target.pink:after { width: 21.1rem; height: 21.1rem; margin: -10.55rem 0rem 0rem -10.55rem; }
@media only screen and (min-width: 768px) { #whitbread-map .target.pink { width: 24.7rem; height: 24.7rem; border: 6.8rem solid #EC008C; border: 6.8rem solid rgba(236, 0, 140, 0.06); margin: -12.5rem 0rem 0rem -12.5rem; }
  #whitbread-map .target.pink:after { width: 25.1rem; height: 25.1rem; margin: -12.55rem 0rem 0rem -12.55rem; } }
#whitbread-map .target.green { width: 32.4rem; height: 32.4rem; border: 5.2rem solid #8EBABC; border: 5.2rem solid rgba(142, 186, 188, 0.2); margin: -16.2rem 0rem 0rem -16.4rem; }
#whitbread-map .target.green:before, #whitbread-map .target.green:after { border: 0.1rem solid #0097A1; }
#whitbread-map .target.green:after { width: 32rem; height: 32rem; margin: -16.1rem 0rem 0rem -16rem; }
@media only screen and (min-width: 768px) { #whitbread-map .target.green { width: 39.9rem; height: 39.9rem; border: 6.4rem solid #8EBABC; border: 6.4rem solid rgba(142, 186, 188, 0.2); margin: -20.1rem 0rem 0rem -20.1rem; }
  #whitbread-map .target.green:after { width: 40rem; height: 40rem; margin: -20.1rem 0rem 0rem -20rem; } }
#whitbread-map .distance { font-size: 1.1rem; font-family: BryantMedium; color: #394B4B; opacity: 0; }
#whitbread-map .distance.yellow { left: 50%; top: 48.5%; margin-left: -14.5px; }
#whitbread-map .distance.pink { top: 32%; left: 64%; }
@media only screen and (min-width: 640px) { #whitbread-map .distance.pink { left: 29%; } }
@media only screen and (min-width: 768px) { #whitbread-map .distance.pink { top: 33%; left: 30%; } }
#whitbread-map .distance.green { left: 76%; top: 20%; }
@media only screen and (min-width: 640px) { #whitbread-map .distance.green { left: 14%; } }
@media only screen and (min-width: 768px) { #whitbread-map .distance.green { left: 16%; top: 18%; } }
#whitbread-map .map-images { height: 62%; bottom: 0; width: 100%; left: 0; z-index: 1; opacity: 0; }
@media only screen and (min-width: 418px) { #whitbread-map .map-images { height: 100%; bottom: initial; top: 0; } }
#whitbread-map .flyer { border: 0.1rem solid #fff; -webkit-box-shadow: 5px 5px 10px 0px #000; -moz-box-shadow: 5px 5px 10px 0px #000; -ms-box-shadow: 5px 5px 10px 0px #000; box-shadow: 5px 5px 10px 0px #000; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5); }
#whitbread-map .flyer img { display: block; }
#whitbread-map .flyer.top, #whitbread-map .flyer.middle, #whitbread-map .flyer.bottom { -webkit-transition: left 0.3s ease, bottom 0.3s ease; -moz-transition: left 0.3s ease, bottom 0.3s ease; transition: left 0.3s ease, bottom 0.3s ease; }
#whitbread-map .flyer.top { right: 5%; max-width: 60%; bottom: 49%; }
#whitbread-map .flyer.middle { bottom: 26%; right: 9px; max-width: 59%; }
#whitbread-map .flyer.bottom { left: 6px; bottom: 39%; max-width: 37%; }
@media only screen and (min-width: 418px) { #whitbread-map .flyer.top { left: 9px; right: initial; width: 230px; bottom: 15%; max-width: none; }
  #whitbread-map .flyer.middle { width: 260px; bottom: 17%; max-width: none; }
  #whitbread-map .flyer.bottom { width: 200px; left: 35%; bottom: 15%; max-width: none; } }
@media only screen and (min-width: 768px) { #whitbread-map .flyer.top { bottom: 61.8%; left: 59%; width: auto; }
  #whitbread-map .flyer.middle { bottom: 48%; left: 61.5%; right: initial; width: auto; }
  #whitbread-map .flyer.bottom { bottom: 17%; left: 54%; width: auto; } }

#whitbread-stats .v-wrapper { padding-bottom: 4rem; }
@media only screen and (min-width: 768px) { #whitbread-stats .v-wrapper { min-height: 18.5rem; } }

#whitbread-twitter.animate .phone { -webkit-animation: fade-in 1.5s forwards ease; -moz-animation: fade-in 1.5s forwards ease; -ms-animation: fade-in 1.5s forwards ease; animation: fade-in 1.5s forwards ease; }
#whitbread-twitter.animate .twitter-user { -webkit-animation: pop-in-right 0.5s 1s forwards ease; -moz-animation: pop-in-right 0.5s 1s forwards ease; -ms-animation: pop-in-right 0.5s 1s forwards ease; animation: pop-in-right 0.5s 1s forwards ease; }
#whitbread-twitter.animate .twitter-promotion { -webkit-animation: pop-in-right 0.5s 1.5s forwards ease; -moz-animation: pop-in-right 0.5s 1.5s forwards ease; -ms-animation: pop-in-right 0.5s 1.5s forwards ease; animation: pop-in-right 0.5s 1.5s forwards ease; }
#whitbread-twitter .phone, #whitbread-twitter .tweet, #whitbread-twitter .twitter-promotion { position: absolute; display: block; }
#whitbread-twitter .phone { height: auto; position: absolute; display: inline-block; margin-left: -9%; top: 0; margin-top: 4rem; width: 30%; opacity: 0; }
@media only screen and (min-width: 1024px) { #whitbread-twitter .phone { display: block; width: 30.3rem; height: 64rem; bottom: -24rem; top: inherit; left: 10%; margin: 0; } }
#whitbread-twitter .row.twitter, #whitbread-twitter .get-in-touch .gform_wrapper .twitter.gform_fields, .get-in-touch .gform_wrapper #whitbread-twitter .twitter.gform_fields { padding: 3rem 0rem; position: relative; }
@media only screen and (min-width: 768px) { #whitbread-twitter .row.twitter, #whitbread-twitter .get-in-touch .gform_wrapper .twitter.gform_fields, .get-in-touch .gform_wrapper #whitbread-twitter .twitter.gform_fields { padding: 6rem 0rem; } }
@media only screen and (min-width: 1024px) { #whitbread-twitter .row.twitter, #whitbread-twitter .get-in-touch .gform_wrapper .twitter.gform_fields, .get-in-touch .gform_wrapper #whitbread-twitter .twitter.gform_fields { padding: 9rem 0rem 0rem; min-height: 49rem; } }
#whitbread-twitter .icon-twitter { padding: 0rem 0rem 0rem 4.6rem; position: relative; }
#whitbread-twitter .icon-twitter:before { display: block; position: absolute; left: 0; font-size: 26px; top: 6px; color: #50ABF1; }
@media only screen and (min-width: 640px) { #whitbread-twitter .icon-twitter { padding: 0rem 0rem 0rem 8.6rem; }
  #whitbread-twitter .icon-twitter:before { font-size: 52px; } }
#whitbread-twitter .tweet { background: #fff; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; -webkit-box-shadow: 9px 9px 23px 0px #000; -moz-box-shadow: 9px 9px 23px 0px #000; -ms-box-shadow: 9px 9px 23px 0px #000; box-shadow: 9px 9px 23px 0px #000; -webkit-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); -ms-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); }
#whitbread-twitter .tweet p { font-family: HelveticaRegular; margin: 0rem 0rem 0.6rem 0rem; line-height: 1.2; font-size: 1.4rem; }
#whitbread-twitter .tweet p.handle { margin: 1.8rem 0rem 0rem 0.4rem; display: inline-block; color: #8799A7; font-size: 1.3rem; }
@media only screen and (min-width: 640px) { #whitbread-twitter .tweet p { font-size: 1.7rem; margin: 0rem 0rem 1rem 0rem; }
  #whitbread-twitter .tweet p.handle { margin: 1.7rem 0rem 0rem 0.6rem; font-size: 1.4rem; } }
#whitbread-twitter .tweet .twitter-name { font-size: 1.4rem; font-family: HelveticaMedium; color: #000; margin: 0rem 0rem 0.4rem 0rem; }
@media only screen and (min-width: 640px) { #whitbread-twitter .tweet .twitter-name { font-size: 1.7rem; margin: 0rem 0rem 0.8rem 0rem; } }
#whitbread-twitter .tweet span.handle { font-family: HelveticaRegular; margin: 0rem 0rem 0rem 0.3rem; color: #8799A7; font-size: 1.3rem; }
@media only screen and (min-width: 640px) { #whitbread-twitter .tweet span.handle { font-size: 1.4rem; margin: 0rem 0rem 0rem 0.4rem; } }
#whitbread-twitter .tweet .hashtags { color: #1C659B; }
@media only screen and (max-width: 1024px) { #whitbread-twitter .tweet { display: inline-block; position: relative; } }
#whitbread-twitter .twitter-user { padding: 2rem 3rem 1.4rem 2rem; left: 31%; top: 39.8%; width: 49%; opacity: 0; margin-left: -2rem; }
@media only screen and (max-width: 1024px) { #whitbread-twitter .twitter-user { margin-top: 3rem; width: 64%; left: 28%; } }
@media only screen and (max-width: 768px) { #whitbread-twitter .twitter-user { padding: 2rem 1rem 1.4rem 2rem; width: 85%; left: 10%; } }
@media only screen and (max-width: 640px) { #whitbread-twitter .twitter-user { padding: 1.6rem 3rem 0.6rem 1.6rem; } }
#whitbread-twitter .twitter-promotion { border: 0.2rem solid #FACA22; padding: 1.6rem 0.6rem 1.6rem 1.6rem; left: 40%; bottom: -15rem; width: 44.6%; opacity: 0; margin-left: -2rem; }
#whitbread-twitter .twitter-promotion .content { display: inline-block; width: 78%; }
@media only screen and (max-width: 1024px) { #whitbread-twitter .twitter-promotion { bottom: -3.5rem; width: 64%; left: 28%; } }
@media only screen and (max-width: 768px) { #whitbread-twitter .twitter-promotion { width: 90%; left: 5%; } }
#whitbread-twitter .twitter-profile, #whitbread-twitter .twitter-promo-icon { float: left; display: inline-block; }
#whitbread-twitter .twitter-profile { width: 4rem; margin: 0rem 1.4rem 4.8rem 0rem; }
@media only screen and (min-width: 640px) { #whitbread-twitter .twitter-profile { width: auto; margin: 0rem 2.4rem 2rem 0rem; } }
#whitbread-twitter .twitter-attachment { display: block; margin: 1rem 0rem 0rem 0rem; }
@media only screen and (min-width: 640px) { #whitbread-twitter .twitter-attachment { margin: 0; } }
#whitbread-twitter .twitter-promo-icon { width: 3rem; height: 3.1rem; margin: 0.6rem 0rem 0rem -0.5rem; }

#whitbread-facebook { overflow: hidden; }
@media only screen and (min-width: 1024px) { #whitbread-facebook { padding: 16rem 0rem 12rem; } }
#whitbread-facebook .facebook-post-mobile { margin: 18px auto 0; display: block; }
@media only screen and (min-width: 768px) { #whitbread-facebook .facebook-post-mobile { display: none; } }
#whitbread-facebook .facebook-post { position: absolute; left: 0; top: 0; display: none; }
@media only screen and (min-width: 768px) { #whitbread-facebook .facebook-post { display: block; width: auto; left: 38%; top: 10%; height: 80%; } }
@media only screen and (min-width: 1024px) { #whitbread-facebook .facebook-post { width: 57rem; height: 64.5rem; left: 41%; top: 16rem; } }
@media only screen and (min-width: 1024px) { #whitbread-facebook .row, #whitbread-facebook .get-in-touch .gform_wrapper .gform_fields, .get-in-touch .gform_wrapper #whitbread-facebook .gform_fields { padding-top: 3rem; } }
@media only screen and (min-width: 1024px) { #whitbread-facebook .columns, #whitbread-facebook .get-in-touch .gform_wrapper .gform_fields .gfield, .get-in-touch .gform_wrapper .gform_fields #whitbread-facebook .gfield { padding-right: 1rem; } }
#whitbread-facebook .facebook { height: 3.4rem; margin: 0rem 0rem 1.4rem 0rem; }
@media only screen and (min-width: 640px) { #whitbread-facebook .facebook { height: 7.4rem; margin: 0rem 0rem 2.4rem 0rem; } }
@media only screen and (min-width: 1024px) { #whitbread-facebook .facebook { margin-top: 4rem; } }

#whitbread-google { padding: 3rem 0rem 0rem; overflow: hidden; }
@media only screen and (min-width: 768px) { #whitbread-google { padding: 4rem 0rem 0rem; } }
@media only screen and (min-width: 1024px) { #whitbread-google { padding: 6rem 0rem 0rem; } }
#whitbread-google .punch-ital { margin: 0.4rem 0rem 0rem; color: #414042; }
#whitbread-google .google-logo { display: block; vertical-align: middle; margin: 0 auto; height: 4.4rem; margin-bottom: 1.4rem; }
@media only screen and (min-width: 640px) { #whitbread-google .google-logo { display: inline-block; vertical-align: middle; margin: 0rem 1rem 0rem 0rem; } }
@media only screen and (min-width: 768px) { #whitbread-google .google-logo { margin-right: 2.4rem; height: auto; } }
#whitbread-google .search-bar-wrapper { padding: 2rem 0rem; }
@media only screen and (min-width: 768px) { #whitbread-google .search-bar-wrapper { padding: 3rem 0rem; } }
@media only screen and (min-width: 1024px) { #whitbread-google .search-bar-wrapper { padding: 6rem 0rem; } }
#whitbread-google #search-bar { border: 0.1rem solid #498DFF; background: url("_/images/whitbread-google-mic.png") no-repeat 96% 50% #fff; background-size: 12px auto; height: 3.6rem; padding-left: 0.8rem; display: inline-block; vertical-align: middle; position: relative; width: 80%; }
#whitbread-google #search-bar:before { content: "\e60b"; font-family: 'ignite-icons'; position: absolute; top: -1px; right: -25%; width: 25%; height: 3.6rem; background: #498DFF; color: #fff; font-size: 15px; text-align: center; line-height: 2.4; }
#whitbread-google #search-bar.button-press:before { -webkit-animation: pressed 1.5s forwards ease; -moz-animation: pressed 1.5s forwards ease; -ms-animation: pressed 1.5s forwards ease; animation: pressed 1.5s forwards ease; }
@media only screen and (min-width: 640px) { #whitbread-google #search-bar { padding-left: 1.3rem; width: 70%; }
  #whitbread-google #search-bar:before { right: -78px; width: 7.8rem; } }
@media only screen and (min-width: 768px) { #whitbread-google #search-bar { width: 68%; height: 4.6rem; padding-left: 2.3rem; background: url("_/images/whitbread-google-mic.png") no-repeat 98% 50% #fff; background-size: 15px 20px; }
  #whitbread-google #search-bar:before { width: 9.6rem; height: 4.6rem; right: -96px; line-height: 3; } }
#whitbread-google .search-bar-text { font-family: HelveticaRegular; font-size: 1.4rem; vertical-align: middle; line-height: 2.5; }
#whitbread-google .search-bar-text br { display: none; }
@media only screen and (min-width: 640px) { #whitbread-google .search-bar-text { font-size: 1.6rem; line-height: 2.3; } }
@media only screen and (min-width: 768px) { #whitbread-google .search-bar-text { font-size: 2.1rem; line-height: 2.2; } }
#whitbread-google .search-bar-cursor { border-left: 0.1rem solid #979797; padding: 0.6rem 0rem 0.2rem; color: #fff; opacity: 0; -webkit-animation: fade-in 1s infinite; -moz-animation: fade-in 1s infinite; -ms-animation: fade-in 1s infinite; animation: fade-in 1s infinite; }
#whitbread-google .search-results { padding: 2rem 0rem 0rem; position: relative; }
#whitbread-google .search-results p { margin: 0rem 0rem 4rem 0rem; }
@media only screen and (min-width: 768px) { #whitbread-google .search-results p { margin: 0rem 0rem 8rem 0rem; } }
#whitbread-google .google-results { position: relative; margin: 0 auto; margin-bottom: 3rem; display: block; width: 86%; }
@media only screen and (min-width: 768px) { #whitbread-google .google-results { position: absolute; width: 47%; padding-bottom: 0.3rem; margin: 0 0 0 5%; } }
@media only screen and (min-width: 1024px) { #whitbread-google .google-results { left: 16%; bottom: 0; margin: 0; } }

@media only screen and (min-width: 768px) { #whitbread-results h2 { margin: 3rem 0rem 0rem 0rem; } }
#whitbread-results.animate .yellow { -webkit-animation: fade-in-venn 1s forwards ease; -moz-animation: fade-in-venn 1s forwards ease; -ms-animation: fade-in-venn 1s forwards ease; animation: fade-in-venn 1s forwards ease; }
#whitbread-results.animate .turq, #whitbread-results.animate input[type="submit"], #whitbread-results.animate #nav-below a, #nav-below #whitbread-results.animate a { -webkit-animation: fade-in-venn 1s 0.5s forwards ease; -moz-animation: fade-in-venn 1s 0.5s forwards ease; -ms-animation: fade-in-venn 1s 0.5s forwards ease; animation: fade-in-venn 1s 0.5s forwards ease; }
#whitbread-results.animate .pink { -webkit-animation: fade-in-venn 1s 1s forwards ease; -moz-animation: fade-in-venn 1s 1s forwards ease; -ms-animation: fade-in-venn 1s 1s forwards ease; animation: fade-in-venn 1s 1s forwards ease; }
#whitbread-results.animate .venn-diagram:before { -webkit-animation: fade-in 1s 1.5s forwards ease; -moz-animation: fade-in 1s 1.5s forwards ease; -ms-animation: fade-in 1s 1.5s forwards ease; animation: fade-in 1s 1.5s forwards ease; }
#whitbread-results .venn-diagram { position: relative; display: block; margin: 0 auto; margin-top: 2rem; width: 29rem; height: 26.7rem; }
#whitbread-results .venn-diagram:before { font-size: 32px; color: #fff; position: absolute; left: 50%; top: 50%; margin: 0.3rem 0rem 0rem -1.45rem; z-index: 6; opacity: 0; }
@media only screen and (min-width: 640px) { #whitbread-results .venn-diagram { margin: 0 0 0 5%; width: 34.2rem; height: 31.8rem; } }
#whitbread-results .venn { position: absolute; display: block; height: 64.46541%; width: 59.94%; opacity: 0; }
#whitbread-results .venn:before { display: inline-block; text-align: center; content: attr(data-label); font-size: 14px; font-family: BrandonRegularItalic; color: #fff; height: 100%; width: 100%; padding: 44% 0 0 0; opacity: 1; }
#whitbread-results .venn.yellow { border: 0.4rem solid #FACA22; background: #FACA22; background: rgba(250, 202, 34, 0.8); left: 50%; margin-left: -30%; }
#whitbread-results .venn.yellow:before { color: #BD6005; padding: 34% 0 0 0; }
#whitbread-results .venn.turq, #whitbread-results input.venn[type="submit"], #whitbread-results #nav-below a.venn, #nav-below #whitbread-results a.venn { border: 0.4rem solid #0097A1; background: #0097A1; background: rgba(0, 151, 161, 0.8); z-index: 3; bottom: 0; }
#whitbread-results .venn.pink { border: 0.4rem solid #EC008C; background: #DE1F7B; background: rgba(222, 31, 123, 0.8); z-index: 2; right: 0; bottom: 0; }
#whitbread-results .venn.pink:before { padding-left: 2.8rem; }

#whitbread-testimonial blockquote { margin-bottom: 0.8rem; }
#whitbread-testimonial cite { display: inline-block; float: right; }

.boss-of-beef .row, .boss-of-beef .get-in-touch .gform_wrapper .gform_fields, .get-in-touch .gform_wrapper .boss-of-beef .gform_fields { position: relative; }
.boss-of-beef .border-top { position: absolute; top: -0.4rem; }
.boss-of-beef img { padding-top: 4rem; }

@media only screen and (min-width: 768px) { .boss-of-beef-stats { padding: 2rem 0rem; } }
.boss-of-beef-stats .stats-grid .stat-one, .boss-of-beef-stats .stats-grid .stat-two, .boss-of-beef-stats .stats-grid .stat-three, .boss-of-beef-stats .stats-grid .stat-four { padding: 2.5rem; }
.boss-of-beef-stats .stats-grid .stat-one:before { content: ""; position: absolute; display: block; border-left: 0.2rem solid #EAEAEA; height: 90%; right: 0rem; top: 10%; }
.boss-of-beef-stats .stats-grid .stat-one:after { content: ""; position: absolute; display: block; border-top: 0.2rem solid #EAEAEA; width: 180%; bottom: 0rem; left: 10%; }

.timeline-wrapper { position: relative; }
.timeline-wrapper .tag, .timeline-wrapper #facebook-like { position: absolute; font-family: BrandonRegular; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1rem; color: #fff; line-height: 1.5; font-size: 1.2rem; padding: 0.1rem 0.6rem; border: 0.1rem solid #0097A1; background-color: #0097A1; margin-top: 1rem; z-index: 10; }
@media only screen and (min-width: 640px) { .timeline-wrapper .tag, .timeline-wrapper #facebook-like { font-size: 1.6rem; padding: 0.2rem 2rem; } }
.timeline-wrapper .facebook-like-mobile { display: block; position: absolute; font-family: BryantMedium; color: #fff; font-size: 1.2rem; top: 0rem; left: 0; background: url("_/images/facebook-like.png") no-repeat 4px 46% #39579B; background-size: auto 12px; z-index: 90; padding: 0.3rem 0.8rem 0.3rem 2.2rem; margin: -3.6rem 0rem 0rem -2.525rem; }
.timeline-wrapper .facebook-like-mobile:before { position: absolute; content: ""; bottom: 0; left: 0; width: 0.8rem; height: 0.8rem; margin: 0rem 0rem -0.4rem 2.7rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #39579B; z-index: -1; }
@media only screen and (min-width: 640px) { .timeline-wrapper .facebook-like-mobile { display: none; } }
.timeline-wrapper #facebook-like { font-family: BryantMedium; font-size: 1.2rem; top: 34rem; left: 5%; background: url("_/images/facebook-like.png") no-repeat 12px 50% #39579B; background-size: auto 13px; border: none; -webkit-box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.15); -ms-box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.15); box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.15); z-index: 90; padding: 0.3rem 1rem 0.3rem 3rem; margin: 1rem 0rem 0rem 1rem; line-height: 2.1; display: none; }
.timeline-wrapper #facebook-like:before { position: absolute; content: ""; top: 50%; left: 0; width: 1.5rem; height: 1.5rem; margin: -0.75rem 0rem 0rem -0.5rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #39579B; z-index: -1; }
.timeline-wrapper #facebook-like.scrolled { position: fixed; top: 250px; }
@media only screen and (min-width: 640px) { .timeline-wrapper #facebook-like { display: block; font-size: 1.2rem; } }
@media only screen and (min-width: 768px) { .timeline-wrapper #facebook-like { background: url("_/images/facebook-like.png") no-repeat 12px 50% #39579B; background-size: 20px 17px; padding: 0.6rem 1.4rem 0.6rem 3.8rem; margin: 0.6rem 0rem 0rem 1rem; } }
@media only screen and (min-width: 1024px) { .timeline-wrapper #facebook-like { left: 10%; } }
.timeline-wrapper .border-top { position: absolute; width: 65%; left: 20%; margin-bottom: 0rem; }
.timeline-wrapper .timeline-point { position: absolute; background-color: #D5357E; left: 9%; width: 0.9rem; height: 0.9rem; z-index: 90; overflow: visible; }
.timeline-wrapper .timeline-point:before { content: ""; display: block; width: 0.1rem; background: #D8D8D8; position: absolute; height: 9000%; top: 0; left: 0; margin: 0.9rem 0rem 0rem 0.4rem; }
@media only screen and (min-width: 640px) and (max-width: 1023px) { .timeline-wrapper .timeline-point { left: 3.8%; } }
.timeline-wrapper .gamma { position: relative; }
.timeline-wrapper .gamma:before { position: absolute; left: 0; top: -4.5rem; font-size: 3rem; color: #FACA22; }
@media only screen and (min-width: 768px) { .timeline-wrapper .gamma:before { left: -1rem; top: -6rem; font-size: 4.4rem; } }
.timeline-wrapper .zeta { width: 50%; text-align: left; }
@media only screen and (min-width: 768px) { .timeline-wrapper .zeta { text-align: center; } }

.boss-of-beef-timeline-top { padding-bottom: 3rem; }
.boss-of-beef-timeline-top .row-first, .boss-of-beef-timeline-top .row-second { padding-bottom: 2rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-top { padding-bottom: 0rem; }
  .boss-of-beef-timeline-top .row-first, .boss-of-beef-timeline-top .row-second { padding-bottom: 8rem; } }
.boss-of-beef-timeline-top .row-third { padding-bottom: 0; }
.boss-of-beef-timeline-top .row-first, .boss-of-beef-timeline-top .row-second, .boss-of-beef-timeline-top .row-third { padding-top: 4rem; }
.boss-of-beef-timeline-top .row-first #dot-one, .boss-of-beef-timeline-top .row-second #dot-one, .boss-of-beef-timeline-top .row-third #dot-one { top: 15rem; }
.boss-of-beef-timeline-top .row-first #dot-two, .boss-of-beef-timeline-top .row-second #dot-two, .boss-of-beef-timeline-top .row-third #dot-two { top: 36rem; }
.boss-of-beef-timeline-top .row-first #dot-three, .boss-of-beef-timeline-top .row-second #dot-three, .boss-of-beef-timeline-top .row-third #dot-three { top: 80rem; }
.boss-of-beef-timeline-top .row-first #dot-four, .boss-of-beef-timeline-top .row-second #dot-four, .boss-of-beef-timeline-top .row-third #dot-four { top: 130rem; }
.boss-of-beef-timeline-top .row-first img, .boss-of-beef-timeline-top .row-second img, .boss-of-beef-timeline-top .row-third img { display: inline-block; max-width: 80%; }
.boss-of-beef-timeline-top .row-first img.tickets, .boss-of-beef-timeline-top .row-second img.tickets, .boss-of-beef-timeline-top .row-third img.tickets { padding-top: 2rem; max-width: 70%; }
.boss-of-beef-timeline-top .row-first img.boss-of-beef-iphone-img, .boss-of-beef-timeline-top .row-second img.boss-of-beef-iphone-img, .boss-of-beef-timeline-top .row-third img.boss-of-beef-iphone-img { z-index: 0; padding-bottom: 2rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-top .row-first img, .boss-of-beef-timeline-top .row-second img, .boss-of-beef-timeline-top .row-third img { display: block; max-width: 100%; }
  .boss-of-beef-timeline-top .row-first img.tickets, .boss-of-beef-timeline-top .row-first img.boss-of-beef-iphone-img, .boss-of-beef-timeline-top .row-second img.tickets, .boss-of-beef-timeline-top .row-second img.boss-of-beef-iphone-img, .boss-of-beef-timeline-top .row-third img.tickets, .boss-of-beef-timeline-top .row-third img.boss-of-beef-iphone-img { padding: 0; } }
.boss-of-beef-timeline-top .timeline-begin p.tag, .boss-of-beef-timeline-top .timeline-begin .timeline-wrapper p#facebook-like, .timeline-wrapper .boss-of-beef-timeline-top .timeline-begin p#facebook-like { position: relative; width: auto; display: inline-block; left: initial; }
.boss-of-beef-timeline-top .column-image-first .tag, .boss-of-beef-timeline-top .column-image-first .timeline-wrapper #facebook-like, .timeline-wrapper .boss-of-beef-timeline-top .column-image-first #facebook-like { left: -5rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-top .column-image-second .v-wrapper { height: 30rem; } }
@media only screen and (min-width: 1024px) { .boss-of-beef-timeline-top .column-image-second .v-wrapper { height: 36.8rem; } }
.boss-of-beef-timeline-top .column-text-first, .boss-of-beef-timeline-top .column-text-second, .boss-of-beef-timeline-top .column-text-third { padding-top: 6rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-top .column-text-first, .boss-of-beef-timeline-top .column-text-second, .boss-of-beef-timeline-top .column-text-third { padding-top: 9rem; } }
@media only screen and (min-width: 1024px) { .boss-of-beef-timeline-top .column-text-first, .boss-of-beef-timeline-top .column-text-second, .boss-of-beef-timeline-top .column-text-third { padding-top: 13rem; } }
.boss-of-beef-timeline-top .column-text-first p, .boss-of-beef-timeline-top .column-text-second p, .boss-of-beef-timeline-top .column-text-third p { margin-top: 1rem; }
.boss-of-beef-timeline-top .column-text-third .zeta { width: 100%; text-align: left; }

.no-overflow { overflow: hidden; }

.boss-of-beef-timeline-middle { padding: 0; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-middle { padding: 6rem 0rem; } }
.boss-of-beef-timeline-middle .row-fourth { padding-top: 4rem; padding-bottom: 8rem; }
.boss-of-beef-timeline-middle .row-fourth img { max-width: 12rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-middle .row-fourth img { max-width: 100%; } }
.boss-of-beef-timeline-middle .row-fourth #dot-five { top: 15rem; }
.boss-of-beef-timeline-middle .row-fourth #dot-five:after { content: ""; display: block; width: 0.1rem; background: #D8D8D8; position: absolute; height: 9000%; bottom: 0; left: 0; margin: 0rem 0rem 0.9rem 0.4rem; }
.boss-of-beef-timeline-middle .row-fourth #dot-six { top: 40rem; }
.boss-of-beef-timeline-middle .row-fourth #dot-seven { top: 70rem; }
.boss-of-beef-timeline-middle .row-fourth #dot-seven:after { content: ""; display: block; width: 0.1rem; background: #D5357E; position: absolute; height: 100%; top: 0; left: 0; margin-left: 0.4rem; }
.boss-of-beef-timeline-middle .row-fourth .gamma { padding-top: 2rem; }
.boss-of-beef-timeline-middle .column-image-fourth { padding-top: 5rem; }
.boss-of-beef-timeline-middle .column-image-fourth.animate #boss-of-beef-goldrush-laptop-img { -webkit-animation: swing-in 1s forwards ease; -moz-animation: swing-in 1s forwards ease; -ms-animation: swing-in 1s forwards ease; animation: swing-in 1s forwards ease; }
.boss-of-beef-timeline-middle .column-image-fourth .tag, .boss-of-beef-timeline-middle .column-image-fourth .timeline-wrapper #facebook-like, .timeline-wrapper .boss-of-beef-timeline-middle .column-image-fourth #facebook-like { display: inline-block; position: relative; }
.boss-of-beef-timeline-middle .column-image-fourth #boss-of-beef-goldrush-laptop-img { z-index: 0; width: 100%; max-width: none; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); margin: -10px 0 10px 60px; opacity: 0; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-middle .column-image-fourth #boss-of-beef-goldrush-laptop-img { width: 164%; } }
.boss-of-beef-timeline-middle .column-image-fourth .v-wrapper { position: absolute; width: auto; right: 0; text-align: left; }
.boss-of-beef-timeline-middle .column-image-fourth .v-wrapper .zeta { text-align: left; }
@media only screen and (max-width: 767px) { .boss-of-beef-timeline-middle .column-image-fourth .v-wrapper { padding-right: 2rem; } }
.boss-of-beef-timeline-middle .row-fifth { padding-top: 4rem; padding-bottom: 8rem; }
.boss-of-beef-timeline-middle .row-fifth #dot-eight { top: 110rem; }
.boss-of-beef-timeline-middle .row-fifth .video-preview { margin: 0rem 0rem 2.3rem 0rem; border: 0.4rem solid #D5357E; -webkit-box-shadow: 9px 9px 23px 0px #000; -moz-box-shadow: 9px 9px 23px 0px #000; -ms-box-shadow: 9px 9px 23px 0px #000; box-shadow: 9px 9px 23px 0px #000; -webkit-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); -ms-box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); box-shadow: 9px 9px 23px 0px rgba(0, 0, 0, 0.19); width: 100%; height: auto; overflow: hidden; }
.boss-of-beef-timeline-middle .row-fifth .video-preview img { display: block; width: 100%; }
.boss-of-beef-timeline-middle .row-fifth .column-text-fifth { padding-top: 6rem; }
.boss-of-beef-timeline-middle .row-fifth .column-text-fifth .gamma { margin-bottom: 3rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-middle .row-fifth .column-text-fifth { padding-top: 9rem; } }
@media only screen and (min-width: 1024px) { .boss-of-beef-timeline-middle .row-fifth .column-text-fifth { padding-top: 13rem; }
  .boss-of-beef-timeline-middle .row-fifth .column-text-fifth .gamma { margin: 0; } }

.boss-of-beef-timeline-bottom { margin-top: 2rem; padding-top: 6rem; }
.boss-of-beef-timeline-bottom .gamma { margin-bottom: 2rem; }
.boss-of-beef-timeline-bottom p { margin-bottom: 1rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-bottom { margin-top: 25rem; padding-top: 4rem; }
  .boss-of-beef-timeline-bottom .gamma, .boss-of-beef-timeline-bottom p { margin-bottom: 0; }
  .boss-of-beef-timeline-bottom .mumsnet-copy { padding-bottom: 3rem; } }
.boss-of-beef-timeline-bottom .mumsnet { height: 10rem; margin-bottom: 1rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-bottom .mumsnet { height: auto; margin-top: 0; } }
.boss-of-beef-timeline-bottom .hungry-games-logo { position: relative; }
.boss-of-beef-timeline-bottom .hungry-games-logo img { height: 12rem; margin: 2rem 0rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-bottom .hungry-games-logo { margin-top: -19rem; }
  .boss-of-beef-timeline-bottom .hungry-games-logo img { height: auto; margin: 0 auto; } }
.boss-of-beef-timeline-bottom .hungry-games-logo .tag, .boss-of-beef-timeline-bottom .hungry-games-logo .timeline-wrapper #facebook-like, .timeline-wrapper .boss-of-beef-timeline-bottom .hungry-games-logo #facebook-like { top: -4rem; right: 0; border: none; }
@media only screen and (min-width: 1024px) { .boss-of-beef-timeline-bottom .hungry-games-logo { position: absolute; top: -10rem; left: 0rem; margin: 0; }
  .boss-of-beef-timeline-bottom .hungry-games-logo .tag, .boss-of-beef-timeline-bottom .hungry-games-logo .timeline-wrapper #facebook-like, .timeline-wrapper .boss-of-beef-timeline-bottom .hungry-games-logo #facebook-like { right: 22%; } }
.boss-of-beef-timeline-bottom .columns.padding-sm, .boss-of-beef-timeline-bottom .get-in-touch .gform_wrapper .gform_fields .padding-sm.gfield, .get-in-touch .gform_wrapper .gform_fields .boss-of-beef-timeline-bottom .padding-sm.gfield { padding-top: 1.6rem; }
.boss-of-beef-timeline-bottom .columns.padding-sm p, .boss-of-beef-timeline-bottom .get-in-touch .gform_wrapper .gform_fields .padding-sm.gfield p, .get-in-touch .gform_wrapper .gform_fields .boss-of-beef-timeline-bottom .padding-sm.gfield p { margin-top: 0rem; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-bottom .columns.padding-sm, .boss-of-beef-timeline-bottom .get-in-touch .gform_wrapper .gform_fields .padding-sm.gfield, .get-in-touch .gform_wrapper .gform_fields .boss-of-beef-timeline-bottom .padding-sm.gfield { padding-top: 4rem; } }
.boss-of-beef-timeline-bottom #hungry-games-ads img { display: inline-block; }
.boss-of-beef-timeline-bottom #hungry-games-ads .hungry-games-sundae img { padding-left: 1rem; }
.boss-of-beef-timeline-bottom #hungry-games-ads .hungry-games-van img { padding-left: 2rem; }
.boss-of-beef-timeline-bottom #hungry-games-ads.animate .hungry-games-sundae img { -webkit-animation: pop-in-left 0.8s forwards ease; -moz-animation: pop-in-left 0.8s forwards ease; -ms-animation: pop-in-left 0.8s forwards ease; animation: pop-in-left 0.8s forwards ease; }
.boss-of-beef-timeline-bottom #hungry-games-ads.animate .hungry-games-van img { -webkit-animation: pop-in-right 0.5s forwards ease; -moz-animation: pop-in-right 0.5s forwards ease; -ms-animation: pop-in-right 0.5s forwards ease; animation: pop-in-right 0.5s forwards ease; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-bottom #hungry-games-ads img { display: block; } }
.boss-of-beef-timeline-bottom .hungry-games-sundae img, .boss-of-beef-timeline-bottom .hungry-games-van img { display: block; opacity: 0; }
@media only screen and (min-width: 1024px) { .boss-of-beef-timeline-bottom .hungry-games-sundae { padding-right: 0rem; } }
.boss-of-beef-timeline-bottom .hungry-games-sundae img { margin: 0; }
@media only screen and (min-width: 1024px) { .boss-of-beef-timeline-bottom .hungry-games-van { padding-left: 5rem; } }
.boss-of-beef-timeline-bottom .hungry-games-van img { margin-left: 2rem; }
.boss-of-beef-timeline-bottom .row-sixth { padding-top: 1rem; padding-bottom: 0; }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-bottom .row-sixth { padding-top: 4rem; padding-bottom: 8rem; } }
.boss-of-beef-timeline-bottom .row-sixth #dot-ninth { top: 0.5rem; }
.boss-of-beef-timeline-bottom .row-sixth #dot-ninth:after { content: ""; display: block; width: 0.1rem; background: #D8D8D8; position: absolute; height: 1000%; bottom: 0; left: 0; margin: 0rem 0rem 0.9rem 0.4rem; }
@media only screen and (min-width: 640px) { .boss-of-beef-timeline-bottom .row-sixth #dot-ninth:after { height: 3000%; } }
.boss-of-beef-timeline-bottom .row-sixth #dot-tenth { top: 30rem; }
.boss-of-beef-timeline-bottom .row-sixth #dot-eleventh { top: 59rem; }
.boss-of-beef-timeline-bottom .row-sixth #dot-eleventh:before { background: #F9F9F9; }
@media only screen and (min-width: 640px) { .boss-of-beef-timeline-bottom .row-sixth #dot-eleventh .facebook-like-mobile { font-size: 1.2rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1rem; color: #fff; line-height: 2.1; background: url("_/images/facebook-like.png") no-repeat 12px 50% #39579B; background-size: auto 13px; border: none; -webkit-box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.15); -ms-box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.15); box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.15); z-index: 90; padding: 0.3rem 1rem 0.3rem 3rem; margin: -1rem 0rem 0rem 1.8rem; }
  .boss-of-beef-timeline-bottom .row-sixth #dot-eleventh .facebook-like-mobile:before { position: absolute; content: ""; top: 50%; left: 0; width: 1.5rem; height: 1.5rem; margin: -0.75rem 0rem 0rem -0.5rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #39579B; z-index: -1; } }
@media only screen and (min-width: 768px) { .boss-of-beef-timeline-bottom .row-sixth #dot-eleventh .facebook-like-mobile { background: url("_/images/facebook-like.png") no-repeat 12px 50% #39579B; background-size: 20px 17px; padding: 0.6rem 1.4rem 0.6rem 3.8rem; margin: -1.4rem 0rem 0rem 2rem; } }
.boss-of-beef-timeline-bottom .row-sixth #dot-eleventh .facebook-like-mobile.active { display: block; }

@-webkit-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fade-in-venn { 0% { opacity: 0; }
  100% { opacity: 0.9; } }
@-moz-keyframes fade-in-venn { 0% { opacity: 0; }
  100% { opacity: 0.9; } }
@keyframes fade-in-venn { 0% { opacity: 0; }
  100% { opacity: 0.9; } }
@-webkit-keyframes pop-in-right { 0% { opacity: 0; margin-left: 20px; }
  100% { opacity: 1; margin-left: 0; } }
@-moz-keyframes pop-in-right { 0% { opacity: 0; margin-left: 20px; }
  100% { opacity: 1; margin-left: 0; } }
@keyframes pop-in-right { 0% { opacity: 0; margin-left: 20px; }
  100% { opacity: 1; margin-left: 0; } }
@-webkit-keyframes pop-in-left { 0% { opacity: 0; margin: 0; }
  100% { opacity: 1; margin: 0 0 0 20px; } }
@-moz-keyframes pop-in-left { 0% { opacity: 0; margin: 0; }
  100% { opacity: 1; margin: 0 0 0 20px; } }
@keyframes pop-in-left { 0% { opacity: 0; margin: 0; }
  100% { opacity: 1; margin: 0 0 0 20px; } }
@-webkit-keyframes pop-in-marker { 0% { opacity: 0; margin-top: -82px; }
  100% { opacity: 1; margin-top: -102px; } }
@-moz-keyframes pop-in-marker { 0% { opacity: 0; margin-top: -82px; }
  100% { opacity: 1; margin-top: -102px; } }
@keyframes pop-in-marker { 0% { opacity: 0; margin-top: -82px; }
  100% { opacity: 1; margin-top: -102px; } }
@-webkit-keyframes pressed { 0%, 100% { background-color: #498DFF; border: #498Dff; }
  50% { background-color: #357ae8; background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8)); background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); border: 1px solid #2f5bb7; } }
@-moz-keyframes pressed { 0%, 100% { background-color: #498DFF; border: #498Dff; }
  50% { background-color: #357ae8; background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); border: 1px solid #2f5bb7; } }
@keyframes pressed { 0%, 100% { background-color: #498DFF; border: #498Dff; }
  50% { background-color: #357ae8; background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8)); background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); border: 1px solid #2f5bb7; } }
@-webkit-keyframes swing-in { 0% { opacity: 0; -webkit-transform: rotate(-15deg); margin: -10px 0 10px 60px; }
  100% { opacity: 1; margin: 0; -webkit-transform: none; } }
@-moz-keyframes swing-in { 0% { opacity: 0; -moz-transform: rotate(-15deg); margin: -10px 0 10px 60px; }
  100% { opacity: 1; margin: 0; -moz-transform: none; } }
@keyframes swing-in { 0% { opacity: 0; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); margin: -10px 0 10px 60px; }
  100% { opacity: 1; margin: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } }

/*# sourceMappingURL=style.css.map */