@font-face {
    font-family: 'Poster Bodoni Italic';
    src: url('../fonts/f0ec202e-8d16-4377-a4e8-c2b72025496f.eot') format('eot'),
    url('../fonts/43c42a45-93b7-442a-9060-f52b085e6018.woff2') format('woff2'),
    url('../fonts/1e995368-0c2a-45e4-94b8-8a6d1f598b50.woff') format('woff'),
    url('../fonts/fb9baf1f-32c3-4440-b27b-01f073790f70.ttf') format('truetype'),
    url('../fonts/70df6519-8414-4a58-9b9f-f42381d9e4d6.svg') format('svg')
}

@font-face {
    font-family: 'Brandon Grotesque Regular';
    src: url('../fonts/49d8a110-dd06-4918-9fea-516c27058edf.eot') format('eot'),
    url('../fonts/1e5fc8fa-a98c-4613-a08e-c6c975759a80.woff2') format('woff2'),
    url('../fonts/6b45f9ca-22b4-48ca-962f-6ff1fa7fc196.woff') format('woff'),
    url('../fonts/7fdcfbf6-62ea-4d31-935f-cac99a996c73.ttf') format('truetype'),
    url('../fonts/80f420d4-9e57-4016-b805-01b95b2e08f3.svg') format('svg')
}

@font-face {
    font-family: 'Brandon Grotesque Medium';
    src: url('../fonts/172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot') format('eot'),
    url('../fonts/50ca6f6f-b64d-4af0-9b30-526cf363d87e.woff2') format('woff2'),
    url('../fonts/050c2cbf-b818-4b8e-b6d2-71b70478bd9d.woff') format('woff'),
    url('../fonts/7da41ce3-b3fd-4fca-a85f-4f3099884c15.ttf') format('truetype'),
    url('../fonts/37c88f3d-9532-4547-9e11-7cca7f66048c.svg') format('svg')
}

@font-face {
    font-family: 'Brandon Grotesque Bold';
    src: url('../fonts/c12a6d37-72c1-408b-9ca9-32946956c57f.eot?#iefix') format('eot'),
    url('../fonts/df1cd944-a6a3-4d30-8fd3-391c2e9531f1.woff2') format('woff2'),
    url('../fonts/4f2d0548-c7dc-459b-a2e0-e86656a10ded.woff') format('woff'),
    url('../fonts/dc21d9e5-516f-4e7e-9a84-7be79a44c2dd.ttf') format('truetype'),
    url('../fonts/a9bdb836-ee14-494d-8c69-5617c5720992.svg') format('svg')
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    font: inherit;
    font-size: 100%
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

address {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

dl {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
    vertical-align: top
}

dl dt,
dl dd {
    float: left;
    margin: 2px 0
}

dl dt {
    margin-right: 5px;
    clear: left
}

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


nav {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
nav .logo {
  width: 180px;
  float:left;
  position: relative;
  left: 40px;
  top: 20px;
}
nav .logo img {
  width: 180px;
  height: 100%;
}
nav .nav-menu {
  float: right;
  position: relative;
  right: 40px;
  top: 20px;
  cursor: pointer;
}

#accesslinks {
    display: none
}

.video-wrapper {
    position: relative;
    height: 0;
    margin: 50px 0;
    padding-top: 25px;
    padding-bottom: 56.25%
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inner {
    margin: 0 auto;
    padding: 0 80px
}

.v-center-wrapper {
    white-space: nowrap
}

.v-center-wrapper .v-center-content {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    white-space: normal
}

.v-center-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    content: '';
    vertical-align: middle
}

.clickable {
    cursor: pointer
}

.img-overlay {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.1)
}

.img-treatment {
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
    -webkit-transition: filter 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: filter 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: filter 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: filter 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: filter 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.img-treatment:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0)
}

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

.border-right {
    border-right: 1px solid #ccc
}

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

.border-left {
    border-left: 1px solid #ccc
}

.hidden {
    display: none !important
}

#header .mask {
    z-index: 0
}

.panel,
.slide,
.mask.left-to-right,
.carousel,
.menu-content .bg {
    z-index: 1
}

#header .heading,
#header .backlink,
#header .language,
.entry .category,
.panel .image,
.panel .count,
.navigation,
.slider .nav,
.country-button,
.menu-content .logo-main {
    z-index: 2
}

.mask.bottom-to-top,
#header .video-container,
#content .panels .panel .admin-identifier,
.panel .copy {
    z-index: 3
}

#header .video-close,
#sticky-footer {
    z-index: 4
}

.open .menu-content,
.panel .copy .img {
    z-index: 6
}

.carousel-wrapper .details {
    z-index: 12
}

.menu-content {
    z-index: 19
}

#menu,
.logo-main,
.menu-button,
body.header-trigger-active #menu,
#sticky-footer .inner {
    z-index: 20
}

.no-script-message {
    z-index: 21
}

.col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.row {
    clear: both;
    margin: 0 auto
}

#content .row {
    margin-top: 16px;
    margin-bottom: 16px
}

.col .row {
    width: auto;
    margin: 0 -10px
}

.row:after {
    display: table;
    clear: both;
    content: ''
}

.col.col-centered {
    float: none;
    margin: 0 auto
}

.col.centered {
    text-align: center
}

.col.col-right {
    float: right
}

.col1 {
    width: 6.25%;
    padding: 0 10px
}

.col2 {
    width: 12.5%;
    padding: 0 10px
}

.col3 {
    width: 18.75%;
    padding: 0 10px
}

.col4 {
    width: 25%;
    padding: 0 10px
}

.col5 {
    width: 31.25%;
    padding: 0 10px
}

.col6 {
    width: 37.5%;
    padding: 0 10px
}

.col7 {
    width: 43.75%;
    padding: 0 10px
}

.col8 {
    width: 50%;
    padding: 0 10px
}

.col9 {
    width: 56.25%;
    padding: 0 10px
}

.col10 {
    width: 62.5%;
    padding: 0 10px
}

.col11 {
    width: 68.75%;
    padding: 0 10px
}

.col12 {
    width: 75%;
    padding: 0 10px
}

.col13 {
    width: 81.25%;
    padding: 0 10px
}

.col14 {
    width: 87.5%;
    padding: 0 10px
}

.col15 {
    width: 93.75%;
    padding: 0 10px
}

.col16 {
    width: 100%;
    padding: 0 10px
}

#header,
#content,
#footer {
    overflow: hidden;
    min-width: 100%;
    background: #fff;
    position: relative
}

#content:after {
    display: table;
    clear: both;
    content: ''
}

.introduction-gateway h2 {
    position: relative;
    margin-top: 55px;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.introduction-gateway h2 a {
    color: #191919;
    text-decoration: none
}

.introduction-gateway h2 a:after {
    content: '\2192';
    position: relative;
    top: -2px;
    margin-left: 5px
}

.introduction-gateway .inner {
    padding: 0 40px
}

#content .introduction-aside-gateway h2 {
    color: #191919
}

#content .introduction-aside-gateway ul {
    padding-left: 0;
    list-style: none
}

#content .introduction-aside-gateway .chevron-up-left {
    top: 20px;
    left: 20px;
    opacity: 1
}

#content .introduction-aside-gateway .chevron-down-right {
    right: 20px;
    bottom: 20px;
    opacity: 1
}

.introduction-aside-gateway {
    position: relative;
    padding: 40px 0
}

.introduction-aside-gateway h2 {
    text-align: center;
    color: #191919;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.75em
}

.introduction-aside-gateway h4 {
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.introduction-aside-gateway ul {
    display: inline-block;
    margin: 0 25px;
    padding-left: 0;
    list-style: none;
    vertical-align: top;
    width: 150px
}

.introduction-aside-gateway li {
    margin: 5px 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-align: left;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 0.625em
}

.introduction-aside-gateway .campaign-logo {
    margin: 40px auto;
    background-repeat: no-repeat;
    background-position: center
}

.introduction {
    margin: 30px 0
}

.introduction h2 {
    color: #b59b4a;
    font-size: 1.125em
}

.homepage.introduction-gateway {
    padding: 0 0 30px 0;
    opacity: 0;
    -webkit-transition: opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.homepage.introduction-gateway p {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.homepage.introduction-gateway p {
    text-align: left;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.4375em;
    line-height: 2.5em
}

.homepage.introduction-gateway h2 a {
    color: #191919
}

.homepage.introduction-gateway a {
    color: #b59b4a
}

.homepage.introduction-gateway.active {
    opacity: 1
}

.heading {
    position: relative;
    top: 50%;
    width: 90%;
    white-space: normal;
    margin: 0 auto;
}
@media screen and (max-width: 780px ) {
    .heading {
        top: 40%;
    }
}
@media screen and (max-width: 430px ) {
    .heading {
        top: 50%;
    }
}


.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading p {
    margin: 0;
    text-align: left
}

.heading h1,
.heading h2,
.heading h3,
.heading h4 {
    color: #fff
}

.heading h1 {
    font-size: 1.5em
}

.heading p {
    font-size: 1.125em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.heading p {
    margin: 0;
    color: #b59b4a
}

.heading hr {
    width: 100%;
    margin: 30px auto 20px 0
}

#content .introduction-content ul {
    margin: 0 0 40px 0;
    padding-left: 0;
    list-style: none
}

#content .introduction-content h2 {
    margin: 0 0 10px 0;
    text-align: left
}

.introduction-content {
    display: inline-block;
    padding: 0 40px;
    text-align: left;
    vertical-align: middle;
    white-space: normal
}

.introduction-content h2 {
    margin: 0 0 10px 0;
    text-align: left
}

.introduction-content p {
    clear: both
}

.introduction-content .inner {
    display: inline-block;
    padding: 0 40px;
    vertical-align: middle
}

.introduction-content .categories {
    margin-bottom: 40px
}

.introduction-content .categories li {
    float: left
}

.introduction-content .categories li p {
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.introduction-content .categories li p {
    display: inline-block;
    margin: 0 -7px 0 0
}

.introduction-content .categories li:after {
    margin: 0 5px;
    content: '|'
}

.introduction-content .categories li:last-child:after {
    content: ''
}

.introduction-aside {
    position: relative;
    padding: 30px 60px
}

.introduction-aside h4 {
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.introduction-aside ul {
    display: inline-block;
    margin-right: 25px;
    margin-left: 25px
}

.introduction-aside li {
    margin-right: -5px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 0.75em
}

.introduction-aside .campaign-logo {
    margin: 40px auto;
    background-repeat: no-repeat;
    background-position: center
}

.panel .introduction-aside .chevron-up-left {
    top: 20px;
    left: 20px;
    opacity: 1
}

.panel .introduction-aside .chevron-down-right {
    right: 20px;
    bottom: 20px;
    opacity: 1
}

#content .panels .row {
    margin: 0
}

#content .panels .panel ul {
    padding-left: 0;
    list-style: none
}

#content .panels .panel .admin-identifier {
    position: absolute;
    top: 3px;
    right: 3px;
    visibility: hidden;
    padding: 3px;
    text-decoration: none;
    color: #fff;
    border: 1px solid #b59b4a;
    background: #141414;
    font-size: 0.75em
}

#content .panels .panel .admin-identifier .fa {
    margin-right: .5em
}

#content .panels .panel.shortest {
    height: 200px
}

#content .panels .panel:hover .admin-identifier {
    visibility: visible
}

#content .panels .panel:hover .admin-identifier:hover {
    color: #ccc !important
}

.panels h2 {
    text-align: center;
    color: #b59b4a;
    font-size: 1.25em
}

.panels .col {
    padding: 0
}

.panel {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 450px;
    text-align: center;
    background-color: transparent;
    background-position: center;
    background-size: cover
}

.panel h2,
.panel h3 {
    color: #b59b4a;
    font-size: 0.875em
}

.panel h4 {
    margin: 10px 0;
    font-size: 0.75em
}

.panel hr {
    height: 1px;
    border: none;
    background-color: #ccc
}

.panel img {
    margin-right: 20px
}

.panel .one-quart {
    width: 45%
}

.panel .two-quart {
    width: 50%
}

.panel .two-quart.copy img {
    position: relative
}

.panel .three-quart {
    width: 55%
}

.panel .four-quart {
    width: 100%
}

.panel .left {
    float: left
}

.panel .right {
    float: right
}

.panel .copy,
.panel .image {
    position: relative;
    height: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.panel .copy.no-resize,
.panel .image.no-resize {
    background-size: initial
}

.panel .image.use-image-as-link .chevron-up-right,
.panel .image.use-image-as-link .chevron-down-left,
.panel .image.use-image-as-link .v-center-content {
    display: none
}

.panel .copy img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%
}

.panel .copy.copy img {
    position: relative
}

.panel .inner {
    max-width: 650px
}

.panel .chevron-up-right {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url('../img/white-chevron-up-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .panel .chevron-up-right {
    background: transparent url('../img/white-chevron-up-right-10px.png') no-repeat center
}

.ie8 .panel .chevron-up-right {
    width: 10px;
    height: 10px
}

.panel .chevron-down-left {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url('../img/white-chevron-down-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .panel .chevron-down-left {
    background: transparent url('../img/white-chevron-down-left-10px.png') no-repeat center
}

.ie8 .panel .chevron-down-left {
    width: 10px;
    height: 10px
}

.panel .chevron-up-left {
    position: absolute;
    top: 0;
    left: 20px;
    opacity: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url('../img/black-chevron-up-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .panel .chevron-up-left {
    background: transparent url('../img/black-chevron-up-left-10px.png') no-repeat center
}

.ie8 .panel .chevron-up-left {
    width: 10px;
    height: 10px
}

.panel .chevron-down-right {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url('../img/black-chevron-down-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .panel .chevron-down-right {
    background: transparent url('../img/black-chevron-down-right-10px.png') no-repeat center
}

.ie8 .panel .chevron-down-right {
    width: 10px;
    height: 10px
}

.panel .count {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -190px;
    margin-left: -133px;
    color: #f5f5f5;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 12.5em
}

.panel .faq-count {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 260px;
    height: 260px;
    margin-top: -130px;
    margin-left: -130px;
    color: rgba(181, 155, 74, 0.8) !important;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 12.5em
}

.panel .faq-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 320px;
    width: 320px;
    background-color: rgba(0, 0, 0, 0.35);
    margin-left: -160px;
    margin-top: -160px
}

.panel .faq-overlay h4 {
    color: #fff;
    width: 50%;
    line-height: 3em;
    font-size: 1em
}

.panel .google-map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.panel.tall {
    height: 600px
}

.panel.light {
    background-color: #f5f5f5
}

.panel.light blockquote h2 {
    color: #191919
}

.panel.dark {
    background-color: #141414
}

.panel.dark p {
    color: #fff;
    border-color: #3b3b3b
}

.panel.dark a {
    color: #fff
}

.panel.dark hr {
    background-color: #3b3b3b
}

.panel.dark blockquote h2 {
    color: #fff
}

.panel.dark .copy {
    color: #fff
}

.panel.dark .count {
    color: #191919
}

.panel.white {
    background-color: #fff
}
.panel.black {
    background-color: #000;
}
.panel.white blockquote h2 {
    color: #191919
}

.panel.emphasize-copy .inner {
    max-width: 350px;
    padding: 40px 40px 10px 40px;
    background: #191919
}

.panel.emphasize-copy h2,
.panel.emphasize-copy h3,
.panel.emphasize-copy h4,
.panel.emphasize-copy .featured-location-number {
    color: #fff
}

.panel.emphasize-copy sup.featured-location-number {
    border-bottom: 6px solid #fff
}

.panel.emphasize-copy p.featured-location-number {
    margin-bottom: 50px
}

.panel:hover .button.secondary {
    color: #191919;
    background-color: #fff
}

.panel:hover .chevron-up-right {
    top: 20px;
    right: 20px;
    opacity: 1
}

.panel:hover .chevron-down-left {
    bottom: 20px;
    left: 20px;
    opacity: 1
}

.panel:hover .chevron-up-left {
    top: 20px;
    left: 20px;
    opacity: 1
}

.panel:hover .chevron-down-right {
    right: 20px;
    bottom: 20px;
    opacity: 1
}

.meet-the-team h2,
.meet-the-team h4,
.meet-the-team p {
    float: left
}

.meet-the-team h2 {
    width: 200px;
    letter-spacing: 0;
    text-transform: none;
    color: #191919;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1em;
    text-align: left;
    font-size: 3.75em
}

.meet-the-team .pcopy {
    float: left;
    width: 300px;
    margin: 25px;
    padding: 0;
    font-size: 1.125em
}

.meet-the-team .button {
    float: left;
    margin: 0 240px 0 25px
}

.meet-the-team .inner {
    max-width: 1080px;
    margin: 0 auto;
    text-align: left
}

.headquarters {
    overflow: hidden
}

.headquarters h2,
.headquarters h3,
.headquarters h4,
.headquarters p,
.headquarters li {
    text-align: left
}

.headquarters h3 {
    color: inherit;
    font-size: 2.25em
}

.headquarters ul {
    float: left;
    width: 45%;
    margin-right: 10px
}

.headquarters ul li {
    margin: 5px 0
}

.headquarters ul li a {
    word-break: break-all
}

.follow-us {
    height: auto;
    margin: 0 0 80px 0
}

.follow-us .social li a {
    width: 50px;
    height: 50px;
    font-size: 1.875em
}

.hungry-for-more,
.hungry-for-more-taller-panel,
.more-content-below {
    height: auto
}

.hungry-for-more h2,
.hungry-for-more-taller-panel h2,
.more-content-below h2,
.hungry-for-more .chv-down,
.hungry-for-more-taller-panel .chv-down,
.more-content-below .chv-down {
    position: relative;
    margin-top: 0;
    padding: 40px 0;
    color: #191919
}

.hungry-for-more h2:before,
.hungry-for-more-taller-panel h2:before,
.more-content-below h2:before,
.hungry-for-more .chv-down:before,
.hungry-for-more-taller-panel .chv-down:before,
.more-content-below .chv-down:before {
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -7.5px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-down.png') no-repeat center;
    background-size: contain
}

.ie8 .hungry-for-more h2:before,
.ie8 .hungry-for-more-taller-panel h2:before,
.ie8 .more-content-below h2:before,
.ie8 .hungry-for-more .chv-down:before,
.ie8 .hungry-for-more-taller-panel .chv-down:before,
.ie8 .more-content-below .chv-down:before {
    background: transparent url('../img/black-chevron-down-10px.png') no-repeat center
}

.hungry-for-more .chv-down,
.hungry-for-more-taller-panel .chv-down,
.more-content-below .chv-down {
    padding: 15px;
    margin: 0 0 60px 0
}

.hungry-for-more .chv-down:before,
.hungry-for-more-taller-panel .chv-down:before,
.more-content-below .chv-down:before {
    top: 50%;
    margin-top: -7.5px
}

.hungry-for-more-taller-panel {
    margin-bottom: 50px
}

.interested-in-working-with-us,
.interested-in-becoming-a-partner,
.interested-in-working-with-us-top-border {
    width: 100%;
    margin: 0 auto;
    float: none;
    clear: both
}

.interested-in-working-with-us:before,
.interested-in-becoming-a-partner:before,
.interested-in-working-with-us-top-border:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    content: '';
    border-top: 1px solid #ccc
}

.interested-in-working-with-us:before {
    border-bottom: 1px solid #ccc
}

.services {
    height: auto;
    padding: 20px 0 60px 0
}

.services .service {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    min-height: 220px;
    padding: 0 15px;
    border-right: 1px solid #ccc
}

.services .service .icon {
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto
}

.services .service .copy {
    height: auto
}

.services .service .copy p {
    margin: 5px 0;
    color: #b59b4a
}

.services .service.last {
    border-right: none
}

.panel-the-team-introduction .inner {
    max-width: none
}

.panel-the-team-introduction .team-copy {
    float: left;
    width: 90%
}
.team-copy h3{
    color: red;
}

.panel-the-team-introduction .team-count {
    float: left;
    width: 45%;
    position: relative
}

.panel-the-team-introduction .team-count .number {
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    letter-spacing: -5px;
    padding-right: 55px;
    font-size: 8.75em
}

.panel-the-team-introduction .team-count .copy {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 10px;
    margin-left: 30px;
    font-size: 1.25em
}

.panel-the-team-introduction .team-count .plus {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 76px;
    margin-left: 65px;
    margin-top: -70px
}

.panel-the-team-introduction .team-count:before {
    content: ' ';
    position: absolute;
    top: 20px;
    left: 20px;
    opacity: 1;
    display: block;
    width: 25px;
    height: 25px;
    background: transparent url('../img/black-chevron-up-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .panel-the-team-introduction .team-count:before {
    background: transparent url('../img/black-chevron-up-left-10px.png') no-repeat center
}

.ie8 .panel-the-team-introduction .team-count:before {
    width: 10px;
    height: 10px
}

.panel-the-team-introduction .team-count:after {
    content: ' ';
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 1;
    display: block;
    width: 25px;
    height: 25px;
    background: transparent url('../img/black-chevron-down-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .panel-the-team-introduction .team-count:after {
    background: transparent url('../img/black-chevron-down-right-10px.png') no-repeat center
}

.ie8 .panel-the-team-introduction .team-count:after {
    width: 10px;
    height: 10px
}

.logos {
    height: auto;
    padding: 40px 0 60px 0
}

.logos .copy {
    width: 28%;
    margin: 0 auto;
    height: auto
}

.logos .logo {
    width: 180px;
    height: 120px;
    margin: 0 40px;
    display: inline-block;
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@-webkit-keyframes left_then_right {
    0% {
        left: 0
    }
    50% {
        left: -10px
    }
    100% {
        left: 0
    }
}

@-moz-keyframes left_then_right {
    0% {
        left: 0
    }
    50% {
        left: -10px
    }
    100% {
        left: 0
    }
}

@keyframes left_then_right {
    0% {
        left: 0
    }
    50% {
        left: -10px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes right_then_left {
    0% {
        right: 0
    }
    50% {
        right: -10px
    }
    100% {
        right: 0
    }
}

@-moz-keyframes right_then_left {
    0% {
        right: 0
    }
    50% {
        right: -10px
    }
    100% {
        right: 0
    }
}

@keyframes right_then_left {
    0% {
        right: 0
    }
    50% {
        right: -10px
    }
    100% {
        right: 0
    }
}

@-webkit-keyframes fade_in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fade_in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade_in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes top_frame {
    0% {
        left: 50%;
        right: 50%;
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        left: 180px;
        right: 180px
    }
}

@keyframes top_frame {
    0% {
        left: 50%;
        right: 50%;
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        left: 180px;
        right: 180px
    }
}

@-webkit-keyframes side_frames {
    0% {
        top: 50%;
        bottom: 50%;
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        top: 180px;
        bottom: 180px
    }
}

@keyframes side_frames {
    0% {
        top: 50%;
        bottom: 50%;
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        top: 180px;
        bottom: 180px
    }
}

@-webkit-keyframes bottom_left_frame {
    0% {
        left: 50%;
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        left: 90px
    }
}

@keyframes bottom_left_frame {
    0% {
        left: 50%;
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        left: 90px
    }
}

@-webkit-keyframes bottom_right_frame {
    0% {
        right: 50%;
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        right: 90px
    }
}

@keyframes bottom_right_frame {
    0% {
        right: 50%;
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        right: 90px
    }
}

.breakdown {
    margin: 80px auto 0 auto;
    width: 75%;
    text-align: center
}

.breakdown h3 {
    font-size: 0.75em
}

.breakdown h4 {
    margin: 8px 0;
    font-size: 0.75em
}

.breakdown .inner {
    padding: 0 40px 20px 40px
}

#content .breakdown ul {
    padding-left: 0;
    list-style: none
}

#content .carousel {
    padding-left: 0;
    list-style: none
}

.article-heading {
    position: absolute;
    top: 50%;
    left: 90px;
    display: inline-block;
    width: 35%;
    margin-top: -77px;
    white-space: normal
}

.article-heading h2 {
    margin-top: 10px;
    text-align: left;
    color: #fff
}

.article-heading hr {
    width: 100%;
    margin: 30px auto 20px 0
}

.article-heading .type {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.article-heading .type {
    margin-bottom: 0;
    text-align: left;
    color: #b59b4a
}

.article-heading .date {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.article-heading .date {
    text-align: left;
    color: #fff
}

.article {
    padding: 30px 0
}

.article a {
    color: #b59b4a
}

.article a.button {
    color: #191919
}

.article a.button:active,
.article a.button:focus,
.article a.button:hover {
    color: #fff
}

.article a.button.secondary {
    color: #fff
}

.article a.button.secondary:active,
.article a.button.secondary:focus,
.article a.button.secondary:hover {
    color: #191919
}

.article .col10 {
    max-width: 650px
}

.article .gallery {
    text-align: center
}

.article .gallery .img {
    position: relative;
    margin: 10px 10px 20px 10px;
    display: inline-block;
    vertical-align: top
}

.article .gallery .img .caption {
    position: absolute;
    right: 0;
    bottom: -15px;
    font-size: 0.75em
}

.article .introduction p {
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;
    font-size: 2.25em
}

.carousel-wrapper {
    position: relative
}

.carousel-wrapper .carousel-container {
    padding: 20px 0
}

.carousel-wrapper .carousel-container .carousel {
    overflow: hidden !important;
    max-width: 1200px;
    max-height: 680px;
    margin: 0 auto !important
}

.carousel-wrapper .carousel-container .nav-next {
    right: 90px;
    text-indent: -999em;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-right.png') no-repeat center;
    background-size: contain
}

.ie8 .carousel-wrapper .carousel-container .nav-next {
    background: transparent url('../img/black-chevron-right-10px.png') no-repeat center
}

.carousel-wrapper .carousel-container .nav-prev {
    left: 90px;
    text-indent: -999em;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 .carousel-wrapper .carousel-container .nav-prev {
    background: transparent url('../img/black-chevron-left-10px.png') no-repeat center
}

.carousel-wrapper .carousel-container .video-container {
    max-width: 1200px;
    height: 680px;
    display: block
}

.carousel-wrapper .carousel-container .video-container .image {
    background-size: cover
}

.carousel-wrapper .details {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: 50px;
    padding: 20px;
    max-width: 400px;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.3);
    font-size: 0.8125em
}

.carousel-wrapper .details h3 {
    margin: 0
}

.carousel-wrapper .slide-count {
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.carousel-wrapper .more-info-button {
    position: absolute;
    top: 90px;
    right: 67px;
    text-decoration: none;
    z-index: 10;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.carousel-wrapper .more-info-button:before {
    position: absolute;
    top: -2px;
    left: -40px;
    width: 22px;
    height: 22px;
    content: ' ';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: transparent url(../img/ui-icon-cross-black-small.png) no-repeat center;
    -webkit-transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.carousel-wrapper .more-info-button.active:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.carousel-wrapper .slide-count {
    right: 85px;
    bottom: 20px;
    color: #7f7f7f;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.carousel-wrapper.services {
    padding-bottom: 0
}

.carousel-wrapper.services .carousel {
    max-width: none;
    max-height: none
}

.carousel-wrapper.services .carousel li {
    min-height: 480px
}

.carousel-wrapper.services .carousel-container {
    padding-bottom: 0
}

.carousel-wrapper.services .carousel-container .nav-next {
    right: 0
}

.carousel-wrapper.services .carousel-container .nav-prev {
    left: 0
}

.toggle-elm-content {
    display: none
}

.ie8 .carousel-container .split-nav.navigation {
    visibility: hidden
}

.ie8 .carousel-container:hover .split-nav.navigation {
    visibility: visible
}

.carousel-container.split-nav {
    padding-bottom: 25px
}

.carousel-container.split-nav .navigation {
    opacity: 1;
    visibility: visible;
    top: auto;
    bottom: 0;
    height: 25px;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 0.75em;
    color: #fff;
    width: auto
}

.carousel-container.split-nav .navigation span {
    position: relative;
    display: block;
    background-color: #191919;
    text-transform: uppercase
}

.carousel-container.split-nav .navigation span b {
    position: static;
    display: block;
    margin: 0;
    width: auto;
    height: 25px;
    text-align: left
}

.carousel-container.split-nav .navigation span b:after,
.carousel-container.split-nav .navigation span b:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center
}

.carousel-container.split-nav .navigation span b:before {
    content: '';
    display: none
}

.carousel-container.split-nav .nav-prev {
    left: 0;
    bottom: -20px
}

.carousel-container.split-nav .nav-next {
    right: 0;
    bottom: -22px
}

.carousel-container.split-nav .navigation.nav-next span b {
    text-align: right
}

.carousel-container.split-nav .navigation.nav-next span b:after {
    margin-top: -3px;
    margin-left: .5em;
    background-image: url(../img/white-chevron-right-10px.png)
}

.carousel-container.split-nav .navigation.nav-prev span b:before {
    display: inline-block;
    margin-top: -3px;
    margin-right: .5em;
    background-image: url(../img/white-chevron-left-10px.png)
}

.carousel-container.split-nav .navigation.nav-next:hover span,
.carousel-container.split-nav .navigation.nav-prev:hover span {
    background-color: #191919
}

.carousel-container .image {
    width: 640px;
    height: 680px;
    min-height: 680px;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat
}

.archive-placeholder {
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    background: linear-gradient(#f1f1f1 0%, #dadada 100%);
    background-position: 0 55%;
    background-size: 200% 200%;
    -webkit-transition: height 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: height 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: height 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: height 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: height 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.archive-placeholder .carousel-wrapper .carousel-container .carousel {
    max-height: 680px
}

.archive-placeholder .controls {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -70px
}

.archive-placeholder .controls .next {
    display: block;
    margin: 0 auto
}

.archive.open .navigation li.active:after {
    border-bottom-color: #ebebeb
}

#content .expander .expand .share .social {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.expander .expand {
    display: block;
    overflow: hidden;
    max-height: 0;
    text-align: left;
    background: #191919;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.expander .expand h3 {
    margin-top: 0;
    font-size: 0.75em
}

.expander .expand .details {
    float: left;
    width: 30%;
    text-align: left
}

.expander .expand .details h3 {
    margin: 0
}

.expander .expand .details p {
    color: #fff
}

.expander .expand .details .backlink {
    margin: 17px 0 60px 0
}

.expander .expand .details .controls {
    margin: 0
}

.expander .expand .details .loc-code {
    margin-top: 0;
    color: #fff;
    font-size: 1.875em
}

.expander .expand .inner {
    overflow: hidden;
    padding: 40px
}

.expander .expand .main,
.expander .expand .related {
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1100px
}

.expander .expand .main hr,
.expander .expand .related hr {
    width: 100%;
    margin: 10px 0;
    background-color: #3b3b3b
}

.expander .expand .related {
    overflow: hidden
}

.expander .expand .related hr {
    margin-top: 40px;
    margin-bottom: 40px
}

.expander .expand .related .button {
    padding: 19px 35px 19px 30px
}

.expander .expand .related .controls {
    float: left;
    width: 30%
}

.expander .expand .related .media-spinner {
    height: auto;
    background: #191919
}

.expander .expand .related .media-spinner li {
    width: 220px;
    height: 220px
}

.expander .expand .related .media-spinner .image {
    position: relative
}

.expander .expand .related .media-spinner .image .chevron-up-left {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: transparent url('../img/white-chevron-up-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .expander .expand .related .media-spinner .image .chevron-up-left {
    background: transparent url('../img/white-chevron-up-left-10px.png') no-repeat center
}

.ie8 .expander .expand .related .media-spinner .image .chevron-up-left {
    width: 10px;
    height: 10px
}

.expander .expand .related .media-spinner .image .chevron-down-right {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: transparent url('../img/white-chevron-down-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .expander .expand .related .media-spinner .image .chevron-down-right {
    background: transparent url('../img/white-chevron-down-right-10px.png') no-repeat center
}

.ie8 .expander .expand .related .media-spinner .image .chevron-down-right {
    width: 10px;
    height: 10px
}

.expander .expand .related .media-spinner .image:hover .chevron-up-left {
    top: 10px;
    left: 10px;
    opacity: 1
}

.expander .expand .related .media-spinner .image:hover .chevron-down-right {
    right: 10px;
    bottom: 10px;
    opacity: 1
}

.expander .expand .related .media-spinner .slider {
    padding-bottom: 30px
}

.expander .expand .related .media-spinner .slider .nav {
    background: transparent
}

.expander .expand .related .media-spinner .slider .nav.prev {
    width: 15px;
    height: 15px;
    left: 0;
    top: inherit;
    bottom: 15px
}

.expander .expand .related .media-spinner .slider .nav.prev span {
    left: 0;
    margin-top: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 .expander .expand .related .media-spinner .slider .nav.prev span {
    background: transparent url('../img/white-chevron-left-10px.png') no-repeat center
}

.expander .expand .related .media-spinner .slider .nav.next {
    width: 15px;
    height: 15px;
    right: 0;
    top: inherit;
    bottom: 15px
}

.expander .expand .related .media-spinner .slider .nav.next span {
    right: 0;
    margin-top: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-right.png') no-repeat center;
    background-size: contain
}

.ie8 .expander .expand .related .media-spinner .slider .nav.next span {
    background: transparent url('../img/white-chevron-right-10px.png') no-repeat center
}

.expander .expand .related .media-spinner .entries {
    padding: 0
}

.expander .expand .related .media-spinner .entries .row {
    margin: 0
}

.expander .expand .related .media-spinner .location {
    width: 220px;
    height: 220px;
    margin: 0 10px 0 0;
    border: none;
    background-size: cover
}

.expander .expand .share {
    float: left;
    width: 100%;
    color: #fff
}

.expander .expand .share p {
    font-size: 0.875em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.expander .expand .share p {
    display: inline-block;
    margin-top: 17px;
    vertical-align: top
}

.expander .expand .share .social {
    padding: 0
}

.expander .expand.open {
    max-height: 1600px;
    clear: both
}

#content .media-spinner .wrapper {
    padding-left: 0;
    list-style: none
}

.media-spinner {
    position: relative;
    float: right;
    width: 640px
}

.media-spinner .canvas {
    width: auto;
    margin-left: 40px
}

.media-spinner .wrapper {
    position: absolute;
    left: 0;
    margin: 0;
    padding-left: 0;
    list-style: none
}

.media-spinner .nav {
    top: 20px;
    width: 10px
}

.media-spinner .nav.prev {
    left: 20px;
    background: transparent;
    filter: none
}

.media-spinner .nav.prev span {
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 .media-spinner .nav.prev span {
    background: transparent url('../img/white-chevron-left-10px.png') no-repeat center
}

.media-spinner .nav.next {
    right: 20px;
    background: transparent;
    filter: none
}

.media-spinner .nav.next span {
    right: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-right.png') no-repeat center;
    background-size: contain
}

.ie8 .media-spinner .nav.next span {
    background: transparent url('../img/white-chevron-right-10px.png') no-repeat center
}

.media-spinner .slide-count {
    position: absolute;
    bottom: -34px;
    color: white;
    left: 50%;
    margin-left: -16px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 0.8125em
}

#content ul.filters {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.filters {
    overflow: hidden
}

.filters li {
    float: left;
    overflow: hidden;
    width: 155px;
    letter-spacing: 3px;
    text-align: center;
    font: 0.75em 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.filters li a {
    display: block;
    min-height: 70px;
    padding-top: 20px;
    text-decoration: none;
    text-transform: uppercase
}

.filters li a>i {
    position: relative;
    display: block;
    margin: 0 auto 5px;
    width: 52px;
    height: 52px;
    background: url(../img/ui-icon-checkbox.png) no-repeat center center
}

.filters li a > i i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/ui-icon-checkbox.png) no-repeat center center
}

.filters li a > i i.selected {
    visibility: hidden
}

.filters li a.selected>i {
    background: url(../img/ui-icon-checkbox.png) no-repeat center center
}

.filters li a:hover>i {
    background: url(../img/ui-icon-checkbox-hover.png) no-repeat center center
}

.filters li a.selected>i {
    background: url(../img/ui-icon-checkbox-checked.png) no-repeat center center
}

.no-touch .filters li a.selected:hover>i {
    background: url(../img/ui-icon-checkbox-checked.png) no-repeat center center
}

.no-touch .filters li a:hover>i {
    background: url(../img/ui-icon-checkbox-hover.png) no-repeat center center
}

.filters.tags {
    display: inline-block
}

.filters.tags li {
    float: left;
    overflow: hidden;
    width: 155px
}

.filters.categories li {
    position: relative;
    width: 170px;
    height: 150px
}

.filters.categories li a .chevron-up-left {
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-up-left.png') no-repeat center;
    background-size: contain
}

.ie8 .filters.categories li a .chevron-up-left {
    background: transparent url('../img/black-chevron-up-left-10px.png') no-repeat center
}

.ie8 .filters.categories li a .chevron-up-left {
    width: 10px;
    height: 10px
}

.filters.categories li a .chevron-down-right {
    position: absolute;
    right: 6px;
    bottom: 6px;
    opacity: 0;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-down-right.png') no-repeat center;
    background-size: contain
}

.ie8 .filters.categories li a .chevron-down-right {
    background: transparent url('../img/black-chevron-down-right-10px.png') no-repeat center
}

.ie8 .filters.categories li a .chevron-down-right {
    width: 10px;
    height: 10px
}

.filters.categories li a>i {
    border: 0;
    border-radius: 0;
    background: #fff
}

.filters.categories li a.selected>i {
    background: none
}

.filters.categories li a.selected > i i.standard {
    visibility: hidden
}

.filters.categories li a.selected > i i.selected {
    visibility: visible
}

.no-touch .filters.categories li a:hover .chevron-up-left {
    top: 10px;
    left: 10px;
    opacity: 1
}

.no-touch .filters.categories li a:hover .chevron-down-right {
    right: 10px;
    bottom: 10px;
    opacity: 1
}

.no-touch .filters.categories li a:hover>i {
    background: none
}

.no-touch .filters.categories li a:hover > i i.standard {
    visibility: hidden
}

.no-touch .filters.categories li a:hover > i i.selected {
    visibility: visible
}

.slider {
    position: relative;
    overflow: hidden
}

.slider .canvas {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.slider .nav {
    position: absolute;
    top: -10px;
    width: 80px;
    height: 100%
}

.slider .nav span {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-indent: -999em
}

.slider .nav.prev {
    left: 0;
    background: url(../img/ui-grad-white-trans.png) repeat-y;
    background: linear-gradient(to right, #fff 60%, rgba(255, 255, 255, 0) 100%)
}

.slider .nav.prev span {
    left: 5px;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 .slider .nav.prev span {
    background: transparent url('../img/black-chevron-left-10px.png') no-repeat center
}

.slider .nav.next {
    right: 0;
    background: url(../img/ui-grad-trans-white.png) repeat-y right center;
    background: linear-gradient(to left, #fff 60%, rgba(255, 255, 255, 0) 100%)
}

.slider .nav.next span {
    right: 5px;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-right.png') no-repeat center;
    background-size: contain
}

.ie8 .slider .nav.next span {
    background: transparent url('../img/black-chevron-right-10px.png') no-repeat center
}

.slider.at-beginning .nav.prev,
.slider.at-end .nav.next {
    display: none
}

.country-button {
    margin: 0 auto;
    text-align: center;
    top: -11px;
    position: relative;
    background: white;
    display: inline-block;
    vertical-align: top;
    padding: 0 30px
}

.country-button a {
    position: relative;
    text-decoration: none;
    color: #b59b4a;
    font-size: 0.75em
}

.country-button a:after {
    content: '';
    position: absolute;
    top: 2px;
    right: -19px;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-down.png') no-repeat center;
    background-size: contain;
    -webkit-transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: transform 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .country-button a:after {
    background: transparent url('../img/black-chevron-down-10px.png') no-repeat center
}

.country-button a.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slide {
    left: 0;
    -webkit-transition: left 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: left 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: left 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: left 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: left 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.slide li {
    float: left;
    padding-right: 10px
}

.team {
    margin: 60px 0;
    text-align: center
}

.team h2 {
    margin: 50px 0;
    color: #b59b4a;
    font-size: 1.125em
}

.team .member {
    display: inline-block;
    width: 300px;
    margin: 10px;
    vertical-align: top
}

.team .member .name {
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.team .member .name {
    margin: 16px 0 0 0;
    color: #b59b4a
}

.team .member .role {
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.team .member .role {
    margin: 0
}

.team .member .email,
.team .member .email a {
    margin: 0;
    color: #949494
}

.team .member .photo {
    display: inline-block;
    width: 250px;
    height: 250px;
    border-radius: 50% 50%;
    background-repeat: no-repeat;
    background-position: center
}

#content .pagination {
    clear: both;
    display: block;
    padding: 0;
    text-align: center
}

#content .pagination li {
    display: inline-block
}

.ind-loader-container {
    position: relative
}

.ind-loader-container:after {
    display: table;
    clear: both;
    content: ''
}

.ind-loader-container .ind-loader-status {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    display: none;
    opacity: 0;
    position: absolute;
    overflow: hidden;
    left: 50%;
    bottom: 0;
    margin-left: -62.5px;
    width: 125px;
    height: 125px;
    text-indent: -999em;
    background: url(../img/ui-loading.gif)
}

.ind-loader-container.loading {
    padding-bottom: 125px
}

.ind-loader-container.loading .ind-loader-status {
    display: block;
    opacity: 1
}

#content .sitemap li {
    margin: 15px 0;
    font-family: 'Brandon Grotesque Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

#content .sitemap li a {
    font-size: 1.1875em
}

.arrow {
    position: absolute;
    top: 50%;
    height: 0;
    margin: -15px auto 0 auto;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.arrow.left {
    left: -15px
}

.arrow.left.light {
    border-right: 15px solid #f5f5f5
}

.arrow.left.dark {
    border-right: 15px solid #141414
}

.arrow.left.white {
    border-right: 15px solid #fff
}

.arrow.right {
    right: -15px
}

.arrow.right.light {
    border-left: 15px solid #f5f5f5
}

.arrow.right.dark {
    border-left: 15px solid #141414
}

.arrow.right.white {
    border-left: 15px solid #fff
}

.social {
    display: inline-block;
    padding: 0 0 0 20px;
    vertical-align: top
}

.social li {
    float: left
}

.social li a {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 10px;
    text-align: center;
    color: #fff;
    font-size: 1.875em;
    -webkit-transition: color 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: color 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: color 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: color 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: color 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.social li a:active,
.social li a:focus,
.social li a:hover {
    color: #b59b4a
}

.social.dark li a {
    color: #191919
}

.social.dark li a:active,
.social.dark li a:focus,
.social.dark li a:hover {
    color: #b59b4a
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 25, 25, 0.3);
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.mask.right {
    right: 0
}

.mask.left {
    left: 0
}

.panel .mask,
#header .mask {
    background: url(../img/layout/header-mask.png) no-repeat center bottom;
    background-size: cover
}

.panel .mask.bottom-to-top,
#header .mask.bottom-to-top {
    background-image: url(../img/layout/header-mask-btt.png);
    background-size: cover
}

.panel.tall .mask {
    background: url(../img/layout/header-mask-tall.html) no-repeat center bottom;
    background-size: cover
}

.panel.tall .mask.bottom-to-top {
    background-image: url(../img/layout/header-mask-btt-tall.png);
    background-size: cover
}

#header.large .mask {
    background-image: url(../img/layout/header-mask-large.png);
    background-size: cover
}

#target {
    display: block;
    width: 100%;
    height: 1px
}

#list-campaigns .panel {
    border-top: 0px solid #fff;
    border-bottom: 10px solid #fff;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    box-sizing: border-box
}

#list-campaigns .panel a {
    display: none
}

#list-campaigns .panel.half {
    width: 50%
}

#list-campaigns .panel.half h3 {
    width: 260px
}

#list-campaigns .panel.half.half-1 {
    border-right: 0px solid #fff
}

#list-campaigns .panel.placeholder {
    background: transparent url(../img/ui-bg-chevron-black-white.jpg) no-repeat center;
    background-size: cover
}

#list-campaigns .panel.placeholder .copy {
    text-align: center;
    background: #191919;
    padding: 40px 20px;
    width: 280px;
    left: 50%;
    margin-left: -140px;
    box-sizing: border-box;
    height: auto;
    top: 50%;
    margin-top: -70px;
    position: absolute
}

#list-campaigns .panel.placeholder .copy h3 {
    width: auto;
    margin: 0;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    font-size: 2.25em
}

#list-campaigns .panel.placeholder .copy h4 {
    margin: 0;
    color: #fff
}

.no-script-message {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #3b3b3b;
    width: 100%
}

.no-script-message p {
    text-align: center;
    color: #fff
}

.no-script-message p a {
    color: #fff
}

#content .entries .pagination-manual {
    margin: 30px 0 40px 0
}

#content .entries.campaigns .row {
    margin: 0;
    padding: 0
}

#content .entries.campaigns .row .col16 {
    padding: 0
}

#content .entries.campaigns ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    clear: both
}

#content .entries.locations {
    margin-bottom: 20px
}

#content .entries.locations .row {
    margin: 0
}

.entries .col16 {
    padding: 0;
    text-align: center
}

.entries .heading {
    position: relative;
    margin: 0px -5px 40px auto;
    text-align: center
}

.entries h2 {
    color: #b59b4a;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1em
}

.entries h4.heading:before {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-top: -20px;
    margin-left: -10px;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-down.png') no-repeat center;
    background-size: contain
}

.ie8 .entries h4.heading:before {
    background: transparent url('../img/black-chevron-down-10px.png') no-repeat center
}

.entries .pagination-manual {
    width: 100%;
    height: 30px;
    position: relative
}

.entries .pagination-manual .page-next,
.entries .pagination-manual .page-prev {
    text-decoration: none;
    font-size: 0.75em;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.entries .pagination-manual .page-next:hover,
.entries .pagination-manual .page-prev:hover {
    text-decoration: underline
}

.entries .pagination-manual .page-next {
    position: absolute;
    right: 60px
}

.entries .pagination-manual .page-next:before {
    content: ' ';
    position: absolute;
    top: -1px;
    right: -15px;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-right.png') no-repeat center;
    background-size: contain
}

.ie8 .entries .pagination-manual .page-next:before {
    background: transparent url('../img/black-chevron-right-10px.png') no-repeat center
}

.entries .pagination-manual .page-prev {
    position: absolute;
    left: 60px
}

.entries .pagination-manual .page-prev:before {
    content: ' ';
    position: absolute;
    top: -1px;
    left: -20px;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 .entries .pagination-manual .page-prev:before {
    background: transparent url('../img/black-chevron-left-10px.png') no-repeat center
}

.entries .pagination-manual .page {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -12.5px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 0.75em
}

.entries.campaigns {
    padding: 0
}

.entries.campaigns .panel {
    text-align: left
}

.entries.campaigns .panel h3 {
    margin-bottom: 0;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.entries.campaigns .panel .content-copy {
    position: absolute;
    bottom: 5%;
    left: 60px;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.entries.campaigns .panel .content-icon {
    position: absolute;
    right: 20px;
    bottom: 6.5%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.entries.campaigns .panel .categories {
    display: inline-block
}

.entries.campaigns .panel .categories li {
    float: left;
    margin-right: -5px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 0.875em
}

.entries.campaigns .panel .categories li h4 {
    display: inline-block;
    margin: 0 -7px 0 0;
    color: #fff
}

.entries.campaigns .panel .categories li:after {
    margin: 0 5px 0 0;
    content: '|';
    color: #fff
}

.entries.campaigns .panel .categories li:last-child:after {
    display: none
}

.entries.campaigns .panel:hover .content-copy {
    bottom: 7%
}

.entries.campaigns .panel:hover .content-icon {
    bottom: 8.5%
}

.entries.location .main .controls {
    display: none
}

.entries.location .details h2 {
    margin: 0;
    font-size: 0.75em
}

.entries.location .details .button {
    display: none
}

.entries.locations {
    padding: 0
}

.entries.locations .details .backlink {
    display: none
}

.entry {
    display: block;
    float: left;
    width: 300px;
    height: 380px;
    margin: 60px 10px;
    text-align: center;
    vertical-align: top;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top
}

.entry .copy {
    position: relative;
    margin-top: 206px;
    padding: 0 70px
}

.entry .copy h3 {
    font-size: 1.125em
}

.entry .copy h3 {
    margin: 16px 0;
    letter-spacing: 0;
    text-transform: none;
    font-family: 'Brandon Grotesque Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.entry .copy a {
    text-decoration: none
}

.entry .copy:after {
    position: relative;
    content: '\2192'
}

.entry .date {
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.entry .date {
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.entry .category {
    font-size: 0.875em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.entry .category {
    position: relative;
    top: -40px;
    display: inline;
    padding: 5px 10px 5px 15px;
    color: #191919
}

.entry .chevron-up-left {
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url('../img/white-chevron-up-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .entry .chevron-up-left {
    background: transparent url('../img/white-chevron-up-left-10px.png') no-repeat center
}

.ie8 .entry .chevron-up-left {
    width: 10px;
    height: 10px
}

.entry .chevron-down-right {
    position: absolute;
    right: 6px;
    bottom: 6px;
    opacity: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url('../img/white-chevron-down-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .entry .chevron-down-right {
    background: transparent url('../img/white-chevron-down-right-10px.png') no-repeat center
}

.ie8 .entry .chevron-down-right {
    width: 10px;
    height: 10px
}

.entry .chevron-up-right {
    position: absolute;
    top: 6px;
    right: 6px;
    opacity: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url('../img/white-chevron-up-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .entry .chevron-up-right {
    background: transparent url('../img/white-chevron-up-right-10px.png') no-repeat center
}

.ie8 .entry .chevron-up-right {
    width: 10px;
    height: 10px
}

.entry .chevron-down-left {
    position: absolute;
    left: 6px;
    bottom: 6px;
    opacity: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: transparent url('../img/white-chevron-down-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .entry .chevron-down-left {
    background: transparent url('../img/white-chevron-down-left-10px.png') no-repeat center
}

.ie8 .entry .chevron-down-left {
    width: 10px;
    height: 10px
}

.entry.location {
    float: left;
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0;
    padding: 0;
    border: 8px solid #fff;
    background: #ccc;
    background-size: cover;
    overflow: hidden
}

.entry.location img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.entry.location .button {
    opacity: 0
}

.entry.location.active {
    border-color: #191919
}

.entry.location.active .chevron-up-left {
    opacity: 1
}

.entry.location.active .chevron-down-right {
    opacity: 1
}

.entry.location.v-center-wrapper:before {
    margin-right: 0
}

.entry.location.v-center-wrapper .v-center-content {
    width: 100%
}

.entry.location.v-center-wrapper .v-center-content .button {
    padding: 19px 35px 19px 40px
}

.entry.archive-campaign {
    position: relative
}

.entry.archive-campaign .chevron-down-right {
    top: 164px
}

.entry.archive-campaign .chevron-down-left {
    top: 164px
}

.entry.archive-campaign.active .chevron-up-right {
    opacity: 1
}

.entry.archive-campaign.active .chevron-down-left {
    opacity: 1
}

.entry.archive-campaign:hover .chevron-down-right {
    top: 160px
}

.entry.archive-campaign:hover .chevron-down-left {
    top: 160px
}

.entry:hover .category {
    color: #fff;
    background-color: #191919
}

.entry:hover .button {
    opacity: 1;
    color: #191919;
    background: #fff
}

.entry:hover .chevron-up-left {
    top: 10px;
    left: 10px;
    opacity: 1
}

.entry:hover .chevron-down-right {
    right: 10px;
    bottom: 10px;
    opacity: 1
}

.entry:hover .chevron-up-right {
    top: 10px;
    right: 10px;
    opacity: 1
}

.entry:hover .chevron-down-left {
    left: 10px;
    bottom: 10px;
    opacity: 1
}

.entry:hover .copy a {
    text-decoration: underline
}

.entry:hover .copy:after {
    -webkit-animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -moz-animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -ms-animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -o-animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal
}

form {
    text-align: left
}

button,
input,
textarea {
    border-radius: 0;
    outline: none;
    -webkit-appearance: none
}

.field-wrapper,
fieldset {
    text-align: left
}

.field-wrapper.centered,
fieldset.centered {
    text-align: center
}

input~.field-help {
    display: none
}

input:active~.field-help,
input:focus~.field-help {
    display: block
}

input~.button {
    margin-top: 0;
    margin-left: 2px
}

input[disabled],
input[disabled]+label {
    opacity: .5
}

input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'],
textarea {
    display: inline-block;
    padding: 15px 10.5px 12px 10.5px;
    vertical-align: top;
    color: #191919;
    border: 3px solid #7f7f7f;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 1.125em;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}


input[type='text'].secondary,
input[type='password'].secondary,
input[type='datetime'].secondary,
input[type='datetime-local'].secondary,
input[type='date'].secondary,
input[type='month'].secondary,
input[type='time'].secondary,
input[type='week'].secondary,
input[type='number'].secondary,
input[type='email'].secondary,
input[type='url'].secondary,
input[type='search'].secondary,
input[type='tel'].secondary,
input[type='color'].secondary,
textarea.secondary {
    border: 3px solid #fff
}

input[type='text'].secondary:active,
input[type='password'].secondary:active,
input[type='datetime'].secondary:active,
input[type='datetime-local'].secondary:active,
input[type='date'].secondary:active,
input[type='month'].secondary:active,
input[type='time'].secondary:active,
input[type='week'].secondary:active,
input[type='number'].secondary:active,
input[type='email'].secondary:active,
input[type='url'].secondary:active,
input[type='search'].secondary:active,
input[type='tel'].secondary:active,
input[type='color'].secondary:active,
textarea.secondary:active,
input[type='text'].secondary:focus,
input[type='password'].secondary:focus,
input[type='datetime'].secondary:focus,
input[type='datetime-local'].secondary:focus,
input[type='date'].secondary:focus,
input[type='month'].secondary:focus,
input[type='time'].secondary:focus,
input[type='week'].secondary:focus,
input[type='number'].secondary:focus,
input[type='email'].secondary:focus,
input[type='url'].secondary:focus,
input[type='search'].secondary:focus,
input[type='tel'].secondary:focus,
input[type='color'].secondary:focus,
textarea.secondary:focus,
input[type='text'].secondary:hover,
input[type='password'].secondary:hover,
input[type='datetime'].secondary:hover,
input[type='datetime-local'].secondary:hover,
input[type='date'].secondary:hover,
input[type='month'].secondary:hover,
input[type='time'].secondary:hover,
input[type='week'].secondary:hover,
input[type='number'].secondary:hover,
input[type='email'].secondary:hover,
input[type='url'].secondary:hover,
input[type='search'].secondary:hover,
input[type='tel'].secondary:hover,
input[type='color'].secondary:hover,
textarea.secondary:hover {
    color: #191919;
    border-width: 3px;
    border-color: #191919
}

input[type='file'] {
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 1.125em
}

input[type='checkbox'],
input[type='radio'] {
    opacity: 0
}

input[type='checkbox']+label>span,
input[type='radio']+label>span {
    position: relative;
    display: inline-block;
    margin: 0 auto 5px;
    background: transparent url(../img/ui-icon-checkbox.png) no-repeat center;
    width: 52px;
    height: 52px;
    cursor: pointer;
    margin-right: 10px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}

input[type='checkbox']~label,
input[type='radio']~label {
    cursor: pointer
}

input[type='checkbox'].selected+label>span,
input[type='radio'].selected+label>span,
input[type='checkbox']:checked+label>span,
input[type='radio']:checked+label>span {
    background: transparent url(../img/ui-icon-checkbox-checked.png) no-repeat center
}

input[type='checkbox'].selected:hover+label>span,
input[type='radio'].selected:hover+label>span,
input[type='checkbox']:checked:hover+label>span,
input[type='radio']:checked:hover+label>span {
    background: transparent url(../img/ui-icon-checkbox-checked.png) no-repeat center
}

input[type='checkbox']:hover+label>span,
input[type='radio']:hover+label>span {
    background: transparent url(../img/ui-icon-checkbox.png) no-repeat center
}

input[type='radio'] {
    border-radius: 50% 50%
}

label,
legend {
    display: block;
    color: #191919;
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

label.checkbox,
legend.checkbox,
label.radio,
legend.radio {
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

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

.button {
    display: inline-block;
    padding: 19px 65px 19px 70px;
    cursor: pointer;
    vertical-align: top;
    text-decoration: none;
    color: #ffffff;
    /*border: 3px solid #191919;*/
    background-color: #ec1d25;
    text-align: center;
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
}

.button:after,
.button:focus,
.button:hover,
.button.active {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #191919;
}

.button.secondary {
    color: #fff;
    border: 3px solid #fff
}

.button.secondary:active,
.button.secondary:focus,
.button.secondary:hover,
.button.secondary.active {
    color: #191919;
    background-color: #fff
}

.MultiFile-wrap .input-wrap {
    border: 3px solid #7f7f7f;
    padding: 10px
}

.MultiFile-wrap .input-wrap input[type='file'] {
    font-size: 1em;
    width: 100%
}

.MultiFile-wrap .MultiFile-label {
    margin: 0;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #ccc
}

.MultiFile-wrap .MultiFile-label>* {
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    vertical-align: middle
}

.MultiFile-wrap .MultiFile-label:hover {
    background: #f5f5f5
}

.MultiFile-wrap .MultiFile-title {
    display: inline-block;
    margin-top: 7px;
    margin-left: 30px
}

.MultiFile-wrap .MultiFile-remove {
    position: relative;
    display: inline-block;
    overflow: visible;
    text-indent: -999em;
    margin-left: 10px
}

.MultiFile-wrap .MultiFile-remove:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: transparent url(../img/ui-icon-cross-black-small.png) no-repeat center
}

.checkbox-description,
.radio-description {
    margin-top: -25px;
    margin-left: 50px
}

.error-message {
    display: none
}

.required label,
.required p {
    color: #f00
}

.required input[type='text'],
.required input[type='password'],
.required input[type='datetime'],
.required input[type='datetime-local'],
.required input[type='date'],
.required input[type='month'],
.required input[type='time'],
.required input[type='week'],
.required input[type='number'],
.required input[type='email'],
.required input[type='url'],
.required input[type='search'],
.required input[type='tel'],
.required input[type='color'],
.required .MultiFile-wrap,
.required textarea {
    border-color: #f00
}

.required .error-message {
    display: block
}

.form-handler-popup {
    color: #fff;
    background-color: #f00;
    padding: 10px;
    font-weight: bold
}

.form-handler-popup.context-input-submit {
    background-color: #191919
}

#frm-contact-us,
#frm-location-enquiry,
#frm-register-your-property {
    margin: 0 0 60px 0
}

#frm-contact-us input[type='email'],
#frm-location-enquiry input[type='email'],
#frm-register-your-property input[type='email'],
#frm-contact-us input[type='text'],
#frm-location-enquiry input[type='text'],
#frm-register-your-property input[type='text'],
#frm-contact-us textarea,
#frm-location-enquiry textarea,
#frm-register-your-property textarea {
    width: 85%
}

#frm-contact-us textarea,
#frm-location-enquiry textarea,
#frm-register-your-property textarea {
    width: 100%;
    height: 305px;
    resize: none
}

#frm-contact-us .field-wrapper,
#frm-location-enquiry .field-wrapper,
#frm-register-your-property .field-wrapper {
    margin: 25px 0
}

#frm-contact-us label,
#frm-location-enquiry label,
#frm-register-your-property label {
    margin-bottom: 10px
}

#frm-contact-us label.checkbox,
#frm-location-enquiry label.checkbox,
#frm-register-your-property label.checkbox,
#frm-contact-us label.radio,
#frm-location-enquiry label.radio,
#frm-register-your-property label.radio {
    margin-bottom: 0
}

.controls {
    margin: 0;
    text-align: left
}

.controls .next,
.controls .previous {
    position: relative;
    width: 50px;
    height: 50px;
    margin-top: 0;
    margin-right: 5px;
    margin-left: 5px;
    padding: 0;
    text-indent: -999em
}

.controls .next:before,
.controls .previous:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7.5px;
    content: ''
}

.controls .next:before {
    margin-left: -8px;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-right.png') no-repeat center;
    background-size: contain
}

.ie8 .controls .next:before {
    background: transparent url('../img/white-chevron-right-10px.png') no-repeat center
}

.controls .next:active:before,
.controls .next:focus:before,
.controls .next:hover:before {
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-right.png') no-repeat center;
    background-size: contain
}

.ie8 .controls .next:active:before,
.ie8 .controls .next:focus:before,
.ie8 .controls .next:hover:before {
    background: transparent url('../img/black-chevron-right-10px.png') no-repeat center
}

.controls .previous {
    margin-left: 0
}

.controls .previous:before {
    margin-left: -5.5px;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 .controls .previous:before {
    background: transparent url('../img/white-chevron-left-10px.png') no-repeat center
}

.controls .previous:active:before,
.controls .previous:focus:before,
.controls .previous:hover:before {
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 .controls .previous:active:before,
.ie8 .controls .previous:focus:before,
.ie8 .controls .previous:hover:before {
    background: transparent url('../img/black-chevron-left-10px.png') no-repeat center
}

.controls .video {
    text-decoration: none;
    color: #fff
}

.controls .video.close {
    position: relative
}

.controls .video.close .video-close {
    position: absolute;
    top: 3px;
    left: -20px;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-decoration: none;
    color: #fff;
    font-size: 1.5em
}

.controls .video.close .video-close:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: transparent url(../img/ui-icon-cross-white-small.png) no-repeat center
}

.controls .video span {
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.controls .video span {
    display: inline-block;
    margin-top: 17px;
    margin-left: 15px
}

.controls .video:hover span {
    text-decoration: underline
}

#menu {
    position: absolute;
    top: 0;
    left: 0;
    height: 55px;
    width: 100%
}

.logo-main,
.logo-main.alternate {
    position: absolute;
    top: 40px;
    left: 60px;
    overflow: hidden;
    width: 110px;
    height: 80px;
    margin: 0;
    text-indent: -999em;
    display: block
}

.logo-main .container,
.logo-main.alternate .container {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 0.625em
}

.logo-main .container,
.logo-main.alternate .container {
    text-align: center;
    margin: 0;
    padding: 25px 0 0 0
}

.logo-main .copy,
.logo-main.alternate .copy {
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 20px;
    top: -15px;
    left: 12px;
    font-size: 0em;
    -webkit-transition: font-size 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: font-size 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: font-size 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: font-size 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: font-size 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.logo-main .copy:before,
.logo-main.alternate .copy:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-up-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .logo-main .copy:before,
.ie8 .logo-main.alternate .copy:before {
    background: transparent url('../img/black-chevron-up-left-10px.png') no-repeat center
}

.ie8 .logo-main .copy:before,
.ie8 .logo-main.alternate .copy:before {
    width: 10px;
    height: 10px
}

.logo-main .copy:after,
.logo-main.alternate .copy:after {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/black-chevron-down-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .logo-main .copy:after,
.ie8 .logo-main.alternate .copy:after {
    background: transparent url('../img/black-chevron-down-right-10px.png') no-repeat center
}

.ie8 .logo-main .copy:after,
.ie8 .logo-main.alternate .copy:after {
    width: 10px;
    height: 10px
}

.logo-main .copy:hover,
.logo-main.alternate .copy:hover {
    font-size: 1.25em
}

.logo-main.sticky,
.logo-main.alternate.sticky {
    display: none
}

.logo-main.alternate {
    background: transparent url(../css/ls-logo-white.svg) no-repeat center;
    background-size: contain
}

h1.logo-main,
h1.logo-main.sticky {
    text-indent: -999em
}

.menu-button {
    position: absolute;
    top: 50px;
    right: 90px;
    width: 35px;
    height: 25px;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.menu-button .bar:nth-child(1) {
    top: 0px
}

.menu-button .bar:nth-child(2),
.menu-button .bar:nth-child(3) {
    top: 10px
}

.menu-button .bar:nth-child(4) {
    top: 20px
}

.menu-button .bar {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.menu-button:hover .bar:nth-child(1) {
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

.menu-button:hover .bar:nth-child(4) {
    -webkit-transform: translate3d(0, 2px, 0);
    -moz-transform: translate3d(0, 2px, 0);
    -ms-transform: translate3d(0, 2px, 0);
    -o-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0)
}

.menu-content {
    -webkit-transition: opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0s 0.6s;
    -webkit-perspective: 700;
    perspective: 700;
    position: fixed;
    opacity: 0;
    top: -100%;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #191919
}

.menu-content.menu-open {
    -webkit-transition-delay: 0s
}

.menu-content .logo-main {
    display: none;
    top: 10px
}

.menu-content .about,
.menu-content .categories {
    display: inline-block;
    padding: 0 80px;
    vertical-align: top
}

.menu-content .about {
    padding: 0 60px;
    text-align: left
}

.menu-content .about p {
    font-size: 1.125em;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.menu-content .about a {
    text-decoration: none;
    color: #fff;
    position: relative;
    opacity: 0;
    display: inline-block
}

.menu-content .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.menu-content .bg.motion {
    background-image: url(../img/ui-main-navigation-bg-motion.jpg)
}

.menu-content .bg.stills {
    background-image: url(../img/ui-main-navigation-bg-stills.jpg)
}

.menu-content .bg.locations {
    background-image: url(../img/ui-main-navigation-bg-locations.jpg)
}

.menu-content .bg.why-us {
    background-image: url(../img/ui-main-navigation-bg-why-us.jpg)
}

.menu-content .categories p {
    font-size: 1.875em;
    margin-top: 43.75px;
    margin-bottom: 43.75px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

.menu-content .categories p a {
    position: relative;
    left: -400px;
    padding-left: 60px;
    text-decoration: none;
    color: #fff;
    display: inline-block
}

.menu-content .categories p a .category {
    position: relative;
    -webkit-transition: top 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: top 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: top 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: top 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: top 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.menu-content .categories p a .number {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    letter-spacing: 0;
    color: #b59b4a;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.875em
}

.menu-content .categories p a .number:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 3px;
    content: '';
    background-color: #fff
}

.menu-content .social {
    -webkit-transition: opacity 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -moz-transition: opacity 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -ms-transition: opacity 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: opacity 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: opacity 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    opacity: 0
}

.menu-content .fixed-height {
    height: 400px
}

.menu-content .middle {
    text-align: center;
    border-right: 1px solid #3b3b3b;
    border-left: 1px solid #3b3b3b
}

.no-touch .menu-content .about a {
    -webkit-transition: all 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.15s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.no-touch .menu-content .about a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    content: '';
    background-color: #fff;
    -webkit-transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.no-touch .menu-content .about li.active a,
.no-touch .menu-content .about a:hover,
.no-touch .menu-content .about a:focus {
    color: #b59b4a
}

.no-touch .menu-content .about li.active a:before,
.no-touch .menu-content .about a:hover:before,
.no-touch .menu-content .about a:focus:before {
    width: 100%
}

.no-touch .menu-content .categories p a {
    -webkit-transition-property: left, color;
    -webkit-transition-duration: .7s, .15s;
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, color;
    transition-duration: .7s, .15s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.no-touch .menu-content .categories p a .number:before {
    -webkit-transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: width 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.no-touch .menu-content .categories a:hover,
.no-touch .menu-content .categories a:focus,
.no-touch .menu-content .categories li.active a {
    color: #b59b4a
}

.no-touch .menu-content .categories a:hover .category,
.no-touch .menu-content .categories a:focus .category,
.no-touch .menu-content .categories li.active a .category {
    top: -3px
}

.no-touch .menu-content .categories a:hover .number:before,
.no-touch .menu-content .categories a:focus .number:before,
.no-touch .menu-content .categories li.active a .number:before {
    width: 100%
}

body.header-trigger-active #menu {
    position: fixed;
    height: 55px;
    background-color: #fff;
    box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #ccc
}

body.header-trigger-active #menu h1.logo-main,
body.header-trigger-active #menu h1.logo-main.sticky {
    text-indent: -999em
}

body.header-trigger-active #menu .menu-button {
    top: 16px
}

body.header-trigger-active #menu .menu-button .bar {
    background-color: #191919
}

body.header-trigger-active #menu .menu-content {
    top: -100%
}

body.header-trigger-active #menu .logo-main {
    display: none
}

body.header-trigger-active #menu .logo-main.sticky {
    display: block;
    top: 0;
    left: 30px;
    width: 190px;
    height: 55px;
    margin: 0;
    text-indent: 0;
    background: transparent url(../img/ui-logo-sticky-nav-grey.gif) no-repeat center;
    background-size: cover
}

body.menu-open .logo-main {
    display: block;
    position: fixed
}

body.menu-open .logo-main .copy {
    display: none
}

body.menu-open .logo-main.sticky {
    display: none
}

body.menu-open .menu-button {
    position: fixed
}

body.menu-open .menu-button .bar:nth-child(1) {
    top: 10px;
    left: 50%;
    width: 0%
}

body.menu-open .menu-button .bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.menu-open .menu-button .bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

body.menu-open .menu-button .bar:nth-child(4) {
    top: 10px;
    left: 50%;
    width: 0%
}

body.menu-open .menu-content {
    top: 0;
    opacity: 1
}

body.menu-open .menu-content .categories p a {
    left: 0%
}

body.menu-open .menu-content .about p a,
body.menu-open .menu-content .social {
    opacity: 1
}

body.menu-open.header-trigger-active #menu {
    height: 0;
    border-bottom: 0
}

body.menu-open.header-trigger-active #menu .logo-main {
    display: block;
    position: absolute
}

body.menu-open.header-trigger-active #menu .logo-main .copy {
    display: none
}

body.menu-open.header-trigger-active #menu .logo-main.sticky {
    display: none
}

body.menu-open.header-trigger-active #menu .menu-button {
    top: 20px
}

body.menu-open.header-trigger-active #menu .menu-button .bar {
    background: #fff
}



h1,
h2,
h3,
h4,
h5 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

h1 {
    font-size: 2.25em
}

h2 {
    font-size: 1.5em
}

h3 {
    color: #b59b4a;
    font-size: 1.125em
}

h4 {
    font-size: 0.875em
}

h5 {
    font-size: 0.625em
}

body {
    color: #191919;
    font-family: 'Brandon Grotesque Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased
}

p {
    margin-top: 16px;
    margin-bottom: 16px;
    font-family: 'Brandon Grotesque Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 1.125em
}

a {
    text-decoration: underline;
    color: #191919
}

a:active,
a:focus,
a:hover {
    text-decoration: none
}

strong {
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

em {
    font-style: italic
}

sup {
    vertical-align: super
}

blockquote,
.panel blockquote {
    text-align: left
}

blockquote p,
.panel blockquote p {
    padding-bottom: 10px;
    color: #191919;
    border-bottom: 1px solid #f5f5f5;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 2.5em
}

blockquote h2,
.panel blockquote h2 {
    letter-spacing: normal;
    text-transform: none;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 2.5em
}

blockquote h3,
.panel blockquote h3 {
    margin: 10px 0 5px 0
}

blockquote h4,
.panel blockquote h4 {
    margin: 10px 0
}

blockquote.alternate {
    margin: 40px auto;
    text-align: center;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f
}

blockquote.alternate h2 {
    font-size: 1.875em
}

blockquote.alternate h4 {
    margin-bottom: 60px
}

blockquote.alternate p {
    max-width: 500px;
    margin: 70px auto 60px auto;
    padding-bottom: 0;
    text-align: center;
    border-bottom: none
}

hr {
    height: 1px;
    border: none;
    background-color: #ccc
}

#content ul,
#content ol {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 2em
}

#content ul {
    list-style: disc outside
}

#content ol {
    list-style: decimal outside
}

#content dl {
    margin-top: 16px;
    margin-bottom: 16px
}

.align-l,
.panel .align-l {
    text-align: left
}

.align-r,
.panel .align-r {
    text-align: right
}

.align-c,
.panel .align-c {
    text-align: center;
    color: #fff;
}
#name{
    color: #000;
}
#name_black{
    color: #fff;
}
#designation{
    color: #000;
    font-size: .80em;
}
#designation_black{
    color: #fff;
    font-size: .80em;
}

.capitalise,
.panel .capitalise {
    text-transform: capitalize
}

.font-lg,
.panel .font-lg {
    font-size: 2.25em
}

.font-sm,
.panel .font-sm {
    font-size: 0.875em
}

.font-b,
.panel .font-b {
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.font-l,
.panel .font-l {
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.font-alt,
.panel .font-alt {
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.font-lg-b,
.panel .font-lg-b {
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 2.25em
}

.font-i,
.panel .font-i {
    font-style: italic
}

.font-lg-spacing,
.panel .font-lg-spacing {
    letter-spacing: 15px
}

.lowercase,
.panel .lowercase {
    text-transform: lowercase
}

.strike,
.panel .strike {
    text-decoration: line-through
}

.uppercase,
.panel .uppercase {
    text-transform: uppercase
}

#header .heading h1.heading-alt {
    letter-spacing: normal;
    text-transform: none;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1em;
    font-size: 4em
}

p.featured-location-number {
    margin-top: 0;
    margin-bottom: 70px;
    color: #fff;
    font-family: 'Poster Bodoni Italic', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: .65em;
    font-size: 7.375em
}

sup.featured-location-number {
    margin-right: 5px;
    letter-spacing: -0.035em;
    color: #141414;
    border-bottom: 6px solid #141414;
    font-size: 0.5em
}

.access-only {
    position: absolute;
    left: -999em;
    overflow: hidden;
    width: 0;
    height: 0
}

#header {
    position: relative;
    overflow: hidden;
    height: 700px;
    text-align: center;
    white-space: nowrap;
    background-color: #191919;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

#header h1,
#header h2 {
    color: #fff;
    letter-spacing: 12px
}

#header video,
#header .video-container {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%
}

#header .video-container {
    visibility: hidden
}

#header .video-container iframe {
    position: absolute;
    top: 0;
    left: 0
}

#header .video-close {
    position: absolute;
    top: 52px;
    right: 140px;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-decoration: none;
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    font-size: 1.5em
}

#header .video-close:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: transparent url(../img/ui-icon-cross-white-small.png) no-repeat center
}

#header .backlink {
    position: absolute;
    bottom: 15px;
    left: 90px
}

#header .fade-in {
    -webkit-animation: fade_in 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 1 normal;
    -moz-animation: fade_in 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 1 normal;
    -ms-animation: fade_in 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 1 normal;
    -o-animation: fade_in 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 1 normal;
    animation: fade_in 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 1 normal
}

#header .all-chevrons {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    padding: 30px
}

#header .all-chevrons .chevron-up-right {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url('../img/white-chevron-up-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 #header .all-chevrons .chevron-up-right {
    background: transparent url('../img/white-chevron-up-right-10px.png') no-repeat center
}

.ie8 #header .all-chevrons .chevron-up-right {
    width: 10px;
    height: 10px
}

#header .all-chevrons .chevron-down-left {
    position: absolute;
    bottom: 1px;
    left: 1px;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url('../img/white-chevron-down-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 #header .all-chevrons .chevron-down-left {
    background: transparent url('../img/white-chevron-down-left-10px.png') no-repeat center
}

.ie8 #header .all-chevrons .chevron-down-left {
    width: 10px;
    height: 10px
}

#header .all-chevrons .chevron-up-left {
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url('../img/white-chevron-up-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 #header .all-chevrons .chevron-up-left {
    background: transparent url('../img/white-chevron-up-left-10px.png') no-repeat center
}

.ie8 #header .all-chevrons .chevron-up-left {
    width: 10px;
    height: 10px
}

#header .all-chevrons .chevron-down-right {
    position: absolute;
    right: 1px;
    bottom: 1px;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url('../img/white-chevron-down-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 #header .all-chevrons .chevron-down-right {
    background: transparent url('../img/white-chevron-down-right-10px.png') no-repeat center
}

.ie8 #header .all-chevrons .chevron-down-right {
    width: 10px;
    height: 10px
}

#header.small {
    height: 350px
}

#header.homepage .frame {
    position: absolute;
    background-size: contain
}

#header.homepage .frame.top,
#header.homepage .frame.bottom {
    left: 0;
    width: 100%;
    height: 70px
}

#header.homepage .frame.top {
    top: 0
}

#header.homepage .frame.top:before {
    animation: top_frame 5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-animation: top_frame 5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    content: '';
    position: absolute;
    background: url('../img/ui-trans-white-50.png');
    top: 50%;
    left: 180px;
    right: 180px;
    margin-top: -0.5px;
    height: 1px
}

#header.homepage .frame.bottom {
    bottom: 0;
    background: transparent url(../img/ui-header-frame-bottom.png) no-repeat center
}

#header.homepage .frame.bottom:before,
#header.homepage .frame.bottom:after {
    content: '';
    position: absolute;
    background: url('../img/ui-trans-white-50.png');
    top: 50%;
    margin-top: -0.5px;
    height: 1px
}

#header.homepage .frame.bottom:before {
    animation: bottom_left_frame 5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-animation: bottom_left_frame 5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    left: 90px;
    right: 50%;
    margin-right: 100px
}

#header.homepage .frame.bottom:after {
    animation: bottom_right_frame 5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-animation: bottom_right_frame 5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    left: 50%;
    right: 90px;
    margin-left: 100px
}

#header.homepage .frame.right,
#header.homepage .frame.left {
    top: 0;
    width: 90px;
    height: 100%
}

#header.homepage .frame.right:before,
#header.homepage .frame.left:before {
    animation: side_frames 5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-animation: side_frames 5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    content: '';
    position: absolute;
    background: url('../img/ui-trans-white-50.png');
    top: 180px;
    bottom: 180px;
    right: 50%;
    margin-right: -0.5px;
    width: 1px
}

#header.homepage .frame.right {
    right: 0
}

#header.homepage .frame.left {
    left: 0
}

#header.archive {
    height: 240px
}

.language {
    position: absolute;
    right: 90px;
    bottom: 30px
}

.language .button {
    margin: 0 6px;
    padding: 5px 10px 5px 14px;
    border-width: 1px
}

.language .button.last {
    margin-right: 0
}

.backlink {
    position: relative;
    display: block;
    padding-left: 20px;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%;
    font-size: 0.75em
}

.backlink:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 .backlink:before {
    background: transparent url('../img/white-chevron-left-10px.png') no-repeat center
}

.backlink:hover {
    text-decoration: underline
}

.backlink:hover:before {
    -webkit-animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -moz-animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -ms-animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -o-animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal
}

#header .slider {
    bottom: 80px
}

.draggable-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.draggable-container .draggable {
    position: relative;
    width: auto;
    display: inline-block;
    overflow: hidden
}

.draggable-container .draggable li {
    float: left;
    display: block
}

.draggable-container.kinetic-active .draggable {
    display: block
}

.navigation {
    position: absolute;
    bottom: 0;
    width: 100%
}

.navigation li {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    padding: 20px 10px;
    vertical-align: top;
    overflow: hidden
}

.navigation li a {
    margin-right: -5px;
    text-decoration: none;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

.navigation li .chevron-up-left {
    position: absolute;
    top: 10px;
    left: 0;
    opacity: 0;
    display: block;
    width: 5px;
    height: 5px;
    background: transparent url('../img/white-chevron-up-left.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .navigation li .chevron-up-left {
    background: transparent url('../img/white-chevron-up-left-10px.png') no-repeat center
}

.ie8 .navigation li .chevron-up-left {
    width: 10px;
    height: 10px
}

.navigation li .chevron-down-right {
    position: absolute;
    right: 0;
    bottom: 10px;
    opacity: 0;
    display: block;
    width: 5px;
    height: 5px;
    background: transparent url('../img/white-chevron-down-right.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

.ie8 .navigation li .chevron-down-right {
    background: transparent url('../img/white-chevron-down-right-10px.png') no-repeat center
}

.ie8 .navigation li .chevron-down-right {
    width: 10px;
    height: 10px
}

.navigation li:hover .chevron-up-left {
    top: 14px;
    left: 4px;
    opacity: 1
}

.navigation li:hover .chevron-down-right {
    right: 4px;
    bottom: 14px;
    opacity: 1
}

.navigation li.active .chevron-up-left {
    opacity: 1
}

.navigation li.active .chevron-down-right {
    opacity: 1
}

.navigation li.active:after {
    content: '';
    position: absolute;
    overflow: hidden;
    margin-left: -10px;
    left: 50%;
    bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 0;
    width: 0;
    height: 0
}

.our-work #header.open .navigation li.active:after {
    border-bottom-color: #eaeaea
}

.navigation.draggable {
    bottom: -0.25em
}

#footer {
    position: relative;
    color: #fff;
    background-color: #191919
}

#footer .address {
    text-align: left
}

#footer .address h2 {
    color: #b59b4a;
    font-size: 1em
}

#footer .address h3 {
    color: #fff;
    font-size: 0.875em
}

#footer .address p {
    margin: 0;
    line-height: 1.5em
}

#footer .address dd a {
    color: #fff
}

#footer .address dl {
    display: block
}

#footer .address dt {
    text-transform: uppercase;
    color: #b59b4a;
    font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif
}

#footer .address .city {
    font-size: 0.875em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

#footer .address .city.london {
    margin-top: 60px
}

#footer .address .city.manchester {
    margin-top: 60px
}

#footer .address.london address,
#footer .address.nyc address,
#footer .address.manchester address {
    min-height: 100px
}

#footer .address .inner {
    padding: 40px 0 40px 80px
}

#footer .address .button {
    padding: 9.5px 32.5px;
    font-size: 0.625em
}

#footer .cta {
    text-align: center;
    background: transparent url(../img/ui-panel-bg-latest-article-cta.jpg) no-repeat center;
    background-size: 100%
}

#footer .cta a {
    text-decoration: none;
    color: #fff;
    font-size: 0.75em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: none;
    font-family: 'Brandon Grotesque Medium', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 130%
}

#footer .cta a:active,
#footer .cta a:focus,
#footer .cta a:hover {
    text-decoration: underline
}

#footer .cta .inner {
    padding: 0 20px
}

#footer .fixed-height {
    height: 184px
}

#footer .information {
    position: absolute;
    right: 80px;
    bottom: 20px
}

#footer .information ul {
    padding-left: 0;
    list-style: none
}

#footer .information ul li {
    float: left
}

#footer .information ul li a {
    text-decoration: none;
    color: #fff
}

#footer .information ul li a:active,
#footer .information ul li a:focus,
#footer .information ul li a:hover {
    text-decoration: underline
}

#footer .information ul li+li:before {
    margin: 0 10px;
    content: ' | ';
    color: #7f7f7f;
    font-family: bold_font_family
}

#footer .newsletter input[type='email'],
#footer .newsletter input[type='text'] {
    width: 50%;
    margin-top: 0
}

#footer .newsletter label {
    color: #b59b4a
}

#footer .newsletter .inner {
    padding: 25px 60px
}

#footer .partners {
    text-align: left
}

#footer .partners li a {
    text-decoration: none;
    color: #fff
}

#footer .partners li a:active,
#footer .partners li a:focus,
#footer .partners li a:hover {
    text-decoration: underline
}

#footer .partners .inner {
    padding: 40px 0
}

#footer .rights {
    padding: 0 45px
}

#footer .rights p {
    color: #7f7f7f
}

#footer .map {
    min-height: 500px;
    background: transparent url(../img/map-partners.jpg) no-repeat center
}

#footer .border-top {
    border-top: 1px solid #3b3b3b
}

#footer .border-right {
    border-right: 1px solid #3b3b3b
}

#footer .border-bottom {
    border-bottom: 1px solid #3b3b3b
}

#footer .border-left {
    border-left: 1px solid #3b3b3b
}

#footer .social-icons h2 {
    color: #b59b4a;
    font-size: 1em;
    margin-bottom: 10px
}

#footer .social-icons ul {
    padding: 0;
    margin-left: -15px
}

#footer .affiliate-icons h2 {
    color: #b59b4a;
    font-size: 1em;
    margin-bottom: 20px
}

#footer .affiliate-icons ul {
    padding: 0
}

#footer .affiliate-icons ul li {
    display: inline-block;
    margin: 0 28px 0 0;
    vertical-align: middle
}

#footer .affiliate-icons ul i.fa.fa-lbb {
    background-image: url('../img/ui-aff-icon-1.png');
    width: 42px;
    background-repeat: no-repeat;
    height: 65px
}

#footer .affiliate-icons ul i.fa.fa-apa {
    background-image: url('../img/ui-aff-icon-2.png');
    width: 125px;
    background-repeat: no-repeat;
    height: 56px
}

#footer .affiliate-icons ul i.fa.fa-shots {
    background-image: url('../img/ui-aff-icon-3.png');
    width: 65px;
    background-repeat: no-repeat;
    height: 65px
}

#footer .affiliate-icons ul i.fa.fa-location-guide {
    background-image: url('../img/ui-aff-icon-4.png');
    width: 147px;
    background-repeat: no-repeat;
    height: 33px
}

#footer .affiliate-icons ul i.fa.fa-adgreen {
    background-image: url('../img/ui-aff-icon-5.png');
    width: 99px;
    background-repeat: no-repeat;
    height: 35px
}

#footer .affiliate-icons ul i.fa.fa-production-paradise {
    background-image: url('../img/ui-aff-icon-6.png');
    width: 94px;
    background-repeat: no-repeat;
    height: 42px
}

#footer .sister-company h2 {
    color: #b59b4a;
    font-size: 1em;
    margin-bottom: 20px
}

#footer .sister-company ul {
    padding: 0;
    padding-top: 15px
}

#footer .sister-company ul li {
    display: inline-block;
    margin: 0 28px 0 0;
    vertical-align: middle
}

#footer .sister-company ul i.fa.fa-filmcars {
    background-image: url('../img/ui-sister-company.png');
    width: 113px;
    background-repeat: no-repeat;
    height: 35px
}

#footer .partner-icon h2 {
    color: #b59b4a;
    font-size: 1em;
    margin-bottom: 20px
}

#footer .partner-icon ul {
    padding: 0
}

#footer .partner-icon ul li {
    display: inline-block;
    margin: 0 28px 0 0;
    vertical-align: middle
}

#footer .partner-icon ul i.fa.fa-luckystrike {
    background-image: url('../img/ui-partner-icon.png');
    width: 68px;
    background-repeat: no-repeat;
    height: 61px
}

#sticky-footer {
    position: relative;
    height: 55px;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

#sticky-footer h4 {
    display: inline-block;
    vertical-align: top;
    color: #fff
}

#sticky-footer .inner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55px;
    padding: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: #191919;
    -webkit-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -moz-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -ms-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    -o-transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    transition: all 0.125s cubic-bezier(0.39, 0.58, 0.57, 1) 0s
}

#sticky-footer .next,
#sticky-footer .prev {
    position: relative;
    float: left;
    overflow: hidden;
    width: 34.5%;
    height: 100%
}

#sticky-footer .next h3,
#sticky-footer .prev h3 {
    margin: 0;
    font-size: 0.625em
}

#sticky-footer .next h4,
#sticky-footer .prev h4 {
    margin: 0;
    font-size: 0.75em
}

#sticky-footer .next span,
#sticky-footer .prev span {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    text-indent: -999em
}

#sticky-footer .next a {
    float: right
}

#sticky-footer .next h3 {
    position: absolute;
    top: 15px;
    right: 40px;
    text-align: right
}

#sticky-footer .next h4 {
    position: absolute;
    top: 30px;
    right: 40px;
    overflow: hidden;
    width: 260px;
    height: 15px;
    text-align: right
}

#sticky-footer .next a {
    position: relative;
    top: 48px;
    right: 20px
}

#sticky-footer .next a span {
    right: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-right.png') no-repeat center;
    background-size: contain
}

.ie8 #sticky-footer .next a span {
    background: transparent url('../img/white-chevron-right-10px.png') no-repeat center
}

#sticky-footer .next:hover span {
    -webkit-animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -moz-animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -ms-animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -o-animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    animation: right_then_left 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal
}

#sticky-footer .prev a {
    float: left
}

#sticky-footer .prev h3 {
    position: absolute;
    top: 15px;
    left: 65px;
    text-align: left
}

#sticky-footer .prev h4 {
    position: absolute;
    top: 30px;
    left: 65px;
    overflow: hidden;
    width: 260px;
    height: 15px;
    text-align: left
}

#sticky-footer .prev a {
    position: relative;
    top: 48px;
    left: 40px
}

#sticky-footer .prev a span {
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../img/white-chevron-left.png') no-repeat center;
    background-size: contain
}

.ie8 #sticky-footer .prev a span {
    background: transparent url('../img/white-chevron-left-10px.png') no-repeat center
}

#sticky-footer .prev:hover span {
    -webkit-animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -moz-animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -ms-animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    -o-animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal;
    animation: left_then_right 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 2 normal
}

#sticky-footer .share {
    float: left;
    width: 30%;
    padding-top: 5px;
    text-align: center;
    border-right: 1px solid #3b3b3b;
    border-left: 1px solid #3b3b3b
}

#sticky-footer .share h4 {
    font-size: 0.75em
}

#sticky-footer .share .social {
    padding: 0
}

body.sticky-footer-trigger-active #sticky-footer {
    overflow: hidden;
    height: 0
}

body.sticky-footer-trigger-active #sticky-footer .inner {
    position: static;
    height: 0
}

.ie9 #header,
.ie8 #header,
.ie9 #content,
.ie8 #content,
.ie9 #footer,
.ie8 #footer {
    min-width: 0;
    max-width: 1280px;
    margin: 0 auto
}

.ie9 #menu,
.ie8 #menu {
    min-width: 0;
    max-width: 1280px;
    left: 50%;
    margin-left: -640px;
    background: #191919
}

.ie9 #menu .menu-button,
.ie8 #menu .menu-button {
    right: 120px;
    background: transparent url(../img/ui-icon-menu-button.png) no-repeat center
}

.ie9 #menu .bar,
.ie8 #menu .bar {
    display: none
}

.ie9 #menu .logo-main,
.ie8 #menu .logo-main {
    display: none
}

.ie9 #menu .logo-main.alternate,
.ie8 #menu .logo-main.alternate {
    display: block !important;
    background: transparent url(../img/ui-logo-static-small.png) no-repeat center
}

.ie9 .menu-open #menu .menu-button,
.ie8 .menu-open #menu .menu-button {
    background: transparent url(../img/ui-icon-cross-white-small.png) no-repeat center
}

.ie9 body.header-trigger-active #menu,
.ie8 body.header-trigger-active #menu {
    border-bottom: 1px solid #ccc
}

.ie9 body.header-trigger-active #menu .menu-button,
.ie8 body.header-trigger-active #menu .menu-button {
    top: 16px;
    width: 35px;
    height: 25px;
    background: transparent url(../img/ui-icon-menu-button-sticky.png) no-repeat center
}

.ie9 body.header-trigger-active #menu .logo-main.alternate,
.ie8 body.header-trigger-active #menu .logo-main.alternate {
    display: none !important
}

.ie9 body.header-trigger-active #menu .logo-main.sticky,
.ie8 body.header-trigger-active #menu .logo-main.sticky {
    width: 220px
}

.ie9 body.header-trigger-active.menu-open #menu .menu-button,
.ie8 body.header-trigger-active.menu-open #menu .menu-button {
    top: 50px;
    background: transparent url(../img/ui-icon-cross-white-small.png) no-repeat center
}

.ie9 body.header-trigger-active.menu-open #menu .logo-main,
.ie8 body.header-trigger-active.menu-open #menu .logo-main {
    display: none
}

.ie9 body.header-trigger-active.menu-open #menu .logo-main.alternate,
.ie8 body.header-trigger-active.menu-open #menu .logo-main.alternate {
    display: block !important
}

.ie9 .filters.categories li,
.ie8 .filters.categories li {
    width: 150px;
    height: 120px
}

.ie9 .filters.categories li a .chevron-up-left,
.ie8 .filters.categories li a .chevron-up-left,
.ie9 .filters.categories li a .chevron-down-right,
.ie8 .filters.categories li a .chevron-down-right {
    display: none
}

.ie9 .filters.categories li a.selected .chevron-up-left,
.ie8 .filters.categories li a.selected .chevron-up-left,
.ie9 .filters.categories li a:active .chevron-up-left,
.ie8 .filters.categories li a:active .chevron-up-left,
.ie9 .filters.categories li a:focus .chevron-up-left,
.ie8 .filters.categories li a:focus .chevron-up-left,
.ie9 .filters.categories li a:hover .chevron-up-left,
.ie8 .filters.categories li a:hover .chevron-up-left,
.ie9 .filters.categories li a.selected .chevron-down-right,
.ie8 .filters.categories li a.selected .chevron-down-right,
.ie9 .filters.categories li a:active .chevron-down-right,
.ie8 .filters.categories li a:active .chevron-down-right,
.ie9 .filters.categories li a:focus .chevron-down-right,
.ie8 .filters.categories li a:focus .chevron-down-right,
.ie9 .filters.categories li a:hover .chevron-down-right,
.ie8 .filters.categories li a:hover .chevron-down-right {
    display: block
}

.ie9 .filters.tags li,
.ie8 .filters.tags li {
    width: 150px;
    height: 130px
}

.ie9 .filters.tags li a .chevron-up-left,
.ie8 .filters.tags li a .chevron-up-left,
.ie9 .filters.tags li a .chevron-down-right,
.ie8 .filters.tags li a .chevron-down-right {
    display: none
}

.ie9 .filters.tags li a.selected .chevron-up-left,
.ie8 .filters.tags li a.selected .chevron-up-left,
.ie9 .filters.tags li a:active .chevron-up-left,
.ie8 .filters.tags li a:active .chevron-up-left,
.ie9 .filters.tags li a:focus .chevron-up-left,
.ie8 .filters.tags li a:focus .chevron-up-left,
.ie9 .filters.tags li a:hover .chevron-up-left,
.ie8 .filters.tags li a:hover .chevron-up-left,
.ie9 .filters.tags li a.selected .chevron-down-right,
.ie8 .filters.tags li a.selected .chevron-down-right,
.ie9 .filters.tags li a:active .chevron-down-right,
.ie8 .filters.tags li a:active .chevron-down-right,
.ie9 .filters.tags li a:focus .chevron-down-right,
.ie8 .filters.tags li a:focus .chevron-down-right,
.ie9 .filters.tags li a:hover .chevron-down-right,
.ie8 .filters.tags li a:hover .chevron-down-right {
    display: block
}

.ie9 .filters .chevron-up-left,
.ie8 .filters .chevron-up-left,
.ie9 .filters .cevron-down-right,
.ie8 .filters .cevron-down-right {
    display: none
}

.ie9 .navigation li .chevron-up-left,
.ie8 .navigation li .chevron-up-left {
    display: none
}

.ie9 .navigation li .chevron-down-right,
.ie8 .navigation li .chevron-down-right {
    display: none
}

.ie9 .navigation li:hover .chevron-up-left,
.ie8 .navigation li:hover .chevron-up-left {
    display: block
}

.ie9 .navigation li:hover .chevron-down-right,
.ie8 .navigation li:hover .chevron-down-right {
    display: block
}

.ie9 .navigation li.active .chevron-up-left,
.ie8 .navigation li.active .chevron-up-left {
    display: block
}

.ie9 .navigation li.active .chevron-down-right,
.ie8 .navigation li.active .chevron-down-right {
    display: block
}

.ie9 label.checkbox span,
.ie8 label.checkbox span {
    display: none
}

.ie8 input[type='checkbox'],
.ie9 input[type='checkbox'] {
    border: inherit;
    padding: 0;
    background: inherit
}

@media only screen and (max-width: 1440px) {
    .carousel-container .image {
        width: 80% !important;
        height: 520px !important;
        min-height: 0;
        background-size: contain
    }
    .carousel-container .video-container {
        width: 80% !important;
        height: 520px !important;
        min-height: 0;
        background-size: contain;
        margin: 0 auto
    }
}

@media only screen and (max-width: 1024px) {
    p {
        font-size: 1em
    }
    #menu .logo-main {
        top: 30px;
        left: 30px
    }
    #menu .menu-button {
        top: 40px;
        right: 40px
    }
    body.header-trigger-active #menu .menu-button {
        top: 16px;
        right: 40px
    }
    body.header-trigger-active.menu-open .logo-main {
        top: 30px;
        left: 30px
    }
    body.header-trigger-active.menu-open .menu-button {
        top: 40px;
        right: 40px
    }
    #footer .newsletter input[type='email'],
    #footer .newsletter input[type='text'] {
        width: 100%;
        margin-bottom: 5px
    }
    #footer .newsletter .button {
        margin-left: 0
    }
    .introduction-aside .campaign-logo {
        width: 100% !important;
        background-size: contain
    }
    .carousel-wrapper .carousel-container .nav-next {
        right: 40px
    }
    .carousel-wrapper .carousel-container .nav-prev {
        left: 40px
    }
    .carousel-wrapper .carousel-container .image {
        width: 80% !important;
        height: 415px !important;
        min-height: 0;
        background-size: contain;
        margin: 0 auto
    }
    .carousel-wrapper .carousel-container .video-container {
        width: 80% !important;
        height: 415px !important;
        min-height: 0;
        background-size: contain;
        margin: 0 auto
    }
    .carousel-wrapper .details {
        margin-top: -70px;
        max-width: 270px;
        margin-left: 30px
    }
    .carousel-wrapper .more-info-button {
        right: 17px
    }
    .carousel-wrapper .slide-count {
        right: 45px
    }
    .carousel-wrapper.services .carousel li {
        height: 690px
    }
    #header {
        background-size: cover;
        background-attachment: initial
    }
    #header video {
        display: none
    }
    #sticky-footer .prev h4,
    #sticky-footer .next h4 {
        width: 150px
    }
    .media-spinner {
        width: 70%
    }
    .services .service {
        border-right: none
    }
    #list-campaigns .panel.half h3 {
        width: 220px
    }
}

@media only screen and (max-width: 925px) {
    .small-col16 {
        width: 100%;
        padding: 0 10px
    }
    .small-col7 {
        width: 43.75%;
        padding: 0 10px
    }
    .small-col5 {
        width: 31.25%;
        padding: 0 10px
    }
    .homepage.introduction-gateway p {
        font-size: 1em
    }
    .introduction-aside-gateway {
        padding: 35px
    }
    .introduction-aside-gateway ul {
        overflow: hidden;
        width: 200px;
        font-size: 0.75em
    }
    .introduction-aside-gateway ul li {
        text-align: center
    }
    .meet-the-team .pcopy {
        width: 230px;
        margin-left: -20px
    }
    .meet-the-team .button {
        margin-left: 0
    }
    .panel.interested-in-working-with-us .chevron-up-right,
    .panel.interested-in-becoming-a-partner .chevron-up-right,
    .panel.interested-in-working-with-us-top-border .chevron-up-right,
    .panel.interested-in-working-with-us-no-border .chevron-up-right,
    .panel.interested-in-working-with-us .chevron-down-left,
    .panel.interested-in-becoming-a-partner .chevron-down-left,
    .panel.interested-in-working-with-us-top-border .chevron-down-left,
    .panel.interested-in-working-with-us-no-border .chevron-down-left {
        display: none
    }
    .panel.interested-in-working-with-us .image,
    .panel.interested-in-becoming-a-partner .image,
    .panel.interested-in-working-with-us-top-border .image,
    .panel.interested-in-working-with-us-no-border .image {
        background-size: 180%
    }
    .panel .headquarters h3 {
        font-size: 1.875em
    }
    .panel .copy.image-left,
    .panel .image.image-left {
        background-position: center left
    }
    .panel .copy.image-center,
    .panel .image.image-center {
        background-position: center center
    }
    .panel .copy.image-right,
    .panel .image.image-right {
        background-position: center right
    }
    #footer .fixed-height {
        height: 238px
    }
    #footer .address ul {
        margin-right: 3px
    }
    #footer .address .inner {
        padding: 40px 0 40px 40px
    }
    #footer .address.edinburgh .col8:nth-child(2) {
        width: 100%;
        margin-top: 16px
    }
    #footer .social-icons {
        text-align: left;
        padding-left: 10px;
        margin-left: 0
    }
    #footer .social-icons ul li a {
        margin: 7px
    }
    #footer .sister-company {
        text-align: left;
        padding-left: 10px;
        margin-left: 0
    }
    #footer .sister-company ul {
        padding-top: 0
    }
    #footer .sister-company ul li {
        margin: 0 auto
    }
    #footer .partner-icon {
        display: none
    }
    #footer .rights {
        padding: 0 25px
    }
    #footer .affiliate-icons {
        text-align: left;
        padding-left: 10px;
        margin-left: 0
    }
    #footer .affiliate-icons ul {
        margin-left: -15px
    }
    #footer .affiliate-icons ul li {
        margin: 0 auto
    }
    #footer .affiliate-icons ul li a {
        margin: 20px
    }
    #footer .affiliate-icons ul a.shots,
    #footer .affiliate-icons ul a.location-guide,
    #footer .affiliate-icons ul a.adgreen,
    #footer .affiliate-icons ul a.production-paradise {
        display: none
    }
    .entries.campaigns .panel h3 {
        margin: 5px auto 0 auto
    }
    .entries.campaigns .panel .content-copy {
        left: 0;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        top: 25px;
        margin-bottom: 20px;
        text-align: center
    }
    .entries.campaigns .panel .content-icon {
        right: 0;
        bottom: 30px;
        width: 100% !important;
        background-size: contain;
        background-position: center
    }
    .entries.campaigns .panel:hover .content-copy {
        top: 25px
    }
    .entries.campaigns .panel:hover .content-icon {
        bottom: 30px
    }
    #content .entries.campaigns ul {
        display: inline-block;
        margin: 0 0 0 -12px
    }
    #content .entries.campaigns .pagination-manual {
        margin: 30px 0 40px 0
    }
    #content .introduction-aside-gateway ul {
        margin: 0
    }
    blockquote h2,
    .panel blockquote h2,
    blockquote p,
    .panel blockquote p {
        font-size: 1.875em
    }
    #header .heading {
        left: 40px;
        width: 70%
    }
    #header .heading {
        left: 0px;
        width: 70%
    }
    #header .backlink {
        left: 40px
    }
    #header .video-close {
        top: 40px;
        right: 90px
    }
    #header h2.home {
        font-size: 1em
    }
    #header.image-left {
        background-position: center left
    }
    #header.image-center {
        background-position: center center
    }
    #header.image-right {
        background-position: center right
    }
    .expander .expand .inner {
        padding: 40px 0 40px 40px
    }
    .expander .expand .details {
        float: none;
        width: 100%
    }
    .expander .expand .details .backlink {
        margin: 20px 0;
        font-size: 0.625em
    }
    .expander .expand .details .backlink:before {
        top: 0
    }
    .expander .expand .media-spinner {
        width: 640px;
        float: none
    }
    .expander .expand .related .controls {
        width: auto;
        float: none
    }
    .article-heading {
        left: 40px
    }
    .gallery.large img {
        width: 100% !important;
        height: auto !important;
        margin: 0
    }
    .menu-content .about,
    .menu-content .categories {
        padding: 0 20px
    }
    .menu-content .categories p {
        font-size: 1.5em
    }
    #menu .logo-main.alternate {
        width: 70px;
        height: 50px
    }
    #menu {
        min-width: 0
    }
    #menu .menu-button {
        right: 60px;
        background: transparent url(../img/ui-icon-menu-button.png) no-repeat center;
        background-size: contain
    }
    #menu .bar {
        display: none
    }
    .menu-open #menu .menu-content {
        height: 100%
    }
    .menu-open #menu .menu-button {
        background: transparent url(../img/ui-icon-cross-white-small.png) no-repeat center;
        background-size: contain
    }
    body.header-trigger-active #menu {
        border-bottom: 1px solid #ccc
    }
    body.header-trigger-active #menu.zoomed {
        position: absolute
    }
    body.header-trigger-active #menu .menu-button {
        top: 16px;
        width: 35px;
        height: 25px;
        background: transparent url(../img/ui-icon-menu-button-sticky.png) no-repeat center;
        background-size: contain
    }
    body.header-trigger-active.menu-open #menu .menu-button {
        top: 50px;
        background: transparent url(../img/ui-icon-cross-white-small.png) no-repeat center;
        background-size: contain
    }
    .carousel-container.split-nav {
        width: 640px
    }
    .logos .logo {
        width: 150px;
        height: 90px
    }
}

@media only screen and (max-width: 767px) {
    .tiny-col16 {
        width: 100%;
        padding: 0 10px
    }
    #menu .logo-main {
        position: absolute;
        top: 15px;
        left: 20px;
        width: 80px;
        height: 60px
    }
    #menu .logo-main .copy {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        font-size: 1.25em
    }
    nav .logo {
  left: 10px;
  top: 5px;
}
    #menu .menu-button {
        position: absolute;
        top: 25px;
        right: 30px;
        background: transparent url(../img/ui-icon-menu-button.png) no-repeat center
    }
    #menu .menu-button .bar {
        display: none
    }
    .menu-open #menu .menu-button {
        background: transparent url(../img/ui-icon-cross-white-tilted.png) no-repeat center;
        background-size: contain
    }
    .menu-content {
        position: absolute;
        height: 500px
    }
    .menu-content .col5 {
        width: 50%
    }
    .menu-content .col5 .v-center-content {
        vertical-align: top
    }
    .menu-content .col6 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #3b3b3b
    }
    .menu-content .col6.fixed-height {
        height: auto
    }
    .menu-content .about {
        padding: 0 20px
    }
    .menu-content .about li p {
        margin: 15px 0;
        font-size: 0.75em
    }
    .menu-content .categories {
        padding: 60px 40px 0 40px;
        text-align: left
    }
    .menu-content .categories p {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 1.125em
    }
    .menu-content .categories p .number {
        font-size: 0.88888889em
    }
    .menu-content .categories p .number:before {
        height: 2px
    }
    .menu-content .social {
        padding: 10px 20px
    }
    .menu-content .social a {
        width: 20px;
        height: 20px;
        font-size: 20px
    }
    body.header-trigger-active #menu .menu-button {
        top: 16px;
        right: 30px;
        background-image: url(../img/ui-icon-menu-button-sticky.png)
    }
    body.header-trigger-active #menu .logo-main.sticky {
        left: 0
    }
    body.header-trigger-active.menu-open #menu .logo-main {
        display: none;
        top: 15px;
        left: 20px;
        width: 80px;
        height: 60px
    }
    body.header-trigger-active.menu-open #menu .menu-button {
        display: none;
        top: 25px;
        right: 30px;
        background: transparent url(../img/ui-icon-cross-white-tilted.png) no-repeat center;
        background-size: contain
    }
    #header {
        height: 568px;
        word-wrap: normal;
        word-break: break-word
    }
    #header h1 {
        letter-spacing: 10px;
        font-size: 1.5em
    }
    #header h2 {
        letter-spacing: 5px;
        font-size: 0.875em
    }
    #header video {
        display: none
    }
    #header .all-chevrons {
        margin: 0;
        padding: 12px
    }
    #header .all-chevrons .chevron-up-right {
        display: block;
        width: 10px;
        height: 10px;
        background: transparent url('../img/white-chevron-up-right.png') no-repeat center;
        background-size: contain
    }
    .ie8 #header .all-chevrons .chevron-up-right {
        background: transparent url('../img/white-chevron-up-right-10px.png') no-repeat center
    }
    .ie8 #header .all-chevrons .chevron-up-right {
        width: 10px;
        height: 10px
    }
    #header .all-chevrons .chevron-down-left {
        display: block;
        width: 10px;
        height: 10px;
        background: transparent url('../img/white-chevron-down-left.png') no-repeat center;
        background-size: contain
    }
    .ie8 #header .all-chevrons .chevron-down-left {
        background: transparent url('../img/white-chevron-down-left-10px.png') no-repeat center
    }
    .ie8 #header .all-chevrons .chevron-down-left {
        width: 10px;
        height: 10px
    }
    #header .all-chevrons .chevron-up-left {
        display: block;
        width: 10px;
        height: 10px;
        background: transparent url('../img/white-chevron-up-left.png') no-repeat center;
        background-size: contain
    }
    .ie8 #header .all-chevrons .chevron-up-left {
        background: transparent url('../img/white-chevron-up-left-10px.png') no-repeat center
    }
    .ie8 #header .all-chevrons .chevron-up-left {
        width: 10px;
        height: 10px
    }
    #header .all-chevrons .chevron-down-right {
        display: block;
        width: 10px;
        height: 10px;
        background: transparent url('../img/white-chevron-down-right.png') no-repeat center;
        background-size: contain
    }
    .ie8 #header .all-chevrons .chevron-down-right {
        background: transparent url('../img/white-chevron-down-right-10px.png') no-repeat center
    }
    .ie8 #header .all-chevrons .chevron-down-right {
        width: 10px;
        height: 10px
    }
    #header .backlink {
        font-size: 0.75em
    }
    #header .backlink:before {
        top: 0
    }
    #header .language {
        right: auto;
        bottom: 125px;
        left: 35px
    }
    #header .video-close {
        top: 25px;
        right: 80px
    }
    #header.homepage .frame {
        display: none
    }
    #header.mobile-small {
        height: 350px
    }
    #header.mobile-small .article-heading h1,
    #header.mobile-small .heading h1 {
        margin-top: 10px;
        letter-spacing: 5px;
        font-size: 0.875em
    }
    #header.mobile-small .article-heading h1.heading-alt,
    #header.mobile-small .heading h1.heading-alt {
        font-size: 4em
    }
    #header.mobile-small .article-heading p,
    #header.mobile-small .heading p {
        font-size: 1em
    }
    #header.mobile-small .article-heading hr,
    #header.mobile-small .heading hr {
        display: none
    }
    #header.mobile-small .article-heading .controls,
    #header.mobile-small .heading .controls {
        margin-top: 30px
    }
    #header.mobile-small .article-heading {
        margin-top: -90px
    }
    #header.mobile-small .heading {
        margin-top: -70px
    }
    #header.mobile-small .backlink {
        bottom: 5px
    }
    #header.mobile-small .language {
        bottom: 55px
    }
    .panel {
        height: auto
    }
    .panel img {
        width: 100% !important;
        height: auto !important;
        background-size: contain
    }
    .panel .copy,
    .panel .image {
        width: 100%;
        height: 400px
    }
    .panel .copy {
        height: auto;
        min-height: 0
    }
    .panel .border-left {
        border: none
    }
    .panel .inner {
        padding: 20px 40px
    }
    .panel .arrow {
        top: initial;
        margin: 0;
        border-top: none;
        border-right: 15px solid transparent;
        border-bottom: none;
        border-left: 15px solid transparent
    }
    .panel .arrow.left {
        bottom: 0;
        left: 50%;
        margin: 0 0 -15px -15px
    }
    .panel .arrow.left.dark {
        border-top: 15px solid #141414;
        border-right: 15px solid transparent
    }
    .panel .arrow.left.light {
        border-top: 15px solid #f5f5f5;
        border-right: 15px solid transparent
    }
    .panel .arrow.left.white {
        border-top: 15px solid #fff;
        border-right: 15px solid transparent
    }
    .panel .arrow.right {
        right: 50%;
        bottom: 0;
        margin: 0 -15px -15px 0
    }
    .panel .arrow.right.dark {
        border-top: 15px solid #141414;
        border-left: 15px solid transparent
    }
    .panel .arrow.right.light {
        border-top: 15px solid #f5f5f5;
        border-left: 15px solid transparent
    }
    .panel .arrow.right.white {
        border-top: 15px solid #fff;
        border-left: 15px solid transparent
    }
    .panel .count {
        margin-top: -203px
    }
    .panel .social.dark li {
        margin-left: 6px
    }
    .panel .faq-overlay {
        height: 280px;
        width: 280px;
        margin-left: -140px;
        margin-top: -140px
    }
    .panel.tall .copy,
    .panel.tall .image {
        height: 600px
    }
    .panel.tall .image {
        clear: none;
        overflow: visible
    }
    .panel.meet-the-team {
        background-color: #e3e7f0;
        background-position: right -130px bottom;
        background-size: initial
    }
    .panel.meet-the-team h2,
    .panel.meet-the-team p {
        width: 100%;
        margin: 10px 0;
        text-align: center
    }
    .panel.meet-the-team .inner {
        padding: 40px
    }
    .panel.meet-the-team .copy {
        height: auto
    }
    .panel.meet-the-team .button {
        float: none;
        margin: 0 0 5px 0;
        padding: 19px 25px 19px 30px
    }
    .panel.meet-the-team .image {
        background: none !important
    }
    .panel.hungry-for-more h2,
    .panel.hungry-for-more-taller-panel h2 {
        margin-top: 50px
    }
    .panel.hungry-for-more .copy,
    .panel.hungry-for-more-taller-panel .copy,
    .panel.hungry-for-more .image,
    .panel.hungry-for-more-taller-panel .image {
        height: auto;
        min-height: 0
    }
    .panel.follow-us .copy,
    .panel.follow-us .image {
        height: auto;
        min-height: 0
    }
    .panel.emphasize-copy .inner {
        margin: 0 15px
    }
    .panel.find-a-location .copy {
        height: auto;
        padding: 40px 0
    }
    .panel.first .copy {
        height: auto;
        padding: 40px 0 0 0
    }
    .panel.first .image {
        height: 300px
    }
    .panel.logos .copy {
        width: 70%
    }
    .panel.the-team-introduction h3.copy {
        width: auto
    }
    .panel.the-team-introduction .inner {
        padding: 0 20px
    }
    .panel.the-team-introduction .copy {
        height: auto
    }
    .panel.the-team-introduction .team-copy,
    .panel.the-team-introduction .team-count {
        width: 100%
    }
    .logos .logo {
        padding: 0;
        width: 55px;
        height: 55px
    }
    .interested-in-working-with-us:before,
    .interested-in-becoming-a-partner:before {
        height: 99%
    }
    #content .panels .panel.shortest,
    #content .panels .panel.services,
    #content .panels .panel.logos {
        height: auto
    }
    #content .panels .panel.shortest .copy,
    #content .panels .panel.services .copy,
    #content .panels .panel.logos .copy,
    #content .panels .panel.shortest .image,
    #content .panels .panel.services .image,
    #content .panels .panel.logos .image {
        height: auto;
        min-height: 0
    }
    .introduction .col10 {
        width: 100%;
        padding: 0 40px
    }
    .introduction-gateway h2 {
        margin-top: 0
    }
    .introduction-gateway .inner {
        padding: 40px 50px 0 50px
    }
    .introduction-gateway .button {
        padding: 19px 35px
    }
    .introduction-gateway .copy {
        height: auto
    }
    .introduction-gateway.homepage p {
        text-align: center
    }
    .introduction-aside-gateway .chevron-up-left {
        top: -30px;
        left: -20px
    }
    .introduction-aside-gateway .chevron-down-right {
        right: -20px;
        bottom: -30px
    }
    .introduction-aside-gateway ul {
        overflow: hidden;
        width: 150px;
        font-size: 1em
    }
    .introduction-aside-gateway ul li {
        text-align: center
    }
    .introduction-aside-gateway.homepage {
        padding: 35px
    }
    .introduction-aside-gateway.homepage .chevron-up-left {
        top: 20px;
        left: 20px
    }
    .introduction-aside-gateway.homepage .chevron-down-right {
        right: 20px;
        bottom: 20px
    }
    .panel:hover .introduction-aside-gateway {
        padding: 0
    }
    .panel:hover .introduction-aside-gateway .chevron-up-left {
        top: -30px;
        left: -20px
    }
    .panel:hover .introduction-aside-gateway .chevron-down-right {
        right: -20px;
        bottom: -30px
    }
    .panel:hover .introduction-aside-gateway.homepage {
        padding: 50px
    }
    .panel:hover .introduction-aside-gateway.homepage .chevron-up-left {
        top: 20px;
        left: 20px
    }
    .panel:hover .introduction-aside-gateway.homepage .chevron-down-right {
        right: 20px;
        bottom: 20px
    }
    #footer .fixed-height {
        height: 175px
    }
    #footer .border-left {
        border-left: none
    }
    #footer .cta {
        border-bottom: 1px solid #3b3b3b
    }
    #footer .newsletter input[type='email'],
    #footer .newsletter input[type='text'] {
        width: 90%;
        margin: 20px 0
    }
    #footer .newsletter label {
        margin: 20px 0 0 0
    }
    #footer .newsletter fieldset {
        text-align: center
    }
    #footer .newsletter .inner {
        padding: 20px
    }
    #footer .newsletter .button {
        width: 100%
    }
    #footer .london.address address,
    #footer .nyc.address address,
    #footer .manchester.address address {
        min-height: 0
    }
    #footer .address {
        text-align: center
    }
    #footer .address h2 {
        margin-top: 40px
    }
    #footer .address .inner {
        padding: 0 40px
    }
    #footer .address .city {
        margin-top: 0
    }
    #footer .address .city.london {
        margin-top: 0
    }
    #footer .address .city.manchester {
        margin-top: 30px
    }
    #footer .address .numbers.edinburgh,
    #footer .address .numbers.london {
        margin: 0
    }
    #footer .address dl.numbers dt {
        display: none
    }
    #footer .address dl.numbers dd {
        float: none;
        display: block
    }
    #footer .address dl.numbers dd:before {
        content: attr(title);
        display: inline-block;
        margin-right: .5em;
        color: #b59b4a;
        font-family: 'Brandon Grotesque Bold', 'Helvetica Neue', Arial, Helvetica, sans-serif
    }
    #footer .rights {
        padding: 0 10px
    }
    #footer .rights p {
        text-align: center
    }
    #footer .information {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        margin-bottom: 20px;
        padding: 0 5px
    }
    #footer .information ul {
        text-align: center
    }
    #footer .information ul li {
        float: none;
        margin: 15px 0
    }
    #footer .information ul li+li:before {
        display: none
    }
    #footer .social-icons {
        text-align: center
    }
    #footer .sister-company {
        text-align: center
    }
    #footer .affiliate-icons {
        text-align: center
    }
    #footer .affiliate-icons ul {
        margin-left: 0
    }
    #footer .map .button {
        margin-top: 40px
    }
    .slider .canvas {
        padding-bottom: 30px
    }
    .slider .nav {
        width: 35px
    }
    .slider .nav span {
        margin-top: -15px
    }
    .slider .nav.prev {
        left: 0
    }
    .slider .nav.next {
        right: 0
    }
    .entries .pagination-manual .page-next {
        right: 30px
    }
    .entries .pagination-manual .page-prev {
        left: 30px
    }
    .entries .pagination-manual .page {
        display: none
    }
    .entry {
        margin: 60px 10px 20px 10px
    }
    sup.featured-location-number {
        font-size: 0.25em
    }
    blockquote h2,
    .panel blockquote h2,
    blockquote p,
    .panel blockquote p {
        font-size: 1.625em
    }
    .breakdown {
        margin-top: 55px
    }
    .breakdown .col8 {
        width: 100%
    }
    .breakdown .inner {
        padding: 0 40px
    }
    .breakdown .row {
        display: block
    }
    .breakdown .border-right,
    .breakdown.border-bottom {
        border-color: transparent
    }
    #sticky-footer .share {
        width: 50%
    }
    #sticky-footer .share h4 {
        display: none
    }
    #sticky-footer .next,
    #sticky-footer .prev {
        width: 24.5%
    }
    #sticky-footer .next h3,
    #sticky-footer .prev h3,
    #sticky-footer .next h4,
    #sticky-footer .prev h4 {
        display: none
    }
    #sticky-footer .next a {
        right: 35px
    }
    #sticky-footer .prev a {
        left: 35px
    }
    #content .article .row {
        margin-top: 0;
        margin-bottom: 0
    }
    .article .col10 {
        width: 100%;
        padding: 0 40px
    }
    .article .introduction p {
        font-size: 1.625em
    }
    #header .article-heading {
        width: 60%
    }
    #header .article-heading .date {
        font-size: 0.75em
    }
    .gallery.small img {
        width: 100% !important;
        height: auto !important;
        margin: 0
    }
    form .col8 {
        width: 100%
    }
    .button {
        padding: 19px 38px 19px 46px
    }
    input[type='checkbox']+label>span,
    input[type='radio']+label>span {
        margin-right: 3px
    }
    #frm-contact-us input[type='email'],
    #frm-location-enquiry input[type='email'],
    #frm-register-your-property input[type='email'],
    #frm-contact-us input[type='text'],
    #frm-location-enquiry input[type='text'],
    #frm-register-your-property input[type='text'] {
        width: 91%
    }
    #frm-contact-us .button,
    #frm-location-enquiry .button,
    #frm-register-your-property .button {
        width: 100%
    }
    .expander .expand .inner {
        padding: 40px
    }
    .expander .expand .details {
        width: 100%
    }
    #content .media-spinner {
        width: 240px
    }
    #content .media-spinner .canvas {
        margin-left: 0
    }
    #content .media-spinner .carousel-container {
        width: 240px
    }
    #content .media-spinner .carousel-container .image {
        min-height: 176px
    }
    #content .media-spinner .wrapper .slide li {
        overflow: hidden
    }
    #content .media-spinner .wrapper .image {
        width: 240px !important;
        height: 176px !important;
        background-size: contain
    }
    #content .media-spinner .nav.prev {
        left: 5px
    }
    #content .media-spinner .nav.next {
        right: 5px
    }
    #content .related .controls {
        width: 100%
    }
    #content .related .media-spinner li,
    #content .related .media-spinner .entry {
        width: 150px;
        height: 150px
    }
    #content .related .media-spinner li:hover .chevron-down-right,
    #content .related .media-spinner .entry:hover .chevron-down-right {
        right: 10px
    }
    #content .related .media-spinner li {
        overflow: hidden
    }
    #content .related .media-spinner .button {
        display: none
    }
    .filters.categories li {
        width: 150px;
        height: 120px
    }
    .filters.categories li a .chevron-up-left,
    .filters.categories li a .chevron-down-right {
        display: none
    }
    .filters.tags li {
        width: 150px;
        height: 130px
    }
    .filters.tags li a .chevron-up-left,
    .filters.tags li a .chevron-down-right {
        display: none
    }
    .filters .chevron-up-left,
    .filters .cevron-down-right {
        display: none
    }
    .carousel-wrapper .carousel-container {
        padding: 40px 0 20px
    }
    .carousel-wrapper .carousel-container .carousel .image,
    .carousel-wrapper .carousel-container .carousel .video-container {
        width: 80% !important;
        height: 160px !important;
        min-height: 0;
        background-size: contain;
        margin: 0 auto
    }
    .carousel-wrapper .carousel-container .nav-next {
        right: 10px
    }
    .carousel-wrapper .carousel-container .nav-prev {
        left: 10px
    }
    .carousel-wrapper .slide-count {
        display: block;
        right: 5px;
        top: 120px;
        bottom: initial;
        left: initial;
        margin-left: -18px
    }
    .carousel-wrapper.services .carousel li {
        height: auto
    }
    .carousel-wrapper .more-info-button {
        display: none
    }
    .carousel-wrapper .more-info-content {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 65%;
        margin: 0 auto 40px auto;
        max-width: none;
        max-height: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .archive-placeholder.open {
        height: auto;
        min-height: 0
    }
    #list-campaigns .panel.half {
        width: 100%
    }
    #list-campaigns .panel.half h3 {
        width: auto
    }
    #list-campaigns .panel.half.half-1 {
        border-right: 10px solid #fff
    }
    #list-campaigns .panel .copy {
        min-height: 400px
    }
    #content .headquarters ul {
        clear: both;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }
    #content .headquarters .font-lg {
        font-size: 1.625em
    }
}
.panel{
    border: none !important;
}