@charset "utf-8"; body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;} ul,ol{list-style:none;} img,a img{border:none;display:block;} *:link,*:visited{text-decoration:none;} *:active,*:focus{outline:0;} table{border-collapse:collapse;border-spacing:0;} label,button{cursor:pointer;} input,textarea,select{font-family:inherit;font-size:inherit;padding:0;margin:0;vertical-align:middle;} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;} input[type=number]{-moz-appearance:textfield;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;} ::-moz-selection { background-color: #000019; color: #FFF; } ::selection { background-color: #000019; color: #FFF; } /*fade in effects*/ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;animation-duration:0.5s; } html { overflow-y: scroll; height: 100%; } body { color: #111; font-family: "proxima-nova", sans-serif; font-size: 15px; font-weight: 300; line-height: 1; height: 100%; } body.noscroll { overflow: hidden; } .page-layout { min-width: 980px; position: relative; height: 100%; } .page-column { height: 350px; position: fixed; top: 50%; left: 0; margin-top: -250px; width: 420px; z-index: 9999; } .page-container { padding: 134px 0; } .page-content { margin: 0 auto; width: 600px; } .mob-header { display: none; } .mob-nav { display: none; } /* PAGE COLUMN ------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page-column * { -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; } .page-column .logo a { display: block; height: 150px; width: 210px; } .page-column .logo a:hover { opacity: 0.8; } .page-column nav { text-transform: uppercase; } .page-column nav ul { width: 210px; } .page-column nav ul li { display: block; position: relative; } .page-column nav ul li a { background-color: rgba(0,0,25,0.85); color: rgba(255,255,255,0.66); display: block; font-size: 13px; font-weight: 600; height: 38px; line-height: 38px; margin-bottom: 2px; text-indent: 30px; text-decoration: none; } .page-column nav ul li a span { color: rgba(255,255,255,0.66); display: none; line-height: 38px; position: absolute; top: 0; right: 15px; } .page-column nav ul li a:hover, .page-column nav ul li.on>a { background-color: rgba(0,0,25,1); color: #FFF; } .page-column nav ul li.on span { display: block; } .page-column nav ul ul { display: none; padding-left: 2px; position: absolute; left: 210px; top: 0; text-transform: none; width: 208px; } .page-column nav ul li.on ul { display: block; } .page-column nav ul li:hover ul { display: block; } .page-column nav ul ul li a { background-color: rgba(0,0,25,0.44); color: rgba(255,255,255,0.66); font-weight: normal; text-indent: 10px; } .page-column nav ul ul li a:hover { background-color: rgba(0,0,25,0.66); color: #FFF; } .page-column nav ul ul li.on a { background-color: rgba(0,0,25,0.66); color: #FFF; } /* PAGE FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page-footer { background-color: #000019; height: 30px; position: fixed; bottom: 0; left: 0; width: 100%; } .page-footer:after { clear: both; content: ""; display: table; } .page-footer section { color: rgba(255,255,255,0.4); font-size: 10px; font-weight: 300px; letter-spacing: 0.05em; line-height: 30px; padding: 0 15px; } .page-footer section p { display: inline; } .page-footer section em { color: rgba(255,255,255,0.2); font-weight: normal; } .page-footer section a { color: rgba(255,255,255,0.4); text-decoration: none; } .page-footer section a:hover { color: rgba(255,255,255,0.66); } .page-footer .left { float: left; } .page-footer .right { float: right; } /* CONTENT -------------------------------------------------------------------------------------------------*/ /*layout*/ .page-content .content-block { background-color: #FFF; margin: 2px auto; padding: 30px; width: 540px; } .page-content .content-block:after { clear: both; content: ""; display: table; } .page-content .content-left { clear: both; float: left; margin: 0; overflow: hidden; width: 250px; } .page-content .content-right { float: right; margin: 0; overflow: hidden; width: 250px; } .page-content .content-block img { height: auto; width: 100%; } .page-content .divider { height: 15px; } .page-content .text-left { text-align: left; } .page-content .text-right { text-align: right; } .page-content .text-center { text-align: center; } /*elements*/ .page-content h1 { color: #000019; font-size: 18px; font-weight: 600; line-height: 20px; margin: 0 0 10px; } .page-content h2 { color: #111; font-size: 16px; font-weight: 600; line-height: 20px; margin: 0 0 10px; } .page-content h1+h2 { margin-top: -5px; } .page-content p { color: #111; font-size: 15px; font-weight: 300; line-height: 20px; margin: 0 0 20px; } .page-content a { color: #111; text-decoration: underline; } .page-content a:hover { color: #000019; text-decoration: underline; } .content-block p:last-child, .content-block ol:last-child, .content-block ul:last-child{ margin-bottom: 0; } .page-content header { padding: 0 0 15px; } .page-content header h1 { color: #FFF; font-size: 22px; font-weight: 600; line-height: 30px; margin: 0; text-transform: uppercase; } .page-content header h1 em { color: rgba(255,255,255,0.4); font-style: normal; font-weight: 600; padding: 0 8px; } .page-content header h1 span { font-weight: normal; font-weight: 300; text-transform: none; } /*lists*/ .page-content ul, .page-content ol { font-size: 15px; line-height: 20px; margin: 0 0 20px 20px; } .page-content ul ul, .page-content ul ol, .page-content ol ol, .page-content ol ul { font-size: 100%; margin: 5px 0 5px 20px; } .page-content ul { list-style-type: square; } .page-content ul ul { list-style-type: disc; } .page-content ul ul ul { list-style-type: circle; } .page-content ol { list-style-type: decimal; } .page-content ol ol { list-style-type: lower-alpha; } .page-content ol ol ol { list-style-type: lower-roman; } .page-content li { margin-bottom: 4px; } /*Page Centred*/ .page-centred { height: 100%; text-align: center; width: 100%; } .page-centred:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .page-centred header { color: #FFF; display: inline-block; text-transform: uppercase; vertical-align: middle; max-width: 900px; min-width: 280px; } .page-centred header * { font-size: 55px; line-height: 1.2; } .page-centred header a { color: #FFF; text-decoration: underline; } /*Contact Us*/ .body-contact-us .page-content p { font-size: 18px; line-height: 22px; } /* Temp Overide */ #body-people section:nth-child(5) { display: none; } #body-people section:nth-child(6) { display: none; } #body-people div:nth-child(7) { display: none; } /* VEGAS BG SLIDESHOW ------------------------------------------------------------------------------------------------------------------------------------------------------*/ body.vegas-container{position:static;z-index:-2}/*overflow: auto*/ .vegas-overlay{background:url(/assets/images/bg/overlay.png) center center} .vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto} body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}} /* MEDIA QUERIES ------------------------------------------------------------------------------------------------------------------------------------------------------*/ @media only screen and (max-height: 500px) { .page-column { position: absolute; top: 0; left: 0; margin: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1700px) { .page-container { margin-left: 385px; } } @media only screen and (min-width: 920px) and (max-width: 1200px) { .page-container { margin-left: 385px; width: 580px; } .page-column { position: absolute; top: 0; left: 0; margin: 0; } .page-column .logo a { height: 136px; margin-left: -8px; width: 190px; } .page-column .logo a img { height: auto; width: 190px; } .page-column nav ul { width: 190px; } .page-column nav ul li a { text-indent: 20px; } .page-column nav ul ul { left: 190px; width: 188px; } .page-content .content-block { padding: 20px; } .page-content>header { padding: 0 10px 15px; } .page-centred { margin-left: 240px; width: 700px; } .page-centred header { max-width: 700px; } .page-centred header * { font-size: 45px; } .page-footer { height: 30px; padding: 4px 0; } .page-footer section { line-height: 15px; text-align: center; } .page-footer .left { float: none; } .page-footer .right { float: none; } } /* iPad - Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .page-layout { height: auto; min-width: 300px; padding: 51px 0 0; } .page-column { display: none; } .page-container { margin: 0 auto; padding: 30px 0 90px; width: auto; } .page-content .content-block { padding: 30px; } .page-centred { height: auto; margin: 100px auto; width: 700px; } .page-centred header { max-width: 700px; } .page-centred header * { font-size: 45px; } .mob-header { background-color: #000019; border-bottom: 1px solid #141432; display: block; position: fixed; top: 0; left: 0; height: 50px; width: 100%; z-index: 999; } .mob-header .logo { color: #111; font-size: 20px; height: 50px; margin: 0 5px; text-align: center; width: 200px; } .mob-header .logo a { display: block; height: 100%; width: 100%; } .mob-header .logo img { display: block; height: 100%; width: 100%; } .mob-header #mob-nav-toggle { cursor: pointer; height: 30px; position: absolute; top: 10px; right: 10px; width: 40px; } .mob-header #mob-nav-toggle span { display: block; margin: 10px auto; width: 20px; } .mob-header #mob-nav-toggle span em { background-color: #FFF; display: block; height: 1px; margin-top: 4px; } .mob-header #mob-nav-toggle .close { color: #FFF; display: none; font-size: 17px; line-height: 22px; margin: 5px auto; text-align: center; } .mob-nav { background-color: #000019; display: none; font-size: 15px; overflow-y: auto; position: fixed; top: 51px; left: 0; bottom: 0; right: 0; text-transform: uppercase; width: 100%; z-index: 999; } .mob-nav ul li a { border-bottom: 1px solid #141432; color: #FFF; display: block; font-weight: 600; height: 49px; line-height: 49px; overflow: hidden; padding: 0 15px; position: relative; } .mob-nav ul li.toggle { position: relative; } .mob-nav ul li em { font-size: 20px; font-style: normal; opacity: 0.5; position: absolute; right: 25px; } .mob-nav ul ul { display: none; text-transform: none; } .mob-nav ul li.on ul { display: block; } .mob-nav li ul li { background-color: #EEE; } .mob-nav li ul li a { border-bottom: 1px solid #DDD; color: #222; font-weight: normal; } .mob-nav li.on ul li.on a { background-color: #FFF; color: #000019; } } /* Mobile - Landscape */ @media screen and (min-width: 480px) and (max-width: 919px) { html { overflow-y: visible; } body { height: auto; } .page-layout { height: auto; min-width: 300px; padding: 51px 0 0; } .page-column { display: none; } .page-container { padding: 20px 30px 30px; } .page-content { width: 100%; } .page-content .content-block { margin-bottom: 5px; padding: 30px; width: auto; } .page-content .content-left { width: 45%; } .page-content .content-right { width: 45%; } .page-footer { height: auto; padding: 15px 0; position: relative; bottom: auto; left: auto; } .page-footer .left, .page-footer .right { float: none; line-height: 20px; text-align: center; } .mob-header { background-color: #000019; border-bottom: 1px solid #141432; display: block; position: fixed; top: 0; left: 0; height: 50px; width: 100%; z-index: 999; } .mob-header .logo { color: #111; font-size: 20px; height: 50px; margin: 0 5px; text-align: center; width: 200px; } .mob-header .logo a { display: block; height: 100%; width: 100%; } .mob-header .logo img { display: block; height: 100%; width: 100%; } .mob-header #mob-nav-toggle { cursor: pointer; height: 30px; position: absolute; top: 10px; right: 10px; width: 40px; } .mob-header #mob-nav-toggle span { display: block; margin: 10px auto; width: 20px; } .mob-header #mob-nav-toggle span em { background-color: #FFF; display: block; height: 1px; margin-top: 4px; } .mob-header #mob-nav-toggle .close { color: #FFF; display: none; font-size: 17px; line-height: 22px; margin: 5px auto; text-align: center; } .mob-nav { background-color: #000019; display: none; font-size: 15px; overflow-y: auto; position: fixed; top: 51px; left: 0; bottom: 0; right: 0; text-transform: uppercase; width: 100%; z-index: 999; } .mob-nav ul li a { border-bottom: 1px solid #141432; color: #FFF; display: block; font-weight: 600; height: 49px; line-height: 49px; overflow: hidden; padding: 0 15px; position: relative; } .mob-nav ul li.toggle { position: relative; } .mob-nav ul li em { font-size: 20px; font-style: normal; opacity: 0.5; position: absolute; right: 25px; } .mob-nav ul ul { display: none; text-transform: none; } .mob-nav ul li.on ul { display: block; } .mob-nav li ul li { background-color: #EEE; } .mob-nav li ul li a { border-bottom: 1px solid #DDD; color: #222; font-weight: normal; } .mob-nav li.on ul li.on a { background-color: #FFF; color: #000019; } .page-centred { margin: 0; width: auto; } .page-centred header { max-width: auto; min-width: auto; padding: 60px 30px 90px; } .page-centred header * { font-size: 35px; } .page-content header { padding: 0 0 9px; } .page-content header h1 { font-size: 15px; } .page-content header h1 em { padding: 0 4px; } } /* Mobile - Portrait */ @media only screen and (max-width: 479px) { html { overflow-y: visible; } body { height: auto; } .page-layout { height: auto; min-width: 300px; padding: 51px 0 0; } .page-column { display: none; } .page-container { padding: 9px 15px 30px; } .page-content { width: 100%; } .page-content .content-block { margin-bottom: 5px; padding: 15px; width: auto; } .page-content .content-left { float: none; margin-bottom: 15px; width: auto; } .page-content .content-right { float: none; width: auto; } .page-footer { height: auto; padding: 15px 0; position: relative; bottom: auto; left: auto; } .page-footer .left, .page-footer .right { float: none; line-height: 20px; text-align: center; } .mob-header { background-color: #000019; border-bottom: 1px solid #141432; display: block; position: fixed; top: 0; left: 0; height: 50px; width: 100%; z-index: 999; } .mob-header .logo { color: #111; font-size: 20px; height: 50px; margin: 0 5px; text-align: center; width: 200px; } .mob-header .logo a { display: block; height: 100%; width: 100%; } .mob-header .logo img { display: block; height: 100%; width: 100%; } .mob-header #mob-nav-toggle { cursor: pointer; height: 30px; position: absolute; top: 10px; right: 10px; width: 40px; } .mob-header #mob-nav-toggle span { display: block; margin: 10px auto; width: 20px; } .mob-header #mob-nav-toggle span em { background-color: #FFF; display: block; height: 1px; margin-top: 4px; } .mob-header #mob-nav-toggle .close { color: #FFF; display: none; font-size: 17px; line-height: 22px; margin: 5px auto; text-align: center; } .mob-nav { background-color: #000019; display: none; font-size: 15px; overflow-y: auto; position: fixed; top: 51px; left: 0; bottom: 0; right: 0; text-transform: uppercase; width: 100%; z-index: 999; } .mob-nav ul li a { border-bottom: 1px solid #141432; color: #FFF; display: block; font-weight: 600; height: 49px; line-height: 49px; overflow: hidden; padding: 0 15px; position: relative; } .mob-nav ul li.toggle { position: relative; } .mob-nav ul li em { font-size: 20px; font-style: normal; opacity: 0.5; position: absolute; right: 25px; } .mob-nav ul ul { display: none; text-transform: none; } .mob-nav ul li.on ul { display: block; } .mob-nav li ul li { background-color: #EEE; } .mob-nav li ul li a { border-bottom: 1px solid #DDD; color: #222; font-weight: normal; } .mob-nav li.on ul li.on a { background-color: #FFF; color: #000019; } .page-centred { margin: 0; width: auto; } .page-centred header { max-width: auto; min-width: auto; padding: 90px 30px; } .page-centred header * { font-size: 35px; } .page-content header { padding: 0 0 9px; } .page-content header h1 { font-size: 15px; } .page-content header h1 em { padding: 0 4px; } .page-content h2 { font-size: 15px; } .page-content p { font-size: 14px; line-height: 18px; margin: 0 0 18px; } .page-content ul, .page-content ol { font-size: 14px; line-height: 18px; margin: 0 0 18px 20px; } } /* High DPI 2x+ */ @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .page-header .logo a { background-image: url(/assets/images/logo/zephyr-wealth-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .page-header .logo img { display: none; } .mob-header .logo a { background-image: url(/assets/images/logo/zephyr-wealth-mob-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .mob-header .logo img { display: none; } } /* High DPI 1.5x+ */ @media screen and (max-width: 767px) and ( min-device-pixel-ratio: 1.5), screen and (max-width: 767px) and ( -webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 767px) and ( -o-min-device-pixel-ratio: 3/2) { .page-header .logo a { background-image: url(/assets/images/logo/zephyr-wealth-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .page-header .logo img { display: none; } .mob-header .logo a { background-image: url(/assets/images/logo/zephyr-wealth-mob-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .mob-header .logo img { display: none; } }