/* RESET----------------------------------------------------------*/
* {
    max-height: 999999px; /*fix for font renteding on android chrome < 25*/
    margin: 0;
    padding: 0;
    border: 0 none;
    vertical-align: baseline;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

ul, ol {
    list-style: none;
}

a img {
    border: none;
}

a {
    -webkit-transition: color .3s, border .3s, -moz-transition: color .3 s, border .3 s;
    -o-transition: color .3s, border .3s;
    transition: color .3s, border .3s;
    text-decoration: none;
}

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

.fcb_address_widget strong {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
}

input::-moz-focus-inner {
    border: 0;
}

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

.[hidden] {
    display: none;
}

/*set text selecttion color*/
::selection {
    background: #c3effd;
    color: #000; /* Safari and Opera */
}

::-moz-selection {
    background: #c3effd;
    color: #000; /* Firefox */
}

em {
    font-style: italic;
}

hr {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 0;
}

/*hide wp stats smiley*/
img#wpstats {
    width: 0;
    height: 0;
    overflow: hidden
}

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    height: 100%;
}

input, textarea {
    -webkit-appearance: none;
    border:1px solid #999;
    padding:10px;
}

/* IE 7 Warning */

#_l {
    z-index: 1000;
}

#_d {
    z-index: 1001;
}

#_ul li {
    float: left;
    width: 110px;
}

/*Library----------------------------------------------------------*/
.hidden {
    display: none;
}

.hidden2 {
    height: 0;
    overflow: hidden;
}

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

.hide-text {
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
}

.opacity0 {
    filter: alpha(opacity=0); /* IE lt 8 */
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -khtml-opacity: 0.0; /* Safari 1.x */
    -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
    opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
}

.clear-both {
    clear: both;
    height: 0;
}

.caro {
    overflow: hidden;
    position: relative;
}

.reel {
    /*width: 4000px;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.reel li {
    /*float: left;*/
}

.wrap {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.hardware-accel {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.inner-border-top {
    background: url('../img/keyline.gif') 0 0 repeat-x;
}

.inner-border-right {
    background: url('../img/keyline.gif') right 0 repeat-y;
}

.inner-border-bottom {
    background: url('../img/keyline.gif') 0 bottom repeat-x;
}

.inner-border-left {
    background: url('../img/keyline.gif') 0 0 repeat-y;
}

/* Typeography ----------------------------------------------------------*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2a2763");

@font-face {
    font-family: 'Code-Pro-LC';
    src: url('../fonts/new/code-pro-lc-webfont.eot');
    src: url('../fonts/new/code-pro-lc-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/new/code-pro-lc-webfont.woff') format('woff'), url('../fonts/new/code-pro-lc-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Code-Pro-Bold';
    src: url('../fonts/new/code-pro-bold-webfont.eot');
    src: url('../fonts/new/code-pro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/new/code-pro-bold-webfont.woff') format('woff'), url('../fonts/new/code-pro-bold-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Code-Pro-Bold-LC';
    src: url('../fonts/new/code-pro-bold-lc-webfont.eot');
    src: url('../fonts/new/code-pro-bold-lc-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/new/code-pro-bold-lc-webfont.woff') format('woff'), url('../fonts/new/code-pro-bold-lc-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Code-Pro-Light-LC';
    src: url('../fonts/new/code-pro-light-lc-webfont.eot');
    src: url('../fonts/new/code-pro-light-lc-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/new/code-pro-light-lc-webfont.woff') format('woff'), url('../fonts/new/code-pro-light-lc-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Code-Pro';
    src: url('../fonts/new/code-pro-webfont.eot');
    src: url('../fonts/new/code-pro-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/new/code-pro-webfont.woff') format('woff'), url('../fonts/new/code-pro-webfont.ttf') format('truetype');
}

.global-styles a {
    color: #231f20;
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}

.global-styles a:hover,
.global-styles a:active {
    color: rgb(12, 133, 70);
    border-bottom: 1px solid rgba(12, 133, 70, 1);
}

/* Colours ----------------------------------------------------------*/

.light-blue {
}

.light-blue a:hover,
a.light-blue:hover,
.light-blue a.active,
a.light-blue.active,
.work-list .sub-ttl.light-blue {
    color: rgb(0, 130, 187);
}

.light-blue .tag-list a {
    color: rgb(0, 130, 187);
    border-bottom: 1px solid rgba(0, 130, 187, 0);
}

.light-blue .read-more {
    color: rgb(0, 130, 187);
    border: 1px solid rgba(204, 225, 242, 1);
}

.light-blue .read-more:hover {
    border-color: rgba(0, 130, 187, 1);
}

.light-blue .tag-list a:hover,
.light-blue .tag-list a:active {
    border-bottom: 1px solid rgba(0, 130, 187, 1);
}

.light-blue .btn,
.light-blue.btn {
    color: rgb(0, 130, 187);
    border-bottom-color: rgb(0, 130, 187);
}

.light-blue.btn,
.light-blue .btn {
    border-bottom: 1px solid rgb(0, 130, 187);
}

.light-blue.btn:hover,
.light-blue .btn:hover {
    border-bottom: 3px solid rgb(0, 130, 187);
}

.light-blue .bullet {
    background-image: url('../img/bullet-sprite-blue.png');
}

.column-list .light-blue .ttl,
.column-list .light-blue .ttl a {
    color: rgb(0, 130, 187);
}

.column-list li.light-blue li > a:hover {
    color: rgb(0, 130, 187);
}

.profile-module .light-blue,
#floating-profile-details.light-blue {
    background-color: rgb(0, 114, 186);
}

.light-blue-gradient {
    background: #57b6f0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTdiNmYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMDA3MmJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA5NjI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #57b6f0), color-stop(66%, #0072ba), color-stop(100%, #09629b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* IE10+ */
    background: linear-gradient(135deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b6f0', endColorstr='#09629b', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}

.green {
}

.green a:hover,
a.green:hover,
.green a.active,
a.green.active,
.work-list .sub-ttl.green {
    color: rgb(12, 133, 70);
}

.green .sub-nav a {
    color: rgb(12, 133, 70);
    border-bottom: 1px solid rgba(12, 133, 70, 0);
}

.green .sub-nav a:hover,
.green .sub-nav a:active {
    border-bottom: 1px solid rgba(12, 133, 70, 1);
}

.green .tag-list a {
    color: rgb(12, 133, 70);
    border-bottom: 1px solid rgba(12, 133, 70, 0);
}

.green .read-more {
    color: rgb(12, 133, 70);
    border: 1px solid rgba(207, 231, 218, 1);
}

.green .read-more:hover {
    border-color: rgba(12, 133, 70, 1);
}

.green.btn,
.green .btn {
    border-bottom: 1px solid rgb(12, 133, 70);
}

.green.btn:hover,
.green .btn:hover {
    border-bottom: 3px solid rgb(12, 133, 70);
}

.green .tag-list a:hover,
.green .tag-list a:active {
    border-bottom: 1px solid rgba(12, 133, 70, 1);
}

.green .tag-1,
.green .tag-2 {
    background-image: url('../img/tag-green.png');
}

.green .bullet {
    background-image: url('../img/bullet-sprite-green.png');
}

.green .btn,
.green.btn {
    color: rgb(12, 133, 70);
    border-bottom-color: rgb(12, 133, 70);
}

.column-list .green .ttl,
.column-list .green .ttl a {
    color: rgb(12, 133, 70);
}

.column-list li.green > a:hover {
    color: rgb(12, 133, 70);
}

.profile-module .green,
#floating-profile-details.green {
    background-color: rgb(24, 160, 64);
}

.green .article-list .sub-ttl {
    color: rgb(24, 160, 64);
}

.green.icon-link {
    color: rgb(24, 160, 64);
}

.green.icon-link:hover span {
    border-color: rgb(24, 160, 64);
}

.green-gradient {
    background: #62de87; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjJkZTg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjMThhMDQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0OTMzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #62de87 0%, #18a040 68%, #149339 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #62de87), color-stop(68%, #18a040), color-stop(100%, #149339)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #62de87 0%, #18a040 68%, #149339 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #62de87 0%, #18a040 68%, #149339 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #62de87 0%, #18a040 68%, #149339 100%); /* IE10+ */
    background: linear-gradient(135deg, #62de87 0%, #18a040 68%, #149339 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62de87', endColorstr='#149339', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}

.red {
}

.red a:hover,
a.red:hover,
.red a.active,
a.red.active,
.work-list .sub-ttl.red {
    color: rgb(236, 32, 36);
}

.red .sub-nav a {
    color: rgb(236, 32, 36);
    border-bottom: 1px solid rgba(236, 32, 36, 0);
}

.red .sub-nav a:hover,
.red .sub-nav a:active {
    border-bottom: 1px solid rgba(236, 32, 36, 1);
}

.red .tag-list a {
    color: rgb(236, 32, 36);
    border-bottom: 1px solid rgba(236, 32, 36, 0);
}

.red .read-more {
    color: rgb(236, 32, 36);
    border: 1px solid rgba(252, 210, 214, 1);
}

.red .read-more:hover {
    border-color: rgba(236, 32, 36, 1);
}

.red .tag-list a:hover,
.red .tag-list a:active {
    border-bottom: 1px solid rgba(236, 32, 36, 1);
}

.red .tag-1,
.red .tag-2 {
    background-image: url('../img/tag-red.png');
}

.red .bullet {
    background-image: url('../img/bullet-sprite-red.png');
}

.red .btn,
.red.btn {
    color: rgb(236, 32, 36);
    border-bottom: 1px solid rgba(236, 32, 36, 1);
}

.red.btn:hover,
.red .btn:hover {
    border-bottom: 3px solid rgba(236, 32, 36, 1);
}

.column-list .red .ttl,
.column-list .red .ttl a {
    color: rgb(236, 32, 36);
}

.column-list li.red > a:hover {
    color: rgb(236, 32, 36);
}

.profile-module .red,
#floating-profile-details.red {
    background-color: rgb(238, 28, 32);
}

.red .article-list .sub-ttl {
    color: rgb(238, 28, 32);
}

.red.icon-link {
    color: rgb(238, 28, 32);
}

.red.icon-link:hover span {
    border-color: rgb(238, 28, 32);
}

.red-gradient {
    background: #ff5e61; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmY1ZTYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjZWUxYzIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QxMWExZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #ff5e61 0%, #ee1c20 66%, #d11a1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff5e61), color-stop(66%, #ee1c20), color-stop(100%, #d11a1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #ff5e61 0%, #ee1c20 66%, #d11a1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #ff5e61 0%, #ee1c20 66%, #d11a1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #ff5e61 0%, #ee1c20 66%, #d11a1e 100%); /* IE10+ */
    background: linear-gradient(135deg, #ff5e61 0%, #ee1c20 66%, #d11a1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e61', endColorstr='#d11a1e', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}

.yellow {
}

.yellow a:hover,
a.yellow:hover,
.yellow a.active,
a.yellow.active,
.work-list .sub-ttl.yellow {
    color: rgb(242, 171, 19);
}

.yellow .tag-list a {
    color: rgb(242, 171, 19);
    border-bottom: 1px solid rgba(242, 171, 19, 0);
}

.yellow .read-more {
    color: rgb(242, 171, 19);
    border-bottom: 1px solid rgba(242, 171, 19, 1);
}

.yellow a.read-more:hover {
    border-bottom: 3px solid rgba(242, 171, 19, 1);
}

.yellow .tag-list a:hover,
.yellow .tag-list a:active {
    border-bottom: 1px solid rgba(242, 171, 19, 1);
}

.yellow .btn,
.yellow.btn {
    color: rgb(242, 171, 19);
    border-bottom-color: rgb(242, 171, 19);
}

.column-list .yellow .ttl,
.column-list .yellow .ttl a {
    color: rgb(242, 171, 19);
}

.column-list li.yellow > a:hover {
    color: rgb(242, 171, 19);
}

.profile-module .yellow,
#floating-profile-details.yellow {
    background-color: rgb(255, 226, 29);
    color: #231f20 !important;
}

.yellow-gradient {
    background: #ffeb62; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZlYjYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjZmZlMjFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzYzgxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #ffeb62 0%, #ffe21d 66%, #e3c810 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffeb62), color-stop(66%, #ffe21d), color-stop(100%, #e3c810)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #ffeb62 0%, #ffe21d 66%, #e3c810 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #ffeb62 0%, #ffe21d 66%, #e3c810 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #ffeb62 0%, #ffe21d 66%, #e3c810 100%); /* IE10+ */
    background: linear-gradient(135deg, #ffeb62 0%, #ffe21d 66%, #e3c810 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeb62', endColorstr='#e3c810', GradientType=1); /* IE6-8 fallback on horizontal gradient */

}

.pink {
}

.pink a:hover,
a.pink:hover,
.pink a.active,
a.pink.active,
.work-list .sub-ttl.pink {
    color: rgb(236, 32, 122);
}

.pink .tag-list a {
    color: rgb(236, 32, 122);
    border-bottom: 1px solid rgba(236, 32, 122, 0);
}

.pink .read-more {
    color: rgb(236, 32, 122);
    border-bottom: 1px solid rgba(236, 32, 122, 1);
}

.pink a.read-more:hover {
    border-bottom: 3px solid rgba(236, 32, 122, 1);
}

.pink .tag-list a:hover,
.pink .tag-list a:active {
    border-bottom: 1px solid rgba(236, 32, 122, 1);
}

.pink .btn,
.pink.btn {
    color: rgb(236, 32, 122);
    border-bottom-color: rgb(236, 32, 122);
}

.column-list .pink .ttl,
.column-list .pink .ttl a {
    color: rgb(236, 32, 122);
}

.column-list li.pink > a:hover {
    color: rgb(236, 32, 122);
}

.profile-module .pink,
#floating-profile-details.pink {
    background-color: rgb(235, 24, 105);
}

.pink-gradient {
    background: #f96495; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjk2NDk1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjZWIxODY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5MTg1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #f96495 0%, #eb1869 66%, #c9185c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f96495), color-stop(66%, #eb1869), color-stop(100%, #c9185c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f96495 0%, #eb1869 66%, #c9185c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f96495 0%, #eb1869 66%, #c9185c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f96495 0%, #eb1869 66%, #c9185c 100%); /* IE10+ */
    background: linear-gradient(135deg, #f96495 0%, #eb1869 66%, #c9185c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f96495', endColorstr='#c9185c', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}

.box-green-gradient {
    /* Gradient */

    background: #62de87; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjJkZTg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjMThhMDQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0OTMzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-21deg, #62de87 0%, #18a040 68%, #149339 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #62de87), color-stop(68%, #18a040), color-stop(100%, #149339)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-21deg, #62de87 0%, #18a040 68%, #149339 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-21deg, #62de87 0%, #18a040 68%, #149339 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-21deg, #62de87 0%, #18a040 68%, #149339 100%); /* IE10+ */
    background: linear-gradient(135deg, #62de87 0%, #18a040 68%, #149339 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62de87', endColorstr='#149339', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}


.box-purple-gradient {
    /* Gradient */

    background: #4c2b84; /* Old browsers */
    background: -moz-linear-gradient(-21deg, #7f5cbb 0%, #56358f 68%, #4c2b84 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7f5cbb), color-stop(68%, #56358f), color-stop(100%, #4c2b84)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-21deg, #7f5cbb 0%, #56358f 68%, #4c2b84 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-21deg, #7f5cbb 0%, #56358f 68%, #4c2b84 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-21deg, #7f5cbb 0%, #56358f 68%, #4c2b84 100%); /* IE10+ */
    background: linear-gradient(135deg, #7f5cbb 0%, #56358f 68%, #4c2b84 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f5cbb', endColorstr='#4c2b84', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}

.box-sunset-gradient {
    /* Gradient */

    background: #62de87; /* Old browsers */
    background: -moz-linear-gradient(-21deg, #fdc70e 0%, #ed491d 68%, #e71b22 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fdc70e), color-stop(68%, #ed491d), color-stop(100%, #e71b22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-21deg, #fdc70e 0%, #ed491d 68%, #e71b22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-21deg, #fdc70e 0%, #ed491d 68%, #e71b22 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-21deg, #fdc70e 0%, #ed491d 68%, #e71b22 100%); /* IE10+ */
    background: linear-gradient(135deg, #fdc70e 0%, #ed491d 68%, #e71b22 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdc70e', endColorstr='#e71b22', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}

/* Start ----------------------------------------------------------*/

html {
    background-color: #fff;
}

body {
    color: #231f20;
    font-size: 16px;
    line-height: 1.5em;
    font-family: 'Code-Pro-LC', sans-serif;
    font-weight: normal;
    background-color: #fff;
    text-align: center;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: antialiased;
}

/*onePageScroll stuff*/
body, html {
    margin: 0;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    transition: opacity 400ms;
}

body, .onepage-wrapper, html {
    display: block;
    position: static;
    padding: 0;
    width: 100%;
    height: 100%;
}

.onepage-wrapper {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    overflow: hidden;
}

#above-foot {
    position: relative;
    z-index: 1;
    background: none;
    -webkit-transition: -webkit-filter 1s ease-out;
    -ms-transition: -ms-filter 1s ease-out;
    -webkit-transition: -o-filter 1s ease-out;
    -o-transition: -webkit-filter 1s ease-out;
    transition: filter 1s, -webkit-filter 1s, -moz-filter 1s, -ms-filter 1s, -o-filter 1s ease-out;
}

#above-foot p:only-child {
    margin-bottom: 0 !important;
}

#above-foot .intro-copy-cont {
    margin-bottom: 17px !important;
}

#above-foot.blur {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px);
}

#hero-parallax {
    width: 100%;
}

#hero-parallax .home-ttl {
    margin-top: 60px;
}

#about-sec {
    z-index: 4;
    color: white;
}

.section-summary .btn {
    margin-top: 10px;
}

#about-sec .btn {
    background-color: #259646;
    color: white;
    border-bottom: none;

    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#about-sec .btn:hover {
    border-bottom: none;
    background-color: #228a42;
}

/* Header ----------------------------------------------------------*/
#header {
    width: 100%;
    height: 100px;
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    border-bottom: 1px solid #dadada;
    /*-webkit-transform: translate3d(0, 0, 150px);
    -moz-transform: translate3d(0, 0, 150px);
    transform: translate3d(0, 0, 150px);*/
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

#header.small-menu {
    height: 68px;
}

.customize-support #header {
    top: 28px;
}

#logo {
    float: left;
    /*width: 217px;
    height: 25px;*/
    margin-top: 39px;
    margin-left: 19px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align:left;
}

#header.small-menu #logo {
    /*margin-top: 30px;*/
    margin-top: 22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#header.small-menu #logo a {
    /*background-size: 160px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;*/
}

#logo.no-animate {
    -webkit-transition: 0;
    -moz-transition: 0;
    transition: 0;
}

#logo a {
    display: block;
    width: 100%;
    /*height: 100%;*/
    height:25px;
    color: #fff;
    /*background: url('../img/fcb_six.png') 0 0 no-repeat;*/
}
#logo img {
  height:100%;
  width:auto;
}

#main-nav {
    float: right;
    height: 25px;
    margin: 46px 10px 0 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#main-nav div:first-child {
  float:left;
}
#main-nav .lang-cont {
    display: block;
    float:left;
}

#header.small-menu #main-nav {
    /*margin-top: 33px;*/
    margin-top: 28px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#header.small-menu.mobile #main-nav {
  margin-top:0;
}

nav a {
    color: #231f20;
}

#main-nav a {
    display: block;
    float: left;
    line-height: 1em;
    padding: 0 0 7px 0;
    margin-left: 8px;
    margin-right: 28px;
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 15px;
    word-spacing: 0.12em;
}

#main-nav li {
    display: block;
    float: left;
    line-height: 1em;
    padding: 0 0 7px 0;
    margin-left: 8px;
    margin-right: 28px;
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 15px;
    word-spacing: 0.12em;
}
#main-nav li a,
#main-nav .lang-cont a {
    display: block;
    float: none;
    line-height: 1em;
    padding: 0;
    margin: 0;
    font-size: 15px;
    word-spacing: 0.12em;
}
#main-nav .lang-cont a {
  margin-left: 8px;
  margin-right: 28px;
}

#main-nav a.end {
    margin-right: 8px;
}

#main-nav a.active {
    border-bottom: solid 1px #ccc;
}

#main-nav.over a.active {
    /*border-bottom: none;*/
}

#nav-underline {
    position: absolute;
    top: 24px;
    left: 0;
    height: 1px;
    width: 82px;
    background: #ccc;
    display: none;
}

#main-nav.over #nav-underline {
    display: block;
}

#nav-underline.current-about-us {
    width: 76px;
    left: 102px;
}

#nav-underline.current-case-studies {
    width: 98px;
    left: 200px;
}

#nav-underline.current-clients {
    width: 61px;
    left: 319px;
}

#nav-underline.current-news {
    width: 48px;
    left: 401px;
}

#nav-underline.current-contact-us {
    width: 91px;
    left: 469px;
}

.nav-dd-btn {
    position: relative;
    overflow: hidden;
    display: block;
    float: right;
    height: 100px;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 11px;
    color: #231f20;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.small-menu .nav-dd-btn .loc-label {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-dd-btn.open {
    border-color: #d9d9d9;
}
.small-menu .nav-dd-btn {
  height:68px;
}

#region-select-btn {
    width: 78px;
    color: #959494;
}

#nav-social-btn {
    width: 64px;
    color: #959494;
}

.loc-under {
    display: block;
    width: 100%;
    height: 59px;
    background: url('../img/loc-sprite.png') -12px -5px no-repeat;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.small-menu .loc-under,
.small-menu .loc-over {
    /*background-position: -12px -11px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;*/
    margin-top:-10px;
}

#nav-social-btn .loc-under {
    background: url('../img/nav-share-sprite.png') -17px -5px no-repeat;
}

.small-menu #nav-social-btn .loc-under {
    /*background-position: -17px -11px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;*/

}

.loc-over {
    display: block;
    width: 100%;
    height: 59px;
    background: url('../img/loc-sprite.png') -117px -5px no-repeat;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    top: 0;
    left: 0;
}

#nav-social-btn .loc-over {
    background: url('../img/nav-share-sprite.png') -122px -5px no-repeat;
}

.nav-dd {
    height: 0;
    overflow: hidden;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}

.nav-dd nav {
    /*width: 1024px;*/
    width:100%;
    margin: 0 auto;
    padding-bottom: 120px;
    position:relative;
}

ul.continent-list {
    width: 190px;
    margin-left: 79px;
    float: left;
    padding-top: 45px;
    -webkit-transition: margin-left .4s;
    -moz-transition: margin-left .4s;
    transition: margin-left .4s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

ul.continent-list li {
    margin-bottom: 10px;
    text-align: left;
}

ul.continent-list a {
    font-family: 'Code-Pro-Bold', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color: #d3d2d2;
}

ul.continent-list a:hover,
ul.continent-list a.active {
    color: #231f20;
}

div.city-list {
    margin-left: 87px;
    padding-top: 40px;
    width: 50%;
    float: left;
}

div.city-list .city {
    margin-bottom: 5px;
    text-align: left;
}

div.city-list a,
div.city-list span {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 15px;
    color: #231f20;
}

div.city-list a {
    text-decoration: underline;
}

div.city-list a:hover,
div.city-list a.active {
    text-decoration: underline;
}

#close-country-select,
#close-nav-social {
  display: block;
  
  float: right;
  width: 34px;
  height: 34px;
  margin:48px 35px 48px 0;
  
  /*position: absolute;
  right: 35px;
  bottom: 48px;
  width: 34px;
  height: 34px;*/
  
  background: url('../img/large-close.png') 0 0 no-repeat;
  cursor: pointer;
}

#close-nav-social {
    /*margin-top: 184px;*/
}

#nav-social {
  text-align:center;
}
#nav-social nav {
  padding: 50px 0 100px 0;
  position: relative;
}

#nav-social p,
.large-social-ft-btn {
  position: relative;
  left: 35px;
}

#nav-social p,
#nav-social h4 {
  font-family: 'Code-Pro-LC', sans-serif;
  font-size: 18px;
  color: #231f20;
  padding: 0 15px;
  border-bottom: 1px solid #dedede;
  line-height: 1.3em;
  display:inline-block;
}
#nav-social .fcb-social {
  float:none;
  width: 90px;
  height: 90px;
  margin: 30px 17px;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
}
.fcb-share  a.fcb-social {
  float:none;
  display: inline-block;
}
#main-nav a.fcb-social {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin:5px;
}

#main-nav .widget_fcb_social h4 { display:none; }


.large-social-ft-btn {
    width: 91px;
    height: 92px;
    margin: 30px 17px;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}

.large-social-ft-btn span {
    width: 91px;
    height: 92px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/large-social.png') 0 0 no-repeat;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.large-social-ft-btn .btn-fg {
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
}

.large-social-ft-btn:hover .btn-bg {
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
}

.large-social-ft-btn:hover .btn-fg {
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

#large-social-ft-fb .btn-bg {
    background-position: 0 0;
}

#large-social-ft-fb .btn-fg {
    background-position: 0 -92px;
}

#large-social-ft-tw .btn-bg {
    background-position: -91px 0;
}

#large-social-ft-tw .btn-fg {
    background-position: -91px -92px;
}

#large-social-ft-in .btn-bg {
    background-position: -182px 0;
}

#large-social-ft-in .btn-fg {
    background-position: -182px -92px;
}

#large-social-ft-li .btn-bg {
    background-position: -273px 0;
}

#large-social-ft-li .btn-fg {
    background-position: -273px -92px;
}

.sub-nav {
    width: 460px;
    margin: 0 auto 35px auto;
}

.sub-nav.with-logo {
    border-top: solid 1px #d4d4d4;
}

.sub-nav.with-logo ul {
    margin-top: 5px;
}

.logo {
    width: 150px;
    height: 29px;
    background-color: #fff;
    margin: -15px auto 0 auto;
}

.tags-logo {
    background: url('../img/tags-large.png') center 0 no-repeat;
}

.tags-logo.news-logo {
    background-image: url('../img/news-large.png');
    background-position: center 0;
    background-repeat: no-repeat;
}

.sub-nav ul {
    text-align: center;
}

.with-logo.sub-nav ul {
    padding-top: 6px;
}

.sub-nav li {
    text-align: center;
    margin: 0 7px;
    line-height: 1.5em;
    display: inline;
    white-space: nowrap;
}

.sub-nav a,
.sub-nav img {
    vertical-align: middle;
}

.sub-nav a {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 81.25%;
    color: #2c2c2c;
    margin-left: 2px;
    border-bottom: 1px solid rgba(243, 102, 57, 0);
}

.sub-nav a:hover,
.sub-nav a:active {
    border-bottom: 1px solid rgba(243, 102, 57, 1);
}

/* Modules ----------------------------------------------------------*/

.white {
    background: #fff;
}

.dark-blue-mod {
    background: #233549;
    color: #fff;
}

.black {
    background: #1e1e1e;
    color: #fff;
}

.missing {
    background: green;
}

.row {
    width: 100%;
    background-color: #fff;
}

.row.case-study-white h3,
.row.case-study-white p {
    color: #fff;
}

.border-top {
    border-top: solid 1px #ccc;
}

.border-bottom {
    border-bottom: solid 1px #ccc;
}

.lt-ie9 .row {
    min-width: 1028px;
}

.page-transition .animateBlock {
    opacity: 0;
}

.lt-ie9 .page-transition .animateBlock {
    opacity: 1;
}

.lt-ie9 .gradient {
    filter: none;
}

.inner-cont {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#latest-blog-sec .inner-cont {
    background: #57b6f0 url('../img/latest-blog-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
    color: white;
    padding: 7% 0;
}

#latest-blog-sec .inner-cont .btn {
    margin-bottom: 0 !important;
}

.one024-cont {
    width: 1024px;
}

.five12-cont {
    width: 512px;
}

.five12-cont-dynamic {
    width: 100%;
}

.five12-cont-dynamic p {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.five12-cont-dynamic .sub-ttl,
.five12-cont-dynamic p.sub-ttl,
.five12-cont-dynamic .ttl {
    width: 80%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.three60-cont {
    width: 360px;
}

.three60-cont-dynamic {
    width: 100%;
}

.three60-cont-dynamic p {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.three60-cont-dynamic .sub-ttl,
.three60-cont-dynamic p.sub-ttl,
.three60-cont-dynamic .ttl {
    width: auto;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.two95-cont {
    width: 290px;
}

.one90-cont {
    width: 190px;
}

.one-center-col {
    padding: 50px 0;
}

.one-center-col.img-ttl-header {
    padding: 80px 0 20px 0;
}

.one-center-col.img-ttl-header.client-ttl p {
    margin-bottom: 35px;
}

.one-center-col.news-article {
    padding: 0px 0 70px 0; /* 70px 0 50px 0 */
    text-align:left;
}

.one-center-col.case-study-intro {
    padding: 60px 0;
}

.one-center-col.case-study-intro .cs-logo {
    margin-top: 10px;
}

.section-summary.one-center-col {
    padding: 50px 0 15px 0;
}

div.one-center-col h1.ttl {
    width: 80%;
    max-width: 80%;
    text-align: left;
}

#clients-sec {
    color: white;
}

#clients-sec .section-summary.one-center-col {
    padding: 58px 0 15px 0;
}

#clients-sec .btn {
    margin-top: 10px;
    background-color: #259646;
    border-bottom: none;
    color: white;

    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#clients-sec .btn:hover {
    border-bottom: none;
    background-color: #228a42;
}

/*fix so orange panel on home page dont have the extra padding. pretty crappy way to do it*/
.white-fix .section-summary.one-center-col {
    padding: 50px 0 15px 0;
}

#latest-news-sec.white-fix .section-summary.one-center-col {
    padding-top: 6.11111111111111%;
    padding-bottom: 5.11111111111111%;
}

.img-ttl {
    width: 250px;
    height: 125px;
    margin: 0 auto 10px auto;
    background-size: 250px 125px;
}

.img-ttl-header .sub-ttl {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 187.5%;
    line-height: 0.8em;
    margin: 0 auto 20px auto;
}

.img-ttl-underline {
    width: 133px;
    height: 4px;
    background: #2e3034;
    margin: 0 auto 20px auto;
}

.one-center-col .intro-copy-cont {
    margin-bottom: 20px;
}

.one-center-col .intro-copy-cont p {
    font-size: 15px;
    line-height: 20px;
}

.one-center-col .intro-copy-cont.larger37 {
    margin-bottom: 37px;
}

.one-center-col p {
    margin-bottom: 10px;
}

.one-center-col p strong {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
}

.case-study-intro.work-copy .sub-ttl {
    font-size: 175%;
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    margin-bottom: 20px;
    width: 42%;
}

.case-study-intro.work-copy p {
    margin-bottom: 0;
}

.three-quarters-col {
    width: 75%;
    float: left;
}

.large-vid-col {
    width: 62.5%;
    float: left;
}

.half-col {
    width: 50%;
    float: left;
}

.center-inner-col .half-col {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.large-vid-match-col {
    width: 37.5%;
    float: left;
}

.quarter-col {
    width: 25%;
    float: left;
}

.mt-70 {
    margin-top: 70px;
}

.dynamic-padding {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
}

.half-col.dynamic-padding {
    padding: 4.11111111111111% 6.8359375% 4.11111111111111% 6.8359375%;
}

.half-col.dynamic-padding.no-bottom {
    padding-bottom: 0;
}

.large-vid-match-col.dynamic-padding {
    padding-top: 4.11111111111111%;
    padding-left: 3.90625%;
    padding-right: 3.90625%;
}

.quarter-col.dynamic-padding {
    padding-top: 4.11111111111111%;
    padding-left: 3.90625%;
    padding-right: 2.5%;
}

.section-summary .ttl {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    font-size: 237.5%;
    line-height: 1.1em;
    margin-bottom: 11px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    word-spacing: 0.12em;
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
    /*-ms-filter: "alpha(opacity=0)";*/
    opacity: 0;
}

.section .section-summary .ttl {
    font-size: 237.5%;
    word-spacing: 0.12em;
}

.section .section-summary.career-summary h2.ttl {
    font-weight: normal;
    font-size: 170%;
    word-spacing: 0.12em;
}

.section .section-summary p {
    font-size: 81%;
    line-height: 170%;
}

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

.work-copy.pb {
    padding: 50px 0;
}

.work-copy.the-planning {
    padding: 50px 0 34px;
}

.work-copy.centre {
    text-align: center;
}

.work-copy header.underline,
.underline-span {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-bottom: 8px;
    width: auto;
    height: auto;
    background-color: transparent !important;
}

.work-copy header.underline.the-result,
.work-copy header.underline.the-experience {
    margin-bottom: 0;
}

.work-copy header.underline.the-result h3 {
    margin-bottom: 10px;
}

.floating-content.the-result {
    padding-left: 8.90625%;
}

.floating-content.the-result p, .floating-content.the-result ul {
    margin-right: 60px;
}

.floating-content.the-result ul {
    margin-top: 10px;
}

.work-copy header.underline.the-result h3 {
    padding-bottom: 0;
}

.work-copy header.underline.the-experience h3 {
    padding-bottom: 0;
}

header.underline.show-on-scroll .ttl {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
}

header.underline.show-on-scroll .sub-ttl {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
}

.work-copy .ttl {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    font-size: 175%;
    word-spacing: 0.12em;
    line-height: 1.25em;
    padding-bottom: 6px;
}

.work-copy .ttl a {
    color: inherit;
    display: block;
}

.work-copy .sub-ttl,
.work-copy p.sub-ttl {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 112.5%;
    line-height: 1.3em;
}

.work-copy .sub-ttl.case-study-start {
    margin-bottom: 6px;
}

.work-copy p.sub-ttl.small {
    font-size: 100%;
}

.sub-ttl a {
    color: inherit;
}

div.underline {
    width: 190px;
    height: 2px;
    background-color: #2c2c2c;
    margin-bottom: 25px;
}

.white .underline,
.black .underline,
.white-text .work-copy header.underline {
    background-color: #fff;
    border-bottom-color: #fff;
}

.centre .underline {
    margin-left: auto;
    margin-right: auto;
}

.work-copy p {
    font-size: 100%;
    line-height: 170%;
    color: #231f20;
    margin-bottom: 16px;
}

.work-copy p a {
    color: #231f20;
    text-decoration: underline;
}

.work-copy.three60-cont-dynamic p {
    width: 75%;
}

.work-copy p img {
    width: 15%;
    height: auto;
    float: left;
    margin: 0 10px 5px 0;
}

.work-copy > ul > li {
    background: url('../img/decimal.gif') 0 43% no-repeat;
    padding-left: 13px;
    margin-bottom: 20px;
    font-size: 81.25%;
}

.work-copy .more-link {
    margin-bottom: 27px;
}
.work-copy .more {
    text-transform:uppercase;
}

.work-copy .more-link a.read-more {
    text-decoration: none;
    font-family: 'Code-Pro-LC', sans-serif;

    height: 38px;
    line-height: 31px;
    padding: 4px 20px;

    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s;

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

.work-copy .tag-cont {
    padding-left: 24px;
    position: relative;
}

.tag-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 20px;
    float: left;
}

.tag-1,
.tag-2 {
    width: 30px;
    height: 28px;
    position: absolute;
    background: url('../img/tag-red.png') left bottom no-repeat;
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
}

.tag-1 {
    top: -10px;
    right: -9px;
}

.tag-2 {
    top: -7px;
    right: -11px;
}

.tag-list {
    float: left;
    margin-top: -4px;
}

.tag-list li {
    float: left;
    margin: 0 9px;
    line-height: 1.5em;
}

.bullet {
    margin-top: -2px;
    width: 5px;
    height: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    background: url('../img/bullet-sprite.png') 0 0 no-repeat;
}

.tag-list li:hover .bullet.no-hover,
.sub-nav li:hover .bullet.no-hover {
    background-position: 0 0;
}

.tag-list li:hover .bullet,
.sub-nav li:hover .bullet {
    background-position: 0 -5px;
}

.tag-list a {
    vertical-align: middle;
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 81.25%;
    color: #2c2c2c;
    margin-left: 2px;
    border-bottom: 1px solid rgba(243, 102, 57, 0);
}

.three-col-cont .inner-cont {
    margin-left: 80px;
    width: 256px;
    float: left;
    padding-top: 60px;
    padding-bottom: 60px;
}

.three-col-cont .ttl {
    padding-bottom: 40px;
}

.three-col-cont .underline {
    height: 1px;
    background: #d4d4d4;
    width: 220px;
    margin-bottom: 20px;
}

.three-col-cont .underline.underline-before-ttl {
    margin-bottom: 22px;
}

.three-col-cont .work-copy p {
    margin-bottom: 21px;
}

.three-col-cont .download-rfi {
    margin-bottom: 17px;
}

.three-col-cont p strong {
    margin-right: 11px;
    font-family: 'Code-Pro-Bold-LC', sans-serif;
}

.three-col-cont p a {
    color: #2c2c2c;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 20px;
    border-bottom: 1px solid #d4d4d4;
}

.contact-page.three-col-cont p a {
    border-bottom: none;
}

.contact-page.three-col-cont p a:hover {
    border-bottom: none;
}

.three-col-cont p a:hover {
    color: rgb(24, 160, 64);
    /*border-bottom: 1px solid rgb(24, 160, 64);*/
}

.icon-link {
    padding-left: 35px;
    font-family: 'Code-Pro-LC', sans-serif;
    line-height: 20px;
    color: #2e3034;
}

.icon-link:hover {
    color: #f36639;
}

/*.icon-link:hover span{border-bottom: 1px solid #f36639;}*/

.dl-icon {
    background: url('../img/dl-icon.png') 0 0 no-repeat;
}

/*img cont*/
.img-cont {
    overflow: hidden;
    line-height: 0.4em;
}

.img-cont > a,
.img-cont > .img-height-protector {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0.4em;
    overflow: hidden;
}

.img-cont > a > img,
.img-cont > .img-height-protector > img,
.img-cont > img {
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.img-w-text {
    position: relative;
}

.img-w-text .quarter-col {
    position: absolute;
    left: 3.90625%;
    top: 50%;
    line-height: 1.4em;
}

.img-w-text.white-text .quarter-col {
    color: #fff;
}

.img-w-text.white-text .underline {
    background: #fff;
}

.img-w-text .work-copy .ttl {
    padding-bottom: 17px;
}

.large-img-caro {
    width: 100%;
    /*H will be set programatically, this is fail safe*/
    height: 800px;
}

.large-img-caro > li {
    width: 100%;
    height: auto;
    line-height: 0.4em;
}

.large-img-caro > ul > li > img {
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.caro-nav {
    position: absolute;
    bottom: 15px;
    left: 50%;
    z-index: 2;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.caro-nav li {
    float: left;
    margin-right: 8px;
}

.caro-nav a {
    display: block;
    width: 11px;
    height: 11px;
    background: url('../img/caro-item.png') 0 0 no-repeat;
    -ms-filter: "alpha(opacity=40)";
    opacity: 0.4;
}

.caro-nav a.active,
.caro-nav a:hover {
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
}

.swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
    height: auto;
    line-height: 0.4em;
}

.swipe-wrap > div > img {
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.bb-caro-l,
.bb-caro-r {
    width: 12px;
    height: 22px;
    margin-top: -11px;
    color: #fff;
    display: none;
    position: absolute;
    top: 50%;
    background: url('../img/bb-arrows.gif') 0 0 no-repeat;
}

.bb-caro-l {
    left: 11.71875%;
}

.bb-caro-r {
    right: 11.71875%;
    background-position: -12px 0;
}

.hero {
    background: #1e1e1e;
    color: #fff;
    position: relative;
}

.hero > a {
    position: relative;
    color: #fff;
}

.hero .credit {
    position: absolute;
    bottom: 0;
    right: 15px;
    height: 400px;
    width: 20px;
    display: block;
    -webkit-transform: translate3d(0px, 0, 0);

}

.hero .credit span {
    position: absolute;
    top: 197px;
    right: -190px;
    width: 400px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hero .credit span a {
    color: inherit;
}

.hero .floating-content {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
}

.case-study-hero .floating-content {
    top: 55%;
}

.hero .ttl {
    width: 100%;
    margin-bottom: 20px;
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    font-size: 425%;
    line-height: 0.9em;
    /*word-spacing: 0.12em;*/
    /*-webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);*/
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    
    text-shadow:1px 1px 2px rgba(0,0,0,0.6);
}

.hero .sub-ttl {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 150%;
    line-height: 0.8em;
}

.diamond-btn {
    margin: 0 auto;
    width: 81px;
    height: 100px;
    display: block;
    position: relative;
}

.btn-label {
    font-size: 112.5%;
    font-family: 'Code-Pro-LC', sans-serif;
    color: #fff;
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    display: block;
    line-height: 1em;
    -webkit-transform: translate3d(0, 86px, 0);
    -moz-transform: translate3d(0, 86px, 0);
    -ms-transform: translate(0, 86px);
    transform: translate3d(0, 86px, 0);
    white-space: pre;
}

.btn-arrow,
.btn-arrow-over {
    position: absolute;
    top: 29px;
    left: 36px;
    z-index: 3;
}

.big-down-arrow {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 54px;
    height: 29px;
    margin-left: -27px;
    background: url('../img/arrow-down-big.png') 0 0 no-repeat;
    cursor: pointer;
}

.vid-cont {
    overflow: hidden;
    position: relative;
    line-height: 0.4em;
}

.vid-cont > a {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0.4em;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: black
}

.vid-cont > .caro-vid-overlay {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0.4em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    background: black;
    background-color: rgba(0, 0, 0, 0.6);
}

.close-vid {
    display: block;
    width: 34px;
    height: 34px;
    background: url('../img/large-close.png') 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    top: 33px;
    right: 33px;
}

.hero.vid-cont .floating-content {
    top: 50%;
}

.vid-cont > a > img {
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.vid-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    width: 76px;
    height: 76px;
    border: solid 6px #fff;
}

.hero.vid-cont .floating-content .vid-play-btn {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: 10px auto 0 auto;
}

.vid-play-btn .btn-arrow {
    top: 25px;
    left: 31px;
}

.vimeo-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

li .vimeo-video,
.swipe-wrap .vimeo-video {
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    opacity: 0;
}

/* Careers ----------------------------------------------------------*/

.careers-block .section-summary.one-center-col {
    padding-top: 70px;
}

.careers-block .section-summary.one-center-col .btn {
    margin-bottom: 0;
}

.careers-block.last .section-summary.one-center-col {
    padding-bottom: 80px;
}

#current-opportunities {
    padding-bottom: 40px;
}

#current-opportunities .section-summary.one-center-col {
    padding-top: 55px;
}

#current-opportunities .red .intro-copy-cont a {
    color: #ec2024;
}

#current-opportunities ul {
    margin: 0 auto;
    width: 72%;
    margin-top: 35px;
    margin-bottom: 40px;
}

#current-opportunities ul li {
    text-align: left;
    float: left;
    width: 46%;
    margin-right: 8%;
}

#current-opportunities ul li.last {
    margin-right: 0;
}

#current-opportunities ul li a {
    padding: 24px 30px 0 30px;
    color: #2a2627;
    display: block;
    height: 46px;
    border-bottom: 1px solid #d4d4d4;
}

#current-opportunities ul li.top a {
    border-top: 1px solid #d4d4d4;
}

#current-opportunities ul li a span {
    display: block;
    width: 10px;
    height: 19px;
    background-color: red;
    float: right;
    margin-top: 2px;
    background: url('../img/career-arrows.gif') 0 0 no-repeat;
}

#current-opportunities ul li.colour-0 a span {
    background-position: 0;
}

#current-opportunities ul li.colour-1 a span {
    background-position: -10px;
}

#current-opportunities ul li.colour-2 a span {
    background-position: -20px;
}

#current-opportunities ul li.colour-3 a span {
    background-position: -30px;
}

#current-opportunities ul li.colour-4 a span {
    background-position: -40px;
}

.mobile-only,
.mobile-and-tablet {
    display: none !important;
}

/* Jobs ----------------------------------------------------------*/

#job-detail {
    text-align: left;
}

#job-detail h1 {
    position: relative;
    margin-bottom: 35px;
    left: 50%;
    margin-left: -33%;
    font-size: 220%;
    width: 50%;
}

#job-detail .job-content {
    width: 48%;
    margin: 0 auto;
}

#job-detail .job-content h2 {
    font-size: 110%;
    margin-bottom: 25px;
}

#job-detail .job-content p {
    width: 100%;
    margin-bottom: 25px;
}

#job-detail .job-content ul {
    list-style-type: circle;
    margin-left: 15px;
}

#job-detail .job-content ul li {
    font-size: 81%;
    line-height: 170%;
    list-style-type: disc;
}

#job-detail a.btn {
    height: 30px;
}

/* Thanks ----------------------------------------------------------*/

#job-thanks {
    padding-top: 63px;
    color: white;
}

#job-thanks .btn {
    background-color: #259646;
    color: white;
    border-bottom: none;
}

#job-thanks .btn:hover {
    border-bottom: none;
}

/* Applicarion form ----------------------------------------------------------*/

#application-form .row {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #e9e9e9;
    text-align: left;
}

#application-form div.error {
    color: rgb(236, 32, 36);
    margin-top: 10px;
    font-size: 15px;
    display: none;
}

#application-form div.error.active {
    display: block;
}

#application-form .row.message {
    height: 180px;
}

#application-form .row.message .first-col {
    height: 159px;
}

#application-form .row .first-col {
    width: 225px;
    float: left;
    border-right: 1px solid #e9e9e9;
    height: 49px;
    padding-left: 60px;
    padding-top: 22px;
}

#application-form .row .first-col .icon {
    width: 14px;
    height: 14px;
    background-color: red;
    float: left;
    margin-right: 17px;
    margin-top: 5px;
    background: url('../img/application-icons.gif') 0 0 no-repeat;
}

#application-form .row .first-col .icon.email {
    background-position: -14px 0;
}

#application-form .row .first-col .icon.phone {
    background-position: -28px 0;
    width: 14px;
}

#application-form .row .first-col .icon.resume {
    background-position: -42px 0;
}

#application-form .row .first-col .icon.message {
    background-position: -56px 0;
}

#application-form .row .first-col label {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
}

#application-form .row .first-col label.error {
    color: rgb(236, 32, 36);
}

#application-form .row .second-col input,
#application-form .row .second-col textarea {
    font-family: 'Code-Pro-LC', sans-serif;
    margin-left: 15px;
    margin-top: 10px;
    width: 80%;
    font-size: 14px;
    padding: 15px;
}

#application-form .row .second-col textarea {
    margin-top: 6px;
    height: 112px;
    line-height: 25px;
    resize: none;
}

#application-form .row .second-col input:focus,
#application-form .row .second-col textarea:focus,
#application-form .btn:focus {
    outline: none;
}

#application-form .row .second-col {
    width: 60%;
    float: left;
}

#application-form .btn {
    margin-top: 33px;
    margin-bottom: 70px;
}

/* Custom upload ----------------------------------------------------------*/

#application-form .hide-resume {
    height: 0;
    overflow: hidden;
}

.lt-ie10 #application-form .hide-resume,
html[data-useragent*='MSIE 10.0'] #application-form .hide-resume {
    height: auto;
    overflow: normal;
}

#application-form #df-application-resume-btn {
    width: 113px;
    height: 40px;
    padding: 0;
    margin-top: 15px;
    margin-left: 30px;
    background: url('../img/upload-file.gif') 0 0 no-repeat;
    background-size: 113px 40px;
    float: left;
}

.lt-ie10 #application-form #df-application-resume-btn,
html[data-useragent*='MSIE 10.0'] #application-form #df-application-resume-btn {
    display: none;
}

#application-form #df-application-filename-display {
    display: none;
    height: 40px;
    min-width: 100px;
    margin: 15px 0 0 20px;
    background-color: #ec207a;
    color: white;
    float: left;
}

#application-form #df-application-filename-display.active {
    display: block;
}

.lt-ie10 #application-form #df-application-filename-display.active,
html[data-useragent*='MSIE 10.0']  #application-form #df-application-filename-display.active {
    display: none;
}

#application-form #df-application-filename-display .attachment-icon {
    width: 17px;
    height: 17px;
    margin: 11px 0 0 20px;
    float: left;
    background: url('../img/attachment-icon.gif') 0 0 no-repeat;
}

#application-form #df-application-filename-display .close-btn {
    width: 17px;
    height: 17px;
    margin-right: -8px;
    margin-top: -8px;
    float: right;
    background: url('../img/attachment-close.gif') 0 0 no-repeat;
}

#application-form #df-application-filename-display .filename {
    display: block;
    margin: 9px 15px 0 10px;
    font-size: 10px;
    float: left;
    max-width: 200px;
    overflow: hidden;
}

#application-form #df-application-filename-display .filename p {
    width: 300px;
}

#application-form #df-application-resume-btn:focus {
    outline: none;
}

#application-form #df-application-resume-btn:hover {
    cursor: pointer;
    cursor: hand;
}

#application-form #df-application-resume-btn span {
    margin-left: -10000px;
}

#df-application-submit {
    clear: both;
    display: block;
    width: 233px;
    height: 50px;
    margin: 0 auto;
    margin-top: 50px;

    outline: 0 !important;
    -webkit-appearance: none;
}

#df-application-submit:focus {
    outline: 0 !important;
    -webkit-appearance: none;
}

#df-application-submit:hover {
    opacity: 0.9;
}

/* News list ----------------------------------------------------------*/

.article-list {
    padding-top: 48px;
    padding-bottom: 20px;
    text-align: center;
}

.article-list.work-copy .ttl {
    padding-bottom: 0;
}

.article-list.work-copy .sub-ttl {
    font-size: 105.25%;
}

.article-list .underline {
    width: 97px;
    height: 4px;
    margin: 0 auto 20px auto;
    background-color: #231f20;
}

.article-list.work-copy p img {
    width: 15%;
    height: auto;
    float: none;
    display: block;
    margin: 0 auto 17px auto;
}

.article-list.work-copy .tag-cont {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    margin: 0 auto 25px auto;
}

/* Latest news module (homepage) ----------------------------------------------------------*/

#latest-news-sec {
    color: white;
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.lt-ie9 #latest-news-sec,
.lt-ie9 #latest-blog-sec {
    display: none;
}

.lt-ie9 #who-we-are-link {
    display: none;
}

#latest-news-sec p {
    width: 35%;
}

#latest-news-sec h3.ttl {
    font-size: 28px;
    font-family: 'Code-Pro-LC', sans-serif;
    margin-bottom: 24px;
}

#latest-news-sec h2.ttl {
    font-size: 38px;
    margin-bottom: 18px;
}

#latest-news-sec a.btn {
    color: #717171;
    margin-bottom: 25px;
    margin-top: 10px;

    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#latest-news-sec a.btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

/* Blog Module (homepage) ----------------------------------------------------------*/

#latest-news-sec.blog {

}

#latest-news-sec.white-fix .section-summary.one-center-col {
    padding-top: 7%;
    padding-bottom: 7%;
}

#latest-news-sec.blog .ttl {
    opacity: 1
}

#latest-news-sec h2.ttl {
    margin-top: 50px;
}

#latest-news-sec.blog h3.ttl {
    font-size: 24px;
    line-height: 32px;
    opacity: 1;
    margin-bottom: 10px;
}

#latest-news-sec.blog .blog-inner {
    padding-bottom: 30px;
    color: white;
    width: 55%;
    margin: 0 auto;

    background: #57b6f0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTdiNmYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMDA3MmJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA5NjI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #57b6f0), color-stop(66%, #0072ba), color-stop(100%, #09629b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* IE10+ */
    background: linear-gradient(135deg, #57b6f0 0%, #0072ba 66%, #09629b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b6f0', endColorstr='#09629b', GradientType=1); /* IE6-8 fallback on horizontal gradient */
}

#latest-news-sec.blog .blog-inner .btn {
    clear: both;
    color: white;
    background-color: #0969a6;

    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#latest-news-sec.blog .blog-inner .btn:hover {
    background-color: #08598d;
}

/* Work Section ----------------------------------------------------------*/

.news-grid-container {
  padding-top: 20px;
}
#news-grid {
    margin: 0 auto;
}

.work-item {
    display: block;
    width: 298px;
    height: auto;
    background-color: #f6f6f6;
    margin: 0 0 20px 0;
    float: left;
    opacity: 0;
}

.work-list {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
}

.work-list a {
    display: block;
    color: black;
}

.work-list a:hover {
    color: black;
}

.work-list a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.work-list.yellow a.active p,
.work-list.yellow a.active .ttl {
    color: black;
}

/* Transition */
.work-item .work-list .sub-ttl {
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

.work-item .work-list .ttl {
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

.work-item .work-list p {
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

.work-item .work-list img {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.work-item .work-list .gradient-holder {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.work-list img {
    position: relative;
    display: block;
    z-index: 3;
    width: 298px;
    height: 204px;
    margin-bottom: 0;
}

.work-list .gradient {
    position: relative;
    padding: 19px 0 40px 20px;
    margin: 0;
    /*width: 278px;*/
    z-index: 2;
}

.work-list .gradient-holder {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.lt-ie9 .work-list .gradient-holder {
    display: none;
}

.work-list a:hover .gradient-holder {
    opacity: 1;
}

.work-list .sub-ttl {
    font-family: 'Code-Pro-LC', sans-serif;
    margin: 0 30px 0 0;
    font-size: 13px;
}

.work-list a.active .sub-ttl {
    color: white;
}

.lt-ie9 .work-list a.active .sub-ttl {
    color: black;
}

.work-list .ttl {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    font-size: 22px;
    line-height: 29px;
    margin: 10px 30px 0 0;
}

.work-list a.active .ttl {
    color: white;
}

.lt-ie9 .work-list a.active .ttl {
    color: black;
}

.work-list .ttl a {
    text-transform: none !important;
    color: #000;
}

.work-list p {
    font-family: 'Code-Pro-LC', sans-serif;
    margin: 10px 30px 0 0;
    font-size: 13px;
}

.work-item .work-list p {
    line-height: 22px;
}

.work-list a.active p {
    color: white;
}

.lt-ie9 .work-list a.active p {
    color: black;
}

.work-list .news-corner {
    width: 40px;
    height: 40px;
    float: right;
    background-color: red;
    padding: 0;

    background: url('../img/news-corner.png') right bottom no-repeat;
}

.lt-ie9 .work-list .news-corner {
    display: none;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
    opacity: 1;
}

/* Effect 2: Move Up */
.grid.effect-1 li.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

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

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

/* Effect 3: Scale up */
.grid.effect-2 li.animate {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards;
}

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

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

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-3 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-3 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip .8s ease-in-out forwards;
    animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flip {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}

/* News Detail ----------------------------------------------------------*/

.article {
    width: 945px;
}

.article .ttl,
.article h2.ttl {
    line-height: 1.3em;
    margin-bottom: 0;
}

.article.news-article .ttl {
    width: 570px;
    margin-bottom: 0;
    font-size: 175%;
}

.article .sub-ttl,
.article p.sub-ttl {
    width: auto;
    margin-bottom: 20px;
    font-size: 112.5%;
}

.article p.sub-ttl a {
    border-bottom: none;
    height: 15px;
    border-bottom: 1px solid rgba(243, 102, 57, 0.0);
}

.article p.sub-ttl a:hover {
    color: #f36639;
    border-bottom: 1px solid rgba(243, 102, 57, 0.9);
}

.article.news-article .tag-cont {
    float: right;
    border-top: none;
    padding-top: 0;
    margin-top: -2px;
}

.article.news-article img {
    width: 100%;
    height: auto;
    float: none;
}

.article.news-article .wp-caption-text {
    font-style: italic;
    color: #2c2c2c;
}

.article.news-article .tag-icon {
    top: 0;
}

.article .underline {
    margin-top: 18px;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.article .copy-column {
    width: 600px;
    font-size: 15px;
}
.article .copy-column ul,
.article .copy-column ol {
  margin:1em 0;
  padding:0 0 0 3em;
}
.article .copy-column ul {
  list-style-type: circle;
}
.article .copy-column ol {
  list-style-type: decimal;
}
.article .copy-column li {
  margin-bottom:0.5em;
}

.article.news-articlework-copy .copy-column p {
    margin-bottom: 20px;
}

.article .center-text {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.article .center-text p {
    width: 100%;
    margin-bottom: 20px;
    font-size: 81.25%;
}

.article .center-text .btn,
.article .center-text blockquote {
    margin-left: auto;
    margin-right: auto;
}

.article p a,
.article address a,
.credits-column a {
    color: #2c2c2c;
    text-decoration: underline;
}

.article p a:hover,
.article address a:hover,
.credits-column a:hover {
    color: #f36639;
}

.article h2 {
    font-family: 'Code-Pro-Bold', sans-serif;
    font-size: 137.5%;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.article h3,
.article h4,
.article h5,
.article h6 {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 112.5%;
}

.article blockquote {
    display: block;
    width: 80%;
    margin-left: 10%;
    border-top: solid 4px #000;
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 115.5%;
    line-height: 1.3em;
    font-family: 'Code-Pro-LC', sans-serif;
    margin-bottom: 25px;
    background: url('../img/blockquote-bottom.png') center bottom no-repeat;
    column-span: 1;
    -webkit-column-span: 1; /* Safari and Chrome */
    break-before: avoid;
    -webkit-column-break-before: avoid;
}

.article blockquote p {
    width: 100%;
    margin-bottom: 0;
    display: inline;
}

.article .credits-column {
  margin-top: 50px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}

.article .credits-column h2 {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 100%;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.article .credits-column h3,
.article .credits-column h4,
.article .credits-column h5,
.article .credits-column h6 {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 100%;
    text-transform: none;
    margin-bottom: 2px;
}

.article-list .ttl {
    line-height: 1.3em;
    margin-bottom: 20px;
    word-spacing: 0.12em;
}

.share-cont {
    padding-top: 75px;
    text-align: center;
    font-family: 'Code-Pro-LC', sans-serif;
}

.case-study-intro.five12-cont-dynamic .share-cont {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}

.share-cont {
    margin-bottom: 35px;
}

body .share-cont p {
    margin: 0 auto 15px auto;
    padding-bottom: 5px;
    text-align: center;
    color: #000
}

.share-cont .social-ft-btn {
    width: 39px;
    height: 39px;
    float: none;
    margin-right: 15px;
}

.share-cont .social-ft-btn:last-child {
    margin-right: 0;
}

.share-cont .social-ft-btn span {
    width: 40px;
    height: 40px;
}

.share-cont #social-ft-fb .btn-bg {
    background-position: -51px -254px;
}

.share-cont #social-ft-fb .btn-fg {
    background-position: -1px -254px;
}

.share-cont #social-ft-tw .btn-bg {
    background-position: -51px -293px;
}

.share-cont #social-ft-tw .btn-fg {
    background-position: -1px -293px;
}

.share-cont #social-ft-li .btn-bg {
    background-position: -51px -332px;
}

.share-cont #social-ft-li .btn-fg {
    background-position: -1px -332px;
}

/* About ----------------------------------------------------------*/

.about-full-image img {
    width: 100%;
    display: block;
}

.lt-ie9 .quote-row {
    display: none;
}

.quote-row-padded {
  
}

.quote-row .section-summary.one-center-col {
    padding-top: 4.11111111111111%;
    padding-bottom: 4.11111111111111%;
}

.quote-row .section-summary.one-center-col.thanks {
    padding-bottom: 10.11111111111111%;
}

.person-quote-block {
    text-align: left;
    position: relative;
}

.quote-row blockquote {
    width: 55%;
    max-width: 600px;
    padding-left: 20px;
    margin: 0 auto;
    /*margin-bottom: 38px;*/
    font-size: 28px;
    line-height: 1.3em;
    color: white;
    font-family: 'Code-Pro-Light-LC', sans-serif;
}

.quote-row .cite {
    width: 50%;
    margin: 0 auto;
    font-size: 19px;
    font-family: 'Code-Pro-LC', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
}

#intro-link .one-center-col {
    padding-top: 4.11111111111111%;
    padding-bottom: 4.11111111111111%;
}

.article.two-col {

    width: 64%;
    margin: 0 auto;

    -moz-column-count: 2;
    -moz-column-gap: 80px;
    -ms-column-count: 2;
    -ms-column-gap: 80px;
    -webkit-column-count: 2;
    -webkit-column-gap: 80px;
    column-count: 2;
    column-gap: 80px;
}

.article.two-col blockquote {
    margin-left: 0;
    margin-bottom: 22px;

    line-height: 30px;
    text-align: left;

    display: block;
    width: 80%;
    border-top: none;
    padding: 0;

    background: none;
}

.article.two-col hr {
    display: block;
    width: 30px;
    height: 1px;
    background-color: #c2c2c2;
    margin-bottom: 25px;
    margin-top: 21px;
}

.article.two-col hr.first {
    height: 7px;
    background-color: #fff;
    border-bottom: 1px solid #c2c2c2;
}

.article.two-col h2.ttl {
    text-transform: none;
    width: 100%;
    margin-bottom: 8px;
}

.article.two-col p {
    text-align: left;
    width: 100%;
}

.article.two-col blockquote p {
    color: #0072ba;
    font-family: 'Code-Pro-Light-LC', sans-serif;
    line-height: 1.3em;
}

.person-text .ttl {
    color: white;
}

.person-text .btn {
    color: white;
    border-bottom-color: white;
}

.person-module {
    margin-bottom: 46px;
    width: 233px;
    margin-left: 10px;
    text-align: center;
}

.person-module img {
    width: 233px;
    height: 233px;
    margin: 0 auto 4px auto;
}

.person-module .ttl,
.work-copy .person-module .ttl {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 137.5%;
    text-transform: uppercase;
    margin-bottom: 3px;
    word-spacing: 0.12em;
}

.person-module .sub-ttl,
.work-copy .person-module .sub-ttl,
.work-copy .person-module p.sub-ttl {
    font-size: 112.5%;
    width: auto;
    margin-bottom: 17px;
}

.person-module .underline {
    width: 80px;
    margin: 0 auto;
}

.down-btn,
.up-btn {
    margin: 0 auto;
    padding-top: 90px;
    display: block;
    position: relative;
    height: auto;
}

.up-btn {
    width: 100%;
}

.article .down-btn {
    width: 100px;
    float: right;
    margin-right: 134px;
}

.down-btn .btn-label {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: center;
    color: #1e1e1e;
}

.up-btn .btn-label {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: center;
    color: #fff;
}

.down-btn .btn-arrow,
.down-btn .btn-arrow-over,
.up-btn .btn-arrow,
.up-btn .btn-arrow-over {
    left: 50%;
    top: 35px;
    display: block;
    width: 22px;
    height: 13px;
    background: url('../img/down-arrow.png') 0 0 no-repeat;
    margin-left: -11px;
    text-align: center;
}

.up-btn .btn-arrow,
.up-btn .btn-arrow-over {
    top: 32px;
    background: url('../img/up-arrow.png') 0 0 no-repeat;
}

.down-btn .btn-arrow-over,
.up-btn .btn-arrow-over {
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    background-position: 0 -13px;
}

.up-btn .btn-arrow-over {
    background-position: 0 0;
}

.what-we-do {
    width: 1024px;
}

.what-we-do header {
    margin-bottom: 27px;
}

.what-we-do .ttl {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Code-Pro-Bold', sans-serif;
    font-size: 300%;
    line-height: 1.1em;
    word-spacing: 0.12em;
}

.what-we-do .column-list {
    width: 769px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 5px;
}

.what-we-do .column-list li {
    margin-bottom: 40px;
}

.what-we-do .column-list .underline-span {
    width: auto;
    float: none;
    border-bottom: solid 1px #ccc;
    margin-bottom: 17px;
}

.what-we-do .column-list .ttl {
    font-size: 112.5%;
    word-spacing: 0.3em;
    font-family: 'Code-Pro-Bold', sans-serif;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.what-we-do .column-list li > a,
.what-we-do .column-list li > span {
    width: 90%;
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 100%;
    display: block;
    color: #231f20;
}

.what-we-do .column-list li > a.grey-copy {
    color: #cdcdcd;
}

.credits-cont .ttl,
.awards-cont .ttl {
    font-family: 'Code-Pro-Bold', sans-serif;
    font-size: 137.5;
    text-transform: uppercase;
    margin-bottom: 25px;
    word-spacing: 0.12em;
}

.line-through.ttl {
    padding: 0 30px;
    height: 13px;
    border-bottom: solid 2px #2e3034;
}

.line-through.ttl span {
    padding: 0 5px;
    background-color: #fff;
}

.credit-list {
    margin: 0 auto;
    width: 600px;
    max-height: 180px;
    overflow: hidden;
    margin-bottom: 28px;
}

.credit-list div {
    margin-bottom: 5px;
    width: 600px;
}

.credit-list p {
    font-size: 100%;
    font-family: 'Code-Pro-LC', sans-serif;
    width: 277px;
    float: left;
    text-align: right;
    margin-bottom: 0;
}

.credit-list img {
    margin: 10px 20px;
    float: left;
}

.credit-list a,
.credit-list span,
.credit-list .credit-name {
    font-family: 'Code-Pro-LC', sans-serif;
    color: #2c2c2c;
    width: 277px;
    display: block;
    float: left;
    text-align: left;
    line-height: 23px;
}

.credit-list a:hover {
    text-decoration: underline;
}

.award-img {
    margin: 0 16px;
    line-height: 0.4em;
}

.expand-btn {
    margin: 0 auto;
    width: 80px;
    padding-top: 50px;
    display: block;
    position: relative;
}

.expand-btn .under-diamond,
.expand-btn .over-diamond {
    width: 40px;
    height: 40px;
    background: url('../img/small-diamond-btn-sprite.png') 0 0 no-repeat;
    display: block;
    position: absolute;
    left: 20px;
    top: 0;
}

.under-diamond {
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

.expand-btn .over-diamond {
    background-position: -40px 0;
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    z-index: 2;
}

.expand-btn .btn-label {
    color: #1e1e1e;
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

.expand-btn .btn-arrow,
.expand-btn .btn-arrow-over {
    position: absolute;
    top: 15px;
    left: 34px;
    z-index: 3;
    width: 11px;
    height: 10px;
    background: url('../img/expand-btn-sprite.png') 0 0 no-repeat;
}

.expand-btn .btn-arrow-over {
    background-position: 0 -10px;
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
}

.disc-cont {
    padding: 0 0 59px 0;
}

.disc-list {
    /*width: 755px;*/
    width:80%;
    min-width:755px;
    margin: 0 auto;
}

.disc-list li {
    margin: 15px 45px;
    width: 121px;
    height: 121px;
    /*float: left;*/
    display:inline-block;
    position: relative;
}

.disc-list li p,
.disc-list li a {
    width: 121px;
    height: 121px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: hand;
    background-size: 121px 121px;
}

.disc-list li p {
    z-index: 2;
}

.disc-list li p.active-disc-list {
    cursor: pointer;
}

.disc-list li a {
    display: block;
    background: url('../img/client-bg.png') 0 0 no-repeat;
    background-size:cover;
    z-index: 1;
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    border:1px solid #ccc;
}

.disc-list li:hover p,
.disc-list li:active p {
    z-index: 1;
}

.disc-list li:hover a,
.disc-list li:active a {
    z-index: 2;
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

#lazy-load-alert {
    width: 100%;
    height: 0;
    line-height: 60px;
    overflow: hidden;
    background: #ffffff;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
}

#lazy-load-alert p {
    font-family: 'Code-Pro-LC';
}

/* People profiles ----------------------------------------------------------*/

.title-cont,
.thats-us-cont {
    position: relative;
}

.title-cont .ttl {
    font-size: 48px;
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    margin-bottom: 15px;
    line-height: 1.1em;
    word-spacing: 0.12em;
}

.thats-us-cont .ttl {
    font-size: 38px;
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    margin-bottom: 15px;
    line-height: 1.1em;
    word-spacing: 0.12em;
}
.wwa-callout .ttl {
    font-size: 28px;
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    margin-bottom: 0;
    line-height: 1.1em;
    word-spacing: 0.12em;
    padding:10px;
}
.wwa-callout.wwa-end .ttl {
  text-transform:lowercase;
}

.profiles-row {
    background: #ffffff;
}

.profile-module {
    position: relative;
}

.profile-headshot-cont,
.profile-details-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.profile-details-cont.yellow-gradient h3.ttl,
.profile-details-cont.yellow-gradient p.sub-ttl,
.profile-details-cont.yellow-gradient p,
.wwa-callout.yellow-gradient .ttl {
    color: black;
}

.profile-headshot-cont {
    cursor: pointer;
    height: auto;
    line-height: 0.4em;
    background: white;
    z-index: 2;
}

.profile-headshot-cont img {
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

.profile-details-cont {
    color: #fff;
    text-align: center;
    z-index: 1;
}

.csstransforms3d .profile-headshot-cont,
.csstransforms3d .profile-details-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    perspective: 100px;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.csstransforms3d .profile-headshot-cont {
    cursor: pointer;
    height: auto;
    line-height: 0.4em;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.csstransforms3d .profile-details-cont {
    color: #fff;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    text-align: center;
}

.close-profile {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../img/ppl_backface_close_icon.png') 0 0 no-repeat;
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
}

.yellow-gradient .close-profile {
    background: url('../img/ppl_backface_close_icon_black.png') 0 0 no-repeat;
}

.profile-details-cont .ttl {
    width: 90%;
    margin: 0 auto 15px auto;
    font-size: 28px;
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    word-spacing: 0.12em;
}

.profile-details-cont .sub-ttl {
    font-size: 18px;
    font-family: 'Code-Pro-LC', sans-serif;
    margin-bottom: 10px;
}

.profile-details-cont .underline {
    width: 80px;
    height: 2px;
    margin: 0 auto 10px auto;
}

.profile-details-cont p {
    font-size: 13px;
    width: 85%;
    margin: 0 auto 20px auto;
    line-height: 1.3em;
}

.profile-details-cont .social-ft-btn {
    margin: 0 auto;
    float: none;
}

.profile-details-cont #social-ft-li {
    margin: 0 7px 0 auto;
}

#social-ft-li .btn-bg {
    background-position: -51px -204px;
}

#social-ft-li .btn-fg {
    background-position: 0 -204px;
}

.photo-module {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.social-photo {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.social-photo.portrait {
    width: 100%;
    height: auto;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
}

.photo-mod-link {
    display: block;
    background: #000;
    color: #fff;
    position: absolute;
    bottom: 6px;
    right: 6px;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.photo-mod-link.flickr {
    background: url('../img/flickr.gif') 0 0 no-repeat;
    width: 66px;
    height: 26px;
}

.photo-mod-link.insta {
    background: url('../img/instagram.gif') 0 0 no-repeat;
    width: 77px;
    height: 26px;
}

.header-icon {
    width: 37px;
    height: 29px;
    background: url('../img/module-icon-sprite.png') -63px -5px no-repeat;
}

.story-body {
    color: #231f20;
    font-family: 'Code-Pro-LC', sans-serif;
    margin: 0 auto 20px auto;
    font-size: 112.5%;
    line-height: 170%;
}

.story-body a {
    color: #231f20;
}

/* Twitter modeule (homepage) ----------------------------------------------------------*/

#twitter-sec {
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    padding-top: 9.51111111111111%;
    padding-bottom: 9.51111111111111%;
}

#twitter-sec .story-module {
    width: 425px;
    background-color: white;
}

#twitter-sec .twitter-cont .story-body {
    position: relative;
}

#twitter-sec .twitter-header {
    padding-top: 30px;
    margin: 30px 0 30px 40px;
    text-align: left;
    width: 360px;
}

#twitter-sec .twitter-header .header-icon {
    background-position: -10px -4px;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

#twitter-sec .twitter-header p {
    color: #969696;
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
    float: left;
    width: 300px;
    margin-bottom: 0;
}

#twitter-sec .twitter-header p a {
    font-family: 'Code-Pro-LC', sans-serif;
    letter-spacing: 0.01em;
    color: #55acef;
    font-size: 18px;
}

#twitter-sec .twitter-header p a:hover {
    color: #55acef;
    border-bottom: solid 1px #55acef;
}

#twitter-sec .tweet-body {
    clear: both;
    margin-top: 60px;
}

#twitter-sec .tweet-body li {
    text-align: left;
    position: absolute;
    top: 0;
    left: 40px;
    width: 340px;
    background: #fff;
    display: none;
    font-size: 105%;
    line-height: 1.45em;
}

#twitter-sec .tweet-body li p {
    margin-bottom: 27px;
}

#twitter-sec .tweet-body li p img {
    display: block;
    margin: 0 auto;
}

#twitter-sec .tweet-body li.active {
    display: block;
}

#twitter-sec .tweet-body a {
    border-bottom: solid 1px #231f20;
}

#twitter-sec .tweet-body a:hover {
    color: #55acef;
    border-color: rgb(85, 172, 239);
}

#twitter-sec .tweet-time {
    font-family: 'Code-Pro-LC', sans-serif;
    width: 100%;
    height: 60px;
    color: #55acef;
    background-color: #f2f2f2;
    font-size: 87.5%;
    text-align: left;
    position: relative;
}

#twitter-sec .twitter-ago {
    float: left;
    margin-left: 40px;
    padding-top: 21px;
}

#twitter-sec .tweet-time p {
    width: 100px;
    line-height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-left: 5px;
}

#twitter-sec .lt-ie10 .tweet-time p {
    margin-left: 0;
    width: auto;
}

#twitter-sec .tweet-clock {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: solid 2px #54abee;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#twitter-sec .lt-ie10 .tweet-clock {
    width: 20px;
    height: 20px;
    border: none;
    background: url('../img/clock.gif') 0 0 no-repeat;
}

#twitter-sec .hand-1 {
    width: 1px;
    height: 7px;
    position: absolute;
    left: 8px;
    top: 2px;
    background: #54abee;
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    transform-origin: 50% bottom;
}

#twitter-sec .hand-2 {
    width: 7px;
    height: 1px;
    position: absolute;
    left: 2px;
    top: 8px;
    background: #54abee;
    -webkit-transform-origin: right 50%;
    -webkit-transform: rotate(-35deg);
    -moz-transform-origin: right 50%;
    -moz-transform: rotate(-35deg);
    transform-origin: right 50%;
    transform: rotate(-35deg);
}

#twitter-sec .lt-ie10 .hand-1,
#twitter-sec .lt-ie10 .hand-2 {
    display: none;
}

#twitter-sec .tweet-caro-l,
#twitter-sec .tweet-caro-r {
    float: right;
    width: 60px;
    height: 60px;
    background-color: #f2f2f2;
    border-left: 1px solid #fff;
    display: none;
    background: url('../img/twitter-arrows.gif') 0 0 no-repeat;
}

#twitter-sec .tweet-caro-l {
    background-position: -60px 0;
}

#twitter-sec .tweet-caro-l.show,
#twitter-sec .tweet-caro-r.show {
    display: block;
}

/* Case Studies ----------------------------------------------------------*/

.stat-module {
    position: relative;
}

.stat-num {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    font-size: 437.5%;
    line-height: 0.8em;
    margin: 0 auto 30px auto;
    word-spacing: 0.12em;
    position: relative;
}

.stat-num span {
    font-family: 'Code-Pro-Light-LC', sans-serif;
}

.stat-desc {
    width: 70%;
    text-align: center;
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 112.5%;
    margin: 0 auto;
    line-height: 1.4em;
    word-spacing: 0.12em;
}

.floating-content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 0;
    -webkit-transition: margin-top .25s ease-out;
    -moz-transition: margin-top .25s ease-out;
    transition: margin-top .25s ease-out;
}

.quarter-force-h {
    width: 100%;
    height: 0;
    padding-bottom: 140.625%;
}

.square-force-h {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.vid-match-col-force-h {
    width: 100%;
    height: 0;
    padding-bottom: 93.75%;
}

.phone-caro {
    width: 450px;
    height: 495px;
    margin: 35px auto 0 auto;
}

.phone-caro .reel {
    width: 450px;
    height: 495px;
}

.phone-caro li {
    width: 450px;
    height: 495px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.phone-caro li.next {
    z-index: 1;
}

.phone-caro li.active {
    z-index: 2;
}

.phone-caro-l,
.phone-caro-r {
    width: 13px;
    height: 23px;
    color: #fff;
    background: url('../img/arrow-sprite.png') 0 0 no-repeat;
    margin-top: 315px;
    position: relative;
    z-index: 3;
}

.phone-caro-l {
    margin-right: -25px;
}

.phone-caro-r {
    background-position: -13px 0;
    margin-left: -25px;
}

/* Contact page ----------------------------------------------------------*/

.contact-page .ttl {
    font-size: 187.5%;
    padding-bottom: 20px;
}

.contact-page .ttl.join-us {
    padding-top: 20px;
}

.contact-page .sub-ttl {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    font-size: 93.75%;
    margin-bottom: 2px;
}

.contact-page .icon-link {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 13px;
}

.contact-page .icon-link span {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-bottom: solid 1px #fff;
}

.map-cont {
    position: relative;
}

.map-cont .force-h {
    width: 100%;
    height: 0;
    padding-bottom: 40%;
}

.map-cont > a,
#dummy-map-pin,
#dummy-map-pin-a {
    display: none;
}

.map-cont #map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/*stops map controls flickering on ios*/
#map .gmnoprint {
    -webkit-transform: translate3d(0, 0, 0);
}

.bb-header {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.bb-header .ttl {
    font-family: 'Code-Pro-Bold', sans-serif;
    font-size: 200%;
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 1.1em;
    word-spacing: 0.12em;
}

.bb-icon {
    width: 30px;
    height: 29px;
    background: url('../img/bb-icon-black.png') 0 0 no-repeat;
    margin: 0 auto 25px auto;
}

.bb-header p {
    width: 62.5%;
    margin: 0 auto;
    line-height: 24px;
}

.first-book-borrow-row {
    padding-top: 32px;
}

.btn {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 81.25%;
    height: 40px;
    line-height: 33px;
    padding: 5px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    background-color: white;
    color: #717171;

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

.section-summary .btn {
    margin-bottom: 45px;
    padding: 0 7px;
    height: 35px;
}

.section-summary .btn.solid {
    padding: 5px 20px;
    height: 40px;
}

/* Loader ----------------------------------------------------------*/

#loader {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #f51243;
    margin: auto;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-animation: myfirst 6s infinite; /* Safari 4+ */
    -o-animation: myfirst 6s infinite; /* Opera 12+ */
}

.profile-loader {
    width: 50px;
    height: 50px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #f51243;
    margin: auto;
    z-index: 1000;
    margin-top: 20px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-animation: myfirst 6s infinite; /* Safari 4+ */
    -moz-animation: myfirst 6s infinite; /* Fx 5+ */
    -o-animation: myfirst 6s infinite; /* Opera 12+ */
    animation: myfirst 6s infinite; /* IE 10+ */
}

.profile-loader-row {
    width: 100%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0% {
        background: #f51243;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    10% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }
    20% {
        background: #3d1168;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    30% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    40% {
        background: #3c91f5;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    50% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    60% {
        background: #17ae3c;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    70% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    80% {
        background: #ff8400;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    90% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        background: #f51243;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
}

/* Fx 5+ */
@-moz-keyframes myfirst {
    0% {
        background: #f51243;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    10% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }
    20% {
        background: #3d1168;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    30% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    40% {
        background: #3c91f5;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    50% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    60% {
        background: #17ae3c;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    70% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    80% {
        background: #ff8400;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    90% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        background: #f51243;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
}

/* Opera 12+ */
@-o-keyframes myfirst {
    0% {
        background: #f51243;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    10% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }
    20% {
        background: #3d1168;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    30% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    40% {
        background: #3c91f5;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    50% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    60% {
        background: #17ae3c;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    70% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    80% {
        background: #ff8400;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    90% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        background: #f51243;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
}

/* IE 10+ */
@keyframes myfirst {
    0% {
        background: #f51243;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    10% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }
    20% {
        background: #3d1168;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    30% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    40% {
        background: #3c91f5;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    50% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    60% {
        background: #17ae3c;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    70% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }

    80% {
        background: #ff8400;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
    90% {
        -webkit-transform: scale(0.167); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(0.167); /* IE 9 */
        transform: scale(0.167); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        background: #f51243;
        -webkit-transform: scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: scale(1); /* IE 9 */
        transform: scale(1); /* Firefox 16+, IE 10+, Opera */
    }
}

/* Sitemap ----------------------------------------------------------*/

.site-map.one-center-col {
    padding-top: 80px;
}

.site-map.work-copy .underline {
    margin-bottom: 45px;
    margin-top: 0;
}

.site-map .ttl {
    border-bottom: none;
}

.site-map h2 {
    font-size: 18px;
    font-family: 'Code-Pro-LC', sans-serif;
    border-bottom: solid 1px #d4d4d4;
    margin-bottom: 15px;
    padding-bottom: 5px;
    line-height: 1.5em;
    text-transform: none;
}

ul.sitemap-list {
    margin-bottom: 22px;
}

ul.sitemap-list li {
    font-size: 81.25%;
}

.sitemap-list .bullet {
    width: 3%;
    margin-top: 0.5em;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    background-image: url('../img/bullet-sprite.png') !important;
}

.sm-accord .sitemap-list .bullet {
    margin-top: 1.8%;
}

.sitemap-list li:hover .bullet,
.sitemap-list li:hover .bullet {
    background-position: 0 -5px;
}

.sitemap-list li:hover .bullet.no-hover,
.sitemap-list li:hover .bullet.no-hover {
    background-position: 0 0;
}

.sitemap-list a {
    color: #000;
    width: 95%;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.sitemap-list a:hover {
    text-decoration: underline;
}

.site-map h2.sm-accord-ttl {
    font-size: 16px;
    float: left;
    width: 7.5%;
}

.sm-accord {
    float: left;
    min-height: 333px;
}

.touch .sm-accord {
    min-height: 0;
}

.accord-section {
    width: 100%;
    height: 30px;
    margin-bottom: 29px;
    overflow: hidden;
}

.accord-section.open {
    height: auto;
}

.accord-section header {
    width: 100%;
    height: 29px;
    border-bottom: solid 1px #d4d4d4;
    margin-bottom: 17px;
    cursor: pointer;
    position: relative;
}

.accord-section-ttl,
.article .accord-section-ttl {
    font-family: 'Code-Pro-LC', sans-serif;
    font-size: 20px;
    padding-bottom: 5px;
    line-height: 1.4em;
}

.accord-section-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 22px;
    width: 14px;
    padding: 0 4px 0 4px;
    float: right;
    font-size: 28px;
    color: #d4d4d4;
}

.open .accord-section-toggle {
    color: #2c2c2c;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}

.noOpacityAnimate .accord-section-toggle {
    width: 16px;
    height: 16px;
    background: url('../img/accordian-btn-sprite.gif') 0 0 no-repeat;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
}

.noOpacityAnimate .open .accord-section-toggle {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    background-position: 0 -16px;
}

.accord-section ul.sitemap-list {
    margin-bottom: 0;
}

.accord-section ul.sitemap-list li {
    margin-bottom: 10px
}

/* Footer ----------------------------------------------------------*/

#footer-cont {
    position: fixed;
    left: 0;
    z-index: 0;
    -webkit-transition: -webkit-filter 1s ease-out;
    -ms-transition: -ms-filter 1s ease-out;
    -webkit-transition: -o-filter 1s ease-out;
    -o-transition: -webkit-filter 1s ease-out;
    transition: filter 1s, -webkit-filter 1s, -moz-filter 1s, -ms-filter 1s, -o-filter 1s ease-out;
}

#footer-cont.blur {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px);
}

#footer {
    color: #231f20;
    clear: both;
}
#footer .new-address {
  font-size:1.1em;
}



/*#footer section {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  width: 28%;
  margin: 0;
  margin-top: 40px;
  padding-top: 12px;
  padding-bottom: 40px;
  padding-left: 4.8%;
  margin-left: 3%;
  text-align:left;
}
#footer section .row-header {
  display:none;
}*/

#footer .footer-ttl {
  padding-top: 50px;
  /*height: 35px;*/
}

#footer .ttl {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    font-size: 45px;
    line-height: 0.8em;
    letter-spacing: 0.03em;
    margin-bottom: 0;
    word-spacing: 0.12em;
}

#footer .one90-cont {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 28%;
    margin: 0;
    margin-top: 40px;
    padding-top: 12px;
    padding-bottom: 40px;
    padding-left: 4.8%;
    margin-left: 3%;
}

#contact-a {
    background: url('../img/map-pin-a.png') 0 0 no-repeat;
}

#contact-b {
    background: url('../img/map-pin-b.png') 0 0 no-repeat;
}

#footer .sub-ttl {
    font-family: 'Code-Pro-Bold-LC', sans-serif;
    font-size: 112.5%;
    /*line-height: 0.8em;*/
    padding-bottom: 14px;
    text-align: left;
    text-transform: none;
}

/*#footer #contact-social {*/
    /*width: 35%;*/
/*}*/

#footer #contact-social .sub-ttl {
    font-size: 81.25%;
    font-family: 'Code-Pro-LC', sans-serif;
}
/*#footer section {
  color: #231f20;
  text-align: left;
  font-family: 'Code-Pro-LC', sans-serif;
  margin-bottom: 10px;
}
#footer section p {
  font-size: 81.25%;
  line-height: 1.6em;
}
#footer section h4.sub-ttl {
  font-size:140%;
}
#footer section p {
  font-size: 81.25%;
  line-height: 1.6em;
  margin-bottom: 10px;
}
#footer section a {
  color: #231f20;
}*/
#footer .one90-cont p {
    font-size: 81.25%;
    line-height: 1.6em;
}

#footer .one90-cont section p,
#footer .one90-cont section a {
    color: #231f20;
    text-align: left;
    font-family: 'Code-Pro-LC', sans-serif;
}

#footer .one90-cont p {
    margin-bottom: 10px;
}

#footer .one90-cont span {
    /*margin-right: 11px;*/
}
#footer .method{
    width: 30%;
    padding-left: 4.0%;
}
#footer .method span {
    font-size: 0.7em;
    color: #999;
    line-height: 1em;
    position: absolute;
    margin-top: -0.9em;
}

#footer .method h4 {
    /*margin-bottom: 12px;*/
}

#footer .one90-cont section a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: bottom; /* top */
    /*border-bottom: 1px solid #ccc;
    height: 20px;*/
}

#footer .method a {
    margin-left: .5em;
    margin-bottom: .8em;
}
a.address-prefix {
    margin-left: .5em;
}

#footer .one90-cont a:hover {
    color: rgb(12, 133, 70);
    /*border-bottom: 1px solid rgb(12,133,70);*/
}

.social-ft-btn {
    width: 51px;
    height: 50px;
    float: left;
    margin-right: 18px;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

.social-ft-btn.end {
    margin-right: 0;
}

.social-ft-btn span {
    display: block;
    width: 51px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/foot-social-btns.png') 0 0 no-repeat;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.social-ft-btn .btn-fg {
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
}

.social-ft-btn:hover .btn-bg {
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
}

.social-ft-btn:hover .btn-fg {
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

#social-ft-fb .btn-bg {
    background-position: -51px -102px;
}

#social-ft-fb .btn-fg {
    background-position: 0 -102px;
}

#social-ft-tw .btn-bg {
    background-position: -51px -153px;
}

#social-ft-tw .btn-fg {
    background-position: 0 -153px;
}

#social-ft-in .btn-bg {
    background-position: -51px -51px;
}

#social-ft-in .btn-fg {
    background-position: 0 -51px;
}

#sub-footer {
    font-family: 'Code-Pro-LC', sans-serif;
    padding: 25px 20px;
    font-size: 75%;
    color: #fff;
    background: #231f20;
    text-align:center;
}

#sub-footer strong {
    font-family: 'Code-Pro-LC', sans-serif;
}

#sub-footer a {
    color: #fff;
    margin-left: 5px;
}

#sub-footer a .lnk-txt {
    -webkit-transition: color .3s, border-bottom .3s;
    -moz-transition: color .3s, border-bottom .3s;
    -o-transition: color .3s, border-bottom .3s;
    transition: color .3s, border-bottom .3s;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

#sub-footer a:hover .lnk-txt {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

#sub-footer .bullet {
    margin-right: 1px;
    background: url('../img/footer-bullet-sprite.png') 0 0 no-repeat;
}

#sub-footer a:hover .bullet {
    background-position: 0 -5px;
}

.sub-footer-nav {
  display:inline-block;
}
#sub-footer li {
  display:inline;
  margin-left:10px;
}
#sub-footer li:before {
  content: "•";
}

#overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    display: none;
}

/* TABLET ----------------------------------------------------------*/

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #main-nav li {
    margin-right: 12px;
  }
  #main-nav .lang-cont a {
    margin-right: 12px;
  }
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /* Header ----------------------------------------------------------*/
    #header .one024-cont {
        width: 100%;
    }

    #logo {
        margin-left: 30px;
        width: 160px;
        height: 18px;
    }

    #logo a {
        /*background-size: 88px 18px;
        background-image: url('../img/fcb_six.png');*/
    }

    #main-nav {
        margin-right: 0;
    }
    
    #main-nav li {
      margin-right: 8px;
    }
    #main-nav .lang-cont a {
      margin-right: 8px;
    }

    #main-nav a,
    #main-nav li a,
    #main-nav .lang-cont a {
      font-size: 14px;
    }

    #nav-underline {
        width: 74px;
        top: 23px;
    }

    #nav-underline.current-about-us {
        width: 71px;
        left: 84px;
    }

    #nav-underline.current-case-studies {
        width: 90px;
        left: 165px;
    }

    #nav-underline.current-clients {
        width: 56px;
        left: 265px;
    }

    #nav-underline.current-news {
        width: 45px;
        left: 331px;
    }

    #nav-underline.current-contact-us {
        width: 83px;
        left: 386px;
    }

    #nav-social-btn {
        margin-right: 15px;
    }

    .nav-dd nav {
        width: 100%;
        padding-bottom: 40px;
    }

    ul.continent-list {
        margin-left: 30px;
        width: 145px;
    }

    ul.continent-list a {
        font-size: 20px;
    }

    ul.city-list {
        margin-left: 29px;
        width: 464px;
    }

    #close-country-select,
    #close-nav-social {
        /*float: right;
        margin-right: 37px;
        margin-left: 0;*/
    }

    div.city-list {
        margin-left: 29px;
        width: 60%;
    }

    .work {
      margin-bottom:1em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {

    body {
        font-size: 16px;
    }

    .mobile-and-tablet {
        display: block !important;
    }

    /* Tablet Modules ----------------------------------------------------------*/
    .three-quarters-col,
    .large-vid-col,
    .half-col,
    .large-vid-match-col,
    .quarter-col {
        width: 100%;
        float: left;
    }

    .two-col{
          float: right;
          width: 20px;
      }

    .row .half-col:first-child {
        border-bottom: solid 1px #ccc;
    }

    .tablet-half.three-quarters-col,
    .tablet-half.large-vid-col,
    .tablet-half.half-col,
    .tablet-half.large-vid-match-col,
    .tablet-half.quarter-col,
    .tablet-half {
        width: 50%;
    }

    .one024-cont {
        width: 100%;
    }

    .five12-cont {
        width: 512px;
    }

    .five12-cont-dynamic,
    .work-copy.five12-cont-dynamic {
        width: 100%;
    }

    .five12-cont-dynamic p,
    .work-copy.five12-cont-dynamic p {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .five12-cont-dynamic .sub-ttl,
    .work-copy.five12-cont-dynamic .sub-ttl,
    .five12-cont-dynamic p.sub-ttl,
    .work-copy.five12-cont-dynamic p.sub-ttl,
    .five12-cont-dynamic .ttl,
    .work-copy.five12-cont-dynamic .ttl {
        width: auto;
        max-width: 62%;
    }

    .three60-cont {
        width: 360px;
    }

    .two95-cont {
        width: 290px;
    }

    .one90-cont {
        width: 190px;
    }

    .half-col.dynamic-padding,
    .large-vid-match-col.dynamic-padding,
    .quarter-col.dynamic-padding,
    .dynamic-padding {
        padding-top: 5.533854166666666%;
        padding-bottom: 5.533854166666666%;
        padding-left: 0;
        padding-right: 0;
    }

    .tablet-half.dynamic-padding {
        padding-top: 4.42708333333333%;
        padding-left: 5.859375%;
        padding-right: 5%;
    }

    /* Tablet Hero ----------------------------------------------------------*/
    .hero.letterbox {
        max-height: auto;
    }

    .hero .floating-content {
        padding-top: 0;
    }

    .hero .ttl {
        font-size: 350%;
    }

    .case-study-hero.hero .ttl {
        font-size: 300%;
    }

    .hero .sub-ttl {
        padding-bottom: 10px;
        font-size: 168.75%;
    }

    .case-study-hero.hero .sub-ttl {
        font-size: 112.5%;
    }

    /* Tablet Section intros ----------------------------------------------------------*/
    .section-summary .ttl {
        font-size: 281.25%;
    }

    .one-center-col.work-copy p {
        text-align: center;
    }

    /* Tablet Work ----------------------------------------------------------*/
    .work-copy {
        text-align: center;
        /*width: 590px;*/
    }

    .work-copy.the-planning {
        width: 100%;
    }

    .tablet-half .work-copy {
        text-align: left;
        width: auto;
    }

    .work-copy p.more-link {
        text-align: center;
    }

    .work-copy .ttl {
        font-size: 175%;
    }

    .work-copy .sub-ttl,
    .work-copy p.sub-ttl {
        font-size: 118.75%;
    }

    .work-copy p {
        text-align: left;
    }

    .work-copy > ul {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .work-copy > ul li {
        text-align: left;
    }

    .work-copy .tag-cont {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-top: 5px;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .tablet-half .work-copy .tag-cont {
        border-top: solid 1px #d4d4d4;
    }

    .tag-list li {
        float: left;
        margin: 0 9px;
        line-height: 1.5em;
    }

    .bullet {
        width: 5px;
        height: 5px;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: middle;
        background: url('../img/bullet-sprite.png') 0 0 no-repeat;
    }

    /* Tablet Article ----------------------------------------------------------*/
    .article.work-copy {
        width: 89.84375%;
        text-align: left;
    }

    .article.two-col {
        width: 65%;
    }

    .article .ttl {
        line-height: 1.4em;
        margin-bottom: 0;
        padding-top: 1px;
        font-size: 187.5%;
    }

    .article.news-article .ttl {
        width: auto;
        word-spacing: 0.12em;
    }

    .article .sub-ttl,
    .article p.sub-ttl {
        width: auto;
        clear: both;
        text-align: left;
    }

    .article blockquote {
        margin-left: 0;
        font-size: 187.5%;
    }

    .article .copy-column {
        width: 86.95652173913044%;
        float: none;
        margin-right: 0;
        padding-bottom: 0;
    }

    .article .credits-column {
        width: 88.40579710144928%;
        float: none;
        padding: 5.797101449275362%;
        background: #fff;
        margin-bottom: 20px;
    }

    .article.one-center-col.work-copy p {
        text-align: left;
    }

    .person-module .sub-ttl,
    .article.one-center-col.work-copy .person-module p.sub-ttl {
        text-align: center;
    }

    /* Tablet About ----------------------------------------------------------*/
    .person-quote-block .vid-match-col-force-h {
        padding-bottom: 40%;
    }

    .what-we-do {
        width: 728px;
        padding-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .what-we-do .column-list {
        width: 700px;
        float: left;
        margin-left: 28px;
    }

    /* Tablet Profile module ----------------------------------------------------------*/
    .row .profile-module.quarter-col,
    .row .photo-module.quarter-col,
    .row .loading-block.quarter-col {
        width: 33.333333333333%;
    }

    .row .loading-block.quarter-col {
        margin-left: 33.333333333333%;
        margin-right: 33.333333333333%;
    }

    .profile-module .profile-details-cont p.sub-ttl {
        display: none;
    }

    .profile-module .profile-details-cont p {
        line-height: 1.2em
    }

    .profiles-row .title-cont,
    .profiles-row .thats-us-cont {
        width: 33.333333333333%;
    }

    /*TABLET CASE STUDY*/
    .the-planning.work-copy .sub-ttl {
        margin-bottom: 5px;
        text-align: center;
    }

    .the-planning.work-copy .ttl {
        padding-bottom: 10px;
    }

    .the-planning.work-copy p {
        text-align: center;
    }

    .img-w-text {
        position: relative;
    }

    .img-w-text .quarter-col {
        position: absolute;
        left: 3.90625%;
        top: 50%;
        line-height: 1.4rem;
        width: 25%;
    }

    .img-w-text .quarter-col .work-copy {
        width: auto;
        text-align: left;
    }

    .large-img-caro {
        height: auto;
    }

    .phone-caro {
        margin-top: 0;
    }

    .vid-cont > a {
        opacity: 0;
        z-index: 0;
    }

    .swipe .vid-cont > a {
        opacity: 1;
        z-index: 2;
    }

    .twitter-cont .floating-content,
    .news-module .floating-content {
        position: static;
        margin-top: 0 !important;
        padding-top: 25px;
    }

    .twitter-cont .floating-content {
        padding-bottom: 25px;
    }

    .news-module .quarter-force-h,
    .twitter-cont .quarter-force-h {
        display: none
    }

    .news-body {
        width: auto;
        padding-left: 8%;
        padding-right: 8%;
    }

    /* Tablet stat module ----------------------------------------------------------*/
    .stat-module {
        border-bottom: solid 1px #ccc;
    }

    .stat-module .quarter-force-h {
        padding-bottom: 93.734335839599%;
    }

    /* Tablet news ----------------------------------------------------------*/
    .article-excerpt.one-col-grey {
        background: #ffffff;
        color: #2c2c2c;
    }

    .article-excerpt .sub-ttl {
        text-align: center;
    }

    .article.news-article .sub-ttl {
        padding-top: 0;
        clear: none;
        font-size: 120%;
    }

    .article.news-article .tag-cont {
        float: right;
        padding-top: 3px;
    }

    .article.news-article .columns {
        padding-bottom: 20px;
    }

    .article.news-article .columns p {
        width: 90%;
    }

    .article.news-article.one-center-col.work-copy p {
        text-align: left;
    }

    .share-cont p {
        text-align: center !important;
    }

    /* Tablet Contact ----------------------------------------------------------*/
    .three-col-cont.one024-cont {
        width: 728px;
    }

    .three-col-cont .inner-cont {
        margin-left: 30px;
        margin-right: 30px;
        /*width: 36%*/
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: left;
    }

    .three-col-cont .inner-cont.end {
        margin-right: 0;
        padding-top: 15px;
        border-top: solid 1px #d4d4d4;
    }

    .tablet-col {
        float: left;
        padding-top: 25px;
        padding-bottom: 10px;
        width: 100%;
    }

    .tablet-col .inner-cont {
        float: left;
        padding-top: 5px;
        padding-bottom: 20px;
        width: 36%;
    }

    .three-col-cont .inner-cont .ttl {
        font-size: 175%;
    }

    .three-col-cont .underline {
        width: 100%;
    }

    /* Tablet Sitemap ----------------------------------------------------------*/
    .site-map.one-center-col {
        padding-top: 45px;
    }

    /* Tablet footer ----------------------------------------------------------*/
    /*#footer.one024-cont {*/
        /*width: 768px;*/
    /*}*/

    #footer .one90-cont {
        width: 28%;
        padding-left: 0;
        margin-left: 2%;
    }
    #footer .one90-cont.method {
        width: 36%;

    }

    #footer .one90-cont.with-ttl {
        padding-top: 0;
    }

    #footer .ttl {
        font-size: 225%;
    }

    .section .section-summary .ttl {
        font-size: 225%;
    }

    #footer .underline {
        width: 100%;
        margin-bottom: 20px;
    }

    #footer .one90-cont span {
        margin-right: 10px;
    }

    .social-ft-btn {
        margin-right: 3px;
    }
}

/* MOBILE ----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 839px) {
  #main-nav li a,
  #main-nav .lang-cont a {
    font-size: 13px;
  }
  #main-nav .lang-cont a {
    margin-right: 8px;
    margin-left:0;
  }
  #main-nav li {
    margin-right: 8px;
    margin-left:0;
  }
}

@media only screen and (max-width: 767px) {

    .mobile-no-show {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .mobile-and-tablet {
        display: block !important;
    }

    body {
        /*padding-top: 55px;*/
    }

    body.admin-bar #header {
        top: 44px;
    }
    body.admin-bar #header.mobile{
        top: 0;
    }
    body.admin-bar #header.mobile #main-nav{
        top: 23px;
    }

    /* Mobile Header ----------------------------------------------------------*/
    #header {
        height: 55px !important;
    }

    #logo, #header.small-menu #logo {
        width: 160px;
        height: 18px;
        margin-top: 19px;
        margin-left: 18px;
    }

    #logo a, #header.small-menu #logo a {
        /*background-size: 88px 18px;
        background-image: url('../img/fcb_six.png');*/
    }

    #header.small-menu #logo a {

    }

    #menu-toggle {
        display: block;
        width: 16px;
        height: 16px;
        float: right;
        margin: 19px 16px 0 0;
        background: url('../img/high-res/menu-toggle-sprite.png') 0 0 no-repeat;
        background-size: 16px 32px;
    }

    #menu-toggle.open {
        background-position: 0 -16px;
    }



    #main-nav {
        float: none;
        width: 100%;
        height: 0;
        overflow: hidden;
        margin: 0;
        background: #fff;
        position: absolute;
        top: 56px;
        left: 0;
    }
    #main-nav.open{
        border-bottom: 2px solid #ececec;
    }
    #main-nav li,
    #main-nav .lang-cont {
      display: block;
      float: none;
      line-height: 1em;
      padding: 0;
      margin:0;
    }
    .menu-title {
        font-family: 'Code-Pro-LC', sans-serif;
        font-size: 16px;
        color: #cdcdcd;
        width: 160px;
        margin: 0 auto;
        line-height: 0.8em;
        padding-bottom: 20px;
        border-bottom: solid 1px #2f2f2f;
    }
    
    #main-nav li a,
    #main-nav a,
    #main-nav .lang-cont a {
        display: block;
        width: 100%;
        float: none;
        line-height: 0.8em;
        margin: 0 auto;
        padding: 15px 0 18px 0;
        font-size: 19px;
        word-spacing: normal;
        color: #231f20;
    }
    #header #main-nav li {
        border-bottom: none;
    }

    #main-nav a.active {
        border-bottom: none;
    }

    #main-nav a.end {
        margin-right: auto;
    }

    #nav-underline {
        display: none !important;
    }
    
    #main-nav div:first-child {
      float:none;
    }
    #main-nav .lang-cont {
        display: block;
        float:none;
        /*line-height: 0.8em;
        margin: 0 auto;
        padding: 15px 0 18px 0;
        font-size: 19px;
        opacity: 0;*/
    }

    #main-nav .share-cont {
        display: block;
        width: 161px;
        padding-top: 23px;
        margin: 0 auto;
        /*opacity: 0;*/
    }

    #main-nav .share-cont .social-ft-btn {
        width: 40px;
        height: 40px;
        float: left;
        margin-left: 8px;
        margin-right: 5px;
        border-top: none !important;
    }

    #main-nav .share-cont .social-ft-btn span {
        width: 40px;
        height: 40px;
        background-size: 80px 294px;
    }

    #main-nav .share-cont #social-ft-li .btn-bg {
        background-position: -40px -160px;
    }

    #main-nav .share-cont #social-ft-li .btn-fg {
        background-position: 0 -160px;
    }

    #main-nav .share-cont #social-ft-tw .btn-bg {
        background-position: -40px -120px;
    }

    #main-nav .share-cont #social-ft-tw .btn-fg {
        background-position: 0 -120px;
    }

    #main-nav .share-cont #social-ft-in .btn-bg {
        background-position: -40px -40px;
    }

    #main-nav .share-cont #social-ft-in .btn-fg {
        background-position: 0 -40px;
    }

    #main-nav .share-cont #social-ft-fb .btn-bg {
        background-position: -40px -80px;
    }

    #main-nav .share-cont #social-ft-fb .btn-fg {
        background-position: 0 -80px;
    }

    .nav-dd-btn {
        display: none;
    }

    .nav-dd {
        display: none;
    }

    .sub-nav {
        width: 100%;
        margin-bottom: 25px;
    }

    .map-cont {
        margin-top: 20px;
    }

    .sub-nav.with-logo {
        width: 200px;
    }

    .sub-nav ul {
        padding-top: 10px;
    }

    #hero-parallax .home-ttl {
        margin-top: 18px;
    }

    /* Mobile Modules ----------------------------------------------------------*/
    .three-quarters-col,
    .large-vid-col,
    .half-col,
    .large-vid-match-col,
    .quarter-col {
        width: 100%;
        float: left;
    }

    .row .half-col:first-child {
        border-bottom: solid 1px #ccc;
    }

    .row .half-col.article-excerpt:first-child {
        border-bottom: none;
    }

    .mobile-centre,
    .mobile-centre .work-copy {
        text-align: center;
    }

    .one024-cont,
    .five12-cont,
    .five12-cont-dynamic,
    .three60-cont,
    .three60-cont-dynamic,
    .two95-cont,
    .one90-cont {
        width: auto;
    }

    .five12-cont-dynamic p,
    .five12-cont-dynamic .sub-ttl,
    .five12-cont-dynamic .ttl,
    .three60-cont-dynamic p,
    .three60-cont-dynamic .sub-ttl,
    .three60-cont-dynamic .ttl {
        width: auto;
        max-width: none;
    }

    .half-col.dynamic-padding,
    .large-vid-match-col.dynamic-padding,
    .quarter-col.dynamic-padding,
    .dynamic-padding {
        padding-top: 7.8125%;
        padding-bottom: 7.8125%;
        padding-left: 8%;
        padding-right: 8%;
    }

    .twitter-cont .floating-content,
    .news-module .floating-content,
    .stat-module .floating-content {
        position: static;
        margin-top: 0 !important;
        padding-top: 25px;
    }

    .twitter-cont .floating-content {
        padding-bottom: 25px;
    }

    .news-module .quarter-force-h,
    .twitter-cont .quarter-force-h,
    .stat-module .quarter-force-h {
        display: none
    }

    /* Mobile Hero ----------------------------------------------------------*/
    .hero.letterbox {
        max-height: none;
    }

    .hero .floating-content {
        padding-top: 0;
    }

    .hero .ttl {
        font-size: 200%;
        margin-bottom: 10px;
    }

    .hero .sub-ttl {
        font-size: 87.5%;
        font-family: 'Code-Pro-LC', sans-serif;
    }

    .vid-cont > a {
        opacity: 0;
        z-index: 0;
    }

    #latest-news-sec p {
        width: 75%;
    }

    /* Mobile Buttons ----------------------------------------------------------*/
    .diamond-btn {
        width: 41px;
        height: 40px;
    }

    .btn-label {
        font-size: 87.5%;
    }

    .diamond-btn .btn-label {
        margin-left: -7px;
    }

    .btn-arrow,
    .btn-arrow-over {
        width: 6px;
        height: 11px;
        top: 14px;
        left: 19px;
    }

    .vid-play-btn {
        margin: -40px 0 0 -40px;
        width: 81px;
        height: 100px;
    }

    .vid-play-btn .btn-label {
        font-size: 100%;
    }

    .vid-play-btn .btn-arrow,
    .vid-play-btn .btn-arrow-over {
        width: auto;
        height: auto;
    }

    .expand-btn .btn-arrow {
        position: absolute;
        top: 15px;
        left: 34px;
        z-index: 3;
        width: 11px;
        height: 10px;
    }

    /* Mobile section intros ----------------------------------------------------------*/
    .work-copy .tag-cont {
        margin-bottom: 55px;
    }

    .work-copy.centre {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 8%;
        padding-right: 8%;
    }

    .work-copy.centre .sub-ttl {
        width: 175px;
        margin: 0 auto 14px auto;
    }

    .case-study-intro.work-copy .sub-ttl {
        width: 90%;
        font-size: 131.25%;
        line-height: 1.3em;
    }

    .section-summary.one-center-col,
    .white .section-summary.one-center-col,
    .img-ttl-header.one-center-col {
        padding: 30px 1em 0 1em;
    }

    .section-summary .ttl,
    .img-ttl-header .ttl {
        font-size: 200%;
        margin-bottom: 15px;
    }

    .case-study-intro p {
        margin-bottom: 0;
    }

    .case-study-intro.five12-cont-dynamic .share-cont {
        display: none;
    }

    /* Mobile Twitter panel ----------------------------------------------------------*/
    #twitter-sec .story-module {
        width: 300px;
    }

    #twitter-sec .tweet-body li {
        width: 220px;
    }

    /* Mobile Careers ----------------------------------------------------------*/
    #current-opportunities ul li a {
        font-size: 12px;
    }

    .section-summary .ttl {
        font-size: 130%;
    }

    #current-opportunities ul {
        width: 95%;
    }

    #current-opportunities ul li {
        text-align: left;
        float: left;
        width: 100%;
        margin-right: 0%;
    }

    #current-opportunities ul li.top.mobile a {
        border-top: none;
    }

    #job-detail h1 {
        left: 0;
        margin-bottom: 35px;
        margin-left: 0;
        font-size: 160%;
        width: 100%;
    }

    #job-detail a.btn {
        margin-bottom: 15px;
    }

    #job-detail .job-content {
        width: 100%;
    }

    .quote-row .cite.no-mobile {
        display: none;
    }

    #application-form .row {
        width: 100%;
        height: 120px;
    }

    #application-form .row .first-col,
    #application-form .row .second-col {
        width: 90%;
        float: none;
    }

    #application-form .row .first-col .icon {
        display: none;
    }

    #application-form .row .first-col {
        float: none;
        border-right: none;
        height: 30px;
        padding-left: 30px;
        padding-top: 25px;
    }

    #application-form .row.message .first-col {
        height: 26px;
    }

    #application-form .row .second-col textarea {
        width: 80%;
    }

    #application-form .row .second-col input, #application-form .row .second-col textarea {
        margin-left: 15px;
        margin-top: 5px;
        width: 90%;
        font-size: 14px;
        padding: 15px;
    }

    #application-form #df-application-filename-display .filename {
        max-width: 50px;
    }

    /* Mobile Work ----------------------------------------------------------*/
    .work-copy {
        width: auto;
    }

    .work-copy header.underline {
        margin-bottom: 10px;
    }

    .work-copy .ttl {
        font-size: 162.5%;
    }

    .work-copy .sub-ttl,
    .work-copy p.sub-ttl {
        font-size: 131.25%;
    }

    .work-copy p {
        font-size: 87.5%;
        margin-bottom: 19px;
    }

    .the-planning.work-copy .ttl {
        padding-bottom: 13px;
    }

    .tag-list a {
        margin-left: 3px;
    }

    .bullet {
        margin-top: -2px;
    }

    #latest-news-sec {
        padding-top: 20px;
    }

    .quote-row {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #intro-link {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Mobile article ----------------------------------------------------------*/
    .article,
    .one-center-col.news-article {
        width: auto;
        padding-top: 25px;
        padding-left: 8%;
        padding-right: 8%;
    }

    .article .ttl {
        line-height: 1.3em;
        margin-bottom: 0;
        padding-top: 1px;
        font-size: 131.25%;
    }

    .article.news-article .ttl {
        width: auto;
        margin-bottom: 10px;
        word-spacing: 0.12em;
    }

    .article .sub-ttl,
    .article p.sub-ttl {
        width: auto;
        clear: both;
        font-size: 87.5%;
    }

    .article.news-article .sub-ttl {
        padding-top: 15px;
    }

    .article.news-article .tag-cont {
        float: none;
    }

    .article .columns,
    .article .center-text {
        width: 100%;
        height: auto;
        overflow: hidden;
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-fill: auto;
    }

    .article.news-article iframe {
        width: 100%;
        height: auto;
        float: none;
    }

    .article.news-article .columns {
        border-bottom: none;
        padding-bottom: 0;
    }

    .article .copy-column {
        width: 100%;
        float: none;
        margin-right: 0;
        padding-bottom: 5px;
    }

    .article .credits-column {
        width: 100%;
        float: none;
        padding: 9.523809523809524%;
        margin-left: -9.523809523809524%;
        margin-bottom: 0;
    }

    .article p,
    .article .columns p {
        width: auto;
    }

    .article .share-cont {
        padding-top: 15px;
    }

    .share-cont p {
        margin: 0 auto 10px auto;
    }

    /* Mobile news ----------------------------------------------------------*/
    .article-list {
        padding: 30px 8% 20px 8%;
        text-align: left;
    }

    .article-list.work-copy .ttl {
        padding-bottom: 0;
        margin-bottom: 15px;
        font-size: 131.25%;
    }

    .article-list.work-copy .sub-ttl {
        font-size: 87.5%;
        margin-bottom: 14px;
    }

    .article-list .underline {
        display: none;
    }

    .article-list.work-copy p img {
        display: none;
    }

    .article-list.work-copy .tag-cont {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        vertical-align: top;
        margin: 0 auto 25px auto;
    }

    /* Mobile person quote ----------------------------------------------------------*/
/

    .quote-row {
        padding-bottom: 0;
    }

    .quote-row blockquote {
        width: 98%;
        font-size: 20px;
        line-height: 28px;
        padding-left: initial;
    }

    .article.two-col {
        width: 64%;
        margin: 0 auto;

        -moz-column-count: 1;
        -moz-column-gap: 80px;
        -ms-column-count: 1;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        column-count: 1;
        column-gap: 0;
    }

    .person-quote-block {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .person-quote-block .vid-match-col-force-h {
        padding-bottom: 50%;
    }

    .person-quote-block blockquote {
        width: 250px;
        padding-left: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        font-size: 18px;
        text-align: left;
    }

    .person-quote-block .cite {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        text-align: left;
    }

    /* Careers blog module (homepage) ----------------------------------------------------------*/
    #latest-news-sec.blog .blog-inner {
        width: 100%;
    }

    #latest-news-sec.blog .blog-inner h3 {
        font-size: 17px;
        margin-left: 10px;
        margin-right: 10px;
    }

    /* Mobile Twitter box (homepage) ----------------------------------------------------------*/
    #twitter-sec .twitter-header {
        width: 80%;
    }

    #twitter-sec .tweet-body li p {
        font-size: 17px;
        line-height: 22px;
    }

    #twitter-sec .twitter-header p {
        width: 100px;
    }

    #twitter-sec .twitter-cont .story-body {
        clear: both;
    }

    /* Mobile Profile ----------------------------------------------------------*/
    .title-cont,
    .thats-us-cont {
        width: 33.333333333333%;
        font-size: 16px;
    }

    .title-cont .ttl {
        font-size: 26px;
        font-family: 'Code-Pro-Bold-LC', sans-serif;
        text-transform: none;
        margin-bottom: 8px;
        line-height: 1.1em;
        word-spacing: 0;
        margin-top: 18px;
    }

    .title-cont .underline {
        width: 70%;
    }

    .row .profile-module.quarter-col,
    .row .photo-module.quarter-col,
    .row .loading-block.quarter-col {
        width: 33.333333333333%;
        overflow: hidden;
    }

    .row.case-study-white h3,
    .row.case-study-white p {
        color: #000;
    }

    .row .loading-block.quarter-col {
        margin-left: 33.333333333333%;
        margin-right: 33.333333333333%;
    }

    .profile-headshot-cont,
    .profile-details-cont {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-perspective: 100px;
        -moz-perspective: 100px;
        perspective: 100px;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    .profile-headshot-cont {
        cursor: pointer;
        height: auto;
        line-height: 0.4em;
        -webkit-transform: rotateY(0deg);
    }

    .profile-headshot-cont img {
        width: 100%;
        height: auto;
        -ms-interpolation-mode: bicubic;
    }

    .profile-details-cont {
        color: #fff;
        -webkit-transform: rotateY(180deg);
        text-align: center;
    }

    .close-profile {
        display: block;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 14px;
        right: 14px;
    }

    .profile-details-cont .ttl {
        font-size: 137.5%;
        font-family: 'Code-Pro-LC', sans-serif;
        text-transform: uppercase;
        margin: 0 auto 5px auto;
        word-spacing: 0.12em;
    }

    .profile-details-cont .sub-ttl {
        font-size: 112.5%;
        font-family: 'Code-Pro-LC', sans-serif;
        margin-bottom: 10px;
    }

    .profile-details-cont .underline {
        width: 80px;
        height: 2px;
        margin: 0 auto 10px auto;
    }

    .profile-details-cont p {
        font-size: 87.5%;
        width: 80%;
        margin: 0 auto 20px auto;
    }

    .profile-details-cont .social-ft-btn {
        margin: 0 auto;
        float: none;
    }

    .profile-details-cont #social-ft-li {
        margin: 0 7px 0 auto;
    }

    #social-ft-li .btn-bg {
        background-position: -51px -204px;
    }

    #social-ft-li .btn-fg {
        background-position: 0 -204px;
    }

    /* Mobile case study ----------------------------------------------------------*/
    .large-img-caro {
        height: auto;
    }

    .img-w-text {
        background: #fff;
        color: #2e3034;
        text-align: center;
    }

    .img-w-text img {
        display: none;
    }

    .img-w-text .quarter-col {
        position: static;
        margin-top: 0 !important;
        padding-top: 7.8125%;
        padding-bottom: 7.8125%;
        padding-left: 8%;
        padding-right: 8%;
        width: auto;
    }

    .img-w-text.white-text .quarter-col {
        color: #2e3034;
    }

    .img-w-text.white-text .work-copy .underline {
        background: #2e3034;
        border-bottom-color: #2e3034;
    }

    .img-w-text .work-copy .ttl {
        padding-bottom: 17px;
    }

    /* Mobile stat module ----------------------------------------------------------*/
    .stat-module {
        border-bottom: solid 1px #ccc;
    }

    .stat-module .vid-match-col-force-h {
        display: none;
    }

    .stat-module .floating-content.the-result {
        width: 100%;
    }

    .floating-content.the-result p, .floating-content.the-result ul {
        margin-right: 0;
    }

    .floating-content.the-result ul {
        text-align: left;
    }

    .stat-module .floating-content {
        width: 84%;
        padding-top: 7.8125%;
        padding-bottom: 7.8125%;
        padding-left: 8%;
        padding-right: 8%;
    }

    .stat-num {
        font-size: 437.5%;
        line-height: 1em;
        margin: 0 auto 15px auto;
        word-spacing: 0.12em;
        position: relative;
        text-align: center;
    }

    .stat-desc {
        width: 100%;
        font-family: 'Code-Pro-LC', sans-serif;
        font-size: 112.5%;
        margin: 0 auto;
        line-height: 1.4em;
        word-spacing: 0.12em;
    }

    /* Mobile contact ----------------------------------------------------------*/
    .three-col-cont .inner-cont {
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        padding-bottom: 0;
        float: none;
    }

    .three-col-cont .underline {
        width: 100%;
    }

    /* Mobile news ----------------------------------------------------------*/
    .disc-list {
        width: 100%;
        min-width:0px;
        margin: 0 auto;
    }

    .disc-list li {
        margin: 10px;
        float: none;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .story-body {
        color: #231f20;
        font-family: 'Code-Pro-LC', sans-serif;
        margin: 0 auto 15px auto;
        font-size: 131.25%;
    }

    .article-excerpt.grey {
        background: #fbfbfb;
    }

    .article-excerpt.one-col-grey {
        background: #ffffff;
        color: #2c2c2c;
    }

    /* Mobile map ----------------------------------------------------------*/
    .map-cont .force-h {
        padding-bottom: 69.6875%;
        display: none;
    }

    .map-cont > a {
        display: block;
        line-height: 0.4em;
    }

    .map-cont > a > img {
        display: block;
        width: 100%;
        height: auto;
        -ms-interpolation-mode: bicubic;
    }

    #map {
        display: none;
    }

    #dummy-map-pin-a {
        display: block;
        width: 35px;
        height: 46px;
        margin: -46px 0 0 -18px;
        position: absolute;

    }

    #dummy-map-pin-a {
        top: 50%;
        left: 50%;
    }

    /* Mobile about ----------------------------------------------------------*/
    .what-we-do {
        width: 100%;
        padding: 0;
        height: auto;
    }

    #floating-profile-details.what-we-do {
        height: auto;
        text-align: center;
    }

    #floating-profile-details.what-we-do .close-profile {
        display: block;
        width: 18px;
        height: 18px;
        background: url('../img/large-close.png') 0 0 no-repeat;
        background-size: 18px 18px;
    }

    #floating-profile-details.what-we-do .column-list {
        display: block;
        width: 300px;
        float: none;
        padding-top: 35px;
        padding-bottom: 5px;
        margin: 0 auto;
        text-align: left;
    }

    #floating-profile-details.what-we-do .column-list li {
        margin-bottom: 7px;
    }

    .what-we-do > header {
        width: auto;
        float: none;
        padding-top: 30px !important;
    }

    .what-we-do .ttl {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .what-we-do h2.ttl {
        text-indent: -8px;
    }

    .what-we-do .ttl br {
        display: none;
    }

    .what-we-do .ttl span.mobile-only {
        display: inline !important;
    }

    .what-we-do header div.underline {
        width: 167px;
        margin-bottom: 30px;
    }

    .what-we-do .column-list {
        width: 84%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .csscolumns .what-we-do .column-list {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    .what-we-do .column-list li {
        margin-bottom: 25px;
    }

    .what-we-do .column-list .ttl {
        font-size: 131.25%;
        margin-bottom: 11px;
    }

    .mobile-who-we-are-cont {
        width: 50%;
        background: #233549;
        position: relative;
        float: left;
        display: block;
        height: 192px;
    }

    .profile-headshot-cont img {
        -ms-filter: "alpha(opacity=100)";
        opacity: 1;
    }

    .mobile-who-we-are-cont a {
        padding-top: 30px;
        display: block;
    }

    .mobile-who-we-are-cont .ttl {
        font-size: 30px;
        text-transform: uppercase;
        font-family: 'Code-Pro-Bold', sans-serif;
        color: #fff;
        line-height: 1.1em;
        margin-bottom: 25px;
    }

    .mobile-who-we-are-cont .down-btn {
        padding-top: 40px;
    }

    .mobile-who-we-are-cont .down-btn .under-diamond {
        width: 40px;
        height: 40px;
        background: url('../img/diamond-btn-sprite.png') 0 0 no-repeat;
        background-size: 121px 40px;
        margin-left: -20px;
    }

    .mobile-who-we-are-cont .down-btn .btn-arrow-over {
        left: 50%;
        top: 18px;
        width: 11px;
        height: 7px;
        background: url('../img/down-arrow.png') 0 -6px no-repeat;
        background-size: 11px 13px;
        margin-left: -5px;
        opacity: 1;
    }

    .thats-us-cont .ttl {
        font-size: 22px;
        font-family: 'Code-Pro-Bold-LC', sans-serif;
        text-transform: none;
        line-height: 0.9em;
        margin-top: 10px;
        margin-bottom: 3px;
    }

    .thats-us-cont .btn {
        font-size: 13px;
    }

    #floating-profile-details {
        width: 100%;
        position: fixed;
        left: 0;
        top: 55px;
        z-index: 9;
        -webkit-transform: rotateY(0deg) scale(0) translate3d(0, 0, 0);
        -moz-transform: rotateY(0deg) scale(0) translate3d(0, 0, 0);
        transform: rotateY(0deg) scale(0) translate3d(0, 0, 0);

    }

    .disc-cont {
        padding: 35px 0;
    }

    /* Mobile sitemap ----------------------------------------------------------*/
    .site-map.one-center-col {
        padding-top: 20px;
    }

    .site-map.article .ttl {
        text-align: center;
        font-size: 200%;
    }

    .csscolumns ul.sitemap-list {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    .sm-accord-ttl,
    .sm-accord {
        float: none;
        width: 100%;
    }

    .accord-section {
        margin-bottom: 20px;
    }

    .csscolumns .accord-section ul.sitemap-list {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    /* Mobile footer ----------------------------------------------------------*/
    #footer .footer-ttl {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    /*#footer .footer-ttl .ttl {*/
        /*font-size: 200%;*/
    /*}*/

    #footer .one90-cont {
        float: none;
        margin: 0 auto;
        padding-bottom: 25px;
        padding-left: 50px;
        width: 260px;
        text-align: left;
    }

    #footer .footer-hr {
        height: 1px;
        width: 100%;
        background: #ccc;
    }

    #footer #contact-social.one90-cont {
        padding-top: 40px;
        padding-left: 12px;
        padding-bottom: 40px;
        width: 240px;
    }

    #footer .ttl {
        font-size: 150%;
    }

    #footer .one90-cont address p {
        border-bottom: solid 1px #2f2f2f;
        padding-bottom: 5px;
        margin-bottom: 13px;
    }

    #footer .one90-cont address p.mobile-only a {
        height: auto;
        display: inline;
    }

    #footer .one90-cont address span {
        margin-right: 11px;
    }

    #footer .one90-cont address a {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: top;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        height: 20px;
    }

    .social-ft-btn {
        width: 51px;
        height: 50px;
        float: left;
        margin-right: 30px;
        position: relative;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: top;
    }

    .social-ft-btn.end {
        margin-right: 0;
    }

    .social-ft-btn span {
        display: block;
        width: 51px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        background: url('../img/foot-social-btns.png') 0 0 no-repeat;
        -webkit-transition: opacity .3s ease-out;
    }

    .social-ft-btn .btn-fg {
        opacity: 0;
    }

    .social-ft-btn:hover .btn-bg {
        opacity: 0;
    }

    .social-ft-btn:hover .btn-fg {
        opacity: 1;
    }

    #social-ft-fb .btn-bg {
        background-position: -51px -102px;
    }

    #social-ft-fb .btn-fg {
        background-position: 0 -102px;
    }

    #social-ft-tw .btn-bg {
        background-position: -51px -153px;
    }

    #social-ft-tw .btn-fg {
        background-position: 0 -153px;
    }

    #social-ft-yt .btn-bg {
        background-position: -51px -51px;
    }

    #social-ft-yt .btn-fg {
        background-position: 0 -51px;
    }

    #social-ft-li .btn-bg {
        background-position: -51px -204px;
    }

    #social-ft-li .btn-fg {
        background-position: 0 -204px;
    }

    #sub-footer {
        /*font-family: 'Code-Pro-LC', sans-serif;
        padding: 25px 0;
        color: #fff;
        background: #2c2c2c;*/
        font-size: 65%;
    }

    #sub-footer p {
    }

    #sub-footer a {
        color: #fff;
    }

    #sub-footer a:hover {
        border-bottom: 1px solid rgba(152, 152, 152, 0.9);
    }

    #footer .one90-cont {
        /*width: 100%;*/
        width: 80%;
        padding-left: 0;
    }

    #footer .one90-cont,
    #footer .sub-ttl,
    #footer .one90-cont p,
    #footer .one90-cont address {
        text-align: left;
    }

    #footer .social-ft-btn {
        margin-bottom: 30px;
    }

    #footer .social-ft-btn.mob-end {
        margin-right: 0;
    }

    /*#footer #contact-social.one90-cont {*/
    /*/!*width: 156px;*!/*/
    /*/!*padding-right: 12px;*!/*/
    /*}*/
}

@media only screen and (max-width: 767px) and (max-height: 268px) {
    #main-nav {
        text-align: center;
    }

    #main-nav > a {
        width: 140px;
        display: inline-block;
        margin: 0 5px;
    }
}

/* Large Styles ----------------------------------------------------------*/

@media only screen and (min-width: 1140px) {

    #header .one024-cont {
        width: 90%;
    }

    #logo {
        margin-left: 0;
    }

    .nav-dd nav {
        width: 90%;
    }

    ul.continent-list {
        margin-left: 0;
    }

    /*#close-country-select,
    #close-nav-social {
        float: right;
        margin-right: 37px;
    }*/

    .what-we-do {
        width: 89.82456140350877%;
    }

    .what-we-do .column-list {
        width: 100%;
    }

    #footer.one024-cont {
        width: 87%;
    }

    #footer .one90-cont {
        width: 30%;
        text-align: left;
        padding-left: 0;
    }

    /*#footer .new-address {*/
        /*width: 25%;*/
    /*}*/

    #footer .one90-cont .underline,
    #footer .one90-cont h4,
    #footer .one90-cont p,
    #footer .one90-cont,
    #footer .one90-cont .footer-social {
        text-align: left;
    }

    .article.news-article .ttl {
        width: 70%;
        word-spacing: 0.12em;
    }

    .article.one-center-col {
        width: 80%;
    }

    .article .columns p {
        width: 90%;
    }

    .article blockquote {
        width: 65.21739130434783%;
        margin-left: auto;
        margin-right: auto;
        font-size: 187.5%;
    }

    .person-module {
        width: 90%;
    }

    .btn-label {
        font-size: 20px;
    }

    .contact-page {
        width: 80%;
    }

    .contact-page .inner-cont {
        width: 33%;
        margin: 0;
    }

}

/* People row and styles ----------------------------------------------------------*/
@media only screen and (min-width: 1281px) and (max-width: 1536px) {

    .profile-module.quarter-col,
    .photo-module.quarter-col,
    .title-cont.quarter-col,
    .thats-us-cont.quarter-col,
    .loading-block.quarter-col {
        width: 20%;
    }

    .profiles-row .loading-block.quarter-col {
        margin-left: 40%;
        margin-right: 40%;
    }
}

@media only screen and (min-width: 1537px) and (max-width: 1792px) {

    .profile-module.quarter-col,
    .photo-module.quarter-col,
    .title-cont.quarter-col,
    .thats-us-cont.quarter-col,
    .loading-block.quarter-col {
        width: 16.666666666666668%;
    }

    .profiles-row .loading-block.quarter-col {
        margin-left: 41.66666666666667%;
        margin-right: 41.66666666666667%;
    }
}

@media only screen and (min-width: 1793px) and (max-width: 2048px) {

    .profile-module.quarter-col,
    .photo-module.quarter-col,
    .title-cont.quarter-col,
    .thats-us-cont.quarter-col,
    .loading-block.quarter-col {
        width: 14.285714285714286%;
    }

    .profiles-row .loading-block.quarter-col {
        margin-left: 42.85714285714286%;
        margin-right: 42.85714285714286%;
    }
}

@media only screen and (min-width: 2049px) {

    .profile-module.quarter-col,
    .photo-module.quarter-col,
    .title-cont.quarter-col,
    .thats-us-cont.quarter-col,
    .loading-block.quarter-col {
        width: 12.5%;
    }

    .profiles-row .loading-block.quarter-col {
        margin-left: 43.75%;
        margin-right: 43.75%;
    }
}

/* Retina (x2) rules ----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {

    #loader {
        background: url('../img/high-res/loader.gif') 0 0 no-repeat;
        background-size: 56px 57px;
    }

    #logo a {
        /*background: url('../img/fcb_six-2x.png') 0 0 no-repeat;
        background-size: 122px 25px;*/
    }

    #menu-toggle {
        background: url('../img/high-res/menu-toggle-sprite.png') 0 0 no-repeat;
        background-size: 16px 32px;
    }

    .loc-under,
    .loc-over {
        background-image: url('../img/high-res/loc-sprite.png');
        background-size: 210px 100px;
    }

    #nav-social-btn .loc-under,
    #nav-social-btn .loc-over {
        background-image: url('../img/high-res/nav-share-sprite.png');
        background-size: 210px 100px;
    }

    #close-country-select,
    #close-nav-social {
        background: url('../img/high-res/large-close.png') 0 0 no-repeat;
        background-size: 34px 34px;
    }

    .tags-logo {
        background-image: url('../img/high-res/tags-large.png');
        background-size: 66px 29px;
    }

    .tags-logo.news-logo {
        background-image: url('../img/high-res/news-large.png');
        background-size: 66px 29px;
    }

    .tag-1,
    .tag-2 {
        background: url('../img/high-res/tag-red.png') left bottom no-repeat;
        background-size: 19px 18px;
    }

    .dark-blue .tag-1,
    .dark-blue .tag-2 {
        background-image: url('../img/high-res/tag-blue.png');
    }

    .green .tag-1,
    .green .tag-2 {
        background-image: url('../img/high-res/tag-green.png');
    }

    .red .tag-1,
    .red .tag-2 {
        background: url('../img/high-res/tag-red.png') left bottom no-repeat;
        background-size: 19px 18px;
    }

    .bullet {
        background: url('../img/high-res/bullet-sprite.png') 0 0 no-repeat;
        background-size: 5px 10px;
    }

    .green .bullet {
        background-image: url('../img/high-res/bullet-sprite-green.png');
    }

    .dark-blue .bullet {
        background-image: url('../img/high-res/bullet-sprite-blue.png');
    }

    .red .bullet {
        background-image: url('../img/high-res/bullet-sprite-red.png');
    }

    .dl-icon {
        background: url('../img/high-res/dl-icon.png') 0 0 no-repeat;
        background-size: 20px 17px;
    }

    .caro-nav a {
        background: url('../img/high-res/caro-item.png') 0 0 no-repeat;
        background-size: 11px 11px;
    }

    .bb-caro-l,
    .bb-caro-r {
        background-image: url('../img/high-res/bb-arrows.gif');
        background-size: 24px 22px;
    }

    .phone-caro-l,
    .phone-caro-r {
        background-image: url('../img/high-res/arrow-sprite.png');
        background-size: 26px 23px;
    }

    .bb-head {
        background: url('../img/high-res/bb-icon.png') 0 0 no-repeat;
        background-size: 129px 29px;
    }

    .bb-icon {
        background: url('../img/high-res/bb-icon-black.png') 0 0 no-repeat;
        background-size: 30px 29px;
    }

    .book-module.large-w-review blockquote {
        background: url('../img/high-res/blockquote-bottom.png') center bottom no-repeat;
        background-size: 1000px 22px;
    }

    .social-ft-btn span {
        background: url('../img/high-res/foot-social-btns.png') 0 0 no-repeat;
        background-size: 102px 375px;
        height: 51px;
    }

    #social-ft-fb .btn-bg {
        background-position: -51px -101px;
    }

    #social-ft-fb .btn-fg {
        background-position: 0 -101px;
    }

    #social-ft-tw .btn-bg {
        background-position: -51px -152px;
    }

    #social-ft-tw .btn-fg {
        background-position: 0 -152px;
    }

    #social-ft-in .btn-bg {
        background-position: -51px -51px;
    }

    #social-ft-in .btn-fg {
        background-position: 0 -51px;
    }

    #social-ft-li .btn-bg {
        background-position: -51px -204px;
    }

    #social-ft-li .btn-fg {
        background-position: 0 -204px;
    }

    .large-social-ft-btn span {
        background-image: url('../img/high-res/large-social.png');
        background-size: 364px 184px;
    }

    .header-icon,
    .date-icon {
        background-image: url('../img/high-res/module-icon-sprite.png');
        background-size: 125px 38px;
    }

    .tweet-caro-l,
    .tweet-caro-r {
        background-image: url('../img/high-res/twitter-arrows.gif');
        background-size: 120px 60px !important;
    }

    .close-profile {
        background: url('../img/high-res/ppl_backface_close_icon.png') 0 0 no-repeat;
        background-size: 18px 18px;
    }

    .yellow-gradient .close-profile,
    .yellow .close-profile {
        background: url('../img/high-res/ppl_backface_close_icon_black.png') 0 0 no-repeat;
        background-size: 18px 18px;
    }

    #contact-a {
        background: url('../img/high-res/map-pin-a.png') 0 0 no-repeat;
        background-size: 35px 46px;
    }

    #sub-footer .bullet {
        background-image: url('../img/high-res/footer-bullet-sprite.png');
        background-size: 5px 10px !important;
    }

    .photo-mod-link.flickr {
        background: url('../img/high-res/flickr.gif') 0 0 no-repeat;
        background-size: 66px 26px;
    }

    .photo-mod-link.insta {
        background: url('../img/high-res/instagram.gif') 0 0 no-repeat;
        background-size: 77px 26px;
    }

    .sitemap-list .bullet {
        background-image: url('../img/high-res/bullet-sprite.png') !important;
        background-size: 5px 10px;
    }

    #people-filter .icon {
        background: url('../img/high-res/people-filter.png') 0 0 no-repeat;
        background-size: 38px 15px;
    }

    #people-filter .dropdown.active .icon {
        background: url('../img/high-res/people-filter.png') -19px 0 no-repeat;
        background-size: 38px 15px;
    }

    .work-list .news-corner {
        background: url('../img/high-res/news-corner.png') right bottom no-repeat;
        background-size: 40px 40px;
    }

    #application-form .row .first-col .icon {
        background: url('../img/high-res/application-icons.gif') 0 0 no-repeat;
        background-size: 70px 14px;
    }

    #application-form #df-application-resume-btn {
        background: url('../img/high-res/upload-file.gif') 0 0 no-repeat;
        background-size: 113px 40px;
    }

    #application-form #df-application-filename-display .attachment-icon {
        background: url('../img/high-res/attachment-icon.gif') 0 0 no-repeat;
        background-size: 17px 17px;
    }

    #application-form #df-application-filename-display .close-btn {
        background: url('../img/high-res/attachment-close.gif') 0 0 no-repeat;
        background-size: 17px 17px;
    }
}

@media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1023px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1023px) and (min-resolution: 2dppx) {

    #logo a {
        /*background-size: 88px 18px;
        background-image: url('../img/fcb_six-2x.png');*/
        height:18px;
    }

}

/* General Inquiries contact form */
#fcb-gen-inquiries div {
    color: #999;
    font-size: 0.8em;
}

#fcb-gen-inquiries input,
#fcb-gen-inquiries textarea {
    border: 1px solid #999;
    width: 98%;
    padding: 0.5em 0 0.5em 2%;
}

#fcb-gen-inquiries .name:after,
#fcb-gen-inquiries .email:after,
#fcb-gen-inquiries .phone:after,
#fcb-gen-inquiries .message:after {
    content: '*';
    color: darkred;
    padding-left: 2px;
}

#fcb-gen-inquiries .name:before,
#fcb-gen-inquiries .email:before,
#fcb-gen-inquiries .phone:before,
#fcb-gen-inquiries .subject:before,
#fcb-gen-inquiries .message:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: color .1s ease-in 0;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
    margin-top: 6px;
}

#fcb-gen-inquiries .name:before {
    content: "\f110";
}

#fcb-gen-inquiries .email:before {
    content: "\f466";
}

#fcb-gen-inquiries .phone:before {
    content: "\f525";
}

#fcb-gen-inquiries .subject:before {
    content: "\f348";
}

#fcb-gen-inquiries .message:before {
    content: "\f101";
    /*margin-top: 4px;*/
}

#fcb-gen-inquiries .wpcf7-submit {
    padding: .5em;
    width: 100%;
    background-color: #fff;
    margin-top: 2em;
}

#fcb-gen-inquiries .wpcf7-submit:hover {
    background-color: #eee;
}

#fcb-gen-inquiries img.ajax-loader {
    width: 20px;
    height: auto;
    margin-left: -30px;
}

.wpcf7-form {
    position: relative;
}

.wpcf7-form div.wpcf7-response-output {
    margin: 0;
    position: absolute;
}

#fcb-gen-inquiries label {
    display: inline-block;
    width: 100%;
    color: #999;
    font-size: 1.2em;
}

#fcb-gen-inquiries div {
    font-size: 0.9em;
}

#fcb-gen-inquiries span.wpcf7-not-valid-tip {
    position: absolute;
    right: 0;
}

#fcb-gen-inquiries textarea {
    width: 98%;
    height: 150px;
}

@media only screen and (min-width: 860px) {
    #fcb-gen-inquiries img.ajax-loader {
        position: relative;
        right: auto;
        margin-top: 1px;
    }

    #fcb-gen-inquiries .wpcf7-submit {
        width: 558px;
        margin-left: 248px;
    }

    #fcb-gen-inquiries input {
        width: 536px;
        padding-left: 1em;
    }

    #fcb-gen-inquiries textarea {
        width: 536px;
        padding-left: 1em;
    }

    #fcb-gen-inquiries label {
        width: 250px;
    }

    #fcb-gen-inquiries div {
        display: inline-flex;
    }

    #fcb-gen-inquiries .your-message .wpcf7-not-valid-tip {
        margin-left: -250px;
        font-size: 0.65em;
        position: absolute;
        margin-top: -150px;
    }

    .wpcf7-form div.wpcf7-response-output {
        font-size: 0.8em;;
        width: 769px;
        position: absolute;
    }

    #fcb-gen-inquiries span.wpcf7-not-valid-tip {
        right: auto;
        font-size: 0.7em;
        margin-top: -10px;
        line-height: 1em;
        text-align: left;
        float: left;
        width: 250px;
    }
}

.work-copy {
    padding: 1em;
    text-align: center;
}

.work {
    float: left;
    width: 100%;
    position: relative;
    margin-right: 1%;
    margin-bottom: 1%; /* 10px */
    /*border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;*/
    border: solid 1px #aaa;
}
a:nth-child(3n+1) .work { clear:left; }


.work .corner {
    position: absolute;
    right: 0;
    margin-top: -45px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #ffffff transparent;
}

.work img {
    width: 100%;
    height: inherit;
}
.work .work-footer {
    color: #d3d2d2;
    padding-left: 1em;
    text-align: left;
    padding-bottom:0.25em;
}
.work .work-footer h2 {
  /* margin-bottom: 0.25em; */
  line-height: 1.2;
}
.work .work-footer strong {
    color: #000000;
    font-weight: bold;
}

.work .client,
.work .more {
    position: absolute;
    color: #fff;
    margin-left: 10px;
}

.home-hero {
    width: 100%;
}

.work .more {
    margin-top: -2em;
    left: 5px;
}

.five12-cont-dynamic p {
    width: 98%;
    text-align: left;
}

div.one-center-col h1.ttl {
    width: 100%;
    max-width: 100%;
}


body .metaslider .caption-wrap {
    background: none;
    text-align: center;
    font-family: 'Code-Pro-Bold', sans-serif;
    text-transform: uppercase;
    line-height: 2em;
    /*top: 40%;
    height: 1px;*/
    opacity: 1;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    bottom:auto;
}
.metaslider .caption {
    font-size: 300%;
    opacity: 0.8;
 }
 
 .metaslider.metaslider-keyline {
   border: 1px solid #999999;
 }

@media only screen and (min-width: 860px) {

    .home .work-copy {
        width: 100%;
        overflow: hidden;
    }

    .contact-us-page .work-copy{
        text-align: left;
        width: 40%;
    }
    body .metaslider .caption-wrap {
        /*top: 45%;*/
    }

    .work {
        width: 48%;
    }
    a:nth-child(2n+1) .work { clear:left; }
    a:nth-child(3n+1) .work { clear:none; }
    
    address {
        /*padding: inherit;*/
        margin-bottom:1em;
    }

    div.one-center-col h1.ttl {
        width: 80%;
        max-width: 80%;
    }

    .work-copy {
        display: block;
        width: 80%;
        padding: 2% 0 2% 0;

        overflow: auto;
    }

    .five12-cont-dynamic p {
        width: 80%;
    }

    /*.work-copy a {*/
        /*width: 32%;*/

    /*}*/

    .work .client,
    .work .more {
        opacity: 0;
        transition: opacity 0.5s ease-in-out; /* vendorless fallback */
        -o-transition: opacity 0.5s ease-in-out; /* opera */
        -ms-transition: opacity 0.5s ease-in-out; /* IE 10 betas, not needed in final build. */
        -moz-transition: opacity 0.5s ease-in-out; /* Firefox */
        -webkit-transition: opacity 0.5s ease-in-out; /*safari and chrome */
    }

    .work-copy a:hover .work .client,
    .work-copy a:hover .work .more {
        opacity: 1;
        transition: opacity 0.5s ease-in-out; /* vendorless fallback */
        -o-transition: opacity 0.5s ease-in-out; /* opera */
        -ms-transition: opacity 0.5s ease-in-out; /* IE 10 betas, not needed in final build. */
        -moz-transition: opacity 0.5s ease-in-out; /* Firefox */
        -webkit-transition: opacity 0.5s ease-in-out; /*safari and chrome */
    }

    body .metaslider .caption-wrap {
        /*font-size: 150%;*/
    }
}


#main-nav-map {
  width: 100%;
  height: 400px;
}

div#contact-map,
div#contact-tor-map,
div#contact-sf-map,
div#contact-brazil-map,
div#contact-london-map,
div#contact-mtl-map,
div#contact-fuel-map,
div#contact-nyc-map,
div#contact-health-map {
    width: 100%;
    height: 300px;
}

@media only screen and (min-width: 1080px) {
    .work {
        width: 32%;
    }
    a:nth-child(2n+1) .work { clear:none; }
    a:nth-child(3n+1) .work { clear:left; }
    
    
    body .metaslider .caption-wrap {
        font-size: 130%;
    }


    #slider_row{
        width: 64%;
        margin-left: auto;
        margin-right: auto;
    }
}

.navigation {
    float: right;
    width: 200px;
    margin-top: 30px;
    height: 36px;
}

.navigation div {
    display: inline-block;
    width: 63px;
    float: right;
    border-left: 1px solid #999;
    height: 36px;
}

.work-nav {
    border-bottom: 1px solid #dadada;
}

.work-nav .share-cont {
    padding-top: 28px;
    text-align: left;
    height: 38px;
}

.work-nav .share-cont a {
    margin-right: -8px;
}

.navigation div a:after {
    display: inline-block;
    width: 20px;
    height: 10px;
    font-size: 20px;
    line-height: 1;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: color .1s ease-in 0;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 0;
    margin-top: 0;
}

.navigation div a {
    width: 100%;
    display: block;
}

.navigation div a:hover {
    color: #888;
}

.case-study-all a:after {
    content: "\f180";
}

.alignright a:after {
    content: "\f345";
}

.alignleft a:after {
    content: "\f341";
}

/* shcnge to handel the JS turned off*/

.hero .ttl,
.section-summary .ttl {
    opacity: 1;
}

#footer-cont {
    position: relative;
}

#above-foot {
    padding-top: 96px;
}
.home-hero-mobile{
    display: none;
}
.home-hero{
    display:block;
}
@media only screen and (max-width: 767px) {
    /*#above-foot {*/
        /*padding-top: 24px;*/
    /*}*/

    .metaslider .caption {
        font-size: 200%;
        line-height: 1.2em;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .work{
        margin-bottom: 1em;
        border-left: solid 1px #aaa;
    }
    /*.home-hero-mobile{
        display:block;
    }
    .home-hero{
        display: none;
    }*/

    #above-foot {
        padding-top: 51px;
    }

}
@media only screen and (max-width: 480px) {
    .metaslider .caption {
        font-size: 160%;
    }
}
@media only screen and (max-width: 340px) {
    .metaslider .caption {
        font-size: 140%;
    }
}
.work-nav .navigation{
    margin-top: 0;
}
@media only screen and (min-width: 767px) {
    #footer {
        font-size: 15px;
    }
}

.nav-dd {
    height: initial;
    overflow: auto;
}

#region-select {
    height: 0;
}

#nav-social {
    display: none;
    height: auto;
}

.right .large-vid-match-col {
    float: right;

}

blockquote footer {
    /*
    margin-bottom: -95px;
    line-height: 4em;
    
    */
    margin-top: 20px;
    line-height: 1.1;
    text-align: right;
    font-size: .8em;
}
@media only screen and (max-width: 767px) {
    blockquote footer {
        /*
        margin-bottom: -102px;
        line-height: 7em;
        */
        text-align: right;
        font-size: .8em;
    }
}


#main-nav li.current-menu-item.light-blue {
  border-bottom: 1px solid rgb(0, 130, 187);
  color: rgb(0, 130, 187);
}
#main-nav li.current-menu-item.light-blue a { color: rgb(0, 130, 187); }

#main-nav li.current-menu-item.yellow {
  border-bottom: 1px solid rgb(242, 171, 19);
  color: rgb(242, 171, 19);
}
#main-nav li.current-menu-item.yellow a { color: rgb(242, 171, 19); }

#main-nav li.current-menu-item.pink {
  border-bottom: 1px solid rgb(236, 32, 36);
  color: rgb(236, 32, 122);
}
#main-nav li.current-menu-item.pink a { color: rgb(236, 32, 122); }

#main-nav li.current-menu-item.green {
  border-bottom: 1px solid rgb(12, 133, 70);
  color: rgb(12, 133, 70);
}
#main-nav li.current-menu-item.green a { color: rgb(12, 133, 70); }

#main-nav li.current-menu-item.red {
  border-bottom: 1px solid rgb(236, 32, 36);;
  color: rgb(236, 32, 36);
}
#main-nav li.current-menu-item.red a { color: rgb(236, 32, 36); }

/*.nav-current-case-studies #nav-our-work {
    border-bottom: 1px solid rgb(0, 130, 187);
    color: rgb(0, 130, 187);
}
.nav-current-people #nav-who-we-are {
     border-bottom: 1px solid rgb(242, 171, 19);
     color: rgb(242, 171, 19);
 }
.nav-current-what-we-do #nav-what-we-do {
  border-bottom: 1px solid rgb(0, 130, 187);
  color: rgb(0, 130, 187);
}
.nav-current-contact-us #nav-contact-us {
    border-bottom: 1px solid rgb(12, 133, 70);
    color: rgb(12, 133, 70);
}
.nav-current-join-us #nav-careers {
    border-bottom: 1px solid rgb(236, 32, 36);
    color: rgb(236, 32, 36);
}
#main-nav .pink.active {
    border-bottom: 1px solid rgb(236, 32, 122);
    color: rgb(236, 32, 122);
}*/

.vcard {
    font-size: 1.1em;
    line-height: 1.6em
}

.article p a.current-opportunities {
    text-decoration: none;
    border-bottom: 1px solid rgb(12,133,70);
    color: rgb(12,133,70);
    /*margin-bottom: 45px;*/
    padding: 0 7px;
    height: 35px;
    margin-top: 10px;
    /*width: inherit;*/
    font-size: 1.2em;
}

.article p a.current-opportunities:hover {
    border-bottom: 3px solid rgb(12,133,70);
    color: rgb(12,133,70);
}
.slider_play{
    display: none;
}

.slide .slider_play{
    display: block;
}


.single-df_case_study .case-study-hero .floating-content {
    bottom: 0;
    top: inherit;
    /*width: 99%;*/
    padding:0 20px;
    text-align: right;
    font-size: 80%;
}
.single-df_case_study .case-study-hero .floating-content.subtitle_shown{
    /*bottom: 24px;*/
}
.country-name.hide-text{
    display: block;
}

.sitemap .work-copy, .page-id-7 .work-copy{
    text-align: left;
 }

#join-us{
    position: relative !important;
    top: 0 !important;
}
/*.page-id-28 #footer-cont{
    position: relative !important;
    margin-top: 200px;
}*/

 /* Added by Dov */
/*.flex-direction-nav {
  overflow:hidden;
}*/
.metaslider {
  overflow:hidden;
  margin: 0 auto;
}
.metaslider-flex .flex-direction-nav a {
  /*margin:-15px 0 0;*/
  margin:0;

  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);

}
@media only screen and (max-width: 1023px) {
  .work {
    margin-bottom:1em;
  }
}

/*body .metaslider .slide-77 .caption-wrap {
	text-align:left;
	padding-left:80px;
}*/
.metaslider img {
	width:100%;
    height: auto;
}

#tax-filter {
  /*border-bottom: solid 1px #ccc;*/
}
#tax-filter div {
  text-align: left;
  border-bottom: solid 1px #ccc;
}

@media only screen and (min-width: 767px) {
    #tax-filter div {
        padding-left: 10%;
    }
}
#tax-filter button{
    color:#999;
    text-transform: uppercase;
    font-size: .799em;
    font-weight: 500;
    height: 4em;
    padding: 1rem 2rem 1em 1em;
    background: transparent;
    border-right:1px solid #ccc;
    background-position:  90% center;
    background-repeat: no-repeat;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANklEQVQI12NgYGAIAGJjBlRgDBVnUAPiKiC2hkpYQ/mqMJXyQFwBxIlQWh7NJAZJIM6C0mAAACl8BOeVx5n+AAAAAElFTkSuQmCC');
}
#tax-filter button:focus{
    outline: none;
}

#tax-filter button:first-child{
    border-left:1px solid #ccc;
}

#tax-filter button:hover{
   cursor: pointer;
}

#tax-filter ul{
    margin-left: 10%;
    height: 0;
    overflow: hidden;
    transition-property: all, transform;
    transition-duration: 0.6s, 0.6s;
}
#tax-filter.clients ul#clients,
#tax-filter.business-categories ul#business-categories{
    height: auto;
    padding: 1em 0;
}

#tax-filter.clients div,
#tax-filter.business-categories div
 {
    border-bottom: solid 1px #ccc;
}

/*#tax-filter.services button.services,*/
/*#tax-filter.clients button.clients{*/
    /*background: #ebebeb;*/
/*}*/


#tax-filter ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#tax-filter li {
    float: left;
    letter-spacing: -1px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300 !important;
    font-size: 1.6em;
    text-transform: uppercase;
    line-height: 1.3;
}
#tax-filter li:after {
    content: '/';
    padding: 0 15px 0 10px;
    color: #000 !important;
    font-size: 65%;
    top: -3px;
    position: relative;
}
#tax-filter li:last-child:after{
    content: '';
    padding: 0
}
#tax-filter a{
    /*font-size: 1.5em;*/
    color: #000;
    transition-property: color, transform;
    transition-duration: 0.3s, 0.3s;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300!important;
}

#tax-filter a.light-blue{
   color: rgb(0, 130, 187);
}
#tax-filter a.green{
    color: rgb(12, 133, 70);
}
#tax-filter a.red{
    color: rgb(238, 28, 32);
}
#tax-filter a.yellow{
   color: rgb(242, 171, 19);
}
#tax-filter a.pink{
    color: rgb(236, 32, 122);
}



#tax-filter a:hover{
    text-decoration: none;
}

.quote-row,
#who-we-are-link,
.about-full-image,
.post-type-archive-df-people  .one-chunk{
    top:0 !important;
    position: relative !important;
    translate3d(static) !important;
}
#above-foot{
    /*height: auto !important;*/
    position: relative !important;
}
#footer-cont{
    top:0 !important;
}
.profile-module{
    display: block !important;
}






b {
  font-weight:normal;
  font-family: 'Code-Pro-Bold-LC', sans-serif;
}
address {
  
}



.postid-514 h2.ttl {
  /*color:#000;*/
}

.article.news-article img.ajax-loader {
  width:auto;
  height:auto;
}

.post-feature-image img {
  width:auto;
  max-width:100%;
  display:block;
}

@media only screen and (max-width: 767px) {
  #footer-spacer {
    height:20px;
  }
}





/* FORM STUFF */

.six-form,
.wpcf7-form div.wpcf7-response-output {
  width: 100%;
  /*margin: 0 auto;*/
  max-width: 600px;
}
.wpcf7-form div.wpcf7-response-output {
  position:relative;
}
.six-form-field { margin-bottom:30px; }
.six-form-field label {
  /*font-size: 0.825em;*/
  display: block;
  margin-right: 0.5em;
}
.six-form span.six-form-required {
  font-size: 0.75em;
  color: #c00;
}
.six-form input[type="text"], .six-form input[type="search"], .six-form input[type="email"], .six-form input[type="password"], .six-form input[type="tel"], .six-form textarea, .six-form select {
  width: 100%;
  box-sizing: border-box;
}

.six-form span.wpcf7-not-valid-tip {
  font-size:0.875em;
  margin:6px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .six-form,
  .wpcf7-form div.wpcf7-response-output { width:auto; margin:auto;}
}





/* ==|== non-semantic helper classes ========================================  */



/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.hide-ipad { display:inherit; }
.hide-iphone { display:inherit; }
.hide-desktop { display:none; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.pull-right { float:right; }
.pull-left { float:left; }
.inline { display:inline-block; }







/* CUSTOM CLEARFIXES */
section.widget:before, section.widget:after,
.nav-dd:before, .nav-dd:after { content: ""; display: table; }
section.widget:after,
.nav-dd:after { clear: both; }
section.widget,
.nav-dd { *zoom: 1; }



/* END base.css */

.article.news-article .gm-err-container img {
  width:auto;
  max-width:100%;
}

/* in fuel child-theme */
/*
.header-fuel #logo {
  margin-top:34px;
}
.header-fuel #logo a {
  height:35px;
}
@media only screen and (max-width: 767px) {
  .header-fuel #logo, #header.header-fuel.small-menu #logo {
    margin-top:16px;
  }
  .header-fuel #logo a {
    height:24px;
  }
}
#header.small-menu.header-fuel #logo {
  margin-top: 16px;
}
*/

#footer .new-address-hide {
  display:none;
}
#footer .one90-cont.new-address-full {
  width:58%;
}
@media only screen and (min-width: 1140px) {
  #footer .one90-cont.new-address-full {
    width:60%;
  }
}
@media only screen and (max-width: 999px) and (min-width: 768px) {
  #footer .one90-cont.new-address-full {
    width:58%;
  }
}

@media only screen and (max-width: 767px) {
  #footer .one90-cont.new-address-full {
    width:80%;
  }
}

.wrappy-home{
    width:90%; 
    margin:0 auto;
    text-align: left;
}
.wrappy-home p{
    margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
 .wrappy-home{
     width:80%;   
}
}

.profile-wrappy{
    width: 100%;
    margin:0 auto;
    margin-top: 30px;
    border-top:solid 1px #ccc;
 } 
.profile-wrappy .wwa-end{
    /*display: none !important;*/
}


/*@media only screen and (min-width: 860px) {
     .profile-wrappy{
        width: 80%;
    }  
}
@media only screen and (min-width: 940px) {
    .profile-wrappy .profile-module{
        width: 33.333333333333%;

    }
}*/

#metaslider_container_1202{border-bottom:1px solid #dadada;}
.subhead{
    font-weight: 600;
    font-size: 18px;
}

.box-blue-gradient {
    background:#1d184e;
}
.page-template-index-who-we-are .row{
    margin-bottom: 50px;
}
.page-template-index-news #above-foot{
    margin-bottom: 30px;
}
.one-center-col.news-article.padding-top-40{
    padding-top: 40px;
}

/*contact us page*/
.page-id-12 .three-col-cont .inner-cont{
    margin-left:0;
}
@media only screen and (max-width: 767px){
   .page-id-12 .three-col-cont .inner-cont{
    margin-left:auto;
    }     
}
.page-id-12 hr{
    border-top:1px solid #f2f2f2;
    width:100%;
}

.three-col-addresses{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.three-col-addresses .col{
    width:30%;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1020px){
   .three-col-addresses .col{
    width:47%;
    margin-bottom: 30px;
    } 
}
@media only screen and (max-width: 600px){
   .three-col-addresses .col{
    width:100%;
    margin-bottom: 30px;
    } 
}


.page-template-index-work .work-copy{
    overflow: visible;
}

.page-template-index-work .flexy-contain{
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
    gap: 20px;
  gap: 20px 20px; /* row-gap column gap */
  row-gap: 20px;
  column-gap: 20px;
}
.page-template-index-work .flexy-contain .work-block{
    width:calc((100%/3) - 14px);
}
@media only screen and (max-width: 1020px){
    .page-template-index-work .flexy-contain .work-block{
    width:calc((100%/2) - 10px);
    }
}
@media only screen and (max-width: 600px){
    .page-template-index-work .flexy-contain .work-block{
    width:100%;
    }
}
.page-template-index-work .work{
    background:#f6f6f6;
    border:none;
    width:100%;
}
.page-template-index-work .work .corner{
    margin-top:-40px;
}
.page-template-index-work .work .work-footer{
    padding-top:10px;
    padding-bottom: 15px;
}

.page-template-index-work .work-block .work:hover{
background: rgb(87,182,240);
background: linear-gradient(135deg, rgba(87,182,240,1) 0%, rgba(0,114,186,1) 66%, rgba(9,98,155,1) 100%);
}
.page-template-index-work .work-block:nth-child(2n) .work:hover{
background: rgb(98,222,135);
background: linear-gradient(135deg, rgba(98,222,135,1) 0%, rgba(24,160,64,1) 66%, rgba(20,147,57,1) 100%);
}
.page-template-index-work .work-block:nth-child(3n) .work:hover{
background: rgb(255,94,97);
background: linear-gradient(135deg, rgba(255,94,97,1) 0%, rgba(238,28,32,1) 66%, rgba(209,26,30,1) 100%);
}
.page-template-index-work .work-block:nth-child(4n) .work:hover{
background: rgb(255,235,98);
background: linear-gradient(135deg, rgba(255,235,98,1) 0%, rgba(255,226,29,1) 66%, rgba(227,200,16,1) 100%);
}
.page-template-index-work .work-block:nth-child(5n) .work:hover{
background: rgb(249,100,149);
background: linear-gradient(135deg, rgba(249,100,149,1) 0%, rgba(235,24,105,1) 66%, rgba(201,24,92,1) 100%);
}
.page-template-index-work .work:hover img{
    opacity: 0.8;
}
.page-template-index-work .work-block .work .work-footer{
    color:#8c8c8c;
}
.page-template-index-work .work-block .work:hover .work-footer, .page-template-index-work .work-block .work:hover .work-footer strong{
    color:white;
}
.page-template-index-work .work-block:nth-child(4n) .work:hover .work-footer, .page-template-index-work .work-block:nth-child(4n) .work:hover .work-footer strong{
    color:black;
}
.page-template-index-work .work .more{
    margin-top:-110px;
    left:50%;
    margin-left: -70px;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/***GAMING WHITEPAPER******/
.article p a.gaming-button{
    background:#692E6E;
    color:#fff;
    border-radius: 25px;
    padding:15px 30px 12px 30px;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
    display: inline-block;
}
.article p a.gaming-button:hover{
   background:#40215E;
   color:#fff; 

}

.postid-1419 .article .copy-column{
    width:100%;
}

.postid-1419 .article.news-article img{
    width:auto;
}

.postid-1419 h2{
    color:#40215E;
    font-size:40px;
    font-family:'Code-Pro-LC', sans-serif;
    line-height: 45px;
    background: -webkit-linear-gradient(#692E6E, #40215E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 25px;
}
.postid-1419 .article .copy-column li{
    margin-bottom: 20px;            
}
.postid-1419 .article .copy-column ul{
    padding-left: 20px;
}
@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-10px);
    }
    100% {
        transform: translatey(0px);
    }
}
.gaming-takeaway{
    border:2px solid #00D2E2;
    border-radius: 10px;
    padding:20px;
    position: relative;
    width: 100%;
    max-width: 600px;
    font-size: 13px;
    line-height: 1.3em;
    background:#fff;            
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    z-index: 2;
    margin-bottom: -100px;
}
.gaming-takeaway:before{
    content:'';
    position: absolute;
    width: 0;
    left:50%;
    margin-left:-10px;
    bottom:-20px;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #00D2E2 transparent transparent transparent;
}
.gaming-takeaway:after{
    content:'';
    position: absolute;
    width: 0;
    left:50%;
    margin-left:-10px;
    bottom:-16px;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #fff transparent transparent transparent;
}

.gaming-takeaway p:last-child{
    margin-bottom: 0;
}
.gaming-takeaway.one{
    border:2px solid #00D2E2;

}
.gaming-takeaway.one h3{
    color:#00D2E2;
}
.gaming-takeaway.two{
    border-color:#679BC1;
}
.gaming-takeaway.two h3{
    color:#679BC1;
}
.gaming-takeaway.two:before{
    border-color: #679BC1 transparent transparent transparent;            
}

.gaming-takeaway.three{
    border-color:#7281B0;
}
.gaming-takeaway.three h3{
    color:#7281B0;
}
.gaming-takeaway.three:before{
    border-color: #7281B0 transparent transparent transparent;            
}
.gaming-takeaway.four{
    border-color:#796CA3;
}
.gaming-takeaway.four h3{
    color:#796CA3;
}
.gaming-takeaway.four:before{
    border-color: #796CA3 transparent transparent transparent;            
}

.gaming-takeaway.five{
    border-color:#7F5397;
}
.gaming-takeaway.five h3{
    color:#7F5397;
}
.gaming-takeaway.five:before{
    border-color: #7F5397 transparent transparent transparent;            
}

.gaming-takeaway.six{
    border-color:#6B408E;
}
.gaming-takeaway.six h3{
    color:#6B408E;
}
.gaming-takeaway.six:before{
    border-color: #6B408E transparent transparent transparent;            
}

.gaming-divider{
    margin:50px 0;
    border-top:1px solid #ccc;

}

.takeaway-contain{
    position: relative;
}

@media only screen and (max-width: 768px) {
    .takeaway-contain{
     margin-top:20px;   
    }
}
.takeaway-contain img, .work-copy .takeaway-contain p img{
            position: relative;
            z-index: 0;
            margin:0 auto;
            display: block;
            max-width: 100%;
            height: auto;
        }

.game-row{
    display:flex; width:100%; flex-wrap:wrap;
    align-items: flex-end;
}
.game-w-55{
    width:55%;
}
.game-w-40{
    width:40%;margin-left:auto;
}
 @media only screen and (max-width: 768px) {
   .game-w-55{
    width:100%;
}
.game-w-40{
    width:100%;margin-left:auto;
}  
}
.game-o-2{
    order:2;
    margin-left:auto;
}
.game-o-1{
    order: 1;
    margin-left:0;
}
@media only screen and (max-width: 768px) {
    .game-o-2{
    order:1;
}
.game-o-1{
    order: 2;
}
}
.article li a{
    color:#2c2c2c;
    text-decoration: underline;
}
/***GAMING WHITEPAPER END******/