@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,500,700,700i,800");
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

html { color: #222; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

@font-face { font-family: "univers"; src: url("fonts/UniversLTStd-UltraCn.eot?#iefix") format("embedded-opentype"), url("fonts/UniversLTStd-UltraCn.otf") format("opentype"), url("fonts/UniversLTStd-UltraCn.woff") format("woff"), url("fonts/UniversLTStd-UltraCn.ttf") format("truetype"), url("fonts/UniversLTStd-UltraCn.svg#fonts/UniversLTStd-UltraCn") format("svg"); font-weight: normal; font-style: normal; }
#preload { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ececec; z-index: 1000; }
#preload #preload-logo { position: absolute; width: 35px; height: 33px; top: 53px; right: 53px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#preload .wrapper { position: relative; top: 50%; }
#preload .prices { position: absolute; width: 80%; margin: -200px auto auto 10%; top: 50%; text-align: center; display: none; }
#preload .prices .price { display: inline-block; margin: 0 30px 0 0; background-image: url("/img/assets.png"); background-repeat: no-repeat; }
#preload .prices .price:last-child { margin-right: 0px; }
#preload .prices .price.price1 { width: 160px; height: 77px; background-position: -3px -6px; }
#preload .prices .price.price2 { width: 160px; height: 77px; background-position: -173px -2px; }
#preload .prices .price.price3 { width: 160px; height: 77px; background-position: -339px -1px; }
#preload .prices .price.price4 { width: 160px; height: 77px; background-position: -3px -90px; }
#preload .title { position: absolute; width: 70%; margin: -5% auto auto 15%; top: 50%; text-align: center; }
#preload .title.fr { width: 50%; margin-left: 25%; }

@media only screen and (max-width: 800px) { #preload { position: absolute; }
  #preload #preload-logo { top: 25px; right: 25px; }
  #preload .wrapper { top: 25%; }
  #preload .title, #preload .title.fr { width: 70%; margin: -5% auto auto 15%; top: 0px; }
  #preload .prices { position: absolute; width: 100%; margin: 120px auto auto auto; top: 0px; text-align: center; }
  #preload .prices .price { margin: 0; -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } }
@media only screen and (max-width: 800px) and (orientation: landscape) { #preload { position: absolute; }
  #preload .title, #preload .title.fr { width: 50%; margin: -5% auto auto 25%; }
  #preload .prices { width: 60%; margin: 100px auto auto 20%; } }
@media only screen and (max-width: 320px), only screen and (max-width: 480px) and (orientation: landscape) { #preload .prices { margin: 100px auto auto 10%; width: 90%; }
  #preload .prices .price { margin: -20px auto 0 -40px; -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } }
@media only screen and (max-width: 568px) and (orientation: landscape) { #preload .wrapper { top: 17%; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #preload .prices .price { background-image: url("/img/assets2x.png"); background-size: 500px 277px; } }
#homepage { overflow: visible; }
#homepage .nav-indicator { position: fixed; display: block; top: 143px; left: 86px; height: 200px; margin: 0; padding: 0; z-index: 9; }
#homepage .nav-indicator li { color: grey; margin-top: 10px; cursor: pointer; width: 30px; height: 23px; padding: 8px 10px; background-color: transparent; }
#homepage .nav-indicator li .fake { position: absolute; min-width: 60px; height: 23px; z-index: 1; margin-left: -30px; margin-top: -8px; padding: 8px 10px; display: inline-block; }
#homepage .nav-indicator li span { font-family: "Raleway", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: 1px; display: none; color: #FFF; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#homepage .nav-indicator li:first-child { margin: 0; }
#homepage .nav-indicator li.current { color: #FFF; }
#homepage .nav-indicator li.over { width: auto; height: auto; }
#homepage .nav-indicator li.over span { display: inline-block; }
#homepage .nav-indicator li:hover { background-color: #9c876a; }
#homepage .nav-indicator li:hover span { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#homepage .nav-indicator.dark li.current { color: #000; }
#homepage .nav-indicator.dark li:hover { background-color: #9c876a; }

#homepage section.intro { position: relative; background-color: #1e1e1e; margin: 0; }
#homepage section.intro div.left { position: relative; width: 50%; height: 100%; }
#homepage section.intro div.left .image { position: absolute; z-index: 1; top: 0; left: 0; width: 100.2%; height: 100%; background-position: center right; background-size: cover; }
#homepage section.intro div.right { position: absolute; left: 50%; width: 50%; height: 100%; top: 0px; overflow: hidden; background-color: #070707; }
#homepage section.intro div.right.ontop { z-index: 3 !important; }
#homepage section.intro div.right .container-right { position: absolute; height: inherit; overflow: hidden; width: 100%; height: 100%; z-index: 1; background-color: #070707; }
#homepage section.intro div.right .container-right .image { position: relative; width: 100%; height: 100%; background-position: center left; background-size: cover; margin-left: -2px; }
#homepage section.intro div.right .container-right .during-content { position: absolute; height: 100%; width: 60%; color: #FFF; left: 20%; font-family: "Raleway", sans-serif; font-weight: 500; font-size: 17px; line-height: 28px; letter-spacing: 1px; background-color: #070707; }
#homepage section.intro div.right .container-right .during-content p { margin: 0; padding: 0; }
#homepage section.intro div.right .container-right .during-content p:first-child { margin-top: 160px; }
#homepage section.intro #nav-makingof { display: inline-block; color: #FFF; margin-top: 30px; text-decoration: none; border-bottom: 2px solid #9c876a; padding: 0 0 3px 0; font-family: "Raleway", sans-serif; font-weight: 500; font-size: 17px; line-height: 28px; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.intro #nav-makingof:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
#homepage section.intro .follow { position: absolute; right: 66px; bottom: 56px; margin: 0; padding: 0; list-style-type: none; z-index: 2; }
#homepage section.intro .follow li { margin: 0 0 0 15px; padding: 0px; color: #FFF; font-family: "Raleway", sans-serif; font-weight: 500; font-size: 17px; letter-spacing: 1px; display: inline-block; }
#homepage section.intro .follow li:first-child { margin: 0 30px 0 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#homepage section.intro .follow li a { display: block; margin: 0; padding: 0; }
#homepage section.intro .follow li a img { width: 26px; height: auto; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.intro .follow li a img.facebook, #homepage section.intro .follow li a img.instagram, #homepage section.intro .follow li a img.twitter { height: 23px; width: auto; }
#homepage section.intro .follow li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }
#homepage section.intro .center { position: absolute; left: 50%; top: 45%; width: 700px; margin-left: -350px; z-index: 2; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#homepage section.intro .center img.title { position: relative; }
#homepage section.intro .center h2 { position: relative; width: 340px; color: #FFF; margin: 20px 0 0 0; display: block; font-weight: 400; font-family: "Raleway", sans-serif; font-size: 19px; letter-spacing: 1px; }
#homepage section.intro .center .arrow { position: relative; left: 50%; width: 50px; height: 50px; margin-left: -24.5px; cursor: pointer; background-color: #FFF; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
#homepage section.intro .center .arrow img { position: absolute; width: 21px; height: 12px; top: 50%; left: 50%; margin: -6px 0 0 -10.5px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=62); opacity: 0.62; }

@media screen and (max-width: 800px) { #homepage.mobile section.intro div.center { width: 80%; margin: 0 10%; top: 15%; left: 0px; }
  #homepage.mobile section.intro div.center h2 { width: 100%; text-align: center; margin-bottom: 40px; }
  #homepage.mobile section.intro .follow { top: 47%; width: 90%; right: auto; margin: 0 0 0 14%; }
  #homepage.mobile section.intro .follow li:first-child { visibility: hidden; }
  #homepage.mobile section.intro div.left { width: 50%; height: 50%; }
  #homepage.mobile section.intro div.right { width: 100%; height: 200%; left: 0px; z-index: 0; }
  #homepage.mobile section.intro div.right .container-right { width: 100%; height: 100%; }
  #homepage.mobile section.intro div.right .container-right .image { width: 50%; left: 50%; height: 25%; }
  #homepage.mobile section.intro div.right .container-right .during-content { height: 100%; width: 100%; left: 0px; margin: 0px; }
  #homepage.mobile section.intro div.right .container-right .during-content p, #homepage.mobile section.intro div.right .container-right .during-content p:first-child { margin: 0; font-size: 14px; line-height: 24px; padding: 30% 25px 5% 25px; }
  #homepage.mobile section.intro #nav-makingof { width: auto; margin: 0 25px; display: inline; z-index: 10; position: absolute; } }
@media only screen and (max-width: 800px) and (orientation: landscape) { #homepage.mobile section.intro div.center { top: 10%; }
  #homepage.mobile section.intro .follow { width: auto; right: 25px; margin: 0px; top: 45%; }
  #homepage.mobile section.intro div.right .container-right .during-content p, #homepage.mobile section.intro div.right .container-right .during-content p:first-child { padding-top: 10%; } }
@media only screen and (max-width: 320px), only screen and (max-width: 480px) and (orientation: landscape) { #homepage.mobile section.intro div.center { top: 15%; }
  #homepage.mobile section.intro div.center .title, #homepage.mobile section.intro div.center .title.fr { width: 80%; display: block; margin: auto; }
  #homepage.mobile section.intro div.center h2 { font-size: 14px; margin-bottom: 20px; }
  #homepage.mobile section.intro .follow { top: 46%; margin: 0 0 0 15%; }
  #homepage.mobile section.intro .follow li { margin: 0 0 0 10px; }
  #homepage.mobile section.intro .follow li:first-child { margin: 0; }
  #homepage.mobile section.intro div.right .container-right .during-content p, #homepage.mobile section.intro div.right .container-right .during-content p:first-child { padding: 10% 25px 2% 25px; font-size: 12px !important; line-height: 18px; }
  #homepage.mobile section.intro #nav-makingof { font-size: 12px; } }
@media only screen and (max-width: 480px) and (orientation: landscape) { #homepage.mobile section.intro .follow { top: 44%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #homepage section.intro div.center { top: 20%; }
  #homepage section.intro .follow { top: 47%; }
  #homepage section.intro div.left { width: 50%; height: 50%; }
  #homepage section.intro div.left .image { background-position: bottom center; }
  #homepage section.intro div.right { width: 100%; height: 100%; left: 0px; z-index: 0; }
  #homepage section.intro div.right .container-right { width: 100%; height: 100%; }
  #homepage section.intro div.right .container-right .image { width: 50%; left: 50%; height: 50%; background-position: bottom center; }
  #homepage section.intro div.right .container-right .during-content { height: 100%; width: 100%; left: 0px; margin: 0px; }
  #homepage section.intro div.right .container-right .during-content p, #homepage section.intro div.right .container-right .during-content p:first-child { margin: auto; width: 65%; padding: 20% 0 2% 0; }
  #homepage section.intro #nav-makingof { width: auto; margin: 0 17.5%; display: inline; z-index: 10; position: absolute; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #homepage section.intro div.left .image { background-position: bottom; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #homepage section.intro div.right .container-right p, #homepage section.intro div.right .container-right p:first-child { font-size: 20px; line-height: 38px; } }
#homepage section.trailer { background-color: #ececec; height: auto; margin: 0px 0 100px 0; }
#homepage section.trailer .about-creator { font-family: "Raleway", sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; width: 70%; margin: 80px auto 50px auto; position: relative; }
#homepage section.trailer div.center { display: inline-block; text-align: center; width: 100%; margin-top: 50px; }
#homepage section.trailer div.center div.quote { position: relative; width: 80%; max-width: 1100px; margin: 0 auto 75px auto; text-align: left; }
#homepage section.trailer div.center div.quote span { position: relative; width: 60%; left: -30px; font-family: "Raleway", sans-serif; }
#homepage section.trailer div.center div.quote span.content { font-size: 36px; font-weight: 400; font-style: italic; color: #161515; border-bottom: 2px solid #9c876a; padding: 0 0 2px 0; }
#homepage section.trailer div.center div.quote span.author { display: block; width: 60%; font-size: 10px; font-weight: 800; color: #9c876a; text-transform: uppercase; margin-top: 15px; }
#homepage section.trailer div.center div.video { position: relative; display: block; margin: 0 auto; width: 80%; max-width: 1100px; height: 580px; border: 30px solid #dcdcdc; }
#homepage section.trailer div.center div.video.start:before { content: " "; background: url("/img/section2/background_video.jpg") no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; display: block; z-index: 1; }
#homepage section.trailer div.center div.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: none; }
#homepage section.trailer div.center div.video div.play { width: 210px; height: 42px; border: 2px solid #FFF; border-radius: 50px; position: absolute; left: 50%; top: 50%; margin-left: -105px; margin-top: -21px; z-index: 10; cursor: pointer; }
#homepage section.trailer div.center div.video div.play.fr { width: 280px; margin-left: -140px; }
#homepage section.trailer div.center div.video div.play img { position: absolute; height: 13px; left: 20px; top: 50%; margin-top: -6.5px; }
#homepage section.trailer div.center div.video div.play p { margin-left: 20px; color: #FFF; font-family: "Raleway", sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 1px; line-height: 6px; }
#homepage section.trailer div.center div.video .fake-play { position: absolute; width: 210px; height: 42px; top: 0; z-index: 1; }
#homepage section.trailer div.center .share-video { position: relative; width: 80%; max-width: 1100px; margin: 35px auto auto auto; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#homepage section.trailer div.center .share-video ul { position: absolute; display: inline; margin: 0 -30px 0 0; padding: 0; right: 0px; list-style-type: none; }
#homepage section.trailer div.center .share-video li { display: inline-block; margin: 0 0 0 20px; color: #9c876a; font-family: "Raleway", sans-serif; font-size: 12px; font-weight: 700; }
#homepage section.trailer div.center .share-video li:first-child { margin: 0; }
#homepage section.trailer div.center .share-video li img { width: 17px; height: auto; }
#homepage section.trailer div.center .share-video li img.facebook { position: relative; height: 19px; width: auto; top: -1px; }
#homepage section.trailer div.center .share-video li a { -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.trailer div.center .share-video li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }

@media only screen and (max-width: 800px) { #homepage.mobile section.trailer { height: auto; margin-bottom: 0px; }
  #homepage.mobile section.trailer div.center { margin-top: 50px; }
  #homepage.mobile section.trailer div.center div.quote span { left: auto; }
  #homepage.mobile section.trailer div.center div.video { height: 300px; }
  #homepage.mobile section.trailer div.center div.video iframe { display: block; }
  #homepage.mobile section.trailer div.center div.video div.play { display: none; }
  #homepage.mobile section.trailer div.center .share-video { margin: 35px auto 35px auto; }
  #homepage.mobile section.trailer div.center .share-video ul { position: relative; margin: 0px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #homepage section.trailer div.center div.quote { width: 70%; margin-bottom: 75px; }
  #homepage section.trailer div.center div.video { width: 70%; height: 500px; }
  #homepage section.trailer div.center .share-video { width: 70%; } }
#homepage section.installation { background-color: #ececec; }
#homepage section.installation .left { background-color: #000000; position: absolute; width: 50%; height: 100%; top: 0; overflow: hidden; }
#homepage section.installation .left div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
#homepage section.installation .right { position: absolute; left: 50%; width: 50%; height: 100%; background-color: #FFF; overflow: hidden; }
#homepage section.installation .right .wrapper .icon { position: relative; width: 103px; height: 103px; margin: 0 0 65px 0; background-image: url("/img/assets.png"); background-repeat: no-repeat; background-position: 0 -173px; }
#homepage section.installation .right .wrapper h1 { margin: 0 0 40px 0; padding: 0; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: 0.5px; }
#homepage section.installation .right .wrapper p { margin: 0; padding: 0; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 700; line-height: 28px; }
#homepage section.installation .right .wrapper a.round-button { display: inline-block; margin: 40px 0 0 0; color: #9c876a; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 500; border: 2px solid #9c876a; padding: 8px 15px 8px 15px; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
#homepage section.installation .right .wrapper a.back { position: absolute; display: block; margin: 20px 0 0 0; width: 45px; height: 45px; cursor: pointer; background-color: #9c876a; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
#homepage section.installation .right .wrapper a.back .icon { width: 13px; height: 23px; margin: 10px 0px 0px 14px; background-image: url("/img/assets.png"); background-repeat: no-repeat; background-position: -255px -253px; }
#homepage section.installation .right .wrapper a.back.not-active { display: none; }
#homepage section.installation .right .footer-black { position: absolute; width: 100%; height: 120px; bottom: 0px; background-color: #252525; }
#homepage section.installation .right .footer-black.not-ready .wrapper .f-left { display: none !important; }
#homepage section.installation .right .footer-black.not-ready .wrapper .f-right { width: 100%; }
#homepage section.installation .right .footer-black .wrapper { margin-top: 20px; color: #9c876a; height: auto; }
#homepage section.installation .right .footer-black .wrapper .f-left, #homepage section.installation .right .footer-black .wrapper .f-right { width: 40%; float: left; margin-left: 10%; }
#homepage section.installation .right .footer-black .wrapper .f-left h2, #homepage section.installation .right .footer-black .wrapper .f-right h2 { position: relative; width: 100%; top: 0px; height: 80px; margin: 0; padding: 0; color: #9c876a; font-family: "Raleway", sans-serif; font-weight: 400; font-size: 15px; line-height: 18px; }
#homepage section.installation .right .footer-black .wrapper .f-left a, #homepage section.installation .right .footer-black .wrapper .f-right a { position: absolute; bottom: 0px; color: #9c876a; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 10px; letter-spacing: 0.5px; border-bottom: 2px solid #9c876a; padding: 0 0 1px 0; text-decoration: none; display: inline; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.installation .right .footer-black .wrapper .f-left a:hover, #homepage section.installation .right .footer-black .wrapper .f-right a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#homepage section.installation .right .footer-black .wrapper .f-left { margin-left: 0px; }
#homepage section.installation .right .footer-black.not-active { display: none; }
#homepage section.installation .right .wrapper, #homepage section.installation .tour-dates .wrapper, #homepage section.installation .footer-black .wrapper { position: absolute; width: 60%; color: #000; left: 20%; margin-top: 80px; }
#homepage section.installation .tour-dates { position: absolute; left: 50%; width: 50%; height: 100%; background-color: #ebebeb; overflow: auto; display: none; }
#homepage section.installation .tour-dates .wrapper { margin-top: 85px; overflow: hidden; }
#homepage section.installation .tour-dates .wrapper p { font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 700; line-height: 28px; color: #212121; }
#homepage section.installation .tour-dates .wrapper form label { display: block; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 700; line-height: 28px; color: #212121; }
#homepage section.installation .tour-dates .wrapper form .select_country, #homepage section.installation .tour-dates .wrapper form .f_email { margin: 0 0 70px 0; background-color: #ebebeb; padding: 8px 15px 8px 15px; border: 1px solid #9c876a; width: 85%; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
#homepage section.installation .tour-dates .wrapper form .select_country.invalid, #homepage section.installation .tour-dates .wrapper form .f_email.invalid { color: red; border-color: red; }
#homepage section.installation .tour-dates .wrapper form .select_country { padding: 6px 15px 6px 15px; }
#homepage section.installation .tour-dates .wrapper form .f_country { width: 100%; background-color: #ebebeb; border: none; }
#homepage section.installation .tour-dates .wrapper form .f_country, #homepage section.installation .tour-dates .wrapper form .f_email { font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 700; }
#homepage section.installation .tour-dates .wrapper form .f_country:focus, #homepage section.installation .tour-dates .wrapper form .f_email:focus { outline: none; }
#homepage section.installation .tour-dates .wrapper form .f_email { text-indent: 8px; }
#homepage section.installation .tour-dates .wrapper form .error { position: relative; top: -55px; color: red; font-family: "Raleway", sans-serif; font-size: 10.5px; font-weight: 700; display: none; }
#homepage section.installation .tour-dates .wrapper form .error.invalid { display: block; }
#homepage section.installation .tour-dates .wrapper form .register { display: block; padding: 8px 15px 8px 15px; cursor: pointer; color: #FFF; border: none; margin-bottom: 113px; background-color: #9c876a; text-transform: uppercase; letter-spacing: 0.5px; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 800; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; }
#homepage section.installation .tour-dates .wrapper form .register:hover { background-color: #000; }
#homepage section.installation .tour-dates .wrapper form .register:focus { outline: none; }
#homepage section.installation .tour-dates .tour-title { margin: 0 0 40px 0; color: #9c876a; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; line-height: 30px; letter-spacing: 1px; }
#homepage section.installation .tour-dates .dates { position: relative; }
#homepage section.installation .tour-dates .dates .item-tour-dates { position: relative; margin: 0 0 55px 0; min-height: 85px; }
#homepage section.installation .tour-dates .dates .item-tour-dates h1 { width: 95%; margin: 0 0 15px 0; padding: 0; color: #323232; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; }
#homepage section.installation .tour-dates .dates .item-tour-dates h3 { margin: 0; padding: 0; color: #323232; font-family: "univers"; font-size: 20px; line-height: 20px; text-transform: uppercase; letter-spacing: 2px; }
#homepage section.installation .tour-dates .dates .item-tour-dates .location { margin: 0; padding: 0; color: #000; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 12px; line-height: 20px; letter-spacing: 1px; }
#homepage section.installation .tour-dates .dates .item-tour-dates .more-link { position: relative; margin: 15px 0 0 0; color: #9c876a; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 10px; letter-spacing: 0.5px; border-bottom: 2px solid #9c876a; padding: 0 0 1px 0; display: inline-block; cursor: pointer; text-decoration: none; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.installation .tour-dates .dates .item-tour-dates .more-link:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }

@media only screen and (max-width: 800px) { #homepage section.installation { height: auto; }
  #homepage section.installation .left, #homepage section.installation .right { width: 100%; left: 0px; position: relative; height: auto; }
  #homepage section.installation .right .wrapper { position: relative; left: 0px; margin: 50px 10% 0 10%; width: 80%; }
  #homepage section.installation .right .wrapper a.round-button { display: none; }
  #homepage section.installation .right .footer-black { display: block; position: relative; bottom: auto; margin: 50px 0 0 0; padding: 50px 0; }
  #homepage section.installation .right .footer-black.not-active { display: block !important; }
  #homepage section.installation .right .footer-black .wrapper { left: 0px; width: 80%; margin: 0 10% 0 10%; }
  #homepage section.installation .right .footer-black .wrapper .f-left { margin-bottom: 50px; }
  #homepage section.installation .right .footer-black .wrapper .f-left, #homepage section.installation .right .footer-black .wrapper .f-right { width: 100%; display: block; margin-left: 0px; }
  #homepage section.installation .right .footer-black .wrapper .f-left h2, #homepage section.installation .right .footer-black .wrapper .f-right h2 { position: relative; width: auto; top: auto; margin: 0; }
  #homepage section.installation .right .footer-black .wrapper .f-left a, #homepage section.installation .right .footer-black .wrapper .f-right a { position: relative; bottom: 0px; }
  #homepage section.installation .tour-dates { position: relative; width: 100%; left: 0px; height: auto; display: block; }
  #homepage section.installation .tour-dates .wrapper { position: relative; width: 80%; margin: 50px 10% 50px 10%; left: 0px; } }
@media only screen and (max-width: 800px) and (orientation: landscape) { #homepage section.installation .left { min-height: 500px !important; }
  #homepage section.installation .right .footer-black { padding: 50px 0 10px 0; } }
@media only screen and (max-width: 320px), only screen and (max-width: 480px) and (orientation: landscape) { #homepage section.installation .right .footer-black { padding: 50px 0 70px 0; }
  #homepage section.installation .tour-dates .dates .item-tour-dates .more-link { position: relative; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #homepage section.installation .left .wrapper, #homepage section.installation .right .wrapper { width: 70%; }
  #homepage section.installation .left .wrapper a.back, #homepage section.installation .right .wrapper a.back { margin-top: 20px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #homepage section.installation .right .wrapper .icon { background-image: url("/img/assets2x.png"); background-size: 500px 277px; }
  #homepage section.installation .right .wrapper a.back .icon { background-image: url("/img/assets2x.png"); background-size: 500px 277px; } }
#homepage section.application { background-color: #ececec; }
#homepage section.application .left { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #FFF; }
#homepage section.application .left .wrapper { position: absolute; width: 60%; color: #000; left: 20%; margin-top: 160px; }
#homepage section.application .left .wrapper .icon { position: relative; width: 102px; height: 102px; margin: 0 0 65px 0; background-image: url("/img/assets.png"); background-repeat: no-repeat; background-position: -106px -171px; }
#homepage section.application .left .wrapper h1 { margin: 0 0 40px 0; padding: 0; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: 0.5px; }
#homepage section.application .left .wrapper p { margin: 0 0 20px 0; padding: 0; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 700; line-height: 28px; }
#homepage section.application .left .wrapper .infos-stores { margin: 0 0 30px 0; padding: 0; font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; }
#homepage section.application .left .wrapper a.store { display: inline-block; background-image: url("/img/assets.png"); background-repeat: no-repeat; margin-right: 15px; cursor: pointer; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.application .left .wrapper a.store:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#homepage section.application .left .wrapper a.store.google { width: 139px; height: 42px; background-position: -318px -82px; }
#homepage section.application .left .wrapper a.store.apple { width: 145px; height: 42px; background-position: -171px -82px; }
#homepage section.application .left .wrapper a.store.last-child { margin-right: 0px; }
#homepage section.application .right { background-color: #FFF; position: absolute; width: 50%; height: 100%; top: 0; left: 50%; overflow: hidden; }
#homepage section.application .right div { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }

@media only screen and (max-width: 800px) { #homepage section.application { height: auto; }
  #homepage section.application .left, #homepage section.application .right { width: 100%; left: 0px; position: relative; height: auto; }
  #homepage section.application .left .wrapper { position: relative; left: 0px; padding: 50px 10% 50px 10%; width: 80%; margin: 0; } }
@media only screen and (max-width: 800px) and (orientation: landscape) { #homepage section.application .right { min-height: 500px !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #homepage section.application .left .wrapper { width: 70%; margin-top: 80px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #homepage section.application .left .wrapper { width: 70%; margin-top: 0px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #homepage section.application .left .wrapper .icon, #homepage section.application .left .wrapper div.store { background-image: url("/img/assets2x.png"); background-size: 500px 277px; } }
#homepage section.map { background-color: #000; }
#homepage section.map #map { height: 100%; }
#homepage section.map #toggle-legend { display: none; }
#homepage section.map #legend { position: absolute; bottom: 0px; width: 100%; height: 160px; }
#homepage section.map #legend .left, #homepage section.map #legend .right { position: relative; float: left; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
#homepage section.map #legend .left h2, #homepage section.map #legend .right h2 { margin: 20px 0 20px 35px; padding: 0; font-family: "Raleway", sans-serif; font-size: 20px; font-weight: 700; color: #FFF; text-transform: uppercase; letter-spacing: 2px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55); opacity: 0.55; }
#homepage section.map #legend .left .box, #homepage section.map #legend .right .box { color: #FFF; display: inline-block; margin: 0 40px 0 0; }
#homepage section.map #legend .left .box.b1, #homepage section.map #legend .right .box.b1 { margin: 0 40px 0 35px; }
#homepage section.map #legend .left .box.b7, #homepage section.map #legend .right .box.b7 { margin: 0; width: 200px; }
#homepage section.map #legend .left .box.b7 .label, #homepage section.map #legend .right .box.b7 .label { display: block; }
#homepage section.map #legend .left .box .number, #homepage section.map #legend .right .box .number { font-family: "univers"; font-size: 40px; font-weight: normal; line-height: 20px; letter-spacing: 1px; display: block; }
#homepage section.map #legend .left .box .label, #homepage section.map #legend .left .box .small-label, #homepage section.map #legend .left .box .small-number, #homepage section.map #legend .right .box .label, #homepage section.map #legend .right .box .small-label, #homepage section.map #legend .right .box .small-number { font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 400; }
#homepage section.map #legend .left .box .small-number, #homepage section.map #legend .right .box .small-number { font-size: 17px; weight: 700; }
#homepage section.map #legend .left .box .small-label, #homepage section.map #legend .right .box .small-label { position: relative; top: -17px; font-size: 11px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
#homepage section.map #legend .left { width: 59.9%; }
#homepage section.map #legend .left.simple-version { display: none; }
#homepage section.map #legend .right { width: 40%; margin-left: 0.1%; }
#homepage section.map #legend .right.simple-version { width: 100%; margin-left: 0px; }
#homepage section.map #legend .right .legend-info { display: inline-block; margin: 0 35px 0 0; }
#homepage section.map #legend .right .legend-info.l1 { margin-left: 35px; }
#homepage section.map #legend .right .legend-info.l3 { margin-right: 0px; }
#homepage section.map #legend .right .legend-info img { display: inline-block; margin-right: 10px; }
#homepage section.map #legend .right .legend-info .icon { background-color: #FFF; width: 6px; height: 6px; display: inline-block; margin-right: 5px; position: relative; top: -0.5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
#homepage section.map #legend .right .legend-info span { font-family: "Raleway", sans-serif; font-weight: 400; font-size: 13px; color: #FFF; }
#homepage section.map #popup { position: absolute; top: 105px; right: 50px; width: 360px; height: 520px; background-color: rgba(27, 27, 27, 0.9); }
#homepage section.map #popup img { display: block; border: 17px solid #FFF; margin: 25px auto 10px auto; }
#homepage section.map #popup .infos { position: relative; margin: 0 28px; }
#homepage section.map #popup .infos .left, #homepage section.map #popup .infos .right { float: left; width: 145px; margin-right: 8px; }
#homepage section.map #popup .infos .left .name, #homepage section.map #popup .infos .right .name { color: #FFF; font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; border-bottom: 2px solid #FFF; display: block; padding-bottom: 4px; margin-bottom: 5px; }
#homepage section.map #popup .infos .left .gang, #homepage section.map #popup .infos .right .gang { color: #FFF; text-transform: uppercase; font-family: "univers"; font-size: 15px; line-height: 17px; letter-spacing: 1px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=78); opacity: 0.78; }
#homepage section.map #popup .infos .right { margin-right: 0px; }
#homepage section.map #popup .infos .title { margin: 15px 0px 15px 0px; color: #323232; font-family: "Raleway", sans-serif; font-size: 20px; font-weight: 700; line-height: 20px; text-transform: uppercase; }
#homepage section.map #popup .infos .date { margin: 0 0px 15px 0px; color: #FFF; font-family: "univers"; font-size: 20px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; }
#homepage section.map #popup .infos .content { font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 400; color: #323232; line-height: 16px; letter-spacing: 1px; margin: 0; letter-spacing: 1px; }
#homepage section.map #popup .infos .more-link { position: relative; margin: 20px 0 0 0; color: #000; text-decoration: none; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 10px; letter-spacing: 0.5px; border-bottom: 2px solid #000; padding: 0 0 1px 0; display: inline-block; cursor: pointer; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.map #popup .infos .more-link:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#homepage section.map #popup.installation { background-color: rgba(154, 137, 106, 0.9); }
#homepage section.map #popup.installation .infos { margin: 0 20px; }

@media only screen and (max-width: 800px) { #homepage section.map #legend { height: 250px; }
  #homepage section.map #legend .right .legend-info, #homepage section.map #legend .right .l1, #homepage section.map #legend .right .l2, #homepage section.map #legend .right .l3 { display: block; margin: 10px 0 0 35px; }
  #homepage section.map #legend .right .l2 { margin-left: 36px; }
  #homepage section.map #legend .right .l3 { margin-left: 50px; }
  #homepage section.map #legend .right .l3 .icon { margin-right: 27px; }
  #homepage section.map #popup { top: 5%; right: 5%; width: 90%; height: 90%; background-color: #1b1b1b; }
  #homepage section.map #popup.installation { background-color: #9a896a; }
  #homepage section.map #popup .infos .left, #homepage section.map #popup .infos .right { width: 46%; margin-right: 3%; } }
@media only screen and (max-width: 320px), only screen and (max-width: 480px) and (orientation: landscape) { #homepage section.map { height: 480px; } }
@media only screen and (max-width: 1450px) { #homepage section.map #legend { height: auto; }
  #homepage section.map #legend .right, #homepage section.map #legend .left { float: auto; width: 100%; height: auto; }
  #homepage section.map #legend .left { padding-top: 10px; }
  #homepage section.map #legend .left .box { margin: 0 40px 30px 35px; }
  #homepage section.map #legend .left .b7, #homepage section.map #legend .left .b6 { margin-bottom: 0px; }
  #homepage section.map #legend .right { padding-bottom: 20px; } }
@media only screen and (max-width: 800px) { #homepage section.map #popup { z-index: 101; }
  #homepage section.map #toggle-legend { display: block; position: absolute; font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 500; color: #FFF; right: 20px; bottom: 20px; text-transform: uppercase; z-index: 100; }
  #homepage section.map #toggle-legend span:last-child { display: none; }
  #homepage section.map #toggle-legend.open span:last-child { display: block; }
  #homepage section.map #toggle-legend.open span:first-child { display: none; }
  #homepage section.map #legend { display: none; }
  #homepage section.map #legend .right, #homepage section.map #legend .left { background-color: #000; }
  #homepage section.map #legend .right .box, #homepage section.map #legend .left .box { display: block; margin: 0 !important; padding: 0 0 0 35px; }
  #homepage section.map #legend .right .box.b2, #homepage section.map #legend .right .box.b4, #homepage section.map #legend .left .box.b2, #homepage section.map #legend .left .box.b4 { padding-top: 10px; padding-bottom: 30px; }
  #homepage section.map #legend .right .box.b5, #homepage section.map #legend .left .box.b5 { padding-bottom: 30px; }
  #homepage section.map #legend .right .box.b6, #homepage section.map #legend .left .box.b6 { padding-bottom: 20px; }
  #homepage section.map #legend .right .box .small-label, #homepage section.map #legend .left .box .small-label { top: auto; } }
#homepage section.frontline { height: auto; background-color: #ececec; }
#homepage section.frontline .center { position: relative; width: 80%; max-width: 1100px; margin: 105px auto 0 auto; }
#homepage section.frontline .center .list-images-left { position: absolute; top: 0px; }
#homepage section.frontline .center .list-images-left img { display: block; }
#homepage section.frontline .center .list-images-left img:last-child { margin-top: 105px; }
#homepage section.frontline .center .wrapper { position: relative; width: 50%; color: #000; left: 50%; margin: 0; }
#homepage section.frontline .center .wrapper h1 { margin: 0 0 50px 0; padding: 0; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 30px; font-color: #232221; }
#homepage section.frontline .center .wrapper h3 { margin: 0 0 50px 0; padding: 0; font-family: "Raleway", sans-serif; font-weight: 500; font-size: 24px; line-height: 28px; color: #232221; }
#homepage section.frontline .center .wrapper .frontline-content-1, #homepage section.frontline .center .wrapper .frontline-content-2, #homepage section.frontline .center .wrapper .frontline-content-3, #homepage section.frontline .center .wrapper2 .frontline-content-1, #homepage section.frontline .center .wrapper2 .frontline-content-2, #homepage section.frontline .center .wrapper2 .frontline-content-3 { font-family: "Raleway", sans-serif; font-weight: 500; font-size: 15px; line-height: 25px; color: #232221; }
#homepage section.frontline .center .wrapper .frontline-content-1 p, #homepage section.frontline .center .wrapper .frontline-content-2 p, #homepage section.frontline .center .wrapper .frontline-content-3 p, #homepage section.frontline .center .wrapper2 .frontline-content-1 p, #homepage section.frontline .center .wrapper2 .frontline-content-2 p, #homepage section.frontline .center .wrapper2 .frontline-content-3 p { margin: 0 0 40px 0; padding: 0; }
#homepage section.frontline .center .wrapper .frontline-content-1 p:last-child, #homepage section.frontline .center .wrapper .frontline-content-2 p:last-child, #homepage section.frontline .center .wrapper .frontline-content-3 p:last-child, #homepage section.frontline .center .wrapper2 .frontline-content-1 p:last-child, #homepage section.frontline .center .wrapper2 .frontline-content-2 p:last-child, #homepage section.frontline .center .wrapper2 .frontline-content-3 p:last-child { margin: 0; }
#homepage section.frontline .center .wrapper h1, #homepage section.frontline .center .wrapper h3, #homepage section.frontline .center .wrapper .frontline-content-1, #homepage section.frontline .center .wrapper .frontline-content-2, #homepage section.frontline .center .wrapper2 h1, #homepage section.frontline .center .wrapper2 h3, #homepage section.frontline .center .wrapper2 .frontline-content-1, #homepage section.frontline .center .wrapper2 .frontline-content-2 { position: relative; width: 60%; left: 20%; }
#homepage section.frontline .center .wrapper .frontline-content-1, #homepage section.frontline .center .wrapper2 .frontline-content-1 { margin: 0 0 50px 0; }
#homepage section.frontline .center .wrapper .frontline-content-2, #homepage section.frontline .center .wrapper2 .frontline-content-2 { margin: 0 0 105px 0; }
#homepage section.frontline .center .wrapper2 { position: relative; width: 50%; color: #000; left: 0%; margin: 0 0 30% 0; }
#homepage section.frontline .center .wrapper2 .frontline-content-3 { position: relative; width: 85%; left: 0%; }
#homepage section.frontline .center .mosaic-images-right { position: absolute; width: 50%; left: 50%; }
#homepage section.frontline .center .mosaic-images-right img { width: 100%; }

@media only screen and (max-width: 1200px) { #homepage section.frontline .center .list-images-left img, #homepage section.frontline .center .list-images-left img:last-child { width: 80%; margin: 0; }
  #homepage section.frontline .center .wrapper { width: 60%; }
  #homepage section.frontline .center .wrapper h1, #homepage section.frontline .center .wrapper h3, #homepage section.frontline .center .wrapper .frontline-content-1, #homepage section.frontline .center .wrapper .frontline-content-2 { margin: 0 0 30px 0; }
  #homepage section.frontline .center .wrapper .frontline-content-1, #homepage section.frontline .center .wrapper .frontline-content-2, #homepage section.frontline .center .wrapper .frontline-content-3, #homepage section.frontline .center .wrapper2 .frontline-content-1, #homepage section.frontline .center .wrapper2 .frontline-content-2, #homepage section.frontline .center .wrapper2 .frontline-content-3 { font-size: 15px; line-height: 25px; } }
@media only screen and (max-width: 800px) { #homepage.mobile section.frontline .center { margin: 50px auto 0 auto; }
  #homepage.mobile section.frontline .center .list-images-left { width: 100%; position: relative; top: 0px; }
  #homepage.mobile section.frontline .center .list-images-left img, #homepage.mobile section.frontline .center .list-images-left img:last-child { width: inherit; margin: 0; }
  #homepage.mobile section.frontline .center .wrapper { text-align: left; position: relative; left: 0px; width: 80%; margin: 50px 10%; }
  #homepage.mobile section.frontline .center .wrapper h1, #homepage.mobile section.frontline .center .wrapper h3, #homepage.mobile section.frontline .center .wrapper .frontline-content-1, #homepage.mobile section.frontline .center .wrapper .frontline-content-2 { left: 0px; width: 100%; margin: 0 0 30px 0; }
  #homepage.mobile section.frontline .center .mosaic-images-right { width: 100%; position: relative; left: 0px; }
  #homepage.mobile section.frontline .center .mosaic-images-right img { width: inherit; }
  #homepage.mobile section.frontline .center .wrapper2 { text-align: left; position: relative; width: 100%; margin: 50px 10%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #homepage section.frontline .center .list-images-left { width: 60%; }
  #homepage section.frontline .center .wrapper { margin-bottom: 50px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #homepage section.frontline .center { margin: 50px auto 0 auto; }
  #homepage section.frontline .center .list-images-left { width: 100%; position: relative; margin: 0; }
  #homepage section.frontline .center .list-images-left img, #homepage section.frontline .center .list-images-left img:last-child { width: 100%; }
  #homepage section.frontline .center .wrapper { position: relative; left: 0px; width: 80%; margin: 50px 10%; height: auto !important; }
  #homepage section.frontline .center .wrapper h1, #homepage section.frontline .center .wrapper h3, #homepage section.frontline .center .wrapper .frontline-content-1, #homepage section.frontline .center .wrapper .frontline-content-2 { left: 0px; width: 100%; margin: 0 0 30px 0; }
  #homepage section.frontline .center .mosaic-images-right { width: 100%; position: relative; left: 0px; }
  #homepage section.frontline .center .mosaic-images-right img { width: inherit; }
  #homepage section.frontline .center .wrapper2 { position: relative; width: 100%; margin: 50px 10%; } }
#homepage section.press { height: auto; }
#homepage section.press .first-part { position: relative; width: 100%; min-height: 900px; background-color: #212121; }
#homepage section.press .first-part .left, #homepage section.press .first-part .right { position: absolute; width: 50%; left: 0; height: 100%; }
#homepage section.press .first-part .left .wrapper, #homepage section.press .first-part .right .wrapper { position: relative; width: 70%; height: 85%; margin: 105px auto auto auto; }
#homepage section.press .first-part .left .wrapper h2, #homepage section.press .first-part .right .wrapper h2 { width: 70%; color: #9c876a; margin: 60px auto 0 auto; padding: 0; font-family: "univers"; font-size: 30px; letter-spacing: 4px; text-transform: uppercase; line-height: 60px; }
#homepage section.press .first-part .left h1 { color: #FFF; margin: auto; padding: 0; width: 70%; font-family: "Raleway", sans-serif; font-size: 36; font-weight: 700; letter-spacing: 0.5px; }
#homepage section.press .first-part .left .tweets { width: 85%; height: 72%; overflow: auto; overflow-x: hidden; margin: 0 auto 0 auto; padding: 0 20px 0 0; color: #FFF; list-style-type: none; }
#homepage section.press .first-part .left .tweets::-webkit-scrollbar { width: 10px; }
#homepage section.press .first-part .left .tweets::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.25); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#homepage section.press .first-part .left .tweets::-webkit-scrollbar-track { background: transparent; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#homepage section.press .first-part .left .tweets li { position: relative; color: #FFF; margin-bottom: 20px; }
#homepage section.press .first-part .left .tweets li .date, #homepage section.press .first-part .left .tweets li .user { font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; line-height: 30px; }
#homepage section.press .first-part .left .tweets li .user { margin: 0px 0 5px 30px; font-size: 15px; text-transform: capitalize; }
#homepage section.press .first-part .left .tweets li .user a { color: #9c876a; text-decoration: none; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.press .first-part .left .tweets li .user a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#homepage section.press .first-part .left .tweets li .content { font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; margin: 0px 0 0 30px; }
#homepage section.press .first-part .right { left: 50%; }
#homepage section.press .first-part .right .wrapper { height: 85%; }
#homepage section.press .first-part .right .wrapper .press-kit { position: relative; left: 65%; top: 0px; color: #FFF; display: inline-block; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; padding: 5px 15px 5px 15px; background-color: #9c876a; text-transform: uppercase; text-decoration: none; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
#homepage section.press .first-part .right .wrapper .press-kit.en { left: 59%; }
#homepage section.press .first-part .right .wrapper h2 { position: relative; margin: 69px 0px 0px 25px; }
#homepage section.press .first-part .right .wrapper .articles { position: relative; color: #FFF; height: 75%; overflow: auto; overflow-x: hidden; padding: 0 20px 0 0; min-height: 500px; margin-bottom: 15px; }
#homepage section.press .first-part .right .wrapper .articles::-webkit-scrollbar { width: 10px; }
#homepage section.press .first-part .right .wrapper .articles::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.25); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#homepage section.press .first-part .right .wrapper .articles::-webkit-scrollbar-track { background: transparent; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#homepage section.press .first-part .right .wrapper .articles .article { margin-bottom: 20px; }
#homepage section.press .first-part .right .wrapper .articles .date, #homepage section.press .first-part .right .wrapper .articles .type, #homepage section.press .first-part .right .wrapper .articles .source { font-family: "Raleway", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; line-height: 30px; }
#homepage section.press .first-part .right .wrapper .articles .source { margin: -5px 0 0 0px; font-size: 15px; }
#homepage section.press .first-part .right .wrapper .articles .title { color: #9c876a; font-family: "Raleway", sans-serif; font-size: 20px; font-weight: 700; font-style: italic; left: 30px; position: relative; letter-spacing: 0.5px; text-decoration: none; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.press .first-part .right .wrapper .articles .title:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#homepage section.press .first-part .right .wrapper .articles .excerpt { font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; margin: -10px 0 0 30px; }
#homepage section.press .first-part .left .load-more, #homepage section.press .first-part .right .load-more { color: #FFF; width: 80%; position: absolute; bottom: 0px; margin-left: 30px; border-top: 2px solid #9c876a; text-align: center; cursor: pointer; }
#homepage section.press .first-part .left .load-more span, #homepage section.press .first-part .right .load-more span { color: #9c876a; padding-bottom: 5px; font-family: "Raleway", sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; border-bottom: 2px solid #9c876a; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.press .first-part .left .load-more span:hover, #homepage section.press .first-part .right .load-more span:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#homepage section.press .first-part .left .load-more.not-active, #homepage section.press .first-part .right .load-more.not-active { display: none; }
#homepage section.press .second-part { position: relative; width: 100%; height: 700px; background-color: #9c876a; }
#homepage section.press .second-part .wrapper { position: relative; width: 80%; max-width: 1100px; height: 95%; margin: 0 auto 0 auto; text-align: left; }
#homepage section.press .second-part .wrapper h2 { width: 70%; color: #212121; margin: 0; padding: 85px 0 10px 0; font-family: "univers"; font-size: 30px; letter-spacing: 4px; text-transform: uppercase; line-height: 60px; }
#homepage section.press .second-part .wrapper .livre-d-or-contents { position: relative; width: 100%; height: 72%; overflow: auto; }
#homepage section.press .second-part .wrapper .livre-d-or-contents .testimony { width: 50%; float: left; padding: 0; }
#homepage section.press .second-part .wrapper .livre-d-or-contents .testimony .content, #homepage section.press .second-part .wrapper .livre-d-or-contents .testimony .identity { font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; color: #FFF; line-height: 29px; letter-spacing: 0.5px; width: 90%; }
#homepage section.press .second-part .wrapper .livre-d-or-contents .testimony .identity { text-align: right; color: #212121; margin: -10px 0 0 0; width: 90%; }
#homepage section.press .second-part .wrapper .load-more { color: #FFF; width: 100%; position: absolute; bottom: 0px; border-top: 2px solid #FFF; text-align: center; }
#homepage section.press .second-part .wrapper .load-more span { color: #FFF; padding-bottom: 5px; font-family: "Raleway", sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; border-bottom: 2px solid #FFF; cursor: pointer; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.press .second-part .wrapper .load-more span:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#homepage section.press .second-part .wrapper .load-more.not-active { display: none; }

@media only screen and (max-width: 800px) { #homepage section.press { height: auto; }
  #homepage section.press .first-part { position: relative; width: 100%; min-height: auto; }
  #homepage section.press .first-part .left, #homepage section.press .first-part .right { position: relative; width: 100%; left: 0px; height: auto; }
  #homepage section.press .first-part .left .wrapper, #homepage section.press .first-part .right .wrapper { position: relative; width: 80%; margin: auto; height: auto; }
  #homepage section.press .first-part .left .wrapper h1, #homepage section.press .first-part .right .wrapper h1 { padding: 50px 0 0 0; margin: auto; }
  #homepage section.press .first-part .left .wrapper .load-more, #homepage section.press .first-part .right .wrapper .load-more { position: relative; }
  #homepage section.press .first-part .left h2 { margin: 60px 0 0 0; }
  #homepage section.press .first-part .right .wrapper { padding-bottom: 50px; }
  #homepage section.press .first-part .right .wrapper .press-kit, #homepage section.press .first-part .right .wrapper .press-kit.fr, #homepage section.press .first-part .right .wrapper .press-kit.en { left: 45%; margin-top: 50px; }
  #homepage section.press .first-part .right .wrapper h2 { margin: 60px 0 0 0; }
  #homepage section.press .first-part .right .wrapper .articles { height: auto; padding-bottom: 15px; }
  #homepage section.press .second-part { height: auto; }
  #homepage section.press .second-part .wrapper { height: auto; }
  #homepage section.press .second-part .wrapper h2 { padding: 50px 0 0 0; }
  #homepage section.press .second-part .wrapper .livre-d-or-contents { height: auto; }
  #homepage section.press .second-part .wrapper .livre-d-or-contents .testimony { float: none; width: 100%; margin-bottom: 30px; } }
#homepage section.footer { background-color: #000; height: 125px; }
#homepage section.footer .black-footer { width: 90%; height: 100%; margin: auto; }
#homepage section.footer .black-footer .follow { position: absolute; margin: 57px 0 0 0; padding: 0; list-style-type: none; }
#homepage section.footer .black-footer .follow li { position: relative; display: inline-block; color: #9c876a; font-family: "Raleway", sans-serif; font-size: 12px; font-weight: 700; line-height: 30px; letter-spacing: 0.5px; margin-left: 15px; }
#homepage section.footer .black-footer .follow li a { display: block; position: relative; background-image: url("/img/assets.png"); background-repeat: no-repeat; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.footer .black-footer .follow li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#homepage section.footer .black-footer .follow li a.twitter { width: 18px; height: 14px; top: -3px; background-position: -329px -244px; }
#homepage section.footer .black-footer .follow li a.facebook { width: 9px; height: 16px; top: -2px; background-position: -377px -153px; }
#homepage section.footer .black-footer .follow li a.instagram { width: 21px; height: 20px; background-position: -306px -244px; }
#homepage section.footer .black-footer .follow li a.youtube { width: 26px; height: 18px; top: -1px; background-position: -278px -244px; }
#homepage section.footer .black-footer .follow li:first-child { margin: 0 20px 0 0; top: -5px; }
#homepage section.footer .black-footer .newsletter { position: absolute; margin: 33px 0 0 -135px; left: 50%; color: #9c876a; font-family: "Raleway", sans-serif; font-size: 12px; font-weight: 700; line-height: 30px; letter-spacing: 0.5px; }
#homepage section.footer .black-footer .newsletter .form { position: relative; width: 100%; }
#homepage section.footer .black-footer .newsletter .form input { position: relative; top: 4.5px; float: left; color: #9c876a; background-color: #000; border: none; width: 59%; margin-right: 20px; padding: 0 0 2px 0; border-bottom: 2px solid #9c876a; }
#homepage section.footer .black-footer .newsletter .form input:focus { outline: none; }
#homepage section.footer .black-footer .newsletter .form input::placeholder { color: #9c876a; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#homepage section.footer .black-footer .newsletter .form input.error { color: red; }
#homepage section.footer .black-footer .newsletter .form .submit { float: left; line-height: 20px; cursor: pointer; border-bottom: 2px solid #9c876a; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.footer .black-footer .newsletter .form .submit:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#homepage section.footer .black-footer .copyright { position: absolute; right: 5%; margin-top: 57px; }
#homepage section.footer .black-footer .copyright .title { margin-right: 22px; }
#homepage section.footer .black-footer .copyright .title, #homepage section.footer .black-footer .copyright a { color: #9c876a; float: left; font-family: "Raleway", sans-serif; font-size: 12px; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; }
#homepage section.footer .black-footer .copyright a { text-decoration: none; display: inline-block; border-bottom: 2px solid #9c876a; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#homepage section.footer .black-footer .copyright a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }

@media only screen and (max-width: 800px) { #homepage section.footer { height: auto; padding: 20px 0; }
  #homepage section.footer .black-footer { height: auto; min-width: auto; margin: auto auto auto 14%; }
  #homepage section.footer .black-footer .follow { margin: 20px 0 20px 0; position: relative; }
  #homepage section.footer .black-footer .newsletter { position: relative; margin: 0px; left: 0px; }
  #homepage section.footer .black-footer .copyright { position: relative; right: 0px; margin: 50px 0 0 0; padding: 0 0 20px 0; } }
@media only screen and (max-width: 800px) and (orientation: landscape) { #homepage section.footer .black-footer { margin-left: 24%; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #homepage section.footer .black-footer .follow li a { background-image: url("/img/assets2x.png"); background-size: 500px 277px; } }
@media only screen and (max-width: 800px) { #homepage { min-width: auto; overflow-x: hidden; height: auto; position: relative; }
  #homepage .nav-indicator { display: none !important; } }
#main-menu { position: absolute; z-index: 999; }
#main-menu.not-active { display: none; }
#main-menu .hamburger { position: fixed; top: 45px; left: 57px; width: 35px; height: 30px; background-image: url("/img/assets.png"); background-position: -364px -237px; background-repeat: no-repeat; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#main-menu .hamburger.dark { background-position: -401px -237px; }
#main-menu .hamburger:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }
#main-menu #locale-menu { position: absolute; top: 46px; right: 58px; margin: 0; padding: 0; list-style-type: none; }
#main-menu #locale-menu li { display: inline-block; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; letter-spacing: 1px; color: #9c876a; margin: 0 0 0 32px; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#main-menu #locale-menu li a { color: inherit; text-decoration: none; }
#main-menu #locale-menu li:first-child { margin: 0; }
#main-menu #locale-menu li.current, #main-menu #locale-menu li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#main-menu .menu-second { position: fixed; top: 0px; left: 0px; width: 50%; height: 100%; display: none; background-color: #000; }
#main-menu .menu-second .close { position: absolute; top: 49px; left: 60px; color: #FFF; width: 27px; height: 27px; background-image: url("/img/assets.png"); background-position: -469px -152px; background-repeat: no-repeat; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; }
#main-menu .menu-second .close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }
#main-menu .main-second-menu { position: absolute; margin: 135px 0 0 70px; padding: 0; list-style: none; }
#main-menu .main-second-menu li { font-family: "Raleway", sans-serif; font-weight: 500; font-size: 24px; line-height: 48px; letter-spacing: 1px; color: #FFF; margin: 15px 0 0 0; }
#main-menu .main-second-menu li:before { content: ""; margin-right: 10px; display: inline-block; width: 5px; height: 5px; background-color: #FFF; border-radius: 100px; margin-bottom: 2px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#main-menu .main-second-menu li.current a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }
#main-menu .main-second-menu li.current:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#main-menu .main-second-menu li:first-child { margin: 0px; }
#main-menu .main-second-menu li a { color: #FFF; text-decoration: none; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#main-menu .main-second-menu li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }
#main-menu .main-second-menu li.underline { font-size: 17px; list-style-type: none; margin-top: 35px; }
#main-menu .main-second-menu li.underline:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#main-menu .main-second-menu li.underline a { color: #9c876a; padding: 0 0 6px 0; letter-spacing: 0px; border-bottom: 2px solid #9c876a; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; }
#main-menu .main-second-menu li.underline a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #FFF; }
#main-menu .news { position: absolute; bottom: 0; width: 100%; height: 200px; background-color: #9c876a; }
#main-menu .news .menu-box { position: absolute; top: 50px; left: 10%; width: 40%; height: 120px; }
#main-menu .news .menu-box:last-child { left: 55%; }
#main-menu .news .menu-box h1 { width: 95%; margin: 0 0 15px 0; padding: 0; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; }
#main-menu .news .menu-box .more-link { position: absolute; bottom: 0px; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 10px; letter-spacing: 0.5px; color: #000; border-bottom: 2px solid #000; padding: 0 0 1px 0; display: inline; cursor: pointer; text-decoration: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#main-menu .news .menu-box .more-link:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#main-menu .news .menu-tour-dates h3 { margin: 0; padding: 0; color: #FFF; font-family: "univers"; font-size: 20px; line-height: 20px; text-transform: uppercase; letter-spacing: 2px; }
#main-menu .news .menu-tour-dates .location { margin: 0; padding: 0; color: #000; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 12px; line-height: 20px; letter-spacing: 1px; }
#main-menu .news .menu-news h1 { font-style: italic; }

@media only screen and (max-width: 800px) { #main-menu .hamburger { left: 25px; top: 27px; }
  #main-menu #locale-menu { top: 27px; right: 100px; }
  #main-menu .menu-second { width: 100%; }
  #main-menu .menu-second .close { top: 29px; left: 25px; }
  #main-menu .main-second-menu { margin: 160px 0 0 35px; }
  #main-menu .main-second-menu li { font-size: 20px; line-height: 30px; }
  #main-menu .main-second-menu li.underline { margin-top: 60px; }
  #main-menu .news { display: none; } }
@media only screen and (max-width: 800px) and (orientation: landscape) { #main-menu .main-second-menu { margin: 105px 0 0 35px; }
  #main-menu .main-second-menu li { line-height: 21px; }
  #main-menu .main-second-menu li.underline { margin-top: 20px; } }
@media only screen and (max-width: 320px), only screen and (max-width: 480px) and (orientation: landscape) { #main-menu .main-second-menu { margin: 100px 0 0 35px; }
  #main-menu .main-second-menu li.underline { margin-top: 20px; } }
@media only screen and (max-width: 568px) and (orientation: landscape) { #main-menu .main-second-menu { margin-top: 80px; }
  #main-menu .main-second-menu li { font-size: 16px; line-height: 15px; } }
@media only screen and (max-height: 800px) { #main-menu .main-second-menu { margin-top: 100px; }
  #main-menu .main-second-menu li { font-size: 20px; line-height: 32px; }
  #main-menu .news .menu-box { top: 30px; height: 140px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #main-menu .main-second-menu li { font-size: 20px; line-height: 30px; }
  #main-menu .news { height: 250px; }
  #main-menu .news .menu-box { height: 195px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #main-menu .menu-second { width: 50% !important; }
  #main-menu .menu-second .main-second-menu li { font-size: 19px !important; }
  #main-menu .news { display: block !important; height: 330px !important; }
  #main-menu .news .menu-box { height: 230px !important; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #main-menu .hamburger { background-image: url("/img/assets2x.png"); background-size: 500px 277px; }
  #main-menu .menu-second .close { background-image: url("/img/assets2x.png"); background-size: 500px 277px; } }
.secondary { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

#wp-team { height: auto; position: relative; }
#wp-team h1 { color: #161515; margin: 0 auto 0px auto; padding: 105px 0 0 0; font-family: "Raleway", sans-serif; font-size: 36px; font-weight: 700; letter-spacing: 0.5px; width: 80%; }
#wp-team .third-part { position: relative; width: 100%; background-color: #FFF; }
#wp-team .third-part div.quote { position: relative; width: 80%; margin: 0 auto 75px auto; padding: 165px 0 0 0; text-align: left; }
#wp-team .third-part div.quote span { position: relative; width: 60%; left: 0px; font-family: "Raleway", sans-serif; }
#wp-team .third-part div.quote span.content { font-size: 36px; font-weight: 400; font-style: italic; color: #161515; border-bottom: 2px solid #9c876a; padding: 0 0 2px 0; }
#wp-team .third-part div.quote span.author { display: block; width: 60%; font-size: 10px; font-weight: 800; color: #9c876a; text-transform: uppercase; margin-top: 15px; }
#wp-team .third-part h3 { width: 100%; margin: auto; padding: 0; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; color: #212121; line-height: 30px; }
#wp-team .third-part h3:first-child { margin-top: 105px; }
#wp-team .third-part .co-prod { padding: 1px 0 0 0; }
#wp-team .third-part .co-prod, #wp-team .third-part .co-partners { width: 80%; margin: 0 10%; }
#wp-team .third-part ul { width: 100%; margin: 20px auto 105px auto; padding: 0; list-style-type: none; }
#wp-team .third-part ul li { display: inline-block; margin: 0; padding: 0 40px 20px 0px; }
#wp-team .third-part ul li a { position: relative; display: block; background-image: url("/img/assets.png"); background-repeat: no-repeat; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#wp-team .third-part ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#wp-team .third-part ul li a.camera { width: 77px; height: 44px; background-position: -210px -161px; }
#wp-team .third-part ul li a.francetv { width: 66px; height: 44px; background-position: -210px -207px; }
#wp-team .third-part ul li a.onf { top: -5px; width: 74px; height: 34px; background-position: -390px -150px; }
#wp-team .third-part ul li a.dpt { width: 58px; height: 30px; top: -7px; background-position: -442px -186px; }
#wp-team .third-part ul li a.emissive { width: 86px; height: 44px; background-position: -289px -153px; }
#wp-team .third-part ul li a.cnc { width: 108px; height: 22px; top: -11px; background-position: -390px -126px; }
#wp-team .third-part ul li a.ina { width: 41px; height: 42px; top: -1px; background-position: -459px -82px; }
#wp-team .third-part ul li a.fmc { width: 89px; height: 23px; top: -10.5px; background-position: -289px -199px; }
#wp-team .third-part ul li a.tribeca { width: 84px; height: 18px; top: -13px; background-position: -278px -224px; }
#wp-team .third-part ul li a.sundance { width: 60px; height: 47px; top: 1.5px; background-position: -380px -186px; }
#wp-team .third-part ul li a.doris { width: 50px; height: 44px; background-position: -442px -218px; }
#wp-team .third-part ul li a.mit { width: 113px; height: 33px; top: -5.5px; background-position: -167px -126px; }
#wp-team .third-part ul li a.open { width: 106px; height: 25px; top: -9.5px; background-position: -282px -126px; }
#wp-team .third-part ul li a.arts { width: 43px; height: 24px; top: -10px; background-position: -210px -253px; }
#wp-team .third-part ul.partners li { margin: 0; }
#wp-team .co-partners { padding-bottom: 30px; }
#wp-team .wrapper { position: relative; margin: 105px auto 0 auto; width: 80%; }
#wp-team .wrapper h3 { color: #313131; margin: 0 0 80px 0; padding: 0; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; display: block; }
#wp-team .wrapper h3 span { font-size: 18px; font-weight: 700; }
#wp-team .wrapper .team-block { position: relative; margin: 0 0 70px 0; width: 100%; }
#wp-team .wrapper .team-block.post { margin-bottom: 10px; }
#wp-team .wrapper .team-block .title { color: #313131; font-family: "univers"; font-size: 22px; margin: 0 0 20px 0; padding: 0 0 8px 0; text-transform: uppercase; letter-spacing: 5px; border-bottom: 2px solid rgba(0, 0, 0, 0.22); }
#wp-team .wrapper .team-block .title.end { border-bottom: 0px; margin-top: 40px; }
#wp-team .wrapper .team-block ul { margin: 0 0 20px 0; padding: 0; width: 100%; list-style-type: none; }
#wp-team .wrapper .team-block ul li { margin: 0 0 20px 0; padding-right: 40px; width: 25%; }
#wp-team .wrapper .team-block ul li:last-child { padding-right: 0px; }
#wp-team .wrapper .team-block ul li h4 { margin: 0; padding: 0; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; color: #313131; }
#wp-team .wrapper .team-block ul li .people { margin: 0; padding: 0; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; }
#wp-team .wrapper .team-block ul.sub { width: 25%; float: left; margin: 0; }
#wp-team .wrapper .team-block ul.sub li { width: 100%; }
#wp-team .wrapper .team-block ul.sub:after { clear: both; content: ""; display: table; }
#wp-team .wrapper .team-block ul.logos li { display: inline-block; margin: 0 !important; width: auto; }
#wp-team .wrapper .team-block ul.logos li img { -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#wp-team .wrapper .team-block ul.logos li img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#wp-team .wrapper .team-block.misc ul { width: 100%; }
#wp-team .wrapper .team-block.misc ul li { width: 100%; }

@media only screen and (max-width: 1400px) { #wp-team .wrapper { min-width: auto; }
  #wp-team .wrapper .team-block ul.sub { width: 33.3%; }
  #wp-team .wrapper .team-block ul.sub li { width: 100%; padding: 0px; } }
@media only screen and (max-width: 1200px) { #wp-team .wrapper { min-width: auto; }
  #wp-team .wrapper .team-block ul.sub { width: 50%; }
  #wp-team .wrapper .team-block ul.sub li { width: 100%; padding: 0px; } }
@media only screen and (max-width: 800px) { #wp-team .third-part { width: auto; min-height: auto; }
  #wp-team .third-part h1 { width: 70%; }
  #wp-team .third-part div.quote { margin-bottom: 50px; padding: 50px 0 0 0; }
  #wp-team .third-part div.quote span.content, #wp-team .third-part div.quote span.author { left: 0px; width: 100%; }
  #wp-team .third-part .co-prod { padding-top: 50px; }
  #wp-team .third-part .co-partners { padding-bottom: 1px !important; }
  #wp-team .third-part .co-prod, #wp-team .third-part .co-partners { width: 70%; margin: auto; padding-bottom: 0px; }
  #wp-team .third-part h3:first-child { margin-top: 0px; }
  #wp-team .third-part ul, #wp-team .third-part ul.partners { width: auto; margin: 20px auto 50px auto; }
  #wp-team .third-part ul li, #wp-team .third-part ul.partners li { display: block; margin: 0 0 20px 0; }
  #wp-team .third-part ul li a, #wp-team .third-part ul.partners li a { position: relative; top: 0px !important; }
  #wp-team .wrapper { min-width: auto; }
  #wp-team .wrapper .team-block ul li { width: 100%; padding: 0px; }
  #wp-team .wrapper .team-block ul.sub { width: 100%; }
  #wp-team .wrapper .team-block ul.logos li { display: block; margin: 0 0 10px 0 !important; width: auto; } }
@media only screen and (max-width: 1024px) { #wp-team h1 { width: 70%; }
  #wp-team .third-part .co-prod, #wp-team .third-part .co-partners { width: 70%; }
  #wp-team .wrapper { width: 70%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #wp-team h1 { width: 70%; }
  #wp-team .third-part div.quote, #wp-team .third-part .co-prod, #wp-team .third-part .co-partners { width: 70%; margin: 0 auto; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #wp-team .third-part .co-prod ul li a, #wp-team .third-part .co-partners ul li a { background-image: url("/img/assets2x.png"); background-size: 500px 277px; } }
#wp-mentions .wrapper { position: relative; margin: 105px auto 0 auto; width: 80%; }
#wp-mentions .wrapper h1 { color: #161515; margin: 0 0 70px 0; padding: 0; font-family: "Raleway", sans-serif; font-size: 36px; font-weight: 700; letter-spacing: 0.5px; }
#wp-mentions .wrapper h3 { color: #313131; margin: 0; padding: 0; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; line-height: 18px; letter-spacing: 0.5px; }
#wp-mentions .wrapper a { display: block; text-decoration: underline; padding: 0; margin: 0 0 25px 0; color: #313131; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 500; line-height: 16px; letter-spacing: 0.5px; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#wp-mentions .wrapper a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }

* { -webkit-font-smoothing: antialiased; }

body { background: #ececec; }
body.loading { overflow: hidden !important; }

.page { position: absolute; height: 100%; width: 100%; top: 0px; overflow: auto; }
.page.not-active { display: none; }

section { position: relative; width: 100%; height: 100%; }

#logos { position: fixed; top: 43px; right: 51px; width: 33px; height: 36px; z-index: 100; }
#logos a { display: block; }
#logos a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#logos a img { width: inherit; height: inherit; cursor: pointer; display: none; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#logos a img.logoWhite { display: block; }
#logos a img.logoBlack { display: none; }
#logos.dark a img.logoWhite { display: none; }
#logos.dark a img.logoBlack { display: block; }

.fixed { overflow: hidden; }

#form-thanks { position: fixed; top: 10%; left: 12.5%; width: 75%; height: 60%; z-index: 10; background-color: #9c876a; }
#form-thanks.hide { display: none; }
#form-thanks .close-black { width: 28px; height: 28px; position: absolute; top: 14%; right: 15%; cursor: pointer; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
#form-thanks .close-black:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#form-thanks .close-black img { width: 100%; height: auto; }
#form-thanks .content { position: absolute; width: 50%; height: 50%; top: 33%; left: 25%; }
#form-thanks .content h1 { text-align: center; margin: 25px 0 35px 0; padding: 0; color: #161515; font-family: "Raleway", sans-serif; font-size: 20px; font-weight: 700; line-height: 50px; }

@media only screen and (max-width: 800px) { #logos { top: 25px; right: 25px; }
  #form-thanks { width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; }
  #form-thanks .content { width: 70%; left: 15%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #form-thanks { width: 60%; left: 20%; }
  #form-thanks .content { width: 70%; left: 15%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #form-thanks { width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; }
  #form-thanks .content { width: 70%; left: 15%; } }