/* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Forms ========================================================================== */ /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } input:focus, button:focus, a.button:focus, select:focus, textarea:focus { -webkit-box-shadow: #0066ff 0 0 5px 0; -moz-box-shadow: #0066ff 0 0 5px 0; box-shadow: #0066ff 0 0 5px 0; z-index: 1; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; outline: 0; margin: 0; padding: 2px 3px; text-align: left; vertical-align: top; *padding-top: 2px; *padding-bottom: 1px; *height: auto; } /********************* GLOBAL STYLING (to reuse everywhere) *********************/ /* apply a natural box layout model to all elements */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /********************* COLORS Need help w/ choosing your colors? Try this site out: http://0to255.com/ *********************/ /********************* TYPOGRAPHY **********************/ /********************* use the best AMPERSAND http://simplebits.com/notebook/2008/08/14/ampersands-2/ *********************/ span.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; } /* To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets. */ /* @font-face { font-family: 'Font Name'; src: url('../fonts/font-name.eot'); src: url('../fonts/font-name.eot?#iefix') format('embedded-opentype'), url('../fonts/font-name.woff') format('woff'), url('../fonts/font-name.ttf') format('truetype'), url('../fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'Haas Grot Disp 75 Bold'; src: url('../fonts/NeueHaasGrotDisp-75Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/NeueHaasGrotDisp-75Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NeueHaasGrotDisp-75Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/NeueHaasGrotDisp-75Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NeueHaasGrotDisp-75Bold.svg#0a31bc1206d3fabf0012ed3ace631934') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'Haas Grot Disp 75 Bold'; src: url('../fonts/NeueHaasGrotDisp-76BoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/NeueHaasGrotDisp-76BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NeueHaasGrotDisp-76BoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/NeueHaasGrotDisp-76BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NeueHaasGrotDisp-76BoldItalic.svg#833d761e20704610ddd2bc50c2bc90c5') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: normal; } @font-face { font-family: 'Haas Grot Disp 65 Medium'; src: url('../fonts/NeueHaasGrotDisp-65Medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/NeueHaasGrotDisp-65Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NeueHaasGrotDisp-65Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/NeueHaasGrotDisp-65Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NeueHaasGrotDisp-65Medium.svg#65903ca0ff958ed6773c4beb922bbcfd') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'Haas Grot Disp 65 Medium'; src: url('../fonts/NeueHaasGrotDisp-66MediumItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/NeueHaasGrotDisp-66MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NeueHaasGrotDisp-66MediumItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/NeueHaasGrotDisp-66MediumItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NeueHaasGrotDisp-66MediumItalic.svg#bb015949f6675500f25fbe311ea7a7f2') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: normal; } @font-face { font-family: 'Haas Grot Disp 55 Roman'; src: url('../fonts/NeueHaasGrotDisp-55Roman.eot'); /* IE9 Compat Modes */ src: url('../fonts/NeueHaasGrotDisp-55Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NeueHaasGrotDisp-55Roman.woff') format('woff'), /* Modern Browsers */ url('../fonts/NeueHaasGrotDisp-55Roman.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NeueHaasGrotDisp-55Roman.svg#12c368608e891f02a5927b1eb6914726') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'Haas Grot Disp 55 Roman'; src: url('../fonts/NeueHaasGrotDisp-56Italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/NeueHaasGrotDisp-56Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NeueHaasGrotDisp-56Italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/NeueHaasGrotDisp-56Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NeueHaasGrotDisp-56Italic.svg#fb4c68637085a98b2befc48ae6260979') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: normal; } @font-face { font-family: 'Haas Grot Disp 45 Light'; src: url('../fonts/NeueHaasGrotDisp-45Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/NeueHaasGrotDisp-45Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NeueHaasGrotDisp-45Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/NeueHaasGrotDisp-45Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NeueHaasGrotDisp-45Light.svg#cf984cbf2236b3514802ec289ec6fa08') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'Haas Grot Disp 45 Light'; src: url('../fonts/NeueHaasGrotDisp-46LightItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/NeueHaasGrotDisp-46LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NeueHaasGrotDisp-46LightItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/NeueHaasGrotDisp-46LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/NeueHaasGrotDisp-46LightItalic.svg#12b6c3761cea51a1f64a7997ff5bd432') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: normal; } @font-face { font-family: 'Haas Grot Text 55 Roman'; src: url('../fonts/Neue Haas Grotesk Text W02 Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/Neue Haas Grotesk Text W02 Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Neue Haas Grotesk Text W02 Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Neue Haas Grotesk Text W02 Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Neue Haas Grotesk Text W02 Regular.svg#e224c0a97cd4fbf91f276312526e2adb') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'Haas Grot Text 55 Roman'; src: url('Neue Haas Grotesk Text W02 Italic.eot'); /* IE9 Compat Modes */ src: url('Neue Haas Grotesk Text W02 Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('Neue Haas Grotesk Text W02 Italic.woff') format('woff'), /* Modern Browsers */ url('Neue Haas Grotesk Text W02 Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('Neue Haas Grotesk Text W02 Italic.svg#c82c85df8e5a4817018454cfcb27352f') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: normal; } @font-face { font-family: 'Haas Grot Text 75 Bold'; src: url('../fonts/Neue Haas Grotesk Text W02 Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Neue Haas Grotesk Text W02 Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Neue Haas Grotesk Text W02 Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Neue Haas Grotesk Text W02 Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Neue Haas Grotesk Text W02 Bold.svg#c57675cdb6a64e7ef865beea7502d165') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; } @font-face { font-family: 'Haas Grot Text 75 Bold'; src: url('../fonts/Neue Haas Grotesk Text W02 Bold It.eot'); /* IE9 Compat Modes */ src: url('../fonts/Neue Haas Grotesk Text W02 Bold It.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Neue Haas Grotesk Text W02 Bold It.woff') format('woff'), /* Modern Browsers */ url('../fonts/Neue Haas Grotesk Text W02 Bold It.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Neue Haas Grotesk Text W02 Bold It.svg#c0d7476c26ab415515cfa9af949a3e5e') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: normal; } /********************* MIXINS POUR LES SPRITES SPECIFIQUES (ICONES) **********************/ body#home i, body#home cite, body#home em, body#home var, body#home address, body#home dfn { font-style: normal!important; } /********************* CLEARFIXIN' *********************/ /********************* REMs unit with px fallback htts://github.com/christopher-ramirez/remixings/ *********************/ /* .rem-mixins-test-class { .font-size(10px); .line-height(20px); .margin(10px); .margin(3em); .margin(10px, 20px); .margin(10px, 20%); .margin(0px , 20px); .margin-top(2%); .margin-top(2px); .padding(10px); .padding(3em); .padding(10px, 20px); .padding(10px, 20%); .padding(3em, 20px) } */ /********************* BORDER RADIUS *********************/ /* NOTE: For older browser support (and some mobile), don't use the shorthand to define *different* corners. USAGE: .border-radius(4px); */ /********************* ALIGNMENT *********************/ /** * circular link within a semi-transparent background * .balloon-link(@size: 250px, @bgcolor: @blue) { .transition(none); cursor: pointer; color: @white; .rgba(@bgcolor, 0.6); // 60% transparent background display: block; position: relative; width: @size; height: @size; .border-radius(@size/2); text-align: center; padding: @size/10; //http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html#cv_lignes h1, p { // inner text vertically centered height: @size*0.6; line-height: @size*0.6; text-align: center; // centrage horizontal span { display:inline-block; width: @size*0.8; vertical-align:middle; line-height:normal; // on rétablit le line-height text-align: center; //white-space: nowrap; } } */ /********************* OPACITY *********************/ /********************* text color rgba *********************/ /********************* background color rgba with IE fallback > // http://dan.cx/2012/05/rgba-in-ie > DOES NOT WORK FOR IE !! *********************/ /********************* SVG background with PNG fallback (the image is automatically found in the theme's img/ directory) http://css-tricks.com/svg-fallbacks/ *********************/ /********************* TRANSITION, TRANSFORMATIONS *********************/ /* .transition(all,2s); */ /********************* CSS3 GRADIENTS Be careful with these since they can really slow down your CSS. Don't overdo it. *********************/ /* .css-gradient(#dfdfdf,#f8f8f8); */ /********************* SPRITES *********************/ /* .sprite('arrows-spritesheet', 45px, 45px, 1, 2) */ /********************* SHADOWS *********************/ /* .boxShadow(0,0,4px,0,#444); */ /* .boxShadow(none); */ /********************* CSS TRIANGLE *********************/ /********************* PLACEHOLDER TEXT COLOR *********************/ /********************* TRUNCATE TEXT *********************/ .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /********************* ALTIUS SPECIAL STYLE MIXINS *********************/ .big200, .h1_200 { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 200px; font-size: 14.285714285714286rem; line-height: 200px; line-height: 14.285714285714286rem; } .medium72, .h1_72 { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 72px; font-size: 5.142857142857143rem; line-height: 72px; line-height: 5.142857142857143rem; } .small48, .h1_48 { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 48px; font-size: 3.4285714285714284rem; line-height: 48px; line-height: 3.4285714285714284rem; } h2, .h2_20 { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-size: 2.142857142857143rem; line-height: 35px; line-height: 2.5rem; } h3, .h3_24 { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 24px; font-size: 1.7142857142857142rem; line-height: 24px; line-height: 1.7142857142857142rem; } h4, .h4_20 { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; } h4 p, .h4_20 p { margin: 22px 0!important; } h4 strong, .h4_20 strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .h4_20_main_content { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; text-align: justify; color: #515151; } .h4_20_main_content a, .h4_20_main_content strong { color: black !important; } .h4_20_main_content p { margin: 22px 0!important; } .h4_20_main_content p a, .h4_20_main_content p strong { color: black !important; } .h4_20_main_content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .big16 { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } .big16 p { margin: 18px 0!important; } .big16 strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .medium14 { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-size: 1rem; line-height: 18px; line-height: 1.2857142857142858rem; } .medium14 strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .small12 { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-size: 0.8571428571428571rem; line-height: 16px; line-height: 1.1428571428571428rem; } .small12 strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .image-full-width { min-width: 1280px; min-width: 91.42857142857143rem; width: 100%; min-height: 328px; min-height: 23.428571428571427rem; max-height: 832px; max-height: 59.42857142857143rem; overflow: hidden; position: relative; background-color: #F2F2EF; } .image-full-width .slide { position: absolute; width: 100%; height: 100%; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .image-full-width .slide.in { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .image-full-width.transition .slide.out { -webkit-transition: opacity 1500ms ease-in-out; -moz-transition: opacity 1500ms ease-in-out; -ms-transition: opacity 1500ms ease-in-out; -o-transition: opacity 1500ms ease-in-out; transition: opacity 1500ms ease-in-out; -webkit-transition: opacity 1500ms; -moz-transition: opacity 1500ms; -o-transition: opacity 1500ms; -ms-transition: opacity 1500ms; transition: opacity 1500ms; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .image-full-width.transition .slide.in { -webkit-transition: opacity 1500ms ease-in-out; -moz-transition: opacity 1500ms ease-in-out; -ms-transition: opacity 1500ms ease-in-out; -o-transition: opacity 1500ms ease-in-out; transition: opacity 1500ms ease-in-out; -webkit-transition: opacity 1500ms; -moz-transition: opacity 1500ms; -o-transition: opacity 1500ms; -ms-transition: opacity 1500ms; transition: opacity 1500ms; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .image-full-width img { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; transition: opacity 1s; display: block; top: 0; bottom: 0; margin: auto; width: 100%; } .image-full-width.image { min-height: 835px; } .goto-link { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .goto-link:hover { color: #f5482a; border-bottom: 1px solid rgba(245, 72, 42, 0.21); } .portfolio { min-width: 1280px; margin: 0; padding: 0; list-style: none; } .portfolio > * { float: left; margin: 0; color: white; } .portfolio > * p { margin: 0; } .portfolio > *.cell-1x1 { width: 426px; height: 426px; } .portfolio > *.cell-1x1 img { width: 426px; } .portfolio > *.cell-2x1 { width: 852px; height: 426px; } .portfolio > *.cell-2x1 img { width: 426px; } .portfolio > *.cell-3x1 { width: 1278px; height: 426px; } .portfolio > *.cell-3x1 img { width: 426px; } .portfolio > *.cell-1x2 { width: 426px; height: 852px; } .portfolio > *.cell-1x2 img { width: 426px; } .portfolio > *.cell-1x3 { width: 426px; height: 1278px; } .portfolio > *.cell-1x3 img { width: 426px; } .portfolio > *.cell-2x2 { width: 852px; height: 852px; } .portfolio > *.cell-2x2 img { width: 852px; } .portfolio > *.cell-3x3 { width: 1278px; height: 1278px; } .portfolio > *.cell-3x3 img { width: 1278px; } .portfolio > *.thumbnail { position: relative; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; background-repeat: none; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: black !important; } .contact-form-container { margin-top: 50px; margin-top: 3.5714285714285716rem; margin-bottom: 150px; margin-bottom: 10.714285714285714rem; background-color: white; } .contact-form-container #response { display: none; } .contact-form-container #contact-form-title { padding-top: 21px; padding-top: 1.5rem; padding-bottom: 21px; padding-bottom: 1.5rem; margin-bottom: 40px; margin-bottom: 2.857142857142857rem; border-top: 2px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .contact-form-container #success, .contact-form-container #errors { position: relative; float: left; width: 640px; width: 45.714285714285715rem; margin-right: 40px; margin-right: 2.857142857142857rem; color: #f5482a; } .contact-form-container #success h2, .contact-form-container #errors h2 { margin: 0px; } .contact-form-container #errors ul { margin-top: 0px; padding-left: 0px; color: white; } .contact-form-container #errors ul li { padding-left: 20px; background-color: #f5482a; color: white; margin-top: 2px; } .contact-form-container #success { min-height: 270px; } .contact-form-container #contact-form { position: relative; float: left; width: 640px; width: 45.714285714285715rem; margin-right: 40px; margin-right: 2.857142857142857rem; } .contact-form-container #contact-form #contact-info-individuals { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; text-align: justify; color: #515151; } .contact-form-container #contact-form #contact-info-individuals a, .contact-form-container #contact-form #contact-info-individuals strong { color: black !important; } .contact-form-container #contact-form #contact-info-individuals p { margin: 22px 0!important; } .contact-form-container #contact-form #contact-info-individuals p a, .contact-form-container #contact-form #contact-info-individuals p strong { color: black !important; } .contact-form-container #contact-form #contact-info-individuals strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .contact-form-container #contact-form .who .who-left, .contact-form-container #contact-form .who .who-right { display: block; float: left; width: 300px; width: 21.428571428571427rem; } .contact-form-container #contact-form .who .who-left input, .contact-form-container #contact-form .who .who-right input { width: 100%; height: 40px; height: 2.857142857142857rem; color: black !important; } .contact-form-container #contact-form .who .who-left { margin-right: 40px; margin-right: 2.857142857142857rem; } .contact-form-container #contact-form .what textarea { width: 100%; color: black !important; } .contact-form-container input, .contact-form-container textarea { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; margin: 0px 0 20px 0; padding: 5px 5px 5px 8px; border: none; background: #F2F2EF; } .contact-form-container input p, .contact-form-container textarea p { margin: 18px 0!important; } .contact-form-container input strong, .contact-form-container textarea strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .contact-form-container textarea { height: 200px; height: 14.285714285714286rem; padding: 8px 5px 10px 9px; } .contact-form-container .info { position: absolute; bottom: -30px; right: 0; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-size: 0.8571428571428571rem; line-height: 16px; line-height: 1.1428571428571428rem; color: #707070; } .contact-form-container .info strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .contact-form-container input[type=submit] { float: right; background-color: #f5482a; color: white; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; width: 195px; width: 13.928571428571429rem; padding: 10px; height: 50px; height: 3.5714285714285716rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; color: white !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact-form-container input[type=submit]:hover, .contact-form-container input[type=submit].active { background-color: #292929; } .contact-form-container input[type=submit] p { margin: 22px 0!important; } .contact-form-container input[type=submit] strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .contact-form-container label.filebutton { float: left; background-color: #707070; color: white; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; width: 195px; width: 13.928571428571429rem; height: 50px; height: 3.5714285714285716rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; color: white !important; margin: 0; padding: 10px; text-align: center; } .contact-form-container label.filebutton:hover, .contact-form-container label.filebutton.active { background-color: #292929; } .contact-form-container label.filebutton p { margin: 22px 0!important; } .contact-form-container label.filebutton strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .contact-form-container label.filebutton span { display: block; overflow: hidden; width: 290px; width: 20.714285714285715rem; margin-left: -10px; } .contact-form-container label.filebutton span input { padding: 10px; padding: 0.7142857142857143rem; background-color: #707070; margin-left: -110px; margin-top: 15px; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; cursor: pointer; _cursor: hand; } .contact-form-container label.filebutton span input.visible { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .contact-form-container .parsley-error { border: 1px solid red; } .contact-form-container .parsley-error:focus { -webkit-box-shadow: red 0 0 5px 0; -moz-box-shadow: red 0 0 5px 0; box-shadow: red 0 0 5px 0; } .contact-form-container .parsley-error-list { float: left; list-style-type: none; padding: 0; margin: 0; margin-top: -18px; margin-top: -1.2857142857142858rem; } .contact-form-container .parsley-error-list .required { color: #f5482a; padding: 0; margin: 0; font-size: 11px; line-height: 11px; } .contact-form-container #contact-info { overflow: hidden; margin-top: 0px; margin-bottom: 0px; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } .contact-form-container #contact-info p { margin: 18px 0!important; } .contact-form-container #contact-info strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } .contact-form-container #contact-info p { margin-top: 5px!important; margin-bottom: 15px; } .contact-form-container #contact-info p a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .contact-form-container #contact-info p a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } .text-link { color: black; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .text-link:hover { color: #f5482a !important; text-decoration: none; border-bottom: 1px solid rgba(245, 72, 42, 0.2); } .image-credit { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; position: absolute; bottom: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 30px; right: 2.142857142857143rem; padding: 0 5px; font-size: 11px; font-size: 0.7857142857142857rem; font-family: 'Open Sans', sans-serif; font-weight: 600; } /* ?? still need that ?? .font-smoothing { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop); //zoom: 1; } .no-font-smoothing { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; //filter: none; //zoom: 1; } */ /** * Basic Fade In/Out transition for $.onScreen * (apply the mixin of your choice to the screen container) */ /** * LIGHTBOX */ #mask, #litebox { display: none; position: fixed; } #mask { z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; min-width: 980px; background-color: #F9F7EC; -khtml-opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter: alpha(opacity=90); -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; } #litebox { margin: 0 auto; z-index: 2000; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; background: url(../img/close.png) top right no-repeat; overflow: hidden; background-color: white; border: 1px solid #cccccc; max-width: 70%; max-height: 80%; } #litebox.video { height: 460px; min-width: 640px!important; padding-top: 10px; } #litebox img { width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 30px!important; } .landscape #litebox { margin-top: -150px; } @font-face { font-family: 'icon-font'; src: url('../fonts/icon-font.eot?-4uzs8t'); src: url('../fonts/icon-font.eot?#iefix-4uzs8t') format('embedded-opentype'), url('../fonts/icon-font.woff?-4uzs8t') format('woff'), url('../fonts/icon-font.ttf?-4uzs8t') format('truetype'), url('../fonts/icon-font.svg?-4uzs8t#icon-font') format('svg'); font-weight: normal; font-style: normal; } #main-menu { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; position: fixed; top: 0; left: 0; width: 1280px; width: 91.42857142857143rem; height: 96px; height: 6.857142857142857rem; border-bottom: 1px solid #F2F2EF; z-index: 10000; background-color: white; background-color: hsla(0, 0%, 100%, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff, endColorstr=#e6ffffff)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff, endColorstr=#e6ffffff); } #main-menu:hover { background-color: white; } #main-menu #main-nav { display: block; width: 100%; margin: 0 0%; zoom: 1; *zoom: 1; overflow: inherit; height: 96px; height: 6.857142857142857rem; color: #707070; } #main-menu #main-nav:before, #main-menu #main-nav:after { content: ""; display: table; } #main-menu #main-nav:after { clear: both; } #main-menu #main-nav:before, #main-menu #main-nav:after { content: ""; display: table; } #main-menu #main-nav:after { clear: both; } #main-menu #main-nav #logo { float: left; margin: 0; width: 295px; width: 21.071428571428573rem; } #main-menu #main-nav #logo img { -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; -ms-transition: height 0.5s ease; transition: height 0.5s ease; float: left; height: 161px; height: 11.5rem; } #main-menu #main-nav #logo .tagline { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; display: inline-block; font-family: "Haas Grot Disp 45 Light", Helvetica, Arial, "Lucida Grande", sans-serif; color: #707070; font-size: 14px; font-size: 1rem; line-height: 14px; line-height: 1rem; margin-left: -4px; margin-left: -0.2857142857142857rem; margin-top: -1px; text-align: left; letter-spacing: 0px; } #main-menu #main-nav #logo .tagline.fade { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #main-menu #main-nav #logo .tagline strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 12px; } #main-menu #main-nav #logo .tagline strong:first-child { letter-spacing: 0.2px; } #main-menu #main-nav #logo .tagline strong:first-child .char1 { margin-right: -0.7px; } #main-menu #main-nav #logo .tagline strong:first-child .char2 { margin-right: -0.3px; } #main-menu #main-nav #logo .tagline strong:first-child .char3 { margin-right: 0.3px; } #main-menu #main-nav #logo .tagline strong:first-child .char4 { margin-right: 0.3px; } #main-menu #main-nav #logo .tagline strong:nth-child(3) { letter-spacing: 0.1px; } #main-menu #main-nav #logo .tagline strong:nth-child(3) .char2 { margin-right: -1.7px; } #main-menu #main-nav #logo .tagline:hover { color: #f5482a; } #main-menu #main-nav ul { margin: 0; } #main-menu #main-nav ul li { display: inline-block; list-style: none; } #main-menu #main-nav .sub-menu.projects-list { position: absolute; left: 297px; left: 21.214285714285715rem; width: 750px; width: 53.57142857142857rem; padding: 40px 0px 25px 40px; background: rgba(0, 0, 0, 0.75); } #main-menu #main-nav .sub-menu.projects-list .project { display: inline-block; width: 216px; width: 15.428571428571429rem; margin-right: 13px; margin-right: 0.9285714285714286rem; margin-bottom: 10px; margin-bottom: 0.7142857142857143rem; vertical-align: top; } #main-menu #main-nav .sub-menu.projects-list .project .project-title { font-size: 14px; font-size: 1rem; line-height: 18px; line-height: 1.2857142857142858rem; letter-spacing: 0.1px; color: white; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 1px; margin-top: 0.07142857142857142rem; margin-bottom: 2px; margin-bottom: 0.14285714285714285rem; min-height: 23px; min-height: 1.6428571428571428rem; } #main-menu #main-nav .sub-menu.projects-list .project .project-thumbnail { width: 196px; width: 14rem; } #main-menu #main-nav .sub-menu.projects-list .project .project-thumbnail img { width: 100%; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } #main-menu #main-nav .sub-menu.projects-list .project:hover img { -khtml-opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } #main-menu #main-nav .sub-menu.projects-list .project:hover .project-title { color: #f5482a; } #main-menu #main-nav .box-nav-metiers .sub-menu.projects-list, #main-menu #main-nav .box-nav-references .sub-menu.projects-list { display: none; } #main-menu #main-nav .box-nav-metiers:hover .sub-menu.projects-list, #main-menu #main-nav .box-nav-references:hover .sub-menu.projects-list { display: block; } #main-menu #main-nav .box-nav-metiers:hover, #main-menu #main-nav .box-nav-references:hover { background: rgba(0, 0, 0, 0.75); } #main-menu #main-nav .nav-links { -webkit-transition: margin-top 0.5s ease; -moz-transition: margin-top 0.5s ease; -o-transition: margin-top 0.5s ease; -ms-transition: margin-top 0.5s ease; transition: margin-top 0.5s ease; display: inline-block; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; height: 62px; height: 4.428571428571429rem; padding-left: 8px; padding-left: 0.5714285714285714rem; padding-right: 9px; padding-right: 0.6428571428571429rem; margin-top: 34px; margin-top: 2.4285714285714284rem; padding-top: 5px; padding-top: 0.35714285714285715rem; color: #707070; } #main-menu #main-nav .nav-links:hover, #main-menu #main-nav .nav-links.active { color: #f5482a; } #main-menu #main-nav .nav-links.active, #main-menu #main-nav .nav-links.active-lang { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } #main-menu #main-nav .nav-links.active-lang.active { color: #707070; } #main-menu #main-nav .nav-links:after { display: block; content: attr(data-text); font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } #main-menu #main-nav .nav-links.nav-contact span { background-color: #292929; color: white; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; padding: 5px 12px 7px 11px; } #main-menu #main-nav .nav-links.nav-contact span:hover, #main-menu #main-nav .nav-links.nav-contact span.active { background-color: #f5482a; } #main-menu #main-nav .nav-links.nav-fr, #main-menu #main-nav .nav-links.nav-en { display: none!important; position: absolute; right: 205px; } #main-menu #main-nav .nav-links.nav-fr { margin-right: 8px; margin-right: 0.5714285714285714rem; } #main-menu #main-nav .nav-links.nav-en { margin-left: 8px; margin-left: 0.5714285714285714rem; right: 160px; } #main-menu #main-nav .nav-links.nav-en:before { content: " "; position: absolute; top: 6px; bottom: 8px; left: -8px; background-color: #707070; width: 1px; font-weight: normal; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; } #main-menu #main-nav .nav-links.nav-ge { display: block!important; float: right; margin: 10px 25px 0 0 !important; width: 115px; width: 8.214285714285714rem; } #main-menu #main-nav .nav-links.nav-ge img { width: 100%; } #main-menu.reduced { height: 49px !important; height: 3.5rem !important; background-color: white !important; } #main-menu.reduced #main-nav { height: 49px !important; height: 3.5rem !important; } #main-menu.reduced #main-nav #logo img { height: 82px !important; height: 5.857142857142857rem !important; } #main-menu.reduced #main-nav #logo .tagline { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } #main-menu.reduced #main-nav .nav-links { display: inline-block; margin-top: 11px !important; margin-top: 0.7857142857142857rem !important; height: 38px; height: 2.7142857142857144rem; } #main-menu.reduced #main-nav .nav-links.nav-ge { width: 73px !important; width: 5.214285714285714rem !important; overflow: hidden; } #main-menu.reduced #main-nav .nav-links.nav-ge img { margin-top: -5px; width: 100%; } #aside-menu .aside-button { position: fixed; z-index: 1000; top: 330px; top: 23.571428571428573rem; width: 100px; width: 7.142857142857143rem; height: 38px; height: 2.7142857142857144rem; background-color: #292929; background-color: hsla(0, 0%, 16.07843137%, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80292929, endColorstr=#80292929)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80292929, endColorstr=#80292929); } #aside-menu .aside-button p { margin: 0; padding: 8px 3px; text-align: center; font-family: "Haas Grot Text 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; color: white; } #aside-menu .aside-button#nav-home { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); left: -31px; left: -2.2142857142857144rem; top: 240px; top: 17.142857142857142rem; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius-bottomright: 5px; -moz-background-clip: padding; border-bottom-right-radius: 5px; background-clip: padding-box; } #aside-menu .aside-button#nav-home:hover { background-color: #292929 !important; } #aside-menu .aside-button#nav-home:hover p { color: #f5482a; } #aside-menu .aside-button#nav-extranet { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); left: -31px; left: -2.2142857142857144rem; top: 330px; top: 23.571428571428573rem; background-color: white; background-color: hsla(0, 0%, 100%, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff, endColorstr=#e6ffffff)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff, endColorstr=#e6ffffff); -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius-bottomright: 5px; -moz-background-clip: padding; border-bottom-right-radius: 5px; background-clip: padding-box; } #aside-menu .aside-button#nav-extranet p { color: #f5482a !important; font-size: 13px !important; font-size: 0.9285714285714286rem !important; } #aside-menu .aside-button#nav-extranet:hover { background-color: #292929 !important; } #aside-menu .aside-button#nav-extranet:hover p { color: white !important; } #footer { display: block; overflow: hidden; width: 1280px; width: 91.42857142857143rem; background-color: #F2F2EF; padding: 20px; padding: 1.4285714285714286rem; } #footer #legal { min-width: 1158px; min-width: 82.71428571428571rem; background-color: #F2F2EF; } #footer #legal a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #footer #legal a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } #footer #legal #legal-content { float: left; width: 100%; margin-left: 150px; margin-left: 10.714285714285714rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-size: 0.8571428571428571rem; line-height: 16px; line-height: 1.1428571428571428rem; } #footer #legal #legal-content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } #footer #legal #legal-content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } #footer #legal #legal-content h4 { margin-bottom: 30px; margin-bottom: 2.142857142857143rem; } #footer #legal #legal-content p { display: inline-block; margin: 0px; } html { font-size: 14px; font-style: normal; /* @media (max-width:680px) { font-size: 12px; } @media (min-width:1280px) { font-size: 16px; } @media (min-width:1600px) { font-size: 18px; } */ } #main-container { width: 100%; min-width: 1280px; min-width: 91.42857142857143rem; overflow: hidden; } #main-container #header-image { min-width: 1280px; min-width: 91.42857142857143rem; width: 100%; min-height: 328px; min-height: 23.428571428571427rem; max-height: 832px; max-height: 59.42857142857143rem; overflow: hidden; position: relative; background-color: #F2F2EF; } #main-container #header-image .slide { position: absolute; width: 100%; height: 100%; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #main-container #header-image .slide.in { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } #main-container #header-image.transition .slide.out { -webkit-transition: opacity 1500ms ease-in-out; -moz-transition: opacity 1500ms ease-in-out; -ms-transition: opacity 1500ms ease-in-out; -o-transition: opacity 1500ms ease-in-out; transition: opacity 1500ms ease-in-out; -webkit-transition: opacity 1500ms; -moz-transition: opacity 1500ms; -o-transition: opacity 1500ms; -ms-transition: opacity 1500ms; transition: opacity 1500ms; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } #main-container #header-image.transition .slide.in { -webkit-transition: opacity 1500ms ease-in-out; -moz-transition: opacity 1500ms ease-in-out; -ms-transition: opacity 1500ms ease-in-out; -o-transition: opacity 1500ms ease-in-out; transition: opacity 1500ms ease-in-out; -webkit-transition: opacity 1500ms; -moz-transition: opacity 1500ms; -o-transition: opacity 1500ms; -ms-transition: opacity 1500ms; transition: opacity 1500ms; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #main-container #header-image img { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; transition: opacity 1s; display: block; top: 0; bottom: 0; margin: auto; width: 100%; } #main-container #header-image.image { min-height: 835px; } #main-container #header-image .image-credit { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; position: absolute; bottom: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 30px; right: 2.142857142857143rem; padding: 0 5px; font-size: 11px; font-size: 0.7857142857142857rem; font-family: 'Open Sans', sans-serif; font-weight: 600; } #main-container section { display: block; width: 100%; margin: 0 0%; zoom: 1; *zoom: 1; } #main-container section:before, #main-container section:after { content: ""; display: table; } #main-container section:after { clear: both; } #main-container section:before, #main-container section:after { content: ""; display: table; } #main-container section:after { clear: both; } #main-container section#header-content { position: relative; margin-top: -139px; margin-top: -9.928571428571429rem; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; width: 880px; width: 62.857142857142854rem; background-color: white; } #main-container section#header-content #page-title { margin-top: 46px; margin-top: 3.2857142857142856rem; padding-top: 21px; padding-top: 1.5rem; padding-bottom: 21px; padding-bottom: 1.5rem; margin-bottom: 0px; border-top: 2px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 48px; font-size: 3.4285714285714284rem; line-height: 48px; line-height: 3.4285714285714284rem; } #main-container section#header-content #page-content, #main-container section#header-content #page-content-more { margin-top: 24px; margin-top: 1.7142857142857142rem; margin-bottom: 54px !important; margin-bottom: 3.857142857142857rem !important; /*h4 { .margin-top(24px); .margin-bottom(12px); }*/ font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; text-align: justify; color: #515151; } #main-container section#header-content #page-content a, #main-container section#header-content #page-content-more a, #main-container section#header-content #page-content strong, #main-container section#header-content #page-content-more strong { color: black !important; } #main-container section#header-content #page-content p, #main-container section#header-content #page-content-more p { margin: 22px 0!important; } #main-container section#header-content #page-content p a, #main-container section#header-content #page-content-more p a, #main-container section#header-content #page-content p strong, #main-container section#header-content #page-content-more p strong { color: black !important; } #main-container section#header-content #page-content strong, #main-container section#header-content #page-content-more strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } #main-container section#header-content #page-content p, #main-container section#header-content #page-content-more p { margin-top: 24px; margin-top: 1.7142857142857142rem; margin-bottom: 12px; margin-bottom: 0.8571428571428571rem; } #main-container section#header-content #page-content a, #main-container section#header-content #page-content-more a { color: black; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #main-container section#header-content #page-content a:hover, #main-container section#header-content #page-content-more a:hover { color: #f5482a !important; text-decoration: none; border-bottom: 1px solid rgba(245, 72, 42, 0.2); } @media (max-height: 840px) { #main-container section#header-content { margin-top: -320px; margin-top: -22.857142857142858rem; } } @media (max-height: 640px) { #main-container section#header-content { margin-top: -435px; margin-top: -31.071428571428573rem; } } #main-container section#header-content.nopic { margin-top: -139px !important; margin-top: -9.928571428571429rem !important; } #main-container #entries-list { margin: 100px 0 0 100px; } body#home { background-color: #F2F2EF; } body#home.splash #main-container { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } body#home #splashscreen { background-color: #FDFDFC; background-color: hsla(60, 20%, 99.01960784%, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3fdfdfc, endColorstr=#b3fdfdfc)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3fdfdfc, endColorstr=#b3fdfdfc); position: fixed; top: 0; bottom: 0; left: 0; width: 100%; min-width: 1280px; min-width: 91.42857142857143rem; z-index: 10000; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } body#home #splashscreen.visible { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#home #splashscreen.visible #splash { display: block; } body#home #splashscreen.out { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; -o-transition: opacity 1.5s ease-out; -ms-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; } body#home #splashscreen #splash { background-color: white; position: absolute; cursor: pointer; padding: 0px; width: 82%; height: 82%; min-height: 450px; top: 7%; left: 7%; /* ???? &.new .info p { color: black!important; } */ } body#home #splashscreen #splash .close-splash { position: absolute; top: 20px; right: 20px; width: 40px; } body#home #splashscreen #splash .logo-box { -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; -ms-transition: opacity 2s; transition: opacity 2s; display: block; position: absolute; overflow: hidden; width: 100%; height: 100%; padding: 110px 40px; } @media (max-height: 840px) { body#home #splashscreen #splash .logo-box { padding: 60px 40px; } } @media (max-height: 640px) { body#home #splashscreen #splash .logo-box { padding: 30px 40px; } } body#home #splashscreen #splash .logo-box img { height: auto; /*min-height: 250px;*/ width: auto; display: block; } body#home #splashscreen #splash .logo-box#old-logo { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#home #splashscreen #splash .logo-box#old-logo img { -webkit-transition: margin-left 1.5s ease-in-out; -moz-transition: margin-left 1.5s ease-in-out; -ms-transition: margin-left 1.5s ease-in-out; -o-transition: margin-left 1.5s ease-in-out; transition: margin-left 1.5s ease-in-out; -webkit-transition: margin-left 1.5s; -moz-transition: margin-left 1.5s; -o-transition: margin-left 1.5s; -ms-transition: margin-left 1.5s; transition: margin-left 1.5s; margin-left: 16%; } body#home #splashscreen #splash .logo-box#old-logo p { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-size: 2.142857142857143rem; line-height: 35px; line-height: 2.5rem; padding-top: 85px; text-align: center; color: black !important; } @media (max-height: 840px) { body#home #splashscreen #splash .logo-box#old-logo p { padding-top: 35px; } } @media (max-height: 640px) { body#home #splashscreen #splash .logo-box#old-logo p { padding-top: 5px; } } body#home #splashscreen #splash .logo-box#new-logo { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; /* img { position: relative; top: -65%; // linked to above img height }*/ } body#home #splashscreen #splash .logo-box#new-logo img { -webkit-transition: margin-left 1.5s ease-in-out; -moz-transition: margin-left 1.5s ease-in-out; -ms-transition: margin-left 1.5s ease-in-out; -o-transition: margin-left 1.5s ease-in-out; transition: margin-left 1.5s ease-in-out; -webkit-transition: margin-left 1.5s; -moz-transition: margin-left 1.5s; -o-transition: margin-left 1.5s; -ms-transition: margin-left 1.5s; transition: margin-left 1.5s; margin-left: 16%; } body#home #splashscreen #splash.new #old-logo img { margin-left: 16%; } body#home #splashscreen #splash.new #new-logo img { margin-left: 16%; padding: 0; } body#home #splashscreen #splash.new #old-logo img { margin-left: 16%; } body#home #splashscreen #splash .logo-box#new-logo p { text-align: left; } body#home #splashscreen #splash .logo-box#new-logo p:first-child { padding-top: 40px; } @media (max-height: 840px) { body#home #splashscreen #splash .logo-box#new-logo p:first-child { padding-top: 20px; } } @media (max-height: 640px) { body#home #splashscreen #splash .logo-box#new-logo p:first-child { padding-top: 0px; } } body#home #splashscreen #splash .logo-box .info { position: relative; width: 85%; padding: 0px 5% 20px; display: block; margin-left: auto!important; margin-right: auto!important; } body#home #splashscreen #splash .logo-box .info p { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; } body#home #splashscreen #splash .logo-box .info p p { margin: 22px 0!important; } body#home #splashscreen #splash .logo-box .info p strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #splashscreen #splash.new #old-logo .info { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } body#home #splashscreen #splash.new #new-logo { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#home #splashscreen h2, body#home #splashscreen p { font-size: 29px; font-size: 2.0714285714285716rem; line-height: 29px; line-height: 2.0714285714285716rem; letter-spacing: 0; } body#home #splashscreen p { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; letter-spacing: 0.5px; } body#home #splashscreen p strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #screen, body#home #main-container { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; -ms-transition: opacity 2s; transition: opacity 2s; } body#home #screen-caption { display: none!important; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; -ms-transition: opacity 1.5s ease-in-out; -o-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; -ms-transition: opacity 1.5s; transition: opacity 1.5s; z-index: 50; position: absolute; left: 0; bottom: 0; padding: 25px 40px; padding: 1.7857142857142858rem 40px; padding: 25px 2.857142857142857rem; padding: 1.7857142857142858rem 2.857142857142857rem; width: 640px; width: 45.714285714285715rem; height: 152px; height: 10.857142857142858rem; background-color: black; background-color: hsla(0, 0%, 0%, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000); } body#home #screen-caption.visible { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#home #home-footer { position: fixed; bottom: 0; left: 0; margin-left: 640px; margin-left: 45.714285714285715rem; width: 1280px; width: 91.42857142857143rem; height: 152px; height: 10.857142857142858rem; z-index: 5000; } body#home #home-footer .home-footer-block { display: table; float: left; height: 100%; color: white; } body#home #home-footer .home-footer-block a { color: white; border-bottom: none; } body#home #home-footer #news-list { padding: 15px 40px; padding: 1.0714285714285714rem 40px; padding: 15px 2.857142857142857rem; padding: 1.0714285714285714rem 2.857142857142857rem; padding-top: 14px; width: 320px; width: 22.857142857142858rem; background-color: #B7B5A9; background-color: hsla(51.42857143, 8.86075949%, 69.01960784%, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6b7b5a9, endColorstr=#e6b7b5a9)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6b7b5a9, endColorstr=#e6b7b5a9); } body#home #home-footer #news-list:hover { background-color: #B7B5A9; } body#home #home-footer #news-list .news:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 5px; padding-bottom: 0.35714285714285715rem; margin-bottom: 5px; margin-bottom: 0.35714285714285715rem; } body#home #home-footer #news-list .news-title { margin: 0; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; color: white !important; } body#home #home-footer #news-list .news-title p { margin: 18px 0!important; } body#home #home-footer #news-list .news-title strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #news-list .news-content { margin: 0; height: 36px; height: 2.5714285714285716rem; overflow: hidden; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-size: 1rem; line-height: 18px; line-height: 1.2857142857142858rem; line-height: 17px; line-height: 1.2142857142857142rem; } body#home #home-footer #news-list .news-content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #news-list .news-content p { margin: 0; } body#home #home-footer #visitor-call { position: relative; width: 320px; width: 22.857142857142858rem; height: 100%; margin: 0; padding: 0; background-color: #f5482a; background-color: hsla(8.86699507, 91.03139013%, 56.2745098%, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6f5482a, endColorstr=#e6f5482a)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6f5482a, endColorstr=#e6f5482a); } body#home #home-footer #visitor-call:hover { background-color: #f5482a; } body#home #home-footer #visitor-call:hover #visitor-question a { border-bottom: 1px solid #ffffff; } body#home #home-footer #visitor-call #visitor-question { cursor: pointer; text-align: center; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-size: 2.142857142857143rem; line-height: 35px; line-height: 2.5rem; color: white !important; padding: 53px 0 65px; } body#home #home-footer #visitor-call #visitor-question a { padding: 5px; padding: 0.35714285714285715rem; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: white !important; } body#home #home-footer #visitor-call .close-list { display: none; cursor: pointer; position: fixed; top: 110px; left: 1240px; width: 30px; z-index: 10000; } body#home #home-footer #visitor-call .scroll-down { display: none; z-index: 10000; position: fixed; left: 960px; bottom: 0px; margin: auto; width: 320px; width: 22.857142857142858rem; height: 40px; height: 2.857142857142857rem; background: url('../img/down-arrow.png') no-repeat center; background-image: url('../img/down-arrow.svg'), none; background-color: black; background-color: hsla(0, 0%, 0%, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000); background-size: 10%; border-bottom: none; } body#home #home-footer #visitor-call .scroll-down:hover { color: #f5482a; background-color: black; } body#home #home-footer #visitor-call #visitor-keys-list { position: relative; overflow-y: scroll; width: 100%; margin: 0; padding: 0; list-style-type: none; background-color: #f5482a; z-index: 3000; } body#home #home-footer #visitor-call #visitor-keys-list li { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } body#home #home-footer #visitor-call #visitor-keys-list li a { display: block; padding: 16px 0px; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; padding: 15px 40px; padding: 1.0714285714285714rem 40px; padding: 15px 2.857142857142857rem; padding: 1.0714285714285714rem 2.857142857142857rem; } body#home #home-footer #visitor-call #visitor-keys-list li a p { margin: 18px 0!important; } body#home #home-footer #visitor-call #visitor-keys-list li a strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #visitor-call #visitor-keys-list li:hover { background-color: white; color: #f5482a; } body#home #home-footer #visitor-call #visitor-keys-list li:hover a { color: #f5482a; } body#home #home-footer #visitor-call #visitor-projects-list { position: relative; overflow-y: scroll; width: 100%; margin: 0; padding: 0; list-style-type: none; padding: 20px 40px; background-color: #f5482a; z-index: 3500; } body#home #home-footer #visitor-call #visitor-projects-list .visitor_project { display: none; } body#home #home-footer #visitor-call #visitor-projects-list .visitor_project.active { display: block; } body#home #home-footer #visitor-call #visitor-projects-list .visitor_project .project-thumbnail { display: block; position: relative; width: 240px; width: 17.142857142857142rem; margin: 5px 0px; margin: 0.35714285714285715rem 0px; margin: 5px 0rem; margin: 0.35714285714285715rem 0rem; } body#home #home-footer #visitor-call #visitor-projects-list .visitor_project .project-thumbnail img { display: block; width: 100%; margin: 0; } body#home #home-footer #visitor-call #visitor-projects-list .visitor_project .project-thumbnail .project-title { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 5px 0px; padding: 0.35714285714285715rem 0px; padding: 5px 0rem; padding: 0.35714285714285715rem 0rem; padding-left: 7px; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-size: 1rem; line-height: 18px; line-height: 1.2857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; color: white; width: 100%; } body#home #home-footer #visitor-call #visitor-projects-list .visitor_project .project-thumbnail .project-title strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #visitor-call #visitor-projects-list .visitor_project .project-thumbnail:hover .project-title { background-color: white; color: #f5482a; } body#home #home-footer #visitor-call #visitor-projects-list #visitor-projects-list-title { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #visitor-call #visitor-projects-list #visitor-projects-list-title p { margin: 22px 0!important; } body#home #home-footer #visitor-call #visitor-projects-list #visitor-projects-list-title strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #visitor-call.visitor-keys-list { position: fixed; top: 96px; bottom: 0px; left: 960px; } body#home #home-footer #visitor-call.visitor-keys-list .close-list { display: block!important; } body#home #home-footer #visitor-call.visitor-keys-list .scroll-down { display: block!important; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-keys-list { position: absolute; top: 66px; padding-bottom: 65px; padding-bottom: 4.642857142857143rem; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-keys-list li a { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-keys-list li a p { margin: 18px 0!important; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-keys-list li a strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-projects-list { display: none; height: 0; overflow: hidden; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-question { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: left; padding: 18px 0px; padding: 1.2857142857142858rem 0px; padding: 18px 0rem; padding: 1.2857142857142858rem 0rem; color: white !important; z-index: 2000; border-bottom: 2px solid white; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-question p { margin: 22px 0!important; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-question strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #home-footer #visitor-call.visitor-keys-list #visitor-question a { border: none; margin: 0px 40px; margin: 0rem 40px; margin: 0px 2.857142857142857rem; margin: 0rem 2.857142857142857rem; color: white !important; } body#home #home-footer #visitor-call.visitor-projects-list { position: fixed; top: 96px; bottom: 0px; left: 960px; } body#home #home-footer #visitor-call.visitor-projects-list .close-list { display: block!important; } body#home #home-footer #visitor-call.visitor-projects-list .scroll-down { display: block!important; } body#home #home-footer #visitor-call.visitor-projects-list #visitor-projects-list { padding-top: 0px!important; } body#home #home-footer #visitor-call.visitor-projects-list #visitor-projects-list-title { color: white !important; } body#home #home-footer #visitor-call.visitor-projects-list #visitor-question, body#home #home-footer #visitor-call.visitor-projects-list #visitor-keys-list { height: 0; overflow: hidden; display: none; } body#home #home-footer #visitor-call.visitor-projects-list #visitor-projects-list { position: absolute; top: 0px; padding-bottom: 5px; padding-bottom: 0.35714285714285715rem; } body#home #images { display: none!important; } body#home #screen { background-color: #F2F2EF; position: relative; } body#home #screen .slide { position: absolute; width: 100%; height: 100%; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#home #screen .slide.in { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } body#home #screen.transition .slide.out { -webkit-transition: opacity 1500ms ease-in-out; -moz-transition: opacity 1500ms ease-in-out; -ms-transition: opacity 1500ms ease-in-out; -o-transition: opacity 1500ms ease-in-out; transition: opacity 1500ms ease-in-out; -webkit-transition: opacity 1500ms; -moz-transition: opacity 1500ms; -o-transition: opacity 1500ms; -ms-transition: opacity 1500ms; transition: opacity 1500ms; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } body#home #screen.transition .slide.in { -webkit-transition: opacity 1500ms ease-in-out; -moz-transition: opacity 1500ms ease-in-out; -ms-transition: opacity 1500ms ease-in-out; -o-transition: opacity 1500ms ease-in-out; transition: opacity 1500ms ease-in-out; -webkit-transition: opacity 1500ms; -moz-transition: opacity 1500ms; -o-transition: opacity 1500ms; -ms-transition: opacity 1500ms; transition: opacity 1500ms; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#home #screen .slide.image img { position: absolute; top: 0!important; bottom: 0!important; left: 0!important; margin: auto; min-width: 1280px; min-width: 91.42857142857143rem; height: auto!important; } body#home #screen .image-caption { position: absolute; bottom: 0px; left: 0px; outline: none; /* Do not show the selection of these zones */ z-index: 10000; background-color: #292929; background-color: hsla(0, 0%, 16.07843137%, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6292929, endColorstr=#e6292929)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6292929, endColorstr=#e6292929); width: 640px; width: 45.714285714285715rem; height: 152px; height: 10.857142857142858rem; padding: 15px 40px; padding: 1.0714285714285714rem 40px; padding: 15px 2.857142857142857rem; padding: 1.0714285714285714rem 2.857142857142857rem; padding-right: 20px; color: white; } body#home #screen .image-caption:hover { background-color: #292929; } body#home #screen .image-caption p, body#home #screen .image-caption h2, body#home #screen .image-caption h4 { margin: 0px; } body#home #screen .image-caption h2 { margin: 0px; } body#home #screen .image-caption h4 { text-transform: lowercase; } body#home #screen .image-caption a { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; color: white !important; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } body#home #screen .image-caption a p { margin: 18px 0!important; } body#home #screen .image-caption a strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#home #screen .image-caption a:hover { color: #f5482a !important; text-decoration: none; border-bottom: 1px solid #f5482a; } body#home #screen .image-caption .image-credit { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; position: absolute; bottom: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 30px; right: 2.142857142857143rem; padding: 0 5px; font-size: 11px; font-size: 0.7857142857142857rem; font-family: 'Open Sans', sans-serif; font-weight: 600; position: fixed; bottom: 200px; } body#company #main-container #header-content #page-content { margin-bottom: 24px; margin-bottom: 1.7142857142857142rem; } body#company #main-container #sub-nav { position: absolute; left: 0; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 30px; padding-right: 2.142857142857143rem; width: 880px; width: 62.857142857142854rem; background-color: white; border-top: 1px solid rgba(0, 0, 0, 0.2); z-index: 10000; } body#company #main-container #sub-nav .chapter-link { display: inline-block; margin-right: 46px; margin-right: 3.2857142857142856rem; } body#company #main-container #sub-nav .chapter-link h4 { color: #707070; } body#company #main-container #sub-nav .chapter-link h4:hover { color: #f5482a; } body#company #main-container #sub-nav .chapter-link:last-child { margin-right: 0px; margin-right: 0rem; float: right; } body#company #main-container #sub-nav .chapter-link.active h3 { color: #f5482a; } body#company #main-container #sub-nav.fixed { position: fixed; top: 49px; top: 3.5rem; left: 128px; left: 9.142857142857142rem; } body#company #main-container #history { margin: 0; padding: 0; width: 100%; min-width: 1280px; min-width: 91.42857142857143rem; } body#company #main-container #history .chapter { position: relative; } body#company #main-container #history .chapter .chapter-box { position: absolute; top: 140px; top: 10rem; left: 128px; left: 9.142857142857142rem; padding-top: 30px; padding-top: 2.142857142857143rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; padding-bottom: 25px; padding-bottom: 1.7857142857142858rem; z-index: 1000; max-width: 584px; max-width: 41.714285714285715rem; background-color: #292929; background-color: hsla(0, 0%, 16.07843137%, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6292929, endColorstr=#e6292929)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6292929, endColorstr=#e6292929); color: white; } body#company #main-container #history .chapter .chapter-box.even { left: auto; right: 128px; right: 9.142857142857142rem; } body#company #main-container #history .chapter .chapter-box h2 { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 72px; font-size: 5.142857142857143rem; line-height: 72px; line-height: 5.142857142857143rem; margin-top: 0px; margin-top: 0rem; border-top: 2px solid white; padding-top: 18px; padding-top: 1.2857142857142858rem; padding-bottom: 18px; padding-bottom: 1.2857142857142858rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 0px; } body#company #main-container #history .chapter .chapter-box h4 { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 16px; margin-top: 1.1428571428571428rem; margin-bottom: 22px; margin-bottom: 1.5714285714285714rem; } body#company #main-container #history .chapter .chapter-box p { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; display: block; margin-bottom: 0; margin-top: 17px; margin-top: 1.2142857142857142rem; margin-left: 70px; margin-left: 5rem; } body#company #main-container #history .chapter .chapter-box p p { margin: 18px 0!important; } body#company #main-container #history .chapter .chapter-box p strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#company #main-container #history .chapter .chapter-box p strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 24px; font-size: 1.7142857142857142rem; line-height: 24px; line-height: 1.7142857142857142rem; display: block; float: left; margin-left: -70px; margin-left: -5rem; margin-right: 0px; margin-right: 0rem; margin-top: -2px; padding-right: 10px; padding-right: 0.7142857142857143rem; font-kerning: auto; text-rendering: optimizeLegibility; } body#company #main-container #history .chapter img { display: block!important; width: 100%; } body#company #main-container #history .chapter .image-credit { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; position: absolute; bottom: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 30px; right: 2.142857142857143rem; padding: 0 5px; font-size: 11px; font-size: 0.7857142857142857rem; font-family: 'Open Sans', sans-serif; font-weight: 600; } body#team #main-container #header-content { margin-bottom: 50px; margin-bottom: 3.5714285714285716rem; } body#team #main-container #header-content #associates-list { list-style-type: none; margin: 0; padding: 0; display: block; width: 100%; margin: 0 0%; zoom: 1; *zoom: 1; } body#team #main-container #header-content #associates-list:before, body#team #main-container #header-content #associates-list:after { content: ""; display: table; } body#team #main-container #header-content #associates-list:after { clear: both; } body#team #main-container #header-content #associates-list:before, body#team #main-container #header-content #associates-list:after { content: ""; display: table; } body#team #main-container #header-content #associates-list:after { clear: both; } body#team #main-container #header-content #associates-list .associate p { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#team #main-container #header-content #associates-list .associate p p { margin: 18px 0!important; } body#team #main-container #header-content #associates-list .associate p strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#team #main-container #header-content #associates-list .associate.width60 { display: inline; float: left; width: 20%; margin: 0 0%; } body#team #main-container #header-content #associates-list .associate.width70 { display: inline; float: left; width: 23.33333333%; margin: 0 0%; } body#team #main-container #header-content #associates-list .associate.width80 { display: inline; float: left; width: 26.66666667%; margin: 0 0%; } body#team #main-container #header-content #associates-list .associate.width90 { display: inline; float: left; width: 30%; margin: 0 0%; } body#team #main-container #header-content #associates-list .associate.width100 { display: inline; float: left; width: 33.33333333%; margin: 0 0%; } body#team #main-container #header-content #associates-list .associate.width110 { display: inline; float: left; width: 36.66666667%; margin: 0 0%; } body#team #main-container #header-content #associates-list .associate.width120 { display: inline; float: left; width: 40%; margin: 0 0%; } body#team #main-container #header-content #associates-list .associate.width130 { display: inline; float: left; width: 43.33333333%; margin: 0 0%; } body#team #main-container #header-content #associates-list .associate.width140 { display: inline; float: left; width: 46.66666667%; margin: 0 0%; } body#team #main-container #portfolio { min-width: 1280px; margin: 0; padding: 0; list-style: none; } body#team #main-container #portfolio > * { float: left; margin: 0; color: white; } body#team #main-container #portfolio > * p { margin: 0; } body#team #main-container #portfolio > *.cell-1x1 { width: 426px; height: 426px; } body#team #main-container #portfolio > *.cell-1x1 img { width: 426px; } body#team #main-container #portfolio > *.cell-2x1 { width: 852px; height: 426px; } body#team #main-container #portfolio > *.cell-2x1 img { width: 426px; } body#team #main-container #portfolio > *.cell-3x1 { width: 1278px; height: 426px; } body#team #main-container #portfolio > *.cell-3x1 img { width: 426px; } body#team #main-container #portfolio > *.cell-1x2 { width: 426px; height: 852px; } body#team #main-container #portfolio > *.cell-1x2 img { width: 426px; } body#team #main-container #portfolio > *.cell-1x3 { width: 426px; height: 1278px; } body#team #main-container #portfolio > *.cell-1x3 img { width: 426px; } body#team #main-container #portfolio > *.cell-2x2 { width: 852px; height: 852px; } body#team #main-container #portfolio > *.cell-2x2 img { width: 852px; } body#team #main-container #portfolio > *.cell-3x3 { width: 1278px; height: 1278px; } body#team #main-container #portfolio > *.cell-3x3 img { width: 1278px; } body#team #main-container #portfolio > *.thumbnail { position: relative; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; background-repeat: none; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: black !important; } body#expertises #main-container #expertises-list { position: relative; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; margin-bottom: 70px; margin-bottom: 5rem; width: 1098px; width: 78.42857142857143rem; background-color: white; } body#expertises #main-container #expertises-list #list-title { margin-top: 0px; margin-top: 0rem; margin-right: 53px; margin-right: 3.7857142857142856rem; padding-top: 21px; padding-top: 1.5rem; padding-bottom: 21px; padding-bottom: 1.5rem; margin-bottom: 35px; margin-bottom: 2.5rem; border-top: 2px solid black; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-size: 2.142857142857143rem; line-height: 35px; line-height: 2.5rem; } body#expertises #main-container #expertises-list .project { display: inline-block; width: 296px; width: 21.142857142857142rem; margin-right: 37px; margin-right: 2.642857142857143rem; margin-bottom: 20px; margin-bottom: 1.4285714285714286rem; vertical-align: top; } body#expertises #main-container #expertises-list .project .project-title, body#expertises #main-container #expertises-list .project .project-intro { font-size: 15px; font-size: 1.0714285714285714rem; line-height: 23px; line-height: 1.6428571428571428rem; } body#expertises #main-container #expertises-list .project .project-title { margin: 0; font-size: 17px; font-size: 1.2142857142857142rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 8px; margin-top: 0.5714285714285714rem; } body#expertises #main-container #expertises-list .project .project-intro p { margin: 0; } body#expertises #main-container #expertises-list .project .project-thumbnail { width: 296px; width: 21.142857142857142rem; } body#expertises #main-container #expertises-list .project .project-thumbnail img { width: 100%; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } body#expertises #main-container #expertises-list .project:hover img { -khtml-opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } body#projects #main-container #header-content { margin-bottom: 30px; margin-bottom: 2.142857142857143rem; } body#projects #main-container #projects { margin: 0; padding: 0; width: 100%; min-width: 1280px; min-width: 91.42857142857143rem; } body#projects #main-container #projects .project { position: relative; } body#projects #main-container #projects .project .project-box { -webkit-transition: background-color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out; -ms-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; position: absolute; top: 140px; top: 10rem; left: 128px; left: 9.142857142857142rem; padding-top: 30px; padding-top: 2.142857142857143rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; padding-bottom: 30px; padding-bottom: 2.142857142857143rem; z-index: 1000; max-width: 544px; max-width: 38.857142857142854rem; background-color: #292929; background-color: hsla(0, 0%, 16.07843137%, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6292929, endColorstr=#e6292929)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6292929, endColorstr=#e6292929); color: white; } body#projects #main-container #projects .project .project-box.even { left: auto; right: 128px; right: 9.142857142857142rem; } body#projects #main-container #projects .project .project-box h1 { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 48px; font-size: 3.4285714285714284rem; line-height: 48px; line-height: 3.4285714285714284rem; margin-top: 0px; margin-top: 0rem; border-top: 2px solid white; padding-top: 18px; padding-top: 1.2857142857142858rem; padding-bottom: 18px; padding-bottom: 1.2857142857142858rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 0px; } body#projects #main-container #projects .project .project-box h4 { margin-top: 16px; margin-top: 1.1428571428571428rem; margin-bottom: 0; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 24px; font-size: 1.7142857142857142rem; line-height: 24px; line-height: 1.7142857142857142rem; } body#projects #main-container #projects .project .project-box p { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#projects #main-container #projects .project .project-box p p { margin: 18px 0!important; } body#projects #main-container #projects .project .project-box p strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#projects #main-container #projects .project .project-box a { color: white; } body#projects #main-container #projects .project .project-box .project-link { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-top: 10px; margin-top: 0.7142857142857143rem; font-size: 19px; font-size: 1.3571428571428572rem; } body#projects #main-container #projects .project .project-box .project-link:hover { color: #f5482a; border-bottom: 1px solid rgba(245, 72, 42, 0.21); } body#projects #main-container #projects .project .project-box:hover { background-color: #292929; background-color: hsl(0, 0%, 16.07843137%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff292929, endColorstr=#ff292929)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff292929, endColorstr=#ff292929); } body#projects #main-container #projects .project .project-box:hover .project-link { color: #f5482a; } body#projects #main-container #projects .project img { display: block!important; width: 100%; } body#projects #main-container #projects .project .image-credit { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; position: absolute; bottom: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 30px; right: 2.142857142857143rem; padding: 0 5px; font-size: 11px; font-size: 0.7857142857142857rem; font-family: 'Open Sans', sans-serif; font-weight: 600; } body#expertise #main-container #header-content { width: 1058px; width: 75.57142857142857rem; } body#expertise #main-container #header-content #page-content { margin-bottom: 24px; margin-bottom: 1.7142857142857142rem; text-align: left!important; color: black !important; } body#expertise #main-container #header-content #header-content-main { float: left; text-align: left!important; color: black !important; width: 632px; width: 45.142857142857146rem; margin-right: 50px; margin-right: 3.5714285714285716rem; } body#expertise #main-container #header-content #header-content-main p, body#expertise #main-container #header-content #header-content-main ul { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#expertise #main-container #header-content #header-content-main p p, body#expertise #main-container #header-content #header-content-main ul p { margin: 18px 0!important; } body#expertise #main-container #header-content #header-content-main p strong, body#expertise #main-container #header-content #header-content-main ul strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#expertise #main-container #header-content #header-content-main ul { padding-left: 17px; padding-left: 1.2142857142857142rem; } body#expertise #main-container #header-content #header-content-aside { float: left; text-align: left!important; width: 296px; width: 21.142857142857142rem; margin-top: 46px; margin-top: 3.2857142857142856rem; padding-top: 18px; padding-top: 1.2857142857142858rem; margin-bottom: 0; border-top: 2px solid black; font-family: "Haas Grot Disp 45 Light", Helvetica, Arial, "Lucida Grande", sans-serif; } body#expertise #main-container #header-content #header-content-aside .expertise-definitions { margin-top: 150px; margin-top: 10.714285714285714rem; width: 90%; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; color: #707070 !important; } body#expertise #main-container #header-content #header-content-aside .expertise-definitions p { margin: 18px 0!important; } body#expertise #main-container #header-content #header-content-aside .expertise-definitions strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#expertise #main-container #header-content #header-content-aside .expertise-definitions h4 { margin-bottom: 0px; margin-bottom: 0rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-size: 1rem; line-height: 18px; line-height: 1.2857142857142858rem; color: #707070 !important; } body#expertise #main-container #header-content #header-content-aside .expertise-definitions h4 strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#expertise #main-container #header-content #header-content-aside .expertise-definitions h4 strong { color: #707070 !important; } body#expertise #main-container #header-content #header-content-aside .expertise-definitions .expertise-definitions-content { margin-bottom: 0px; margin-bottom: 0rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-size: 1rem; line-height: 18px; line-height: 1.2857142857142858rem; } body#expertise #main-container #header-content #header-content-aside .expertise-definitions .expertise-definitions-content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#expertise #main-container #header-content #header-content-aside p { margin-top: 0; margin-bottom: 15px; } body#expertise #main-container #header-content #header-content-aside strong { display: block; } body#expertise #main-container #header-content #page-content-bottom { overflow: hidden; margin-top: 20px; margin-top: 1.4285714285714286rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#expertise #main-container #header-content #page-content-bottom p { margin: 18px 0!important; } body#expertise #main-container #header-content #page-content-bottom strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#expertise #main-container #header-content #page-content-expertises, body#expertise #main-container #header-content #page-content-credits { display: inline; float: left; width: 46%; margin: 0 0%; border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 25px; padding-top: 1.7857142857142858rem; } body#expertise #main-container #header-content #page-content-expertises p, body#expertise #main-container #header-content #page-content-credits p { margin: 0!important; } body#expertise #main-container #header-content #page-content-expertises ul, body#expertise #main-container #header-content #page-content-credits ul { margin: 0!important; padding: 0; list-style-type: none; padding-left: 0px; padding-left: 0rem; } body#expertise #main-container #header-content #page-content-expertises { margin-right: 40px; margin-right: 2.857142857142857rem; } body#expertise #main-container #header-content #page-content-expertises a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body#expertise #main-container #header-content #page-content-expertises a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } body#expertise #main-container #expertise-projects { position: relative; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; margin-bottom: 20px; margin-bottom: 1.4285714285714286rem; width: 1058px; width: 75.57142857142857rem; background-color: white; } body#expertise #main-container #expertise-projects #list-title { font-size: 21px; font-size: 1.5rem; line-height: 25px; line-height: 1.7857142857142858rem; } body#expertise #main-container #expertise-projects .example-content { overflow: hidden; padding-bottom: 40px; padding-bottom: 2.857142857142857rem; } body#expertise #main-container #expertise-projects .example-image, body#expertise #main-container #expertise-projects .example-aside { padding-top: 40px; padding-top: 2.857142857142857rem; border-top: 1px solid rgba(0, 0, 0, 0.2); } body#expertise #main-container #expertise-projects .example-image { float: left; width: 632px; width: 45.142857142857146rem; margin-right: 50px; margin-right: 3.5714285714285716rem; } body#expertise #main-container #expertise-projects .example-aside { float: left; width: 296px; width: 21.142857142857142rem; margin-bottom: 0; } body#expertise #main-container #expertise-projects .example-aside p:first-child { margin-top: 0; } body#expertise #main-container #expertise-projects .example-aside p { width: 90%; } body#expertise #main-container #expertise-projects .example-aside strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#expertise #main-container #projects-list { position: relative; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; margin-bottom: 70px; margin-bottom: 5rem; width: 1098px; width: 78.42857142857143rem; background-color: white; } body#expertise #main-container #projects-list #list-title { margin-top: 46px; margin-top: 3.2857142857142856rem; margin-right: 53px; margin-right: 3.7857142857142856rem; padding-top: 21px; padding-top: 1.5rem; padding-bottom: 21px; padding-bottom: 1.5rem; margin-bottom: 35px; margin-bottom: 2.5rem; border-top: 2px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-size: 2.142857142857143rem; line-height: 35px; line-height: 2.5rem; } body#expertise #main-container #projects-list .project { display: inline-block; width: 296px; width: 21.142857142857142rem; margin-right: 37px; margin-right: 2.642857142857143rem; margin-bottom: 20px; margin-bottom: 1.4285714285714286rem; vertical-align: top; } body#expertise #main-container #projects-list .project .project-title { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; line-height: 21px; line-height: 1.5rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 5px; margin-top: 0.35714285714285715rem; margin-bottom: 2px; margin-bottom: 0.14285714285714285rem; min-height: 43px; } body#expertise #main-container #projects-list .project .project-title p { margin: 22px 0!important; } body#expertise #main-container #projects-list .project .project-title strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#expertise #main-container #projects-list .project .project-thumbnail { width: 296px; width: 21.142857142857142rem; } body#expertise #main-container #projects-list .project .project-thumbnail img { width: 100%; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } body#expertise #main-container #projects-list .project:hover img { -khtml-opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } body#project #main-container #header-content { width: 1058px; width: 75.57142857142857rem; } body#project #main-container #header-content #page-content { margin-bottom: 24px; margin-bottom: 1.7142857142857142rem; } body#project #main-container #header-content #header-content-main { float: left; width: 632px; width: 45.142857142857146rem; margin-right: 50px; margin-right: 3.5714285714285716rem; } body#project #main-container #header-content #header-content-main p { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#project #main-container #header-content #header-content-main p p { margin: 18px 0!important; } body#project #main-container #header-content #header-content-main p strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#project #main-container #header-content #header-content-aside { float: left; width: 296px; width: 21.142857142857142rem; margin-top: 46px; margin-top: 3.2857142857142856rem; padding-top: 18px; padding-top: 1.2857142857142858rem; margin-bottom: 0px; border-top: 2px solid black; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#project #main-container #header-content #header-content-aside p { margin-top: 0px; margin-bottom: 15px; } body#project #main-container #header-content #header-content-aside p { margin: 22px 0!important; } body#project #main-container #header-content #header-content-aside strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#project #main-container #header-content #header-content-aside strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 72px; font-size: 5.142857142857143rem; line-height: 72px; line-height: 5.142857142857143rem; display: block; } body#project #main-container #header-content #page-content-bottom { overflow: hidden; margin-top: 20px; margin-top: 1.4285714285714286rem; margin-bottom: 45px; margin-bottom: 3.2142857142857144rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#project #main-container #header-content #page-content-bottom p { margin: 18px 0!important; } body#project #main-container #header-content #page-content-bottom strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#project #main-container #header-content #page-content-expertises, body#project #main-container #header-content #page-content-credits { display: inline; float: left; width: 46%; margin: 0 0%; border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 25px; padding-top: 1.7857142857142858rem; } body#project #main-container #header-content #page-content-expertises p, body#project #main-container #header-content #page-content-credits p { margin: 0!important; } body#project #main-container #header-content #page-content-expertises ul, body#project #main-container #header-content #page-content-credits ul { margin: 0!important; padding: 0; list-style-type: none; padding-left: 0px; padding-left: 0rem; } body#project #main-container #header-content #page-content-expertises { margin-right: 40px; margin-right: 2.857142857142857rem; } body#project #main-container #header-content #page-content-expertises a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body#project #main-container #header-content #page-content-expertises a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } body#project #main-container #portfolio { min-width: 1280px; margin: 0; padding: 0; list-style: none; } body#project #main-container #portfolio > * { float: left; margin: 0; color: white; } body#project #main-container #portfolio > * p { margin: 0; } body#project #main-container #portfolio > *.cell-1x1 { width: 426px; height: 426px; } body#project #main-container #portfolio > *.cell-1x1 img { width: 426px; } body#project #main-container #portfolio > *.cell-2x1 { width: 852px; height: 426px; } body#project #main-container #portfolio > *.cell-2x1 img { width: 426px; } body#project #main-container #portfolio > *.cell-3x1 { width: 1278px; height: 426px; } body#project #main-container #portfolio > *.cell-3x1 img { width: 426px; } body#project #main-container #portfolio > *.cell-1x2 { width: 426px; height: 852px; } body#project #main-container #portfolio > *.cell-1x2 img { width: 426px; } body#project #main-container #portfolio > *.cell-1x3 { width: 426px; height: 1278px; } body#project #main-container #portfolio > *.cell-1x3 img { width: 426px; } body#project #main-container #portfolio > *.cell-2x2 { width: 852px; height: 852px; } body#project #main-container #portfolio > *.cell-2x2 img { width: 852px; } body#project #main-container #portfolio > *.cell-3x3 { width: 1278px; height: 1278px; } body#project #main-container #portfolio > *.cell-3x3 img { width: 1278px; } body#project #main-container #portfolio > *.thumbnail { position: relative; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; background-repeat: none; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: black !important; } body#project #main-container #projects-list { position: relative; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; margin-bottom: 70px; margin-bottom: 5rem; width: 1098px; width: 78.42857142857143rem; background-color: white; } body#project #main-container #projects-list #list-title { margin-top: 46px; margin-top: 3.2857142857142856rem; margin-right: 53px; margin-right: 3.7857142857142856rem; padding-top: 21px; padding-top: 1.5rem; padding-bottom: 21px; padding-bottom: 1.5rem; margin-bottom: 35px; margin-bottom: 2.5rem; border-top: 2px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-size: 2.142857142857143rem; line-height: 35px; line-height: 2.5rem; } body#project #main-container #projects-list .project { display: inline-block; width: 296px; width: 21.142857142857142rem; margin-right: 37px; margin-right: 2.642857142857143rem; margin-bottom: 20px; margin-bottom: 1.4285714285714286rem; vertical-align: top; } body#project #main-container #projects-list .project .project-title { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; line-height: 21px; line-height: 1.5rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 5px; margin-top: 0.35714285714285715rem; margin-bottom: 2px; margin-bottom: 0.14285714285714285rem; min-height: 43px; } body#project #main-container #projects-list .project .project-title p { margin: 22px 0!important; } body#project #main-container #projects-list .project .project-title strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#project #main-container #projects-list .project .project-thumbnail { width: 296px; width: 21.142857142857142rem; } body#project #main-container #projects-list .project .project-thumbnail img { width: 100%; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; } body#project #main-container #projects-list .project:hover img { -khtml-opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } body#clients #main-container #header-content #page-content a, body#clients #main-container #header-content #page-content-more a { color: black; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; text-align: justify; color: #515151; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#clients #main-container #header-content #page-content a:hover, body#clients #main-container #header-content #page-content-more a:hover { color: #f5482a !important; text-decoration: none; border-bottom: 1px solid rgba(245, 72, 42, 0.2); } body#clients #main-container #header-content #page-content a a, body#clients #main-container #header-content #page-content-more a a, body#clients #main-container #header-content #page-content a strong, body#clients #main-container #header-content #page-content-more a strong { color: black !important; } body#clients #main-container #header-content #page-content a p, body#clients #main-container #header-content #page-content-more a p { margin: 22px 0!important; } body#clients #main-container #header-content #page-content a p a, body#clients #main-container #header-content #page-content-more a p a, body#clients #main-container #header-content #page-content a p strong, body#clients #main-container #header-content #page-content-more a p strong { color: black !important; } body#clients #main-container #header-content #page-content a strong, body#clients #main-container #header-content #page-content-more a strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#clients #main-container #header-content #particuliers { padding-top: 50px; } body#clients #main-container #header-content #page-content-more { border-top: 1px solid rgba(0, 0, 0, 0.2); } body#clients #main-container #clients-list { position: relative; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; padding-bottom: 70px; padding-bottom: 5rem; width: 940px; width: 67.14285714285714rem; background-color: white; } body#clients #main-container #clients-list .clients-category { display: inline-block; width: 800px; width: 57.142857142857146rem; border-top: 1px solid rgba(0, 0, 0, 0.2); margin-top: 30px; margin-top: 2.142857142857143rem; padding-top: 45px; padding-top: 3.2142857142857144rem; padding-bottom: 25px; padding-bottom: 1.7857142857142858rem; margin-bottom: 0px; } body#clients #main-container #clients-list .clients-thumbnail { position: relative; float: left; width: 128px; width: 9.142857142857142rem; height: 128px; height: 9.142857142857142rem; margin-right: 40px; margin-right: 2.857142857142857rem; margin-bottom: 30px; margin-bottom: 2.142857142857143rem; } body#clients #main-container #clients-list .clients-thumbnail .clients-logo { width: 100%; font-size: 9px; font-size: 0.6428571428571429rem; } body#clients #main-container #clients-list .clients-thumbnail h4 { text-align: center; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; text-transform: lowercase; } body#clients #main-container #clients-list .clients-thumbnail h4 p { margin: 22px 0!important; } body#clients #main-container #clients-list .clients-thumbnail h4 strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#clients #main-container #clients-list .clients-list { display: inline-block; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#clients #main-container #clients-list .clients-list p { margin: 18px 0!important; } body#clients #main-container #clients-list .clients-list strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#clients #main-container #clients-list .clients-list ul { list-style-type: none; margin: 0; padding: 0; } body#news #main-container #header-content #page-content { margin: 0; } body#news #main-container #news-list { position: relative; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; padding-bottom: 70px; padding-bottom: 5rem; width: 880px; width: 62.857142857142854rem; background-color: white; } body#news #main-container #news-list .news-title { margin: 0; padding: 0; padding-top: 20px; padding-top: 1.4285714285714286rem; padding-bottom: 18px; padding-bottom: 1.2857142857142858rem; margin-bottom: 0px; margin-bottom: 0rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-size: 2.142857142857143rem; line-height: 35px; line-height: 2.5rem; } body#news #main-container #news-list .news-content { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; text-align: justify; color: #515151; padding-bottom: 3px; padding-bottom: 0.21428571428571427rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } body#news #main-container #news-list .news-content a, body#news #main-container #news-list .news-content strong { color: black !important; } body#news #main-container #news-list .news-content p { margin: 22px 0!important; } body#news #main-container #news-list .news-content p a, body#news #main-container #news-list .news-content p strong { color: black !important; } body#news #main-container #news-list .news-content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#news #main-container #news-list .news-content p { margin-top: 0!important; } body#news #main-container #news-list .news-content h4 { margin: 0; padding: 0; } body#news #main-container #news-list .news:last-child .news-content { border-bottom: 2px solid black; } body#careers #main-container #header-content #page-content { position: relative; margin-bottom: 24px; margin-bottom: 1.7142857142857142rem; } body#careers #main-container #jobs-list { position: relative; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; width: 880px; width: 62.857142857142854rem; background-color: white; } body#careers #main-container #jobs-list .jobs-list-title { margin-top: 46px; margin-top: 3.2857142857142856rem; padding-top: 21px; padding-top: 1.5rem; padding-bottom: 21px; padding-bottom: 1.5rem; margin-bottom: 0px; border-top: 2px solid black; } body#careers #main-container #jobs-list .job-title { margin: 0; padding: 0; padding-top: 20px; padding-top: 1.4285714285714286rem; padding-bottom: 18px; padding-bottom: 1.2857142857142858rem; margin-bottom: 0px; margin-bottom: 0rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-size: 2.142857142857143rem; line-height: 35px; line-height: 2.5rem; } body#careers #main-container #jobs-list .job-content { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; padding-bottom: 3px; padding-bottom: 0.21428571428571427rem; border-top: 1px solid rgba(0, 0, 0, 0.2); } body#careers #main-container #jobs-list .job-content p { margin: 18px 0!important; } body#careers #main-container #jobs-list .job-content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#careers #main-container #contact-form-container { margin-top: 50px; margin-top: 3.5714285714285716rem; margin-bottom: 150px; margin-bottom: 10.714285714285714rem; background-color: white; } body#careers #main-container #contact-form-container #response { display: none; } body#careers #main-container #contact-form-container #contact-form-title { padding-top: 21px; padding-top: 1.5rem; padding-bottom: 21px; padding-bottom: 1.5rem; margin-bottom: 40px; margin-bottom: 2.857142857142857rem; border-top: 2px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } body#careers #main-container #contact-form-container #success, body#careers #main-container #contact-form-container #errors { position: relative; float: left; width: 640px; width: 45.714285714285715rem; margin-right: 40px; margin-right: 2.857142857142857rem; color: #f5482a; } body#careers #main-container #contact-form-container #success h2, body#careers #main-container #contact-form-container #errors h2 { margin: 0px; } body#careers #main-container #contact-form-container #errors ul { margin-top: 0px; padding-left: 0px; color: white; } body#careers #main-container #contact-form-container #errors ul li { padding-left: 20px; background-color: #f5482a; color: white; margin-top: 2px; } body#careers #main-container #contact-form-container #success { min-height: 270px; } body#careers #main-container #contact-form-container #contact-form { position: relative; float: left; width: 640px; width: 45.714285714285715rem; margin-right: 40px; margin-right: 2.857142857142857rem; } body#careers #main-container #contact-form-container #contact-form #contact-info-individuals { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; text-align: justify; color: #515151; } body#careers #main-container #contact-form-container #contact-form #contact-info-individuals a, body#careers #main-container #contact-form-container #contact-form #contact-info-individuals strong { color: black !important; } body#careers #main-container #contact-form-container #contact-form #contact-info-individuals p { margin: 22px 0!important; } body#careers #main-container #contact-form-container #contact-form #contact-info-individuals p a, body#careers #main-container #contact-form-container #contact-form #contact-info-individuals p strong { color: black !important; } body#careers #main-container #contact-form-container #contact-form #contact-info-individuals strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#careers #main-container #contact-form-container #contact-form .who .who-left, body#careers #main-container #contact-form-container #contact-form .who .who-right { display: block; float: left; width: 300px; width: 21.428571428571427rem; } body#careers #main-container #contact-form-container #contact-form .who .who-left input, body#careers #main-container #contact-form-container #contact-form .who .who-right input { width: 100%; height: 40px; height: 2.857142857142857rem; color: black !important; } body#careers #main-container #contact-form-container #contact-form .who .who-left { margin-right: 40px; margin-right: 2.857142857142857rem; } body#careers #main-container #contact-form-container #contact-form .what textarea { width: 100%; color: black !important; } body#careers #main-container #contact-form-container input, body#careers #main-container #contact-form-container textarea { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; margin: 0px 0 20px 0; padding: 5px 5px 5px 8px; border: none; background: #F2F2EF; } body#careers #main-container #contact-form-container input p, body#careers #main-container #contact-form-container textarea p { margin: 18px 0!important; } body#careers #main-container #contact-form-container input strong, body#careers #main-container #contact-form-container textarea strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#careers #main-container #contact-form-container textarea { height: 200px; height: 14.285714285714286rem; padding: 8px 5px 10px 9px; } body#careers #main-container #contact-form-container .info { position: absolute; bottom: -30px; right: 0; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-size: 0.8571428571428571rem; line-height: 16px; line-height: 1.1428571428571428rem; color: #707070; } body#careers #main-container #contact-form-container .info strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#careers #main-container #contact-form-container input[type=submit] { float: right; background-color: #f5482a; color: white; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; width: 195px; width: 13.928571428571429rem; padding: 10px; height: 50px; height: 3.5714285714285716rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; color: white !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body#careers #main-container #contact-form-container input[type=submit]:hover, body#careers #main-container #contact-form-container input[type=submit].active { background-color: #292929; } body#careers #main-container #contact-form-container input[type=submit] p { margin: 22px 0!important; } body#careers #main-container #contact-form-container input[type=submit] strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#careers #main-container #contact-form-container label.filebutton { float: left; background-color: #707070; color: white; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; width: 195px; width: 13.928571428571429rem; height: 50px; height: 3.5714285714285716rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; color: white !important; margin: 0; padding: 10px; text-align: center; } body#careers #main-container #contact-form-container label.filebutton:hover, body#careers #main-container #contact-form-container label.filebutton.active { background-color: #292929; } body#careers #main-container #contact-form-container label.filebutton p { margin: 22px 0!important; } body#careers #main-container #contact-form-container label.filebutton strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#careers #main-container #contact-form-container label.filebutton span { display: block; overflow: hidden; width: 290px; width: 20.714285714285715rem; margin-left: -10px; } body#careers #main-container #contact-form-container label.filebutton span input { padding: 10px; padding: 0.7142857142857143rem; background-color: #707070; margin-left: -110px; margin-top: 15px; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; cursor: pointer; _cursor: hand; } body#careers #main-container #contact-form-container label.filebutton span input.visible { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#careers #main-container #contact-form-container .parsley-error { border: 1px solid red; } body#careers #main-container #contact-form-container .parsley-error:focus { -webkit-box-shadow: red 0 0 5px 0; -moz-box-shadow: red 0 0 5px 0; box-shadow: red 0 0 5px 0; } body#careers #main-container #contact-form-container .parsley-error-list { float: left; list-style-type: none; padding: 0; margin: 0; margin-top: -18px; margin-top: -1.2857142857142858rem; } body#careers #main-container #contact-form-container .parsley-error-list .required { color: #f5482a; padding: 0; margin: 0; font-size: 11px; line-height: 11px; } body#careers #main-container #contact-form-container #contact-info { overflow: hidden; margin-top: 0px; margin-bottom: 0px; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#careers #main-container #contact-form-container #contact-info p { margin: 18px 0!important; } body#careers #main-container #contact-form-container #contact-info strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#careers #main-container #contact-form-container #contact-info p { margin-top: 5px!important; margin-bottom: 15px; } body#careers #main-container #contact-form-container #contact-info p a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body#careers #main-container #contact-form-container #contact-info p a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } body#careers #main-container #contact-form-container #contact-form-text { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#careers #main-container #contact-form-container #contact-form-text p { margin: 18px 0!important; } body#careers #main-container #contact-form-container #contact-form-text strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#careers #main-container #contact-form-container #contact-form-text a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body#careers #main-container #contact-form-container #contact-form-text a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } body#contact #main-container #header-content { width: 1058px; width: 75.57142857142857rem; } body#contact #main-container #header-content #page-content { position: relative; margin-bottom: 24px; margin-bottom: 1.7142857142857142rem; } body#contact #main-container #contact-form-container { margin-top: 50px; margin-top: 3.5714285714285716rem; margin-bottom: 150px; margin-bottom: 10.714285714285714rem; background-color: white; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#contact #main-container #contact-form-container #response { display: none; } body#contact #main-container #contact-form-container #contact-form-title { padding-top: 21px; padding-top: 1.5rem; padding-bottom: 21px; padding-bottom: 1.5rem; margin-bottom: 40px; margin-bottom: 2.857142857142857rem; border-top: 2px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } body#contact #main-container #contact-form-container #success, body#contact #main-container #contact-form-container #errors { position: relative; float: left; width: 640px; width: 45.714285714285715rem; margin-right: 40px; margin-right: 2.857142857142857rem; color: #f5482a; } body#contact #main-container #contact-form-container #success h2, body#contact #main-container #contact-form-container #errors h2 { margin: 0px; } body#contact #main-container #contact-form-container #errors ul { margin-top: 0px; padding-left: 0px; color: white; } body#contact #main-container #contact-form-container #errors ul li { padding-left: 20px; background-color: #f5482a; color: white; margin-top: 2px; } body#contact #main-container #contact-form-container #success { min-height: 270px; } body#contact #main-container #contact-form-container #contact-form { position: relative; float: left; width: 640px; width: 45.714285714285715rem; margin-right: 40px; margin-right: 2.857142857142857rem; } body#contact #main-container #contact-form-container #contact-form #contact-info-individuals { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; text-align: justify; color: #515151; } body#contact #main-container #contact-form-container #contact-form #contact-info-individuals a, body#contact #main-container #contact-form-container #contact-form #contact-info-individuals strong { color: black !important; } body#contact #main-container #contact-form-container #contact-form #contact-info-individuals p { margin: 22px 0!important; } body#contact #main-container #contact-form-container #contact-form #contact-info-individuals p a, body#contact #main-container #contact-form-container #contact-form #contact-info-individuals p strong { color: black !important; } body#contact #main-container #contact-form-container #contact-form #contact-info-individuals strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #contact-form-container #contact-form .who .who-left, body#contact #main-container #contact-form-container #contact-form .who .who-right { display: block; float: left; width: 300px; width: 21.428571428571427rem; } body#contact #main-container #contact-form-container #contact-form .who .who-left input, body#contact #main-container #contact-form-container #contact-form .who .who-right input { width: 100%; height: 40px; height: 2.857142857142857rem; color: black !important; } body#contact #main-container #contact-form-container #contact-form .who .who-left { margin-right: 40px; margin-right: 2.857142857142857rem; } body#contact #main-container #contact-form-container #contact-form .what textarea { width: 100%; color: black !important; } body#contact #main-container #contact-form-container input, body#contact #main-container #contact-form-container textarea { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; margin: 0px 0 20px 0; padding: 5px 5px 5px 8px; border: none; background: #F2F2EF; } body#contact #main-container #contact-form-container input p, body#contact #main-container #contact-form-container textarea p { margin: 18px 0!important; } body#contact #main-container #contact-form-container input strong, body#contact #main-container #contact-form-container textarea strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #contact-form-container textarea { height: 200px; height: 14.285714285714286rem; padding: 8px 5px 10px 9px; } body#contact #main-container #contact-form-container .info { position: absolute; bottom: -30px; right: 0; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-size: 0.8571428571428571rem; line-height: 16px; line-height: 1.1428571428571428rem; color: #707070; } body#contact #main-container #contact-form-container .info strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #contact-form-container input[type=submit] { float: right; background-color: #f5482a; color: white; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; width: 195px; width: 13.928571428571429rem; padding: 10px; height: 50px; height: 3.5714285714285716rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; color: white !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body#contact #main-container #contact-form-container input[type=submit]:hover, body#contact #main-container #contact-form-container input[type=submit].active { background-color: #292929; } body#contact #main-container #contact-form-container input[type=submit] p { margin: 22px 0!important; } body#contact #main-container #contact-form-container input[type=submit] strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #contact-form-container label.filebutton { float: left; background-color: #707070; color: white; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; width: 195px; width: 13.928571428571429rem; height: 50px; height: 3.5714285714285716rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 21px; font-size: 1.5rem; line-height: 28px; line-height: 2rem; letter-spacing: 0.2px; color: white !important; margin: 0; padding: 10px; text-align: center; } body#contact #main-container #contact-form-container label.filebutton:hover, body#contact #main-container #contact-form-container label.filebutton.active { background-color: #292929; } body#contact #main-container #contact-form-container label.filebutton p { margin: 22px 0!important; } body#contact #main-container #contact-form-container label.filebutton strong { line-height: 25px; line-height: 1.7857142857142858rem; font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #contact-form-container label.filebutton span { display: block; overflow: hidden; width: 290px; width: 20.714285714285715rem; margin-left: -10px; } body#contact #main-container #contact-form-container label.filebutton span input { padding: 10px; padding: 0.7142857142857143rem; background-color: #707070; margin-left: -110px; margin-top: 15px; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; cursor: pointer; _cursor: hand; } body#contact #main-container #contact-form-container label.filebutton span input.visible { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#contact #main-container #contact-form-container .parsley-error { border: 1px solid red; } body#contact #main-container #contact-form-container .parsley-error:focus { -webkit-box-shadow: red 0 0 5px 0; -moz-box-shadow: red 0 0 5px 0; box-shadow: red 0 0 5px 0; } body#contact #main-container #contact-form-container .parsley-error-list { float: left; list-style-type: none; padding: 0; margin: 0; margin-top: -18px; margin-top: -1.2857142857142858rem; } body#contact #main-container #contact-form-container .parsley-error-list .required { color: #f5482a; padding: 0; margin: 0; font-size: 11px; line-height: 11px; } body#contact #main-container #contact-form-container #contact-info { overflow: hidden; margin-top: 0px; margin-bottom: 0px; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#contact #main-container #contact-form-container #contact-info p { margin: 18px 0!important; } body#contact #main-container #contact-form-container #contact-info strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #contact-form-container #contact-info p { margin-top: 5px!important; margin-bottom: 15px; } body#contact #main-container #contact-form-container #contact-info p a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body#contact #main-container #contact-form-container #contact-info p a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } body#contact #main-container #contact-form-container p { margin: 18px 0!important; } body#contact #main-container #contact-form-container strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #contact-form-container #contact-form-text { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-size: 1.1428571428571428rem; line-height: 23px; line-height: 1.6428571428571428rem; letter-spacing: 0.3px; } body#contact #main-container #contact-form-container #contact-form-text p { margin: 18px 0!important; } body#contact #main-container #contact-form-container #contact-form-text strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #contact-form-container #contact-form-text a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body#contact #main-container #contact-form-container #contact-form-text a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } body#contact #main-container #map { height: 450px; min-width: 1280px; min-width: 91.42857142857143rem; width: 100%; min-height: 328px; min-height: 23.428571428571427rem; max-height: 832px; max-height: 59.42857142857143rem; overflow: hidden; position: relative; background-color: #F2F2EF; } body#contact #main-container #map .slide { position: absolute; width: 100%; height: 100%; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#contact #main-container #map .slide.in { -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } body#contact #main-container #map.transition .slide.out { -webkit-transition: opacity 1500ms ease-in-out; -moz-transition: opacity 1500ms ease-in-out; -ms-transition: opacity 1500ms ease-in-out; -o-transition: opacity 1500ms ease-in-out; transition: opacity 1500ms ease-in-out; -webkit-transition: opacity 1500ms; -moz-transition: opacity 1500ms; -o-transition: opacity 1500ms; -ms-transition: opacity 1500ms; transition: opacity 1500ms; -khtml-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } body#contact #main-container #map.transition .slide.in { -webkit-transition: opacity 1500ms ease-in-out; -moz-transition: opacity 1500ms ease-in-out; -ms-transition: opacity 1500ms ease-in-out; -o-transition: opacity 1500ms ease-in-out; transition: opacity 1500ms ease-in-out; -webkit-transition: opacity 1500ms; -moz-transition: opacity 1500ms; -o-transition: opacity 1500ms; -ms-transition: opacity 1500ms; transition: opacity 1500ms; -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } body#contact #main-container #map img { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; transition: opacity 1s; display: block; top: 0; bottom: 0; margin: auto; width: 100%; } body#contact #main-container #map.image { min-height: 835px; } body#contact #main-container #map img { -khtml-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; position: absolute; top: 0; left: 0; } body#contact #main-container #map iframe { position: absolute; top: 0px; right: 0px; border: none; -webkit-transition: left 15s ease-in-out; -moz-transition: left 15s ease-in-out; -ms-transition: left 15s ease-in-out; -o-transition: left 15s ease-in-out; transition: left 15s ease-in-out; -webkit-transition: left 15s; -moz-transition: left 15s; -o-transition: left 15s; -ms-transition: left 15s; transition: left 15s; } body#contact #main-container #legal { min-width: 1158px; min-width: 82.71428571428571rem; margin-top: 100px; margin-top: 7.142857142857143rem; background-color: #F2F2EF; } body#contact #main-container #legal a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body#contact #main-container #legal a:hover { border-bottom: 1px solid rgba(245, 72, 42, 0.1); } body#contact #main-container #legal #legal-content, body#contact #main-container #legal #credits-content { float: left; width: 440px; width: 31.428571428571427rem; margin-top: 50px; margin-top: 3.5714285714285716rem; margin-left: 128px; margin-left: 9.142857142857142rem; padding-left: 40px; padding-left: 2.857142857142857rem; padding-right: 40px; padding-right: 2.857142857142857rem; margin-bottom: 50px; margin-bottom: 3.5714285714285716rem; font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-size: 0.8571428571428571rem; line-height: 16px; line-height: 1.1428571428571428rem; } body#contact #main-container #legal #legal-content strong, body#contact #main-container #legal #credits-content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #legal #legal-content strong, body#contact #main-container #legal #credits-content strong { font-family: "Haas Grot Disp 75 Bold", Helvetica, Arial, "Lucida Grande", sans-serif; } body#contact #main-container #legal #legal-content h4, body#contact #main-container #legal #credits-content h4 { margin-bottom: 30px; margin-bottom: 2.142857142857143rem; } body#contact #main-container #legal #legal-content p, body#contact #main-container #legal #credits-content p { margin-bottom: 14px; margin-bottom: 1rem; } body#contact #main-container #legal #credits-content { margin-left: 150px; } /* ========================================================================== Site's defaults http://www.google.com/fonts#UsePlace:use/Collection:Merriweather+Sans ========================================================================== */ body { font-family: "Haas Grot Disp 55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 100; line-height: 1.4rem; background-color: white; color: black; margin: 0!important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop); zoom: 1; } a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; color: black; text-decoration: none; } a:hover { color: #f5482a; text-decoration: none; } h1, h2, h3, h4, h5, h6, strong { font-weight: normal; } /*# sourceMappingURL=main.css.map */