@charset "UTF-8";
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
}

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 {
    content: "";
    content: none
}

q:before, q:after {
    content: "";
    content: none
}

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

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

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

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

body {
    background: #fff;
    font-family: 'zarid_serifregular', Helvetica, Arial, sans-serif;
    color: #333
}

main {
    overflow-x: hidden
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon-new/fonts/icomoon.eot?-37ka71');
    src: url('../fonts/icomoon-new/fonts/icomoon.eot?#iefix-37ka71') format('embedded-opentype'), url('../fonts/icomoon-new/fonts/icomoon.woff?-37ka71') format('woff'), url('../fonts/icomoon-new/fonts/icomoon.ttf?-37ka71') format('truetype'), url('../fonts/icomoon-new/fonts/icomoon.svg?-37ka71#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-instagram-icon-88945:before {
    content: "\e626"
}

.icon-instagram-icon-hover-45092:before {
    content: "\e627"
}

.icon-youtube-icon-27237:before {
    content: "\e628"
}

.icon-youtube-icon-hover-88945:before {
    content: "\e629"
}

.icon-industrialvalleylogo-AR-bn:before {
    content: "\e625"
}

.icon-android:before {
    content: "\e600"
}

.icon-emergency-numbers:before {
    content: "\e601"
}

.icon-error:before {
    content: "\e602"
}

.icon-file-download:before {
    content: "\e603"
}

.icon-ios:before {
    content: "\e604"
}

.icon-play:before {
    content: "\e605"
}

.icon-iv-blank:before {
    content: "\e606"
}

.icon-iv-text:before {
    content: "\e607"
}

.icon-uniE608:before {
    content: "\e608"
}

.icon-uniE609:before {
    content: "\e609"
}

.icon-altalah:before {
    content: "\e60a"
}

.icon-altalah-text:before {
    content: "\e60b"
}

.icon-uniE60C:before {
    content: "\e60c"
}

.icon-uniE60D:before {
    content: "\e60d"
}

.icon-uniE60E:before {
    content: "\e60e"
}

.icon-uniE60F:before {
    content: "\e60f"
}

.icon-uniE610:before {
    content: "\e610"
}

.icon-alshurooq-text:before {
    content: "\e611"
}

.icon-alwaha-text:before {
    content: "\e612"
}

.icon-circle-arrow:before {
    content: "\e613"
}

.icon-arrow:before {
    content: "\e614"
}

.icon-baylasun-text:before {
    content: "\e615"
}

.icon-people:before {
    content: "\e616"
}

.icon-money:before {
    content: "\e617"
}

.icon-leaf:before {
    content: "\e618"
}

.icon-facebook:before {
    content: "\e619"
}

.icon-train:before {
    content: "\e61a"
}

.icon-atom:before {
    content: "\e61b"
}

.icon-port-text:before {
    content: "\e61d"
}

.icon-boat:before {
    content: "\e61e"
}

.icon-quote:before {
    content: "\e61f"
}

.icon-heart:before {
    content: "\e620"
}

.icon-sustain:before {
    content: "\e621"
}

.icon-twitter:before {
    content: "\e622"
}

.icon-almurooj-AR-bn:before {
    content: "\e61c"
}

.icon-almurooj-AR:before {
    content: "\e623"
}

.icon-alshurooq-AR-bn:before {
    content: "\e624"
}

.icon-altalah-AR-bn:before {
    content: "\e648"
}

.icon-altalah-AR .path1:before {
    content: "\e649";
    color: black
}

.icon-altalah-AR .path2:before {
    content: "\e64a";
    margin-left: -1.99707em;
    color: black
}

.icon-altalah-AR .path3:before {
    content: "\e64b";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path4:before {
    content: "\e64c";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path5:before {
    content: "\e64d";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path6:before {
    content: "\e64e";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path7:before {
    content: "\e64f";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path8:before {
    content: "\e650";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path9:before {
    content: "\e651";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path10:before {
    content: "\e652";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path11:before {
    content: "\e653";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path12:before {
    content: "\e654";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path13:before {
    content: "\e655";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path14:before {
    content: "\e656";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path15:before {
    content: "\e657";
    margin-left: -1.99707em;
    color: #012213
}

.icon-altalah-AR .path16:before {
    content: "\e658";
    margin-left: -1.99707em;
    color: #012213
}

.icon-alwaha-AR-bn:before {
    content: "\e659"
}

.icon-baylasun-AR-bn:before {
    content: "\e672"
}

.icon-kingabdullahportlogo-AR-bn:before {
    content: "\e6b1"
}

.icon-kingabdullahportlogo-AR .path1:before {
    content: "\e6b2";
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path2:before {
    content: "\e6b3";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path3:before {
    content: "\e6b4";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path4:before {
    content: "\e6b5";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path5:before {
    content: "\e6b6";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path6:before {
    content: "\e6b7";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path7:before {
    content: "\e6b8";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path8:before {
    content: "\e6b9";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path9:before {
    content: "\e6ba";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path10:before {
    content: "\e6bb";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path11:before {
    content: "\e6bc";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path12:before {
    content: "\e6bd";
    margin-left: -3.01855em;
    color: #25295a
}

.icon-kingabdullahportlogo-AR .path13:before {
    content: "\e6be";
    margin-left: -3.01855em;
    color: black
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Bold.eot');
    src: url('../fonts/DINNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTPro-Bold.woff') format('woff'), url('../fonts/DINNextLTPro-Bold.ttf') format('truetype'), url('../fonts/DINNextLTPro-Bold.svg#020004e9b75eea10ee70737080129f58') format('svg');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'DIN Next LT Pro Light';
    src: url('../fonts/DINNextLTPro-Light.eot');
    src: url('../fonts/DINNextLTPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTPro-Light.woff') format('woff'), url('../fonts/DINNextLTPro-Light.ttf') format('truetype'), url('../fonts/DINNextLTPro-Light.svg#a25104a0774d16e06886a3b435b5d53e') format('svg');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Regular.eot');
    src: url('../fonts/DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTPro-Regular.woff') format('woff'), url('../fonts/DINNextLTPro-Regular.ttf') format('truetype'), url('../fonts/DINNextLTPro-Regular.svg#4259aa35ace4c12937b753d1ff841883') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Exo';
    src: url('../fonts/Exo-Regular.eot');
    src: url('../fonts/Exo-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo-Regular.woff') format('woff'), url('../fonts/Exo-Regular.ttf') format('truetype'), url('../fonts/Exo-Regular.svg#afc140032df1a26f988b2ed34b8855ed') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Bold.eot');
    src: url('../fonts/NotoSerif-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerif-Bold.woff') format('woff'), url('../fonts/NotoSerif-Bold.ttf') format('truetype'), url('../fonts/NotoSerif-Bold.svg#1713b2a1dd7d6e857a883fb590f0fd14') format('svg');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-BoldItalic.eot');
    src: url('../fonts/NotoSerif-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerif-BoldItalic.woff') format('woff'), url('../fonts/NotoSerif-BoldItalic.ttf') format('truetype'), url('../fonts/NotoSerif-BoldItalic.svg#2f00dc8887111674b4e9ff89e50227fa') format('svg');
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Italic.eot');
    src: url('../fonts/NotoSerif-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerif-Italic.woff') format('woff'), url('../fonts/NotoSerif-Italic.ttf') format('truetype'), url('../fonts/NotoSerif-Italic.svg#77e71235e1dd80479365e1fca74af9e5') format('svg');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Regular.eot');
    src: url('../fonts/NotoSerif-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerif-Regular.woff') format('woff'), url('../fonts/NotoSerif-Regular.ttf') format('truetype'), url('../fonts/NotoSerif-Regular.svg#b8731a7afc5192d71ada21a8e7bd3daf') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Oranienbaum';
    src: url('../fonts/Oranienbaum-Regular.eot');
    src: url('../fonts/Oranienbaum-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oranienbaum-Regular.woff') format('woff'), url('../fonts/Oranienbaum-Regular.ttf') format('truetype'), url('../fonts/Oranienbaum-Regular.svg#3f22f3139f9d7c945bdf283c428cd141') format('svg');
    font-style: normal;
    font-weight: 400;
}

.din, .din-bold, .type-sbct, .carousel nav a, .huna-module .callout .meta-title, .huna-form #gforms_confirmation_message, .huna-form .gform_wrapper .validation_message, .huna-form .gform_wrapper .validation_error, body.page-template-invest-php .hero-carousel nav a, body.page-template-invest-php .explore-carousel .carousel nav a, body.page-template-visit-plan-php .hero-carousel nav a, body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-schedule-php .gform_wrapper .validation_error, body.page-template-visit-schedule-php .gform_wrapper .validation_message, body.page-template-visit-plan-php_legacy .carousel nav a, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_error, body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_message, body.page-template-work .hero-carousel nav a, .type-hb, .event-banner .banner-title, h2, h3.title, .button, .date span + span, section.hero a.button, .huna-module.huna-events .huna-form .featured > div .featured-date span, .huna-module.huna-events article .event-list h4, .module article.featured h3, body.page-template-press-releases .spirals .stretch:nth-child(2), .slider-inner .tag h2, .ticker-module div:nth-child(1), .video-frame div span, .home section.pillars ul + p, .home section.pillars h3, body.contact-us .schedule-box + div a, body.contact-us-ar .schedule-box + div a, section.event-calendar-section .single-event-wrapper .dates .datedash, section.event-calendar-section .single-event-wrapper dl, section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip .datedash, body.page-template-invest-php .investment ul a span, body.parent-location.page-template-location .spirals .stretch:nth-child(1), body.parent-location-ar.page-template-location .spirals .stretch:nth-child(1), body.parent-location.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location-ar.page-template-location-map .spirals .stretch:nth-child(2), body.media-library .spirals .stretch:nth-child(1), body.media-library-ar .spirals .stretch:nth-child(1), body.page-template-press-contacts .spirals .stretch:nth-child(3), body.single-press_releases section.single-press-release h2, body.page-template-shareholders-overview .spirals .stretch:first-of-type, body.page-template-shareholders-news .spirals .stretch:nth-child(3), body.page-template-shareholders-stock .spirals .stretch:nth-child(2), body.page-template-shareholders-stock .stock-info li, body.page-template-visit-schedule-php section h2 span, body.page-template-visit-plan-php section h2 span, body.page-template-visit-schedule-php .direction-list li span, body.page-template-visit-plan-php .direction-list li span, body.page-template-visit-schedule-php_legacy section h2 span, body.page-template-visit-plan-php_legacy section h2 span, body.page-template-visit-schedule-php_legacy .direction-list li span, body.page-template-visit-plan-php_legacy .direction-list li span, body.page-template-visit-schedule-php_legacy .button, body.page-template-visit-plan-php_legacy .button, body.page-template-work section h2 span, .type-st, .awarded-bids-item p span, .event-banner .banner-text, .huna-module .callout p, body.parent-about ul.table p, body.parent-about-ar ul.table p, body.page-template-invest-php .explore-carousel .carousel p, body.page-template-live ul.table p, body.page-template-live .live-options a .description, body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox label, body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body .gfield_checkbox label, body.page-template-work .featured-employers ul.employers a, .type-body, body.page-template-invest section p, body.page-template-invest-awarded-bids section p, body.page-template-invest-php section p, body.page-template-live section p, body.page-template-visit-schedule-php section p, body.page-template-visit-plan-php section p, body.page-template-visit-schedule-php_legacy section p, body.page-template-visit-plan-php_legacy section p, body.page-template-work section p, .type-bt, .event-banner .banner-cta, .huna-module .callout h3, body.single-managers h2, body.page-template-about-sustainability section p, body.page-template-invest-php .hero-carousel p, body.page-template-live .hero-carousel p, body.page-template-live .places-carousel .carousel h3, body.page-template-visit-plan-php .hero-carousel p, body.page-template-visit-plan-php_legacy .hero-carousel p, body.page-template-work .hero-carousel p, h1, h3, p, a, span, .action-arrow.arrow-back, body.language-ar .date span:first-of-type, form input, form textarea, form button[type="submit"], .slider article .content h2, .slider-inner .tag h2:before, .slider-inner .tag h2:after, .ticker-module div:nth-child(1) span, header .slide-menu ul:before, .home section.pillars h2 + p, section.event-calendar-section .tribe-events-notices, section.event-calendar-section h1, section.event-calendar-section h2, section.event-calendar-section .sub-nav .nav-previous a, section.event-calendar-section .sub-nav .nav-next a, section.event-calendar-section #tribe-events-content .tribe-events-calendar, body.page-template-live .places-carousel .carousel h2, body.language-ar .din-bold, body.language-ar .type-sbct, body.language-ar .carousel nav a, .carousel nav body.language-ar a, body.language-ar .huna-module .callout .meta-title, .huna-module .callout body.language-ar .meta-title, body.language-ar .huna-form #gforms_confirmation_message, .huna-form body.language-ar #gforms_confirmation_message, body.language-ar .huna-form .gform_wrapper .validation_message, .huna-form .gform_wrapper body.language-ar .validation_message, body.language-ar .huna-form .gform_wrapper .validation_error, .huna-form .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-invest-php .hero-carousel nav a, body.page-template-invest-php .hero-carousel nav body.language-ar a, body.language-ar body.page-template-invest-php .explore-carousel .carousel nav a, body.page-template-invest-php .explore-carousel .carousel nav body.language-ar a, body.language-ar body.page-template-visit-plan-php .hero-carousel nav a, body.page-template-visit-plan-php .hero-carousel nav body.language-ar a, body.language-ar body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php .exclusive-events .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-plan-php .exclusive-events .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-schedule-php .gform_wrapper .validation_error, body.page-template-visit-schedule-php .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-schedule-php .gform_wrapper .validation_message, body.page-template-visit-schedule-php .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_error, body.page-template-visit-schedule-php_legacy .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_message, body.page-template-visit-schedule-php_legacy .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-work .hero-carousel nav a, body.page-template-work .hero-carousel nav body.language-ar a, body.language-ar .type-hb, body.language-ar .event-banner .banner-title, .event-banner body.language-ar .banner-title, body.language-ar h2, body.language-ar h3.title, body.language-ar .button, body.language-ar .date span + span, .date body.language-ar span + span, body.language-ar section.hero a.button, section.hero body.language-ar a.button, body.language-ar .huna-module.huna-events .huna-form .featured > div .featured-date span, .huna-module.huna-events .huna-form .featured > div .featured-date body.language-ar span, body.language-ar .huna-module.huna-events article .event-list h4, .huna-module.huna-events article .event-list body.language-ar h4, body.language-ar .module article.featured h3, .module article.featured body.language-ar h3, body.language-ar body.page-template-press-releases .spirals .stretch:nth-child(2), body.page-template-press-releases .spirals body.language-ar .stretch:nth-child(2), body.language-ar .slider-inner .tag h2, .slider-inner .tag body.language-ar h2, body.language-ar .ticker-module div:nth-child(1), .ticker-module body.language-ar div:nth-child(1), body.language-ar .video-frame div span, .video-frame div body.language-ar span, body.language-ar .home section.pillars ul + p, .home section.pillars body.language-ar ul + p, body.language-ar .home section.pillars h3, .home section.pillars body.language-ar h3, body.language-ar body.contact-us .schedule-box + div a, body.contact-us .schedule-box + div body.language-ar a, body.language-ar body.contact-us-ar .schedule-box + div a, body.contact-us-ar .schedule-box + div body.language-ar a, body.language-ar section.event-calendar-section .single-event-wrapper .dates .datedash, section.event-calendar-section .single-event-wrapper .dates body.language-ar .datedash, body.language-ar section.event-calendar-section .single-event-wrapper dl, section.event-calendar-section .single-event-wrapper body.language-ar dl, body.language-ar section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip .datedash, section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip body.language-ar .datedash, body.language-ar body.page-template-invest-php .investment ul a span, body.page-template-invest-php .investment ul a body.language-ar span, body.language-ar body.parent-location.page-template-location .spirals .stretch:nth-child(1), body.parent-location.page-template-location .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.parent-location-ar.page-template-location .spirals .stretch:nth-child(1), body.parent-location-ar.page-template-location .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.parent-location.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location.page-template-location-map .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.parent-location-ar.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location-ar.page-template-location-map .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.media-library .spirals .stretch:nth-child(1), body.media-library .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.media-library-ar .spirals .stretch:nth-child(1), body.media-library-ar .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.page-template-press-contacts .spirals .stretch:nth-child(3), body.page-template-press-contacts .spirals body.language-ar .stretch:nth-child(3), body.language-ar body.single-press_releases section.single-press-release h2, body.single-press_releases section.single-press-release body.language-ar h2, body.language-ar body.page-template-shareholders-overview .spirals .stretch:first-of-type, body.page-template-shareholders-overview .spirals body.language-ar .stretch:first-of-type, body.language-ar body.page-template-shareholders-news .spirals .stretch:nth-child(3), body.page-template-shareholders-news .spirals body.language-ar .stretch:nth-child(3), body.language-ar body.page-template-shareholders-stock .spirals .stretch:nth-child(2), body.page-template-shareholders-stock .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.page-template-shareholders-stock .stock-info li, body.page-template-shareholders-stock .stock-info body.language-ar li, body.language-ar body.page-template-visit-schedule-php section h2 span, body.page-template-visit-schedule-php section h2 body.language-ar span, body.language-ar body.page-template-visit-plan-php section h2 span, body.page-template-visit-plan-php section h2 body.language-ar span, body.language-ar body.page-template-visit-schedule-php .direction-list li span, body.page-template-visit-schedule-php .direction-list li body.language-ar span, body.language-ar body.page-template-visit-plan-php .direction-list li span, body.page-template-visit-plan-php .direction-list li body.language-ar span, body.language-ar body.page-template-visit-schedule-php_legacy section h2 span, body.page-template-visit-schedule-php_legacy section h2 body.language-ar span, body.language-ar body.page-template-visit-plan-php_legacy section h2 span, body.page-template-visit-plan-php_legacy section h2 body.language-ar span, body.language-ar body.page-template-visit-schedule-php_legacy .direction-list li span, body.page-template-visit-schedule-php_legacy .direction-list li body.language-ar span, body.language-ar body.page-template-visit-plan-php_legacy .direction-list li span, body.page-template-visit-plan-php_legacy .direction-list li body.language-ar span, body.language-ar body.page-template-work section h2 span, body.page-template-work section h2 body.language-ar span {
    font-family: 'zarid_serifregular';
    font-style: normal;
    font-weight: normal
}


.din-light, .type-h1, body.parent-about h1, body.parent-about-ar h1, body.parent-about h2, body.parent-about-ar h2, body.single-managers h1, body.page-template-invest-php .event-banner .banner-cta, body.page-template-live .hero-carousel h1, body.page-template-visit-plan-php .hero-carousel h1, body.page-template-visit-plan-php .event-banner .banner-cta, body.page-template-visit-plan-php_legacy .hero-carousel h1, body.page-template-work .hero-carousel h1, body.page-template-work .event-banner .banner-cta, body.page-template-work .featured-employers ul.employers a .num-jobs, .type-h2, .page-template-awarded-bids-archive h2, .awarded-bids-item p.bid-value, body.parent-about ul.table h4, body.parent-about-ar ul.table h4, body.page-template-invest section h2, body.page-template-invest-awarded-bids section h2, body.page-template-invest-php section h2, body.page-template-invest-awarded-bids .contracts .contract-count + p, body.page-template-live section h2, body.page-template-live ul.table h4, body.page-template-visit-schedule-php section h2, body.page-template-visit-plan-php section h2, body.page-template-visit-schedule-php_legacy section h2, body.page-template-visit-plan-php_legacy section h2, body.page-template-work section h2, .contact-section .contact:before, section.hero h2, .huna-module.huna-events .huna-form .featured > div h4, section.news-list h3 a, .news-item h4, .featured-video h4, .video-list h4, .video-container .text p, header .slide-menu ul a, .home section.sustainability h2, .home section.sustainability .accordion p:last-of-type, .home section.pillars h2, .home section.pillars li p span, body.page-template-about-leadership .management-team a p, body.page-template-about-leadership-ar .management-team a p, body.page-template-invest-php .environment ul li, body.page-template-invest-awarded-bids .contracts .contract-count, body.page-template-live ul.school-table, body.page-template-live ul.table, body.parent-location.page-template-location-map section.directions ul li h3, body.parent-location-ar.page-template-location-map section.directions ul li h3, body.page-template-press-contacts .media-form h4, body.page-template-press-contacts .gform_confirmation_message, body.page-template-shareholders-stock .stock-info span, body.page-template-visit-schedule-php .direction-list li h3, body.page-template-visit-plan-php .direction-list li h3, body.page-template-visit-schedule-php_legacy .direction-list li h3, body.page-template-visit-plan-php_legacy .direction-list li h3 {
    font-family: 'zarid_serifregular';
    font-weight: 200
}

.din-bold, .type-sbct, .carousel nav a, .huna-module .callout .meta-title, .huna-form #gforms_confirmation_message, .huna-form .gform_wrapper .validation_message, .huna-form .gform_wrapper .validation_error, body.page-template-invest-php .hero-carousel nav a, body.page-template-invest-php .explore-carousel .carousel nav a, body.page-template-visit-plan-php .hero-carousel nav a, body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-schedule-php .gform_wrapper .validation_error, body.page-template-visit-schedule-php .gform_wrapper .validation_message, body.page-template-visit-plan-php_legacy .carousel nav a, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_error, body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_message, body.page-template-work .hero-carousel nav a, .type-hb, .event-banner .banner-title, h2, h3.title, .button, .date span + span, section.hero a.button, .huna-module.huna-events .huna-form .featured > div .featured-date span, .huna-module.huna-events article .event-list h4, .module article.featured h3, body.page-template-press-releases .spirals .stretch:nth-child(2), .slider-inner .tag h2, .ticker-module div:nth-child(1), .video-frame div span, .home section.pillars ul + p, .home section.pillars h3, body.contact-us .schedule-box + div a, body.contact-us-ar .schedule-box + div a, section.event-calendar-section .single-event-wrapper .dates .datedash, section.event-calendar-section .single-event-wrapper dl, section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip .datedash, body.page-template-invest-php .investment ul a span, body.parent-location.page-template-location .spirals .stretch:nth-child(1), body.parent-location-ar.page-template-location .spirals .stretch:nth-child(1), body.parent-location.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location-ar.page-template-location-map .spirals .stretch:nth-child(2), body.media-library .spirals .stretch:nth-child(1), body.media-library-ar .spirals .stretch:nth-child(1), body.page-template-press-contacts .spirals .stretch:nth-child(3), body.single-press_releases section.single-press-release h2, body.page-template-shareholders-overview .spirals .stretch:first-of-type, body.page-template-shareholders-news .spirals .stretch:nth-child(3), body.page-template-shareholders-stock .spirals .stretch:nth-child(2), body.page-template-shareholders-stock .stock-info li, body.page-template-visit-schedule-php section h2 span, body.page-template-visit-plan-php section h2 span, body.page-template-visit-schedule-php .direction-list li span, body.page-template-visit-plan-php .direction-list li span, body.page-template-visit-schedule-php_legacy section h2 span, body.page-template-visit-plan-php_legacy section h2 span, body.page-template-visit-schedule-php_legacy .direction-list li span, body.page-template-visit-plan-php_legacy .direction-list li span, body.page-template-visit-schedule-php_legacy .button, body.page-template-visit-plan-php_legacy .button, body.page-template-work section h2 span {
    font-weight: 700
}

.noto, .page-template-awarded-bids-archive h2, body.page-template-invest section h2, body.page-template-invest-awarded-bids section h2, body.page-template-invest-php .hero-carousel h1, body.page-template-invest-php section h2, body.page-template-invest-php .explore-carousel .carousel h2, body.page-template-invest-awarded-bids .banner h1, body.page-template-invest-awarded-bids .contracts .contract-count + p {
    font-family: 'zarid_serifregular';
    font-style: normal;
    font-weight: 400
}

.type-st, .awarded-bids-item p span, .event-banner .banner-text, .huna-module .callout p, body.parent-about ul.table p, body.parent-about-ar ul.table p, body.page-template-invest-php .explore-carousel .carousel p, body.page-template-live ul.table p, body.page-template-live .live-options a .description, body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox label, body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body .gfield_checkbox label, body.page-template-work .featured-employers ul.employers a {
    font-size: 14px;
    line-height: 1.25
}

.type-sbct, .carousel nav a, .huna-module .callout .meta-title, .huna-form #gforms_confirmation_message, .huna-form .gform_wrapper .validation_message, .huna-form .gform_wrapper .validation_error, body.page-template-invest-php .hero-carousel nav a, body.page-template-invest-php .explore-carousel .carousel nav a, body.page-template-visit-plan-php .hero-carousel nav a, body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-schedule-php .gform_wrapper .validation_error, body.page-template-visit-schedule-php .gform_wrapper .validation_message, body.page-template-visit-plan-php_legacy .carousel nav a, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_error, body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_message, body.page-template-work .hero-carousel nav a {
    font-size: 14px;
    line-height: 1.4;
    text-transform: uppercase
}

.type-body, body.page-template-invest section p, body.page-template-invest-awarded-bids section p, body.page-template-invest-php section p, body.page-template-live section p, body.page-template-visit-schedule-php section p, body.page-template-visit-plan-php section p, body.page-template-visit-schedule-php_legacy section p, body.page-template-visit-plan-php_legacy section p, body.page-template-work section p {
    font-size: 16px;
    line-height: 1.25
}

@media screen and (max-width: 500px) {
    .type-body, body.page-template-invest section p, body.page-template-invest-awarded-bids section p, body.page-template-invest-php section p, body.page-template-live section p, body.page-template-visit-schedule-php section p, body.page-template-visit-plan-php section p, body.page-template-visit-schedule-php_legacy section p, body.page-template-visit-plan-php_legacy section p, body.page-template-work section p {
        font-size: 14px;
    }
}

.type-bt, .event-banner .banner-cta, .huna-module .callout h3, body.single-managers h2, body.page-template-about-sustainability section p, body.page-template-invest-php .hero-carousel p, body.page-template-live .hero-carousel p, body.page-template-live .places-carousel .carousel h3, body.page-template-visit-plan-php .hero-carousel p, body.page-template-visit-plan-php_legacy .hero-carousel p, body.page-template-work .hero-carousel p {
    font-size: 20px;
    line-height: 1.4
}

@media screen and (max-width: 769px) {
    .type-bt, .event-banner .banner-cta, .huna-module .callout h3, body.single-managers h2, body.page-template-about-sustainability section p, body.page-template-invest-php .hero-carousel p, body.page-template-live .hero-carousel p, body.page-template-live .places-carousel .carousel h3, body.page-template-visit-plan-php .hero-carousel p, body.page-template-visit-plan-php_legacy .hero-carousel p, body.page-template-work .hero-carousel p {
        font-size: 16px;
    }
}

.type-h1, body.parent-about h1, body.parent-about-ar h1, body.parent-about h2, body.parent-about-ar h2, body.single-managers h1, body.page-template-invest-php .event-banner .banner-cta, body.page-template-live .hero-carousel h1, body.page-template-visit-plan-php .hero-carousel h1, body.page-template-visit-plan-php .event-banner .banner-cta, body.page-template-visit-plan-php_legacy .hero-carousel h1, body.page-template-work .hero-carousel h1, body.page-template-work .event-banner .banner-cta, body.page-template-work .featured-employers ul.employers a .num-jobs {
    font-size: 50px;
    line-height: 1.167
}

@media screen and (max-width: 769px) {
    .type-h1, body.parent-about h1, body.parent-about-ar h1, body.parent-about h2, body.parent-about-ar h2, body.single-managers h1, body.page-template-invest-php .event-banner .banner-cta, body.page-template-live .hero-carousel h1, body.page-template-visit-plan-php .hero-carousel h1, body.page-template-visit-plan-php .event-banner .banner-cta, body.page-template-visit-plan-php_legacy .hero-carousel h1, body.page-template-work .hero-carousel h1, body.page-template-work .event-banner .banner-cta, body.page-template-work .featured-employers ul.employers a .num-jobs {
        font-size: 32px;
    }
}

@media screen and (max-width: 500px) {
    .type-h1, body.parent-about h1, body.parent-about-ar h1, body.parent-about h2, body.parent-about-ar h2, body.single-managers h1, body.page-template-invest-php .event-banner .banner-cta, body.page-template-live .hero-carousel h1, body.page-template-visit-plan-php .hero-carousel h1, body.page-template-visit-plan-php .event-banner .banner-cta, body.page-template-visit-plan-php_legacy .hero-carousel h1, body.page-template-work .hero-carousel h1, body.page-template-work .event-banner .banner-cta, body.page-template-work .featured-employers ul.employers a .num-jobs {
        font-size: 25px;
    }
}

.type-h2, .page-template-awarded-bids-archive h2, .awarded-bids-item p.bid-value, body.parent-about ul.table h4, body.parent-about-ar ul.table h4, body.page-template-invest section h2, body.page-template-invest-awarded-bids section h2, body.page-template-invest-php section h2, body.page-template-invest-awarded-bids .contracts .contract-count + p, body.page-template-live section h2, body.page-template-live ul.table h4, body.page-template-visit-schedule-php section h2, body.page-template-visit-plan-php section h2, body.page-template-visit-schedule-php_legacy section h2, body.page-template-visit-plan-php_legacy section h2, body.page-template-work section h2 {
    font-size: 30px;
    line-height: 1.167
}

@media screen and (max-width: 500px) {
    .type-h2, .page-template-awarded-bids-archive h2, .awarded-bids-item p.bid-value, body.parent-about ul.table h4, body.parent-about-ar ul.table h4, body.page-template-invest section h2, body.page-template-invest-awarded-bids section h2, body.page-template-invest-php section h2, body.page-template-invest-awarded-bids .contracts .contract-count + p, body.page-template-live section h2, body.page-template-live ul.table h4, body.page-template-visit-schedule-php section h2, body.page-template-visit-plan-php section h2, body.page-template-visit-schedule-php_legacy section h2, body.page-template-visit-plan-php_legacy section h2, body.page-template-work section h2 {
        font-size: 20px;
    }
}

.type-hb, .event-banner .banner-title {
    font-size: 22px;
    line-height: 1.1
}

.icon:before, .icon:after {
    font-family: 'icomoon'
}

strong {
    font-weight: 700
}

html, html a {
    -webkit-font-smoothing: antialiased
}

body {
    font-size: 16px;
    font-size: 100%
}

h2 {
    text-align: center
}

h3.title {
    color: #61A925;
    font-size: 0.875rem;
    text-transform: uppercase
}

h3.title.title--padded {
    padding: 40px 0
}

p {
    color: #505050
}

p {
    line-height: 1.25
}

p + p {
    margin-top: 1em
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #505050;
    text-decoration: none
}

a.button {
    color: #505050;
    display: inline-block
}

a.container {
    background: #ffffff;
    display: block;
    height: 100%;
    width: 100%
}

a.container:hover {
    background-color: #f5f5f5
}

a.logo {
    font-size: 0px
}

a.android, a.ios {
    display: block;
    float: left;
    margin-top: 80px;
    padding-left: 40px;
    position: relative;
    width: 50%
}

@media screen and (max-width: 600px) {
    a.android, a.ios {
        margin-top: 50px;
        width: 100%;
    }
}

a.android:before, a.ios:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    font-size: 3rem
}

a.android span, a.ios span {
    color: #61A925;
    display: block
}

a.android:hover, a.ios:hover {
    color: #61A925
}

a.android:before {
    content: "\e600"
}

a.ios:before {
    content: "\e604"
}

a.social-icon {
    display: inline-block;
    height: 37px;
    width: 37px
}

a.social-icon:after {
    -webkit-transition: color 0.35s;
    -moz-transition: color 0.35s;
    transition: color 0.35s;
    color: #505050;
    display: block;
    font-family: 'icomoon';
    font-size: 2.125rem;
    line-height: 37px;
    text-align: center
}

a.social-icon:hover:after {
    color: #54968d
}

a.social-icon:active:after {
    color: #244b4d
}

a.tw:after {
    content: '\e622'
}

a.fb:after {
    content: '\e619'
}

a.yt:after {
    content: '\e628'
}

a.ig:after {
    content: '\e626'
}

.action-arrow:before, .action-arrow:after {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #61A925;
    display: inline-block;
    font-family: 'icomoon';
    font-size: 0.625rem;
    opacity: 1;
    position: relative;
    top: 1px
}

.action-arrow:after {
    content: '\e614';
    margin-left: 10px
}

.action-arrow:active {
    color: #61A925
}

.action-arrow:active:after {
    color: #61A925
}

.action-arrow.arrow-back {
    color: #61A925;
    display: block;
    font-size: 0.875rem;
    padding: 40px 0 25px
}

.action-arrow.arrow-back:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    content: '\e614';
    margin-right: 10px
}

.action-arrow.arrow-back:after {
    content: ""
}

span.icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden
}

span.scroll-hint {
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #505050;
    display: block;
    margin: 10px auto;
    text-align: center
}

@media screen and (max-width: 500px) {
    span.rwd-break {
        display: block;
    }
}

.module-slide, .module.open {
    -webkit-animation: moduleSlide .5s ease-in forwards;
    -moz-animation: moduleSlide .5s ease-in forwards;
    animation: moduleSlide .5s ease-in forwards
}

.module-slow-slide, .module.delay-open {
    -webkit-animation: moduleSlowSlide 4.2s ease-in forwards;
    -moz-animation: moduleSlowSlide 4.2s ease-in forwards;
    animation: moduleSlowSlide 4.2s ease-in forwards
}

@-webkit-keyframes moduleSlide {
    0% {
        -webkit-filter: blur(10px);
        max-height: 0;
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0);
        max-height: 330px;
        opacity: 1
    }
}

@-moz-keyframes moduleSlide {
    0% {
        max-height: 0;
        opacity: 0
    }
    100% {
        max-height: 330px;
        opacity: 1
    }
}

@keyframes moduleSlide {
    0% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        max-height: 0;
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        max-height: 330px;
        opacity: 1
    }
}

@-webkit-keyframes moduleSlowSlide {
    0% {
        -webkit-filter: blur(10px);
        max-height: 0;
        opacity: 0
    }
    85% {
        -webkit-filter: blur(10px);
        max-height: 0;
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0);
        max-height: 330px;
        opacity: 1
    }
}

@-moz-keyframes moduleSlowSlide {
    0% {
        max-height: 0;
        opacity: 0
    }
    85% {
        max-height: 0;
        opacity: 0
    }
    100% {
        max-height: 330px;
        opacity: 1
    }
}

@keyframes moduleSlowSlide {
    0% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        max-height: 0;
        opacity: 0
    }
    85% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        max-height: 0;
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        max-height: 330px;
        opacity: 1
    }
}

.tag-animate-en, body.language-en article.focused .tag {
    -webkit-animation: tagAnimateEn 1s ease-in-out forwards;
    -moz-animation: tagAnimateEn 1s ease-in-out forwards;
    animation: tagAnimateEn 1s ease-in-out forwards
}

@-webkit-keyframes tagAnimateEn {
    0% {
        -webkit-filter: blur(15px);
        -webkit-transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    65% {
        -webkit-filter: blur(15px);
        -webkit-transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        -webkit-transform: translateX(0px) translateY(0) scale(1);
        opacity: 1
    }
}

@-moz-keyframes tagAnimateEn {
    0% {
        -moz-transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    65% {
        -moz-transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    100% {
        -moz-transform: translateX(0px) translateY(0) scale(1);
        opacity: 1
    }
}

@keyframes tagAnimateEn {
    0% {
        -webkit-filter: blur(15px);
        filter: blur(15px);
        -webkit-transform: translateX(-370px) translateY(100px) scale(2);
        -moz-transform: translateX(-370px) translateY(100px) scale(2);
        -ms-transform: translateX(-370px) translateY(100px) scale(2);
        -o-transform: translateX(-370px) translateY(100px) scale(2);
        transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    65% {
        -webkit-filter: blur(15px);
        filter: blur(15px);
        -webkit-transform: translateX(-370px) translateY(100px) scale(2);
        -moz-transform: translateX(-370px) translateY(100px) scale(2);
        -ms-transform: translateX(-370px) translateY(100px) scale(2);
        -o-transform: translateX(-370px) translateY(100px) scale(2);
        transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        -webkit-transform: translateX(0px) translateY(0) scale(1);
        -moz-transform: translateX(0px) translateY(0) scale(1);
        -ms-transform: translateX(0px) translateY(0) scale(1);
        -o-transform: translateX(0px) translateY(0) scale(1);
        transform: translateX(0px) translateY(0) scale(1);
        opacity: 1
    }
}

.tag-animate-ar, body.language-ar article.focused .tag {
    -webkit-animation: tagAnimateAr 1s ease-in-out forwards;
    -moz-animation: tagAnimateAr 1s ease-in-out forwards;
    animation: tagAnimateAr 1s ease-in-out forwards
}

@-webkit-keyframes tagAnimateAr {
    0% {
        -webkit-filter: blur(15px);
        -webkit-transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    65% {
        -webkit-filter: blur(15px);
        -webkit-transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        -webkit-transform: translateX(0px) translateY(0) scale(1);
        opacity: 1
    }
}

@-moz-keyframes tagAnimateAr {
    0% {
        -moz-transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    65% {
        -moz-transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    100% {
        -moz-transform: translateX(0px) translateY(0) scale(1);
        opacity: 1
    }
}

@keyframes tagAnimateAr {
    0% {
        -webkit-filter: blur(15px);
        filter: blur(15px);
        -webkit-transform: translateX(-370px) translateY(100px) scale(2);
        -moz-transform: translateX(-370px) translateY(100px) scale(2);
        -ms-transform: translateX(-370px) translateY(100px) scale(2);
        -o-transform: translateX(-370px) translateY(100px) scale(2);
        transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    65% {
        -webkit-filter: blur(15px);
        filter: blur(15px);
        -webkit-transform: translateX(-370px) translateY(100px) scale(2);
        -moz-transform: translateX(-370px) translateY(100px) scale(2);
        -ms-transform: translateX(-370px) translateY(100px) scale(2);
        -o-transform: translateX(-370px) translateY(100px) scale(2);
        transform: translateX(-370px) translateY(100px) scale(2);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        -webkit-transform: translateX(0px) translateY(0) scale(1);
        -moz-transform: translateX(0px) translateY(0) scale(1);
        -ms-transform: translateX(0px) translateY(0) scale(1);
        -o-transform: translateX(0px) translateY(0) scale(1);
        transform: translateX(0px) translateY(0) scale(1);
        opacity: 1
    }
}

.wrapper {
    padding-right: 5%;
    padding-left: 5%;
    position: relative
}

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

.b-lazy {
    -webkit-transition: opacity 0.75s ease-in-out;
    -moz-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    opacity: 0
}

.b-lazy.b-loaded {
    opacity: 1
}

header, nav.scroll-nav {
    z-index: 100
}

.standard-menu {
    z-index: 105
}

.slider, .module-slides {
    z-index: 200
}

.ani-mask {
    z-index: 190
}

.tag {
    z-index: 1
}

.overlay {
    z-index: 5
}

.wrapper {
    z-index: 10
}

.accordion li {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
}

.accordion li:after {
    content: "";
    display: table;
    clear: both
}

.accordion li .acc-label, .accordion li .acc-body {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
}

.accordion li .acc-body {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    max-height: 0px;
    overflow: hidden
}

.accordion li.expanded .acc-body {
    max-height: 400px
}

.page-template-awarded-bids-archive .awarded-bids {
    background-color: #e4e4e4;
    padding: 5vw 0
}

.page-template-awarded-bids-archive h2 {
    color: #2B4462;
    padding-left: 10vw;
    padding-right: 10vw;
    margin-bottom: 5vw
}

.awarded-bids-list {
    max-width: 87.5em;
    margin-left: auto;
    margin-right: auto
}

.awarded-bids-list:after {
    content: "";
    display: table;
    clear: both
}

.awarded-bids-list p {
    margin: 0 auto 20px auto
}

.awarded-bids-item {
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    margin-bottom: 50px;
    position: relative
}

@media screen and (min-width: 1300px) {
    .awarded-bids-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 18.21772%;
    }

    .awarded-bids-item:last-child {
        margin-right: 0
    }

    .awarded-bids-item:nth-of-type(5n) {
        margin-right: 0
    }

    .awarded-bids-item:nth-of-type(5n+1) {
        clear: both
    }
}

@media screen and (min-width: 900px) and (max-width: 1300px) {
    .awarded-bids-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 23.32912%;
    }

    .awarded-bids-item:last-child {
        margin-right: 0
    }

    .awarded-bids-item:nth-of-type(4n) {
        margin-right: 0px
    }

    .awarded-bids-item:nth-of-type(4n+1) {
        clear: both
    }
}

@media screen and (min-width: 650px) and (max-width: 900px) {
    .awarded-bids-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 31.8481%;
    }

    .awarded-bids-item:last-child {
        margin-right: 0
    }

    .awarded-bids-item:nth-of-type(3n) {
        margin-right: 0px
    }

    .awarded-bids-item:nth-of-type(3n+1) {
        clear: both
    }
}

@media screen and (min-width: 500px) and (max-width: 650px) {
    .awarded-bids-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 48.88608%;
    }

    .awarded-bids-item:last-child {
        margin-right: 0
    }

    .awarded-bids-item:nth-of-type(2n) {
        margin-right: 0px
    }

    .awarded-bids-item:nth-of-type(odd) {
        clear: both
    }
}

@media screen and (max-width: 500px) {
    .awarded-bids-item {
        width: 100%;
        clear: both;
    }
}

.awarded-bids-item .date {
    left: 15px;
    position: absolute;
    top: 15px
}

.awarded-bids-item p {
    color: #505050;
    padding: 0 15px;
    text-align: left
}

.awarded-bids-item p span {
    color: #c1c1c1;
    display: block
}

.awarded-bids-item p.project-name {
    border-top: 1px solid #f7f7f7;
    margin-top: 15px;
    min-height: 100px;
    padding-top: 15px
}

.awarded-bids-item p.contract-type {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    text-align: right
}

.awarded-bids-item p.contract-type2 {
    padding-top: 15px;
    text-align: right;
    text-transform: uppercase
}

.awarded-bids-item p.contract-type2 span {
    text-transform: none
}

.awarded-bids-item p.awarded-to {
    min-height: 75px
}

.awarded-bids-item p.bid-value {
    color: #60dc5d;
    min-height: 35px
}

.awarded-bids-item p.bid-value span {
    color: #60dc5d;
    display: inline
}

.event-banner {
    height: 25vw;
    background-size: cover;
    color: #505050;
    margin: -24.9vw auto 0;
    padding: 7vw 4vw 4vw 4vw;
    position: relative;
    text-align: center;
    width: 31.45833vw;
    z-index: 500
}

.event-banner .banner-text {
    margin: 5% 0
}

.event-banner .separator {
    font-size: 1%;
    border-top: 1px solid #e4e4e4;
    margin: 0 auto;
    width: 50%
}

@media screen and (max-width: 1000px) {
    .event-banner {
        height: 50vw;
        margin: -29.9vw auto 0;
        padding: 14vw 8vw 8vw 8vw;
        width: 62.91667vw
    }
}

@media screen and (max-width: 500px) {
    .event-banner {
        height: 75vw;
        margin: -34.6vw auto 0 auto;
        padding: 21vw 12vw 12vw 12vw;
        width: 94.375vw
    }
}

button {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    background: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer;
    outline: none
}

button:focus, button:active {
    outline: none
}

button:after {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    font-family: 'icomoon';
    font-size: 26px;
    text-align: center
}

button.add-close {
    background-image: url("../img/plus.png");
    height: 30px;
    width: 30px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    button.add-close {
        background-image: url("../img/plus_2x.png");
        background-size: 100% auto;
    }
}

button.add-close:hover {
    background-image: url("../img/plus-hover.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    button.add-close:hover {
        background-image: url("../img/plus-hover_2x.png");
        background-size: 100% auto;
    }
}

button.toggle.slide:after {
    content: "\2193"
}

button.toggle.circle-arrow {
    background-image: url("../img/arrow.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    button.toggle.circle-arrow {
        background-image: url("../img/arrow_2x.png");
        background-size: 100% auto;
    }
}

button.toggle.circle-arrow:hover {
    background-image: url("../img/arrow-hover.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    button.toggle.circle-arrow:hover {
        background-image: url("../img/arrow-hover_2x.png");
        background-size: 100% auto;
    }
}

.button {
    border: 1px solid #61a925;
    border-radius: 18px;
    color: #61a925;
    font-size: 12px;
    line-height: 36px;
    padding: 0 20px;
    text-transform: uppercase
}

.button:hover {
    background-color: #61a925;
    color: #ffffff
}

.button.full {
    background-color: #61a925;
    color: #ffffff
}

.button.email {
    background-image: url('../img/svg/email.svg');
    background-repeat: no-repeat;
    background-position: 20px 10px;
    background-position: 20px center;
    background-size: auto 40%;
    padding-left: 60px
}

@media all and (-ms-high-contrast: none) {
    .button.email {
        background-position: -10px center
    }
}

.carousel {
    min-height: 61.35417vw;
    overflow: hidden;
    position: relative
}

.carousel .track {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.carousel .slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 0 5vw;
    width: 100vw
}

.carousel .columns {
    text-align: left
}

.carousel nav {
    position: absolute;
    top: 55%;
    right: 0;
    left: 0;
    text-align: center
}

.carousel nav ul {
    display: inline-block
}

.carousel nav li {
    display: inline-block
}

.carousel nav a {
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    color: #505050;
    display: inline-block;
    padding: 15px 20px
}

.carousel nav a.active {
    background-color: #FF8D0C;
    color: #ffffff
}

.carousel nav a:hover {
    background-color: #EF6B00;
    color: #ffffff
}

.carousel nav a + a {
    border-left: none
}

@media screen and (max-width: 769px) {
    .carousel nav {
        display: none
    }
}

@media screen and (max-width: 500px) {
    .carousel {
        min-height: 100vw
    }
}

.contact-section > div {
    padding: 30px 0
}

.contact-section > div:first-of-type {
    padding-top: 0px
}

.contact-section div + div {
    border-top: solid 1px #222222
}

.contact-section h4 {
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 30px
}

.contact-section h5 {
    color: #ffffff;
    font-size: 0.875rem;
    margin: 30px 0 10px
}

.contact-section p {
    color: #ffffff
}

.contact-section .action-arrow {
    color: #61A925;
    margin: 5px 0 20px 0
}

.contact-section .address span {
    color: #ffffff;
    display: block
}

.contact-section .address + .action-arrow {
    display: block;
    margin-bottom: 1em
}

.contact-section .contact {
    color: #ffffff;
    font-size: 0.875rem;
    padding-left: 75px;
    position: relative
}

.contact-section .contact:before {
    position: absolute;
    top: 50%;
    left: 0;
    color: #ffffff;
    float: left;
    line-height: 0.875rem;
    margin-top: -7px
}

.contact-section .contact.contact-email a {
    color: #61A925
}

.contact-section .contact.contact-email:before {
    content: "Email"
}

.contact-section .contact.contact-fax:before {
    content: "Fax"
}

.contact-section .contact.contact-name:before {
    content: "Name"
}

.contact-section .contact.contact-phone:before {
    content: "Phone"
}

.contact-section .contact.contact-toll-free:before {
    content: "Toll Free"
}

.contact-section .contact + .contact {
    margin-top: 5px
}

.date span {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 2px 5px 0px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    display: block;
    font-size: 1.125rem;
    line-height: 1.4;
    overflow: hidden;
    text-align: center !important;
    width: 40px
}

.date span + span {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #f1f1f1;
    border-top: 0px;
    font-size: 0.75rem;
    text-indent: -1px;
    text-transform: uppercase
}

@media screen and (max-width: 769px) {
    .date span {
        font-size: 0.875rem;
        line-height: 1.125rem
    }
}

.module .date {
    position: absolute;
    top: 15px;
    left: 15px
}

.download:after {
    position: absolute;
    right: 15px;
    bottom: 15px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    content: '\e614';
    font-size: 0.5rem;
    text-align: right
}

.download.download--simple {
    border-bottom: solid 1px #222;
    padding: 15px 0 15px 30px
}

.download.download--simple:hover {
    color: #61A925
}

.download.download--simple:after {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    color: #61A925;
    display: block;
    margin-top: -8px
}

.download.download--simple span:last-of-type {
    display: inline-block;
    margin-left: 30px
}

.download.download--detailed {
    color: #ffffff;
    display: block;
    padding: 25px 0
}

.download.download--detailed:before {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    content: "\e603";
    float: left;
    font-size: 2rem;
    margin: 0 15px 15px 0
}

.download.download--detailed:after {
    content: ''
}

.download.download--detailed:hover:before {
    color: #61A925
}

.download.download--detailed span {
    display: block;
    font-size: 0.875rem;
    line-height: 1.4
}

.download.download--detailed span + span {
    color: #8e8e8e
}

.download.download--icon {
    border: solid 1px #ffffff;
    border-top-right-radius: 12px;
    padding: 15px 15px 40px 15px;
    width: 115px
}

.download.download--icon span {
    display: block
}

.download.download--icon span.corner {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    height: 12px;
    width: 12px
}

.download.download--icon span:nth-child(2) {
    margin-bottom: 10px
}

.download.download--icon:hover {
    border-color: #61A925
}

.download.download--icon:hover:after {
    color: #61A925
}

.download.download--icon:hover .corner {
    border-color: #61A925
}

.download--simple + .download--simple {
    border-top: none
}

@media screen and (min-width: 1100px) {
    .flex-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 18.21772%;
    }

    .flex-item:last-child {
        margin-right: 0
    }

    .flex-item:nth-of-type(5n) {
        margin-right: 0
    }
}

@media screen and (min-width: 900px) and (max-width: 1100px) {
    .flex-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 23.32912%;
    }

    .flex-item:last-child {
        margin-right: 0
    }

    .flex-item:nth-of-type(4n) {
        margin-right: 0px
    }
}

@media screen and (min-width: 650px) and (max-width: 900px) {
    .flex-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 31.8481%;
    }

    .flex-item:last-child {
        margin-right: 0
    }

    .flex-item:nth-of-type(3n) {
        margin-right: 0px
    }
}

@media screen and (min-width: 500px) and (max-width: 650px) {
    .flex-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 48.88608%;
    }

    .flex-item:last-child {
        margin-right: 0
    }

    .flex-item:nth-of-type(2n) {
        margin-right: 0px
    }
}

@media screen and (max-width: 500px) {
    .flex-item {
        width: 100%;
    }
}

form {
    box-sizing: border-box;
    display: block;
    width: calc(100% - 60px)
}

form .gform_fields li + li {
    margin-top: 10px
}

form input, form textarea, form select {
    outline: none
}

form input {
    box-sizing: border-box;
    border: solid 1px #d7d7d7;
    border-radius: 3px;
    display: block;
    font-size: 1rem;
    height: 45px;
    padding: 10px 8px 10px 20px;
    width: 100%
}

form textarea {
    color: #505050;
    font-size: 1rem;
    line-height: 1.25rem
}

form select {
    border: 0px;
    border-radius: 0px;
    display: block;
    font-size: 1rem;
    padding: 20px;
    -moz-appearance: none;
    -webkit-appearance: none
}

form select option {
    padding: 10px
}

form select:not([multiple]) {
    background-image: url("../img/select-arrow-down.png");
    background-repeat: no-repeat;
    background-position: 95% center;
    color: #505050
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    form select:not([multiple]) {
        background-image: url("../img/select-arrow-down_2x.png");
        background-size: 14px 7px;
    }
}

form button[type="submit"] {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #5b978e;
    color: #ffffff;
    border: solid 1px #ffffff;
    display: block;
    font-size: 0.875rem;
    height: 35px;
    width: 120px;
    z-index: 20
}

@media (max-width:767px){
    form button[type="submit"] {
       
        position: initial;
        width:100% !important;
    }
}

form button[type="submit"]:hover {
    background-color: #ffffff;
    color: #5b978e
}

::-webkit-input-placeholder {
    color: #505050
}

:-moz-placeholder {
    color: #505050
}

::-moz-placeholder {
    color: #505050
}

:-ms-input-placeholder {
    color: #505050
}

section.hero {
    box-sizing: content-box;
    min-height: 600px;
    position: relative
}

section.hero .wrapper {
    position: absolute;
    top: 18%;
    right: 0;
    bottom: 18%;
    left: 0
}

section.hero .headline {
    margin-bottom: 50px;
    overflow: auto
}

section.hero .headline p {
    max-width: 360px
}

section.hero .headline p br {
    display: none
}

section.hero h2 {
    color: #505050;
    font-size: 3.75rem;
    letter-spacing: -.2px;
    text-align: left
}

@media screen and (max-width: 500px) {
    section.hero h2 {
        font-size: 2.5rem;
    }
}

section.hero p {
    font-size: 1.25rem;
    margin: 20px 0 25px
}

section.hero i:after {
    color: #505050;
    display: block;
    font-family: 'icomoon';
    margin-bottom: 20px
}

section.hero a.button {
    border: solid 2px #505050;
    border-radius: 18px;
    float: left;
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding: 10px 20px 9px 20px;
    text-transform: uppercase
}

section.hero a.button:hover {
    background-color: rgba(255, 255, 255, 0.15)
}

@media screen and (max-width: 500px) {
    section.hero a.button {
        border: solid 1px #505050;
    }
}

section.hero .mobile-slides {
    display: none
}

section.hero.invert .headline h2, section.hero.invert .headline p, section.hero.invert .headline i, section.hero.invert .headline .button {
    border-color: #ffffff;
    color: #ffffff
}

@media screen and (max-width: 769px) {
    section.hero .wrapper {
        position: absolute;
        top: 13%;
        right: 0;
        bottom: 10%;
        left: 0
    }
}

@media screen and (max-width: 500px) {
    section.hero.no-video {
        min-height: 0
    }

    section.hero.no-video.scrolled .parallax {
        margin-left: -100vw
    }

    section.hero.no-video.scrolled .mobile-slides li a {
        background-color: #ffffff
    }

    section.hero.no-video.scrolled .mobile-slides li:first-of-type a {
        background-color: transparent
    }

    section.hero .wrapper {
        padding: 0 5%
    }

    section.hero .wrapper.parallax {
        padding: 0%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        width: 200vw
    }

    section.hero .wrapper.parallax .headline {
        position: absolute;
        top: 0;
        left: 2.5%;
        width: 45%
    }

    section.hero .wrapper.parallax .headline p {
        display: none
    }

    section.hero .wrapper.parallax .module {
        position: absolute;
        top: 0px;
        right: auto;
        bottom: auto;
        left: 52.5%;
        width: 45%
    }

    section.hero .mobile-slides {
        position: absolute;
        right: 50%;
        bottom: 40px;
        display: block;
        margin-right: -24px;
        width: 48px
    }

    section.hero .mobile-slides li {
        display: inline-block;
        float: left
    }

    section.hero .mobile-slides li a {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        width: 14px;
        height: 14px;
        background-color: transparent;
        border: solid 1px #ffffff;
        border-radius: 7px;
        display: block;
        margin: 5px
    }

    section.hero .mobile-slides li a:hover {
        background-color: #ffffff
    }

    section.hero .mobile-slides li:first-of-type a {
        background-color: #ffffff
    }

    section.hero h2 {
        font-size: 1.875rem;
        margin-bottom: 20px;
        text-align: center
    }

    section.hero .headline {
        text-align: center
    }

    section.hero .headline br {
        display: none
    }

    section.hero .headline .button {
        float: none
    }
}

.overlay {
    position: absolute;
    bottom: 0;
    background-size: 100% auto;
    background-position: center center;
    height: 0px;
    width: 100%
}

@media screen and (max-width: 500px) {
    .overlay {
        display: none;
    }
}

.overlay.blue-waves {
    margin-bottom: -16.8%;
    padding-bottom: 27.2%;
    background-image: url("../img/overlays/blue-waves-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .overlay.blue-waves {
        background-image: url("../img/overlays/blue-waves-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    .overlay.blue-waves {
        background-image: url("../img/overlays/blue-waves-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .overlay.blue-waves {
            background-image: url("../img/overlays/blue-waves-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    .overlay.blue-waves {
        background-image: url("../img/overlays/blue-waves-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .overlay.blue-waves {
            background-image: url("../img/overlays/blue-waves-phone_2x.png");
            background-size: cover;
        }
    }
}

body.language-ar.home .overlay {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.huna-module {
    margin: 0 5% 60px;
    box-shadow: 2px 2px 8px #bbb;
    height: 630px
}

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

.huna-module article, .huna-module .huna-form {
    float: left
}

.huna-module article {
    width: 67%;
    height: 100%;
    background-size: cover;
    position: relative
}

.huna-module .callout {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    background-color: #ffffff;
    padding: 30px
}

.huna-module .callout .title, .huna-module .callout .body {
    float: left;
    text-align: left;
    width: 50%
}

.huna-module .callout .title {
    padding-right: 30px
}

.huna-module .callout p {
    margin-bottom: 10px;
    margin-top: 0
}

.huna-form {
    width: 33%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 45px 35px;
    position: relative
}

.huna-form h3, .huna-form p {
    color: #ffffff;
    text-align: center
}

.huna-form h3 {
    font-size: 2.125rem;
    text-transform: uppercase
}

@media screen and (max-width: 500px) {
    .huna-form h3 {
        font-size: 28px;
    }
}

.huna-form p:first-of-type {
    font-size: 1.25rem;
    margin-top: 30px
}

.huna-form #gforms_confirmation_message {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    color: #ffffff
}

.huna-form .gform_wrapper form {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.huna-form .gform_wrapper .validation_message, .huna-form .gform_wrapper .validation_error {
    color: #ffffff;
    padding: 4px 0
}

.huna-form .gform_wrapper .gform_heading {
    color: #ffffff;
    padding-bottom: 30px
}

.huna-form .gform_wrapper .gform_body {
    float: left;
    width: 58%
}

.huna-form .gform_wrapper .gform_body label {
    display: none
}

.huna-form .gform_wrapper .gform_body input[type=email] {
    border-radius: 18px 0 0 18px;
    color: #505050;
    height: 36px;
    padding-right: 10px;
    width: 100%
}

.huna-form .gform_wrapper .gform_footer {
    float: left;
    width: 42%
}

.huna-form .gform_wrapper .gform_footer input[type=submit] {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 0 18px 18px 0;
    color: #ffffff;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

@media screen and (max-width: 769px) {
    .huna-module {
        height: auto
    }

    .huna-module article {
        width: 100%;
        height: 100vw
    }

    .huna-module .callout .title, .huna-module .callout .body {
        padding: 0;
        width: 100%
    }

    .huna-form {
        width: 100%;
        height: 100vw;
        background-position: top center
    }
}

@media screen and (max-width: 500px) {
    .huna-module {
        height: auto
    }

    .huna-module article {
        width: 100%;
        height: 150vw
    }

    .huna-module .callout .title, .huna-module .callout .body {
        padding: 0;
        width: 100%
    }

    .huna-form {
        width: 100%;
        height: 150vw
    }
}

.huna-module.huna-events h3 {
    font-family: 'zarid_serifregular';
    font-size: 2.5rem;
    text-transform: none
}

.huna-module.huna-events .huna-form {
    background-image: url('../img/huna/huna-events.jpg');
    background-size: cover;
    position: relative
}

.huna-module.huna-events .huna-form > p {
    display: none;
    font-size: 1rem;
    position: static
}

.huna-module.huna-events .huna-form > p:first-of-type {
    display: block
}

.huna-module.huna-events .huna-form .featured {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: -15px;
    background-color: #ffffff;
    box-shadow: -3px 0px 12px -3px #ddd;
    padding: 20px 0
}

.huna-module.huna-events .huna-form .featured:after {
    content: "";
    display: table;
    clear: both
}

.huna-module.huna-events .huna-form .featured > div {
    padding: 0 20px;
    position: relative
}

.huna-module.huna-events .huna-form .featured > div .featured-date {
    color: #505050;
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase
}

.huna-module.huna-events .huna-form .featured > div .featured-date span {
    padding: 0 2px
}

.huna-module.huna-events .huna-form .featured > div h4 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin: 15px 0
}

.huna-module.huna-events .huna-form .featured > span {
    position: absolute;
    bottom: -15px;
    left: 0;
    display: block;
    height: 0;
    width: 0;
    border-right: solid 15px #bc1947;
    border-bottom: solid 15px #ffffff
}

.huna-module.huna-events article {
    background-image: url("../img/huna/huna-events-2-browser.jpg");
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .huna-module.huna-events article {
        background-image: url("../img/huna/huna-events-2-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    .huna-module.huna-events article {
        background-image: url("../img/huna/huna-events-2-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .huna-module.huna-events article {
            background-image: url("../img/huna/huna-events-2-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

.huna-module.huna-events article .event-list {
    position: absolute;
    bottom: 30px;
    padding: 0 35px;
    width: 100%
}

.huna-module.huna-events article .event-list:after {
    content: "";
    display: table;
    clear: both
}

.huna-module.huna-events article .event-list a {
    background-color: #ffffff;
    display: block;
    padding: 20px 20px 40px 20px;
    position: relative
}

.huna-module.huna-events article .event-list a:after {
    content: "";
    display: table;
    clear: both
}

.huna-module.huna-events article .event-list a:hover {
    background: #f5f5f5
}

.huna-module.huna-events article .event-list a + a {
    border-left: solid 1px #e4e4e4
}

.huna-module.huna-events article .event-list h4, .huna-module.huna-events article .event-list p, .huna-module.huna-events article .event-list span {
    font-size: 0.875rem;
    line-height: 1.25;
    text-align: left
}

.huna-module.huna-events article .event-list h4 {
    clear: both
}

.huna-module.huna-events article .event-list p {
    margin: 5px 0;
    line-height: 18px
}

.huna-module.huna-events article .event-list .action-arrow {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #e14f70
}

.huna-module.huna-events article .event-list .action-arrow:after, .huna-module.huna-events article .event-list .action-arrow:before {
    color: #e14f70
}

.huna-module.huna-events article .event-list .date {
    float: left;
    margin-bottom: 15px
}

.huna-module.huna-events article .event-list .date + span {
    display: block;
    float: left;
    line-height: 48px;
    padding: 0 8px
}

@media screen and (max-width: 950px) {
    .huna-module.huna-events {
        height: auto;
    }

    .huna-module.huna-events .huna-form, .huna-module.huna-events article {
        width: 100%;
        height: auto
    }

    .huna-module.huna-events .huna-form h3 {
        margin-bottom: 30px;
        text-align: left
    }

    .huna-module.huna-events .huna-form h3 + p {
        float: right;
        font-size: 1rem;
        margin-top: 0;
        text-align: left;
        width: 44%
    }

    .huna-module.huna-events .huna-form .featured {
        position: static;
        width: 52%
    }

    .huna-module.huna-events article {
        min-height: 630px
    }
}

@media screen and (min-width: 675px) {
    .huna-module.huna-events article .event-list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        box-align: stretch;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        -o-align-items: stretch;
        align-items: stretch;
        -ms-flex-align: stretch
    }

    .huna-module.huna-events article .event-list a {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (max-width: 675px) {
    .huna-module.huna-events .huna-form h3 + p, .huna-module.huna-events .huna-form .featured {
        width: 100%;
        float: none
    }

    .huna-module.huna-events .huna-form .featured {
        clear: both
    }

    .huna-module.huna-events article {
        background-size: auto 440px;
        background-position: center top;
        height: auto;
        min-height: 0
    }

    .huna-module.huna-events article .event-list {
        padding: 240px 0px 0px 0px;
        position: static
    }

    .huna-module.huna-events article .event-list a {
        width: 100%;
        position: relative
    }

    .huna-module.huna-events article .event-list a + a {
        border: none;
        border-top: solid 1px #e4e4e4
    }
}

@media screen and (max-width: 450px) {
    .huna-module.huna-events .huna-form .featured > div {
        width: 100%
    }
}

.module {
    position: absolute;
    bottom: 0px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 621px
}

.module.slider {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: none;
    overflow: hidden;
    width: auto
}

.module.no-delay-open {
    max-height: 600px;
    opacity: 1
}

.module article {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    width: 207px;
    height: 125px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    float: left;
    padding: 15px;
    position: relative
}

.module article:after {
    content: "";
    display: table;
    clear: both
}

.module article:hover {
    background-color: #f7f7f7
}

.module article a {
    display: block;
    padding: 15px;
    overflow: hidden
}

.module article h3 {
    font-size: 0.875rem;
    line-height: 1.25
}

.module article p.blurb {
    display: none;
    margin: 10px 0
}

.module article .content {
    float: left;
    margin-left: 55px;
    width: 115px
}

.module article a.read-more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.module article a.read-more span {
    position: absolute;
    bottom: 15px;
    left: 70px;
    -webkit-transition: all, 0.35s;
    -moz-transition: all, 0.35s;
    transition: all, 0.35s;
    color: #61A925;
    display: inline-block;
    font-size: 0.875rem
}

.module article a.read-more span:hover {
    color: #000
}

.module article a.read-more span:hover:after {
    color: #000
}

.module article.featured {
    width: 621px;
    height: auto;
    background-color: #61A925;
    border: none
}

.module article.featured:hover {
    background-color: #5a9c22
}

.module article.featured h3 {
    font-size: 1.375rem;
    letter-spacing: -.25px;
    line-height: 1.15
}

.module article.featured h3, .module article.featured p {
    color: #ffffff
}

.module article.featured p {
    font-size: 0.75rem
}

.module article.featured p.blurb {
    display: block;
    margin-bottom: 25px
}

.module article.featured .content {
    width: 370px
}

.module article.featured .media {
    width: 150px;
    height: 100px;
    background-size: 100% auto;
    background-position: center center;
    float: right
}

.module article.featured .action span {
    color: #505050;
    left: 70px;
    right: auto
}

.module article.featured .action span:after {
    color: #505050
}

.module .slider-controls {
    display: none
}

.module .tag {
    display: none
}

@media screen and (min-width: 769px) {
    .module {
        border-bottom: solid 1px #e6e6e6;
    }

    .module article:not(.featured) + article {
        border-left: none
    }
}

@media screen and (max-width: 769px) {
    .module {
        position: absolute;
        top: auto;
        bottom: 0;
        width: 90%;
    }

    .module article {
        float: none;
        height: auto;
        position: relative;
        width: 100%
    }

    .module article h3 {
        display: table-cell;
        font-size: 1rem;
        height: 40px;
        vertical-align: middle
    }

    .module article .content {
        float: none;
        padding-right: 40px;
        width: auto
    }

    .module article .content .blurb {
        margin-bottom: 0px
    }

    .module article.featured {
        width: auto;
        height: auto
    }

    .module article.featured h3 {
        display: block;
        font-size: 1rem;
        height: auto
    }

    .module article.featured p.blurb {
        font-size: 0.875rem
    }

    .module article.featured .content {
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 0;
        width: auto
    }

    .module article.featured .media {
        display: none
    }

    .module article.featured .action {
        display: block
    }

    .module article:not(.featured) .read-more span {
        display: none
    }

    .module article:not(.featured) .read-more:after {
        content: '\e614';
        color: #61A925;
        display: inline-block;
        font-family: 'icomoon';
        font-size: 0.75rem;
        height: 16px;
        margin-top: -5px;
        opacity: 1;
        position: absolute;
        right: 15px;
        top: 50%
    }

    .module article + article {
        border-left: solid 1px #e6e6e6
    }
}

.spirals {
    background-color: #3c3c3c;
    background-image: url("../img/about/overlay/spirals-browser.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .spirals {
        background-image: url("../img/about/overlay/spirals-browser_2x.jpg");
        background-size: 100% auto;
    }
}

.standard-header {
    color: #ffffff;
    padding-top: 70px;
    text-align: center
}

.standard-header h1 {
    font-size: 1.5rem
}

.standard-header p {
    color: #ffffff;
    font-size: 0.875rem
}

.standard-header a {
    color: #ffffff
}

.standard-header h1, .standard-header p {
    margin: 5px auto;
    max-width: 350px
}

.standard-header .flex-sub-menu {
    margin-top: 65px;
    padding-bottom: 15px;
    border-bottom: solid 1px #222222;
    text-align: center
}

.standard-header .flex-sub-menu a {
    color: #d0d0d0;
    display: inline-block;
    margin: 0 25px;
    padding: 10px 0;
    text-transform: uppercase
}

.standard-header .flex-sub-menu a:hover {
    color: #ffffff
}

@media screen and (max-width: 500px) {
    .standard-header .flex-sub-menu a {
        margin: 0;
        text-align: center;
        width: 100%
    }
}

nav.flex-menu, ul.flex-menu {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

nav.flex-menu .stretch, ul.flex-menu .stretch {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    text-align: center;
    text-transform: uppercase
}

nav.centered span, ul.centered span {
    border-top: solid 5px transparent;
    display: inline-block;
    height: 100%;
    text-align: center
}

nav.sub-menu, ul.sub-menu {
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 0.875rem;
    height: 40px;
    padding: 0 25%;
    text-transform: uppercase;
    width: 100%
}

nav.sub-menu a, ul.sub-menu a {
    color: #ffffff;
    line-height: 40px
}

nav.sub-menu.open, ul.sub-menu.open {
    bottom: -40px
}

nav.sub-menu.live, ul.sub-menu.live {
    background-color: #FF8D0C
}

nav.sub-menu.work, ul.sub-menu.work {
    background-color: #5B978E
}

nav.sub-menu.invest, ul.sub-menu.invest {
    background-color: #2B4462
}

nav.sub-menu.visit, ul.sub-menu.visit {
    background-color: #DF3A62
}

nav.sub-menu.about, ul.sub-menu.about {
    background-color: #61a925
}

.pagination {
    clear: both
}

.pagination li {
    padding: 10px 0
}

.pagination li:first-of-type {
    float: right
}

.pagination li:first-of-type a:after {
    content: "\e614";
    margin-left: 8px
}

.pagination li:last-of-type {
    float: left
}

.pagination li:last-of-type a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "\e614";
    margin-right: 8px
}

.pagination li a {
    font-size: 0.875rem
}

.pagination li a:hover {
    color: #61A925
}

.pagination li a:after, .pagination li a:before {
    display: inline-block;
    font-family: 'icomoon';
    font-size: 0.625rem
}

section.news-list {
    padding-top: 40px;
    padding-bottom: 160px
}

section.news-list h3 a {
    color: #505050;
    display: inline-block;
    margin-left: 20px;
    text-transform: lowercase
}

section.news-list h3 a:after {
    color: #505050;
    font-size: 0.5rem;
    top: 0
}

section.news-list h3 a:hover {
    color: #61A925
}

section.news-list h3 a:hover:after {
    color: #61A925
}

section.news-list.pr-list {
    background-color: #e4e4e4;
    position: relative
}

@media screen and (max-width: 500px) {
    section.news-list {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.news-item {
    float: left;
    padding: 20px 10px 0px 0
}

.news-item span {
    color: #8e8e8e;
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem
}

.news-item span:last-of-type {
    color: #61A925
}

.news-item h4 {
    color: #ffffff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 10px
}

@media screen and (min-width: 500px) {
    .news-item h4 {
        min-height: 100px
    }
}

.press-release.pr-widget {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 30px
}

.press-release.pr-widget .container {
    padding-bottom: 15px
}

.press-release.pr-widget .banner {
    background-size: 100% auto;
    height: 105px;
    width: 100%
}

.press-release.pr-widget .date {
    float: left;
    margin: 15px 0 0 15px
}

.press-release.pr-widget h3, .press-release.pr-widget h3 + span {
    margin-top: 15px;
    padding: 0 15px 0 70px
}

.press-release.pr-widget h3 {
    color: #505050 !important;
    font-weight: normal !important;
    font-size: 0.875rem !important;
    line-height: 1.3;
    height: 100px;
    text-transform: none !important
}

@media screen and (max-width: 500px) {
    .press-release.pr-widget h3 {
        height: 40px;
    }
}

.press-release.pr-widget h3 + span {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #61A925;
    font-size: 0.875rem
}

.press-release.pr-widget h3 + span:hover {
    color: #505050
}

.press-release.pr-widget h3 + span:hover:after {
    color: #505050
}

html.touch body.blur .slider {
    background-color: rgba(0, 0, 0, 0.55)
}

html.touch body.blur .slider-inner article {
    background-color: #bbb;
    opacity: 1
}

html.touch body.blur .slider-inner article.focused {
    background: #ffffff
}

html.no-touch body.blur header, html.no-touch body.blur footer, html.no-touch body.blur main {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='10'%20/></filter></svg>#blur");
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.no-touch body.blur .slider {
    background-color: rgba(0, 0, 0, 0.15)
}

@media all and (-ms-high-contrast: none) {
    html.no-touch body.blur .slider {
        background-color: rgba(0, 0, 0, 0.55);
    }
}

html.no-touch body.blur .slider-inner article {
    background: rgba(255, 255, 255, 0.6);
    opacity: .4
}

html.no-touch body.blur .slider-inner article.focused {
    background: #ffffff;
    opacity: 1
}

body.blur header, body.blur footer, body.blur main {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

body.blur .scroll-nav, body.blur .tag {
    display: none
}

body.blur .slider {
    display: block;
    min-height: 768px
}

body.blur .slider-inner {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
    transition: all 0.45s;
    margin-left: 4vw
}

body.blur .slider-inner.selected {
    display: block
}

body.blur .slider-inner article {
    display: block
}

body.blur .slider-inner article.focused {
    opacity: 1
}

@media screen and (max-width: 769px) {
    body.blur .slider-inner {
        overflow: visible;
    }

    body.blur .slider-inner .content {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    body.blur .slider-inner .content h2 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media screen and (min-width: 769px) {
    body.blur .slider-inner .content {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media screen and (min-width: 500px) {
    body.blur .slider-inner {
        height: 576px;
        margin-top: -288px;
    }
}

@media screen and (max-width: 500px) {
    body.blur .slider-inner {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin-top: 0;
        max-height: none;
    }

    body.blur .slider-inner article {
        margin-top: 50px
    }

    body.blur .slider-inner .tag {
        display: block
    }

    body.blur .slider-inner .social {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}

body.blur .slider-controls {
    display: block
}

.slider {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none
}

.slider .slider-inner {
    display: none
}

.slider article {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    display: none;
    float: left;
    height: 100%;
    padding: 40px 60px 70px 0px;
    position: relative;
    width: 82vw
}

.slider article.focused {
    background: #ffffff
}

.slider article.focused .tag {
    display: block
}

.slider article .date {
    position: absolute;
    top: 25px;
    left: 25px
}

.slider article .social {
    position: absolute;
    top: 100px;
    left: 25px
}

.slider article .social a {
    display: block;
    margin-bottom: 15px
}

.slider article .content {
    height: 100%;
    margin: 0 auto;
    max-width: 850px;
    overflow: hidden;
    padding: 30px 30px 0px 90px
}

.slider article .content h2 {
    font-size: 1.875rem;
    line-height: 2.125rem;
    margin-bottom: 30px;
    text-align: left
}

.slider article .content a.slider-link {
    color: #61A925;
    display: block;
    padding-top: 20px
}

.slider article .content a.slider-link:hover {
    color: #1f2028
}

.slider article .content a.slider-link:hover:after {
    color: #1f2028
}

.slider button {
    border-color: #ffffff;
    color: #ffffff;
    display: block;
    float: none;
    margin: 30px auto
}

.slider button:after {
    content: "\e60f";
    font-family: 'icomoon';
    font-size: 1.875rem;
    padding-left: 0
}

.slider button:hover {
    border-color: #54968d;
    color: #54968d
}

.slider button.mobile-close {
    display: none
}

.slider .slide-button {
    display: block;
    min-height: 768px;
    width: 9vw;
    z-index: 300
}

.slider .slide-button.right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}

.slider .slide-button.left {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider .slide-button:after {
    position: absolute;
    top: 50%;
    color: #505050;
    content: '\e614';
    display: block;
    font-family: 'icomoon';
    font-size: 1rem;
    line-height: 576px;
    height: 576px;
    margin-top: -288px;
    text-align: center;
    width: 100%
}

.slider .slide-button:hover:after {
    color: #ffffff
}

@media screen and (min-width: 500px) {
    .slider .overflow-wrapper {
        float: left;
        height: 100%;
        max-width: 82vw
    }

    .slider .overflow-wrapper:nth-child(1) {
        max-width: 87vw
    }

    .slider .overflow-wrapper:nth-child(1) article {
        margin-left: 5vw
    }
}

@media screen and (max-width: 500px) {
    .slider .overflow-wrapper {
        float: left;
        height: 100vh;
        position: relative;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        width: 100vw
    }

    .slider .overflow-wrapper * {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }

    .slider article {
        float: none;
        height: auto;
        margin: 50px 7vw 0 7vw !important;
        max-height: none;
        padding-bottom: 15px;
        padding-right: 0px;
        width: 86vw
    }

    .slider article.focused {
        height: auto
    }

    .slider article .date {
        top: 20px;
        left: 20px
    }

    .slider article .content {
        margin-top: 10px;
        padding: 30px 20px 20px 20px
    }

    .slider button {
        display: none
    }

    .slider button.mobile-close {
        display: block;
        margin-bottom: 80px
    }

    .slider .slide-button {
        display: none !important
    }

    .slider .social {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 20px 0 20px 25px;
        overflow: auto
    }

    .slider .social a {
        display: block;
        float: left;
        margin-right: 15px
    }
}

@media screen and (min-width: 500px) {
    html.touch .slider-inner .tag {
        min-height: 100px;
        max-width: 105px
    }

    html.touch .slider-inner .tag.active {
        max-width: 450px
    }

    html.touch .slider-inner .tag.active p {
        display: block
    }
}

@media screen and (min-width: 500px) {
    html.no-touch .slider-inner .tag {
        min-height: 100px;
        max-width: 105px
    }

    html.no-touch .slider-inner .tag:hover {
        max-width: 450px
    }

    html.no-touch .slider-inner .tag:hover p {
        display: block
    }
}

.slider-inner .tag {
    position: absolute;
    bottom: 30px;
    left: -15px;
    background-color: #60aa3a;
    display: block;
    min-height: 100px;
    max-height: 120px;
    opacity: 0;
    padding: 20px;
    -moz-transform: translateZ(0)
}

.slider-inner .tag h2 {
    float: left;
    margin: 0;
    text-align: left;
    width: 55px
}

.slider-inner .tag h2:before {
    content: "KAEC";
    display: block
}

.slider-inner .tag h2:after {
    color: #ffffff;
    content: '\e614';
    display: block;
    font-family: 'icomoon';
    font-size: 10px;
    margin-top: 1px;
    opacity: .8
}

.slider-inner .tag h2, .slider-inner .tag p {
    color: #ffffff;
    font-size: 0.875rem;
    line-height: 1.125rem
}

.slider-inner .tag p {
    display: none;
    height: 70px;
    min-width: 420px;
    padding-left: 100px
}

.slider-inner .tag span {
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 0;
    width: 0;
    border-top: 15px solid #61A925;
    border-left: 15px solid transparent
}

@media screen and (max-width: 769px) {
    .slider-inner .tag {
        position: absolute;
        bottom: 30px;
        left: -15px;
        max-width: 105px;
    }
}

@media screen and (max-width: 500px) {
    .slider-inner .tag {
        position: relative;
        bottom: auto;
        left: -15px;
        margin-bottom: 0px;
        max-height: none;
        max-width: none;
    }

    .slider-inner .tag h2 {
        float: none;
        margin-bottom: 10px;
        width: auto
    }

    .slider-inner .tag h2:before, .slider-inner .tag h2:after {
        display: inline-block
    }

    .slider-inner .tag h2:before {
        margin-right: 4px
    }

    .slider-inner .tag h2:after {
        margin-left: 3px;
        position: relative;
        top: 3px
    }

    .slider-inner .tag p {
        display: block;
        height: auto;
        min-width: 0;
        padding-left: 0px;
        width: auto
    }
}

.slider-inner .tag:hover {
    background-color: #45973b
}

.slider-inner .tag:active {
    background-color: #60aa3a
}

.slider-inner .tag.live {
    background-color: #f08b1f
}

.slider-inner .tag.live:hover {
    background-color: #ea6c20
}

.slider-inner .tag.live:active {
    background-color: #f08b1f
}

.slider-inner .tag.work {
    background-color: #5a978e
}

.slider-inner .tag.work:hover {
    background-color: #2e5051
}

.slider-inner .tag.work:active {
    background-color: #5a978e
}

.slider-inner .tag.invest {
    background-color: #2a4562
}

.slider-inner .tag.invest:hover {
    background-color: #173353
}

.slider-inner .tag.invest:active {
    background-color: #2a4562
}

.slider-inner .tag.visit {
    background-color: #e03963
}

.slider-inner .tag.visit:hover {
    background-color: #bc1947
}

.slider-inner .tag.visit:active {
    background-color: #e03963
}

.ticker-module {
    position: absolute;
    top: 0px;
    right: 5%;
    border: solid 1px #222;
    border-radius: 15px;
    width: 180px
}

.ticker-module div {
    padding: 15px
}

.ticker-module div span:last-child {
    display: inline-block;
    margin-left: 10px
}

.ticker-module div:nth-child(1) {
    color: #ffffff;
    font-size: 0.875rem
}

.ticker-module div:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #222;
    font-size: 1.125rem
}

.ticker-module div:last-child:before {
    content: ""
}

.ticker-module div:last-child.up {
    color: #60dc5d
}

.ticker-module div:last-child.down {
    color: red
}

.ticker-module div #change-val.up, .ticker-module div #change-per.up {
    color: #60dc5d
}

.ticker-module div #change-val.down, .ticker-module div #change-per.down {
    color: red
}

.ticker-module div #change-val.up:before {
    content: "\2191";
    margin-right: 2px
}

.ticker-module div #change-val.down:down {
    content: "\2193";
    margin-right: 2px
}

.ticker-module div #change-per.up:before {
    content: "+"
}

.ticker-module div #change-per.down:down {
    content: "-"
}

.ticker-module div.update-time {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.55s;
    -moz-transition: all 0.55s;
    transition: all 0.55s;
    background-color: #343434;
    border: solid 1px #222;
    border-top: none;
    color: #8e8e8e;
    font-size: 0.75rem;
    max-height: 45px;
    padding-top: 15px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    z-index: -1
}

.ticker-module div.update-time span {
    margin-left: 0px
}

.ticker-module.active .update-time {
    bottom: -50px;
    max-height: 56px
}

@media screen and (max-width: 900px) {
    .ticker-module {
        display: none;
    }
}

.rtl .ticker-module {
    position: absolute;
    top: 0px;
    right: auto;
    left: 5%
}

.featured-video h4, .video-list h4 {
    color: #ffffff
}

.featured-video {
    margin-top: 15px
}

.featured-video h4 {
    font-size: 2rem;
    margin: 0px 0 15px
}

@media screen and (max-width: 500px) {
    .featured-video h4 {
        display: none
    }
}

.video-list {
    margin-top: 50px
}

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

.video-list a {
    display: block
}

.video-list h4 {
    font-size: 1rem;
    margin: 8px 0
}

.video-list p {
    color: #8e8e8e
}

.video-list .vid-thumb {
    margin-bottom: 20px
}

.video-list .vid-thumb.active .video-frame div {
    display: block
}

.video-list .vid-thumb.active .video-frame div span {
    display: block;
    font-size: 0.625rem
}

@media screen and (min-width: 769px) {
    .video-list a {
        float: left;
        display: block;
        margin-right: 5.51897%;
        width: 15.58483%
    }

    .video-list a:last-child {
        margin-right: 0
    }

    .video-list .vid-thumb:nth-child(5n) {
        margin-right: 0
    }
}

@media screen and (min-width: 500px) and (max-width: 769px) {
    .video-list a {
        float: left;
        display: block;
        margin-right: 9.54964%;
        width: 26.96691%
    }

    .video-list a:last-child {
        margin-right: 0
    }

    .video-list .vid-thumb:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 500px) {
    .video-list a {
        float: left;
        display: block;
        margin-right: 15.04272%;
        width: 42.47864%
    }

    .video-list a:last-child {
        margin-right: 0
    }

    .video-list .vid-thumb:nth-child(2n) {
        margin-right: 0
    }
}

.video-frame {
    background-size: cover;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.video-frame div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #61A925;
    display: none;
    height: 100%;
    opacity: .7;
    width: 100%
}

.video-frame div span {
    position: absolute;
    top: 50%;
    display: none;
    color: #ffffff;
    font-size: 0.875rem;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    opacity: 1;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

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

.video-container .frame {
    height: 0;
    padding-bottom: 56.25%;
    width: 100vw
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    height: auto;
    width: 100%;
    min-width: 100%;
    min-height: 100%
}

.video-container .text {
    position: absolute;
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%
}

.video-container .text p {
    color: #61A925;
    font-size: 5vw;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase
}

.video-container .text p:last-child {
    color: #293380
}

.video-container .text span {
    display: inline-block;
    font-family: inherit;
    opacity: 0;
    padding-right: 1vw
}

@media screen and (min-width: 769px) {
    .video-container {
        min-height: 619px;
    }

    .video-container .video-inner {
        position: relative;
        right: 50%;
        float: right
    }

    .video-container .frame {
        position: relative;
        right: -50%;
        min-height: 619px;
        min-width: 1100px;
        width: 100vw
    }
}

@media screen and (max-width: 769px) {
    .video-container .frame {
        position: absolute;
        top: 0;
        left: 0
    }

    .video-container iframe {
        width: 100%
    }
}

.touch .video-container .text {
    display: none
}

.vjs-default-skin .vjs-big-play-button {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border: none !important;
    border-radius: 50% !important;
    height: 2em !important;
    left: 50% !important;
    margin-left: -1em !important;
    top: 2em;
    width: 2em !important
}

.vjs-default-skin .vjs-big-play-button:before {
    color: #fff;
    line-height: 2 !important;
    text-shadow: none !important
}

.vjs-default-skin .vjs-control-bar {
    top: 0;
    bottom: auto
}

header {
    background-color: #ffffff;
    overflow: visible;
    position: relative;
    width: 100%
}

header .slide-menu {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    background-color: #505050;
    color: #ffffff;
    max-height: 0px;
    overflow: hidden
}

header .slide-menu.open {
    max-height: 365px
}

header .slide-menu a {
    color: #ffffff;
    display: block
}

header .slide-menu a:hover {
    color: #61A925
}

header .slide-menu .internal {
    float: left;
    height: 370px
}

header .slide-menu .internal:nth-child(1) {
    width: 20.5%
}

header .slide-menu .internal:nth-child(1) > a, header .slide-menu .internal:nth-child(1) .social {
    padding-left: 24%
}

header .slide-menu .internal:nth-child(1) > a {
    border-bottom: solid 1px #636363
}

header .slide-menu .internal:nth-child(1) .social {
    overflow: auto
}

header .slide-menu .internal:nth-child(1) .social a {
    float: left;
    margin: 15px 15px 0px 0
}

header .slide-menu .internal:nth-child(1) .social a.ig {
    clear: left
}

header .slide-menu .internal:nth-child(1) .social a:after {
    color: #ffffff
}

header .slide-menu .internal:nth-child(1) .social a:hover:after {
    color: #61A925
}

header .slide-menu .internal:nth-child(2) {
    width: 21.5%
}

header .slide-menu .internal:nth-child(3) {
    background-image: url("../img/location.png");
    background-size: cover;
    background-position: center center;
    padding: 0 !important;
    width: 25%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    header .slide-menu .internal:nth-child(3) {
        background-image: url("../img/location_2x.png");
        background-size: cover;
    }
}

header .slide-menu .internal:nth-child(3) a {
    width: 100%;
    height: 100%;
    padding: 0px 20px 0px 25px
}

header .slide-menu .internal:nth-child(4) {
    padding-right: 5%;
    width: 33%
}

header .slide-menu .internal .action {
    font-size: 1.0625rem;
    line-height: 80px;
    text-transform: uppercase
}

header .slide-menu .internal .action:after {
    top: -1px
}

header .slide-menu .internal + .internal {
    border-left: solid 1px #636363;
    padding-left: 25px
}

header .slide-menu ul:before {
    content: "Quicklinks";
    display: block;
    font-size: 0.875rem
}

header .slide-menu ul a {
    font-size: 0.875rem;
    margin-top: 25px;
    position: relative
}

header .slide-menu ul a span {
    text-decoration: underline
}

header .slide-menu ul a[download]:before {
    position: absolute;
    left: -20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    content: "\2192";
    display: block
}

header .slide-menu button {
    position: absolute;
    top: 24px;
    right: 5%;
    z-index: 10
}

header .slide-menu button:hover i {
    color: #61A925
}

header .slide-menu button i {
    color: #ffffff;
    font-size: 1.625rem
}

header .open + .standard-menu .slide, header .open + .standard-menu .circle-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

header .standard-menu {
    background-color: #ffffff;
    position: relative;
    width: 100%
}

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

header .standard-menu .wrapper {
    position: relative
}

header .standard-menu a.logo {
    background-image: url("../img/logo-sprites.png");
    background-repeat: no-repeat;
    background-position: 0px -61px;
    display: block;
    height: 62px;
    float: left;
    margin-top: 19px;
    padding: 10px 0;
    width: 140px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    header .standard-menu a.logo {
        background-image: url("../img/logo-sprites_2x.png");
        background-size: 162px 122px;
    }
}

header .standard-menu #lang_sel_list a {
    font-size: 0.875rem;
    line-height: 2rem
}

header .standard-menu #lang_sel_list a.lang_sel_sel {
    display: none !important;
    color: #61A925
}

header .standard-menu #lang_sel_list a.lang_sel_other {
    margin-left: 10px
}

header .standard-menu #lang_sel_list ul:after {
    content: "";
    display: table;
    clear: both
}

header .standard-menu div[role="radiogroup"] {
    display: inline-block;
    float: right;
    margin-top: 38px;
    padding-right: 60px
}

header .standard-menu div[role="radiogroup"]:after {
    content: "";
    display: table;
    clear: both
}

header .standard-menu button.circle-arrow {
    position: absolute;
    top: 35px;
    right: 5%;
    width: 33px;
    height: 33px;
    padding: 0
}

header .standard-menu button.circle-arrow:hover {
    color: #54968d
}

header nav.centered {
    padding: 0 6% 0 8%;
    height: 100px;
    float: left;
    width: 60%
}

header nav.centered div {
    cursor: pointer;
    line-height: 100px
}

header nav.centered div:hover.live, header nav.centered div.current.live {
    color: #FF8D0C
}

header nav.centered div:hover.live span, header nav.centered div.current.live span {
    border-color: #FF8D0C;
    color: #FF8D0C
}

header nav.centered div:hover.work, header nav.centered div.current.work {
    color: #5B978E
}

header nav.centered div:hover.work span, header nav.centered div.current.work span {
    border-color: #5B978E;
    color: #5B978E
}

header nav.centered div:hover.invest, header nav.centered div.current.invest {
    color: #2B4462
}

header nav.centered div:hover.invest span, header nav.centered div.current.invest span {
    border-color: #2B4462;
    color: #2B4462
}

header nav.centered div:hover.visit, header nav.centered div.current.visit {
    color: #DF3A62
}

header nav.centered div:hover.visit span, header nav.centered div.current.visit span {
    border-color: #DF3A62;
    color: #DF3A62
}

header nav.centered div:hover.about, header nav.centered div.current.about {
    color: #61a925
}

header nav.centered div:hover.about span, header nav.centered div.current.about span {
    border-color: #61a925;
    color: #61a925
}

@media screen and (min-width: 769px) {
    header nav.centered .show-mobile {
        display: none
    }

    header nav.centered button {
        display: none
    }

    header nav.centered div:hover ul {
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
        max-height: 40px
    }

    header nav.centered div.live ul {
        background-color: #FF8D0C
    }

    header nav.centered div.work ul {
        background-color: #5B978E
    }

    header nav.centered div.invest ul {
        background-color: #2B4462
    }

    header nav.centered div.visit ul {
        background-color: #DF3A62
    }

    header nav.centered div.about ul {
        background-color: #61a925
    }

    header nav.centered ul {
        position: absolute;
        top: 100px;
        left: 0;
        display: block;
        height: 40px;
        max-height: 0px;
        overflow: auto;
        text-align: center;
        width: 100%
    }

    header nav.centered li {
        display: inline-block;
        height: 100%;
        line-height: 40px;
        vertical-align: top
    }

    header nav.centered li a {
        color: rgba(255, 255, 255, 0.7);
        display: block;
        line-height: 40px;
        padding: 0 25px
    }

    header nav.centered li a:hover {
        color: #ffffff
    }
}

@media screen and (max-width: 769px) {
    header {
        height: auto;
        overflow: hidden;
    }

    header .slide-menu {
        display: none
    }

    header .standard-menu a.logo {
        position: absolute;
        bottom: 14px;
        left: 5%
    }

    header .standard-menu div[role="radiogroup"] {
        clear: both;
        display: block;
        height: 90px;
        margin-top: 0px;
        padding-right: 20%;
        text-align: right;
        width: 100%
    }

    header .standard-menu #lang_sel_list.lang_sel_list_horizontal {
        float: right;
        height: 30px;
        margin-top: 30px
    }

    header .standard-menu #lang_sel_list.lang_sel_list_horizontal .lang_sel_sel {
        display: none !important
    }

    header .standard-menu button.circle-arrow {
        position: absolute;
        top: auto;
        right: 5%;
        bottom: 29px;
        width: 33px;
        height: 33px;
        padding: 0
    }

    header .wrapper {
        padding: 0
    }

    header nav.centered {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        display: block;
        height: auto;
        max-height: 0px;
        overflow: hidden;
        padding: 0;
        width: 100%
    }

    header nav.centered.open {
        max-height: 630px
    }

    header nav.centered div {
        color: #ffffff;
        line-height: 55px;
        padding: 0;
        position: relative
    }

    header nav.centered div ul {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        max-height: 0;
        overflow: hidden
    }

    header nav.centered div ul a {
        width: 100%;
        height: 100%;
        display: block;
        float: none;
        font-size: 1rem;
        line-height: 40px
    }

    header nav.centered div ul a span {
        border: none;
        font-size: 1.375rem;
        line-height: 60px;
        text-align: center;
        text-transform: uppercase
    }

    header nav.centered div span, header nav.centered div a {
        color: #ffffff !important
    }

    header nav.centered div span {
        font-size: 1.375rem
    }

    header nav.centered div button {
        position: absolute;
        top: 13px;
        right: 5%;
        width: 33px;
        height: 33px;
        color: #ffffff;
        padding: 0px
    }

    header nav.centered div button.open {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    header nav.centered div button.open + ul {
        max-height: 320px
    }

    header nav.centered div.live {
        background-color: #FF8D0C
    }

    header nav.centered div.live li {
        background-color: #e77b00;
        border-top: solid 1px #FF8D0C
    }

    header nav.centered div.work {
        background-color: #5B978E
    }

    header nav.centered div.work li {
        background-color: #4e8179;
        border-top: solid 1px #5B978E
    }

    header nav.centered div.invest {
        background-color: #2B4462
    }

    header nav.centered div.invest li {
        background-color: #203349;
        border-top: solid 1px #2B4462
    }

    header nav.centered div.visit {
        background-color: #DF3A62
    }

    header nav.centered div.visit li {
        background-color: #d3224d;
        border-top: solid 1px #DF3A62
    }

    header nav.centered div.about {
        background-color: #61a925
    }

    header nav.centered div.about li {
        background-color: #508c1f;
        border-top: solid 1px #61a925
    }

    header nav.centered div.more {
        background-color: #505050
    }

    header nav.centered div.more li {
        background-color: #3e3e3e;
        border-top: solid 1px #505050
    }
}

a[href="#top"] {
    background-color: transparent;
    clear: both;
    display: none;
    margin: 30px 0;
    text-align: center
}

a[href="#top"] span {
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #505050;
    border-top: none
}

@media screen and (max-width: 769px) {
    a[href="#top"] {
        display: block;
    }
}

footer {
    background: #f4f4f4;
    position: relative;
    width: 100%
}

footer .centered {
    height: 115px;
    padding: 0 14% 0 23%
}

footer .centered li a {
    display: block;
    height: 100%;
    line-height: 115px;
    width: 100%
}

footer .centered li a:hover span {
    border-color: blue
}

/*footer .logo {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/logo-sprites.png");
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    margin-top: 0;
    width: 163px
} */

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    footer .logo {
        background-image: url("../img/logo-sprites_2x.png");
        background-size: 162px 122px;
    }
}

footer .social {
    position: absolute;
    top: 41px;
    right: 5%;
    height: 37px
}

footer .social a {
    display: inline-block;
    line-height: 37px;
    margin-left: 15px
}

footer a:hover {
    color: #54968d
}

footer .legal {
    background: #e4e4e4;
    font-size: 0.875rem;
    height: 80px;
    width: 100%
}

footer .legal a, footer .legal span {
    float: right;
    line-height: 60px;
    margin-left: 25px;
    padding: 10px 0
}

footer .legal .site-by-phoekus {
    float: left;
    margin-left: 0;
    margin-right: 25px
}

/* @media screen and (max-width: 769px) {
    footer .flex-menu, footer .logo {
        display: none
    }

    footer .social {
        position: static;
        height: auto;
        text-align: center
    }

    footer .social:after {
        content: "";
        display: table;
        clear: both
    }

    footer .social a {
        margin: 15px
    }

    footer .legal {
        height: auto;
        padding: 15px;
        text-align: center
    }

    footer .legal span, footer .legal a, footer .legal .site-by-phoekus {
        float: none;
        line-height: 1.2
    }

    footer .legal a, footer .legal .site-by-phoekus {
        margin: 0 10px
    }

    footer .legal span {
        clear: both;
        display: block;
        font-size: 0.75rem;
        margin-left: 0px
    }
} */

nav.scroll-nav {
    position: fixed;
    top: 50%;
    right: -52px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    border-bottom: none;
    height: 300px;
    margin-top: -150px;
    width: 52px
}

nav.scroll-nav.active {
    right: 0px
}

nav.scroll-nav a {
    border-bottom: solid 1px #e6e6e6;
    display: block;
    font-size: 0px;
    height: 50px;
    margin: 0;
    width: 100%
}

nav.scroll-nav a:after {
    color: #505050;
    display: block;
    font-family: 'icomoon';
    font-size: 1.4375rem;
    line-height: 50px;
    text-align: center
}

nav.scroll-nav a:hover, nav.scroll-nav a.current {
    background-color: #61A925
}

nav.scroll-nav a:hover:after, nav.scroll-nav a.current:after {
    color: #ffffff
}

nav.scroll-nav a[href="#king-abdullah-port"]:after {
    content: "\e61e"
}

nav.scroll-nav a[href="#industrial-valley"]:after {
    content: "\e61b"
}

nav.scroll-nav a[href="#coastal-communities"]:after {
    content: "\e616"
}

nav.scroll-nav a[href="#hijaz-downtown"]:after {
    content: "\e61a"
}

nav.scroll-nav a[href="#sustainability"]:after {
    content: "\e621"
}

nav.scroll-nav a[href="#top"]:after {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    content: "\e614";
    font-size: 0.75rem
}

@media screen and (max-width: 769px) {
    nav.scroll-nav {
        margin: 0 -151px 0 0;
        position: fixed;
        top: -41px;
        right: 50%;
        bottom: auto;
        left: auto;
        height: 40px;
        width: 302px;
    }

    nav.scroll-nav.active {
        right: 50%;
        top: 5px
    }

    nav.scroll-nav a {
        border-right: solid 1px #e6e6e6;
        display: inline-block;
        float: left;
        height: 100%;
        width: 60px
    }

    nav.scroll-nav a:after {
        font-size: 1.125rem;
        line-height: 40px
    }

    nav.scroll-nav a:nth-child(5) {
        border-right: none
    }

    nav.scroll-nav a:last-of-type {
        display: none
    }
}

@media screen and (max-width: 500px) {
    nav.scroll-nav {
        margin: 0 5% 0 0%;
        right: 0;
        width: 90%;
    }

    nav.scroll-nav.active {
        right: 0%
    }

    nav.scroll-nav a {
        width: 20%
    }
}

.home section.video {
    height: auto;
    position: relative
}

.home section.video .overlay {
    background-image: url('../img/homepage/overlays/video-overlay.png');
    background-position: center center;
    margin-bottom: -18.35%;
    padding-bottom: 31.25%
}

@media screen and (min-width: 769px) {
    .home section.video {
        min-height: 56.25vw;
    }
}

@media screen and (max-width: 769px) {
    .home section.video {
        padding-top: 0;
    }

    .home section.video .wrapper {
        position: static;
        padding-top: 50%
    }

    .home section.video .module {
        position: static;
        width: 100%
    }

    .home section.video .overlay {
        display: none
    }
}

.home section.pillars {
    padding-top: 12%;
    height: auto
}

.home section.pillars .wrapper {
    position: static;
    padding-top: 100px;
    padding-bottom: 80px
}

.home section.pillars .overlay {
    background-image: url('../img/homepage/overlays/pillars-overlay.png');
    margin-bottom: -10.28%;
    padding-bottom: 22.85%
}

.home section.port {
    padding-top: 10%;
    padding-bottom: 12%
}

.home section.port i:after {
    content: '\e61d';
    color: #ffffff;
    font-size: 3.375rem
}

@media screen and (max-width: 500px) {
    .home section.port i:after {
        content: '\e60e';
        font-size: 2.5rem;
    }
}

.home section.port .overlay {
    background-image: url('../img/homepage/overlays/ind-valley-overlay.png');
    margin-bottom: -15.95%;
    padding-bottom: 27.15%
}

.home section.industrial-valley {
    padding-top: 18%;
    padding-bottom: 11%
}

.home section.industrial-valley i:after {
    content: '\e607';
    color: #ffffff;
    font-size: 2.625rem
}

@media screen and (max-width: 500px) {
    .home section.industrial-valley i:after {
        content: '\e606';
        font-size: 2rem;
    }
}

.home section.industrial-valley .overlay {
    background-image: url('../img/homepage/overlays/community-overlay.png');
    margin-bottom: -11.1%;
    padding-bottom: 23.1%
}

.home section.communities {
    padding-top: 5%;
    padding-bottom: 14%
}

.home section.communities .community-icons {
    overflow: auto
}

.home section.communities .community-icons {
    margin-bottom: 20px
}

.home section.communities i {
    display: inline-block;
    float: left;
    height: 60px;
    vertical-align: baseline;
    width: auto
}

.home section.communities i:after {
    font-size: 3.75rem;
    margin-bottom: 0px
}

.home section.communities i:nth-child(1):after {
    content: '\e611'
}

.home section.communities i:nth-child(2):after {
    content: '\e612'
}

.home section.communities i:nth-child(3):after {
    content: '\e60b';
    font-size: 2.375rem;
    margin-top: 21px
}

.home section.communities i:nth-child(4):after {
    content: '\e615'
}

.home section.communities i:nth-child(5):after {
    content: '\e610';
    font-size: 3.375rem;
    margin-top: 5px
}

.home section.communities i + i {
    margin-left: 20px
}

@media screen and (max-width: 500px) {
    .home section.communities .community-icons {
        height: auto;
        margin: 0 auto 10px auto;
        width: 250px
    }

    .home section.communities i:after {
        font-size: 2rem
    }

    .home section.communities i:nth-child(1):after {
        content: '\e609'
    }

    .home section.communities i:nth-child(2):after {
        content: '\e60c'
    }

    .home section.communities i:nth-child(3):after {
        content: '\e60a';
        font-size: 1.125rem;
        margin-top: 12px
    }

    .home section.communities i:nth-child(4):after {
        content: '\e60d'
    }

    .home section.communities i:nth-child(5):after {
        content: '\e608';
        font-size: 1.5rem;
        margin-top: 8px
    }

    .home section.communities i + i {
        margin-left: 12px
    }
}

.home section.communities .overlay {
    background-image: url('../img/homepage/overlays/downtown-overlay.png');
    margin-bottom: -16.75%;
    padding-bottom: 27.3%
}

.home section.downtown {
    padding-top: 10%;
    padding-bottom: 3%
}

.home section.downtown .overlay {
    background-image: url('../img/homepage/overlays/sustain-overlay.png');
    margin-bottom: -1px;
    padding-bottom: 12.8%
}

@media screen and (max-width: 769px) {
    .home section.downtown .overlay {
        display: block
    }
}

.home section.sustainability {
    padding-top: 110px;
    padding-bottom: 160px
}

.home section.sustainability h2 {
    font-size: 3.125rem;
    margin-bottom: 140px
}

.home section.sustainability .wrapper > div {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 23.32912%;
    padding-right: 50px
}

.home section.sustainability .wrapper > div:last-child {
    margin-right: 0
}

.home section.sustainability .accordion {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 57.40506%;
    border: solid 2px #b4b4b4;
    border-radius: 15px
}

.home section.sustainability .accordion:last-child {
    margin-right: 0
}

.home section.sustainability .accordion h3 {
    color: #60dc5d;
    display: table-cell;
    height: 60px;
    margin-bottom: 30px;
    padding: 30px 80px 30px 90px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%
}

.home section.sustainability .accordion h3 span {
    line-height: 1.25
}

.home section.sustainability .accordion h3:before, .home section.sustainability .accordion h3:after {
    position: absolute;
    top: 50%;
    color: #60dc5d;
    display: block;
    font-family: 'icomoon';
    font-size: 2.375rem;
    margin-top: -19px
}

.home section.sustainability .accordion h3:before {
    left: 30px
}

.home section.sustainability .accordion li {
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.home section.sustainability .accordion li:first-of-type {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-image: url("../img/homepage/social.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .home section.sustainability .accordion li:first-of-type {
        background-image: url("../img/homepage/social_2x.png");
        background-size: 500px 267px;
    }
}

.home section.sustainability .accordion li:first-of-type h3:before {
    content: '\e620'
}

.home section.sustainability .accordion li:nth-child(2) {
    background-image: url("../img/homepage/grid.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .home section.sustainability .accordion li:nth-child(2) {
        background-image: url("../img/homepage/grid_2x.png");
        background-size: 500px 267px;
    }
}

.home section.sustainability .accordion li:nth-child(2) h3:before {
    content: '\e617'
}

.home section.sustainability .accordion li:nth-child(3) {
    background-image: url("../img/homepage/leaves.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .home section.sustainability .accordion li:nth-child(3) {
        background-image: url("../img/homepage/leaves_2x.png");
        background-size: 684px 297px;
    }
}

.home section.sustainability .accordion li:nth-child(3) h3:before {
    content: '\e618'
}

.home section.sustainability .accordion li:last-of-type {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.home section.sustainability .accordion li.expanded {
    background-color: #f6f6f6
}

.home section.sustainability .accordion li.expanded .acc-label, .home section.sustainability .accordion li.expanded .acc-body {
    background-color: rgba(255, 255, 255, 0)
}

.home section.sustainability .accordion li.expanded button {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.home section.sustainability .accordion li + li {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: solid 2px #b4b4b4
}

.home section.sustainability .accordion p {
    float: left;
    display: block;
    margin-right: 3.88092%;
    width: 85.15987%;
    padding: 20px 0 0 90px
}

.home section.sustainability .accordion p:last-child {
    margin-right: 0
}

.home section.sustainability .accordion p:last-of-type {
    font-size: 1.25rem;
    margin-bottom: 80px
}

.home section.sustainability .acc-label, .home section.sustainability .acc-body {
    background-color: white
}

.home section.sustainability .acc-label {
    float: left;
    display: block;
    margin-right: 3.88092%;
    width: 100%;
    display: block;
    position: relative
}

.home section.sustainability .acc-label:last-child {
    margin-right: 0
}

.home section.sustainability .acc-body {
    float: left;
    display: block;
    margin-right: 3.88092%;
    width: 100%
}

.home section.sustainability .acc-body:last-child {
    margin-right: 0
}

.home section.sustainability button {
    position: absolute;
    top: 50%;
    right: 30px;
    color: #b4b4b4;
    margin-top: -20px
}

.home section.sustainability button:hover {
    color: #60dc5d
}

.home section.sustainability button:after {
    font-size: 34px
}

@media screen and (max-width: 769px) {
    .home section.sustainability .wrapper > div {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 31.8481%
    }

    .home section.sustainability .wrapper > div:last-child {
        margin-right: 0
    }

    .home section.sustainability .accordion {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 65.92405%
    }

    .home section.sustainability .accordion:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 769px) {
    .home section.sustainability {
        padding-bottom: 0;
    }

    .home section.sustainability h2 {
        font-size: 1.625rem;
        margin-bottom: 40px
    }

    .home section.sustainability a[href="#top"] {
        display: block
    }

    .home section.sustainability .wrapper > div {
        display: none
    }

    .home section.sustainability .accordion {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 100%
    }

    .home section.sustainability .accordion:last-child {
        margin-right: 0
    }

    .home section.sustainability .accordion h3 {
        padding-left: 80px
    }

    .home section.sustainability .accordion h3:before {
        left: 20px
    }

    .home section.sustainability .accordion p {
        margin: 0;
        padding: 20px 70px 0 80px;
        width: 100%
    }

    .home section.sustainability .accordion p:last-of-type {
        margin-bottom: 50px
    }

    .home section.sustainability .accordion button {
        right: 20px
    }
}

@media screen and (max-width: 500px) {
    .home section.sustainability .accordion p {
        padding: 20px 20px 0 20px
    }

    .home section.sustainability .accordion p:last-of-type {
        font-size: 1rem
    }
}

.home section.pillars h2 {
    font-size: 1.625rem;
    line-height: 1.5;
    margin-top: 50px
}

.home section.pillars h2, .home section.pillars p {
    text-align: center
}

.home section.pillars h2 + p {
    color: #505050;
    font-size: 1.375rem;
    margin: 0 auto;
    padding: 40px 0 200px 0;
    width: 70%
}

.home section.pillars .map {
    background-image: url("../img/homepage/bg-map-browser-256col.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 84.2%;
    width: 100%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .home section.pillars .map {
        background-image: url("../img/homepage/bg-map-browser-256col_2x.png");
        background-size: cover;
    }
}

.home section.pillars .pillar-list {
    margin: -28% 0 60px
}

.home section.pillars .pillar-list:after {
    content: "";
    display: table;
    clear: both
}

.home section.pillars li, .home section.pillars p {
    color: #60dc5d
}

.home section.pillars i {
    color: #60dc5d;
    display: block;
    font-size: 2.5rem;
    line-height: 4.375rem;
    margin: 0 auto;
    text-align: center
}

.home section.pillars ul + p {
    color: #505050;
    font-size: 0.875rem;
    text-align: center;
    text-transform: uppercase
}

.home section.pillars li {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 19.06962%
}

.home section.pillars li:last-child {
    margin-right: 0
}

.home section.pillars li:first-of-type {
    margin-left: 8.51899%
}

.home section.pillars li p {
    font-size: 1rem
}

.home section.pillars li p span {
    display: block;
    font-size: 2.1875rem;
    margin: 0 auto;
    padding: 12px 0;
    position: relative;
    text-align: center
}

.home section.pillars li p span:before {
    position: absolute;
    top: -5px;
    left: 50%;
    border-top: solid 1px #60dc5d;
    content: "";
    display: block;
    margin-left: -5px;
    padding: 12px 0;
    width: 10px
}

.home section.pillars h3 {
    display: tablet-cell;
    font-size: 1.125rem;
    height: 46px;
    margin-bottom: 0px;
    text-align: center;
    vertical-align: top
}

@media screen and (max-width: 769px) {
    .home section.pillars h2 + p {
        padding-top: 10px;
        padding-bottom: 50px;
        font-size: 1rem
    }

    .home section.pillars .pillar-list {
        display: none
    }

    .home section.pillars .map {
        background-image: url("../img/homepage/bg-map-tablet-256col.png")
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .home section.pillars .map {
            background-image: url("../img/homepage/bg-map-tablet-256col_2x.png");
            background-size: 100% auto;
        }
    }.home section.pillars .wrapper {
         padding-top: 0px
     }

    .home section.pillars .overlay {
        display: block
    }
}

@media screen and (max-width: 500px) {
    .home section.pillars h2 + p {
        padding-right: 5%;
        padding-left: 5%
    }

    .home section.pillars h2 + p br {
        display: none
    }

    .home section.pillars .map {
        background-image: url("../img/homepage/bg-map-phone-256col.png")
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .home section.pillars .map {
            background-image: url("../img/homepage/bg-map-phone-256col_2x.png");
            background-size: 100% auto;
        }
    }
}

section.hero {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background-size: cover;
    background-position: 45% center
}

section.hero.scrolled {
    background-position: 75% center
}

section.port {
    background-image: url("../img/homepage/bg-boat-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    section.port {
        background-image: url("../img/homepage/bg-boat-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    section.port {
        background-image: url("../img/homepage/bg-boat-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.port {
            background-image: url("../img/homepage/bg-boat-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    section.port {
        background-image: url("../img/homepage/bg-boat-mobile.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.port {
            background-image: url("../img/homepage/bg-boat-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

section.industrial-valley {
    background-image: url("../img/homepage/bg-iv-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    section.industrial-valley {
        background-image: url("../img/homepage/bg-iv-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    section.industrial-valley {
        background-image: url("../img/homepage/bg-iv-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.industrial-valley {
            background-image: url("../img/homepage/bg-iv-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    section.industrial-valley {
        background-image: url("../img/homepage/bg-iv-mobile.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.industrial-valley {
            background-image: url("../img/homepage/bg-iv-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

section.communities {
    background-image: url("../img/homepage/bg-sun-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    section.communities {
        background-image: url("../img/homepage/bg-sun-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    section.communities {
        background-image: url("../img/homepage/bg-sun-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.communities {
            background-image: url("../img/homepage/bg-sun-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    section.communities {
        background-image: url("../img/homepage/bg-sun-mobile.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.communities {
            background-image: url("../img/homepage/bg-sun-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

section.downtown {
    background-image: url("../img/homepage/bg-downtown-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    section.downtown {
        background-image: url("../img/homepage/bg-downtown-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    section.downtown {
        background-image: url("../img/homepage/bg-downtown-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.downtown {
            background-image: url("../img/homepage/bg-downtown-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    section.downtown {
        background-image: url("../img/homepage/bg-downtown-mobile.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.downtown {
            background-image: url("../img/homepage/bg-downtown-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

body.parent-about, body.parent-about-ar {
}

body.parent-about h1, body.parent-about-ar h1 {
    text-align: center
}

body.parent-about h2, body.parent-about-ar h2 {
    text-align: center
}

body.parent-about h2 + p, body.parent-about-ar h2 + p {
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 500px) {
    body.parent-about h2 + p, body.parent-about-ar h2 + p {
        max-width: 80%;
    }
}

body.parent-about .columns, body.parent-about-ar .columns {
    margin-top: 5%;
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px
}

body.parent-about section, body.parent-about-ar section {
    display: table;
    width: 100%
}

body.parent-about section .wrapper, body.parent-about-ar section .wrapper {
    vertical-align: middle;
    display: table-cell;
    padding: 5%
}

body.parent-about section .columns, body.parent-about-ar section .columns {
    margin: 0 auto;
    max-width: 800px
}

body.parent-about section.social h2, body.parent-about section.environmental h2, body.parent-about-ar section.social h2, body.parent-about-ar section.environmental h2 {
    margin-top: 50px
}

@media screen and (max-width: 769px) {
    body.parent-about section .wrapper, body.parent-about-ar section .wrapper {
        padding: 10% 5%
    }

    body.parent-about section p, body.parent-about-ar section p {
        text-align: center
    }
}

@media screen and (max-width: 500px) {
    body.parent-about section .wrapper, body.parent-about-ar section .wrapper {
        padding: 10% 5%
    }
}

body.parent-about .divider, body.parent-about-ar .divider {
    background-size: cover;
    display: block !important
}

body.parent-about .divider.white-green-bowtie, body.parent-about-ar .divider.white-green-bowtie {
    background-image: url("../img/about/overlay/overview-overlay-1-browser.png");
    padding-top: 17.25694%;
    margin-top: -12.75%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.parent-about .divider.white-green-bowtie, body.parent-about-ar .divider.white-green-bowtie {
        background-image: url("../img/about/overlay/overview-overlay-1-browser_2x.png");
        background-size: cover;
    }
}

body.parent-about .divider.blue-arabic-bowtie, body.parent-about-ar .divider.blue-arabic-bowtie {
    background-image: url("../img/about/overlay/overview-overlay-2-browser.png");
    padding-top: 27.15278%;
    margin-top: -11.6%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.parent-about .divider.blue-arabic-bowtie, body.parent-about-ar .divider.blue-arabic-bowtie {
        background-image: url("../img/about/overlay/overview-overlay-2-browser_2x.png");
        background-size: cover;
    }
}

body.parent-about .divider.white-blue-bowtie, body.parent-about-ar .divider.white-blue-bowtie {
    background-image: url("../img/about/overlay/overview-overlay-3-browser.png");
    padding-top: 22.8125%;
    margin-top: -12%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.parent-about .divider.white-blue-bowtie, body.parent-about-ar .divider.white-blue-bowtie {
        background-image: url("../img/about/overlay/overview-overlay-3-browser_2x.png");
        background-size: cover;
    }
}

body.parent-about .divider.white-grey-slant, body.parent-about-ar .divider.white-grey-slant {
    background-image: url("../img/overlays/white-grey-divider-browser.png");
    padding-top: 17.36111%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.parent-about .divider.white-grey-slant, body.parent-about-ar .divider.white-grey-slant {
        background-image: url("../img/overlays/white-grey-divider-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.parent-about .divider.white-grey-slant, body.parent-about-ar .divider.white-grey-slant {
        background-image: url("../img/overlays/white-grey-divider-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.parent-about .divider.white-grey-slant, body.parent-about-ar .divider.white-grey-slant {
            background-image: url("../img/overlays/white-grey-divider-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.parent-about .divider.white-grey-slant, body.parent-about-ar .divider.white-grey-slant {
        background-image: url("../img/overlays/white-grey-divider-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.parent-about .divider.white-grey-slant, body.parent-about-ar .divider.white-grey-slant {
            background-image: url("../img/overlays/white-grey-divider-phone_2x.png");
            background-size: cover;
        }
    }
}

body.parent-about .divider.white-grey-gradient-slant, body.parent-about-ar .divider.white-grey-gradient-slant {
    background-image: url("../img/overlays/white-grey-gradient-divider-browser.png");
    padding-top: 60.24306%;
    margin-bottom: -45%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.parent-about .divider.white-grey-gradient-slant, body.parent-about-ar .divider.white-grey-gradient-slant {
        background-image: url("../img/overlays/white-grey-gradient-divider-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.parent-about .divider.white-grey-gradient-slant, body.parent-about-ar .divider.white-grey-gradient-slant {
        background-image: url("../img/overlays/white-grey-gradient-divider-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.parent-about .divider.white-grey-gradient-slant, body.parent-about-ar .divider.white-grey-gradient-slant {
            background-image: url("../img/overlays/white-grey-gradient-divider-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.parent-about .divider.white-grey-gradient-slant, body.parent-about-ar .divider.white-grey-gradient-slant {
        background-image: url("../img/overlays/white-grey-gradient-divider-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.parent-about .divider.white-grey-gradient-slant, body.parent-about-ar .divider.white-grey-gradient-slant {
            background-image: url("../img/overlays/white-grey-gradient-divider-phone_2x.png");
            background-size: cover;
        }
    }
}

body.parent-about ul.table, body.parent-about-ar ul.table {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5% -1px 50px;
    border: 1px solid #d7d7d7;
    border-radius: 18px;
    overflow: hidden
}

body.parent-about ul.table li, body.parent-about-ar ul.table li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 50%;
    -moz-flex: 1 50%;
    -ms-flex: 1 50%;
    flex: 1 50%;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

body.parent-about ul.table li div, body.parent-about-ar ul.table li div {
    padding: 5%
}

body.parent-about ul.table h4, body.parent-about-ar ul.table h4 {
    color: #61a925;
    min-height: 70px;
    text-transform: uppercase
}

body.parent-about ul.table p, body.parent-about-ar ul.table p {
    text-align: left
}

@media screen and (max-width: 769px) {
    body.parent-about ul.table, body.parent-about-ar ul.table {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }

    body.parent-about ul.table h4, body.parent-about-ar ul.table h4 {
        min-height: 0
    }

    body.parent-about ul.table li + li, body.parent-about-ar ul.table li + li {
        border-top: 1px solid #d7d7d7;
        border-left: none
    }

    body.parent-about ul.table li, body.parent-about-ar ul.table li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 10%;
        width: 100% !important
    }
}

body.page-template-about-leadership .management-team, body.page-template-about-leadership-ar .management-team {
    text-align: center
}

body.page-template-about-leadership .management-team .leaders, body.page-template-about-leadership-ar .management-team .leaders {
    margin-top: 5%
}

body.page-template-about-leadership .management-team a, body.page-template-about-leadership-ar .management-team a {
    display: inline-block;
    text-align: center;
    margin: 0 30px 30px;
    width: 160px;
    vertical-align: top
}

body.page-template-about-leadership .management-team a h3, body.page-template-about-leadership-ar .management-team a h3 {
    font-size: 1.125rem;
    margin-top: 20px
}

body.page-template-about-leadership .management-team a p, body.page-template-about-leadership-ar .management-team a p {
    font-size: 0.875rem;
    margin: 5px auto 0px auto;
    min-height: 40px;
    max-width: 120px
}

body.page-template-about-leadership .management-team .headshot, body.page-template-about-leadership-ar .management-team .headshot {
    width: 150px;
    height: 150px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden
}

@media screen and (min-width: 769px) {
    body.page-template-about-leadership .management-team .headshot, body.page-template-about-leadership-ar .management-team .headshot {
        opacity: .7;
    }

    body.page-template-about-leadership .management-team .headshot:hover, body.page-template-about-leadership-ar .management-team .headshot:hover {
        opacity: 1
    }
}

body.page-template-about-leadership .management-team .headshot img, body.page-template-about-leadership-ar .management-team .headshot img {
    height: 100%;
    width: auto
}

@media screen and (max-width: 500px) {
    body.page-template-about-leadership .management-team a, body.page-template-about-leadership-ar .management-team a {
        margin: 0 10px 20px 10px;
        width: 120px
    }

    body.page-template-about-leadership .management-team .headshot, body.page-template-about-leadership-ar .management-team .headshot {
        width: 110px;
        height: 110px
    }
}

body.page-template-about-leadership .board-of-directors, body.page-template-about-leadership-ar .board-of-directors {
    background-color: #f7f7f7
}

body.page-template-about-leadership .board-of-directors .columns, body.page-template-about-leadership-ar .board-of-directors .columns {
    margin: 5% auto 0 auto;
    max-width: 800px
}

body.single-managers main {
    background-color: #f4f4f4
}

body.single-managers hgroup {
    background-color: #ffffff;
    padding: 2% 5%;
    text-align: center
}

body.single-managers h1 {
    text-align: center
}

body.single-managers h2 {
    text-align: center
}

body.single-managers .columns {
    margin: 5% auto;
    max-width: 800px;
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px
}

body.single-managers .headshot {
    width: 250px;
    height: 250px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 auto 10% auto;
    overflow: hidden
}

body.single-managers .headshot img {
    height: 100%;
    width: auto
}

@media screen and (max-width: 500px) {
    body.single-managers .headshot {
        width: 150px;
        height: 150px
    }
}

body.single-managers section {
    background-color: #f4f4f4
}

body.single-managers section .wrapper {
    background-color: #ffffff;
    max-width: 1280px;
    margin: 0 auto;
    padding: 5%
}

body.page-template-about section {
    background-size: cover
}

body.page-template-about .a-new-world-city {
    background-image: url("../img/about/bg-overview-browser.jpg");
    height: 55vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-about .a-new-world-city {
        background-image: url("../img/about/bg-overview-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-about .a-new-world-city {
        background-image: url("../img/about/bg-overview-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .a-new-world-city {
            background-image: url("../img/about/bg-overview-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-about .a-new-world-city {
        background-image: url("../img/about/bg-overview-phone.jpg");
        min-height: 125vw;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .a-new-world-city {
            background-image: url("../img/about/bg-overview-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-about .a-new-world-city h1 {
    color: #ffffff;
    margin-bottom: 10vw
}

body.page-template-about .master-developer {
    margin-bottom: 10%
}

body.page-template-about .serving-the-world {
    background-image: url("../img/about/bg-overview-map-browser.jpg");
    height: 68.92361vw;
    margin-top: -15.5%;
    position: relative;
    z-index: -1
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-about .serving-the-world {
        background-image: url("../img/about/bg-overview-map-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-about .serving-the-world {
        background-image: url("../img/about/bg-overview-map-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .serving-the-world {
            background-image: url("../img/about/bg-overview-map-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-about .serving-the-world {
        background-image: url("../img/about/bg-overview-map-phone.jpg");
        min-height: 202.66667vw;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .serving-the-world {
            background-image: url("../img/about/bg-overview-map-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-about .serving-the-world .wrapper {
    padding-right: 50%
}

@media screen and (max-width: 500px) {
    body.page-template-about .serving-the-world .wrapper {
        padding-right: 5%;
        padding-top: 25%;
        vertical-align: top
    }
}

body.page-template-about .world-class-companies {
    background-image: url("../img/about/bg-overview-logos-browser.jpg");
    height: 78.95833vw;
    margin-top: -10.8%;
    position: relative;
    z-index: -1
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-about .world-class-companies {
        background-image: url("../img/about/bg-overview-logos-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-about .world-class-companies {
        background-image: url("../img/about/bg-overview-logos-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .world-class-companies {
            background-image: url("../img/about/bg-overview-logos-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-about .world-class-companies {
        background-image: url("../img/about/bg-overview-logos-phone.jpg");
        min-height: 161.06667vw;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .world-class-companies {
            background-image: url("../img/about/bg-overview-logos-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-about .world-class-companies p {
    max-width: 800px;
    margin: 10px auto
}

body.page-template-about .divider.first-choice-for-families-slant {
    background-image: url("../img/about/bg-overview-family-divider-browser.png");
    margin-top: -17.08333%;
    padding-top: 17.08333%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-about .divider.first-choice-for-families-slant {
        background-image: url("../img/about/bg-overview-family-divider-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-about .divider.first-choice-for-families-slant {
        background-image: url("../img/about/bg-overview-family-divider-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .divider.first-choice-for-families-slant {
            background-image: url("../img/about/bg-overview-family-divider-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-about .divider.first-choice-for-families-slant {
        background-image: url("../img/about/bg-overview-family-divider-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .divider.first-choice-for-families-slant {
            background-image: url("../img/about/bg-overview-family-divider-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-about .first-choice-for-families {
    background-image: url("../img/about/bg-overview-family-browser.jpg");
    height: 120.38194vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-about .first-choice-for-families {
        background-image: url("../img/about/bg-overview-family-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-about .first-choice-for-families {
        background-image: url("../img/about/bg-overview-family-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .first-choice-for-families {
            background-image: url("../img/about/bg-overview-family-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-about .first-choice-for-families {
        background-image: url("../img/about/bg-overview-family-phone.jpg");
        min-height: 233.6vw;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about .first-choice-for-families {
            background-image: url("../img/about/bg-overview-family-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-about .first-choice-for-families .wrapper {
    vertical-align: top
}

body.page-template-about .first-choice-for-families p {
    max-width: 800px;
    margin: 10px auto
}

body.page-template-about-sustainability h1 {
    margin-bottom: 35px
}

body.page-template-about-sustainability h2 {
    margin-bottom: 35px
}

body.page-template-about-sustainability .creating-progressive-communities {
    background-image: url("../img/about/overview-sustain-browser.jpg");
    background-size: cover;
    height: 55vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-about-sustainability .creating-progressive-communities {
        background-image: url("../img/about/overview-sustain-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-about-sustainability .creating-progressive-communities {
        background-image: url("../img/about/overview-sustain-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about-sustainability .creating-progressive-communities {
            background-image: url("../img/about/overview-sustain-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-about-sustainability .creating-progressive-communities {
        background-image: url("../img/about/overview-sustain-mobile.jpg");
        height: 125vw;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about-sustainability .creating-progressive-communities {
            background-image: url("../img/about/overview-sustain-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-about-sustainability .creating-progressive-communities h1 {
    color: #ffffff
}

body.page-template-about-sustainability .economic {
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 35vw;
    background-image: url("../img/about/sustain-birdseye-browser.jpg");
    background-size: 100% auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-about-sustainability .economic {
        background-image: url("../img/about/sustain-birdseye-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-about-sustainability .economic {
        background-image: url("../img/about/sustain-birdseye-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about-sustainability .economic {
            background-image: url("../img/about/sustain-birdseye-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-about-sustainability .economic {
        background-image: url("../img/about/sustain-birdseye-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-about-sustainability .economic {
            background-image: url("../img/about/sustain-birdseye-phone_2x.jpg");
            background-size: 100% auto;
        }
    }
}

body.contact-us .spirals, body.contact-us-ar .spirals {
    padding-bottom: 12vw;
    position: relative
}

body.contact-us .spirals .overlay, body.contact-us-ar .spirals .overlay {
    border-bottom: solid 12vw #e4e4e4;
    border-right: solid 100vw transparent;
    height: 0
}

body.contact-us .standard-header, body.contact-us-ar .standard-header {
    padding-bottom: 70px
}

body.contact-us h3, body.contact-us-ar h3 {
    padding-bottom: 50px;
    position: relative
}

body.contact-us h3.no-gap, body.contact-us-ar h3.no-gap {
    padding-bottom: 15px
}

body.contact-us h3 span, body.contact-us-ar h3 span {
    display: block;
    margin-top: 5px;
    text-transform: none
}

body.contact-us h4.gapped, body.contact-us-ar h4.gapped {
    border-top: solid 1px #222;
    margin-top: 30px;
    padding-top: 30px
}

body.contact-us .schedule-box, body.contact-us-ar .schedule-box {
    background-color: #e4e4e4;
    padding: 35px
}

body.contact-us .schedule-box p, body.contact-us-ar .schedule-box p {
    font-size: 0.875rem
}

body.contact-us .schedule-box p + p, body.contact-us-ar .schedule-box p + p {
    font-size: 1.125rem
}

body.contact-us .schedule-box a, body.contact-us-ar .schedule-box a {
    color: #61A925
}

body.contact-us .schedule-box + div, body.contact-us-ar .schedule-box + div {
    background-color: #ffffff;
    padding: 35px;
    text-align: center
}

body.contact-us .schedule-box + div a, body.contact-us-ar .schedule-box + div a {
    background-color: #61A925;
    border: solid 1px #61A925;
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    font-size: 0.75rem;
    margin: 0 auto;
    padding: 10px 15px;
    text-transform: uppercase
}

body.contact-us .schedule-box + div a:hover, body.contact-us-ar .schedule-box + div a:hover {
    background-color: transparent;
    color: #61A925
}

body.contact-us section.emergency-numbers, body.contact-us-ar section.emergency-numbers {
    background-color: #e4e4e4
}

body.contact-us section.emergency-numbers h3, body.contact-us-ar section.emergency-numbers h3 {
    margin-bottom: 50px;
    text-align: center
}

body.contact-us section.emergency-numbers h3:before, body.contact-us-ar section.emergency-numbers h3:before {
    color: #61A925;
    content: '\e601';
    display: block;
    font-family: 'icomoon';
    font-size: 2.25rem;
    margin-bottom: 15px
}

body.contact-us section.emergency-numbers ul, body.contact-us-ar section.emergency-numbers ul {
    border-bottom: solid 1px #c1c1c1;
    padding-bottom: 60px
}

body.contact-us section.emergency-numbers ul:after, body.contact-us-ar section.emergency-numbers ul:after {
    content: "";
    display: table;
    clear: both
}

body.contact-us section.emergency-numbers li, body.contact-us-ar section.emergency-numbers li {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 14.81013%;
    line-height: 1.5;
    text-align: center
}

body.contact-us section.emergency-numbers li:last-child, body.contact-us-ar section.emergency-numbers li:last-child {
    margin-right: 0
}

body.contact-us section.emergency-numbers li h4, body.contact-us-ar section.emergency-numbers li h4 {
    font-size: 1.125rem;
    margin: 5px auto;
    max-width: 145px;
    min-height: 54px
}

body.contact-us section.emergency-numbers li a, body.contact-us-ar section.emergency-numbers li a {
    display: block;
    font-size: 0.875rem
}

body.contact-us section.emergency-numbers li a:hover, body.contact-us-ar section.emergency-numbers li a:hover {
    color: #61A925
}

body.contact-us section.key-contacts, body.contact-us-ar section.key-contacts {
    background-color: #e4e4e4;
    font-size: 0.875rem;
    padding: 60px 0 100px 0
}

body.contact-us section.key-contacts .wrapper > div, body.contact-us-ar section.key-contacts .wrapper > div {
    width: 48%
}

body.contact-us section.key-contacts .wrapper > div:first-of-type, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type {
    float: left
}

body.contact-us section.key-contacts .wrapper > div:first-of-type ul, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type ul {
    height: 240px
}

body.contact-us section.key-contacts .wrapper > div:first-of-type ul:after, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type ul:after {
    content: "";
    display: table;
    clear: both
}

body.contact-us section.key-contacts .wrapper > div:first-of-type li, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li {
    background-color: #ffffff;
    float: left;
    height: 100%;
    text-align: center;
    width: 33%
}

body.contact-us section.key-contacts .wrapper > div:first-of-type li span, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li span {
    color: #61A925;
    display: block
}

body.contact-us section.key-contacts .wrapper > div:first-of-type li:first-of-type a:before, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li:first-of-type a:before {
    content: '\e60e'
}

body.contact-us section.key-contacts .wrapper > div:first-of-type li:nth-child(2) a:before, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li:nth-child(2) a:before {
    content: '\e60d'
}

body.contact-us section.key-contacts .wrapper > div:first-of-type li:last-of-type a:before, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li:last-of-type a:before {
    content: '\e606'
}

body.contact-us section.key-contacts .wrapper > div:first-of-type li + li, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li + li {
    border-left: solid 1px #c1c1c1
}

body.contact-us section.key-contacts .wrapper > div:first-of-type a, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type a {
    display: block;
    height: 100%;
    padding: 50px 20px;
    width: 100%
}

body.contact-us section.key-contacts .wrapper > div:first-of-type a p, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type a p {
    margin: 30px 0
}

body.contact-us section.key-contacts .wrapper > div:first-of-type a:before, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type a:before {
    display: block;
    font-family: 'icomoon';
    font-size: 3.125rem
}

body.contact-us section.key-contacts .wrapper > div:first-of-type a:hover, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type a:hover {
    background-color: #3c3c3c
}

body.contact-us section.key-contacts .wrapper > div:first-of-type a:hover:before, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type a:hover:before {
    color: #ffffff
}

body.contact-us section.key-contacts .wrapper > div:first-of-type a:hover p, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type a:hover p {
    color: #ffffff
}

body.contact-us section.key-contacts .wrapper > div:last-of-type, body.contact-us-ar section.key-contacts .wrapper > div:last-of-type {
    float: right;
    margin-left: 1%
}

body.contact-us section.key-contacts .wrapper > div:last-of-type > div, body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div {
    background-color: #ffffff;
    float: left;
    height: 240px;
    padding: 40px 30px
}

body.contact-us section.key-contacts .wrapper > div:last-of-type > div:first-of-type, body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div:first-of-type {
    width: 33%
}

body.contact-us section.key-contacts .wrapper > div:last-of-type > div:last-of-type, body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div:last-of-type {
    border-left: solid 1px #c1c1c1;
    width: 66%
}

@media screen and (max-width: 600px) {
    body.contact-us section.key-contacts .wrapper > div:last-of-type > div, body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div {
        height: auto;
    }

    body.contact-us section.key-contacts .wrapper > div:last-of-type > div:first-of-type, body.contact-us section.key-contacts .wrapper > div:last-of-type > div:last-of-type, body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div:first-of-type, body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div:last-of-type {
        width: 100%
    }

    body.contact-us section.key-contacts .wrapper > div:last-of-type > div:last-of-type, body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div:last-of-type {
        border-top: solid 1px #c1c1c1;
        border-left: none
    }
}

body.contact-us section.key-contacts .wrapper > div h3, body.contact-us-ar section.key-contacts .wrapper > div h3 {
    margin-bottom: 50px
}

@media screen and (min-width: 900px) {
    body.contact-us .column, body.contact-us-ar .column {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 23.32912%
    }

    body.contact-us .column:last-child, body.contact-us-ar .column:last-child {
        margin-right: 0
    }

    body.contact-us .column:nth-child(2), body.contact-us-ar .column:nth-child(2) {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 31.8481%;
        margin-left: 8.51899%
    }

    body.contact-us .column:nth-child(2):last-child, body.contact-us-ar .column:nth-child(2):last-child {
        margin-right: 0
    }

    body.contact-us .column:last-child, body.contact-us-ar .column:last-child {
        margin-left: 8.51899%
    }
}

@media screen and (min-width: 600px) and (max-width: 900px) {
    body.contact-us section.emergency-numbers ul, body.contact-us-ar section.emergency-numbers ul {
        padding-bottom: 30px
    }

    body.contact-us section.emergency-numbers li, body.contact-us-ar section.emergency-numbers li {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 31.8481%;
        padding-bottom: 30px
    }

    body.contact-us section.emergency-numbers li:last-child, body.contact-us-ar section.emergency-numbers li:last-child {
        margin-right: 0
    }

    body.contact-us section.emergency-numbers li:nth-child(3n), body.contact-us-ar section.emergency-numbers li:nth-child(3n) {
        margin-right: 0
    }

    body.contact-us .column, body.contact-us-ar .column {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 100%;
        padding-bottom: 50px
    }

    body.contact-us .column:last-child, body.contact-us-ar .column:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 900px) {
    body.contact-us section.emergency-numbers h3, body.contact-us-ar section.emergency-numbers h3 {
        padding: 20px 0 0 0
    }

    body.contact-us section.key-contacts, body.contact-us-ar section.key-contacts {
        padding-top: 0px
    }

    body.contact-us section.key-contacts .wrapper > div, body.contact-us-ar section.key-contacts .wrapper > div {
        padding: 50px 0 0 0;
        width: 100%
    }

    body.contact-us section.key-contacts h3, body.contact-us-ar section.key-contacts h3 {
        padding: 20px 0 0 0
    }
}

@media screen and (max-width: 600px) {
    body.contact-us .overlay, body.contact-us-ar .overlay {
        border: none
    }

    body.contact-us section.emergency-numbers ul, body.contact-us-ar section.emergency-numbers ul {
        padding-bottom: 30px
    }

    body.contact-us section.emergency-numbers li, body.contact-us-ar section.emergency-numbers li {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 48.88608%;
        padding-bottom: 30px
    }

    body.contact-us section.emergency-numbers li:last-child, body.contact-us-ar section.emergency-numbers li:last-child {
        margin-right: 0
    }

    body.contact-us section.emergency-numbers li:nth-child(2n), body.contact-us-ar section.emergency-numbers li:nth-child(2n) {
        margin-right: 0
    }

    body.contact-us section.key-contacts .wrapper > div:first-of-type li, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li {
        width: 100%;
        height: auto
    }

    body.contact-us section.key-contacts .wrapper > div:first-of-type li a, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li a {
        padding: 15px
    }

    body.contact-us section.key-contacts .wrapper > div:first-of-type li a:after, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li a:after {
        content: "";
        display: table;
        clear: both
    }

    body.contact-us section.key-contacts .wrapper > div:first-of-type li a:before, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li a:before {
        display: block;
        float: left;
        font-size: 2.5rem;
        line-height: 3.125rem;
        text-align: center;
        width: 65px
    }

    body.contact-us section.key-contacts .wrapper > div:first-of-type li a p, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li a p {
        display: table-cell;
        float: left;
        line-height: 1.25rem;
        height: 50px;
        margin: 0;
        max-width: 110px;
        padding: 5px 0 5px 10px;
        text-align: left
    }

    body.contact-us section.key-contacts .wrapper > div:first-of-type li a span, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li a span {
        float: right;
        line-height: 50px
    }

    body.contact-us section.key-contacts .wrapper > div:first-of-type li + li, body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li + li {
        border: none;
        border-top: solid 1px #c1c1c1
    }

    body.contact-us .column, body.contact-us-ar .column {
        float: left;
        display: block;
        margin-right: 4.55722%;
        width: 100%;
        padding-bottom: 50px
    }

    body.contact-us .column:last-child, body.contact-us-ar .column:last-child {
        margin-right: 0
    }
}

section.event-calendar-section {
    background-color: #3c3c3c;
    padding-top: 3em;
    padding-bottom: 3em;
    background-position: -25em 0;
    background-repeat: repeat-x;
    background-image: url("../img/events/events-background-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    section.event-calendar-section {
        background-image: url("../img/events/events-background-browser_2x.jpg");
        background-size: auto 28em;
    }
}

@media screen and (max-width: 769px) {
    section.event-calendar-section {
        background-image: url("../img/events/events-background-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.event-calendar-section {
            background-image: url("../img/events/events-background-tablet_2x.jpg");
            background-size: auto 28em;
        }
    }
}

@media screen and (max-width: 500px) {
    section.event-calendar-section {
        background-image: url("../img/events/events-background-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        section.event-calendar-section {
            background-image: url("../img/events/events-background-phone_2x.jpg");
            background-size: auto 28em;
        }
    }
}

section.event-calendar-section .tribe-events-notices {
    background: rgba(255, 255, 255, 0.1);
    border: 0px solid #fff;
    color: white;
    margin: 0.5em 0;
    padding: 0.7em 1.1em 0.5em;
    text-shadow: none;
    border-radius: 0
}

section.event-calendar-section .single-event-wrapper {
    padding: 2em 3em;
    background-color: #fff
}

section.event-calendar-section .single-event-wrapper h1 {
    color: #666
}

section.event-calendar-section .single-event-wrapper h2 {
    color: #666;
    clear: both;
    text-align: left
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_visit a {
    color: #DF3A62 !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_visit a:hover {
    color: #BC0844 !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_invest a {
    color: #2B4462 !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_invest a:hover {
    color: #0E3154 !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_work a {
    color: #5B978E !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_work a:hover {
    color: #2F4F50 !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_live a {
    color: #FF8D0C !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_live a:hover {
    color: #EF6B00 !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_about a {
    color: #61a925 !important
}

section.event-calendar-section .single-event-wrapper .tribe_events.cat_about a:hover {
    color: #459611 !important
}

section.event-calendar-section .single-event-wrapper .dates {
    float: right
}

section.event-calendar-section .single-event-wrapper .dates .datedash {
    vertical-align: super;
    font-size: 1.5rem
}

section.event-calendar-section .single-event-wrapper .dates .date {
    display: inline-block;
    margin-bottom: 1em
}

section.event-calendar-section .single-event-wrapper .tribe-events-back {
    padding: 0
}

section.event-calendar-section .single-event-wrapper .tribe-events-back a {
    vertical-align: text-top;
    font-weight: Normal;
    font-size: 1.2em
}

section.event-calendar-section .single-event-wrapper .tribe-events-nav-previous, section.event-calendar-section .single-event-wrapper .tribe-events-nav-next {
    float: left;
    height: auto
}

section.event-calendar-section .single-event-wrapper .tribe-events-nav-previous span, section.event-calendar-section .single-event-wrapper .tribe-events-nav-next span {
    padding: 0;
    vertical-align: text-top;
    font-weight: Normal;
    font-size: 1em;
    color: #666
}

section.event-calendar-section .single-event-wrapper .tribe-events-nav-next {
    float: right
}

section.event-calendar-section h1, section.event-calendar-section h2 {
    color: #ffffff
}

section.event-calendar-section h1 {
    font-size: 1.5rem;
    text-align: center;
    margin: 1em 1em;
    text-transform: capitalize
}

section.event-calendar-section .sub-nav {
    background-color: transparent;
    max-width: 1000px;
    position: relative;
    border-bottom: 1px solid #222;
    text-align: center;
    padding-bottom: 1.4em;
    margin-bottom: 1.4em
}

section.event-calendar-section .sub-nav h2 {
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.2em;
    width: 9em;
    text-align: center
}

section.event-calendar-section .sub-nav .nav-previous, section.event-calendar-section .sub-nav .nav-next {
    display: inline-block;
    width: 15em;
    padding: 1em 2em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1.2em;
    background-color: transparent !important
}

section.event-calendar-section .sub-nav .nav-previous a, section.event-calendar-section .sub-nav .nav-next a {
    background-color: transparent !important;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #bbb !important;
    padding: 0;
    margin: 0
}

section.event-calendar-section .sub-nav .nav-previous a:hover, section.event-calendar-section .sub-nav .nav-next a:hover {
    color: white !important
}

section.event-calendar-section .sub-nav .nav-previous a:hover:after, section.event-calendar-section .sub-nav .nav-previous a:hover:before, section.event-calendar-section .sub-nav .nav-next a:hover:after, section.event-calendar-section .sub-nav .nav-next a:hover:before {
    color: white !important
}

section.event-calendar-section .sub-nav .nav-previous a:after, section.event-calendar-section .sub-nav .nav-previous a:before, section.event-calendar-section .sub-nav .nav-next a:after, section.event-calendar-section .sub-nav .nav-next a:before {
    top: -0.3em;
    color: #bbb
}

section.event-calendar-section .sub-nav .nav-previous {
    left: 0.5em;
    text-align: right
}

section.event-calendar-section .sub-nav .nav-next {
    right: 0.5em;
    text-align: left
}

section.event-calendar-section .viewswap {
    float: right;
    margin-top: -12em;
    display: none
}

section.event-calendar-section .viewswap a {
    display: inline-block;
    height: 22.5px;
    width: 22.5px;
    margin: 11px;
    float: left;
    line-height: 0
}

section.event-calendar-section .viewswap a span {
    display: inline-block;
    height: 4.5px;
    width: 100%;
    margin: 0 0 1.5px 0;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.45);
    transition: background-color 0.9s ease-in-out
}

section.event-calendar-section .viewswap a:hover span {
    background-color: white
}

section.event-calendar-section .viewswap a.selected span {
    background-color: white
}

section.event-calendar-section .viewswap a.month span {
    width: 4.5px;
    margin-right: 1.5px;
    letter-spacing: -0.3em;
    display: block;
    float: left
}

section.event-calendar-section .viewswap a.month span:nth-child(1) {
    width: 100%
}

section.event-calendar-section .viewswap a.month span:nth-child(4n+1) {
    margin-right: 0
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar {
    background-color: white;
    border-right: 1.2em solid #f7f7f7;
    border-left: 1.2em solid #f7f7f7;
    border-top: none;
    border-bottom: none
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar.selected {
    display: table
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar:not(.selected) {
    display: none
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar td, section.event-calendar-section #tribe-events-content .tribe-events-calendar thead th {
    background-color: white;
    text-align: right;
    border-bottom: 1px solid #dbdbdb;
    color: #505050;
    padding: 3.6em 1em 1.5em;
    border-left: none;
    border-right: none
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar td > div, section.event-calendar-section #tribe-events-content .tribe-events-calendar thead th > div {
    background-color: white;
    width: 100%
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar td:nth-child(even), section.event-calendar-section #tribe-events-content .tribe-events-calendar thead th:nth-child(even) {
    background-color: #f7f7f7
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar td, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth.tribe-events-past, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth.tribe-events-future, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-event-othermonth.tribe-events-future {
    padding: 1.6em 1em 1.5em;
    background-color: white;
    border-top: none;
    font-weight: normal;
    border-left: none;
    border-bottom: 1px solid #dbdbdb;
    font-size: 1em
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar td:nth-child(even), section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth.tribe-events-past:nth-child(even), section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth.tribe-events-future:nth-child(even), section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-event-othermonth.tribe-events-future:nth-child(even) {
    background-color: #f7f7f7
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar td > div, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth.tribe-events-past > div, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth.tribe-events-future > div, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-event-othermonth.tribe-events-future > div {
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-align: right;
    background-color: transparent !important;
    color: #666
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar td .hentry h3 a, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth.tribe-events-past .hentry h3 a, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-events-thismonth.tribe-events-future .hentry h3 a, section.event-calendar-section #tribe-events-content .tribe-events-calendar td.tribe-event-othermonth.tribe-events-future .hentry h3 a {
    font-size: 0.9em;
    line-height: 0.2em
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar tr:nth-last-child(1) td, section.event-calendar-section #tribe-events-content .tribe-events-calendar tr:nth-last-child(1) td.tribe-events-thismonth.tribe-events-past, section.event-calendar-section #tribe-events-content .tribe-events-calendar tr:nth-last-child(1) td.tribe-events-thismonth.tribe-events-future, section.event-calendar-section #tribe-events-content .tribe-events-calendar tr:nth-last-child(1) td.tribe-event-othermonth.tribe-events-future {
    border-bottom: none
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip .datedash {
    vertical-align: super;
    font-size: 1.5rem
}

section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip .date {
    display: inline-block;
    margin-bottom: 1em
}

section.event-calendar-section #tribe-events-content .tribe-events-loop.list {
    background-color: white
}

section.event-calendar-section #tribe-events-content .tribe-events-loop.list.selected {
    display: block
}

section.event-calendar-section #tribe-events-content .tribe-events-loop.list:not(.selected) {
    display: none
}

section.event-calendar-section #tribe-events-content .tribe-events-loop.list .tribe-events-list-event-title {
    color: #666
}

section.event-calendar-section #tribe-events-content .tribe-events-loop.list .tribe-events-list-event-description {
    color: white
}

section.event-calendar-section #tribe-events-content #tribe-mobile-container {
    background-color: white;
    padding: 0 1em;
    margin-top: 1em
}

section.event-calendar-section #tribe-events-content #tribe-mobile-container .tribe-mobile-day h3 {
    padding-top: 1em
}

section.event-calendar-section #tribe-events-content #tribe-mobile-container .tribe-mobile-day .tribe-events-event-body {
    padding-bottom: 1em
}

section.event-calendar-section #tribe-events-content #tribe-mobile-container .time-details {
    margin: 0.4em 0;
    padding: 0
}

section.event-calendar-section #tribe-events-content #tribe-mobile-container .type-tribe_events {
    padding: 0
}

section.event-calendar-section #tribe-events-content .mobile-page-title {
    display: none
}

@media screen and (max-width: 769px) {
    section.event-calendar-section h2.tribe-events-page-title {
        margin-bottom: 1em
    }

    section.event-calendar-section .sub-nav {
        padding-bottom: 3em
    }

    section.event-calendar-section .sub-nav .nav-next, section.event-calendar-section .sub-nav .nav-previous {
        font-size: 0.8em;
        padding: 0;
        margin: 0.5em 0 0.5em 0;
        width: 10em
    }

    section.event-calendar-section .tribe-events-sub-nav {
        position: relative
    }

    section.event-calendar-section .tribe-events-sub-nav .tribe-events-nav-previous, section.event-calendar-section .tribe-events-sub-nav .tribe-events-nav-next {
        display: block;
        margin-top: 0;
        position: absolute
    }
}

@media screen and (max-width: 500px) {
    section.event-calendar-section #tribe-events-pg-template {
        padding: 0 1.2em 1.2em
    }

    section.event-calendar-section .single-event-wrapper {
        padding: 2em 1.5em
    }

    section.event-calendar-section .single-event-wrapper h2 {
        font-size: 1.5rem
    }

    section.event-calendar-section .single-event-wrapper .dates {
        float: none
    }

    section.event-calendar-section #tribe-events-content .mobile-page-title {
        display: block;
        clear: both;
        text-align: center;
        padding: 0;
        margin: 0 auto
    }

    section.event-calendar-section .sub-nav {
        padding-bottom: 3em
    }

    section.event-calendar-section .sub-nav .nav-next, section.event-calendar-section .sub-nav .nav-previous {
        font-size: 0.8em;
        padding: 0;
        margin: 0.5em 0 0.5em 0;
        width: auto;
        top: 2.1em
    }

    section.event-calendar-section .sub-nav .nav-previous {
        text-align: left;
        left: 0.5em;
        position: absolute
    }

    section.event-calendar-section .sub-nav .nav-next {
        position: absolute;
        right: 0.5em;
        text-align-last: right
    }

    section.event-calendar-section h2.page-title {
        display: none
    }
}

body.page-template-invest section, body.page-template-invest-awarded-bids section {
    text-align: center
}

body.page-template-invest section h2, body.page-template-invest-awarded-bids section h2 {
    color: #2B4462;
    padding-left: 10vw;
    padding-right: 10vw;
    margin-bottom: 5vw
}

body.page-template-invest-php {
}

body.page-template-invest-php .hero-carousel {
    position: relative
}

body.page-template-invest-php .hero-carousel .slide-1 {
    color: #ffffff;
    background-image: url("../img/invest/header-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .hero-carousel .slide-1 {
        background-image: url("../img/invest/header-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .hero-carousel .slide-1 {
        background-image: url("../img/invest/header-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .hero-carousel .slide-1 {
            background-image: url("../img/invest/header-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .hero-carousel .slide-1 {
        background-image: url("../img/invest/header-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .hero-carousel .slide-1 {
            background-image: url("../img/invest/header-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .hero-carousel .slide-2 {
    color: #ffffff;
    background-image: url("../img/invest/header-2-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .hero-carousel .slide-2 {
        background-image: url("../img/invest/header-2-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .hero-carousel .slide-2 {
        background-image: url("../img/invest/header-2-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .hero-carousel .slide-2 {
            background-image: url("../img/invest/header-2-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .hero-carousel .slide-2 {
        background-image: url("../img/invest/header-2-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .hero-carousel .slide-2 {
            background-image: url("../img/invest/header-2-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .hero-carousel .slide-3 {
    color: #ffffff;
    background-image: url("../img/invest/header-3-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .hero-carousel .slide-3 {
        background-image: url("../img/invest/header-3-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .hero-carousel .slide-3 {
        background-image: url("../img/invest/header-3-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .hero-carousel .slide-3 {
            background-image: url("../img/invest/header-3-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .hero-carousel .slide-3 {
        background-image: url("../img/invest/header-3-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .hero-carousel .slide-3 {
            background-image: url("../img/invest/header-3-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .hero-carousel .slide-4 {
    color: #ffffff;
    background-image: url("../img/invest/header-4-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .hero-carousel .slide-4 {
        background-image: url("../img/invest/header-4-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .hero-carousel .slide-4 {
        background-image: url("../img/invest/header-4-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .hero-carousel .slide-4 {
            background-image: url("../img/invest/header-4-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .hero-carousel .slide-4 {
        background-image: url("../img/invest/header-4-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .hero-carousel .slide-4 {
            background-image: url("../img/invest/header-4-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .hero-carousel h1, body.page-template-invest-php .hero-carousel p {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    text-align: center;
    width: 80vw
}

body.page-template-invest-php .hero-carousel h1 {
    font-size: 40px;
    line-height: 1.167;
    color: inherit;
    margin-bottom: 3%;
    margin-top: 15%
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .hero-carousel h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .hero-carousel h1 {
        font-size: 25px;
    }
}

body.page-template-invest-php .hero-carousel p {
    color: inherit
}

body.page-template-invest-php .hero-carousel nav {
    position: absolute;
    top: 55%;
    right: 0;
    left: 0
}

body.page-template-invest-php .hero-carousel nav a.active {
    background-color: #2B4462;
    color: #ffffff
}

body.page-template-invest-php .hero-carousel nav a:hover {
    background-color: #0E3154;
    color: #ffffff
}

body.page-template-invest-php .event-banner {
    background-image: url("../img/invest/invest-banner-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .event-banner {
        background-image: url("../img/invest/invest-banner-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .event-banner {
        background-image: url("../img/invest/invest-banner-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .event-banner {
            background-image: url("../img/invest/invest-banner-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .event-banner {
        background-image: url("../img/invest/invest-banner-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .event-banner {
            background-image: url("../img/invest/invest-banner-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .event-banner .banner-title {
    color: #2F4F50;
    text-transform: uppercase
}

body.page-template-invest-php .event-banner .banner-cta {
    font-size: 30px
}

body.page-template-invest-php section {
    text-align: center
}

body.page-template-invest-php section h2 {
    color: #2B4462;
    padding-left: 10vw;
    padding-right: 10vw;
    margin-bottom: 5vw
}

body.page-template-invest-php section p {
    margin: 0 auto 30px auto
}

body.page-template-invest-php .huna-module {
    margin-bottom: 10vw;
    margin-top: 10vw
}

body.page-template-invest-php .huna-module .action-arrow, body.page-template-invest-php .huna-module .action-arrow:after {
    color: #2B4462
}

body.page-template-invest-php .huna-form {
    background-position: center center;
    background-size: contain;
    background-image: url("../img/huna/huna-invest-mag.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .huna-form {
        background-image: url("../img/huna/huna-invest-mag_2x.jpg");
        background-size: 100% auto;
    }
}

body.page-template-invest-php .explore-carousel {
    min-height: 72.36111vw
}

body.page-template-invest-php .explore-carousel .carousel {
    min-height: 72.36111vw
}

body.page-template-invest-php .explore-carousel .carousel h2 {
    color: #ffffff;
    font-size: 40px;
    line-height: 1.167;
    position: absolute;
    top: 15%;
    right: 0;
    left: 0;
    z-index: 200
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .explore-carousel .carousel h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .explore-carousel .carousel h2 {
        font-size: 25px;
    }
}

body.page-template-invest-php .explore-carousel .carousel h2 em {
    font-style: italic
}

body.page-template-invest-php .explore-carousel .carousel nav {
    position: absolute;
    top: 35%;
    right: 0;
    left: 0
}

body.page-template-invest-php .explore-carousel .carousel nav a.active {
    background-color: #2B4462;
    color: #ffffff
}

body.page-template-invest-php .explore-carousel .carousel nav a:hover {
    background-color: #0E3154;
    color: #ffffff
}

body.page-template-invest-php .explore-carousel .carousel .slide-wrapper {
    padding: 32vw 0 0 0
}

body.page-template-invest-php .explore-carousel .carousel p {
    color: inherit;
    margin: 0 0 10px 0
}

body.page-template-invest-php .explore-carousel .carousel .columns {
    margin: 2% auto;
    max-width: 50vw
}

body.page-template-invest-php .explore-carousel .carousel .slide-1 {
    color: #505050;
    background-image: url("../img/invest/carousel-1-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .explore-carousel .carousel .slide-1 {
        background-image: url("../img/invest/carousel-1-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .explore-carousel .carousel .slide-1 {
        background-image: url("../img/invest/carousel-1-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .explore-carousel .carousel .slide-1 {
            background-image: url("../img/invest/carousel-1-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .explore-carousel .carousel .slide-1 {
        background-image: url("../img/invest/carousel-1-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .explore-carousel .carousel .slide-1 {
            background-image: url("../img/invest/carousel-1-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .explore-carousel .carousel .slide-2 {
    color: #ffffff;
    background-image: url("../img/invest/carousel-2-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .explore-carousel .carousel .slide-2 {
        background-image: url("../img/invest/carousel-2-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .explore-carousel .carousel .slide-2 {
        background-image: url("../img/invest/carousel-2-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .explore-carousel .carousel .slide-2 {
            background-image: url("../img/invest/carousel-2-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .explore-carousel .carousel .slide-2 {
        background-image: url("../img/invest/carousel-2-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .explore-carousel .carousel .slide-2 {
            background-image: url("../img/invest/carousel-2-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .explore-carousel .carousel .slide-2 .button {
    border: 1px solid #ffffff;
    color: #ffffff
}

body.page-template-invest-php .explore-carousel .carousel .slide-3 {
    color: #ffffff;
    background-image: url("../img/invest/carousel-3-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .explore-carousel .carousel .slide-3 {
        background-image: url("../img/invest/carousel-3-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .explore-carousel .carousel .slide-3 {
        background-image: url("../img/invest/carousel-3-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .explore-carousel .carousel .slide-3 {
            background-image: url("../img/invest/carousel-3-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .explore-carousel .carousel .slide-3 {
        background-image: url("../img/invest/carousel-3-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .explore-carousel .carousel .slide-3 {
            background-image: url("../img/invest/carousel-3-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .explore-carousel .carousel .slide-3 .button {
    border: 1px solid #ffffff;
    color: #ffffff
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .explore-carousel {
        min-height: 193.6vw
    }

    body.page-template-invest-php .explore-carousel .carousel {
        min-height: 193.6vw
    }

    body.page-template-invest-php .explore-carousel .carousel .slide-wrapper {
        padding: 60vw 0 0 0
    }

    body.page-template-invest-php .explore-carousel .carousel .columns {
        max-width: 80vw
    }
}

body.page-template-invest-php .environment, body.page-template-invest-php .investment {
    margin: 10vw auto
}

body.page-template-invest-php .environment p, body.page-template-invest-php .investment p {
    max-width: 50vw
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .environment, body.page-template-invest-php .investment {
        max-width: 80vw;
    }
}

body.page-template-invest-php .environment ul {
    max-width: 87.5em;
    margin-left: auto;
    margin-right: auto;
    margin: 5vw auto;
    width: 80vw
}

body.page-template-invest-php .environment ul:after {
    content: "";
    display: table;
    clear: both
}

body.page-template-invest-php .environment ul li {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 14.81013%;
    color: #0E3154;
    text-align: center
}

body.page-template-invest-php .environment ul li:last-child {
    margin-right: 0
}

body.page-template-invest-php .environment ul li.overview {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 23.32912%;
    text-align: left
}

body.page-template-invest-php .environment ul li.overview:last-child {
    margin-right: 0
}

body.page-template-invest-php .environment ul li i {
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 2px #0E3154;
    border-radius: 40px;
    display: block;
    font-size: 2rem;
    line-height: 50px;
    height: 60px;
    margin: 0 auto 30px auto;
    text-align: center;
    width: 60px
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .environment ul li {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 48.88608%
    }

    body.page-template-invest-php .environment ul li:last-child {
        margin-right: 0
    }

    body.page-template-invest-php .environment ul li:nth-child(even) {
        margin-left: 0
    }

    body.page-template-invest-php .environment ul li:nth-child(odd) {
        margin: 0
    }

    body.page-template-invest-php .environment ul li.overview {
        width: 100%
    }
}

body.page-template-invest-php .investment ul {
    display: inline-block;
    margin: 5vw auto;
    max-width: 80vw
}

body.page-template-invest-php .investment ul li {
    display: inline-block;
    margin: 0 20px;
    width: 240px;
    text-align: center
}

body.page-template-invest-php .investment ul a {
    width: 240px;
    height: 240px;
    display: block;
    background-color: #f2f2f2;
    border-radius: 50%;
    background-size: cover
}

body.page-template-invest-php .investment ul a.port {
    background-image: url('../img/invest/opportunity-port.jpg')
}

body.page-template-invest-php .investment ul a.industrial-valley-1 {
    background-image: url('../img/invest/opportunity-industrial-valley1.jpg')
}

body.page-template-invest-php .investment ul a.industrial-valley-2 {
    background-image: url('../img/invest/opportunity-industrial-valley2.jpg')
}

body.page-template-invest-php .investment ul a span {
    border: 1px solid #ffffff;
    border-radius: 18px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    line-height: 36px;
    margin-top: 100px;
    overflow: hidden;
    padding: 0 20px;
    text-transform: uppercase
}

body.page-template-invest-php .investment ul a span.dark {
    border: 1px solid #505050;
    color: #505050
}

body.page-template-invest-php .investment ul p {
    color: #0E3154;
    font-size: 20px;
    margin-top: 30px
}

@media screen and (max-width: 1000px) {
    body.page-template-invest-php .investment ul {
        max-width: 80vw
    }

    body.page-template-invest-php .investment ul li {
        margin: 0 10px
    }
}

body.page-template-invest-php .divider {
    background-size: cover;
    position: relative;
    width: 100vw
}

body.page-template-invest-php .divider.white-gradient-slant {
    background-image: url("../img/dividers/white-gradient-slant-up-browser.png");
    padding-top: 28.54167vw;
    margin-top: -17vw;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .divider.white-blue-slant {
    background-image: url("../img/invest/overlay/divider-white-blue-slant-browser.png");
    padding-top: 12.98611%;
    margin-top: 5vw;
    margin-bottom: -9.2vw;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-php .divider.white-blue-slant {
        background-image: url("../img/invest/overlay/divider-white-blue-slant-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-php .divider.white-blue-slant {
        background-image: url("../img/invest/overlay/divider-white-blue-slant-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .divider.white-blue-slant {
            background-image: url("../img/invest/overlay/divider-white-blue-slant-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-php .divider.white-blue-slant {
        background-image: url("../img/invest/overlay/divider-white-blue-slant-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-php .divider.white-blue-slant {
            background-image: url("../img/invest/overlay/divider-white-blue-slant-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-invest-php .divider.white-down-slant {
    border-bottom: solid 10vw #ffffff;
    border-right: solid 100vw transparent;
    height: 0;
    width: 0;
    margin-top: -10vw;
    z-index: 100
}

body.page-template-invest-php .divider.white-grey-gradient-up-slant {
    margin-bottom: -5%;
    margin-top: 0;
    position: relative;
    z-index: -1
}

body.page-template-invest-php .button {
    border: 1px solid #2B4462;
    color: #2B4462
}

body.page-template-invest-php .button:hover {
    background-color: #2B4462;
    color: #ffffff
}

body.page-template-invest-php .button.full {
    background-color: #2B4462;
    color: #ffffff
}

body.page-template-invest-awarded-bids {
}

body.page-template-invest-awarded-bids .banner {
    min-height: 45.48611vw;
    overflow: auto;
    background-image: url("../img/invest/header-awarded-bids-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-invest-awarded-bids .banner {
        background-image: url("../img/invest/header-awarded-bids-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-invest-awarded-bids .banner {
        background-image: url("../img/invest/header-awarded-bids-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-awarded-bids .banner {
            background-image: url("../img/invest/header-awarded-bids-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-awarded-bids .banner {
        background-image: url("../img/invest/header-awarded-bids-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-invest-awarded-bids .banner {
            background-image: url("../img/invest/header-awarded-bids-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-invest-awarded-bids .banner h1, body.page-template-invest-awarded-bids .banner p {
    margin-right: auto;
    margin-left: auto;
    color: #ffffff;
    max-width: 600px;
    text-align: center;
    width: 80vw
}

body.page-template-invest-awarded-bids .banner h1 {
    font-size: 40px;
    line-height: 1.167;
    margin-bottom: 3%;
    margin-top: 15%
}

@media screen and (max-width: 769px) {
    body.page-template-invest-awarded-bids .banner h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 500px) {
    body.page-template-invest-awarded-bids .banner h1 {
        font-size: 25px;
    }
}

body.page-template-invest-awarded-bids .banner p {
    color: #ffffff
}

@media screen and (max-width: 500px) {
    body.page-template-invest-awarded-bids .banner {
        min-height: 100vw
    }
}

body.page-template-invest-awarded-bids .contracts {
    background-color: #ffffff
}

body.page-template-invest-awarded-bids .contracts:after {
    content: "";
    display: table;
    clear: both
}

body.page-template-invest-awarded-bids .contracts .contract-count {
    border: 1px solid #2B4462;
    border-radius: 50%;
    color: #2B4462;
    display: inline-block;
    font-size: 40px;
    line-height: 100px;
    width: 100px
}

body.page-template-invest-awarded-bids .contracts .contract-count + p {
    color: #2B4462;
    padding-left: 10vw;
    padding-right: 10vw;
    margin-bottom: 5vw
}

body.page-template-invest-awarded-bids .awarded-bids {
    background-color: #f6f6f6;
    padding-top: 15vw
}

body.page-template-invest-awarded-bids .divider {
    background-size: cover;
    position: relative;
    width: 100vw
}

body.page-template-invest-awarded-bids .divider.white-up-slant {
    border-bottom: solid 15vw #ffffff;
    border-left: solid 100vw transparent;
    height: 0;
    width: 0;
    margin-top: -14.9vw;
    z-index: 100
}

body.page-template-invest-awarded-bids .divider.white-down-slant {
    border-bottom: solid 15vw transparent;
    border-right: solid 100vw white;
    height: 0;
    width: 0;
    margin-bottom: -15vw;
    z-index: 100
}

body.page-template-live {
}

body.page-template-live .hero-carousel {
    position: relative
}

body.page-template-live .hero-carousel .slide-1 {
    color: #ffffff;
    background-image: url("../img/live/header-1-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .hero-carousel .slide-1 {
        background-image: url("../img/live/header-1-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .hero-carousel .slide-1 {
        background-image: url("../img/live/header-1-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .hero-carousel .slide-1 {
            background-image: url("../img/live/header-1-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .hero-carousel .slide-1 {
        background-image: url("../img/live/header-1-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .hero-carousel .slide-1 {
            background-image: url("../img/live/header-1-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-live .hero-carousel .slide-2 {
    color: #ffffff;
    background-image: url("../img/live/header-2-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .hero-carousel .slide-2 {
        background-image: url("../img/live/header-2-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .hero-carousel .slide-2 {
        background-image: url("../img/live/header-2-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .hero-carousel .slide-2 {
            background-image: url("../img/live/header-2-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .hero-carousel .slide-2 {
        background-image: url("../img/live/header-2-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .hero-carousel .slide-2 {
            background-image: url("../img/live/header-2-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-live .hero-carousel .slide-3 {
    color: #505050;
    background-image: url("../img/live/header-3-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .hero-carousel .slide-3 {
        background-image: url("../img/live/header-3-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .hero-carousel .slide-3 {
        background-image: url("../img/live/header-3-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .hero-carousel .slide-3 {
            background-image: url("../img/live/header-3-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .hero-carousel .slide-3 {
        background-image: url("../img/live/header-3-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .hero-carousel .slide-3 {
            background-image: url("../img/live/header-3-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-live .hero-carousel .slide-4 {
    color: #ffffff;
    background-image: url("../img/live/header-4-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .hero-carousel .slide-4 {
        background-image: url("../img/live/header-4-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .hero-carousel .slide-4 {
        background-image: url("../img/live/header-4-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .hero-carousel .slide-4 {
            background-image: url("../img/live/header-4-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .hero-carousel .slide-4 {
        background-image: url("../img/live/header-4-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .hero-carousel .slide-4 {
            background-image: url("../img/live/header-4-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-live .hero-carousel h1, body.page-template-live .hero-carousel p {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    text-align: center;
    width: 70vw
}

body.page-template-live .hero-carousel h1 {
    color: inherit;
    margin-bottom: 3%;
    margin-top: 15%
}

body.page-template-live .hero-carousel p {
    color: inherit
}

body.page-template-live .event-banner {
    background-image: url("../img/live/banner-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .event-banner {
        background-image: url("../img/live/banner-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .event-banner {
        background-image: url("../img/live/banner-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .event-banner {
            background-image: url("../img/live/banner-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .event-banner {
        background-image: url("../img/live/banner-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .event-banner {
            background-image: url("../img/live/banner-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-live section {
    text-align: center
}

body.page-template-live section h2 {
    color: #FF8D0C
}

body.page-template-live section p {
    margin: 10px auto 30px auto
}

body.page-template-live .life-as-it-could-be {
    margin-bottom: 10vw;
    margin-top: 10vw
}

body.page-template-live .huna-module {
    margin-bottom: 10vw;
    margin-top: 10vw
}

body.page-template-live .huna-module .action-arrow, body.page-template-live .huna-module .action-arrow:after {
    color: #FF8D0C
}

body.page-template-live .huna-form {
    background-image: url("../img/huna/bg-live-huna-magazine-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .huna-form {
        background-image: url("../img/huna/bg-live-huna-magazine-browser_2x.jpg");
        background-size: 100% auto;
    }
}

body.page-template-live .places-carousel {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100vw;
    margin-top: -17.15%;
    position: relative
}

body.page-template-live .places-carousel.places-carousel-ar .track {
    margin-left: -400vw
}

body.page-template-live .places-carousel .texture-layer {
    background-image: url("../img/live/live-layer-alt-browser.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 50vw;
    position: absolute;
    width: 100%;
    z-index: 5
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .places-carousel .texture-layer {
        background-image: url("../img/live/live-layer-alt-browser_2x.png");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .places-carousel .texture-layer {
        background-image: url("../img/live/live-layer-alt-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .texture-layer {
            background-image: url("../img/live/live-layer-alt-tablet_2x.png");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .places-carousel .texture-layer {
        background-image: url("../img/live/live-layer-alt-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .texture-layer {
            background-image: url("../img/live/live-layer-alt-phone_2x.png");
            background-size: 100% auto;
        }
    }
}

body.page-template-live .places-carousel .carousel {
    height: 100%
}

body.page-template-live .places-carousel .carousel .slide {
    background-position: bottom center
}

body.page-template-live .places-carousel .carousel nav {
    position: absolute;
    top: 18%;
    right: 0;
    left: 0;
    z-index: 10
}

body.page-template-live .places-carousel .carousel h2 {
    font-size: 40px;
    margin: 33% auto 10px auto;
    max-width: 600px
}

body.page-template-live .places-carousel .carousel h2 em {
    font-style: italic
}

body.page-template-live .places-carousel .carousel h3 {
    color: #505050;
    margin: 0 auto;
    max-width: 600px
}

body.page-template-live .places-carousel .carousel p {
    color: #505050;
    font-size: 14px;
    margin: 0 0 10px 0
}

body.page-template-live .places-carousel .carousel .columns {
    margin: 2% auto;
    max-width: 50vw
}

@media screen and (max-width: 500px) {
    body.page-template-live .places-carousel .carousel .columns {
        max-width: 80vw;
    }
}

body.page-template-live .places-carousel .slide-1 {
    background-image: url("../img/live/juman-park-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .places-carousel .slide-1 {
        background-image: url("../img/live/juman-park-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .places-carousel .slide-1 {
        background-image: url("../img/live/juman-park-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-1 {
            background-image: url("../img/live/juman-park-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .places-carousel .slide-1 {
        background-image: url("../img/live/juman-park-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-1 {
            background-image: url("../img/live/juman-park-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-live .places-carousel .slide-2 {
    background-image: url("../img/live/modern-housing-browser.jpg");
    background-size: 100% auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .places-carousel .slide-2 {
        background-image: url("../img/live/modern-housing-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .places-carousel .slide-2 {
        background-image: url("../img/live/modern-housing-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-2 {
            background-image: url("../img/live/modern-housing-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .places-carousel .slide-2 {
        background-image: url("../img/live/modern-housing-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-2 {
            background-image: url("../img/live/modern-housing-phone_2x.jpg");
            background-size: 100% auto;
        }
    }
}

body.page-template-live .places-carousel .slide-3 {
    background-image: url("../img/live/world-academy-browser.jpg");
    background-size: 100% auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .places-carousel .slide-3 {
        background-image: url("../img/live/world-academy-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .places-carousel .slide-3 {
        background-image: url("../img/live/world-academy-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-3 {
            background-image: url("../img/live/world-academy-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .places-carousel .slide-3 {
        background-image: url("../img/live/world-academy-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-3 {
            background-image: url("../img/live/world-academy-phone_2x.jpg");
            background-size: 100% auto;
        }
    }
}

body.page-template-live .places-carousel .slide-4 {
    background-image: url("../img/live/world-class-services-browser.jpg");
    background-size: 100% auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .places-carousel .slide-4 {
        background-image: url("../img/live/world-class-services-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .places-carousel .slide-4 {
        background-image: url("../img/live/world-class-services-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-4 {
            background-image: url("../img/live/world-class-services-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .places-carousel .slide-4 {
        background-image: url("../img/live/world-class-services-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-4 {
            background-image: url("../img/live/world-class-services-phone_2x.jpg");
            background-size: 100% auto;
        }
    }
}

body.page-template-live .places-carousel .slide-5 {
    background-image: url("../img/live/marina-promenade-browser.jpg");
    background-size: 100% auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .places-carousel .slide-5 {
        background-image: url("../img/live/marina-promenade-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .places-carousel .slide-5 {
        background-image: url("../img/live/marina-promenade-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-5 {
            background-image: url("../img/live/marina-promenade-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .places-carousel .slide-5 {
        background-image: url("../img/live/marina-promenade-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .places-carousel .slide-5 {
            background-image: url("../img/live/marina-promenade-phone_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .places-carousel {
        height: 150vw
    }
}

body.page-template-live ul.school-table {
    border: 1px solid #d7d7d7;
    border-radius: 18px;
    font-size: 12px;
    line-height: 1.4;
    margin: 2% auto;
    max-width: 800px;
    overflow: hidden;
    text-transform: uppercase
}

body.page-template-live ul.school-table li {
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: auto 25%;
    border-left: 1px solid #d7d7d7;
    float: left;
    min-height: 180px;
    padding: 100px 30px 30px;
    width: 25%
}

@media screen and (max-width: 769px) {
    body.page-template-live ul.school-table li {
        min-height: none;
        width: 50%;
    }

    body.page-template-live ul.school-table li:nth-child(3), body.page-template-live ul.school-table li:nth-child(4) {
        border-top: solid 1px #d7d7d7
    }
}

body.page-template-live ul.school-table li:first-child {
    border: none
}

body.page-template-live ul.school-table li.curriculum {
    background-image: url('../img/svg/curriculum.svg')
}

body.page-template-live ul.school-table li.character {
    background-image: url('../img/svg/character.svg')
}

body.page-template-live ul.school-table li.health {
    background-image: url('../img/svg/health.svg')
}

body.page-template-live ul.school-table li.core-values {
    background-image: url('../img/svg/core-values.svg')
}

body.page-template-live ul.table {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #d7d7d7;
    border-radius: 18px;
    font-size: 12px;
    line-height: 1.4;
    margin: 2% auto;
    max-width: 800px;
    overflow: hidden;
    text-transform: uppercase
}

body.page-template-live ul.table li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 25%;
    -moz-flex: 1 25%;
    -ms-flex: 1 25%;
    flex: 1 25%;
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: auto 25%;
    border-left: 1px solid #d7d7d7;
    padding: 100px 30px 30px
}

body.page-template-live ul.table li:first-child {
    border: none
}

body.page-template-live ul.table li.curriculum {
    background-image: url('../img/svg/curriculum.svg')
}

body.page-template-live ul.table li.character {
    background-image: url('../img/svg/character.svg')
}

body.page-template-live ul.table li.health {
    background-image: url('../img/svg/health.svg')
}

body.page-template-live ul.table li.core-values {
    background-image: url('../img/svg/core-values.svg')
}

body.page-template-live ul.table h4 {
    color: #61a925;
    text-transform: uppercase
}

body.page-template-live ul.table p {
    text-align: left
}

body.page-template-live .home-search {
    margin-bottom: 10vw;
    margin-bottom: 10vw
}

body.page-template-live .home-search p {
    margin-bottom: 5%;
    margin-top: 10px
}

body.page-template-live .live-options {
    margin-bottom: 10%
}

body.page-template-live .live-options p {
    margin-bottom: 5%;
    margin-top: 10px
}

body.page-template-live .live-options ul {
    text-align: center
}

body.page-template-live .live-options li {
    display: inline-block;
    padding: 0 35px
}

body.page-template-live .live-options a {
    display: block;
    text-align: center
}

body.page-template-live .live-options a .title {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 100px;
    margin-bottom: 20px;
    position: relative
}

body.page-template-live .live-options a .title span {
    position: absolute;
    bottom: -30px;
    left: 0;
    display: inline-block;
    font-size: 1.125rem;
    text-transform: uppercase;
    width: 100%
}

body.page-template-live .live-options a .description {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    opacity: 0
}

body.page-template-live .live-options a .title:hover + .description {
    opacity: 1
}

body.page-template-live .live-options a.al-shurooq .title {
    background-image: url("../img/ar/live/alshurooq-gray-AR.png");
    width: 115px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.al-shurooq .title {
        background-image: url("../img/ar/live/alshurooq-gray-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a.al-shurooq .title:hover {
    background-image: url("../img/ar/live/alshurooq-AR.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.al-shurooq .title:hover {
        background-image: url("../img/ar/live/alshurooq-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a.al-waha .title {
    background-image: url("../img/ar/live/alwaha-gray-AR.png");
    width: 85px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.al-waha .title {
        background-image: url("../img/ar/live/alwaha-gray-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a.al-waha .title:hover {
    background-image: url("../img/ar/live/alwaha-AR.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.al-waha .title:hover {
        background-image: url("../img/ar/live/alwaha-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a.al-talah-gardens .title {
    background-image: url("../img/ar/live/altalah-gray-AR.png");
    width: 175px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.al-talah-gardens .title {
        background-image: url("../img/ar/live/altalah-gray-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a.al-talah-gardens .title:hover {
    background-image: url("../img/ar/live/altalah-AR.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.al-talah-gardens .title:hover {
        background-image: url("../img/ar/live/altalah-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a.bay-la-sun .title {
    background-image: url("../img/ar/live/baylasun-gray-AR.png");
    width: 105px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.bay-la-sun .title {
        background-image: url("../img/ar/live/baylasun-gray-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a.bay-la-sun .title:hover {
    background-image: url("../img/ar/live/baylasun-AR.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.bay-la-sun .title:hover {
        background-image: url("../img/ar/live/baylasun-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a.al-murooj .title {
    background-image: url("../img/ar/live/almurooj-AR.png");
    width: 100px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .live-options a.al-murooj .title {
        background-image: url("../img/ar/live/almurooj-AR_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-live .live-options a .description {
    margin-top: 25px
}

body.page-template-live .divider {
    background-size: cover;
    position: relative;
    width: 100vw
}

body.page-template-live .divider.white-gradient-slant {
    background-image: url("../img/dividers/white-gradient-slant-up-browser.png");
    padding-top: 28.54167vw;
    margin-top: -17vw;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-live .divider.white-slant {
    border-bottom: solid 17vw #ffffff;
    border-left: solid 100vw transparent;
    margin-top: -17vw;
    height: 0;
    overflow: hidden;
    width: 0
}

body.page-template-live .divider.white-grey-gradient-down-slant {
    background-image: url("../img/dividers/white-grey-gradient-down-slant-browser.png");
    padding-top: 51.11111%;
    margin-bottom: -20vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .divider.white-grey-gradient-down-slant {
        background-image: url("../img/dividers/white-grey-gradient-down-slant-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .divider.white-grey-gradient-down-slant {
        background-image: url("../img/dividers/white-grey-gradient-down-slant-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .divider.white-grey-gradient-down-slant {
            background-image: url("../img/dividers/white-grey-gradient-down-slant-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .divider.white-grey-gradient-down-slant {
        background-image: url("../img/dividers/white-grey-gradient-down-slant-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .divider.white-grey-gradient-down-slant {
            background-image: url("../img/dividers/white-grey-gradient-down-slant-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-live .divider.white-orange-down-slant {
    background-image: url("../img/dividers/white-orange-down-slant-browser.png");
    padding-top: 17.15278%;
    position: relative;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-live .divider.white-orange-down-slant {
        background-image: url("../img/dividers/white-orange-down-slant-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-live .divider.white-orange-down-slant {
        background-image: url("../img/dividers/white-orange-down-slant-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .divider.white-orange-down-slant {
            background-image: url("../img/dividers/white-orange-down-slant-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-live .divider.white-orange-down-slant {
        background-image: url("../img/dividers/white-orange-down-slant-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-live .divider.white-orange-down-slant {
            background-image: url("../img/dividers/white-orange-down-slant-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-live .divider.white-grey-gradient-up-slant {
    margin-bottom: -5%;
    margin-top: 0;
    position: relative;
    z-index: -1
}

body.page-template-live .button {
    border: 1px solid #FF8D0C;
    color: #FF8D0C
}

body.page-template-live .button:hover {
    background-color: #FF8D0C;
    color: #ffffff
}

body.page-template-live .button.full {
    background-color: #FF8D0C;
    color: #ffffff
}

body.parent-location.page-template-location .spirals .stretch:nth-child(1), body.parent-location-ar.page-template-location .spirals .stretch:nth-child(1) {
    color: #ffffff
}

body.parent-location.page-template-location .spirals section:last-of-type, body.parent-location-ar.page-template-location .spirals section:last-of-type {
    min-height: 65vw
}

body.parent-location.page-template-location h1 + p, body.parent-location-ar.page-template-location h1 + p {
    max-width: 560px
}

@media screen and (max-width: 600px) {
    body.parent-location.page-template-location .spirals section:last-of-type, body.parent-location-ar.page-template-location .spirals section:last-of-type {
        min-height: 210vw
    }
}

body.parent-location.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location-ar.page-template-location-map .spirals .stretch:nth-child(2) {
    color: #ffffff
}

body.parent-location.page-template-location-map .spirals .flex-sub-menu, body.parent-location-ar.page-template-location-map .spirals .flex-sub-menu {
    margin-top: 40px
}

body.parent-location.page-template-location-map section:not(.standard-header) .wrapper, body.parent-location-ar.page-template-location-map section:not(.standard-header) .wrapper {
    padding: 0 20%
}

@media screen and (max-width: 900px) {
    body.parent-location.page-template-location-map section:not(.standard-header) .wrapper, body.parent-location-ar.page-template-location-map section:not(.standard-header) .wrapper {
        padding: 0 10%;
    }
}

@media screen and (max-width: 769px) {
    body.parent-location.page-template-location-map section:not(.standard-header) .wrapper, body.parent-location-ar.page-template-location-map section:not(.standard-header) .wrapper {
        padding: 0 5%;
    }
}

body.parent-location.page-template-location-map section.map-controls, body.parent-location-ar.page-template-location-map section.map-controls {
    margin: 50px 0 30px 0
}

body.parent-location.page-template-location-map section.map-controls .map-toggle, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle {
    padding-right: 5px;
    padding-left: 5px;
    width: 140px;
    height: 120px;
    color: #ffffff;
    float: left;
    font-size: 0.875rem;
    margin-bottom: 10px
}

body.parent-location.page-template-location-map section.map-controls .map-toggle:before, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle:before {
    display: block;
    font-size: 3.375rem;
    margin-bottom: 10px;
    text-align: center
}

body.parent-location.page-template-location-map section.map-controls .map-toggle#map-1:hover, body.parent-location.page-template-location-map section.map-controls .map-toggle#map-1.active, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-1:hover, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-1.active {
    color: #60dc5d
}

body.parent-location.page-template-location-map section.map-controls .map-toggle#map-2:hover, body.parent-location.page-template-location-map section.map-controls .map-toggle#map-2.active, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-2:hover, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-2.active {
    color: #3fd6cc
}

body.parent-location.page-template-location-map section.map-controls .map-toggle#map-3:hover, body.parent-location.page-template-location-map section.map-controls .map-toggle#map-3.active, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-3:hover, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-3.active {
    color: #45c9fd
}

body.parent-location.page-template-location-map section.map-controls .map-toggle#map-4:hover, body.parent-location.page-template-location-map section.map-controls .map-toggle#map-4.active, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-4:hover, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-4.active {
    color: #c2e561
}

body.parent-location.page-template-location-map section.map-controls .map-toggle:nth-child(3), body.parent-location-ar.page-template-location-map section.map-controls .map-toggle:nth-child(3) {
    clear: both
}

@media screen and (max-width: 650px) {
    body.parent-location.page-template-location-map section.map-controls, body.parent-location-ar.page-template-location-map section.map-controls {
        margin: 50px 0 20px;
    }

    body.parent-location.page-template-location-map section.map-controls .map-toggle, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle {
        width: 140px;
        height: 105px;
        margin-bottom: 0px
    }

    body.parent-location.page-template-location-map section.map-controls .map-toggle#map-1, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-1 {
        color: #60dc5d
    }

    body.parent-location.page-template-location-map section.map-controls .map-toggle#map-2, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-2 {
        color: #3fd6cc
    }

    body.parent-location.page-template-location-map section.map-controls .map-toggle#map-3, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-3 {
        color: #45c9fd
    }

    body.parent-location.page-template-location-map section.map-controls .map-toggle#map-4, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle#map-4 {
        color: #c2e561
    }

    body.parent-location.page-template-location-map section.map-controls .map-toggle:before, body.parent-location-ar.page-template-location-map section.map-controls .map-toggle:before {
        font-size: 2.625rem
    }

    body.parent-location.page-template-location-map section.map-controls .map-toggle:nth-child(1n+3), body.parent-location-ar.page-template-location-map section.map-controls .map-toggle:nth-child(1n+3) {
        margin-top: 225px
    }

    body.parent-location.page-template-location-map section.map-controls .map-toggle:nth-child(even), body.parent-location-ar.page-template-location-map section.map-controls .map-toggle:nth-child(even) {
        float: right
    }
}

body.parent-location.page-template-location-map section.directions, body.parent-location-ar.page-template-location-map section.directions {
    padding: 50px 0 150px 0
}

body.parent-location.page-template-location-map section.directions span, body.parent-location.page-template-location-map section.directions ul, body.parent-location-ar.page-template-location-map section.directions span, body.parent-location-ar.page-template-location-map section.directions ul {
    padding: 20px 25px;
    width: 280px
}

body.parent-location.page-template-location-map section.directions span, body.parent-location-ar.page-template-location-map section.directions span {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #ffffff;
    display: block;
    font-size: 0.875rem
}

body.parent-location.page-template-location-map section.directions ul, body.parent-location-ar.page-template-location-map section.directions ul {
    background-color: #e4e4e4;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

body.parent-location.page-template-location-map section.directions ul li h3, body.parent-location.page-template-location-map section.directions ul li a, body.parent-location-ar.page-template-location-map section.directions ul li h3, body.parent-location-ar.page-template-location-map section.directions ul li a {
    line-height: 1.4
}

body.parent-location.page-template-location-map section.directions ul li h3, body.parent-location-ar.page-template-location-map section.directions ul li h3 {
    font-size: 1.125rem
}

body.parent-location.page-template-location-map section.directions ul li a, body.parent-location-ar.page-template-location-map section.directions ul li a {
    color: #61A925;
    display: block;
    font-size: 0.8125rem
}

body.parent-location.page-template-location-map section.directions ul li a:after, body.parent-location-ar.page-template-location-map section.directions ul li a:after {
    font-size: 0.5rem
}

body.parent-location.page-template-location-map section.directions ul li a:hover, body.parent-location-ar.page-template-location-map section.directions ul li a:hover {
    color: #505050
}

body.parent-location.page-template-location-map section.directions ul li a:hover:after, body.parent-location-ar.page-template-location-map section.directions ul li a:hover:after {
    color: #505050
}

body.parent-location.page-template-location-map section.directions ul li + li, body.parent-location-ar.page-template-location-map section.directions ul li + li {
    margin-top: 20px
}

@media screen and (max-width: 650px) {
    body.parent-location.page-template-location-map section.directions, body.parent-location-ar.page-template-location-map section.directions {
        padding: 20px 0 50px;
    }

    body.parent-location.page-template-location-map section.directions span, body.parent-location.page-template-location-map section.directions ul, body.parent-location-ar.page-template-location-map section.directions span, body.parent-location-ar.page-template-location-map section.directions ul {
        width: 100%
    }
}

body.page-template-location .spirals {
    background-image: url("../img/location/new-map-browser.jpg");
    background-position: center bottom;
    background-size: cover;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-location .spirals {
        background-image: url("../img/location/new-map-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-location .spirals {
        background-image: url("../img/location/new-map-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-location .spirals {
            background-image: url("../img/location/new-map-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 600px) {
    body.page-template-location .spirals {
        background-image: url("../img/location/new-map-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-location .spirals {
            background-image: url("../img/location/new-map-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-location-map .spirals {
    background-image: url("../img/location/map1-browser.jpg");
    background-position: center center;
    background-size: cover;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-location-map .spirals {
        background-image: url("../img/location/map1-browser_2x.jpg");
        background-size: cover;
    }
}

body.page-template-location-map .map-layer {
    -webkit-transition: all 0.95s;
    -moz-transition: all 0.95s;
    transition: all 0.95s;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: 0;
    width: 100%;
    z-index: 1
}

body.page-template-location-map .map-layer.active {
    opacity: 1
}

body.page-template-location-map #layer-1 {
    background-image: url("../img/location/map-area-1-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-location-map #layer-1 {
        background-image: url("../img/location/map-area-1-browser_2x.png");
        background-size: cover;
    }
}

body.page-template-location-map #layer-2 {
    background-image: url("../img/location/map-area-2-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-location-map #layer-2 {
        background-image: url("../img/location/map-area-2-browser_2x.png");
        background-size: cover;
    }
}

body.page-template-location-map #layer-3 {
    background-image: url("../img/location/map-area-3-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-location-map #layer-3 {
        background-image: url("../img/location/map-area-3-browser_2x.png");
        background-size: cover;
    }
}

body.page-template-location-map #layer-4 {
    background-image: url("../img/location/map-area-4-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-location-map #layer-4 {
        background-image: url("../img/location/map-area-4-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-location-map .spirals {
        background-image: url("../img/location/map1-tablet.jpg")
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-location-map .spirals {
            background-image: url("../img/location/map1-tablet_2x.jpg");
            background-size: cover;
        }
    }body.page-template-location-map #layer-1 {
         background-image: url("../img/location/map-area-1-tablet.png")
     }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-location-map #layer-1 {
            background-image: url("../img/location/map-area-1-tablet_2x.png");
            background-size: cover;
        }
    }body.page-template-location-map #layer-2 {
         background-image: url("../img/location/map-area-2-tablet.png")
     }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-location-map #layer-2 {
            background-image: url("../img/location/map-area-2-tablet_2x.png");
            background-size: cover;
        }
    }body.page-template-location-map #layer-3 {
         background-image: url("../img/location/map-area-3-tablet.png")
     }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-location-map #layer-3 {
            background-image: url("../img/location/map-area-3-tablet_2x.png");
            background-size: cover;
        }
    }body.page-template-location-map #layer-4 {
         background-image: url("../img/location/map-area-4-tablet.png")
     }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-location-map #layer-4 {
            background-image: url("../img/location/map-area-4-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 650px) {
    body.page-template-location-map .spirals {
        background-image: url("../img/location/map1-phone.jpg")
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-location-map .spirals {
            background-image: url("../img/location/map1-phone_2x.jpg");
            background-size: cover;
        }
    }body.page-template-location-map #layer-1, body.page-template-location-map #layer-2, body.page-template-location-map #layer-3, body.page-template-location-map #layer-4 {
         display: none
     }
}

body.language-ar.page-template-location .spirals {
    background-image: url("../img/location/ar-map-browser.jpg");
    background-position: center top
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar.page-template-location .spirals {
        background-image: url("../img/location/ar-map-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.language-ar.page-template-location .spirals {
        background-image: url("../img/location/ar-map-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar.page-template-location .spirals {
            background-image: url("../img/location/ar-map-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 600px) {
    body.language-ar.page-template-location .spirals {
        background-image: url("../img/location/ar-map-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar.page-template-location .spirals {
            background-image: url("../img/location/ar-map-phone_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 650px) {
    body.language-ar.page-template-location-map .spirals {
        background-image: url("../img/location/ar-map1-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar.page-template-location-map .spirals {
            background-image: url("../img/location/ar-map1-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.parent-pressroom section, body.parent-pressroom-ar section {
    position: relative
}

body.parent-pressroom .gform_wrapper ul, body.parent-pressroom-ar .gform_wrapper ul {
    height: auto;
    position: relative
}

body.parent-pressroom .gform_wrapper li, body.parent-pressroom-ar .gform_wrapper li {
    margin-bottom: 5px;
    width: calc(50% - 20px)
}

body.parent-pressroom .gform_wrapper li:nth-child(6), body.parent-pressroom-ar .gform_wrapper li:nth-child(6) {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0px
}

body.parent-pressroom .gform_wrapper li:nth-child(7), body.parent-pressroom-ar .gform_wrapper li:nth-child(7) {
    position: absolute;
    top: 80px;
    right: 0
}

@media screen and (max-width: 769px) {
    body.parent-pressroom .gform_wrapper li, body.parent-pressroom-ar .gform_wrapper li {
        position: static !important;
        right: auto;
        top: auto;
        width: 100%;
    }
}

body.parent-pressroom .gform_wrapper label, body.parent-pressroom-ar .gform_wrapper label {
    font-size: 0.75rem;
    line-height: 16px
}

body.parent-pressroom .gform_wrapper input[type="submit"], body.parent-pressroom-ar .gform_wrapper input[type="submit"] {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    background-color: #61A925;
    border: solid 1px #ffffff;
    border-radius: 30px;
    color: #ffffff;
    cursor: pointer;
    float: right;
    text-transform: uppercase;
    width: 200px
}

body.parent-pressroom .gform_wrapper input[type="submit"]:hover, body.parent-pressroom-ar .gform_wrapper input[type="submit"]:hover {
    background-color: #ffffff;
    border-color: #61A925;
    color: #61A925
}

body.parent-pressroom .gform_wrapper .gform_footer, body.parent-pressroom-ar .gform_wrapper .gform_footer {
    padding: 30px 40px
}

@media screen and (max-width: 500px) {
    body.parent-pressroom .gform_wrapper input[type="submit"], body.parent-pressroom-ar .gform_wrapper input[type="submit"] {
        float: none;
        margin: 0 auto
    }
}

@media screen and (min-width: 769px) {
    body.parent-pressroom section.pressroom-header, body.parent-pressroom-ar section.pressroom-header {
        height: 260px
    }
}

body.language-ar.parent-pressroom-ar .gform_wrapper li:nth-child(6) {
    position: absolute;
    top: 0;
    right: auto;
    left: 0
}

body.language-ar.parent-pressroom-ar .gform_wrapper li:nth-child(7) {
    position: absolute;
    top: 63px;
    right: auto;
    left: 0
}

body.language-ar.parent-pressroom-ar .gform_wrapper input[type="submit"] {
    float: left
}

body.media-library .spirals, body.media-library-ar .spirals {
    padding-bottom: 60px
}

body.media-library .spirals .stretch:nth-child(1), body.media-library-ar .spirals .stretch:nth-child(1) {
    color: #ffffff
}

body.media-library section .downloads h3, body.media-library-ar section .downloads h3 {
    margin-bottom: 50px
}

body.media-library section .downloads a, body.media-library-ar section .downloads a {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222
}

body.media-library section .downloads a + a, body.media-library-ar section .downloads a + a {
    border-top: none
}

body.media-library section.pr-list, body.media-library-ar section.pr-list {
    background-color: #f0f0f0
}

body.media-library section.industry-news, body.media-library-ar section.industry-news {
    background-color: #505050
}

body.media-library section.industry-news h3, body.media-library-ar section.industry-news h3 {
    padding-top: 50px
}

body.media-library section.industry-news .wrapper, body.media-library-ar section.industry-news .wrapper {
    padding-bottom: 50px
}

body.media-library section.social, body.media-library-ar section.social {
    padding-top: 75px;
    padding-bottom: 140px;
    background-color: #3c3c3c
}

body.media-library section.social a, body.media-library-ar section.social a {
    padding: 10px 0 10px 80px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 1.125rem;
    line-height: 1.25rem;
    height: 60px;
    margin: 30px 80px 0 0;
    position: relative;
    width: 200px
}

body.media-library section.social a:after, body.media-library-ar section.social a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    font-size: 3.75rem;
    line-height: 60px;
    margin-right: 10px
}

@media screen and (min-width: 769px) {
    body.media-library section.gallery, body.media-library-ar section.gallery {
        padding-top: 50px
    }

    body.media-library section.gallery .videos, body.media-library-ar section.gallery .videos {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 65.92405%
    }

    body.media-library section.gallery .videos:last-child, body.media-library-ar section.gallery .videos:last-child {
        margin-right: 0
    }

    body.media-library section.gallery .downloads, body.media-library-ar section.gallery .downloads {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 23.32912%;
        margin-left: 8.51899%
    }

    body.media-library section.gallery .downloads:last-child, body.media-library-ar section.gallery .downloads:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 500px) {
    body.media-library section.industry-news, body.media-library-ar section.industry-news {
        padding-top: 150px
    }

    body.media-library section.pr-list, body.media-library-ar section.pr-list {
        padding-top: 100px;
        padding-bottom: 260px
    }
}

@media screen and (max-width: 769px) {
    body.media-library section.gallery, body.media-library-ar section.gallery {
        padding-top: 30px
    }
}

@media screen and (max-width: 500px) {
    body.media-library .flex-item:nth-child(1n+5), body.media-library-ar .flex-item:nth-child(1n+5) {
        display: none
    }
}

body.page-template-press-releases .spirals .stretch:nth-child(2) {
    color: #ffffff
}

body.page-template-press-releases section.pr-list {
    padding-top: 11vw;
    padding-bottom: 19vw
}

body.page-template-press-contacts .spirals {
    padding-bottom: 100px
}

body.page-template-press-contacts .spirals:after {
    content: "";
    display: table;
    clear: both
}

body.page-template-press-contacts .spirals .stretch:nth-child(3) {
    color: #ffffff
}

body.page-template-press-contacts .wrapper h3 {
    margin: 30px 0
}

body.page-template-press-contacts .wrapper section:first-of-type {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 65.92405%
}

body.page-template-press-contacts .wrapper section:first-of-type:last-child {
    margin-right: 0
}

body.page-template-press-contacts .wrapper section:last-of-type {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 31.8481%;
    margin-right: 0
}

body.page-template-press-contacts .wrapper section:last-of-type:last-child {
    margin-right: 0
}

@media screen and (max-width: 940px) {
    body.page-template-press-contacts .wrapper section:first-of-type {
        width: 100%
    }

    body.page-template-press-contacts .wrapper section:last-of-type {
        width: 100%;
        margin-right: 0
    }
}

body.page-template-press-contacts .media-form {
    background-color: #e4e4e4;
    padding-top: 40px
}

body.page-template-press-contacts .media-form h4 {
    line-height: 1.4;
    margin-bottom: 0px;
    padding: 0 20px;
    text-align: center
}

body.page-template-press-contacts .media-form form {
    width: 100%
}

body.page-template-press-contacts .media-form form > div {
    padding: 40px
}

body.page-template-press-contacts .media-form form > div:after {
    content: "";
    display: table;
    clear: both
}

body.page-template-press-contacts .media-form form > div:first-of-type {
    background-color: #e4e4e4
}

body.page-template-press-contacts .media-form form > div:last-of-type {
    background: #ffffff
}

body.page-template-press-contacts .media-form form input {
    border-radius: 0px;
    height: auto;
    line-height: 20px;
    padding: 19px
}

body.page-template-press-contacts .media-form form input[type="submit"] {
    padding: 12px 20px
}

body.page-template-press-contacts .media-form form input + input {
    border-top: solid 2px #e4e4e4
}

body.page-template-press-contacts .media-form form select {
    display: block;
    width: 100%
}

body.page-template-press-contacts .media-form form textarea {
    border: none;
    clear: both;
    display: block;
    padding: 20px;
    width: 100%
}

@media screen and (max-width: 500px) {
    body.page-template-press-contacts .media-form form > div {
        padding: 20px
    }

    body.page-template-press-contacts .media-form form textarea {
        margin-top: 0px
    }
}

body.page-template-press-contacts .gform_confirmation_message {
    font-size: 1.25rem;
    padding: 40px;
    text-align: center
}

body.page-template-simple .spirals {
    height: 200px
}

body.page-template-simple .spirals h1 {
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 150px;
    text-align: center
}

body.page-template-simple section {
    background-color: #f0f0f0;
    background-image: -webkit-linear-gradient(#f0f0f0, #e4e4e4);
    background-image: linear-gradient(#f0f0f0, #e4e4e4)
}
body.page-template-simple section.Logo {
    background-color: transparent !important;
    background: transparent !important;
}
body.page-template-simple section .wrapper {
    padding-top: 50px;
    padding-bottom: 50px
}

body.page-template-simple .content {
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 920px;
    padding: 80px 60px
}

@media screen and (max-width: 769px) {
    body.page-template-simple .content {
        padding: 60px 40px;
    }
}

@media screen and (max-width: 500px) {
    body.page-template-simple .content {
        padding: 30px 20px;
    }
}

body.page-template-simple .content strong {
    display: block;
    margin-bottom: 5px
}

body.single-press_releases section.single-press-release {
    background: #f0f0f0
}

body.single-press_releases section.single-press-release article {
    background-color: #ffffff
}

body.single-press_releases section.single-press-release article > div {
    position: relative
}

body.single-press_releases section.single-press-release h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: left
}

body.single-press_releases section.single-press-release .banner {
    background-size: cover
}

body.single-press_releases section.single-press-release .text {
    border-top: solid 1px #f0f0f0;
    clear: both;
    margin-top: 60px;
    padding: 60px 0px
}

@media screen and (min-width: 900px) {
    body.single-press_releases section.single-press-release article > div {
        margin: 0 auto 220px auto;
        max-width: 980px;
        padding: 80px
    }

    body.single-press_releases section.single-press-release h2, body.single-press_releases section.single-press-release h2 + p {
        max-width: 35%
    }

    body.single-press_releases section.single-press-release .article-head {
        min-height: 210px
    }

    body.single-press_releases section.single-press-release .article-head:after {
        content: "";
        display: table;
        clear: both
    }

    body.single-press_releases section.single-press-release .date {
        position: absolute;
        top: 80px;
        left: 30px
    }

    body.single-press_releases section.single-press-release .banner {
        position: absolute;
        top: -15px;
        right: 80px;
        float: right;
        height: 0px;
        margin: 0px 0 0 80px;
        padding-bottom: 37.5%;
        width: 48%
    }

    body.single-press_releases section.single-press-release .banner span {
        position: absolute;
        top: 0;
        right: -15px;
        height: 0;
        width: 0;
        border-bottom: solid 15px #505050;
        border-right: solid 15px transparent
    }

    body.single-press_releases section.single-press-release .text {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media screen and (max-width: 900px) {
    body.single-press_releases section.single-press-release article > div {
        margin-bottom: 100px;
        padding: 60px;
        overflow: hidden
    }

    body.single-press_releases section.single-press-release .date {
        float: left
    }

    body.single-press_releases section.single-press-release h2, body.single-press_releases section.single-press-release h2 + p {
        padding-left: 50px
    }

    body.single-press_releases section.single-press-release .banner {
        float: none;
        height: 0;
        margin: 30px 0;
        padding: 0 0 78% 0;
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    body.single-press_releases section.single-press-release article > div {
        padding: 20px
    }
}

body.page-template-shareholders-overview .spirals {
    padding-bottom: 20vw;
    overflow: auto
}

body.page-template-shareholders-overview .spirals .stretch:first-of-type {
    color: #ffffff
}

body.page-template-shareholders-overview section.report-list {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 31.8481%
}

body.page-template-shareholders-overview section.report-list:last-child {
    margin-right: 0
}

@media screen and (min-width: 769px) and (max-width: 1150px) {
    body.page-template-shareholders-overview section.report-list {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 48.88608%;
    }

    body.page-template-shareholders-overview section.report-list:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 769px) {
    body.page-template-shareholders-overview section.report-list {
        width: 100%;
    }
}

body.page-template-shareholders-overview section.report-list a, body.page-template-shareholders-overview section.report-list span {
    line-height: 1.125rem
}

body.page-template-shareholders-overview section.report-list a {
    color: #ffffff;
    display: block;
    font-size: 0.875rem;
    position: relative
}

body.page-template-shareholders-overview section.report-list span {
    font-size: 0.875rem
}

body.page-template-shareholders-overview section.report-list span:last-of-type {
    color: #8e8e8e
}

body.page-template-shareholders-overview section.report-list:first-of-type {
    width: 100%;
    margin-bottom: 50px
}

body.page-template-shareholders-overview section.report-list:first-of-type .download {
    float: left;
    margin: 0 60px 30px 0
}

body.page-template-shareholders-overview section.report-list:not(:first-child) h3 {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222
}

body.page-template-shareholders-news .spirals .stretch:nth-child(3) {
    color: #ffffff
}

body.page-template-shareholders-news .spirals section.news-list {
    padding: 50px 0
}

body.page-template-shareholders-stock .spirals .stretch:nth-child(2) {
    color: #ffffff
}

body.page-template-shareholders-stock .stock-info {
    margin-top: 75px;
    margin-right: auto;
    margin-left: auto;
    background-color: #e4e4e4;
    border-radius: 25px;
    max-width: 900px;
    width: 100%
}

body.page-template-shareholders-stock .stock-info:after {
    content: "";
    display: table;
    clear: both
}

body.page-template-shareholders-stock .stock-info li {
    border-bottom: solid 1px #3c3c3c;
    float: left;
    font-size: 0.875rem;
    line-height: 1.125rem;
    padding: 25px
}

body.page-template-shareholders-stock .stock-info li + li {
    border-left: solid 1px #3c3c3c
}

body.page-template-shareholders-stock .stock-info span {
    display: inline-block;
    float: right;
    font-size: 1.0625rem
}

@media screen and (min-width: 850px) {
    body.page-template-shareholders-stock .stock-info li {
        width: 28%
    }

    body.page-template-shareholders-stock .stock-info li:nth-child(3n-1) {
        width: 44%
    }

    body.page-template-shareholders-stock .stock-info li:nth-child(4) {
        border-left: none
    }
}

@media screen and (max-width: 850px) {
    body.page-template-shareholders-stock .stock-info li {
        width: 50%
    }

    body.page-template-shareholders-stock .stock-info li:nth-child(odd) {
        border-left: none
    }
}

@media screen and (max-width: 680px) {
    body.page-template-shareholders-stock .stock-info li {
        border-left: none;
        float: none;
        width: 100%
    }
}

body.page-template-shareholders-stock a.action-arrow {
    color: #61A925;
    display: block;
    margin: 40px auto;
    max-width: 900px;
    width: 100%
}

body.page-template-shareholders-stock a.action-arrow:hover {
    color: #ffffff
}

body.page-template-shareholders-stock a.action-arrow:hover:after {
    color: #ffffff
}

body.page-template-shareholders-stock img {
    display: block;
    margin: 50px auto;
    max-width: 900px;
    width: 100%
}

body.page-template-visit-schedule-php section, body.page-template-visit-plan-php section {
    text-align: center
}

body.page-template-visit-schedule-php section:after, body.page-template-visit-plan-php section:after {
    content: "";
    display: table;
    clear: both
}

body.page-template-visit-schedule-php section h2, body.page-template-visit-plan-php section h2 {
    color: #DF3A62;
    margin-bottom: 5vw
}

body.page-template-visit-schedule-php section h2 span, body.page-template-visit-plan-php section h2 span {
    color: #BC0844;
    font-size: 40px;
    display: block;
    text-transform: uppercase
}

body.page-template-visit-schedule-php section p, body.page-template-visit-plan-php section p {
    margin: 0 auto 30px auto
}

body.page-template-visit-schedule-php .directions, body.page-template-visit-plan-php .directions {
    padding: 10vw 0
}

body.page-template-visit-schedule-php .direction-list, body.page-template-visit-plan-php .direction-list {
    text-align: center
}

body.page-template-visit-schedule-php .direction-list li, body.page-template-visit-plan-php .direction-list li {
    display: inline-block;
    margin: 15px;
    vertical-align: top
}

body.page-template-visit-schedule-php .direction-list li a, body.page-template-visit-plan-php .direction-list li a {
    -webkit-transition: all 0.85s;
    -moz-transition: all 0.85s;
    transition: all 0.85s;
    background-color: #f5f5f5;
    border-radius: 120px;
    border: solid 2px transparent;
    display: block;
    height: 220px;
    padding-top: 70px;
    width: 220px
}

body.page-template-visit-schedule-php .direction-list li a:hover, body.page-template-visit-plan-php .direction-list li a:hover {
    border-color: #df3a62
}

body.page-template-visit-schedule-php .direction-list li span, body.page-template-visit-plan-php .direction-list li span {
    color: #000;
    display: block;
    font-size: 1.125rem
}

body.page-template-visit-schedule-php .direction-list li h3, body.page-template-visit-plan-php .direction-list li h3 {
    font-size: 1.25rem;
    margin: 10px auto 5px auto
}

body.page-template-visit-schedule-php .direction-list li p, body.page-template-visit-plan-php .direction-list li p {
    color: #df3a62;
    display: block;
    font-size: 1rem;
    line-height: 1.4;
    padding: 5px 40px 5px 40px
}

body.page-template-visit-schedule-php .divider, body.page-template-visit-plan-php .divider {
    background-size: cover;
    position: relative;
    width: 100vw
}

body.page-template-visit-schedule-php .divider.white-gradient-slant, body.page-template-visit-plan-php .divider.white-gradient-slant {
    background-image: url("../img/dividers/white-gradient-slant-up-browser.png");
    padding-top: 28.54167vw;
    margin-top: -17vw;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-schedule-php .divider.white-gradient-slant, body.page-template-visit-plan-php .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php .divider.white-gradient-slant, body.page-template-visit-plan-php .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php .divider.white-gradient-slant, body.page-template-visit-plan-php .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-schedule-php .divider.white-gradient-slant, body.page-template-visit-plan-php .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php .divider.white-gradient-slant, body.page-template-visit-plan-php .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-visit-schedule-php .divider.stripes-black-bowtie, body.page-template-visit-plan-php .divider.stripes-black-bowtie {
    background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-browser.png");
    padding-top: 18.4375%;
    margin-bottom: -9.2%;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-schedule-php .divider.stripes-black-bowtie, body.page-template-visit-plan-php .divider.stripes-black-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php .divider.stripes-black-bowtie, body.page-template-visit-plan-php .divider.stripes-black-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php .divider.stripes-black-bowtie, body.page-template-visit-plan-php .divider.stripes-black-bowtie {
            background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-schedule-php .divider.stripes-black-bowtie, body.page-template-visit-plan-php .divider.stripes-black-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php .divider.stripes-black-bowtie, body.page-template-visit-plan-php .divider.stripes-black-bowtie {
            background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-visit-schedule-php .divider.stripes-pink-bowtie, body.page-template-visit-plan-php .divider.stripes-pink-bowtie {
    background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-browser.png");
    padding-top: 28.47222%;
    margin-bottom: -10vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-schedule-php .divider.stripes-pink-bowtie, body.page-template-visit-plan-php .divider.stripes-pink-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php .divider.stripes-pink-bowtie, body.page-template-visit-plan-php .divider.stripes-pink-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php .divider.stripes-pink-bowtie, body.page-template-visit-plan-php .divider.stripes-pink-bowtie {
            background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-schedule-php .divider.stripes-pink-bowtie, body.page-template-visit-plan-php .divider.stripes-pink-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php .divider.stripes-pink-bowtie, body.page-template-visit-plan-php .divider.stripes-pink-bowtie {
            background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-visit-schedule-php .divider.white-down-slant, body.page-template-visit-plan-php .divider.white-down-slant {
    background-image: url("../img/dividers/white-down-slant-browser.png");
    padding-top: 9.93056vw;
    margin-top: -9.93056vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-schedule-php .divider.white-down-slant, body.page-template-visit-plan-php .divider.white-down-slant {
        background-image: url("../img/dividers/white-down-slant-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php .divider.white-down-slant, body.page-template-visit-plan-php .divider.white-down-slant {
        background-image: url("../img/dividers/white-down-slant-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php .divider.white-down-slant, body.page-template-visit-plan-php .divider.white-down-slant {
            background-image: url("../img/dividers/white-down-slant-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-schedule-php .divider.white-down-slant, body.page-template-visit-plan-php .divider.white-down-slant {
        background-image: url("../img/dividers/white-down-slant-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php .divider.white-down-slant, body.page-template-visit-plan-php .divider.white-down-slant {
            background-image: url("../img/dividers/white-down-slant-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-visit-schedule-php .button, body.page-template-visit-plan-php .button {
    border: 1px solid #DF3A62;
    color: #DF3A62
}

body.page-template-visit-schedule-php .button:hover, body.page-template-visit-plan-php .button:hover {
    background-color: #DF3A62;
    color: #ffffff
}

body.page-template-visit-schedule-php .button.full, body.page-template-visit-plan-php .button.full {
    background-color: #DF3A62;
    color: #ffffff
}

body.page-template-visit-schedule-php .button.white, body.page-template-visit-plan-php .button.white {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #55b8fc
}

body.page-template-visit-plan-php .hero-carousel {
    position: relative
}

body.page-template-visit-plan-php .hero-carousel .slide-1 {
    color: #505050;
    background-image: url("../img/visit/header-1-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php .hero-carousel .slide-1 {
        background-image: url("../img/visit/header-1-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-plan-php .hero-carousel .slide-1 {
        background-image: url("../img/visit/header-1-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .hero-carousel .slide-1 {
            background-image: url("../img/visit/header-1-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .hero-carousel .slide-1 {
        background-image: url("../img/visit/header-1-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .hero-carousel .slide-1 {
            background-image: url("../img/visit/header-1-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-visit-plan-php .hero-carousel .slide-2 {
    color: #ffffff;
    background-image: url("../img/visit/visit-outside-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php .hero-carousel .slide-2 {
        background-image: url("../img/visit/visit-outside-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-plan-php .hero-carousel .slide-2 {
        background-image: url("../img/visit/visit-outside-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .hero-carousel .slide-2 {
            background-image: url("../img/visit/visit-outside-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .hero-carousel .slide-2 {
        background-image: url("../img/visit/visit-outside-2-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .hero-carousel .slide-2 {
            background-image: url("../img/visit/visit-outside-2-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-visit-plan-php .hero-carousel .slide-3 {
    color: #ffffff;
    background-image: url("../img/visit/header-3-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php .hero-carousel .slide-3 {
        background-image: url("../img/visit/header-3-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-plan-php .hero-carousel .slide-3 {
        background-image: url("../img/visit/header-3-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .hero-carousel .slide-3 {
            background-image: url("../img/visit/header-3-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .hero-carousel .slide-3 {
        background-image: url("../img/visit/header-3-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .hero-carousel .slide-3 {
            background-image: url("../img/visit/header-3-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-visit-plan-php .hero-carousel .slide-4 {
    color: #ffffff;
    background-image: url("../img/visit/header-4-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php .hero-carousel .slide-4 {
        background-image: url("../img/visit/header-4-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-plan-php .hero-carousel .slide-4 {
        background-image: url("../img/visit/header-4-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .hero-carousel .slide-4 {
            background-image: url("../img/visit/header-4-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .hero-carousel .slide-4 {
        background-image: url("../img/visit/header-4-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .hero-carousel .slide-4 {
            background-image: url("../img/visit/header-4-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-visit-plan-php .hero-carousel h1, body.page-template-visit-plan-php .hero-carousel p {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    text-align: center;
    width: 70%
}

body.page-template-visit-plan-php .hero-carousel h1 {
    color: inherit;
    margin-bottom: 3%;
    margin-top: 10%
}

body.page-template-visit-plan-php .hero-carousel p {
    color: inherit
}

body.page-template-visit-plan-php .hero-carousel nav {
    position: absolute;
    top: 55%;
    right: 0;
    left: 0
}

body.page-template-visit-plan-php .hero-carousel nav a.active {
    background-color: #DF3A62;
    color: #ffffff
}

body.page-template-visit-plan-php .hero-carousel nav a:hover {
    background-color: #BC0844;
    color: #ffffff
}

body.page-template-visit-plan-php .event-banner {
    background-image: url("../img/visit/visit-banner-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php .event-banner {
        background-image: url("../img/visit/visit-banner-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-plan-php .event-banner {
        background-image: url("../img/visit/visit-banner-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .event-banner {
            background-image: url("../img/visit/visit-banner-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .event-banner {
        background-image: url("../img/visit/visit-banner-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .event-banner {
            background-image: url("../img/visit/visit-banner-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-visit-plan-php .event-banner .banner-title {
    color: #BC0844;
    text-transform: uppercase
}

body.page-template-visit-plan-php .event-banner .banner-cta {
    font-size: 40px
}

body.page-template-visit-plan-php .exclusive-events {
    margin: 10vw 0
}

body.page-template-visit-plan-php .exclusive-events form {
    width: 100%
}

body.page-template-visit-plan-php .exclusive-events .gform_wrapper {
    margin: 0 auto;
    max-width: 45vw
}

body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_body {
    float: left;
    width: 60%
}

body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_body label {
    display: none
}

body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_body input[type=email] {
    -webkit-appearance: none;
    box-shadow: none !important;
    border: 1px solid #DF3A62;
    border-radius: 18px 0 0 18px;
    color: #505050;
    height: 36px;
    padding-right: 20px;
    width: 100%
}

body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_footer {
    float: left;
    width: 40%
}

body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_footer input[type=submit] {
    -webkit-appearance: none;
    box-shadow: none !important;
    background-color: #DF3A62;
    border: 1px solid #DF3A62;
    border-radius: 0 18px 18px 0;
    color: #ffffff;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    text-transform: uppercase;
    width: 100%
}

body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_message {
    color: #DF3A62;
    padding: 4px 0
}

body.page-template-visit-plan-php .upcoming-kaec-events {
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(#f5f5f5, #fff);
    background-image: linear-gradient(#f5f5f5, #fff)
}

body.page-template-visit-plan-php .upcoming-kaec-events .overlay {
    bottom: auto;
    border-bottom: solid 14vw #f6f6f6;
    border-left: solid 100vw #fff;
    position: static
}

body.page-template-visit-plan-php .upcoming-kaec-events .huna-module {
    margin-top: 50px
}

@media screen and (max-width: 769px) {
    body.page-template-visit-plan-php .exclusive-events {
        margin: 20vw 0
    }

    body.page-template-visit-plan-php .exclusive-events .gform_wrapper {
        max-width: 80vw
    }

    body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_body {
        width: 60%
    }

    body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_footer {
        width: 40%
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .exclusive-events .gform_wrapper {
        max-width: 100vw
    }

    body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_body {
        width: 50%
    }

    body.page-template-visit-plan-php .exclusive-events .gform_wrapper .gform_footer {
        width: 50%
    }
}

body.page-template-visit-plan-php .where-to-stay {
    background-size: cover;
    min-height: 70.20833vw;
    background-image: url("../img/visit/lobby-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php .where-to-stay {
        background-image: url("../img/visit/lobby-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-plan-php .where-to-stay {
        background-image: url("../img/visit/lobby-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .where-to-stay {
            background-image: url("../img/visit/lobby-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .where-to-stay {
        background-image: url("../img/visit/lobby-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-plan-php .where-to-stay {
            background-image: url("../img/visit/lobby-phone_2x.jpg");
            background-size: 100% auto;
        }
    }
}

body.page-template-visit-plan-php .where-to-stay h2 {
    padding-top: 10vw
}

body.page-template-visit-plan-php .where-to-stay p {
    max-width: 600px
}

body.page-template-visit-plan-php .where-to-stay .columns {
    margin: 2vw auto;
    max-width: 50vw
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .where-to-stay .columns {
        max-width: 80vw;
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-plan-php .where-to-stay {
        background-size: cover;
        height: 193.6vw;
        padding-top: 10vw
    }

    body.page-template-visit-plan-php .where-to-stay p {
        max-width: 80vw
    }
}

body.page-template-visit-plan-php .contact-the-visit-team {
    padding: 5vw 0 13vw 0
}

body.page-template-visit-schedule-php .schedule-a-tour {
    margin: 0 5vw
}

body.page-template-visit-schedule-php .intro {
    float: right;
    padding: 0 10vw;
    margin: 5vw 0;
    width: 50%
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php .intro {
        width: 100%
    }
}

body.page-template-visit-schedule-php .gform_wrapper {
    background-color: #d7d7d7;
    float: left;
    margin: 5vw 0;
    overflow: hidden;
    box-shadow: 0 0 3vw #cecece;
    width: 50%
}

body.page-template-visit-schedule-php .gform_wrapper form {
    width: 100%
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body {
    padding: 4vw
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield {
    margin-bottom: 2px
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body input[type=text], body.page-template-visit-schedule-php .gform_wrapper .gform_body input[type=email], body.page-template-visit-schedule-php .gform_wrapper .gform_body input[type=tel], body.page-template-visit-schedule-php .gform_wrapper .gform_body select, body.page-template-visit-schedule-php .gform_wrapper .gform_body textarea {
    -webkit-appearance: none;
    background-color: #ffffff;
    box-shadow: none !important;
    border-radius: 0;
    font-size: 1rem;
    height: auto;
    padding: 20px;
    width: 100%
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body option {
    font-size: 1rem
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body label {
    font-size: 0.75rem;
    display: block;
    line-height: 16px;
    margin: 2px 0;
    text-align: left
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body textarea {
    border: none;
    height: 20vw
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox {
    text-align: left
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox li {
    overflow: hidden;
    padding-left: 30px
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox input[type=checkbox] {
    box-shadow: none !important;
    float: left;
    height: auto;
    margin-left: -30px;
    padding: 8px;
    width: auto
}

body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox label {
    float: left;
    padding-top: 2px
}

body.page-template-visit-schedule-php .gform_wrapper .gform_footer {
    background-color: #ffffff;
    padding: 4vw;
    text-align: center
}

body.page-template-visit-schedule-php .gform_wrapper .gform_footer input[type=submit] {
    -webkit-appearance: none;
    background-color: #DF3A62;
    border: 1px solid #DF3A62;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    text-transform: uppercase;
    width: auto
}

body.page-template-visit-schedule-php .gform_wrapper .validation_error, body.page-template-visit-schedule-php .gform_wrapper .validation_message {
    color: #DF3A62;
    padding: 4px 0
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php .gform_wrapper {
        width: 100%
    }
}

body.page-template-visit-schedule-php_legacy, body.page-template-visit-plan-php_legacy {
}

body.page-template-visit-schedule-php_legacy section, body.page-template-visit-plan-php_legacy section {
    text-align: center
}

body.page-template-visit-schedule-php_legacy section h2, body.page-template-visit-plan-php_legacy section h2 {
    font-family: 'zarid_serifregular';
    font-style: normal;
    font-weight: normal;
    color: #DF3A62
}

body.page-template-visit-schedule-php_legacy section h2 span, body.page-template-visit-plan-php_legacy section h2 span {
    color: #BC0844;
    display: block;
    font-size: 40px;
    text-transform: uppercase
}

body.page-template-visit-schedule-php_legacy section p, body.page-template-visit-plan-php_legacy section p {
    margin: 10px auto 30px auto
}

body.page-template-visit-schedule-php_legacy .where-to-stay, body.page-template-visit-plan-php_legacy .where-to-stay {
    min-height: 70vw;
    background-image: url("../img/visit/lobby-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-schedule-php_legacy .where-to-stay, body.page-template-visit-plan-php_legacy .where-to-stay {
        background-image: url("../img/visit/lobby-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php_legacy .where-to-stay, body.page-template-visit-plan-php_legacy .where-to-stay {
        background-image: url("../img/visit/lobby-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php_legacy .where-to-stay, body.page-template-visit-plan-php_legacy .where-to-stay {
            background-image: url("../img/visit/lobby-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-schedule-php_legacy .where-to-stay, body.page-template-visit-plan-php_legacy .where-to-stay {
        background-image: url("../img/visit/lobby-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php_legacy .where-to-stay, body.page-template-visit-plan-php_legacy .where-to-stay {
            background-image: url("../img/visit/lobby-phone_2x.jpg");
            background-size: 100% auto;
        }
    }
}

body.page-template-visit-schedule-php_legacy .where-to-stay h2, body.page-template-visit-plan-php_legacy .where-to-stay h2 {
    padding-top: 10vw
}

body.page-template-visit-schedule-php_legacy .where-to-stay p, body.page-template-visit-plan-php_legacy .where-to-stay p {
    max-width: 600px
}

body.page-template-visit-schedule-php_legacy .directions, body.page-template-visit-plan-php_legacy .directions {
    padding: 5vw 0
}

body.page-template-visit-schedule-php_legacy .contact-the-visit-team, body.page-template-visit-plan-php_legacy .contact-the-visit-team {
    padding: 5vw 0 13vw 0
}

body.page-template-visit-schedule-php_legacy .direction-list, body.page-template-visit-plan-php_legacy .direction-list {
    text-align: center
}

body.page-template-visit-schedule-php_legacy .direction-list li, body.page-template-visit-plan-php_legacy .direction-list li {
    display: inline-block;
    margin: 15px;
    vertical-align: top
}

body.page-template-visit-schedule-php_legacy .direction-list li a, body.page-template-visit-plan-php_legacy .direction-list li a {
    -webkit-transition: all 0.85s;
    -moz-transition: all 0.85s;
    transition: all 0.85s;
    background-color: #f5f5f5;
    border-radius: 120px;
    border: solid 2px transparent;
    display: block;
    height: 220px;
    padding-top: 70px;
    width: 220px
}

body.page-template-visit-schedule-php_legacy .direction-list li a:hover, body.page-template-visit-plan-php_legacy .direction-list li a:hover {
    border-color: #df3a62
}

body.page-template-visit-schedule-php_legacy .direction-list li span, body.page-template-visit-plan-php_legacy .direction-list li span {
    color: #000;
    display: block;
    font-size: 1.125rem
}

body.page-template-visit-schedule-php_legacy .direction-list li h3, body.page-template-visit-plan-php_legacy .direction-list li h3 {
    font-size: 1.25rem;
    margin: 10px auto 5px auto
}

body.page-template-visit-schedule-php_legacy .direction-list li p, body.page-template-visit-plan-php_legacy .direction-list li p {
    color: #df3a62;
    display: block;
    font-size: 1rem;
    line-height: 1.4;
    padding: 5px 40px 5px 40px
}

body.page-template-visit-schedule-php_legacy .divider, body.page-template-visit-plan-php_legacy .divider {
    background-size: cover;
    position: relative;
    width: 100vw
}

body.page-template-visit-schedule-php_legacy .divider.white-gradient-slant, body.page-template-visit-plan-php_legacy .divider.white-gradient-slant {
    background-image: url("../img/dividers/white-gradient-slant-up-browser.png");
    padding-top: 28.54167vw;
    margin-top: -17vw;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-schedule-php_legacy .divider.white-gradient-slant, body.page-template-visit-plan-php_legacy .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php_legacy .divider.white-gradient-slant, body.page-template-visit-plan-php_legacy .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php_legacy .divider.white-gradient-slant, body.page-template-visit-plan-php_legacy .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-schedule-php_legacy .divider.white-gradient-slant, body.page-template-visit-plan-php_legacy .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php_legacy .divider.white-gradient-slant, body.page-template-visit-plan-php_legacy .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-visit-schedule-php_legacy .divider.stripes-black-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-black-bowtie {
    background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-browser.png");
    padding-top: 18.4375%;
    margin-bottom: -9.2%;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-schedule-php_legacy .divider.stripes-black-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-black-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php_legacy .divider.stripes-black-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-black-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php_legacy .divider.stripes-black-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-black-bowtie {
            background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-schedule-php_legacy .divider.stripes-black-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-black-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php_legacy .divider.stripes-black-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-black-bowtie {
            background-image: url("../img/visit/overlay/divider-stripes-black-bowtie-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-visit-schedule-php_legacy .divider.stripes-pink-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-pink-bowtie {
    background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-browser.png");
    padding-top: 28.47222%;
    margin-bottom: -10vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-schedule-php_legacy .divider.stripes-pink-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-pink-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-visit-schedule-php_legacy .divider.stripes-pink-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-pink-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php_legacy .divider.stripes-pink-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-pink-bowtie {
            background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-visit-schedule-php_legacy .divider.stripes-pink-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-pink-bowtie {
        background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-visit-schedule-php_legacy .divider.stripes-pink-bowtie, body.page-template-visit-plan-php_legacy .divider.stripes-pink-bowtie {
            background-image: url("../img/visit/overlay/divider-stripes-pink-bowtie-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-visit-schedule-php_legacy .button, body.page-template-visit-plan-php_legacy .button {
    border: 1px solid #DF3A62;
    border-radius: 18px;
    color: #DF3A62;
    font-size: 12px;
    line-height: 36px;
    padding: 0 20px;
    text-transform: uppercase
}

body.page-template-visit-schedule-php_legacy .button:hover, body.page-template-visit-plan-php_legacy .button:hover {
    background-color: #DF3A62;
    color: #ffffff
}

body.page-template-visit-schedule-php_legacy .button.full, body.page-template-visit-plan-php_legacy .button.full {
    background-color: #DF3A62;
    color: #ffffff
}

body.page-template-visit-plan-php_legacy .carousel {
    min-height: 61.35417vw;
    overflow: hidden;
    position: relative
}

body.page-template-visit-plan-php_legacy .carousel .track {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

body.page-template-visit-plan-php_legacy .carousel .slide {
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 0 5vw;
    width: 100vw
}

body.page-template-visit-plan-php_legacy .carousel nav {
    position: absolute;
    top: 55%;
    right: 0;
    left: 0;
    text-align: center
}

body.page-template-visit-plan-php_legacy .carousel nav ul {
    display: inline-block
}

body.page-template-visit-plan-php_legacy .carousel nav li {
    display: inline-block
}

body.page-template-visit-plan-php_legacy .carousel nav a {
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-left: none;
    color: #505050;
    padding: 15px 20px;
    width: 200px
}

body.page-template-visit-plan-php_legacy .carousel nav a:first-of-type {
    border-left: 1px solid #e4e4e4
}

body.page-template-visit-plan-php_legacy .carousel nav a.active {
    background-color: #DF3A62;
    color: #ffffff
}

body.page-template-visit-plan-php_legacy .carousel nav a:hover {
    background-color: #BC0844;
    color: #ffffff
}

@media screen and (max-width: 769px) {
    body.page-template-visit-plan-php_legacy .carousel nav {
        display: none
    }
}

body.page-template-visit-plan-php_legacy .hero-carousel {
    position: relative
}

body.page-template-visit-plan-php_legacy .hero-carousel .slide-1 {
    color: #ffffff;
    background-image: url("../img/visit/header-1-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php_legacy .hero-carousel .slide-1 {
        background-image: url("../img/visit/header-1-browser_2x.jpg");
        background-size: cover;
    }
}

body.page-template-visit-plan-php_legacy .hero-carousel .slide-2 {
    color: #505050;
    background-image: url("../img/visit/header-2-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php_legacy .hero-carousel .slide-2 {
        background-image: url("../img/visit/header-2-browser_2x.jpg");
        background-size: cover;
    }
}

body.page-template-visit-plan-php_legacy .hero-carousel .slide-3 {
    color: #505050;
    background-image: url("../img/visit/header-3-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php_legacy .hero-carousel .slide-3 {
        background-image: url("../img/visit/header-3-browser_2x.jpg");
        background-size: cover;
    }
}

body.page-template-visit-plan-php_legacy .hero-carousel .slide-4 {
    color: #505050;
    background-image: url("../img/visit/header-4-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-visit-plan-php_legacy .hero-carousel .slide-4 {
        background-image: url("../img/visit/header-4-browser_2x.jpg");
        background-size: cover;
    }
}

body.page-template-visit-plan-php_legacy .hero-carousel h1, body.page-template-visit-plan-php_legacy .hero-carousel p {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    text-align: center;
    width: 70%
}

body.page-template-visit-plan-php_legacy .hero-carousel h1 {
    color: inherit;
    margin-bottom: 3%;
    margin-top: 15%
}

body.page-template-visit-plan-php_legacy .hero-carousel p {
    color: inherit
}

body.page-template-visit-plan-php_legacy .exclusive-events {
}

body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper {
    margin: 0 auto;
    width: 50%
}

body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .gform_body {
    float: left;
    width: 50%
}

body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .gform_body label {
    display: none
}

body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .gform_body input[type=email] {
    border: 1px solid #DF3A62;
    border-radius: 18px 0 0 18px;
    color: #505050;
    height: 36px;
    line-height: 36px;
    width: 100%
}

body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .gform_footer {
    float: left;
    width: 50%
}

body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .gform_footer input[type=submit] {
    background-color: #DF3A62;
    border: 1px solid #DF3A62;
    border-radius: 0 18px 18px 0;
    color: #ffffff;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    text-transform: uppercase;
    width: 100%
}

body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_message {
    color: #DF3A62;
    padding: 4px 0
}

body.page-template-visit-plan-php_legacy .upcoming-kaec-events {
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(#f5f5f5, #fff);
    background-image: linear-gradient(#f5f5f5, #fff);
    padding-top: 24vw;
    padding-bottom: 20vw
}

body.page-template-visit-schedule-php_legacy .schedule-a-tour {
    margin-top: 5vw
}

body.page-template-visit-schedule-php_legacy .schedule-a-tour .form {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 65.92405%
}

body.page-template-visit-schedule-php_legacy .schedule-a-tour .form:last-child {
    margin-right: 0
}

body.page-template-visit-schedule-php_legacy .schedule-a-tour .intro {
    float: left;
    display: block;
    margin-right: 2.22785%;
    width: 31.8481%;
    margin-right: 0
}

body.page-template-visit-schedule-php_legacy .schedule-a-tour .intro:last-child {
    margin-right: 0
}

body.page-template-visit-schedule-php_legacy .gform_wrapper {
    background-color: #d7d7d7;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 0 3vw #cecece
}

body.page-template-visit-schedule-php_legacy .gform_wrapper form {
    width: 100%
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body {
    padding: 4vw
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body .gfield {
    margin-bottom: 2px
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body input[type=text], body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body input[type=email], body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body input[type=tel], body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body select, body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body textarea {
    border-radius: 0;
    font-size: 1rem;
    height: 36px;
    line-height: 1rem;
    padding: 10px 20px 10px 20px;
    width: 100%
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body option {
    font-size: 1rem
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body textarea {
    border: none;
    height: 20vw
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body .gfield_checkbox {
    text-align: left
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body .gfield_checkbox input[type=checkbox] {
    display: inline-block;
    height: auto;
    width: auto
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body .gfield_checkbox label {
    display: inline-block
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_footer {
    background-color: #ffffff;
    padding: 4vw;
    text-align: center
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_footer input[type=submit] {
    background-color: #DF3A62;
    border: 1px solid #DF3A62;
    color: #ffffff;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    text-transform: uppercase;
    width: auto
}

body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_error, body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_message {
    color: #DF3A62;
    padding: 4px 0
}

body.page-template-work {
}

body.page-template-work .hero-carousel {
    position: relative
}

body.page-template-work .hero-carousel .slide-1, body.page-template-work .hero-carousel .slide-2, body.page-template-work .hero-carousel .slide-3 {
    color: #ffffff
}

body.page-template-work .hero-carousel .slide-1 {
    background-image: url("../img/work/header-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .hero-carousel .slide-1 {
        background-image: url("../img/work/header-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-work .hero-carousel .slide-1 {
        background-image: url("../img/work/header-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .hero-carousel .slide-1 {
            background-image: url("../img/work/header-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-work .hero-carousel .slide-1 {
        background-image: url("../img/work/header-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .hero-carousel .slide-1 {
            background-image: url("../img/work/header-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-work .hero-carousel .slide-2 {
    background-image: url("../img/work/header-3-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .hero-carousel .slide-2 {
        background-image: url("../img/work/header-3-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-work .hero-carousel .slide-2 {
        background-image: url("../img/work/header-3-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .hero-carousel .slide-2 {
            background-image: url("../img/work/header-3-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-work .hero-carousel .slide-2 {
        background-image: url("../img/work/header-3-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .hero-carousel .slide-2 {
            background-image: url("../img/work/header-3-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-work .hero-carousel .slide-3 {
    background-image: url("../img/work/woman-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .hero-carousel .slide-3 {
        background-image: url("../img/work/woman-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-work .hero-carousel .slide-3 {
        background-image: url("../img/work/woman-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .hero-carousel .slide-3 {
            background-image: url("../img/work/woman-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-work .hero-carousel .slide-3 {
        background-image: url("../img/work/woman-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .hero-carousel .slide-3 {
            background-image: url("../img/work/woman-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-work .hero-carousel h1, body.page-template-work .hero-carousel p {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    text-align: center;
    width: 70%
}

body.page-template-work .hero-carousel h1 {
    color: inherit;
    margin-bottom: 3%;
    margin-top: 15%
}

body.page-template-work .hero-carousel p {
    color: inherit
}

body.page-template-work .hero-carousel nav {
    position: absolute;
    top: 55%;
    right: 0;
    left: 0
}

body.page-template-work .hero-carousel nav a.active {
    background-color: #5B978E;
    color: #ffffff
}

body.page-template-work .hero-carousel nav a:hover {
    background-color: #2F4F50;
    color: #ffffff
}

body.page-template-work .event-banner {
    background-image: url("../img/work/work-banner-browser.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .event-banner {
        background-image: url("../img/work/work-banner-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-work .event-banner {
        background-image: url("../img/work/work-banner-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .event-banner {
            background-image: url("../img/work/work-banner-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-work .event-banner {
        background-image: url("../img/work/work-banner-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .event-banner {
            background-image: url("../img/work/work-banner-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-work .event-banner .banner-title {
    color: #2F4F50;
    text-transform: uppercase
}

body.page-template-work .event-banner .banner-cta {
    font-size: 40px
}

body.page-template-work section {
    text-align: center
}

body.page-template-work section h2 {
    color: #5B978E
}

body.page-template-work section h2 span {
    color: #2F4F50;
    font-size: 40px;
    display: block;
    text-transform: uppercase
}

body.page-template-work section p {
    margin: 0 auto 30px auto
}

body.page-template-work .open-positions {
    margin: 15vw 0
}

body.page-template-work .open-positions h2 {
    margin-bottom: 5vw
}

body.page-template-work .huna-module {
    margin-bottom: 10vw;
    margin-top: 10vw
}

body.page-template-work .huna-module .action-arrow, body.page-template-work .huna-module .action-arrow:after {
    color: #5B978E
}

body.page-template-work .huna-form {
    background-position: center center;
    background-size: contain;
    background-image: url("../img/huna/huna-work-mag.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .huna-form {
        background-image: url("../img/huna/huna-work-mag_2x.png");
        background-size: 100% auto;
    }
}

body.page-template-work .new-ventures {
    background-image: url("../img/work/new-venture-alt-browser.jpg");
    background-size: cover;
    height: 65.625vw;
    padding-top: 10vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .new-ventures {
        background-image: url("../img/work/new-venture-alt-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-work .new-ventures {
        background-image: url("../img/work/new-venture-alt-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .new-ventures {
            background-image: url("../img/work/new-venture-alt-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-work .new-ventures {
        background-image: url("../img/work/new-venture-alt-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .new-ventures {
            background-image: url("../img/work/new-venture-alt-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-work .new-ventures h2 {
    margin-bottom: 3vw
}

body.page-template-work .new-ventures .columns {
    margin: 2% auto;
    max-width: 30vw
}

@media screen and (max-width: 500px) {
    body.page-template-work .new-ventures .columns {
        max-width: 80vw;
    }
}

body.page-template-work .new-ventures h2 span {
    text-transform: uppercase
}

@media screen and (max-width: 500px) {
    body.page-template-work .new-ventures {
        background-size: cover;
        height: 184vw;
        padding-top: 10vw
    }

    body.page-template-work .new-ventures .columns {
        max-width: 80vw
    }
}

body.page-template-work .an-engineering-hub {
    background-image: url("../img/work/engineering-hub-browser.jpg");
    background-size: cover;
    height: 67.01389vw;
    margin-bottom: 20vw;
    padding-top: 10vw
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .an-engineering-hub {
        background-image: url("../img/work/engineering-hub-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-work .an-engineering-hub {
        background-image: url("../img/work/engineering-hub-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .an-engineering-hub {
            background-image: url("../img/work/engineering-hub-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-work .an-engineering-hub {
        background-image: url("../img/work/engineering-hub-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .an-engineering-hub {
            background-image: url("../img/work/engineering-hub-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.page-template-work .an-engineering-hub h2 {
    margin-bottom: 5vw
}

body.page-template-work .an-engineering-hub p {
    margin: 2% auto;
    max-width: 30vw
}

@media screen and (max-width: 500px) {
    body.page-template-work .an-engineering-hub {
        background-size: cover;
        height: 193.6vw;
        padding-top: 10vw
    }

    body.page-template-work .an-engineering-hub p {
        max-width: 80vw
    }
}

body.page-template-work .featured-employers {
    padding-bottom: 10vw
}

body.page-template-work .featured-employers h2 {
    margin-bottom: 20px
}

body.page-template-work .featured-employers ul.employers {
    display: inline-block
}

body.page-template-work .featured-employers ul.employers li {
    display: inline-block;
    margin: 10px
}

body.page-template-work .featured-employers ul.employers a {
    width: 225px;
    height: 225px;
    background-color: #f2f2f2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40%;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    text-transform: uppercase
}

body.page-template-work .featured-employers ul.employers a div {
    visibility: hidden
}

body.page-template-work .featured-employers ul.employers a .num-jobs {
    padding-top: 70px
}

body.page-template-work .featured-employers ul.employers a:hover {
    background-color: #5B978E;
    background-image: none !important
}

body.page-template-work .featured-employers ul.employers a:hover div {
    visibility: visible
}

body.page-template-work .divider {
    background-size: cover;
    position: relative;
    width: 100vw
}

body.page-template-work .divider.white-gradient-slant {
    background-image: url("../img/dividers/white-gradient-slant-up-browser.png");
    padding-top: 28.54167vw;
    margin-top: -17vw;
    z-index: 100
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-work .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-work .divider.white-gradient-slant {
        background-image: url("../img/dividers/white-gradient-slant-up-phone.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .divider.white-gradient-slant {
            background-image: url("../img/dividers/white-gradient-slant-up-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-work .divider.green-stripe-bowtie {
    background-image: url("../img/work/overlay/divider-green-stripe-bowtie-browser.png");
    padding-top: 18.19444%;
    margin-bottom: -8.5%;
    margin-top: -9.7%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.page-template-work .divider.green-stripe-bowtie {
        background-image: url("../img/work/overlay/divider-green-stripe-bowtie-browser_2x.png");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.page-template-work .divider.green-stripe-bowtie {
        background-image: url("../img/work/overlay/divider-green-stripe-bowtie-tablet.png");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .divider.green-stripe-bowtie {
            background-image: url("../img/work/overlay/divider-green-stripe-bowtie-tablet_2x.png");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.page-template-work .divider.green-stripe-bowtie {
        background-image: url("../img/work/overlay/divider-green-stripe-bowtie-phone.png");
        padding-top: 16.4%;
        margin-bottom: -7.6%;
        margin-top: -9.7%;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.page-template-work .divider.green-stripe-bowtie {
            background-image: url("../img/work/overlay/divider-green-stripe-bowtie-phone_2x.png");
            background-size: cover;
        }
    }
}

body.page-template-work .button {
    border: 1px solid #5B978E;
    color: #5B978E
}

body.page-template-work .button:hover {
    background-color: #5B978E;
    color: #ffffff
}

body.page-template-work .button.full {
    background-color: #5B978E;
    color: #ffffff
}

body.page-template-work .button.white {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #55b8fc
}

body.language-ar.page-template-work .divider.green-stripe-bowtie {
    z-index: 10
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('../fonts/DINNextLTArabic-Bold.eot');
    src: url('../fonts/DINNextLTArabic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTArabic-Bold.woff') format('woff'), url('../fonts/DINNextLTArabic-Bold.ttf') format('truetype'), url('../fonts/DINNextLTArabic-Bold.svg#335f124f5cfd17673488ada545e982df') format('svg');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'DIN Next LT Arabic Light';
    src: url('../fonts/DINNextLTArabic-Light.eot');
    src: url('../fonts/DINNextLTArabic-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTArabic-Light.woff') format('woff'), url('../fonts/DINNextLTArabic-Light.ttf') format('truetype'), url('../fonts/DINNextLTArabic-Light.svg#ff17759c04aa7ebf0587097138cd55c4') format('svg');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('../fonts/DINNextLTArabic-Regular.eot');
    src: url('../fonts/DINNextLTArabic-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTArabic-Regular.woff') format('woff'), url('../fonts/DINNextLTArabic-Regular.ttf') format('truetype'), url('../fonts/DINNextLTArabic-Regular.svg#5256f64dc5203c552d97a99fa820adba') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'HelveticaNeueLT Arabic 75 Bold';
    src: url('../fonts/HelveticaNeueLTArabic-Bold.eot');
    src: url('../fonts/HelveticaNeueLTArabic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTArabic-Bold.woff') format('woff'), url('../fonts/HelveticaNeueLTArabic-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeueLTArabic-Bold.svg#16a921d5f5621d3d9972e2b53b879ef9') format('svg');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'HelveticaNeueLT Arabic 45 Light';
    src: url('../fonts/HelveticaNeueLTArabic-Light.eot');
    src: url('../fonts/HelveticaNeueLTArabic-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTArabic-Light.woff') format('woff'), url('../fonts/HelveticaNeueLTArabic-Light.ttf') format('truetype'), url('../fonts/HelveticaNeueLTArabic-Light.svg#55853ca5f9211af500b019c74d96c990') format('svg');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    src: url('../fonts/HelveticaNeueLTArabic-Roman.eot');
    src: url('../fonts/HelveticaNeueLTArabic-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTArabic-Roman.woff') format('woff'), url('../fonts/HelveticaNeueLTArabic-Roman.ttf') format('truetype'), url('../fonts/HelveticaNeueLTArabic-Roman.svg#a275bafdbfc407dd1f8dc19456e1aa65') format('svg');
    font-style: normal;
    font-weight: 400;
}


@font-face {
    font-family: '29LTZaridSerif-Bk';
    src: url('/wp-content/themes/roots/assets/static/fonts/ar-fonts/29LTZaridSerif-Bk.eot');
    src: url('/wp-content/themes/roots/assets/static/fonts/ar-fonts/29LTZaridSerif-Bk.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/roots/assets/static/fonts/ar-fonts/29LTZaridSerif-Bk.svg#29LTZaridSerif-Bk') format('svg'),
    url('/wp-content/themes/roots/assets/static/fonts/ar-fonts/29LTZaridSerif-Bk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: '29LTZaridSerif-Rg';
    src: url('/wp-content/themes/roots/assets/static/fonts/ar-fonts/29LTZaridSerif-Rg.eot');
    src: url('/wp-content/themes/roots/assets/static/fonts/ar-fonts/29LTZaridSerif-Rg.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/roots/assets/static/fonts/ar-fonts/29LTZaridSerif-Rg.svg#29LTZaridSerif-Rg') format('svg'),
    url('/wp-content/themes/roots/assets/static/fonts/ar-fonts/29LTZaridSerif-Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body.language-ar .din, body.language-ar .din-bold, body.language-ar .type-sbct, body.language-ar .carousel nav a, .carousel nav body.language-ar a, body.language-ar .huna-module .callout .meta-title, .huna-module .callout body.language-ar .meta-title, body.language-ar .huna-form #gforms_confirmation_message, .huna-form body.language-ar #gforms_confirmation_message, body.language-ar .huna-form .gform_wrapper .validation_message, .huna-form .gform_wrapper body.language-ar .validation_message, body.language-ar .huna-form .gform_wrapper .validation_error, .huna-form .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-invest-php .hero-carousel nav a, body.page-template-invest-php .hero-carousel nav body.language-ar a, body.language-ar body.page-template-invest-php .explore-carousel .carousel nav a, body.page-template-invest-php .explore-carousel .carousel nav body.language-ar a, body.language-ar body.page-template-visit-plan-php .hero-carousel nav a, body.page-template-visit-plan-php .hero-carousel nav body.language-ar a, body.language-ar body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php .exclusive-events .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-plan-php .exclusive-events .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-schedule-php .gform_wrapper .validation_error, body.page-template-visit-schedule-php .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-schedule-php .gform_wrapper .validation_message, body.page-template-visit-schedule-php .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-plan-php_legacy .carousel nav a, body.page-template-visit-plan-php_legacy .carousel nav body.language-ar a, body.language-ar body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_error, body.page-template-visit-schedule-php_legacy .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_message, body.page-template-visit-schedule-php_legacy .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-work .hero-carousel nav a, body.page-template-work .hero-carousel nav body.language-ar a, body.language-ar .type-hb, body.language-ar .event-banner .banner-title, .event-banner body.language-ar .banner-title, body.language-ar h2, body.language-ar h3.title, body.language-ar .button, body.language-ar .date span + span, .date body.language-ar span + span, body.language-ar section.hero a.button, section.hero body.language-ar a.button, body.language-ar .huna-module.huna-events .huna-form .featured > div .featured-date span, .huna-module.huna-events .huna-form .featured > div .featured-date body.language-ar span, body.language-ar .huna-module.huna-events article .event-list h4, .huna-module.huna-events article .event-list body.language-ar h4, body.language-ar .module article.featured h3, .module article.featured body.language-ar h3, body.language-ar body.page-template-press-releases .spirals .stretch:nth-child(2), body.page-template-press-releases .spirals body.language-ar .stretch:nth-child(2), body.language-ar .slider-inner .tag h2, .slider-inner .tag body.language-ar h2, body.language-ar .ticker-module div:nth-child(1), .ticker-module body.language-ar div:nth-child(1), body.language-ar .video-frame div span, .video-frame div body.language-ar span, body.language-ar .home section.pillars ul + p, .home section.pillars body.language-ar ul + p, body.language-ar .home section.pillars h3, .home section.pillars body.language-ar h3, body.language-ar body.contact-us .schedule-box + div a, body.contact-us .schedule-box + div body.language-ar a, body.language-ar body.contact-us-ar .schedule-box + div a, body.contact-us-ar .schedule-box + div body.language-ar a, body.language-ar section.event-calendar-section .single-event-wrapper .dates .datedash, section.event-calendar-section .single-event-wrapper .dates body.language-ar .datedash, body.language-ar section.event-calendar-section .single-event-wrapper dl, section.event-calendar-section .single-event-wrapper body.language-ar dl, body.language-ar section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip .datedash, section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip body.language-ar .datedash, body.language-ar body.page-template-invest-php .investment ul a span, body.page-template-invest-php .investment ul a body.language-ar span, body.language-ar body.parent-location.page-template-location .spirals .stretch:nth-child(1), body.parent-location.page-template-location .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.parent-location-ar.page-template-location .spirals .stretch:nth-child(1), body.parent-location-ar.page-template-location .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.parent-location.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location.page-template-location-map .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.parent-location-ar.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location-ar.page-template-location-map .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.media-library .spirals .stretch:nth-child(1), body.media-library .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.media-library-ar .spirals .stretch:nth-child(1), body.media-library-ar .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.page-template-press-contacts .spirals .stretch:nth-child(3), body.page-template-press-contacts .spirals body.language-ar .stretch:nth-child(3), body.language-ar body.single-press_releases section.single-press-release h2, body.single-press_releases section.single-press-release body.language-ar h2, body.language-ar body.page-template-shareholders-overview .spirals .stretch:first-of-type, body.page-template-shareholders-overview .spirals body.language-ar .stretch:first-of-type, body.language-ar body.page-template-shareholders-news .spirals .stretch:nth-child(3), body.page-template-shareholders-news .spirals body.language-ar .stretch:nth-child(3), body.language-ar body.page-template-shareholders-stock .spirals .stretch:nth-child(2), body.page-template-shareholders-stock .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.page-template-shareholders-stock .stock-info li, body.page-template-shareholders-stock .stock-info body.language-ar li, body.language-ar body.page-template-visit-schedule-php section h2 span, body.page-template-visit-schedule-php section h2 body.language-ar span, body.language-ar body.page-template-visit-plan-php section h2 span, body.page-template-visit-plan-php section h2 body.language-ar span, body.language-ar body.page-template-visit-schedule-php .direction-list li span, body.page-template-visit-schedule-php .direction-list li body.language-ar span, body.language-ar body.page-template-visit-plan-php .direction-list li span, body.page-template-visit-plan-php .direction-list li body.language-ar span, body.language-ar body.page-template-visit-schedule-php_legacy section h2 span, body.page-template-visit-schedule-php_legacy section h2 body.language-ar span, body.language-ar body.page-template-visit-plan-php_legacy section h2 span, body.page-template-visit-plan-php_legacy section h2 body.language-ar span, body.language-ar body.page-template-visit-schedule-php_legacy .direction-list li span, body.page-template-visit-schedule-php_legacy .direction-list li body.language-ar span, body.language-ar body.page-template-visit-plan-php_legacy .direction-list li span, body.page-template-visit-plan-php_legacy .direction-list li body.language-ar span, body.language-ar body.page-template-visit-schedule-php_legacy .button, body.page-template-visit-schedule-php_legacy body.language-ar .button, body.language-ar body.page-template-visit-plan-php_legacy .button, body.page-template-visit-plan-php_legacy body.language-ar .button, body.language-ar body.page-template-work section h2 span, body.page-template-work section h2 body.language-ar span, body.language-ar .type-st, body.language-ar .awarded-bids-item p span, .awarded-bids-item p body.language-ar span, body.language-ar .event-banner .banner-text, .event-banner body.language-ar .banner-text, body.language-ar .huna-module .callout p, .huna-module .callout body.language-ar p, body.language-ar body.parent-about ul.table p, body.parent-about ul.table body.language-ar p, body.language-ar body.parent-about-ar ul.table p, body.parent-about-ar ul.table body.language-ar p, body.language-ar body.page-template-invest-php .explore-carousel .carousel p, body.page-template-invest-php .explore-carousel .carousel body.language-ar p, body.language-ar body.page-template-live ul.table p, body.page-template-live ul.table body.language-ar p, body.language-ar body.page-template-live .live-options a .description, body.page-template-live .live-options a body.language-ar .description, body.language-ar body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox label, body.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox body.language-ar label, body.language-ar body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body .gfield_checkbox label, body.page-template-visit-schedule-php_legacy .gform_wrapper .gform_body .gfield_checkbox body.language-ar label, body.language-ar body.page-template-work .featured-employers ul.employers a, body.page-template-work .featured-employers ul.employers body.language-ar a, body.language-ar .type-body, body.language-ar body.page-template-invest section p, body.page-template-invest section body.language-ar p, body.language-ar body.page-template-invest-awarded-bids section p, body.page-template-invest-awarded-bids section body.language-ar p, body.language-ar body.page-template-invest-php section p, body.page-template-invest-php section body.language-ar p, body.language-ar body.page-template-live section p, body.page-template-live section body.language-ar p, body.language-ar body.page-template-visit-schedule-php section p, body.page-template-visit-schedule-php section body.language-ar p, body.language-ar body.page-template-visit-plan-php section p, body.page-template-visit-plan-php section body.language-ar p, body.language-ar body.page-template-visit-schedule-php_legacy section p, body.page-template-visit-schedule-php_legacy section body.language-ar p, body.language-ar body.page-template-visit-plan-php_legacy section p, body.page-template-visit-plan-php_legacy section body.language-ar p, body.language-ar body.page-template-work section p, body.page-template-work section body.language-ar p, body.language-ar .type-bt, body.language-ar .event-banner .banner-cta, .event-banner body.language-ar .banner-cta, body.language-ar .huna-module .callout h3, .huna-module .callout body.language-ar h3, body.language-ar body.single-managers h2, body.single-managers body.language-ar h2, body.language-ar body.page-template-about-sustainability section p, body.page-template-about-sustainability section body.language-ar p, body.language-ar body.page-template-invest-php .hero-carousel p, body.page-template-invest-php .hero-carousel body.language-ar p, body.language-ar body.page-template-live .hero-carousel p, body.page-template-live .hero-carousel body.language-ar p, body.language-ar body.page-template-live .places-carousel .carousel h3, body.page-template-live .places-carousel .carousel body.language-ar h3, body.language-ar body.page-template-visit-plan-php .hero-carousel p, body.page-template-visit-plan-php .hero-carousel body.language-ar p, body.language-ar body.page-template-visit-plan-php_legacy .hero-carousel p, body.page-template-visit-plan-php_legacy .hero-carousel body.language-ar p, body.language-ar body.page-template-work .hero-carousel p, body.page-template-work .hero-carousel body.language-ar p, body.language-ar h1, body.language-ar h3, body.language-ar p, body.language-ar a, body.language-ar span, body.language-ar .action-arrow.arrow-back, body.language-ar .date span:first-of-type, body.language-ar form input, form body.language-ar input, body.language-ar form textarea, form body.language-ar textarea, body.language-ar form button[type="submit"], form body.language-ar button[type="submit"], body.language-ar .slider article .content h2, .slider article .content body.language-ar h2, body.language-ar .slider-inner .tag h2:before, .slider-inner .tag body.language-ar h2:before, body.language-ar .slider-inner .tag h2:after, .slider-inner .tag body.language-ar h2:after, body.language-ar .ticker-module div:nth-child(1) span, .ticker-module div:nth-child(1) body.language-ar span, body.language-ar header .slide-menu ul:before, header .slide-menu body.language-ar ul:before, body.language-ar .home section.pillars h2 + p, .home section.pillars body.language-ar h2 + p, body.language-ar section.event-calendar-section .tribe-events-notices, section.event-calendar-section body.language-ar .tribe-events-notices, body.language-ar section.event-calendar-section h1, section.event-calendar-section body.language-ar h1, body.language-ar section.event-calendar-section h2, section.event-calendar-section body.language-ar h2, body.language-ar section.event-calendar-section .sub-nav .nav-previous a, section.event-calendar-section .sub-nav .nav-previous body.language-ar a, body.language-ar section.event-calendar-section .sub-nav .nav-next a, section.event-calendar-section .sub-nav .nav-next body.language-ar a, body.language-ar section.event-calendar-section #tribe-events-content .tribe-events-calendar, section.event-calendar-section #tribe-events-content body.language-ar .tribe-events-calendar, body.language-ar body.page-template-live .places-carousel .carousel h2, body.page-template-live .places-carousel .carousel body.language-ar h2, body.language-ar .din-bold, body.language-ar .type-sbct, body.language-ar .carousel nav a, .carousel nav body.language-ar a, body.language-ar .huna-module .callout .meta-title, .huna-module .callout body.language-ar .meta-title, body.language-ar .huna-form #gforms_confirmation_message, .huna-form body.language-ar #gforms_confirmation_message, body.language-ar .huna-form .gform_wrapper .validation_message, .huna-form .gform_wrapper body.language-ar .validation_message, body.language-ar .huna-form .gform_wrapper .validation_error, .huna-form .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-invest-php .hero-carousel nav a, body.page-template-invest-php .hero-carousel nav body.language-ar a, body.language-ar body.page-template-invest-php .explore-carousel .carousel nav a, body.page-template-invest-php .explore-carousel .carousel nav body.language-ar a, body.language-ar body.page-template-visit-plan-php .hero-carousel nav a, body.page-template-visit-plan-php .hero-carousel nav body.language-ar a, body.language-ar body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php .exclusive-events .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-plan-php .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-plan-php .exclusive-events .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-schedule-php .gform_wrapper .validation_error, body.page-template-visit-schedule-php .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-schedule-php .gform_wrapper .validation_message, body.page-template-visit-schedule-php .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_error, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper .validation_message, body.page-template-visit-plan-php_legacy .exclusive-events .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_error, body.page-template-visit-schedule-php_legacy .gform_wrapper body.language-ar .validation_error, body.language-ar body.page-template-visit-schedule-php_legacy .gform_wrapper .validation_message, body.page-template-visit-schedule-php_legacy .gform_wrapper body.language-ar .validation_message, body.language-ar body.page-template-work .hero-carousel nav a, body.page-template-work .hero-carousel nav body.language-ar a, body.language-ar .type-hb, body.language-ar .event-banner .banner-title, .event-banner body.language-ar .banner-title, body.language-ar h2, body.language-ar h3.title, body.language-ar .button, body.language-ar .date span + span, .date body.language-ar span + span, body.language-ar section.hero a.button, section.hero body.language-ar a.button, body.language-ar .huna-module.huna-events .huna-form .featured > div .featured-date span, .huna-module.huna-events .huna-form .featured > div .featured-date body.language-ar span, body.language-ar .huna-module.huna-events article .event-list h4, .huna-module.huna-events article .event-list body.language-ar h4, body.language-ar .module article.featured h3, .module article.featured body.language-ar h3, body.language-ar body.page-template-press-releases .spirals .stretch:nth-child(2), body.page-template-press-releases .spirals body.language-ar .stretch:nth-child(2), body.language-ar .slider-inner .tag h2, .slider-inner .tag body.language-ar h2, body.language-ar .ticker-module div:nth-child(1), .ticker-module body.language-ar div:nth-child(1), body.language-ar .video-frame div span, .video-frame div body.language-ar span, body.language-ar .home section.pillars ul + p, .home section.pillars body.language-ar ul + p, body.language-ar .home section.pillars h3, .home section.pillars body.language-ar h3, body.language-ar body.contact-us .schedule-box + div a, body.contact-us .schedule-box + div body.language-ar a, body.language-ar body.contact-us-ar .schedule-box + div a, body.contact-us-ar .schedule-box + div body.language-ar a, body.language-ar section.event-calendar-section .single-event-wrapper .dates .datedash, section.event-calendar-section .single-event-wrapper .dates body.language-ar .datedash, body.language-ar section.event-calendar-section .single-event-wrapper dl, section.event-calendar-section .single-event-wrapper body.language-ar dl, body.language-ar section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip .datedash, section.event-calendar-section #tribe-events-content .tribe-events-calendar .tribe-events-tooltip body.language-ar .datedash, body.language-ar body.page-template-invest-php .investment ul a span, body.page-template-invest-php .investment ul a body.language-ar span, body.language-ar body.parent-location.page-template-location .spirals .stretch:nth-child(1), body.parent-location.page-template-location .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.parent-location-ar.page-template-location .spirals .stretch:nth-child(1), body.parent-location-ar.page-template-location .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.parent-location.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location.page-template-location-map .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.parent-location-ar.page-template-location-map .spirals .stretch:nth-child(2), body.parent-location-ar.page-template-location-map .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.media-library .spirals .stretch:nth-child(1), body.media-library .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.media-library-ar .spirals .stretch:nth-child(1), body.media-library-ar .spirals body.language-ar .stretch:nth-child(1), body.language-ar body.page-template-press-contacts .spirals .stretch:nth-child(3), body.page-template-press-contacts .spirals body.language-ar .stretch:nth-child(3), body.language-ar body.single-press_releases section.single-press-release h2, body.single-press_releases section.single-press-release body.language-ar h2, body.language-ar body.page-template-shareholders-overview .spirals .stretch:first-of-type, body.page-template-shareholders-overview .spirals body.language-ar .stretch:first-of-type, body.language-ar body.page-template-shareholders-news .spirals .stretch:nth-child(3), body.page-template-shareholders-news .spirals body.language-ar .stretch:nth-child(3), body.language-ar body.page-template-shareholders-stock .spirals .stretch:nth-child(2), body.page-template-shareholders-stock .spirals body.language-ar .stretch:nth-child(2), body.language-ar body.page-template-shareholders-stock .stock-info li, body.page-template-shareholders-stock .stock-info body.language-ar li, body.language-ar body.page-template-visit-schedule-php section h2 span, body.page-template-visit-schedule-php section h2 body.language-ar span, body.language-ar body.page-template-visit-plan-php section h2 span, body.page-template-visit-plan-php section h2 body.language-ar span, body.language-ar body.page-template-visit-schedule-php .direction-list li span, body.page-template-visit-schedule-php .direction-list li body.language-ar span, body.language-ar body.page-template-visit-plan-php .direction-list li span, body.page-template-visit-plan-php .direction-list li body.language-ar span, body.language-ar body.page-template-visit-schedule-php_legacy section h2 span, body.page-template-visit-schedule-php_legacy section h2 body.language-ar span, body.language-ar body.page-template-visit-plan-php_legacy section h2 span, body.page-template-visit-plan-php_legacy section h2 body.language-ar span, body.language-ar body.page-template-visit-schedule-php_legacy .direction-list li span, body.page-template-visit-schedule-php_legacy .direction-list li body.language-ar span, body.language-ar body.page-template-visit-plan-php_legacy .direction-list li span, body.page-template-visit-plan-php_legacy .direction-list li body.language-ar span, body.language-ar body.page-template-work section h2 span, body.page-template-work section h2 body.language-ar span {
    font-family: '29LTZaridSerif-Rg', Arial;
}

body.language-ar .din-light, body.language-ar .type-h1, body.language-ar body.parent-about h1, body.parent-about body.language-ar h1, body.language-ar body.parent-about-ar h1, body.parent-about-ar body.language-ar h1, body.language-ar body.parent-about h2, body.parent-about body.language-ar h2, body.language-ar body.parent-about-ar h2, body.parent-about-ar body.language-ar h2, body.language-ar body.single-managers h1, body.single-managers body.language-ar h1, body.language-ar body.page-template-invest-php .event-banner .banner-cta, body.page-template-invest-php .event-banner body.language-ar .banner-cta, body.language-ar body.page-template-live .hero-carousel h1, body.page-template-live .hero-carousel body.language-ar h1, body.language-ar body.page-template-visit-plan-php .hero-carousel h1, body.page-template-visit-plan-php .hero-carousel body.language-ar h1, body.language-ar body.page-template-visit-plan-php .event-banner .banner-cta, body.page-template-visit-plan-php .event-banner body.language-ar .banner-cta, body.language-ar body.page-template-visit-plan-php_legacy .hero-carousel h1, body.page-template-visit-plan-php_legacy .hero-carousel body.language-ar h1, body.language-ar body.page-template-work .hero-carousel h1, body.page-template-work .hero-carousel body.language-ar h1, body.language-ar body.page-template-work .event-banner .banner-cta, body.page-template-work .event-banner body.language-ar .banner-cta, body.language-ar body.page-template-work .featured-employers ul.employers a .num-jobs, body.page-template-work .featured-employers ul.employers a body.language-ar .num-jobs, body.language-ar .type-h2, body.language-ar .page-template-awarded-bids-archive h2, .page-template-awarded-bids-archive body.language-ar h2, body.language-ar .awarded-bids-item p.bid-value, .awarded-bids-item body.language-ar p.bid-value, body.language-ar body.parent-about ul.table h4, body.parent-about ul.table body.language-ar h4, body.language-ar body.parent-about-ar ul.table h4, body.parent-about-ar ul.table body.language-ar h4, body.language-ar body.page-template-invest section h2, body.page-template-invest section body.language-ar h2, body.language-ar body.page-template-invest-awarded-bids section h2, body.page-template-invest-awarded-bids section body.language-ar h2, body.language-ar body.page-template-invest-php section h2, body.page-template-invest-php section body.language-ar h2, body.language-ar body.page-template-invest-awarded-bids .contracts .contract-count + p, body.page-template-invest-awarded-bids .contracts body.language-ar .contract-count + p, body.language-ar body.page-template-live section h2, body.page-template-live section body.language-ar h2, body.language-ar body.page-template-live ul.table h4, body.page-template-live ul.table body.language-ar h4, body.language-ar body.page-template-visit-schedule-php section h2, body.page-template-visit-schedule-php section body.language-ar h2, body.language-ar body.page-template-visit-plan-php section h2, body.page-template-visit-plan-php section body.language-ar h2, body.language-ar body.page-template-visit-schedule-php_legacy section h2, body.page-template-visit-schedule-php_legacy section body.language-ar h2, body.language-ar body.page-template-visit-plan-php_legacy section h2, body.page-template-visit-plan-php_legacy section body.language-ar h2, body.language-ar body.page-template-work section h2, body.page-template-work section body.language-ar h2, body.language-ar .contact-section .contact:before, .contact-section body.language-ar .contact:before, body.language-ar section.hero h2, section.hero body.language-ar h2, body.language-ar .huna-module.huna-events .huna-form .featured > div h4, .huna-module.huna-events .huna-form .featured > div body.language-ar h4, body.language-ar section.news-list h3 a, section.news-list h3 body.language-ar a, body.language-ar .news-item h4, .news-item body.language-ar h4, body.language-ar .featured-video h4, .featured-video body.language-ar h4, body.language-ar .video-list h4, .video-list body.language-ar h4, body.language-ar .video-container .text p, .video-container .text body.language-ar p, body.language-ar header .slide-menu ul a, header .slide-menu ul body.language-ar a, body.language-ar .home section.sustainability h2, .home section.sustainability body.language-ar h2, body.language-ar .home section.sustainability .accordion p:last-of-type, .home section.sustainability .accordion body.language-ar p:last-of-type, body.language-ar .home section.pillars h2, .home section.pillars body.language-ar h2, body.language-ar .home section.pillars li p span, .home section.pillars li p body.language-ar span, body.language-ar body.page-template-about-leadership .management-team a p, body.page-template-about-leadership .management-team a body.language-ar p, body.language-ar body.page-template-about-leadership-ar .management-team a p, body.page-template-about-leadership-ar .management-team a body.language-ar p, body.language-ar body.page-template-invest-php .environment ul li, body.page-template-invest-php .environment ul body.language-ar li, body.language-ar body.page-template-invest-awarded-bids .contracts .contract-count, body.page-template-invest-awarded-bids .contracts body.language-ar .contract-count, body.language-ar body.page-template-live ul.school-table, body.page-template-live body.language-ar ul.school-table, body.language-ar body.page-template-live ul.table, body.page-template-live body.language-ar ul.table, body.language-ar body.parent-location.page-template-location-map section.directions ul li h3, body.parent-location.page-template-location-map section.directions ul li body.language-ar h3, body.language-ar body.parent-location-ar.page-template-location-map section.directions ul li h3, body.parent-location-ar.page-template-location-map section.directions ul li body.language-ar h3, body.language-ar body.page-template-press-contacts .media-form h4, body.page-template-press-contacts .media-form body.language-ar h4, body.language-ar body.page-template-press-contacts .gform_confirmation_message, body.page-template-press-contacts body.language-ar .gform_confirmation_message, body.language-ar body.page-template-shareholders-stock .stock-info span, body.page-template-shareholders-stock .stock-info body.language-ar span, body.language-ar body.page-template-visit-schedule-php .direction-list li h3, body.page-template-visit-schedule-php .direction-list li body.language-ar h3, body.language-ar body.page-template-visit-plan-php .direction-list li h3, body.page-template-visit-plan-php .direction-list li body.language-ar h3, body.language-ar body.page-template-visit-schedule-php_legacy .direction-list li h3, body.page-template-visit-schedule-php_legacy .direction-list li body.language-ar h3, body.language-ar body.page-template-visit-plan-php_legacy .direction-list li h3, body.page-template-visit-plan-php_legacy .direction-list li body.language-ar h3 {
    font-family: '29LTZaridSerif-Rg', Arial;
}


body.language-ar a.android, body.language-ar a.ios {
    float: right;
    padding-left: 0px;
    padding-right: 40px
}

body.language-ar a.android:before, body.language-ar a.ios:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto
}

body.language-ar .action-arrow:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 0px;
    margin-right: 10px
}

body.language-ar .action-arrow.arrow-back:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-right: 0px;
    margin-left: 10px
}

body.language-ar nav.scroll-nav {
    left: -52px;
    right: auto
}

body.language-ar nav.scroll-nav a:nth-child(1) {
    border-right: none
}

body.language-ar nav.scroll-nav a:nth-child(5) {
    border-right: solid 1px #e6e6e6
}

body.language-ar nav.scroll-nav.active {
    left: 0;
    right: auto
}

@media screen and (max-width: 769px) {
    body.language-ar nav.scroll-nav {
        margin: 0 0 0 -150px;
        left: 50%;
    }

    body.language-ar nav.scroll-nav.active {
        left: 50%
    }

    body.language-ar nav.scroll-nav a {
        float: right
    }
}

body.language-ar.blur .slider article .date, body.language-ar.blur .slider article .social {
    left: auto;
    right: 25px
}

body.language-ar.blur .slider article h2 {
    text-align: right
}

@media screen and (max-width: 500px) {
    body.language-ar.blur .slider .slider-inner {
        right: auto
    }

    body.language-ar.blur .slider .overflow-wrapper {
        float: right
    }

    body.language-ar.blur .slider .overflow-wrapper article {
        float: none
    }

    body.language-ar.blur .slider .overflow-wrapper .social a {
        float: right
    }
}

body.language-ar header .standard-menu a.logo {
    background-image: url("../img/ar/logo-sprites.png");
    width: 162px;
    float: right
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar header .standard-menu a.logo {
        background-image: url("../img/ar/logo-sprites_2x.png");
        background-size: 162px 122px;
    }
}

body.language-ar header .slide-menu ul:before {
    content: 'روابط سريعة'
}

body.language-ar header .slide-menu ul a[download]:before {
    left: auto;
    right: -20px
}

body.language-ar header nav.centered {
    float: right
}

body.language-ar header .internal {
    padding-left: 0px;
    padding-right: 25px
}

body.language-ar header .internal .social a {
    float: right !important;
    margin: 15px 0 0px 15px !important
}

body.language-ar header .action-arrow:after {
    margin-right: 10px
}

body.language-ar header button {
    left: 5% !important;
    right: auto !important;
    padding: 0px;
    width: 33px
}

body.language-ar header #lang_sel_list a.lang_sel_other {
    margin-right: 10px;
    margin-left: 10px
}

body.language-ar header #lang_sel_list ul:after {
    content: "";
    display: table;
    clear: both
}

body.language-ar header div[role="radiogroup"] {
    float: left;
    padding-left: 60px;
    padding-right: 0px
}

@media screen and (min-width: 769px) {
    body.language-ar header nav.centered {
        padding-right: 0%;
        padding-left: 2%;
        width: 55%
    }
}

@media screen and (max-width: 769px) {
    body.language-ar header .standard-menu a.logo {
        position: absolute;
        right: 5%;
        bottom: 14px;
        left: auto
    }

    body.language-ar header .standard-menu div button {
        left: 5%;
        right: auto
    }

    body.language-ar header .standard-menu #lang_sel_list.lang_sel_list_horizontal {
        float: left;
        padding-right: 0px
    }

    body.language-ar header .standard-menu #lang_sel_list.lang_sel_list_horizontal .icl-ar {
        display: none
    }
}

body.language-ar footer .logo {
    background-image: url("../img/ar/logo-sprites.png");
    position: absolute;
    top: 0;
    right: 5%;
    width: 162px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar footer .logo {
        background-image: url("../img/ar/logo-sprites_2x.png");
        background-size: 162px 122px;
    }
}

body.language-ar footer .centered {
    padding: 0 26% 0 18%
}

@media screen and (min-width: 769px) {
    body.language-ar footer .social {
        position: absolute;
        top: 41px;
        right: auto;
        left: 5%
    }

    body.language-ar footer .legal a, body.language-ar footer .legal span {
        float: left
    }

    body.language-ar footer .legal .site-by-phoekus {
        float: right;
        margin-left: 25px;
        margin-right: 0
    }
}

body.language-ar section.hero h2, body.language-ar section.hero p {
    text-align: right
}

body.language-ar section.hero a.button {
    float: right
}

body.language-ar section.hero .mobile-slides li a {
    background-color: #ffffff
}

body.language-ar section.hero .mobile-slides li:first-of-type a {
    background-color: transparent
}

body.language-ar section.hero.pillars h2, body.language-ar section.hero p {
    text-align: center
}

body.language-ar section.hero.communities .community-icons {
    margin-bottom: 20px;
    display: inline-block;
    text-align: right
}

body.language-ar section.hero.scrolled .mobile-slides li a {
    background-color: transparent
}

body.language-ar section.hero.scrolled .mobile-slides li:first-of-type a {
    background-color: #ffffff
}

@media screen and (max-width: 500px) {
    body.language-ar section.hero h2 {
        text-align: center
    }

    body.language-ar section.hero a.button {
        float: none
    }

    body.language-ar section.hero.scrolled .wrapper.parallax {
        margin-left: 0;
        margin-right: -100vw
    }

    body.language-ar section.hero .wrapper.parallax .headline {
        left: 52.5%
    }

    body.language-ar section.hero .wrapper.parallax .module {
        left: 2.5%
    }
}

body.language-ar.home section.pillars li {
    float: right
}

body.language-ar.home section.pillars li:first-of-type {
    margin-left: 0%;
    margin-right: 8.5%
}

body.language-ar.home section.pillars .map {
    background-image: url("../img/ar/bg-map-browser.jpg");
    background-size: 100% auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar.home section.pillars .map {
        background-image: url("../img/ar/bg-map-browser_2x.jpg");
        background-size: 100% auto;
    }
}

@media screen and (max-width: 769px) {
    body.language-ar.home section.pillars .map {
        background-image: url("../img/ar/bg-map-tablet.jpg")
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar.home section.pillars .map {
            background-image: url("../img/ar/bg-map-tablet_2x.jpg");
            background-size: 100% auto;
        }
    }
}

@media screen and (max-width: 500px) {
    body.language-ar.home section.pillars .map {
        background-image: url("../img/ar/bg-map-phone.jpg")
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar.home section.pillars .map {
            background-image: url("../img/ar/bg-map-phone_2x.jpg");
            background-size: 100% auto;
        }
    }
}

body.language-ar section.hero {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background-size: cover;
    background-position: 45% center
}

body.language-ar section.hero.scrolled {
    background-position: 25% center
}

body.language-ar section.port {
    background-image: url("../img/ar/bg-boat-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar section.port {
        background-image: url("../img/ar/bg-boat-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.language-ar section.port {
        background-image: url("../img/ar/bg-boat-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar section.port {
            background-image: url("../img/ar/bg-boat-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.language-ar section.port {
        background-image: url("../img/ar/bg-boat-mobile.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar section.port {
            background-image: url("../img/ar/bg-boat-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

body.language-ar section.industrial-valley {
    background-image: url("../img/ar/bg-iv-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar section.industrial-valley {
        background-image: url("../img/ar/bg-iv-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.language-ar section.industrial-valley {
        background-image: url("../img/ar/bg-iv-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar section.industrial-valley {
            background-image: url("../img/ar/bg-iv-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.language-ar section.industrial-valley {
        background-image: url("../img/ar/bg-iv-mobile.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar section.industrial-valley {
            background-image: url("../img/ar/bg-iv-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

body.language-ar section.communities {
    background-image: url("../img/ar/bg-sun-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar section.communities {
        background-image: url("../img/ar/bg-sun-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.language-ar section.communities {
        background-image: url("../img/ar/bg-sun-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar section.communities {
            background-image: url("../img/ar/bg-sun-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.language-ar section.communities {
        background-image: url("../img/ar/bg-sun-mobile.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar section.communities {
            background-image: url("../img/ar/bg-sun-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

body.language-ar section.downtown {
    background-image: url("../img/ar/bg-downtown-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar section.downtown {
        background-image: url("../img/ar/bg-downtown-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.language-ar section.downtown {
        background-image: url("../img/ar/bg-downtown-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar section.downtown {
            background-image: url("../img/ar/bg-downtown-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.language-ar section.downtown {
        background-image: url("../img/ar/bg-downtown-mobile.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar section.downtown {
            background-image: url("../img/ar/bg-downtown-mobile_2x.jpg");
            background-size: cover;
        }
    }
}

body.language-ar .awarded-bids-item {
    float: right
}

@media screen and (min-width: 1300px) {
    body.language-ar .awarded-bids-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 18.21772%;
        float: right;
        margin-right: 0;
        margin-left: 2.22785%;
    }

    body.language-ar .awarded-bids-item:last-child {
        margin-right: 0
    }

    body.language-ar .awarded-bids-item:nth-of-type(5n) {
        margin-left: 0px
    }
}

@media screen and (min-width: 900px) and (max-width: 1300px) {
    body.language-ar .awarded-bids-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 23.32912%;
        float: right;
        margin-right: 0;
        margin-left: 2.22785%;
    }

    body.language-ar .awarded-bids-item:last-child {
        margin-right: 0
    }

    body.language-ar .awarded-bids-item:nth-of-type(4n) {
        margin-left: 0px
    }
}

@media screen and (min-width: 650px) and (max-width: 900px) {
    body.language-ar .awarded-bids-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 31.8481%;
        float: right;
        margin-right: 0;
        margin-left: 2.22785%;
    }

    body.language-ar .awarded-bids-item:last-child {
        margin-right: 0
    }

    body.language-ar .awarded-bids-item:nth-of-type(3n) {
        margin-left: 0px
    }
}

@media screen and (min-width: 500px) and (max-width: 650px) {
    body.language-ar .awarded-bids-item {
        float: left;
        display: block;
        margin-right: 2.22785%;
        width: 48.88608%;
        float: right;
        margin-right: 0;
        margin-left: 2.22785%;
    }

    body.language-ar .awarded-bids-item:last-child {
        margin-right: 0
    }

    body.language-ar .awarded-bids-item:nth-of-type(2n) {
        margin-left: 0px
    }
}

body.language-ar .awarded-bids-item p {
    text-align: right
}

body.language-ar .awarded-bids-item p.contract-type {
    position: absolute;
    top: 15px;
    right: auto;
    left: 15px;
    text-align: right
}

body.language-ar .carousel .slide {
    float: right
}

body.language-ar .carousel .columns {
    text-align: right
}

body.language-ar .carousel nav a + a {
    border-right: none;
    border-left: 1px solid #e4e4e4
}

.language-ar .contact-section .contact {
    padding-left: 0px;
    padding-right: 75px;
    text-align: left
}

.language-ar .contact-section .contact:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    float: right
}

.language-ar .contact-section .contact.contact-email:before {
    content: "البريد الإلكتروني"
}

.language-ar .contact-section .contact.contact-fax:before {
    content: "فاكس"
}

.language-ar .contact-section .contact.contact-name:before {
    content: "الاسم"
}

.language-ar .contact-section .contact.contact-phone:before {
    content: "الهاتف"
}

.language-ar .contact-section .contact.contact-toll-free:before {
    content: "الرقم المجاني"
}

body.language-ar .download:after {
    position: absolute;
    right: auto;
    bottom: 15px;
    left: 15px
}

body.language-ar .download.download--simple span:last-of-type {
    margin-left: 0px;
    margin-right: 30px
}

body.language-ar .download.download--detailed:before {
    float: right;
    margin: 0 0px 15px 15px
}

body.language-ar .download.download--detailed span {
    text-align: right
}

body.language-ar .download.download--icon {
    border-top-left-radius: 12px;
    border-top-right-radius: 0px
}

body.language-ar .download.download--icon span.corner {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    border-left: none;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff
}

body.language-ar .module article {
    float: right;
    height: 130px
}

body.language-ar .module article:last-of-type {
    border-left: solid 1px #e6e6e6
}

body.language-ar .module article .content {
    float: right;
    margin-left: 0;
    margin-right: 55px
}

body.language-ar .module article .content h3 {
    font-size: 0.8125rem
}

body.language-ar .module article .content .blurb {
    text-align: right
}

body.language-ar .module article .media {
    float: left
}

body.language-ar .module article .read-more span {
    left: auto;
    right: 70px
}

body.language-ar .module article.featured .action span {
    right: 70px;
    left: auto
}

@media screen and (max-width: 769px) {
    body.language-ar .module article {
        height: auto
    }

    body.language-ar .module article .content {
        padding-left: 0px;
        padding-right: 0px;
        width: auto
    }

    body.language-ar .module article .content .blurb {
        margin-bottom: 10px
    }

    body.language-ar .module article:not(.featured) .content {
        padding-left: 40px
    }

    body.language-ar .module article:not(.featured) .read-more:after {
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        left: 15px;
        right: auto
    }
}

body.language-ar form input {
    padding: 10px 20px 10px 120px
}

body.language-ar form select:not([multiple]) {
    background-position: 5% center
}

body.language-ar form button[type="submit"] {
    position: absolute;
    right: auto;
    bottom: 0px;
    left: 0
}

body.language-ar .flex-item {
    margin-right: 0
}

@media screen and (min-width: 1100px) {
    body.language-ar .flex-item {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 18.21772%;
    }

    body.language-ar .flex-item:last-child {
        margin-left: 0
    }

    body.language-ar .flex-item:nth-of-type(5n) {
        margin-left: 0px
    }
}

@media screen and (min-width: 900px) and (max-width: 1100px) {
    body.language-ar .flex-item {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 23.32912%;
    }

    body.language-ar .flex-item:last-child {
        margin-left: 0
    }

    body.language-ar .flex-item:nth-of-type(4n) {
        margin-left: 0px
    }
}

@media screen and (min-width: 650px) and (max-width: 900px) {
    body.language-ar .flex-item {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 31.8481%;
    }

    body.language-ar .flex-item:last-child {
        margin-left: 0
    }

    body.language-ar .flex-item:nth-of-type(3n) {
        margin-left: 0px
    }
}

@media screen and (min-width: 500px) and (max-width: 650px) {
    body.language-ar .flex-item {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 48.88608%;
    }

    body.language-ar .flex-item:last-child {
        margin-left: 0
    }

    body.language-ar .flex-item:nth-of-type(2n) {
        margin-left: 0px
    }
}

@media screen and (max-width: 500px) {
    body.language-ar .flex-item {
        width: 100%;
    }
}

body.language-ar .huna-module article, body.language-ar .huna-module .huna-form {
    float: right
}

body.language-ar .huna-module .callout .title, body.language-ar .huna-module .callout .body {
    float: right;
    text-align: right
}

body.language-ar .huna-module .callout .title {
    padding-right: 0px;
    padding-left: 30px
}

body.language-ar .huna-form .gform_wrapper form {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: auto
}

body.language-ar .huna-form .gform_wrapper .gform_body {
    float: right
}

body.language-ar .huna-form .gform_wrapper .gform_body input[type=email] {
    border-radius: 0 18px 18px 0;
    float: left;
    padding-left: 10px;
    padding-right: 0px;
    text-align: left
}

body.language-ar .huna-form .gform_wrapper .gform_footer {
    float: right
}

body.language-ar .huna-form .gform_wrapper .gform_footer input[type=submit] {
    border-radius: 18px 0px 0 18px
}

body.language-ar .huna-module.huna-events .huna-form > p {
    display: block
}

body.language-ar .huna-module.huna-events .huna-form .featured {
    position: absolute;
    right: -15px;
    bottom: 30px;
    left: 0;
    box-shadow: 3px 0px 12px -3px #ddd
}

body.language-ar .huna-module.huna-events .huna-form .featured > div:last-of-type {
    border-left: none;
    border-right: solid 1px #e4e4e4
}

body.language-ar .huna-module.huna-events .huna-form .featured > span {
    position: absolute;
    right: 0;
    bottom: -15px;
    left: auto;
    border-right: none;
    border-left: solid 15px #bc1947;
    border-bottom: solid 15px #ffffff
}

@media screen and (max-width: 950px) {
    body.language-ar .huna-module.huna-events .huna-form h3 {
        text-align: right
    }

    body.language-ar .huna-module.huna-events .huna-form h3 + p {
        float: left;
        text-align: right
    }

    body.language-ar .huna-module.huna-events .huna-form .featured {
        position: static
    }
}

body.language-ar .pagination li:first-of-type {
    float: left
}

body.language-ar .pagination li:first-of-type a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 0px;
    margin-right: 8px
}

body.language-ar .pagination li:last-of-type {
    float: right
}

body.language-ar .pagination li:last-of-type a:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-left: 8px;
    margin-right: 0px
}

body.language-ar .news-item {
    float: right;
    padding: 20px 0px 0px 10px
}

body.language-ar .press-release.pr-widget .date {
    float: right;
    margin: 15px 15px 0 0px
}

body.language-ar .press-release.pr-widget h3, body.language-ar .press-release.pr-widget h3 + span {
    padding: 0 70px 0 15px
}

body.language-ar .module .date {
    position: absolute;
    top: 15px;
    right: 15px
}

body.language-ar .module .date span {
    line-height: 1.25;
    padding-top: 0px;
    padding-bottom: 2px
}

body.language-ar .slider-inner .tag {
    max-height: none;
    left: auto;
    right: -15px
}

body.language-ar .slider-inner .tag h2, body.language-ar .slider-inner .tag p {
    text-align: right
}

body.language-ar .slider-inner .tag h2 {
    float: right
}

body.language-ar .slider-inner .tag h2:after {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    font-family: 'icomoon';
    text-align: left
}

body.language-ar .slider-inner .tag span {
    left: auto;
    right: 0px;
    border-left: none;
    border-right: solid 15px transparent
}

@media screen and (min-width: 500px) {
    body.language-ar .slider-inner .tag p {
        padding-left: 0px;
        padding-right: 85px
    }
}

@media screen and (max-width: 500px) {
    body.language-ar .slider-inner .tag {
        position: relative;
        right: -15px;
        bottom: auto;
        left: auto;
    }

    body.language-ar .slider-inner .tag h2 {
        float: none;
        margin-bottom: 10px;
        width: auto
    }

    body.language-ar .slider-inner .tag h2:before {
        margin-left: 4px
    }

    body.language-ar .slider-inner .tag h2:after {
        margin-right: 3px;
        top: 0px
    }
}

body.language-ar section.event-calendar-section .single-event-wrapper h2 {
    text-align: right
}

body.language-ar section.event-calendar-section .single-event-wrapper .dates {
    float: left
}

body.language-ar section.event-calendar-section .single-event-wrapper .tribe-events-nav-previous {
    float: right !important;
    text-align: right !important
}

body.language-ar section.event-calendar-section .single-event-wrapper .tribe-events-nav-next {
    float: left !important;
    text-align: left !important
}

body.language-ar section.event-calendar-section .tribe-events-event-image:after {
    content: "";
    display: table;
    clear: both
}

body.language-ar section.event-calendar-section .tribe-events-event-image img {
    float: right
}

body.language-ar section.event-calendar-section .tribe-events-single-section .tribe-events-meta-group {
    text-align: right
}

@media screen and (min-width: 769px) {
    body.language-ar section.event-calendar-section .tribe-events-single-section .tribe-events-meta-group {
        float: right
    }
}

@media screen and (max-width: 500px) {
    body.language-ar section.event-calendar-section .single-event-wrapper .dates {
        float: none
    }

    body.language-ar section.event-calendar-section .sub-nav .nav-previous {
        text-align: right;
        left: auto;
        right: 0.5em;
        position: absolute
    }

    body.language-ar section.event-calendar-section .sub-nav .nav-next {
        position: absolute;
        right: auto;
        left: 0.5em;
        text-align-last: left
    }
}

@media screen and (min-width: 500px) {
    body.language-ar.home section.port i:after {
        content: '\e6b1'
    }

    body.language-ar.home section.industrial-valley i:after {
        content: '\e625'
    }

    body.language-ar.home section.communities i:nth-child(1):after {
        content: '\e624'
    }

    body.language-ar.home section.communities i:nth-child(2):after {
        content: '\e659'
    }

    body.language-ar.home section.communities i:nth-child(3):after {
        content: '\e648'
    }

    body.language-ar.home section.communities i:nth-child(4):after {
        content: '\e672'
    }

    body.language-ar.home section.communities i:nth-child(5):after {
        content: '\e61c'
    }
}

body.language-ar.home section.sustainability button {
    position: absolute;
    top: 50%;
    right: auto;
    left: 30px
}

body.language-ar.home section.sustainability .accordion {
    float: right
}

body.language-ar.home section.sustainability .accordion h3 span:last-of-type {
    float: left;
    padding-right: 5px
}

body.language-ar.home section.sustainability .wrapper > div {
    float: right;
    padding-left: 50px;
    padding-right: 0
}

body.language-ar.home section.sustainability .accordion h3:before {
    content: ''
}

body.language-ar.home section.sustainability .accordion h3:after {
    right: 30px
}

body.language-ar.home section.sustainability li {
    background-position: left bottom
}

body.language-ar.home section.sustainability li:first-of-type {
    background-image: url("../img/ar/social.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar.home section.sustainability li:first-of-type {
        background-image: url("../img/ar/social_2x.png");
        background-size: 500px 267px;
    }
}

body.language-ar.home section.sustainability li:first-of-type h3:after {
    content: '\e620'
}

body.language-ar.home section.sustainability li:nth-child(2) {
    background-image: url("../img/ar/grid.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar.home section.sustainability li:nth-child(2) {
        background-image: url("../img/ar/grid_2x.png");
        background-size: 500px 267px;
    }
}

body.language-ar.home section.sustainability li:nth-child(2) h3:after {
    content: '\e617'
}

body.language-ar.home section.sustainability li:nth-child(3) {
    background-image: url("../img/ar/leaves.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar.home section.sustainability li:nth-child(3) {
        background-image: url("../img/ar/leaves_2x.png");
        background-size: 684px 297px;
    }
}

body.language-ar.home section.sustainability li:nth-child(3) h3:after {
    content: '\e618'
}

@media screen and (max-width: 769px) {
    body.language-ar.home section.sustainability button {
        left: 20px
    }
}

body.language-ar.page-template-live {
}

body.language-ar.page-template-live .places-carousel .ar-unflip {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

body.language-ar.page-template-live .places-carousel .ar-unflip .track {
    margin-right: -400vw
}

body.language-ar.page-template-live ul.school-table li {
    border-left: none;
    border-right: 1px solid #d7d7d7;
    float: right
}

body.language-ar.page-template-live .divider {
    background-size: cover;
    position: relative;
    width: 100vw
}

body.language-ar.page-template-live .divider.white-gradient-slant {
    position: relative;
    z-index: 100
}

body.language-ar.page-template-live .divider.white-grey-gradient-up-slant {
    position: relative;
    z-index: -1
}

body.language-ar.page-template-invest .environment ul {
    max-width: 87.5em;
    margin-left: auto;
    margin-right: auto;
    margin: 5vw auto;
    width: 80vw
}

body.language-ar.page-template-invest .environment ul:after {
    content: "";
    display: table;
    clear: both
}

body.language-ar.page-template-invest .environment ul li {
    float: right;
    display: block;
    margin-left: 2.22785%;
    width: 14.81013%
}

body.language-ar.page-template-invest .environment ul li:last-child {
    margin-left: 0
}

body.language-ar.page-template-invest .environment ul li:first-of-type {
    margin-right: 0
}

body.language-ar.page-template-invest .environment ul li.overview {
    float: right;
    display: block;
    margin-left: 2.22785%;
    width: 23.32912%;
    text-align: right
}

body.language-ar.page-template-invest .environment ul li.overview:last-child {
    margin-left: 0
}

@media screen and (max-width: 769px) {
    body.language-ar.page-template-invest .environment ul li {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 48.88608%;
    }

    body.language-ar.page-template-invest .environment ul li:last-child {
        margin-left: 0
    }

    body.language-ar.page-template-invest .environment ul li:nth-child(even) {
        margin-right: 0
    }

    body.language-ar.page-template-invest .environment ul li:nth-child(odd) {
        margin: 0
    }

    body.language-ar.page-template-invest .environment ul li.overview {
        width: 100%
    }
}

body.language-ar.page-template-invest-awarded-bids .banner {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.language-ar.page-template-invest-awarded-bids .banner h1, body.language-ar.page-template-invest-awarded-bids .banner p {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.language-ar.page-template-visit-schedule-php .intro {
    float: left
}

body.language-ar.page-template-visit-schedule-php .gform_wrapper {
    float: right
}

body.language-ar.page-template-visit-schedule-php .gform_wrapper .gform_body label {
    text-align: right
}

body.language-ar.page-template-visit-schedule-php .gform_wrapper .gform_body input[type="email"] {
    padding-left: 20px
}

body.language-ar.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox {
    margin: 2vw 0;
    text-align: right
}

body.language-ar.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox li {
    padding-left: 0px;
    padding-right: 30px
}

body.language-ar.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox input[type=checkbox] {
    float: right;
    margin-left: 0px;
    margin-right: -30px
}

body.language-ar.page-template-visit-schedule-php .gform_wrapper .gform_body .gfield_checkbox label {
    float: right
}

body.language-ar.page-template-visit-plan .exclusive-events .gform_wrapper .gform_body input[type="email"] {
    padding-left: 20px
}

body.language-ar .serving-the-world {
    background-image: url("../img/ar/ar-bg-overview-map-browser.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    body.language-ar .serving-the-world {
        background-image: url("../img/ar/ar-bg-overview-map-browser_2x.jpg");
        background-size: cover;
    }
}

@media screen and (max-width: 769px) {
    body.language-ar .serving-the-world {
        background-image: url("../img/ar/ar-bg-overview-map-tablet.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar .serving-the-world {
            background-image: url("../img/ar/ar-bg-overview-map-tablet_2x.jpg");
            background-size: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    body.language-ar .serving-the-world {
        background-image: url("../img/ar/ar-bg-overview-map-phone.jpg");
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.language-ar .serving-the-world {
            background-image: url("../img/ar/ar-bg-overview-map-phone_2x.jpg");
            background-size: cover;
        }
    }
}

body.language-ar .serving-the-world .wrapper {
    padding-left: 50%;
    padding-right: 5%
}

@media screen and (max-width: 500px) {
    body.language-ar .serving-the-world .wrapper {
        padding-left: 5%
    }
}

body.language-ar.media-library-ar section.social a {
    padding: 10px 80px 10px 0px;
    float: right;
    margin: 30px 0 0 80px
}

body.language-ar.media-library-ar section.social a:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    margin-right: 0px;
    margin-left: 10px
}

@media screen and (min-width: 769px) {
    body.language-ar.media-library-ar section.gallery .videos {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 65.92405%;
        margin-right: 0px
    }

    body.language-ar.media-library-ar section.gallery .videos:last-child {
        margin-left: 0
    }

    body.language-ar.media-library-ar section.gallery .downloads {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 23.32912%;
        margin-right: 8.51899%
    }

    body.language-ar.media-library-ar section.gallery .downloads:last-child {
        margin-left: 0
    }
}

body.language-ar.page-template-press-contacts .wrapper section:first-of-type {
    float: right;
    display: block;
    margin-left: 2.22785%;
    width: 65.92405%;
    margin-right: 0
}

body.language-ar.page-template-press-contacts .wrapper section:first-of-type:last-child {
    margin-left: 0
}

body.language-ar.page-template-press-contacts .wrapper section:last-of-type {
    float: right;
    display: block;
    margin-left: 2.22785%;
    width: 31.8481%
}

body.language-ar.page-template-press-contacts .wrapper section:last-of-type:last-child {
    margin-left: 0
}

@media screen and (max-width: 940px) {
    body.language-ar.page-template-press-contacts .wrapper section:first-of-type {
        width: 100%
    }

    body.language-ar.page-template-press-contacts .wrapper section:last-of-type {
        width: 100%
    }
}

body.language-ar.single-press_releases section.single-press-release h2 {
    text-align: right
}

@media screen and (min-width: 900px) {
    body.language-ar.single-press_releases section.single-press-release .date {
        position: absolute;
        top: 80px;
        right: 30px;
        left: auto
    }

    body.language-ar.single-press_releases section.single-press-release .banner {
        position: absolute;
        top: -15px;
        right: auto;
        left: 80px;
        float: left;
        margin: 0px 80px 0 0px
    }

    body.language-ar.single-press_releases section.single-press-release .banner span {
        position: absolute;
        top: 0;
        right: auto;
        left: -15px;
        height: 0;
        width: 0;
        border-bottom: solid 15px #505050;
        border-left: solid 15px transparent;
        border-right: none
    }
}

@media screen and (max-width: 900px) {
    body.language-ar.single-press_releases section.single-press-release .date {
        float: right
    }

    body.language-ar.single-press_releases section.single-press-release h2, body.language-ar.single-press_releases section.single-press-release h2 + p {
        padding-left: 0;
        padding-right: 50px
    }
}

body.parent-location-ar.page-template-location-map section.directions .wrapper > span {
    float: left
}

body.parent-location-ar.page-template-location-map section.directions ul {
    clear: both;
    float: left
}

body.language-ar.page-template-shareholders-overview section.report-list {
    float: right;
    display: block;
    margin-left: 2.22785%;
    width: 31.8481%;
    margin-right: 0px
}

body.language-ar.page-template-shareholders-overview section.report-list:last-child {
    margin-left: 0
}

@media screen and (min-width: 769px) and (max-width: 1150px) {
    body.language-ar.page-template-shareholders-overview section.report-list {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 48.88608%;
    }

    body.language-ar.page-template-shareholders-overview section.report-list:last-child {
        margin-left: 0
    }
}

body.language-ar.page-template-shareholders-overview section.report-list:first-of-type {
    width: 100%
}

body.language-ar.page-template-shareholders-overview section.report-list:first-of-type .download {
    float: right;
    margin: 0 0px 30px 60px
}

body.language-ar.page-template-shareholders-stock .stock-info li {
    float: right
}

body.language-ar.page-template-shareholders-stock .stock-info li + li {
    border-left: none;
    border-right: solid 1px #3c3c3c
}

body.language-ar.page-template-shareholders-stock .stock-info span {
    float: left
}

@media screen and (min-width: 850px) {
    body.language-ar.page-template-shareholders-stock .stock-info li:nth-child(4n) {
        border-right: none
    }
}

@media screen and (max-width: 850px) {
    body.language-ar.page-template-shareholders-stock .stock-info li:nth-child(odd) {
        border-right: none
    }
}

@media screen and (max-width: 680px) {
    body.language-ar.page-template-shareholders-stock .stock-info li {
        border-right: none !important;
        float: none
    }
}

body.contact-us-ar .spirals .overlay {
    border-left: solid 100vw transparent;
    border-right: none
}

body.contact-us-ar section.emergency-numbers li {
    float: right
}

body.contact-us-ar section.key-contacts .wrapper > div:first-of-type {
    float: right
}

body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li {
    float: right
}

body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li + li {
    border-right: solid 1px #c1c1c1;
    border-left: none
}

body.contact-us-ar section.key-contacts .wrapper > div:last-of-type {
    float: left;
    margin-left: 0%;
    margin-right: 1%
}

body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div {
    float: right
}

body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div:last-of-type {
    border-right: solid 1px #c1c1c1;
    border-left: none
}

@media screen and (min-width: 900px) {
    body.contact-us-ar .column {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 23.32912%
    }

    body.contact-us-ar .column:last-child {
        margin-left: 0
    }

    body.contact-us-ar .column:first-of-type {
        margin-right: 0
    }

    body.contact-us-ar .column:nth-child(2) {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 31.8481%;
        margin-right: 8.51899%
    }

    body.contact-us-ar .column:nth-child(2):last-child {
        margin-left: 0
    }

    body.contact-us-ar .column:last-child {
        float: right;
        display: block;
        margin-left: 2.22785%;
        width: 23.32912%;
        margin-right: 8.51899%
    }

    body.contact-us-ar .column:last-child:last-child {
        margin-left: 0
    }
}

@media screen and (max-width: 600px) {
    body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li a:before {
        float: right
    }

    body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li a p {
        float: right;
        padding: 5px 10px 5px 0px;
        text-align: right
    }

    body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li a span {
        float: left
    }

    body.contact-us-ar section.key-contacts .wrapper > div:first-of-type li + li {
        border-right: none
    }

    body.contact-us-ar section.key-contacts .wrapper > div:last-of-type > div:last-of-type {
        border-right: none
    }
}

.language-ar .ar-flip {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.language-ar .ar-flip .ar-unflip {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.language-ar .ar-flip + .divider {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}
.wpcf7-select
{
	width:100%;
}
.medium{
	width:100%;
}
.validation_error .validation_message
{
	color:red;
}
.bootstrap-select>.btn
{
	border: solid 1px #d7d7d7 !important;
	/*height: 36px !important;*/
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none !important;
    background-color: #ffd4d4;
    color: red;
    padding: 10px;
}
div.wpcf7-mail-sent-ok {
    border: none !important;
    background-color: #47de89;
    color: white;
    padding: 10px;
}
.wpcf7-submit{
	background-color: #47de89;
    color: white;
    font-size: 21px;
    font-weight: 500;
}
/*# sourceMappingURL=main.scss */