/* ------------------------------------------- Name: Lien Van de Kelder Date: 2017/04/21 Author: http://psdhtml.me --------------------------------------------- */ * { margin: 0; padding: 0; } *, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-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: #000; font-family: Raleway, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.61538461538; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.3em; } 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 { margin-bottom: 21px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; } #top { position: relative; z-index: 9; padding: 38px 40px 0; font-weight: 200; line-height: 1.09090909091; } #logo { position: relative; margin: 0 0 38px; color: #000; font-size: 22px; line-height: 1.09090909091; text-transform: uppercase; } #logo a { color: #000; text-decoration: none; } #logo span, #logo img { display: block; } .home #logo { top: -3000em; } #skip { position: fixed; top: 0; left: -10000px; } #skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; } #nav { position: absolute; right: 40px; top: 0; } #nav > ul { float: left; list-style: none; margin: 0; padding: 0 0 0 60px; text-transform: uppercase; } #nav > ul > li { position: relative; float: left; padding: 0 0 0 18px; font-size: 12px; } #nav > ul > li:first-child, #nav > ul:first-child, #nav > ul:first-child > li:first-child { padding-left: 0; } #nav > ul > li > a { display: block; overflow: hidden; position: relative; padding: 42px 0 0; color: #000; text-decoration: none; } #nav > ul.lang > li > a:before { content: ""; display: block; position: absolute; left: 0; top: -1px; right: 0; width: 100%; height: 1px; background: #000; } #nav > ul > li.active > a { cursor: default; } #nav > ul > li.active > a:before, #nav > ul > li > a:hover:before { top: 0; } #nav > ul:first-child > li { padding-left: 40px; } #welcome { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; margin: 0; background-position: center 0; background-repeat: no-repeat; background-size: cover; color: #fff; font-family: Didot, Raleway, Arial, Helvetica, sans-serif; font-weight: 700; text-align: center; } #welcome:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; } #welcome span { display: block; position: absolute; left: 0; top: 50%; right: 0; z-index: 3; margin: -200px 0 0; font-size: 388px; line-height: 400px; } #welcome span.mobile, #welcome span.overlay { visibility: hidden; position: absolute; top: 0; bottom: 0; z-index: 1; margin: 0; background-position: center 0; background-repeat: no-repeat; background-size: cover; opacity: 0; } #welcome span.overlay { visibility: visible; z-index: 3; background-position: center center; opacity: 1; } #welcome iframe, #welcome .video { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; width: 100%; height: 100%; margin: 0; background: #000; object-fit: cover; } #welcome video { object-fit: cover; } #welcome .video { /*left: -50px; right: -50px; bottom: -55px;*/ width: auto; height: auto; background: #000; } #welcome .video video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; min-width: 100%; height: 100%; min-height: 100%; background: #000; object-fit: cover; } #welcome .video > *, #welcome .video video { z-index: 10 !important; } #content { position: relative; z-index: 2; padding: 0 40px; } #content.middle { position: fixed; left: 0; top: 50%; width: 100%; } #content.middle { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #content:after, #top:after, #footer:after, form p:after, #nav:after, #nav > ul:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .form-sent #content > * { display: none; } .form-sent #content > .wpcf7, .form-sent #content > h1:first-child, .form-sent #content > h2:first-child, .form-sent #content > h3:first-child, .form-sent #content > h4:first-child, .form-sent #content > h5:first-child, .form-sent #content > h6:first-child { display: block; } #root > .menu { position: absolute; right: 40px; top: -3000em; z-index: 101; width: 30px; height: 21px; cursor: pointer; } #root > .menu:before { content: ""; display: block; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; } #root > .menu > div, #root > .menu > div:before, #root > .menu > div:after { display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; height: 1px; background: #000; } #root > .menu > div:before, #root > .menu > div:after { content: ""; } #root > .menu > div:before { top: -10px; } #root > .menu > div:after { top: 10px; } .menu-active #root > .menu > div { background: none !important; } .menu-active #root > .menu > div:before, .menu-active #root > .menu > div:after { top: 0; background: #fff; } .menu-active #root > .menu > div:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-active #root > .menu > div:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-active #root > .menu { position: fixed; } #mobile { overflow-y: auto; position: fixed; left: 0; bottom: 0; right: 0; top: 0; z-index: 100; background: #e5c4b8; font-weight: 100; line-height: 1.15; text-align: center; text-transform: uppercase; white-space: nowrap; } #mobile { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } #mobile > ul { position: absolute; left: 50%; top: 50%; list-style: none; margin: 0; padding: 0; } #mobile > ul { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #mobile > ul > li { position: relative; font-size: 4.6em; opacity: 0; } #mobile > ul > li { -moz-transition-delay: .3s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; -moz-transform: translateX(40px); -webkit-transform: translateX(40px); -o-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } #mobile > ul > li:first-child + li { -moz-transition-delay: .4s; -webkit-transition-delay: .4s; -o-transition-delay: .4s; -ms-transition-delay: .4s; transition-delay: .4s; } #mobile > ul > li:first-child + li + li { -moz-transition-delay: .5s; -webkit-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s; transition-delay: .5s; } #mobile > ul > li:first-child + li + li + li { -moz-transition-delay: .6s; -webkit-transition-delay: .6s; -o-transition-delay: .6s; -ms-transition-delay: .6s; transition-delay: .6s; } #mobile > ul > li:first-child + li + li + li + li { -moz-transition-delay: .7s; -webkit-transition-delay: .7s; -o-transition-delay: .7s; -ms-transition-delay: .7s; transition-delay: .7s; } #mobile > ul > li:first-child + li + li + li + li + li, #mobile > ul.lang > li:first-child { -moz-transition-delay: .8s; -webkit-transition-delay: .8s; -o-transition-delay: .8s; -ms-transition-delay: .8s; transition-delay: .8s; } #mobile > ul > li:first-child + li + li + li + li + li + li, #mobile > ul.lang > li:first-child + li { -moz-transition-delay: .9s; -webkit-transition-delay: .9s; -o-transition-delay: .9s; -ms-transition-delay: .9s; transition-delay: .9s; } #mobile > ul > li:first-child + li + li + li + li + li + li + li, #mobile > ul.lang > li:before, #mobile > ul.lang > li:first-child + li + li { -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; } #mobile > ul > li > a { display: block; color: #fff; text-decoration: none; } #mobile > ul > li.active > a, .no-mobile #mobile > ul > li > a:hover { color: #000; } #mobile > ul.lang { left: 50%; top: auto; bottom: 0; padding: 0 0 20px; font-weight: 200; } #mobile > ul.lang { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #mobile > ul.lang > li { float: left; margin: 0 21px 0 0; font-size: 1.8em; } #mobile > ul.lang > li:before { content: "/"; display: block; position: absolute; left: 100%; top: 0; width: 21px; text-align: center; opacity: 0; } #mobile > ul.lang > li.social { } #mobile > ul.lang > li.social ul { list-style: none; margin: 0; padding: 0; } #mobile > ul.lang > li.social li { float: left; } #mobile > ul.lang > li.social a { display: block; float: left; margin: 0 14px 0 0; } #mobile > ul.lang > li.social a i { font-size: 13px; } .menu-active #mobile > ul > li, .menu-active #mobile > ul.lang > li:before { opacity: 1; } .menu-active #mobile, .menu-active #mobile > ul > li { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: #e5c4b8; opacity: 0; cursor: pointer; } #footer { position: fixed; left: 0; bottom: 0; right: 0; z-index: 1; padding: 20px 40px 5px; background: #fff; font-weight: 200; line-height: 1.09090909091; } #footer p { margin: 0 0 15px; font-size: 1.4em; } #footer p a { color: #000; } #background { overflow: hidden; position: fixed; left: 720px; top: 0; bottom: 0; right: 0; z-index: 5; margin: 0; background-position: 100% center; background-repeat: no-repeat; background-size: cover; } #background img { display: block; } #background .big { display: block; visibility: hidden; position: absolute; bottom: 15px; width: 45px; height: 45px; z-index: 3; color: #000; font-weight: 400; font-size: 18px; line-height: 20px; text-decoration: none; opacity: 0; } #background.resize .big { visibility: visible; opacity: 1; } #background .big:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; border-radius: 45px; background: #fff; opacity: .4; } #background .big:after { display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; margin: -10px 0 0; font-family: i; text-align: center; text-indent: 0; } #background .big.a { left: 50px; } #background .big.b { left: auto; right: -50px; margin: 0 -22.5px 0 0; font-size: 14px; } #background .big.a:after { content: "\e909"; } #background .big.b:after { content: "\e90a"; } .bg-active #background { left: 0; } .bg-active #background .big.a { left: -45px; } .bg-active #background .big.b { right: 50%; } .bg-active #background .wide, .bg-active #background .vertical, .bg-active .content.right #background .wide, .bg-active .content.right #background .vertical, .bg-active.content.right #background .wide, .bg-active.content.right #background .vertical { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #background .wide, #background .vertical { display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 100vw; background-position: 100% 0; background-repeat: no-repeat; background-size: cover; } #background .wide, #background .vertical { -moz-transform: translateX(10%); -webkit-transform: translateX(10%); -o-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } #background .vertical { z-index: 2; } .content { } .content #top { position: fixed; } .content #content { width: 720px; padding: 155px 150px 40px; } .content #content > * { max-width: 363px; margin-left: auto; margin-right: auto; } .content #root:before, .content #root:after { content: ""; display: block; position: fixed; left: 0; z-index: 4; width: 663px; background: #fff; } .content #root:before { top: 0; height: 120px; } .content #root:after { bottom: 0; height: 40px; } .content #root > .menu { position: fixed; top: 39px; } .content.right { } .content.right #content { float: right; padding-top: 130px; } .content.right #background { left: 0; right: 720px; background-position: 0 center; } .content.right #background .big.a { left: auto; right: 50px; } .content.right #background .big.b { left: -50px; right: auto; margin: 0 0 0 -22.5px; font-size: 14px; } .bg-active .content.right #background, .bg-active.content.right #background { right: 0; } .bg-active .content.right #background .big.a, .bg-active.content.right #background .big.a { right: -45px; } .bg-active .content.right #background .big.b, .bg-active.content.right #background .big.b { left: 720px; } .content.right #root:before, .content.right #root:after { left: auto; right: 0; } .content.right #root:before { height: 80px; } /*! Columns --------- */ /*! Modules --------- */ .gallery-a, .gallery-a-mobile { overflow: hidden; list-style: none; max-height: 351px; padding: 0; } .gallery-a li { position: relative; float: left; padding: 25px 0 17px 12px; } .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: 300px !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; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { margin: 22px 0 8px; color: #000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.09090909091; } h1, h2 { margin: 50px 0; font-size: 2em; text-transform: uppercase; } h3, h4, h5, h6 { font-size: 1.5em; } /*! Content --------- */ b, strong, .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; } /*! Links --------- */ a { background: none; color: #000; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } a:hover, a:focus, a:active { text-decoration: underline; outline: none; } .overlay-a { color: #000; } .overlay-b { color: #000; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } /*! 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; } /*! Forms --------- */ fieldset, hr { border-width: 0; } legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input { } input[type="search"], input[type="number"], input[type="date"], input[type="time"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; } input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } form [disabled] { cursor: default; } form > div { position: relative; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } ::-moz-placeholder { opacity: 1; color: inherit; } :-moz-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus::-moz-placeholder { opacity: 0; } :focus:-moz-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; } form p { position: relative; clear: both; } input { height: 70px; padding: 0; } select { height: 70px; padding: 25px 20px 25px 0; } .select { display: block; position: relative; } .select select { z-index: 9; } .select:before, .semantic-select .ticker:before { content: "\e905"; display: block; position: absolute; right: 0; top: 0; z-index: 1; color: #000; font-family: i; font-weight: 400; font-size: 6px; line-height: 70px; } #root textarea { overflow: hidden; z-index: 2; height: 148px; min-height: 148px; padding: 0 0 26px 0; line-height: 75px; resize: none; } input, select, textarea, .semantic-select .input { display: block; width: 100%; border: 0; border-bottom: 1px solid #f9f9f9; background: none; } .error input, .error select, .error textarea, .error .semantic-select .input, .error.is-required:before, .error .is-required:before, .select.error:before, .error .select:before, .form-a .is-textarea.error:before, .semantic-select-wrapper.error .ticker:before { border-color: #ed1c24; color: #ed1c24; } input, select, textarea, .semantic-select .input, .form-a .is-textarea:before, .select, .semantic-select, .form-a .is-required:before, option, .semantic-select ul li a { border-color: #000; color: #000; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; padding: 13px 29px; border: 1px solid #000; background: #fff; color: #000; font-size: 14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; } button:hover { color: #fff; } button:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; background: #000; } button:before { -moz-transform-origin: right center; -webkit-transform-origin: right center; -o-transform-origin: right center; -ms-transform-origin: right center; -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); } button:hover:before { -moz-transform-origin: left center; -webkit-transform-origin: left center; -o-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } .semantic-select { position: relative; } .semantic-select .input { height: 70px; padding: 0; line-height: 70px; } .semantic-select .input .text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } .semantic-select .ticker { position: absolute; right: 0; top: 0; bottom: 0; width: 20px; cursor: pointer; } .semantic-select ul { overflow-y: auto; overflow-x: hidden; position: absolute; left: -3000em; top: 100%; list-style: none; width: 100%; max-height: 250px; margin: 0; padding: 0; background: #fff; } .semantic-select ul li { font-size: 1em; } .semantic-select ul li a { display: block; padding: 29px 0 24px; border-bottom: 1px solid #f9f9f9; color: #000; text-decoration: none; } .semantic-select ul li:first-child a, .semantic-select ul li.hidden:first-child + li a { border-top-width: 0; } .semantic-select ul li.active a { cursor: default; } .semantic-select.active ul { left: 0; } .form-a { } .form-a p { margin: 0 0 5px; } .form-a .is-required:before { content: "\e904"; display: block; position: absolute; right: 0; top: 0; color: #000; font-family: i; font-weight: 400; font-size: 7px; line-height: 70px; } .form-a .is-required input { padding-right: 15px; } .form-a .is-textarea { margin-top: -3px; } .form-a .is-textarea:before { content: ""; display: block; position: absolute; left: 0; top: 72px; z-index: 1; width: 100%; height: 1px; margin: 0; border-bottom: 1px solid #000; } .form-a.done > .success { position: relative; left: 0; padding: 20px 0 0; } .form-a button, .form-a input[type="button"], .form-a input[type="reset"], .form-a input[type="submit"] { margin-top: 65px; } /*! 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; } /*! Helpers --------- */ .no-mobile button { -moz-transition: all .4s cubic-bezier(.4,0,.2,1); -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -o-transition: all .4s cubic-bezier(.4,0,.2,1); -ms-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1); } .no-mobile button:before { -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1), -webkit-transform .4s cubic-bezier(.4,0,.2,1); } #mobile li, #mobile > ul.lang > li:before { -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #mobile { -moz-transition: all 0.6s cubic-bezier(.56,.1,.34,.91) 0s; -webkit-transition: all 0.6s cubic-bezier(.56,.1,.34,.91) 0s; -o-transition: all 0.6s cubic-bezier(.56,.1,.34,.91) 0s; -ms-transition: all 0.6s cubic-bezier(.56,.1,.34,.91) 0s; transition: all 0.6s cubic-bezier(.56,.1,.34,.91) 0s; } #root > .menu > div, #root > .menu > div:before, #root > .menu > div:after { -webkit-transition: background .2s linear .1s, top .2s linear .2s, -webkit-transform .2s linear; transition: background .2s linear .1s, top .2s linear .2s, transform .2s linear; } .menu-active #root > .menu > div, .menu-active #root > .menu > div:before, .menu-active #root > .menu > div:after { -webkit-transition: background .2s linear .1s, top .2s linear, -webkit-transform .2s linear .2s; transition: background .2s linear .1s, top .2s linear, transform .2s linear .2s; } #background .big { -moz-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; transition: all .6s cubic-bezier(.77,0,.175,1) 0s; } #background.resize { -moz-transition: left .6s cubic-bezier(.77,0,.175,1) 0s, right .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: left .6s cubic-bezier(.77,0,.175,1) 0s, right .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: left .6s cubic-bezier(.77,0,.175,1) 0s, right .6s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: left .6s cubic-bezier(.77,0,.175,1) 0s, right .6s cubic-bezier(.77,0,.175,1) 0s; transition: left .6s cubic-bezier(.77,0,.175,1) 0s, right .6s cubic-bezier(.77,0,.175,1) 0s; } #background.resize .wide, #background.resize .vertical { -moz-transition: -moz-transform .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: transform .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: -o-transform .6s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: -ms-transform .6s cubic-bezier(.77,0,.175,1) 0s; transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1) 0s; transition: transform .6s cubic-bezier(.77,0,.175,1) 0s; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, [hidden], template, #nav em, .gallery-a-mobile, .fancybox-close, #nav > ul > li > a span, #mobile em, #mobile > ul > li > a span, #mobile > ul.lang > li:last-child:before, #mobile > ul.lang > li.before-social:before, .home #footer, .js #welcome img, .content #footer, #background img, .content #nav, #background .vertical, .semantic-select ul li a .before, .form-a .success, .form-a.done > *, #nav > ul > li.social, #root #nav ul.social, #root #mobile ul.social, .social a span { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } 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; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } .gallery-a-mobile li:last-child, .gallery-a:last-child, .gallery-a.last-child { margin-bottom: 0; } #mobile > ul.lang > li:last-child, #mobile > ul.lang > li.social > a:last-child { margin-right: 0; } /*! 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: #000; color: #fff; text-shadow: none; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } /*! 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: #a9a9a9; } /*! Fancybox --------- */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-overlay, .fancybox-overlay * { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .fancybox-wrap, .fancybox-wrap * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; cursor: default; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { } #fancybox-loading { display: block; position: fixed; top: 50%; left: 50%; z-index: 8060; width: 100px; height: 100px; margin: -50px 0 0 -50px; cursor: pointer; } #fancybox-loading:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 90000001; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 2px solid rgba(255,255,255,.2); border-left-color: #fff; } #fancybox-loading:before { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-animation: spin 1.1s infinite linear; -webkit-animation: spin 1.1s infinite linear; -o-animation: spin 1.1s infinite linear; -ms-animation: spin 1.1s infinite linear; animation: spin 1.1s infinite linear; } .fancybox-nav { display: block; overflow: hidden; position: absolute; bottom: 62px; width: 35px; height: 35px; background: #fff; color: #535353; font-weight: 400; text-align: left; text-indent: -3000em; text-decoration: none; } .fancybox-prev { left: 0; } .fancybox-next { left: 37px; } .fancybox-nav:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 10px; height: 19px; margin: -9.5px 0 0 -5px; font-family: i; font-size: 19px; line-height: 20px; text-align: center; text-indent: 0; } .fancybox-prev:before { margin-left: -7px; background: url(../images/chevron-left.svg); background-size: 100% 100%; } .fancybox-next:before { margin-left: -4px; background: url(../images/chevron-right.svg); background-size: 100% 100%; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /*.fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; }*/ .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,.4); cursor: pointer; } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } /*.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }*/ /* Animations --------- */ @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*! Fonts --------- */ @font-face { font-family: 'Didot'; src: url('fonts/didot.eot'); src: url('fonts/didot.eot?#iefix') format('embedded-opentype'), url('fonts/didot.woff2') format('woff2'), url('fonts/didot.woff') format('woff'), url('fonts/didot.ttf') format('truetype'), url('fonts/didot.svg#didotregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Didot'; src: url('fonts/didot-bold.eot'); src: url('fonts/didot-bold.eot?#iefix') format('embedded-opentype'), url('fonts/didot-bold.woff2') format('woff2'), url('fonts/didot-bold.woff') format('woff'), url('fonts/didot-bold.ttf') format('truetype'), url('fonts/didot-bold.svg#didotbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; src: local('Raleway Thin'), local('Raleway-Thin'), url(https://fonts.gstatic.com/s/raleway/v11/RJMlAoFXXQEzZoMSUteGWFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v11/8KhZd3VQBtXTAznvKjw-k_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v11/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 100; src: local('Raleway Thin Italic'), local('Raleway-ThinItalic'), url(https://fonts.gstatic.com/s/raleway/v11/IWp_KHUkJoKURWwpAA2nYI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 200; src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'), url(https://fonts.gstatic.com/s/raleway/v11/N2DIbZG4399cPGfifZUEQugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 300; src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url(https://fonts.gstatic.com/s/raleway/v11/TVSB8ogXDKMcnAAJ5CqrUugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 400; src: local('Raleway Italic'), local('Raleway-Italic'), url(https://fonts.gstatic.com/s/raleway/v11/IIm-lPOtfVKQy0GMiczF_1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 700; src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(https://fonts.gstatic.com/s/raleway/v11/lFxvRPuGFG5ktd7P0WRwKugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.eot'); src: url('icons/icomoon.eot#iefix') format('embedded-opentype'), url('icons/icomoon.ttf') format('truetype'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.svg#icomoon') format('svg'); 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-asterisk:before { content: "\e904"; } .icon-chevron2-down:before { content: "\e905"; } .icon-chevron2-left:before { content: "\e907"; } .icon-chevron2-right:before { content: "\e908"; } .icon-chevron2-up:before { content: "\e906"; } .icon-chevron-down:before { content: "\e902"; } .icon-chevron-left:before { content: "\e903"; } .icon-chevron-right:before { content: "\e900"; } .icon-chevron-up:before { content: "\e901"; } .icon-facebook:before { content: "\e916"; } .icon-google-plus:before { content: "\e917"; } .icon-instagram:before { content: "\e914"; } .icon-linkedin:before { content: "\e915"; } .icon-pinterest:before { content: "\e912"; } .icon-resize:before { content: "\e909"; } .icon-rss:before { content: "\e913"; } .icon-skype:before { content: "\e910"; } .icon-snapchat:before { content: "\e911"; } .icon-tumblr:before { content: "\e90d"; } .icon-twitter:before { content: "\e90e"; } .icon-vimeo:before { content: "\e90f"; } .icon-whatsapp:before { content: "\e90b"; } .icon-x:before { content: "\e90a"; } .icon-youtube:before { content: "\e90c"; } /* Responsive --------- */ @media only screen and (orientation: portrait) { #welcome span.mobile { visibility: visible; left: 0; top: 0; right: 0; bottom: 0; opacity: 1; } #background .vertical { left: auto; top: 0; bottom: 0; right: 0; } #welcome span, #welcome span.overlay, #background.is-vertical .wide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-height: 600px) { /* h600 */ #content.middle { position: relative; left: 0; top: 0; width: auto; } #content.middle { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #footer { position: relative; left: 0; bottom: 0; padding-top: 20px; } .gallery-a { max-height: 326px; } .gallery-a li { padding-top: 0; } } @media only screen and (max-width: 81.25em) { /* 1300 */ .content { } .content #content, .content #root:before, .content #root:after { padding-left: 75px; padding-right: 75px; } #background { left: 50%; } .content #content { width: 50%; } .content.right #background { right: 50%; } .bg-active .content.right #background .big.b, .bg-active.content.right #background .big.b { left: 50%; } } @media only screen and (max-width: 65.625em) { /* 1050 */ #root > .menu { top: 39px; } #welcome { } #welcome span { font-size: 300px; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #nav { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer, .content #content { padding-left: 20px; padding-right: 20px; } #top, .content #top { position: relative; padding-top: 17px; } #logo { position: relative; margin-bottom: 36px; font-size: 20px; } #root > .menu, .content #root > .menu { right: 20px; top: 27px; } #content.middle, .content.right #content { position: relative; left: 0; top: 0; float: none; width: auto; } #content.middle { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root #background { position: relative; left: 0; right: 0; background-position: -3000em -3000em; } #root #background .wide { position: relative; left: 0; top: 0; right: 0; bottom: 0; background-position: -3000em -3000em; } #root #background img { width: 100% !important; height: auto !important; } .content { } .content #content, .content.right #content { width: auto; padding-top: 40px; padding-bottom: 40px; } .content #footer { padding-top: 22px; } .content #root > .menu { position: absolute; } .form-a { } .form-a button, .form-a input[type="button"], .form-a input[type="reset"], .form-a input[type="submit"] { margin-top: 20px; } #root #background .wide, #root #background .vertical { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .tablet-hide, #root .mobile-only, #root #background img, .gallery-a-mobile { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .content #root:before, .content #root:after, #root #background .vertical, #root #background .big, .gallery-a { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 31.25em) { /* 500 */ #welcome { } #welcome span { font-size: 200px; } #welcome span.mobile { left: 0; top: 0; right: 0; bottom: 0; } #footer { position: relative; left: 0; bottom: 0; padding-top: 0; } .gallery-a-mobile { position: relative; left: 0; top: 0; } .gallery-a, #footer { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } #welcome { } #welcome span { font-size: 150px; } #mobile { } #mobile > ul { padding-bottom: 30px; } #mobile > ul > li { font-size: 3.2em; } #mobile > ul.lang { padding-bottom: 13px; } #mobile > ul.lang > li { font-size: 1.4em; } } @media only screen and (max-height: 600px) { /* h600 */ #welcome { } #welcome span { font-size: 150px; } #mobile { } #mobile > ul { padding-bottom: 30px; } #mobile > ul > li { font-size: 3.2em; } #mobile > ul.lang { padding-bottom: 13px; } #mobile > ul.lang > li { font-size: 1.4em; } } @media only screen and (max-height: 400px) { /* h400 */ #mobile { } #mobile > ul > li { font-size: 2.4em; } }