/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */ /* line 17, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } /* line 22, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /** initial setup **/ /* line 2, ../sass/vendor/nanoscroller.scss */ .nano { position: relative; width: 100%; height: 100%; overflow: hidden; } /* line 8, ../sass/vendor/nanoscroller.scss */ .nano .content { position: absolute; overflow: scroll; top: 0; right: 0; bottom: 0; left: 0; } /* line 16, ../sass/vendor/nanoscroller.scss */ .nano .content:focus { outline: thin dotted; } /* line 19, ../sass/vendor/nanoscroller.scss */ .nano .content::-webkit-scrollbar { visibility: hidden; } /* line 22, ../sass/vendor/nanoscroller.scss */ .has-scrollbar .content::-webkit-scrollbar { visibility: visible; } /* line 25, ../sass/vendor/nanoscroller.scss */ .nano > .pane-y, .nano > .pane-x { background: rgba(0, 0, 0, 0); position: absolute; width: 5px; right: 5px; top: 20px; bottom: 10px; visibility: hidden\9; opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; } /* line 39, ../sass/vendor/nanoscroller.scss */ .nano > .pane-y { width: 5px; top: 10px; } /* line 43, ../sass/vendor/nanoscroller.scss */ .nano > .pane-x { height: 5px; left: 0; } /* line 47, ../sass/vendor/nanoscroller.scss */ .nano > .pane-y > .slider-y, .nano > .pane-x > .slider-x { background: #444; background: blue; position: relative; margin: 0 1px; } /* line 53, ../sass/vendor/nanoscroller.scss */ .nano > .pane-x > .slider-x { margin: 1px 0; } /* line 57, ../sass/vendor/nanoscroller.scss */ .nano:hover > .pane-y, .pane-y.active, .pane-y.flashed, .nano:hover > .pane-x, .pane-x.active, .pane-x.flashed { visibility: visible\9; /* Target only IE7 and IE8 with this hack */ opacity: 0.99; } /* CSS Styles that are needed by jScrollPane for it to operate correctly. Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */ /* line 17, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } /* line 22, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /* line 13, ../sass/vendor/jquery.jscrollpane.scss */ .jspContainer { overflow: hidden; position: relative; } /* line 16, ../sass/vendor/jquery.jscrollpane.scss */ .jspContainer:focus { outline: none; } /* line 20, ../sass/vendor/jquery.jscrollpane.scss */ .jspPane { position: absolute; } /* line 22, ../sass/vendor/jquery.jscrollpane.scss */ .jspPane:focus { outline: none; } /* line 26, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar { position: absolute; top: 0px; right: 0px; width: 4px; overflow: hidden; height: 100%; } /* line 34, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar:focus { outline: none; } /* line 36, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* line 41, ../sass/vendor/jquery.jscrollpane.scss */ .jspContainer:hover .jspVerticalBar { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* line 47, ../sass/vendor/jquery.jscrollpane.scss */ .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #e7e7e7; } /* line 58, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } /* line 63, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar .jspTrack { width: 4px; } /* line 67, ../sass/vendor/jquery.jscrollpane.scss */ .jspCap { display: none; } /* line 72, ../sass/vendor/jquery.jscrollpane.scss */ .jspHorizontalBar .jspCap { float: left; } /* line 76, ../sass/vendor/jquery.jscrollpane.scss */ .jspCap { display: block; background: transparent; } /* line 82, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar .jspCap { height: 10px; } /* line 87, ../sass/vendor/jquery.jscrollpane.scss */ .jspTrack { background: #e7e7e7; position: relative; } /* line 91, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar .jspTrack { background: transparent; } /* line 96, ../sass/vendor/jquery.jscrollpane.scss */ .jspDrag { background: #000; position: relative; top: 0; left: 0; cursor: pointer; } /* line 103, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar .jspDrag { background: #fff; } /* line 109, ../sass/vendor/jquery.jscrollpane.scss */ .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } /* line 115, ../sass/vendor/jquery.jscrollpane.scss */ .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } /* line 123, ../sass/vendor/jquery.jscrollpane.scss */ .jspArrow.jspDisabled { cursor: default; background: #80808d; } /* line 129, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar .jspArrow { height: 16px; } /* line 134, ../sass/vendor/jquery.jscrollpane.scss */ .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } /* line 141, ../sass/vendor/jquery.jscrollpane.scss */ .jspVerticalBar .jspArrow:focus { outline: none; } /* line 146, ../sass/vendor/jquery.jscrollpane.scss */ .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ /* line 154, ../sass/vendor/jquery.jscrollpane.scss */ * html .jspCorner { margin: 0 -3px 0 0; } /* jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ /* line 14, ../sass/vendor/flexslider.scss */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } /* line 18, ../sass/vendor/flexslider.scss */ .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ /* line 27, ../sass/vendor/flexslider.scss */ .flexslider { margin: 0; padding: 0; } /* line 31, ../sass/vendor/flexslider.scss */ .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* line 35, ../sass/vendor/flexslider.scss */ .flexslider .slides img { width: 100%; display: block; margin: auto; } /* Hide the slides before the JS is loaded. Avoids image jumping */ /* line 45, ../sass/vendor/flexslider.scss */ .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ /* line 51, ../sass/vendor/flexslider.scss */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* line 60, ../sass/vendor/flexslider.scss */ html[xmlns] .slides { display: block; } /* line 64, ../sass/vendor/flexslider.scss */ * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */ /* line 72, ../sass/vendor/flexslider.scss */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ /* line 79, ../sass/vendor/flexslider.scss */ .flexslider { position: relative; zoom: 1; } /* line 84, ../sass/vendor/flexslider.scss */ .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } /* line 91, ../sass/vendor/flexslider.scss */ .loading .flex-viewport { max-height: 300px; } /* line 95, ../sass/vendor/flexslider.scss */ .flexslider .slides { zoom: 1; } /* line 99, ../sass/vendor/flexslider.scss */ .carousel li { margin-right: 5px; } /* Direction Nav */ /* line 105, ../sass/vendor/flexslider.scss */ .flex-direction-nav { *height: 0; } /* line 107, ../sass/vendor/flexslider.scss */ .flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } /* line 121, ../sass/vendor/flexslider.scss */ .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; } /* line 125, ../sass/vendor/flexslider.scss */ .flex-direction-nav .flex-prev { left: -36px; } /* line 131, ../sass/vendor/flexslider.scss */ .flexslider:hover .flex-next { opacity: 0.8; right: 5px; } /* line 135, ../sass/vendor/flexslider.scss */ .flexslider:hover .flex-prev { opacity: 0.8; left: 5px; } /* line 139, ../sass/vendor/flexslider.scss */ .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } /* line 144, ../sass/vendor/flexslider.scss */ .flex-direction-nav .flex-disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ /* line 152, ../sass/vendor/flexslider.scss */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } /* line 157, ../sass/vendor/flexslider.scss */ .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } /* line 165, ../sass/vendor/flexslider.scss */ .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } /* line 178, ../sass/vendor/flexslider.scss */ .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } /* line 182, ../sass/vendor/flexslider.scss */ .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } /* line 189, ../sass/vendor/flexslider.scss */ .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } /* line 193, ../sass/vendor/flexslider.scss */ .flex-control-thumbs li { width: 25%; float: left; margin: 0; } /* line 198, ../sass/vendor/flexslider.scss */ .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } /* line 203, ../sass/vendor/flexslider.scss */ .flex-control-thumbs img:hover { opacity: 1; } /* line 207, ../sass/vendor/flexslider.scss */ .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { /* line 215, ../sass/vendor/flexslider.scss */ .flex-direction-nav .flex-prev { opacity: 1; left: 0; } /* line 219, ../sass/vendor/flexslider.scss */ .flex-direction-nav .flex-next { opacity: 1; right: 0; } } /* Magnific Popup CSS */ /* line 2, ../sass/vendor/magnific-popup.scss */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } /* line 14, ../sass/vendor/magnific-popup.scss */ .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } /* line 24, ../sass/vendor/magnific-popup.scss */ .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 36, ../sass/vendor/magnific-popup.scss */ .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* line 42, ../sass/vendor/magnific-popup.scss */ .mfp-align-top .mfp-container:before { display: none; } /* line 45, ../sass/vendor/magnific-popup.scss */ .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } /* line 54, ../sass/vendor/magnific-popup.scss */ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } /* line 58, ../sass/vendor/magnific-popup.scss */ .mfp-ajax-cur { cursor: progress; } /* line 62, ../sass/vendor/magnific-popup.scss */ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } /* line 67, ../sass/vendor/magnific-popup.scss */ .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } /* line 73, ../sass/vendor/magnific-popup.scss */ .mfp-auto-cursor .mfp-content { cursor: auto; } /* line 79, ../sass/vendor/magnific-popup.scss */ .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* line 84, ../sass/vendor/magnific-popup.scss */ .mfp-loading.mfp-figure { display: none; } /* line 87, ../sass/vendor/magnific-popup.scss */ .mfp-hide { display: none !important; } /* line 90, ../sass/vendor/magnific-popup.scss */ .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } /* line 101, ../sass/vendor/magnific-popup.scss */ .mfp-preloader a { color: #cccccc; } /* line 104, ../sass/vendor/magnific-popup.scss */ .mfp-preloader a:hover { color: white; } /* line 107, ../sass/vendor/magnific-popup.scss */ .mfp-s-ready .mfp-preloader { display: none; } /* line 110, ../sass/vendor/magnific-popup.scss */ .mfp-s-error .mfp-content { display: none; } /* line 114, ../sass/vendor/magnific-popup.scss */ button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } /* line 126, ../sass/vendor/magnific-popup.scss */ button::-moz-focus-inner { padding: 0; border: 0; } /* line 130, ../sass/vendor/magnific-popup.scss */ .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } /* line 145, ../sass/vendor/magnific-popup.scss */ .mfp-close:hover, .mfp-close:focus { opacity: 1; } /* line 147, ../sass/vendor/magnific-popup.scss */ .mfp-close:active { top: 1px; } /* line 150, ../sass/vendor/magnific-popup.scss */ .mfp-close-btn-in .mfp-close { color: #333333; } /* line 154, ../sass/vendor/magnific-popup.scss */ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } /* line 161, ../sass/vendor/magnific-popup.scss */ .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } /* line 169, ../sass/vendor/magnific-popup.scss */ .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* line 180, ../sass/vendor/magnific-popup.scss */ .mfp-arrow:active { margin-top: -54px; } /* line 184, ../sass/vendor/magnific-popup.scss */ .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } /* line 189, ../sass/vendor/magnific-popup.scss */ .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } /* line 201, ../sass/vendor/magnific-popup.scss */ .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } /* line 206, ../sass/vendor/magnific-popup.scss */ .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } /* line 210, ../sass/vendor/magnific-popup.scss */ .mfp-arrow-left { left: 0; } /* line 213, ../sass/vendor/magnific-popup.scss */ .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } /* line 217, ../sass/vendor/magnific-popup.scss */ .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } /* line 221, ../sass/vendor/magnific-popup.scss */ .mfp-arrow-right { right: 0; } /* line 224, ../sass/vendor/magnific-popup.scss */ .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } /* line 228, ../sass/vendor/magnific-popup.scss */ .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } /* line 231, ../sass/vendor/magnific-popup.scss */ .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } /* line 235, ../sass/vendor/magnific-popup.scss */ .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } /* line 240, ../sass/vendor/magnific-popup.scss */ .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } /* line 246, ../sass/vendor/magnific-popup.scss */ .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* line 256, ../sass/vendor/magnific-popup.scss */ .mfp-iframe-holder .mfp-close { top: -40px; } /* Main image in popup */ /* line 260, ../sass/vendor/magnific-popup.scss */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ /* line 273, ../sass/vendor/magnific-popup.scss */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } /* line 287, ../sass/vendor/magnific-popup.scss */ .mfp-figure { line-height: 0; } /* line 290, ../sass/vendor/magnific-popup.scss */ .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } /* line 298, ../sass/vendor/magnific-popup.scss */ .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } /* line 305, ../sass/vendor/magnific-popup.scss */ .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } /* line 311, ../sass/vendor/magnific-popup.scss */ .mfp-image-holder .mfp-content { max-width: 100%; } /* line 314, ../sass/vendor/magnific-popup.scss */ .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ /* line 321, ../sass/vendor/magnific-popup.scss */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } /* line 325, ../sass/vendor/magnific-popup.scss */ .mfp-img-mobile img.mfp-img { padding: 0; } /* The shadow behind the image */ /* line 329, ../sass/vendor/magnific-popup.scss */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } /* line 333, ../sass/vendor/magnific-popup.scss */ .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 344, ../sass/vendor/magnific-popup.scss */ .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } /* line 347, ../sass/vendor/magnific-popup.scss */ .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } /* line 351, ../sass/vendor/magnific-popup.scss */ .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } /* line 362, ../sass/vendor/magnific-popup.scss */ .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 900px) { /* line 366, ../sass/vendor/magnific-popup.scss */ .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } /* line 370, ../sass/vendor/magnific-popup.scss */ .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } /* line 374, ../sass/vendor/magnific-popup.scss */ .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } /* line 378, ../sass/vendor/magnific-popup.scss */ .mfp-container { padding-left: 6px; padding-right: 6px; } } /* line 381, ../sass/vendor/magnific-popup.scss */ .mfp-ie7 .mfp-img { padding: 0; } /* line 383, ../sass/vendor/magnific-popup.scss */ .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } /* line 389, ../sass/vendor/magnific-popup.scss */ .mfp-ie7 .mfp-container { padding: 0; } /* line 391, ../sass/vendor/magnific-popup.scss */ .mfp-ie7 .mfp-content { padding-top: 44px; } /* line 393, ../sass/vendor/magnific-popup.scss */ .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** BxSlider v4.0 - Fully loaded, responsive content slider http://bxslider.com Written by: Steven Wanderski, 2012 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz) CEO and founder of bxCreative, LTD http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ /* line 17, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } /* line 24, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ /* line 32, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; } /* line 42, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ /* line 50, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat white; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ /* line 63, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } /* line 73, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } /* line 79, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 93, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ /* line 99, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; } /* line 104, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; } /* line 109, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-prev:hover { background-position: 0 0; } /* line 113, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-next:hover { background-position: -43px 0; } /* line 117, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } /* line 128, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ /* line 134, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls-auto { text-align: center; } /* line 138, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } /* line 149, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } /* line 153, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } /* line 164, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ /* line 170, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } /* line 175, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ /* line 182, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } /* line 191, ../sass/vendor/jquery.bxslider.scss */ .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* line 1, ../sass/_home.scss */ section.home { width: 100%; height: 100%; position: absolute; z-index: 2; text-align: center; } /* line 5, ../sass/_home.scss */ .work section.home, .photography section.home { top: -100%; } /* line 13, ../sass/_home.scss */ section.home #home-logo { width: 360px; height: 360px; position: absolute; top: 50%; left: 50%; margin-top: -180px; margin-left: -180px; } /* line 22, ../sass/_home.scss */ section.home #home-text { width: 350px; height: auto; position: absolute; top: 50%; left: 50%; margin-top: 180px; margin-left: -175px; } @media only screen and (max-width: 640px) { /* line 35, ../sass/_home.scss */ section.home #home-logo { width: 320px; margin-top: -160px; margin-left: -160px; } /* line 40, ../sass/_home.scss */ section.home #home-text { display: none !important; } } /* line 3, ../sass/_news.scss */ #news { position: absolute; width: 100%; height: 100%; z-index: 3; display: none; } /* line 12, ../sass/_news.scss */ figure.news { width: 56%; height: 100%; background-color: #fff; position: absolute; top: 0; right: -56%; z-index: 3; text-align: center; visibility: visible; } /* line 22, ../sass/_news.scss */ figure.news img { width: auto; max-width: 90%; max-height: 480px; display: none; } /* line 29, ../sass/_news.scss */ figure.news figcaption h2 { display: none; } /* line 35, ../sass/_news.scss */ figure.news figcaption, figure.news-figure figcaption { width: auto; max-width: 90%; margin: auto; text-align: right; font-size: 0.75em; font-weight: 300; } /* line 42, ../sass/_news.scss */ figure.news figcaption h2, figure.news-figure figcaption h2 { font-weight: 600; margin-top: 20px; margin-bottom: 15px; } /* line 47, ../sass/_news.scss */ figure.news figcaption p, figure.news-figure figcaption p { line-height: 1.3; } @media only screen and (max-width: 640px) { /* line 53, ../sass/_news.scss */ figure.news { display: none; } /* line 56, ../sass/_news.scss */ figure.news-figure { visibility: hidden; } } /* line 60, ../sass/_news.scss */ figure.news-figure { width: 56%; z-index: 4; height: 100%; background-color: #fff; position: absolute; top: 0; right: 0px; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: none; } /* line 70, ../sass/_news.scss */ figure.news-figure > img { width: auto; max-width: 90%; max-height: 480px; } /* line 75, ../sass/_news.scss */ figure.news-figure .flexslider { width: 90%; height: 480px; margin: auto; } /* line 87, ../sass/_news.scss */ figure.news-figure .controls { pointer-events: none; width: 90%; position: absolute; bottom: 30px; left: 50%; margin-left: -45%; height: 46px; } /* line 96, ../sass/_news.scss */ figure.news-figure .controls .arrow { pointer-events: auto; width: 72.8px; height: 32.2px; -webkit-background-size: 200% 100%; -moz-background-size: 200% 100%; -o-background-size: 200% 100%; background-size: 200% 100%; background-image: url(/img/gallery-arrows.png); cursor: pointer; overflow: hidden; *zoom: 1; } /* line 104, ../sass/_news.scss */ figure.news-figure .controls .arrow.left { float: left; } /* line 107, ../sass/_news.scss */ figure.news-figure .controls .arrow.right { float: right; background-position: right; } /* line 113, ../sass/_news.scss */ figure.news-figure .flexslider img { max-width: 100%; width: auto; } /* line 123, ../sass/_news.scss */ section.news { display: none; position: absolute; z-index: 3; width: 44%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 131, ../sass/_news.scss */ section.news .content:focus { outline: none; } /* line 134, ../sass/_news.scss */ section.news .slider-container { width: 200%; height: 100%; overflow: hidden; *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 141, ../sass/_news.scss */ section.news .news-article, section.news .news-list { width: 49%; height: 100%; float: left; } /* line 145, ../sass/_news.scss */ section.news .news-article:focus, section.news .news-list:focus { outline: none; } /* line 147, ../sass/_news.scss */ section.news .news-article { float: right; color: #fff; } /* line 150, ../sass/_news.scss */ section.news .news-article article p { margin-bottom: 20px; } /* line 154, ../sass/_news.scss */ section.news h1 { width: 85.84px; height: 27.84px; background-image: url(/img/heading-news.png); text-indent: -99999px; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; display: block; margin: 45px auto; cursor: pointer; } /* line 164, ../sass/_news.scss */ section.news .back { width: 37.8px; cursor: pointer; height: 21px; background-image: url(/img/news-back.png); text-indent: -99999px; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; display: block; position: absolute; top: 50px; left: 7.5%; margin: 0 auto; } @media only screen and (max-width: 640px) { /* line 123, ../sass/_news.scss */ section.news { width: 100%; } /* line 180, ../sass/_news.scss */ section.news .news-article { font-size: 18px; } } /* line 184, ../sass/_news.scss */ section.news .news-list .news-item { cursor: pointer; } /* line 187, ../sass/_news.scss */ section.news .news-item { width: 85%; margin: auto; color: #fff; overflow: hidden; *zoom: 1; margin-bottom: 60px; } /* line 193, ../sass/_news.scss */ section.news .news-item > img { width: 24%; max-width: 100px; height: auto; float: left; } /* line 199, ../sass/_news.scss */ section.news .news-item .img { width: 24%; max-width: 100px; height: auto; float: left; } /* line 204, ../sass/_news.scss */ section.news .news-item .img img { width: 100%; height: auto; float: none; } /* line 210, ../sass/_news.scss */ section.news .news-item .date { color: #fff; width: 100%; font-size: 12px; font-family: jaf-facitweb; font-weight: 400; text-align: center; padding-top: 15px; } /* line 219, ../sass/_news.scss */ section.news .news-item div { width: 70%; float: right; } /* line 222, ../sass/_news.scss */ section.news .news-item div .mobile-img { width: 100%; display: none; } @media only screen and (max-width: 640px) { /* line 222, ../sass/_news.scss */ section.news .news-item div .mobile-img { display: block; } } /* line 229, ../sass/_news.scss */ section.news .news-item div .mobile-caption { display: none; width: 100%; text-align: right; font-size: 12px; font-weight: 300; font-family: 'jaf-facitweb'; } /* line 236, ../sass/_news.scss */ section.news .news-item div .mobile-caption h2 { font-weight: 600; margin-top: 20px; margin-bottom: 15px; line-height: 1; font-family: 'jaf-facitweb'; text-transform: none; } /* line 244, ../sass/_news.scss */ section.news .news-item div .mobile-caption p { line-height: 1.3; margin-bottom: 0; font-size: 12px; } @media only screen and (max-width: 640px) { /* line 229, ../sass/_news.scss */ section.news .news-item div .mobile-caption { display: block; } } /* line 251, ../sass/_news.scss */ section.news .news-item div h2 { margin-top: -2px; font-size: 1.2em; line-height: 1.2; text-transform: uppercase; font-weight: 300; margin-bottom: 20px; font-family: "freight-sans-pro"; } /* line 260, ../sass/_news.scss */ section.news .news-item div p { font-size: 0.75em; line-height: 1.5; font-weight: 200; } /* line 271, ../sass/_news.scss */ .news .wrapper section.home img { display: none; } /* line 274, ../sass/_news.scss */ .news .wrapper .news.gallery { right: 0%; } @media only screen and (min-width: 640px) { /* line 279, ../sass/_news.scss */ .news .wrapper nav #logo-white { display: none; z-index: 2; } /* line 280, ../sass/_news.scss */ .news .wrapper nav #logo-black { display: block; z-index: 2; } } /* line 283, ../sass/_news.scss */ .news .wrapper section.news { display: block; } /* line 286, ../sass/_news.scss */ .news .wrapper figure.news { right: 0; } /* line 2, ../sass/_work.scss */ section.work { width: 100%; height: 100%; top: 100%; background-color: #fff; position: absolute; z-index: 2; } /* line 8, ../sass/_work.scss */ .work section.work, .photography section.work { top: 0px; } /* line 15, ../sass/_work.scss */ section.work .covers:focus { outline: none; } /* line 18, ../sass/_work.scss */ section.work .title { margin: 30px 0 0 40px; width: 175px; height: auto; float: left; } @media only screen and (max-width: 680px) { /* line 18, ../sass/_work.scss */ section.work .title { width: 100px; margin: 20px 0 0 40px; float: left; } } @media only screen and (max-width: 480px) { /* line 18, ../sass/_work.scss */ section.work .title { margin-left: 20px; } } /* line 30, ../sass/_work.scss */ section.work .work-nav { float: left; padding-left: 80px; font-size: 0.8em; padding-top: 70px; } /* line 35, ../sass/_work.scss */ section.work .work-nav li { float: left; margin-right: 40px; text-transform: lowercase; color: #999999; cursor: pointer; } /* line 41, ../sass/_work.scss */ section.work .work-nav li.selected { border-bottom: 4px solid #000; color: #000; padding-bottom: 8px; } @media only screen and (max-width: 680px) { /* line 30, ../sass/_work.scss */ section.work .work-nav { padding-top: 30px; clear: both; padding-left: 40px; } } @media only screen and (max-width: 480px) { /* line 30, ../sass/_work.scss */ section.work .work-nav { padding-left: 20px; } /* line 57, ../sass/_work.scss */ section.work .work-nav li { margin-right: 20px; } } @media only screen and (max-width: 321px) { /* line 58, ../sass/_work.scss */ section.work .work-nav li { margin-right: 10px; } } /* line 60, ../sass/_work.scss */ section.work .work-container { position: absolute; display: none; top: 135px; left: 0px; bottom: 20px; width: 40%; text-align: center; } /* line 69, ../sass/_work.scss */ section.work .work-container .close { position: absolute; top: 0px; right: 20px; width: 40px; height: 40px; text-indent: -9999px; background-image: url(/img/x-alt.png); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; cursor: pointer; } @media only screen and (max-width: 800px) { /* line 60, ../sass/_work.scss */ section.work .work-container { width: auto; right: 0; z-index: 99; background-color: #fff; } } /* line 89, ../sass/_work.scss */ section.work .work-container img { vertical-align: middle; max-width: 87%; max-height: 90%; } /* line 101, ../sass/_work.scss */ section.work .covers { overflow: hidden; *zoom: 1; position: absolute; left: 40px; top: 135px; right: 40px; bottom: 20px; width: auto; height: auto; overflow-x: scroll; overflow-y: hidden; display: none; } @media only screen and (max-width: 480px) { /* line 101, ../sass/_work.scss */ section.work .covers { left: 20px; right: 20px; } } /* line 115, ../sass/_work.scss */ section.work .covers .jspVerticalBar { display: none !important; } /* line 116, ../sass/_work.scss */ section.work .covers .work-item { width: auto; float: left; display: block; position: relative; -webkit-perspective: 800; -moz-perspective: 800; -ms-perspective: 800; -o-perspective: 800; perspective: 800; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } /* line 123, ../sass/_work.scss */ section.work .covers .work-item .info-box { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; font-size: 0.75em; font-weight: 300; border-bottom: 1px solid #000; padding-bottom: 10px; bottom: 0; } /* line 130, ../sass/_work.scss */ section.work .covers .work-item .info-box h3 { font-weight: 600; margin-bottom: 15px; } /* line 134, ../sass/_work.scss */ section.work .covers .work-item .info-box h4 { margin-top: -10px; padding-bottom: 15px; } /* line 138, ../sass/_work.scss */ section.work .covers .work-item .info-box h4, section.work .covers .work-item .info-box h5 { margin-bottom: 5px; } /* line 145, ../sass/_work.scss */ section.work .covers .work-item.daad .info-box { border-bottom: 1px solid red; } /* line 149, ../sass/_work.scss */ section.work .covers .work-item img { width: 100%; height: auto; display: block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; cursor: pointer; } /* line 159, ../sass/_work.scss */ section.work .covers .work-item .flipper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } /* line 164, ../sass/_work.scss */ section.work .covers .work-item .flipper .front, section.work .covers .work-item .flipper :first-child { z-index: 3; } /* line 167, ../sass/_work.scss */ section.work .covers .work-item .flipper .back, section.work .covers .work-item .flipper :nth-child(2) { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } /* line 170, ../sass/_work.scss */ section.work .covers .work-item .flipper.flip { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } /* line 175, ../sass/_work.scss */ section.work .covers .work-item .flipper { position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } /* line 182, ../sass/_work.scss */ section.work .covers .work-item:hover .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } /* line 1, ../sass/_photography.scss */ .wrapper section.photography { width: 100%; height: 100%; top: 100%; background-color: #fff; position: absolute; z-index: 2; font-weight: 200; } /* line 12, ../sass/_photography.scss */ .photography .wrapper section.photography { top: 0px; } @media only screen and (max-width: 640px) { /* line 1, ../sass/_photography.scss */ .wrapper section.photography { overflow-y: auto; } } /* line 20, ../sass/_photography.scss */ .wrapper section.photography .title { margin: 30px 0 0 40px; width: 320px; height: auto; float: left; } @media only screen and (max-width: 640px) { /* line 20, ../sass/_photography.scss */ .wrapper section.photography .title { width: 60%; margin: 20px 0 0 20px; float: left; } } /* line 31, ../sass/_photography.scss */ .wrapper section.photography .photography-home .title { width: 500px; } @media only screen and (max-width: 640px) { /* line 31, ../sass/_photography.scss */ .wrapper section.photography .photography-home .title { width: 70%; margin: 20px 0 0 20px; float: left; } } /* line 39, ../sass/_photography.scss */ .wrapper section.photography .back { position: absolute; bottom: 35px; z-index: 9; left: 50%; margin-left: -50px; width: 100px; cursor: pointer; } /* line 47, ../sass/_photography.scss */ .wrapper section.photography .back img { width: 100%; height: auto; } @media only screen and (max-width: 640px) { /* line 53, ../sass/_photography.scss */ .wrapper section.photography .gallery-slider .back { display: none; } } /* line 57, ../sass/_photography.scss */ .wrapper section.photography .arrow { width: 35px; height: 46px; position: absolute; z-index: 7; bottom: 35px; cursor: pointer; } @media only screen and (max-width: 640px) { /* line 57, ../sass/_photography.scss */ .wrapper section.photography .arrow { width: 35px; height: 46px; bottom: 15px; } } /* line 69, ../sass/_photography.scss */ .wrapper section.photography .arrow img { width: 100%; height: auto; } /* line 73, ../sass/_photography.scss */ .wrapper section.photography .arrow.left { left: 35px; } @media only screen and (max-width: 640px) { /* line 73, ../sass/_photography.scss */ .wrapper section.photography .arrow.left { display: none; } } /* line 78, ../sass/_photography.scss */ .wrapper section.photography .arrow.right { right: 35px; } @media only screen and (max-width: 640px) { /* line 78, ../sass/_photography.scss */ .wrapper section.photography .arrow.right { display: none; } } /* line 85, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .left { position: absolute; top: 160px; bottom: 0px; width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; font-size: 12px; } /* line 91, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .left p { padding-bottom: 20px; line-height: 1.9; } /* line 100, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .right { position: absolute; overflow: hidden; *zoom: 1; top: 105px; bottom: 0px; width: 60%; right: 0; } /* line 107, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .right a { width: 100%; display: block; height: 100%; } /* line 113, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .right a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 116, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .right ul li { text-align: center; margin-bottom: 10px; cursor: pointer; } /* line 120, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .right ul li img { max-height: 40px; } @media only screen and (max-width: 640px) { /* line 124, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .right ul li img { max-width: 90%; } } @media only screen and (max-width: 980px) { /* line 131, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .right { top: 130px; } } @media only screen and (max-width: 700px) { /* line 137, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .right { width: 100%; top: 0px; padding-top: 40px; position: relative; } /* line 144, ../sass/_photography.scss */ .wrapper section.photography .photography-home > .left { width: 100%; padding: 0 20px; top: 0; margin-top: 20px; position: relative; } } /* line 1, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery { width: 100%; height: 100%; top: 100%; background-color: #fff; position: absolute; z-index: 2; } /* line 10, ../sass/_photography-gallery.scss */ .photography .wrapper section.photography.gallery { top: 0px; } /* line 14, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .text { float: left; width: 40%; padding-left: 40px; padding-top: 40px; font-size: 12px; line-height: 1.4; } /* line 22, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .mobile-back { display: none; } @media only screen and (max-width: 640px) { /* line 22, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .mobile-back { display: block; position: absolute; top: 22px; left: 20px; margin-left: 0; bottom: auto; background-image: url(/img/photography/arrow-left.png); width: 30.6px; height: 40.5px; z-index: 9020; background-size: 100% 100%; } } /* line 38, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .mobile-back a { width: 100%; height: 100%; display: block; text-indent: -99999px; } /* line 40, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .image-selection { position: absolute; bottom: 0; top: 140px; width: 80%; margin-left: -40%; left: 50%; } @media only screen and (max-width: 980px) { /* line 40, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .image-selection { width: 90%; margin-left: -45%; } } /* line 52, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .image-selection ul { text-align: center; height: 100%; overflow: hidden; } /* line 56, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .image-selection ul li { cursor: pointer; display: inline; padding-left: 40px; width: auto; } /* line 64, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .image-selection ul li img { padding-bottom: 40px; max-height: 35%; max-width: 100%; height: auto; width: auto; } @media only screen and (max-width: 980px) { /* line 64, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .image-selection ul li img { max-height: 30%; } } @media only screen and (max-width: 800px) { /* line 64, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .image-selection ul li img { max-height: 25%; } } @media only screen and (max-width: 980px) { /* line 79, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .text { float: none; clear: both; width: 50%; padding-left: 0; text-align: center; width: 80%; margin: auto; } } /* line 90, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-intro, .wrapper section.photography.gallery .gallery-slider { width: 100%; height: 100%; background-color: #fff; position: absolute; z-index: 2; } /* line 97, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .swipe { display: none; } @media only screen and (max-width: 640px) { /* line 101, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .swipe { display: block; position: absolute; color: #808080; font-size: 13px; width: 60%; height: auto; left: 50%; margin-left: -30%; top: 40px; text-align: center; } } /* line 116, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider { z-index: 3; display: none; } @media only screen and (max-width: 640px) { /* line 116, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider { overflow-x: hidden; } } /* line 124, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .title { position: absolute; top: 30px; left: 40px; z-index: 6; margin: 0px; } @media only screen and (max-width: 640px) { /* line 124, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .title { width: 50%; height: auto; left: 50%; margin-left: -25%; top: 80px; } } /* line 140, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .bx-wrapper .bx-viewport { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* line 143, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider-wrapper { position: relative; width: 100%; height: 100%; } /* line 148, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider { width: 100%; } /* line 150, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li { float: left; } /* line 153, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide { width: 100%; height: 100%; position: absolute; z-index: 6; overflow-x: auto; text-align: center; min-height: 600px; } /* line 162, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img-wrapper { width: 100%; height: 100%; } /* line 170, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img { background-color: #fff; display: inline-block; position: relative; width: 10px; height: auto; width: 40%; } /* line 180, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img > img { display: block; margin: auto; width: 100%; height: auto; } /* line 186, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img.portrait { height: 60%; width: auto; } /* line 189, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img.portrait > img { display: block; margin: auto; height: 100%; width: auto; } @media only screen and (max-width: 640px) { /* line 170, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img { width: 80%; } /* line 198, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img > img { width: 100%; height: auto; } /* line 202, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img.portrait { height: auto; width: 50%; top: 57px; } /* line 206, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .img.portrait > img { display: block; margin: auto; width: 100%; height: auto; } } /* line 222, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .corner-r, .wrapper section.photography.gallery .gallery-slider .slider li .slide .corner-l { position: absolute; width: 50px; height: 35px; } /* line 227, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .corner-r { top: -20px; right: -20px; } /* line 231, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .corner-l { bottom: -20px; left: -20px; } @media only screen and (max-width: 480px) { /* line 231, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .corner-l { display: none; } } /* line 238, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .text { position: absolute; right: -240px; bottom: 0px; line-height: 1.5; width: 200px; text-align: left; } /* line 244, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .text.top { bottom: auto; top: 0px; } @media only screen and (max-width: 800px) { /* line 238, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .text { display: none; } } /* line 270, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .title { position: absolute; left: -90%; font-size: 13px; top: 0px; text-align: right; line-height: 1.5; width: 80%; } /* line 278, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .title h2 { font-weight: bold; } /* line 281, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .title p { margin-top: 20px; } @media only screen and (max-width: 640px) { /* line 286, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .title { width: 86%; top: auto; bottom: -130px; height: 100px; left: 50%; margin-left: -43%; text-align: center; } /* line 295, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .title p { margin-top: 5px; } /* line 298, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .title br { content: ""; } /* line 302, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .slide .title br:after { content: ", "; } } /* line 308, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider .slider li .proxy { width: 100%; height: 100%; position: relative; z-index: 4; } @media only screen and (max-width: 740px) { /* line 319, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-slider { display: block; } /* line 320, ../sass/_photography-gallery.scss */ .wrapper section.photography.gallery .gallery-intro { overflow: hidden; } } /* line 1, ../sass/_film.scss */ .mfp-wrap .mfp-close { width: 20px; height: 20px; text-indent: -9999999px; background-image: url(/img/x-modal.png); background-size: 100% 100%; font-size: 1em; color: transparent; } /* line 10, ../sass/_film.scss */ .film .wrapper { background-color: #000; } /* line 13, ../sass/_film.scss */ .wrapper section.film { width: 100%; height: 100%; top: 100%; background-color: #484848; position: absolute; z-index: 2; font-weight: 200; } /* line 24, ../sass/_film.scss */ .film .wrapper section.film { top: 0px; } /* line 28, ../sass/_film.scss */ .wrapper section.film .slider-container { height: 100%; position: absolute; } /* line 32, ../sass/_film.scss */ .wrapper section.film .arrow { width: 35px; height: 46px; position: absolute; z-index: 7; bottom: 35px; cursor: pointer; } @media only screen and (max-width: 640px) { /* line 32, ../sass/_film.scss */ .wrapper section.film .arrow { width: 35px; height: 46px; bottom: 15px; } } /* line 44, ../sass/_film.scss */ .wrapper section.film .arrow img { width: 100%; height: auto; } /* line 48, ../sass/_film.scss */ .wrapper section.film .arrow.left { left: 35px; } @media only screen and (max-width: 640px) { /* line 48, ../sass/_film.scss */ .wrapper section.film .arrow.left { display: none; } } /* line 53, ../sass/_film.scss */ .wrapper section.film .arrow.right { right: 25px; bottom: 35px; } @media only screen and (max-width: 640px) { /* line 53, ../sass/_film.scss */ .wrapper section.film .arrow.right { display: none; } } /* line 60, ../sass/_film.scss */ .wrapper section.film .slide { width: 100%; height: 100%; float: left; position: relative; } /* line 66, ../sass/_film.scss */ .wrapper section.film .title { width: 220px; height: auto; position: absolute; top: 40px; left: 40px; } @media only screen and (max-width: 640px) { /* line 66, ../sass/_film.scss */ .wrapper section.film .title { width: 40%; position: absolute; top: 20px; left: 20px; } } /* line 82, ../sass/_film.scss */ .wrapper section.film .film-intro { color: #fff; width: 50%; font-size: 14px; margin: auto; margin-top: 190px; line-height: 1.75; margin-bottom: 50px; } @media only screen and (max-width: 940px) { /* line 82, ../sass/_film.scss */ .wrapper section.film .film-intro { margin-top: 200px; width: 60%; } } @media only screen and (max-width: 640px) { /* line 82, ../sass/_film.scss */ .wrapper section.film .film-intro { font-size: 12px; line-height: 1.4; position: absolute; position: relative; width: auto; width: 90%; overflow: visible; } } @media only screen and (max-width: 800px) { /* line 107, ../sass/_film.scss */ .wrapper section.film #page-intro { overflow-y: auto; } } @media only screen and (max-width: 640px) { /* line 111, ../sass/_film.scss */ .wrapper section.film #page-intro .arrow.right { display: block; } } /* line 113, ../sass/_film.scss */ .wrapper section.film .intro-proceed { width: 80px; height: 32px; float: right; margin-top: 40px; cursor: pointer; margin-right: 70px; margin-bottom: 50px; } /* line 122, ../sass/_film.scss */ .wrapper section.film .film-container { width: 100%; overflow: visible; position: absolute; height: 100%; top: 0; background-color: #000; background-size: cover; z-index: 3; } @media only screen and (max-width: 800px) { /* line 122, ../sass/_film.scss */ .wrapper section.film .film-container { overflow-y: auto; } } /* line 135, ../sass/_film.scss */ .wrapper section.film .film-container .links { position: absolute; width: 220px; left: 40px; font-size: 14px; top: 125px; color: #CCCCCC; } /* line 142, ../sass/_film.scss */ .wrapper section.film .film-container .links a { color: #CCCCCC; text-decoration: none; } @media only screen and (max-width: 800px) { /* line 135, ../sass/_film.scss */ .wrapper section.film .film-container .links { position: static; margin-top: 20px; width: 100%; text-align: center; } } /* line 150, ../sass/_film.scss */ .wrapper section.film .film-container .text { position: absolute; width: 220px; left: 40px; top: 160px; line-height: 1.5; font-size: 12px; color: #fff; } @media only screen and (max-width: 800px) { /* line 150, ../sass/_film.scss */ .wrapper section.film .film-container .text { position: static; width: 90%; margin: 20px auto 0 auto; top: 20px; padding-bottom: 40px; } } /* line 166, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container { position: absolute; top: 0px; right: 100px; bottom: 0px; left: 360px; text-align: center; } @media only screen and (max-width: 800px) { /* line 166, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container { display: none; } } /* line 171, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .flex-next, .wrapper section.film .film-container .flexslider-container .flex-prev { visibility: hidden; } /* line 173, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .flexslider .slides { height: 100%; } /* line 175, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .flexslider .slides li { height: 100%; } /* line 184, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .flex-direction-nav .flex-prev { background: url(/img/film/arrow-left.png); background-size: 100% 100%; width: 20px; } /* line 189, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .flex-direction-nav .flex-next { background: url(/img/film/arrow-right.png); background-size: 100% 100%; width: 20px; } /* line 194, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .img-container { position: relative; height: 100%; width: 100%; display: inline-block; margin-top: 100px; } @media only screen and (max-width: 800px) { /* line 194, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .img-container { margin-top: 30px !important; } } /* line 204, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .corner-r, .wrapper section.film .film-container .flexslider-container .corner-l { position: absolute; width: 200px; height: 35px; } /* line 208, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .corner-r img, .wrapper section.film .film-container .flexslider-container .corner-l img { width: 100%; height: auto; } /* line 213, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .corner-r { top: -20px; right: -20px; } /* line 217, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .corner-l { bottom: -20px; left: -20px; } @media only screen and (max-width: 480px) { /* line 217, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .corner-l { display: none; } } /* line 224, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .arrow { width: 17.5px; height: 23px; position: absolute; left: 0; top: -40px; } /* line 231, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .arrow.right { left: 40px; } @media only screen and (max-width: 640px) { /* line 224, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container .arrow { display: block; } } /* line 238, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container img.portrait { max-height: 70%; width: auto; } @media only screen and (max-width: 800px) { /* line 238, ../sass/_film.scss */ .wrapper section.film .film-container .flexslider-container img.portrait { max-width: 80%; height: auto; max-height: none; } } /* line 248, ../sass/_film.scss */ .wrapper section.film .film-container .mobile-image { display: none; } /* line 251, ../sass/_film.scss */ .wrapper section.film .film-container .mobile-drag { display: none; } @media only screen and (max-width: 800px) { /* line 255, ../sass/_film.scss */ .wrapper section.film .film-container .mobile-image { display: block; margin-top: 20%; height: 300px; text-align: center; } /* line 263, ../sass/_film.scss */ .wrapper section.film .film-container .mobile-image img { width: auto; height: 100%; } /* line 268, ../sass/_film.scss */ .wrapper section.film .film-container .mobile-drag { display: block; color: #CCCCCC; position: absolute; font-size: 13px; width: 60%; height: auto; left: 50%; margin-left: -30%; margin-top: 16%; text-align: center; } } @media only screen and (max-width: 800px) and (max-width: 600px) { /* line 255, ../sass/_film.scss */ .wrapper section.film .film-container .mobile-image { margin-top: 25%; } } @media only screen and (max-width: 800px) and (max-width: 600px) { /* line 268, ../sass/_film.scss */ .wrapper section.film .film-container .mobile-drag { margin-top: 19%; } } /* line 286, ../sass/_film.scss */ .wrapper section.film #page-control .film-container { background-image: url(/img/film/control-bg.png); } /* line 291, ../sass/_film.scss */ .wrapper section.film #page-the-american .film-container { background-image: url(/img/film/american-bg.png); } /* line 295, ../sass/_film.scss */ .wrapper section.film #page-the-american .title { width: 270px; } @media only screen and (max-width: 600px) { /* line 295, ../sass/_film.scss */ .wrapper section.film #page-the-american .title { width: 220px; } } /* line 303, ../sass/_film.scss */ .wrapper section.film #page-the-american .links { top: 150px; } /* line 306, ../sass/_film.scss */ .wrapper section.film #page-the-american .text { top: 190px; } /* line 1, ../sass/_legal.scss */ .wrapper section.legal { width: 100%; height: 100%; top: 100%; background-color: #fff; position: absolute; z-index: 2; font-weight: 200; } /* line 12, ../sass/_legal.scss */ .wrapper section.legal .logo-text { width: 300px; height: auto; display: block; margin: 30px auto 40px auto; } @media only screen and (max-width: 640px) { /* line 12, ../sass/_legal.scss */ .wrapper section.legal .logo-text { width: 210px; margin: 20px 30px; } } /* line 22, ../sass/_legal.scss */ .wrapper section.legal .scroll { position: absolute; top: 130px; right: 80px; bottom: 50px; left: 70px; overflow: scroll; line-height: 1.2; } @media only screen and (max-width: 640px) { /* line 22, ../sass/_legal.scss */ .wrapper section.legal .scroll { top: 100px; right: 30px; bottom: 30px; left: 30px; } } /* line 38, ../sass/_legal.scss */ .wrapper section.legal .scroll:active, .wrapper section.legal .scroll:focus { outline: 0; } /* line 40, ../sass/_legal.scss */ .wrapper section.legal .scroll h1 { font-weight: bold; font-size: 16px; text-align: center; padding-bottom: 30px; } /* line 46, ../sass/_legal.scss */ .wrapper section.legal .scroll h2 { font-size: 14px; font-weight: bold; padding-top: 20px; padding-bottom: 20px; } /* line 52, ../sass/_legal.scss */ .wrapper section.legal .scroll a { color: #000; } /* line 54, ../sass/_legal.scss */ .wrapper section.legal .scroll a:hover { text-decoration: none; color: #888; } /* line 56, ../sass/_legal.scss */ .wrapper section.legal .scroll h3 { font-size: 12px; font-style: italic; padding-top: 10px; padding-bottom: 10px; } /* line 62, ../sass/_legal.scss */ .wrapper section.legal .scroll p { font-size: 12px; padding-bottom: 15px; } /* line 66, ../sass/_legal.scss */ .wrapper section.legal .scroll ul { padding-left: 30px; list-style-type: disc; padding-bottom: 10px; } /* line 71, ../sass/_legal.scss */ .wrapper section.legal .scroll li { font-size: 12px; padding-bottom: 7.5px; } /* line 76, ../sass/_legal.scss */ .wrapper section.legal .jspVerticalBar .jspDrag { background: #000; } /* line 80, ../sass/_legal.scss */ .legal-notice .wrapper section.legal { top: 0px; } /* line 34, ../sass/screen.scss */ html, body { width: 100%; height: 100%; overflow: hidden; font-family: "jaf-facitweb"; } /* line 41, ../sass/screen.scss */ #page { -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 46, ../sass/screen.scss */ .image-1 .bg { background-image: url(/img/bg-1.jpg); } /* line 47, ../sass/screen.scss */ .image-1 .news img.image-1 { display: inline; } /* line 48, ../sass/screen.scss */ .image-1 .news h2.image-1 { display: block; } /* line 51, ../sass/screen.scss */ .image-2 .bg { background-image: url(/img/bg-2.jpg); } /* line 52, ../sass/screen.scss */ .image-2 .news img.image-2 { display: inline; } /* line 53, ../sass/screen.scss */ .image-2 .news h2.image-2 { display: block; } /* line 56, ../sass/screen.scss */ .image-3 .bg { background-image: url(/img/bg-3.jpg); } /* line 57, ../sass/screen.scss */ .image-3 .news img.image-3 { display: inline; } /* line 58, ../sass/screen.scss */ .image-3 .news h2.image-3 { display: block; } /* line 61, ../sass/screen.scss */ .image-4 .bg { background-image: url(/img/bg-4.jpg); } /* line 62, ../sass/screen.scss */ .image-4 .news img.image-4 { display: inline; } /* line 63, ../sass/screen.scss */ .image-4 .news h2.image-4 { display: block; } /* line 65, ../sass/screen.scss */ .copyright { position: absolute; bottom: 10px; line-height: 1.5; font-size: 9px; right: 10px; color: #ccc; z-index: 900; font-weight: 200; } /* line 74, ../sass/screen.scss */ .copyright a { display: inline !important; width: auto; color: #ccc; } /* line 80, ../sass/screen.scss */ .wrapper { width: 100%; height: 100%; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: #fff; } /* line 90, ../sass/screen.scss */ .wrapper nav { position: absolute; z-index: 999; right: 20px; top: 20px; } /* line 95, ../sass/screen.scss */ .wrapper nav .logo-icon { position: absolute; width: 46px; height: 45px; top: 0; cursor: pointer; right: 0; } /* line 103, ../sass/screen.scss */ .wrapper nav #logo-menu { display: none; height: 20px; width: auto; position: absolute; top: 15px; right: 55px; } /* line 111, ../sass/screen.scss */ .wrapper nav #logo-white { display: block; z-index: 2; } /* line 112, ../sass/screen.scss */ .wrapper nav #logo-black { display: none; z-index: 1; } /* line 115, ../sass/screen.scss */ .work .wrapper nav #logo-white, .photography .wrapper nav #logo-white, .legal-notice .wrapper nav #logo-white { display: none; z-index: 2; } /* line 116, ../sass/screen.scss */ .work .wrapper nav #logo-black, .photography .wrapper nav #logo-black, .legal-notice .wrapper nav #logo-black { display: block; z-index: 1; } /* line 120, ../sass/screen.scss */ .wrapper .content-wrapper { width: 100%; height: 100%; position: absolute; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 129, ../sass/screen.scss */ .wrapper .side-nav { width: 20%; height: 100%; position: absolute; top: 0; right: -20%; background-color: #231f20; z-index: 4; color: #fff; text-align: right; text-align: right; } @media only screen and (max-width: 800px) { /* line 129, ../sass/screen.scss */ .wrapper .side-nav { width: 30%; right: -30%; } } @media only screen and (max-width: 640px) { /* line 129, ../sass/screen.scss */ .wrapper .side-nav { width: 50%; right: -50%; } } /* line 148, ../sass/screen.scss */ .wrapper .side-nav a { display: block; } /* line 151, ../sass/screen.scss */ .wrapper .side-nav a:focus { outline: none; } /* line 157, ../sass/screen.scss */ .wrapper .side-nav > ul { margin-top: 80px; } /* line 160, ../sass/screen.scss */ .wrapper .side-nav a img { margin-top: 15px; } /* line 163, ../sass/screen.scss */ .wrapper .side-nav img { height: auto; max-width: 75%; max-height: 40px; width: auto; margin-right: 30px; padding-left: 30px; } /* line 172, ../sass/screen.scss */ .wrapper .side-nav .smaller img { height: auto; max-width: 55%; max-height: 30px; width: auto; } /* line 178, ../sass/screen.scss */ .wrapper .side-nav .fade-children ul { display: none; } /* line 183, ../sass/screen.scss */ .wrapper .home.bg { width: 100%; height: 100%; position: absolute; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; z-index: 1; } /* line 193, ../sass/screen.scss */ .home .wrapper nav #logo-menu { display: block; } /* line 195, ../sass/screen.scss */ .cookie-message { display: none; position: absolute; bottom: -100%; left: 0; padding: 10px 40px 10px 10px; background-color: #111; color: #fff; z-index: 9000; font-size: 10px; line-height: 1.2; cursor: pointer; } /* line 207, ../sass/screen.scss */ .cookie-message a { color: #fff; } /* line 210, ../sass/screen.scss */ .cookie-message .close { width: 20px; height: 20px; text-indent: -9999999px; background-image: url(/img/x-modal.png); background-size: 100% 100%; font-size: 1em; color: transparent; position: absolute; top: 10px; right: 10px; } /* line 224, ../sass/screen.scss */ .flexslider .flex-control-nav a { background-image: url(/img/dot-empty.png); background-size: 100% 100%; background-color: transparent; } /* line 228, ../sass/screen.scss */ .flexslider .flex-control-nav a.flex-active, .flexslider .flex-control-nav a:hover { background-image: url(/img/dot.png); }