/* ------------------------------------------- Name: Beiron Brouwers Date: 2018/03/22 Author: http://psdhtml.me --------------------------------------------- */ * { margin: 0; padding: 0; } *, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; } body { min-height: 100%; background: #fff; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, textarea, input, select, option, button { color: #333; font-family: 'Helvetica Neue', Helvetica_Neue, Helvetica, Arial, sans-serif; line-height: 1.6666666666; } li, dt, dd, p, figure, th, td, caption, legend, pre, summary { font-size: 15px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, summary { margin-bottom: 25px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 160px 0 0; } .cookie-sent #root:before { z-index: 99; background: #000a0b; } #top { } #logo { position: fixed; left: 5.8vw; top: 0; z-index: 9; min-width: 126px; height: 126px; margin: 0; color: #000a0b; font-weight: 700; font-size: 3.2em; line-height: 126px; } #logo a { display: block; overflow: hidden; position: relative; top: -3px; width: 100%; height: 100%; color: #000a0b; font-weight: 700; text-decoration: none; text-indent: -3000em; text-align: left; } #logo a:after { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 9; } /*#logo a:before { content: "\e914"; display: block; position: absolute; left: 0; top: 50%; margin-top: -15px; font-weight: 400; font-family: i; font-size: 22px; line-height: 30px; text-indent: 0; }*/ #logo img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #logo.inline { } #logo.inline a { text-indent: 0; } #logo.inline a:before { display: none; } #skip { position: fixed; top: 0; left: -10000px; z-index: 10001; line-height: 1.5; } #skip li { font-size: 1.5em; } #skip a { display: block; position: absolute; left: 0; top: 0; min-width: 200px; padding: 6px 12px; background: #333; color: #fff; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 10000px; } #top .burger { position: fixed; right: 5.8vw; top: 0; z-index: 9; width: 24px; height: 126px; margin: 0; padding: 0; border: 0; background: none; text-align: left; text-indent: -3000em; } #top .burger button { position: absolute; left: 50%; top: 0; width: 126px; height: 126px; margin: 0 0 0 -63px; padding: 0; border: 0; background: none; outline: none; cursor: pointer; } #top .burger .btn { display: block; overflow: visible; position: absolute; left: 50%; top: 50%; width: 24px; height: 15px; margin: -7.5px 0 0 -12px; padding: 0; border: 0; background: none; } #top .burger .btn > *, #back:before, #back:after { display: block; position: absolute; left: 0; width: 24px; height: 3px; background: #000; } #top .burger .btn > * { -webkit-transition: all .2s ease-in-out .0s; transition: all .2s ease-in-out .0s; } #top .burger .btn > .a, #back:before { top: 0; } #top .burger .btn > .b { top: 6px; } #top .burger .btn > .c, #back:after { bottom: 0; } .menu-active #root #top .burger .btn > * { background-color: #fff; } .menu-active #top .burger .btn > .a, #back:before { top: 6px; } .menu-active #top .burger .btn > .a, #back:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-active #top .burger .btn > .b { -webkit-transform: scale(0); transform: scale(0); transform: scale(0); } .menu-active #top .burger .btn > .c, #back:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-active #top .burger .btn > .c, #back:after { bottom: 6px; } #nav { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; padding: 0 5.8vw; background: #000a0b; color: #fff; line-height: 1.3; } #nav, .done.cookie-sent #root:before { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } #nav::-webkit-scrollbar { width: 0; background: none; } #nav > ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li { position: relative; padding: 8px 0; font-size: 3.2em; } .menu-active #nav > ul > li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s; } .menu-active #nav > ul > li:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; } .menu-active #nav > ul > li:nth-child(3) { -webkit-transition-delay: .6s; transition-delay: .6s; } .menu-active #nav > ul > li:nth-child(4) { -webkit-transition-delay: .8s; transition-delay: .8s; } .menu-active #nav > ul > li:nth-child(5) { -webkit-transition-delay: 1s; transition-delay: 1s; } .menu-active #nav > ul > li:nth-child(6) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .menu-active #nav > ul > li:nth-child(7) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .menu-active #nav > ul > li:nth-child(8) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .menu-active #nav > ul > li:nth-child(9) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .menu-active #nav > ul > li:nth-child(10) { -webkit-transition-delay: 2s; transition-delay: 2s; } #nav > ul > li.active:before { z-index: 2; } #nav > ul > li > a { display: block; position: relative; z-index: 1; color: #fff; font-weight: 700; text-decoration: none; } .no-mobile #nav > ul > li > a:hover, #nav > ul > li.active > a, .no-mobile #nav p a:hover { color: #505050; } #nav #social, #featured #social { position: absolute; left: 5.8vw; bottom: 60px; list-style: none; margin: 0; padding: 0; } #nav #social > li, #featured #social > li { float: left; margin: 0 20px 0 0; padding: 0; font-size: 13px; opacity: 1; } #nav #social > li > a, #featured #social > li > a { height: 15px; line-height: 15px; } #nav #social > li > a i, #featured #social > li > a i { display: block; float: left; font-size: 13px; line-height: 15px; } #nav { -webkit-transition: all .2s ease-in-out .5s; transition: all .2s ease-in-out .5s; } #root:before { -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; } #nav > ul, #nav > ul > li, #nav p { -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } #nav > ul, #nav > ul > li, #nav p { opacity: 0; } #nav > ul, #nav > ul > li, #nav p { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .menu-active #nav, .menu-active #top .burger .btn > * { -webkit-transition-delay: 0s; transition-delay: 0s; } .menu-active #nav > ul, .menu-active #nav > ul > li, .menu-active #nav p { -webkit-transition-delay: .4s; transition-delay: .4s; } .menu-shown #logo, .menu-shown #logo a, .menu-shown #logo img, .menu-shown #top .burger .btn > * { -webkit-transition-delay: .5s; transition-delay: .5s; } #nav p { position: absolute; right: 5.8vw; bottom: 60px; margin: 0; color: #fff; font-size: 1.3em; } #nav p a { color: #fff; text-decoration: none; } #back { position: fixed; right: 5.8vw; top: 0; z-index: 10; width: 24px; height: 126px; } #root #back a { left: 50%; right: auto; z-index: 9; width: 126px; margin: 0 0 0 -63px; } #back:before, #back:after { content: ""; } #back:before { top: 62px; } #back:after { bottom: 61px; } #featured { overflow: hidden; position: relative; z-index: 3; margin: -160px 0 0; padding: 126px 12.390243902%; background: center center no-repeat #fff; background-size: cover; color: #fff; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { margin: 0 0 25px /*10vh*/; color: #fff; font-size: 12.5vw; font-weight: 700; line-height: .84615384615; } #root #featured figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; margin: 0; background: center center no-repeat #000; background-size: cover; font-size: 12.5vw; font-weight: 700; line-height: .84615384615; } #featured video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; min-width: 100%; height: 100%; min-height: 100%; background: #000; object-fit: cover; } #featured .forward { display: block; position: absolute; right: 0; bottom: 0; z-index: 4; width: 150px; height: 200px; color: #fff; font-size: 13px; font-weight: 400; text-decoration: none; text-transform: lowercase; white-space: nowrap; } #featured .forward { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #featured .forward > span { display: block; position: absolute; right: 64px; bottom: 96px; padding: 0 34px 0 0; line-height: 22px; } #featured .forward > span:before { content: "\e90f"; display: block; position: absolute; right: 0; top: 50%; z-index: 2; margin-top: -11px; font-size: 18px; font-family: i; font-weight: 400; line-height: 22px; text-indent: 0; text-align: center; } .mac #featured .forward > span:before, .apple #featured .forward > span:before, .ipad #featured .forward > span:before, .ipod #featured .forward > span:before, .iphone #featured .forward > span:before { margin-top: -10px; } #featured .forward > span { -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-transition-timing-function: cubic-bezier(0.645,0.045,0.355,1) -in; transition-timing-function: cubic-bezier(0.645,0.045,0.355,1) -in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /*#root #featured .forward .desktop-hide, #root #featured .forward .desktop-only { display: none; position: relative; left: 0; top: 0; } .no-mobile #root #featured .forward .desktop-hide { display: inline; } .mobile #root #featured .forward .desktop-hide { display: inline; }*/ #featured .link-a { margin-top: 15px; } #featured .link-a a { box-shadow: inset 0 -2px 0 #fff; color: #fff; } #featured #social > li > a { color: inherit; } #content { position: relative; z-index: 2; margin-left: auto; margin-right: auto; padding-left: 15.6vw; padding-right: 15.6vw; } #content .list-gallery, #content .list-work { margin-left: -9.8vw; margin-right: -9.8vw; } .has-featured { } .has-featured #logo, .has-featured #logo a { color: #fff; } .has-featured #top .burger .btn > * { background: #fff; } .featured-scroll { } .featured-scroll #logo, .featured-scroll #logo a { color: #000a0b; } .featured-scroll #top .burger .btn > * { background: #000a0b; } .menu-active { } .menu-active #logo, .menu-active #logo a { color: #fff; } /*! Repeatable --------- */ /* clear */ .module-about .inner:after, .list-work:after, .list-work li:after, .link-btn:after, #content:after, #top:after, #nav > ul:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ #back a, #nav > ul > li.active:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: left; text-indent: -3000em; } /* index */ #featured > *, .module-contact > * { position: relative; z-index: 3; } /* centerY */ .module-contact figure, .module-about figure { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* no trans */ #nav #social > li, .menu-active #nav, .menu-active #nav > ul, .menu-active #nav > ul > li, .list-work li.hideme.showme, .list-gallery li.hideme.showme, .menu-active #nav p { -webkit-transform: none; -ms-transform: none; transform: none; } /* hide */ #logo .positive, .has-featured #logo .negative, .has-featured.featured-scroll #logo .positive, .menu-active #root #logo .negative, #featured figure.mobile-only, .list-work li.hideme, .list-gallery li.hideme { visibility: hidden; opacity: 0; } /* show */ #nav #social > li, .menu-active #nav > ul, .menu-active #nav p, .menu-active #nav > ul > li, .has-featured #logo .positive, .has-featured.featured-scroll #logo .negative, .menu-active #root #logo .positive, .list-work li.hideme.showme, .list-gallery li.hideme.showme { visibility: visible; opacity: 1; } /* wide img */ #featured img, .list-work img { display: block; position: relative; z-index: 1; width: 100% !important; } /* cursor */ form [disabled], #nav > ul > li.active > a { cursor: default; } /*! Modules --------- */ .gallery-a, .gallery-a-mobile { overflow: hidden; list-style: none; /*max-height: calc(100vh - 246px);*/ max-height: 387px; padding: 0; } .gallery-a li { position: relative; float: left; padding: 25px 0 17px 6px; } .gallery-a li:first-child { padding-left: 0; } .gallery-a a, .gallery-a img { display: block; position: relative; z-index: 2; float: left; text-decoration: none; } .gallery-a a { left: 0; top: 0; right: 0; bottom: 0; } .gallery-a a .inner { display: block; position: absolute; left: 0; top: 0; z-index: 12; width: 100%; height: 100%; } .gallery-a img { position: relative; z-index: 1; width: auto !important; /*height: calc(100vh - 297px) !important;*/ height: 336px !important; } .gallery-a-mobile { max-height: none; margin-bottom: 20px; } .gallery-a-mobile li { margin-bottom: 20px; } .gallery-a-mobile img, #welcome img { display: block; position: relative; z-index: 1; width: 100% !important; } .module-accordion { } .module-accordion summary { display: block; position: relative; z-index: 2; padding-right: 40px; font-weight: 700; cursor: pointer; } .module-accordion summary:before { content: "\e915"; display: block; position: absolute; right: 0; top: 50%; width: 25px; height: 25px; margin-top: -12.5px; border-radius: 30px; background: #000a0b; color: #fff; font-size: 8px; font-family: i; font-style: normal; font-weight: 400; line-height: 25px; text-align: center; } .module-accordion details[open] { margin-bottom: 32px; } .module-accordion details[open] summary { margin-bottom: 15px; } .module-accordion details[open] summary:before { content: "\e916"; } .module-about { position: relative; min-height: 100vh; padding: 91px 0 0; } .module-about figure { position: absolute; right: 0; top: 50vh; max-width: 26.099706744%; padding: 66px 0 0; } .module-about > * { max-width: 57.25%; } .module-boxes { position: relative; z-index: 2; } .module-boxes h1, .module-boxes h2, .module-boxes h3, .module-boxes h4, .module-boxes h5, .module-boxes h6 { margin: 53px 0 28px; font-size: 15px; font-weight: 700; } .module-boxes h1:first-child, .module-boxes h2:first-child, .module-boxes h3:first-child, .module-boxes h4:first-child, .module-boxes h5:first-child, .module-boxes h6:first-child { margin: 0 0 50px; font-size: 28px; font-weight: 700; } .module-boxes h1:first-child span, .module-boxes h2:first-child span, .module-boxes h3:first-child span, .module-boxes h4:first-child span, .module-boxes h5:first-child span, .module-boxes h6:first-child span { display: block; padding: 0 0 7px; font-size: 0.6428571429em; font-style: italic; } .module-boxes article { margin-bottom: 75px; } .module-boxes article > * { max-width: 57.25%; padding-top: 40px; } .module-boxes article > *:first-child:last-child { max-width: 88%; margin-right: auto; padding-top: 0; } .module-boxes article > figure { width: 485px; min-width: 485px; max-width: 485px; padding: 0; border: 0 solid rgba(0,0,0,0); border-left-width: 75px; } .module-boxes article:nth-child(2n) > figure { border-left-width: 0; border-right-width: 75px;} #content > .module-boxes:first-child { padding-top: 186px; } .module-boxes a { color: inherit; font-weight: 700; } .module-contact { min-height: 100vh; padding: 120px 0 60px; line-height: 1.57142857143; } .module-contact figure { position: absolute; left: 5.8vw; top: 50%; z-index: 1; max-width: 31.671554252%; padding: 66px 0 0; } .module-contact > * { padding-left: calc(31.671554252% + 72px); } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { margin: -20px 0 16px; margin-left: calc(-18.75% - 72px); font-size: 13vw; } .module-contact p, .module-contact ul, .module-contact ol { margin-bottom: 22px; } .module-contact p, .module-contact li { font-size: 1.4em; } .module-faq { padding-top: 224px; } .module-gallery, #content.module-gallery { position: relative; width: auto; min-height: 100vh; margin-top: -160px; padding: 100px 110px; } .module-gallery .author { position: fixed; left: 5.8vw; bottom: 60px; margin: 0; } .module-gallery .author, .module-gallery .author a { color: #000; } .module-work-item { } .module-work-item > * { max-width: 510px; } .module-work-item .list-gallery { max-width: none; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { margin: 60px 0 50px; color: #000a0b; font-weight: 700; font-size: 2.8em; line-height: 1.28571428571; } /*! Content --------- */ b, strong, .strong { font-weight: 500; } .module-boxes .strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .overlay-a { color: #c5c5c5; } .overlay-b { color: #333; } .overlay-c { color: #000a0b; } .scheme-cta { display: block; position: relative; z-index: 2; min-height: 100vh; margin: 95px 0 0; padding: 40px 0; color: #fff; font-weight: 700; font-size: min(120px, 11.71875vw); line-height: 1.28571428571; text-align: center; } .scheme-cta:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; background: #000a0b; } .scheme-cta + * { margin-top: 95px; } .scheme-cta .small { display: block; margin-top: min(40px, 3.90625vw); color: inherit; font-size: 15px; font-weight: 400; line-height: 1.6666666666; } .scheme-cta:first-child { margin-top: 0; } /*! Links --------- */ a { background: none; color: #c5c5c5; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } .no-mobile a:hover { text-decoration: underline; outline: none; } .no-mobile .link-a a:hover, .no-mobile .link-btn a:hover, .no-mobile .list-work a:hover { text-decoration: none; } a.email, a[href^="tel"] { color: #333; } .link-a { margin-top: -5px; } .link-a a { display: inline-block; overflow: hidden; position: relative; padding: 0 0 1px; box-shadow: inset 0 -2px 0 #333; color: #333; text-decoration: none; } .link-btn { margin-top: -5px; font-size: 1.1em; font-weight: 700; text-align: center; text-transform: uppercase; } .link-btn a { display: block; float: left; padding: 5.5px 16px; background: #000a0b; color: #fff; line-height: 1.2; text-decoration: none; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-gallery { overflow: hidden; list-style: none; margin: 85px 0 30px; padding: 0; } .list-gallery li { overflow: hidden; margin: 0 0 20px; } .list-gallery li:nth-child(2n) img { float: right; } .list-gallery img { display: block; float: left; margin: 0 auto; } .list-gallery li.text-right img { float: right; } .list-gallery li.text-left img { float: left; } .list-gallery li.text-center img { float: none; } .list-work { list-style: none; margin: 0 0 34px; padding: 0; font-weight: 700; line-height: 1.28571428571; text-align: right; } .list-work li { position: relative; float: left; clear: both; margin: 0 0 16px; font-size: 1em; } .list-work li.hideme, .list-gallery li.hideme { -webkit-transform: translateY(125px); -ms-transform: translateY(125px); transform: translateY(125px); } .list-work a { display: block; overflow: hidden; color: #333; text-decoration: none; } .list-work h1, .list-work h2, .list-work h3, .list-work h4, .list-work h5, .list-work h6 { clear: both; margin: 0; font-size: 2.2em; } .list-work p { margin: -3px 0 0; font-size: 1.2em; } .list-work img { display: block; float: right; margin: 0 0 14px; } /*! Helpers --------- */ *, *:before, *:after { -webkit-transition: visibility .2s cubic-bezier(.77,0,.175,1) 0s, color .2s cubic-bezier(.77,0,.175,1) 0s, background-color .2s cubic-bezier(.77,0,.175,1) 0s, border-color .2s cubic-bezier(.77,0,.175,1) 0s, opacity .2s cubic-bezier(.77,0,.175,1) 0s; transition: visibility .2s cubic-bezier(.77,0,.175,1) 0s, color .2s cubic-bezier(.77,0,.175,1) 0s, background-color .2s cubic-bezier(.77,0,.175,1) 0s, border-color .2s cubic-bezier(.77,0,.175,1) 0s, opacity .2s cubic-bezier(.77,0,.175,1) 0s; -webkit-transform-origin: center center; -ms-transform-origin: center center; -webkit-transition-delay: -0.1s; } .list-work li, .list-gallery li { -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: -0.1s; } option { -webkit-transition: none; transition: none; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } [hidden], template, #nav em, .js #featured img, #social span, #featured:last-child:before, .home #featured .forward:before, .home #featured .forward, #featured:last-child .forward, #top .burger.hidden, .gallery-a-mobile { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .hidden, #featured #social { display: none; } .home #featured #social { display: block; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; } .link-a:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .link-btn:first-child, .list-gallery:first-child, #featured .link-a:first-child { margin-top: 0; } #nav #social > li:last-child, #featured #social > li:last-child { margin-right: 0; } #root .m0, .gallery-a-mobile li:last-child { margin-bottom: 0; } #root .m35 { margin-bottom: 35px; } /*! Warnings --------- */ p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } .lt-ie9 body { padding-top: 28px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } @-ms-viewport { width: auto; } ::selection { background: #333; color: #fff; text-shadow: none; } ::-moz-selection { background: #333; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } /*! Flexbox --------- */ /* flex */ .scheme-cta, .module-boxes article, .module-contact, #nav, #featured, .module-gallery { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* f:dv */ .module-boxes article:nth-child(2n-1) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* direction-col */ .scheme-cta, .module-contact, #nav, #featured, .module-gallery, .module-about { -webkit-flex-direction: column; flex-direction: column; } /* justify-center */ .scheme-cta, .module-contact, #nav, #featured, .module-gallery, .module-about { -webkit-justify-content: center; justify-content: center; } /* j:jb */ .module-boxes article { -webkit-justify-content: space-between; justify-content: space-between; } /* f:g3 */ .module-boxes article > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus, [data-whatinput="keyboard"] #top .burger button:focus { outline: 2px solid #333; } [data-whatintent="mouse"] input:focus, [data-whatinput="mouse"] select:focus, [data-whatinput="mouse"] textarea:focus { outline: none; } [data-whatinput="keyboard"] .link-a a:focus { box-shadow: none; } [data-whatinput="keyboard"] #nav a:focus { outline-color: #fff; } /*! Animations --------- */ @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes bounce { 0%, 100% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } /*! Fonts --------- */ @font-face { font-family: 'Helvetica_Neue'; src: url('fonts/helveticaneue-light.eot'); src: url('fonts/helveticaneue-light.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-light.woff2') format('woff2'), url('fonts/helveticaneue-light.woff') format('woff'), url('fonts/helveticaneue-light.ttf') format('truetype'), url('fonts/helveticaneue-light.svg#helvetica_neuelight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helvetica_Neue'; src: url('fonts/helveticaneue-lightitalic.eot'); src: url('fonts/helveticaneue-lightitalic.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-lightitalic.woff2') format('woff2'), url('fonts/helveticaneue-lightitalic.woff') format('woff'), url('fonts/helveticaneue-lightitalic.ttf') format('truetype'), url('fonts/helveticaneue-lightitalic.svg#helvetica_neue46_light_italic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Helvetica_Neue'; src: url('fonts/helveticaneue.eot'); src: url('fonts/helveticaneue.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue.woff2') format('woff2'), url('fonts/helveticaneue.woff') format('woff'), url('fonts/helveticaneue.ttf') format('truetype'), url('fonts/helveticaneue.svg#helvetica_neueregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica_Neue'; src: url('fonts/helveticaneue-italic.eot'); src: url('fonts/helveticaneue-italic.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-italic.woff2') format('woff2'), url('fonts/helveticaneue-italic.woff') format('woff'), url('fonts/helveticaneue-italic.ttf') format('truetype'), url('fonts/helveticaneue-italic.svg#helvetica_neueitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Helvetica_Neue'; src: url('fonts/helveticaneue-medium.eot'); src: url('fonts/helveticaneue-medium.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-medium.woff2') format('woff2'), url('fonts/helveticaneue-medium.woff') format('woff'), url('fonts/helveticaneue-medium.ttf') format('truetype'), url('fonts/helveticaneue-medium.svg#helvetica_neue65_medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Helvetica_Neue'; src: url('fonts/helveticaneue-mediumitalic.eot'); src: url('fonts/helveticaneue-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-mediumitalic.woff2') format('woff2'), url('fonts/helveticaneue-mediumitalic.woff') format('woff'), url('fonts/helveticaneue-mediumitalic.ttf') format('truetype'), url('fonts/helveticaneue-mediumitalic.svg#helvetica_neue66MdIt') format('svg'); font-weight: 500; font-style: normal; }@font-face { font-family: 'Helvetica_Neue'; src: url('fonts/helveticaneue-bold.eot'); src: url('fonts/helveticaneue-bold.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-bold.woff2') format('woff2'), url('fonts/helveticaneue-bold.woff') format('woff'), url('fonts/helveticaneue-bold.ttf') format('truetype'), url('fonts/helveticaneue-bold.svg#helvetica_neuebold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Helvetica_Neue'; src: url('fonts/helveticaneue-bolditalic.eot'); src: url('fonts/helveticaneue-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneue-bolditalic.woff2') format('woff2'), url('fonts/helveticaneue-bolditalic.woff') format('woff'), url('fonts/helveticaneue-bolditalic.ttf') format('truetype'), url('fonts/helveticaneue-bolditalic.svg#helvetica_neuebold_italic') format('svg'); font-weight: 700; font-style: italic; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff') format('woff'); font-weight: 400; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e911"; } .icon-arrow-left:before { content: "\e90e"; } .icon-arrow-right:before { content: "\e90f"; } .icon-arrow-up:before { content: "\e910"; } .icon-envelope:before { content: "\e90c"; } .icon-facebook:before { content: "\e90d"; } .icon-google-plus:before { content: "\e90a"; } .icon-instagram:before { content: "\e90b"; } .icon-linkedin:before { content: "\e908"; } .icon-logo:before { content: "\e914"; } .icon-minus:before { content: "\e916"; } .icon-phone:before { content: "\e913"; } .icon-pin:before { content: "\e912"; } .icon-pinterest:before { content: "\e909"; } .icon-plus:before { content: "\e915"; } .icon-rss:before { content: "\e906"; } .icon-skype:before { content: "\e907"; } .icon-snapchat:before { content: "\e904"; } .icon-tumblr:before { content: "\e905"; } .icon-twitter:before { content: "\e902"; } .icon-vimeo:before { content: "\e903"; } .icon-whatsapp:before { content: "\e900"; } .icon-youtube:before { content: "\e901"; } /*! mCustomScrollbar --------- .mCSB_container { width: auto; margin-right: 30px; overflow: hidden; } .mCSB_container.mCS_no_scrollbar { margin-right: 0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar { margin-right: 30px; } .mCustomScrollBox>.mCSB_scrollTools { width: 16px; height: 100%; top: 0; right: 0; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools .mCSB_draggerRail { oiv width: 2px; height: 100%; } .mCSB_scrollTools .mCSB_draggerRail:before { content: ""; display: block; position: absolute; left: 0; top: -10px; right: 0; bottom: 0; z-index: 1; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; z-index: 2; width: 100%; height: 30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; } .mCSB_horizontal>.mCSB_container { height: auto; margin-right: 0; overflow: hidden; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar { margin-bottom: 0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar { margin-right: 0; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools { width: 100%; height: 2px; top: auto; right: auto; bottom: 0; left: 0; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer { margin: 0 20px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; } .mCustomScrollBox { -ms-touch-action: none; } .mCSB_scrollTools .mCSB_draggerRail { background: #c8c8c8; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #535353; }*/ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; transition: opacity .2s ease-in-out,background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #e3e3e3; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; } /*! Fancybox --------- */ body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; z-index: 99992; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: rgba(0,0,0,.25); opacity: 0; } .fancybox-bg { -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71); transition-timing-function: cubic-bezier(.47,0,.74,.71); } .fancybox-is-open .fancybox-bg { opacity: 1; } .fancybox-is-open .fancybox-bg { -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1); transition-timing-function: cubic-bezier(.22,.61,.36,1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; visibility: hidden; z-index: 99997; direction: ltr; opacity: 0; } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { -webkit-transition: opacity .25s, visibility 0s linear .25s; transition: opacity .25s, visibility 0s linear .25s; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { visibility: visible; opacity: 1; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { -webkit-transition: opacity .25s, visibility 0s; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image:before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } /* Buttons */ .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; min-width: 0; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } /* Navigation arrows */ .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } /* Close button on the top right corner of html content */ .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 22px/30px Arial, "Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; /* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; transition: all .2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7; } /* Thumbs */ .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } /* Responsive --------- */ @media only screen and (max-width: 103.125em) { /* 1650 */ .module-gallery, #content.module-gallery { padding-left: 92px; padding-right: 92px; } } @media only screen and (max-width: 93.75em) { /* 1500 */ .module-gallery, #content.module-gallery { padding-left: 83px; padding-right: 83px; } } @media only screen and (max-width: 87.5em) { /* 1400 */ .module-gallery, #content.module-gallery { padding-left: 79px; padding-right: 79px; } } @media only screen and (max-width: 82.5em) { /* 1320 */ .module-gallery, #content.module-gallery { padding-left: 74px; padding-right: 74px; } } @media only screen and (max-width: 75em) { /* 1200 */ .module-gallery, #content.module-gallery { padding-left: 59px; padding-right: 59px; } } @media only screen and (max-width: 68.75em) { /* 1100 */ #featured, #content, #nav { padding-left: 5vw; padding-right: 5vw; } #content .list-gallery, #content .list-work { margin-left: 0; margin-right: 0; } #logo, .module-gallery .author, #nav #social, .module-contact figure, #featured #social { left: 5vw; } #top .burger, #nav p, #back { right: 5vw; } .module-about { } .module-about figure { max-width: 27%; } .module-about > * { max-width: 71.125%; } .module-contact { } .module-contact > * { padding-left: calc(31.671554252% + 110px); } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { margin-left: calc(-18.75% - 35px); } .module-gallery, #content.module-gallery { padding-left: 48px; padding-right: 48px; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ #featured, #content, #nav, .module-gallery, #content.module-gallery { padding-left: 30px; padding-right: 30px; } #root { padding-top: 74px; } #top { } #logo { position: absolute; left: 30px; min-width: 74px; height: 74px; line-height: 74px; } .menu-active #logo { visibility: hidden; opacity: 0; } #top .burger, #back { position: absolute; right: 30px; height: 74px; } #top .burger button, #root #back a { width: 74px; height: 74px; margin: 0 0 0 -37px; } #back:before { top: 36px; } #back:after { bottom: 35px; } #nav { overflow-y: auto; overflow-x: hidden; padding-top: 25.5px; } #nav > ul { margin-top: auto; } #nav > ul > li { padding: 4.5px 0; } #nav #social { position: relative; left: 0; bottom: 0; margin-top: auto; padding: 30px 0; } #nav #social > li, #featured #social > li { margin-right: 14px; } #nav p { right: 30px; bottom: 30px; } #featured { margin-top: -74px; padding-top: 84px; padding-bottom: 74px; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { margin: 0; } /*#featured .forward { width: 80px; height: 80px; } #featured .forward:before { right: 30px; bottom: 30px; }*/ #featured .forward > span, #featured .forward:before { right: 4px; bottom: 126px; } #featured #social { left: 30px; bottom: 30px; } #content { padding-top: 30px; padding-bottom: 5px; } #content.module-about { padding-top: 30px !important; } #featured + #content, #featured #featured + #content.module-about { padding-top: 100px !important; } h1, h2, h3, h4, h5, h6 { margin: 50px 0; font-size: 2em; } .list-gallery { margin: 40px 0 10px; } .list-gallery img { float: none; width: 100% !important; } .list-work, .list-gallery { margin-bottom: 20px; } .list-work li, .list-gallery li { float: right; width: auto !important; max-width: 60%; margin: 0 0 20px 40% !important; } .list-work li:nth-child(2n), .list-gallery li:nth-child(2n) { float: left; margin-left: 0 !important; } .list-work h1, .list-work h2, .list-work h3, .list-work h4, .list-work h5, .list-work h6 { position: absolute; left: 0; top: 0; z-index: 9; padding: 14px 0; font-size: 1em; font-weight: 400; white-space: nowrap; } .list-work h1, .list-work h2, .list-work h3, .list-work h4, .list-work h5, .list-work h6 { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .list-work li:nth-child(2n) h1, .list-work li:nth-child(2n) h2, .list-work li:nth-child(2n) h3, .list-work li:nth-child(2n) h4, .list-work li:nth-child(2n) h5, .list-work li:nth-child(2n) h6 { left: 100%; padding: 15px 0; } .list-work li:nth-child(2n) h1, .list-work li:nth-child(2n) h2, .list-work li:nth-child(2n) h3, .list-work li:nth-child(2n) h4, .list-work li:nth-child(2n) h5, .list-work li:nth-child(2n) h6 { -webkit-transform: rotate(90deg) translateY(-100%); -ms-transform: rotate(90deg) translateY(-100%); transform: rotate(90deg) translateY(-100%); } .list-work img, .list-gallery img { margin: 0; } .list-work p { position: absolute; right: 0; top: 100%; margin: 0; padding: 14px 0; font-size: 1em; font-weight: 400; } .list-work li:nth-child(2n) p { top: auto; bottom: 100%; left: 0; right: auto; } .module-about, .module-contact { min-height: 0; padding: 0; } .module-about > *, .module-contact > *, .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { max-width: none; margin-left: 0; padding-left: 0; } .module-about figure, .module-contact figure { position: relative; left: 0; top: 0; right: 0; bottom: 0; width: auto; max-width: none; margin: 75px -30px -5px; padding: 0; } .module-contact figure { margin-top: 50px; } .module-boxes { } .module-boxes article { } .module-boxes article:last-child { margin-bottom: 0; } #root .module-boxes article > * { width: auto; min-width: 0; max-width: none; padding-top: 0; border-left-width: 0; border-right-width: 0; } .module-boxes article > figure { margin: 0 -30px 50px; } .module-boxes article > figure:first-child { margin-bottom: 0; margin-top: 50px; } .module-boxes article > figure img { display: block; width: 100% !important; height: auto !important; } .module-boxes h1, .module-boxes h2, .module-boxes h3, .module-boxes h4, .module-boxes h5, .module-boxes h6 { font-size: 13px; } .module-boxes h1:first-child, .module-boxes h2:first-child, .module-boxes h3:first-child, .module-boxes h4:first-child, .module-boxes h5:first-child, .module-boxes h6:first-child { font-size: 22px; } #content.module-boxes { padding-bottom: 0; } #content > .module-boxes:first-child { padding-top: 0; } #content > .module-boxes:last-child { margin-bottom: -5px; } .module-contact { padding: 0; line-height: 1.6666666666; } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { margin: 0 0 50px; font-size: 22px; } .module-contact p, .module-contact ul, .module-contact ol { margin-bottom: 25px; } .module-contact p, .module-contact li { font-size: 1.5em; } .module-gallery, #content.module-gallery { min-height: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } .module-gallery .author { position: relative; left: 0; bottom: 0; margin: 0 0 25px; font-size: 1em; text-align: center; text-transform: uppercase; } /* .module-gallery, #content.module-gallery { position: relative; width: auto; min-height: 100vh; margin-top: -160px; padding: 100px 5.8vw; } .module-gallery .author { position: absolute; left: 5.8vw; bottom: 60px; margin: 0; } .module-gallery .author, .module-gallery .author a { color: #000; } */ .scheme-cta { } .scheme-cta, .scheme-cta + * { margin-top: 50px; } #root .module-boxes article { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } #nav { -webkit-justify-content: flex-start; justify-content: flex-start; } .module-about figure, .module-contact figure { -webkit-transform: none; -ms-transform: none; transform: none; } #featured figure.mobile-hide { visibility: hidden; opacity: 0; } #featured figure.mobile-only { visibility: visible; opacity: 1; } #root:before { display: none; } #root .tablet-hide, #root .mobile-only, .gallery-a-mobile { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .gallery-a { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } } @media only screen and (max-height: 37.5em) { /* 600h */ .module-gallery, #content.module-gallery { min-height: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } .module-gallery .author { position: relative; left: 0; bottom: 0; margin: 0 0 25px; font-size: 1em; text-align: center; text-transform: uppercase; } .gallery-a-mobile { position: relative; left: 0; top: 0; } .gallery-a { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } }