/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
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;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    line-height: 1;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

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

/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
body {
    font-family: 'Raleway', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    background: white;
    color: #4c4e51;
    height: 100%;
    width: 100%;
}

body:before {
    content: "";
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url("../img/filter.png") repeat;
    opacity: 0.75;
}

.content-img, .float-left {
    float: left;
}

.float-right {
    float: right;
}

.logo a, .logo img, .global-navigation a .border-hover, .definition {
    display: block;
}

.global-navigation li {
    display: inline-block;
}

.feature-panel .outer {
    display: table-cell;
}

.feature-panel .outer {
    vertical-align: middle;
}

.hidden {
    display: none;
}

strong {
    font-weight: normal;
    font-family: 'neuzeit-office-sr-probold', helvetica, sans-serif;
}

em {
    font-style: italic;
}

.global-navigation a {
    text-transform: uppercase;
}

small {
    text-transform: none;
}

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

.global-navigation ul, .align-right {
    text-align: right;
}

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

h1 {
    letter-spacing: -0.05em;
}

.page-wrapper {
    margin: 0;
    height: 100%;
    width: 100%;
}

.global-header {
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 40px 0 0;
}

.global-header:after {
    content: "";
    display: table;
    clear: both;
}

.global-header .row-outer {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 100%;
}

.global-header .row-outer:last-child {
    margin-right: 0;
}

.global-header .row {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 100%;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.global-header .row:last-child {
    margin-right: 0;
}

.global-header .row:after {
    content: "";
    display: table;
    clear: both;
}

.logo {
    display: table-cell;
    width: 16.66667%;
    vertical-align: middle;
}

.logo img {
    max-width: 100px;
}

.global-navigation {
    display: table-cell;
    width: 83.33333%;
    position: relative;
    vertical-align: middle;

}

.global-navigation li {
    margin: 0 0 0 30px;
}

.global-navigation li:first-of-type {
    margin: 0;
}

.global-navigation a {
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
    color: #aeb0b3;
    position: relative;
    display: inline-block;
}

.global-navigation a:hover, .global-navigation a.active {
    color: white;
}

.global-navigation a:hover .border-hover, .global-navigation a.active .border-hover {
    height: 1px;
    width: 100%;
}

.global-navigation a .border-hover {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1px;
    left: 0px;
    background: white;
    height: 1px;
    width: 0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.25s ease 0.1s;
    -moz-transition: width 0.25s ease 0.1s;
    transition: width 0.25s ease 0.1s;
}

.feature-panel {
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
    height: 460px;
    position: relative;
}

.feature-panel:after {
    content: "";
    display: table;
    clear: both;
}

.feature-panel .outer {
    height: 460px;
}

.feature-panel .statement {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 75%;
}

.feature-panel .statement:last-child {
    margin-right: 0;
}

.feature-panel .button {
    margin: 40px 0 0;
    margin-right: 1rem;
}

.button {
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid white;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: white;
}

.button:hover {
    border: 2px solid white;
    color: white;
}
.feature-panel .button.last {
    margin-right: 0rem;
}

.thumb {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.thumb .title {
    position: absolute;
    top: 50%;
    left: 0px;
    text-align: center;
    white-space: nowrap;
    z-index: 50;
    display: block;
    width: 100%;
    margin-top: -15px;
    visibility: hidden;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    color: white;
}

.thumb .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    background-color: black;
    z-index: 25;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.thumb img {
    display: block;
    max-width: 100%;
    height: auto;
}

.thumb:hover {
    z-index: 100;
    overflow: hidden;
}

.thumb:hover .title {
    visibility: visible;
}

.thumb:hover .overlay {
    opacity: 0.8;
}

.feature-image {
    position: absolute;
    top: 80px;
    right: 0px;
    bottom: auto;
    left: auto;
}

.feature-image .default-img {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
    display: block;
    clip: rect(0px, 752px, 340px, 0px);
}

.feature-image .filter-blur {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
    display: block;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 0.3;
    clip: rect(340px, 752px, 730px, 0px);
    z-index: 10;
}

.content {
    height: auto;
    width: 100%;
    min-height: 380px;
    padding: 40px 0 80px;
    background: #f8f8f8;
    box-sizing: content-box;
}

.content-inner {
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
}

.content-inner:after {
    content: "";
    display: table;
    clear: both;
}

.column {
    position: relative;
    z-index: 20;
}

.omega {
    margin-right: 0px !important;
}

.column-nested-span-three {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 32.43848%;
}

.column-nested-span-three:last-child {
    margin-right: 0;
}

.column-nested-span-three-full {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 32.43848%;
}

.column-nested-span-three-full:last-child {
    margin-right: 0;
}

.page-detail {
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    z-index: 25;
    position: relative;
}

.page-detail .one-col {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 100%;
    margin-bottom: 40px;
    float: left;
    width: 100%;
    background-color: transparent;
}

.page-detail .one-col:last-child {
    margin-right: 0;
}

.page-detail .one-col iframe {
    margin: 0px auto;
    text-align: center;
}

.page-detail .one-col img {
    max-width: 100%;
    height: auto;
    min-width: 1184px;
    margin-bottom: 100px;
}

.page-detail .other-projects {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 100%;
}

.page-detail .other-projects:last-child {
    margin-right: 0;
}

.page-detail .two-col {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.page-detail .two-col > div {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 49.32886%;
}

.page-detail .two-col > div:last-child {
    margin-right: 0;
}

.page-detail .two-col > div img {
    max-width: 100%;
    height: auto;
    min-width: 1184px;
}

#page-living-edge {
    background: url("../img/living-edge-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-bt-panorama {
    background: url("../img/panorama-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-forward-thinking {
    background: url("../img/forward-thinking.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-telstra {
    background: url("../img/telstra.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-connect {
    background: url("../img/connect-cover.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-emirates {
    background: url("../img/emirates-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-qantas {
    background: url("../img/qantas-cover.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-redplanet {
    background: url("../img/rp-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-crowd2fund {
    background: url("../img/crowdfund-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-riyad {
    background: url("../img/riyad-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
#page-du {
    background: url("../img/du-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;

}
#page-cib {
    background: url("../img/cib-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
#page-expo {
    background: url("../img/expo-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-sportnext {
    background: url("../img/sportnext-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-awards {
    background: url("../img/awards-cover.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-paspaley {
    background: url("../img/paspaley-cover.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-pure {
    background: url("../img/paspaley-cover.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
#page-enbd {
    background: url("../img/enbd-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
#page-enbd-td {
    background: url("../img/enbd-td-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
#page-enbd-wealth {
    background: url("../img/wealth-enbd-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
#page-avioxx {
    background: url("../img/avioxx-cover.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-main {
    background: url("../img/ant-04.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#page-main .column:nth-child(1) {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 23.99329%;
}

#page-main .column:nth-child(1):last-child {
    margin-right: 0;
}

#page-main .column:nth-child(2) {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 74.66443%;
}

#page-main .column:nth-child(2):last-child {
    margin-right: 0;
}

#page-main .column img {
    max-width: 100%;
    height: auto;
}

.global-footer {
    background-color: #4c4e51;
    padding: 40px;
}

.global-footer .container {
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.global-footer .container:after {
    content: "";
    display: table;
    clear: both;
}

.global-footer .row {
    float: left;
    display: block;
    margin-right: 1.34228%;
    width: 100%;
}

.global-footer .row:last-child {
    margin-right: 0;
}

.global-footer p {
    margin-bottom: 0;
    color: #aeb0b3;
}

.global-footer p a {
    color: #d6d7d9;
    text-decoration: underline;
}

.video {
    width: 100%;
    height: 100%;
    visibility: inherit;
    opacity: 0.9;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    -webkit-filter: brightness(0.8) contrast(1.05);
}

h1, h2, h3 {
    line-height: 1;
}

h1 {
    font-size: 65px;
    line-height: 65px;
    font-weight: 300;
    color: #aeb0b3;
}

h1 em {
    color: white;
    font-style: normal;
}

.title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    letter-spacing: normal;
    margin: 10px 0 0;
}

h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 5px;
}

p {
    margin: 0 0 10px;
}

.unordered-list {
    list-style: circle;
}

.unordered-list li {
    margin: 0 0 5px;
    padding: 0;
    position: relative;
}

.unordered-list li:last-child {
    margin: 0;
}

.unordered-list ul {
    list-style: circle;
    margin-left: 2rem;
    margin-bottom: 1rem;
}


.unordered-list li > ul > li:first-child {
    margin: 5px 0 0;
}

.definition-list {
    float: left;
    display: block;
    margin-right: 3.28317%;
    width: 100%;
}

.definition-list:last-child {
    margin-right: 0;
}

.definition-list > dt {
    float: left;
    display: block;
    margin-right: 3.28317%;
    width: 17.37346%;
    clear: left;
}

.definition-list > dt:last-child {
    margin-right: 0;
}

.definition-list > dd {
    float: left;
    display: block;
    margin-right: 3.28317%;
    width: 79.34337%;
    margin-right: 0px !important;
}

.definition-list > dd:last-child {
    margin-right: 0;
}

.title {
    line-height: 20px;
}

a {
    color: #4c4e51;
}

a:link, a:hover, a:active, a:visited {
    text-decoration: none;
}

p > a:link, p > a:hover, p > a:active, p > a:visited {
    text-decoration: underline;
}

.text-link {
    color: #4c4e51;
    border-bottom: 1px solid #4c4e51;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.text-link:hover {
    color: #4c4e51;
    border-bottom: 1px solid #4c4e51;
}
.text-link-2 {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 1rem;
    display: inline-block;
}

small {
    font-size: 14px;
}

.bullet-inverted {
    position: relative;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 10px;
}

.content-img {
    margin: 0 20px 0 0;
    position: relative;
    top: -30px;
    right: 0;
    bottom: 0;
    left: 0;
}

address > p {
    margin: 0 0 5px;
}

iframe {
    display: none;
}

.section {
    margin-left: 12rem;
    margin-right: 12rem;
    margin-top: 6rem;
    margin-bottom: 6rem;
    font-size: 1rem;
    line-height: 1.5;
}

.section h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
}
.section img {
    min-width: 100% !important;
    margin-top: 2rem;
}
.section.first {
    margin-top: 2rem !important;
}

@media screen and (min-width: 0px) and (max-width: 959px) {
    .section {
        margin-left: 0rem;
        margin-right: 0rem;
        margin-top: 4rem;
        margin-bottom: 4rem;
        line-height: 1.5;
    }



    .section.first {
        margin-top: 0rem !important;
    }

    .unordered-list {
        margin-left: 1.5rem !important;
    }
    /*.unordered-list li {*/
        /*margin-bottom: 1.5rem !important;*/
    /*}*/
}








@media screen and (min-width: 0px) and (max-width: 959px) {
    .logo img {
        max-width: 80px;
    }

    .page-wrapper {
        margin: 0;
    }

    .global-header {
        padding: 40px 40px 20px;
    }

    .global-navigation li {
        margin: 0 0 0 20px;
    }

    .global-navigation a {
        font-size: 15px;
        line-height: 15px;
    }

    .feature-panel {
        height: auto;
        padding: 40px 0px 60px;
    }

    .feature-panel .outer {
        height: auto;
    }

    .feature-panel h1 {
        font-size: 40px;
        line-height: 40px;
        height: auto;
    }

    #page-main .statement,
    .page-detail .statement {
        float: left;
        display: block;
        margin-right: 1.34228%;
        width: 83.10962%;
        margin-left: 8.44519%;
        margin-left: 40px !important;
    }

    #page-main .statement:last-child,
    .page-detail .statement:last-child {
        margin-right: 0;
    }

    .column-nested-span-three,
    .column-nested-span-three-full {
        float: left;
        display: block;
        margin-right: 1.34228%;
        width: 100%;
    }

    .column-nested-span-three:last-child,
    .column-nested-span-three-full:last-child {
        margin-right: 0;
    }

    .content {
        padding: 0px;
    }

    .content .content-inner {
        padding: 20px 20px 40px;
    }

    #page-main .column:nth-child(n) {
        float: left;
        display: block;
        margin-right: 1.34228%;
        width: 100%;
        margin-left: 0%;
    }

    #page-main .column:nth-child(n):last-child {
        margin-right: 0;
    }

    #page-main .column:nth-child(1) {
        margin-bottom: 20px;
    }

    .content-img {
        margin: 0 0 20px;
        position: relative;
        top: 0px;
        right: 0;
        bottom: 0;
        left: 0;
        min-width: 100% !important;
        max-height: 100% !important;
        float: none !important;
    }

    .definition-list > dt {
        float: left;
        display: block;
        margin-right: 1.4661%;
        width: 35.43067%;
    }

    .definition-list > dt:last-child {
        margin-right: 0;
    }

    .definition-list > dd {
        float: left;
        display: block;
        margin-right: 1.4661%;
        width: 63.10324%;
        margin-right: 0px !important;
    }

    .definition-list > dd:last-child {
        margin-right: 0;
    }

    .page-detail .column:nth-child(1) img {
        min-width: 100%;
    }

    .page-detail .one-col {
        float: left;
        display: block;
        margin-right: 1.34228%;
        width: 100%;
        margin-bottom: 40px;
        float: left;
        width: 100%;
        background-color: transparent;
    }

    .page-detail .one-col:last-child {
        margin-right: 0;
    }

    .page-detail .one-col iframe {
        margin: 0px auto;
        text-align: center;
    }

    .page-detail .one-col img {
        max-width: 100%;
        height: auto;
        min-width: 100% !important;
        margin-bottom: 40px;
    }

    .page-detail .two-col {
        margin-bottom: 40px;
        float: left;
        width: 100%;
    }

    .page-detail .two-col > div {
        float: left;
        display: block;
        margin-right: 1.34228%;
        width: 100%;
    }

    .page-detail .two-col > div:last-child {
        margin-right: 0;
    }

    .page-detail .two-col > div iframe {
        width: 100% !important;
        margin-bottom: 40px;
        max-height: 667px;
        height: 667px;
        overflow: hidden;
    }
}