@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap");
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/font-awesome/fontawesome-webfont.eot");
  src: url("../fonts/font-awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-awesome/fontawesome-webfont.woff2") format("woff2"), url("../fonts/font-awesome/fontawesome-webfont.woff") format("woff"), url("../fonts/font-awesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/font-awesome/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-genderless:before,
.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

/* purgecss start ignore */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.alertify,
.alertify-show,
.alertify-log {
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */ }

.alertify-hide {
  -webkit-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */ }

.alertify-log-hide {
  -webkit-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */ }

.alertify-cover {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  filter: alpha(opacity=0);
  opacity: 0; }

.alertify-cover-hidden {
  display: none; }

.alertify {
  position: fixed;
  z-index: 99999;
  top: 50px;
  left: 50%;
  width: 550px;
  margin-left: -275px;
  opacity: 1; }

.alertify-hidden {
  -webkit-transform: translate(0, -150px);
  -moz-transform: translate(0, -150px);
  -ms-transform: translate(0, -150px);
  -o-transform: translate(0, -150px);
  transform: translate(0, -150px);
  opacity: 0;
  display: none; }

/* overwrite display: none; for everything except IE6-8 */
:root * > .alertify-hidden {
  display: block;
  visibility: hidden; }

.alertify-logs {
  position: fixed;
  z-index: 5000;
  bottom: 10px;
  right: 10px;
  width: 300px; }

.alertify-logs-hidden {
  display: none; }

.alertify-log {
  display: block;
  margin-top: 10px;
  position: relative;
  right: -300px;
  opacity: 0; }

.alertify-log-show {
  right: 0;
  opacity: 1; }

.alertify-log-hide {
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  transform: translate(300px, 0);
  opacity: 0; }

.alertify-dialog {
  padding: 25px; }

.alertify-resetFocus {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.alertify-inner {
  text-align: center; }

.alertify-text {
  margin-bottom: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%; }

.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
  background: none;
  text-decoration: none;
  border: none;
  /* line-height and font-size for input button */
  line-height: 1.5;
  font-size: 100%;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px; }

@media only screen and (max-width: 680px) {
  .alertify,
  .alertify-logs {
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .alertify {
    left: 5%;
    margin: 0; } }

/**
 * Twitter Bootstrap Look and Feel
 * Based on http://twitter.github.com/bootstrap/
 */
.alertify,
.alertify-log {
  font-family: sans-serif; }

.alertify {
  background: #FFF;
  border: 1px solid #8E8E8E;
  /* browsers that don't support rgba */
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */ }

.alertify-dialog {
  padding: 0; }

.alertify-inner {
  text-align: left; }

.alertify-message {
  padding: 15px;
  margin: 0; }

.alertify-text-wrapper {
  padding: 0 15px; }

.alertify-text {
  color: #555;
  border-radius: 4px;
  padding: 8px;
  background-color: #FFF;
  border: 1px solid #CCC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.alertify-text:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

.alertify-buttons {
  padding: 14px 15px 15px;
  background: #F5F5F5;
  border-top: 1px solid #DDD;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #FFF;
  text-align: right; }

.alertify-button,
.alertify-button:hover,
.alertify-button:focus,
.alertify-button:active {
  margin-left: 10px;
  border-radius: 4px;
  font-weight: normal;
  padding: 4px 12px;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); }

.alertify-button:focus {
  outline: none;
  box-shadow: 0 0 5px #2B72D5; }

.alertify-button:active {
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus,
.alertify-button-cancel:active {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.75);
  background-color: #E6E6E6;
  border: 1px solid #BBB;
  color: #333;
  background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
  background-image: -moz-linear-gradient(top, #FFF, #E6E6E6);
  background-image: -ms-linear-gradient(top, #FFF, #E6E6E6);
  background-image: -o-linear-gradient(top, #FFF, #E6E6E6);
  background-image: linear-gradient(top, #FFF, #E6E6E6); }

.alertify-button-cancel:hover,
.alertify-button-cancel:focus,
.alertify-button-cancel:active {
  background: #E6E6E6; }

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus,
.alertify-button-ok:active {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #04C;
  border: 1px solid #04C;
  border-color: #04C #04C #002A80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFF; }

.alertify-button-ok:hover,
.alertify-button-ok:focus,
.alertify-button-ok:active {
  background: #04C; }

.alertify-log {
  background: #D9EDF7;
  padding: 8px 14px;
  border-radius: 4px;
  color: #3A8ABF;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #BCE8F1; }

.alertify-log-error {
  color: #B94A48;
  background: #F2DEDE;
  border: 1px solid #EED3D7; }

.alertify-log-success {
  color: #468847;
  background: #DFF0D8;
  border: 1px solid #D6E9C6; }

.alertify-logs {
  top: 50px;
  left: 50%;
  width: 550px;
  margin-left: -275px; }

.alertify-log {
  text-align: center;
  padding: 30px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.3); }

.alertify-inner {
  background: rgba(218, 255, 228, 0.27); }
  .alertify-inner .alertify-message {
    color: #05b305;
    text-align: center;
    font-weight: 400; }

.alertify-button-ok {
  background-color: #01a904; }

.alertify-cover {
  background-color: rgba(2, 2, 2, 0.761) !important;
  filter: alpha(opacity=1) !important;
  opacity: 1 !important; }

/* purgecss end ignore */
html {
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  -ms-font-feature-settings: "lnum";
  font-feature-settings: "lnum"; }

* {
  margin: 0;
  padding: 0; }

body {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: 0; }
  body h1.referencement {
    display: none !important; }
  body .appear {
    opacity: 0;
    transition: opacity 0.75s ease-in; }

h1, h2, h3, h4, h5, h6, blockquote {
  margin: 0; }

/* to fix a chrome bug */
.scroll-parallax {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

img {
  max-width: 100%; }

.body {
  overflow-x: hidden; }

html {
  font-size: 20px; }

@media screen and (max-width: 1280px) {
  html {
    font-size: 18px; } }

@media screen and (max-width: 990px) {
  html {
    font-size: 16px; } }

@media screen and (max-width: 767px) {
  html {
    font-size: 14px; } }

/* @include transform(normal_css_value_here) */
/* @include transition(normal_css_value_here) */
/* @include box-shadow(normal_css_value_here) */
/* @include text-shadow(normal_css_value_here) */
/* @include no-select() */
/* @include text-style() */
/***************************************************/
/* Select mixins
/* usage example:
li {
  @include first(4)
  {
    background: red;
  }
}
*/
/* @include to select child elements */
/* Selects the last element */
/* Selects the even elements */
/* Selects the odd elements */
/* Selects the n first elements */
/***************************************************/
/* inter-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter/inter-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/inter/inter-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/inter/inter-v12-latin-regular.woff2") format("woff2"), url("../fonts/inter/inter-v12-latin-regular.woff") format("woff"), url("../fonts/inter/inter-v12-latin-regular.ttf") format("truetype"), url("../fonts/inter/inter-v12-latin-regular.svg#Inter") format("svg");
  /* Legacy iOS */ }

/* inter-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/inter/inter-v12-latin-500.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/inter/inter-v12-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/inter/inter-v12-latin-500.woff2") format("woff2"), url("../fonts/inter/inter-v12-latin-500.woff") format("woff"), url("../fonts/inter/inter-v12-latin-500.ttf") format("truetype"), url("../fonts/inter/inter-v12-latin-500.svg#Inter") format("svg");
  /* Legacy iOS */ }

/* inter-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/inter/inter-v12-latin-600.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/inter/inter-v12-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/inter/inter-v12-latin-600.woff2") format("woff2"), url("../fonts/inter/inter-v12-latin-600.woff") format("woff"), url("../fonts/inter/inter-v12-latin-600.ttf") format("truetype"), url("../fonts/inter/inter-v12-latin-600.svg#Inter") format("svg");
  /* Legacy iOS */ }

/* inter-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter/inter-v12-latin-700.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/inter/inter-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/inter/inter-v12-latin-700.woff2") format("woff2"), url("../fonts/inter/inter-v12-latin-700.woff") format("woff"), url("../fonts/inter/inter-v12-latin-700.ttf") format("truetype"), url("../fonts/inter/inter-v12-latin-700.svg#Inter") format("svg");
  /* Legacy iOS */ }

/* inter-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/inter/inter-v12-latin-800.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/inter/inter-v12-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/inter/inter-v12-latin-800.woff2") format("woff2"), url("../fonts/inter/inter-v12-latin-800.woff") format("woff"), url("../fonts/inter/inter-v12-latin-800.ttf") format("truetype"), url("../fonts/inter/inter-v12-latin-800.svg#Inter") format("svg");
  /* Legacy iOS */ }

/* inter-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/inter/inter-v12-latin-900.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/inter/inter-v12-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/inter/inter-v12-latin-900.woff2") format("woff2"), url("../fonts/inter/inter-v12-latin-900.woff") format("woff"), url("../fonts/inter/inter-v12-latin-900.ttf") format("truetype"), url("../fonts/inter/inter-v12-latin-900.svg#Inter") format("svg");
  /* Legacy iOS */ }

/* libre-baskerville-regular - latin */
/* syne-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Syne';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/syne/syne-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/syne/syne-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/syne/syne-v15-latin-regular.woff2") format("woff2"), url("../fonts/syne/syne-v15-latin-regular.woff") format("woff"), url("../fonts/syne/syne-v15-latin-regular.ttf") format("truetype"), url("../fonts/syne/syne-v15-latin-regular.svg#Syne") format("svg");
  /* Legacy iOS */ }

/* syne-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/syne/syne-v15-latin-500.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/syne/syne-v15-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/syne/syne-v15-latin-500.woff2") format("woff2"), url("../fonts/syne/syne-v15-latin-500.woff") format("woff"), url("../fonts/syne/syne-v15-latin-500.ttf") format("truetype"), url("../fonts/syne/syne-v15-latin-500.svg#Syne") format("svg");
  /* Legacy iOS */ }

/* syne-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Syne';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/syne/syne-v15-latin-600.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/syne/syne-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/syne/syne-v15-latin-600.woff2") format("woff2"), url("../fonts/syne/syne-v15-latin-600.woff") format("woff"), url("../fonts/syne/syne-v15-latin-600.ttf") format("truetype"), url("../fonts/syne/syne-v15-latin-600.svg#Syne") format("svg");
  /* Legacy iOS */ }

/* syne-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/syne/syne-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/syne/syne-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/syne/syne-v15-latin-700.woff2") format("woff2"), url("../fonts/syne/syne-v15-latin-700.woff") format("woff"), url("../fonts/syne/syne-v15-latin-700.ttf") format("truetype"), url("../fonts/syne/syne-v15-latin-700.svg#Syne") format("svg");
  /* Legacy iOS */ }

/* syne-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Syne';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/syne/syne-v15-latin-800.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/syne/syne-v15-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/syne/syne-v15-latin-800.woff2") format("woff2"), url("../fonts/syne/syne-v15-latin-800.woff") format("woff"), url("../fonts/syne/syne-v15-latin-800.ttf") format("truetype"), url("../fonts/syne/syne-v15-latin-800.svg#Syne") format("svg");
  /* Legacy iOS */ }

/* raleway-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/raleway/raleway-v28-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* raleway-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/raleway/raleway-v28-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* raleway-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/raleway/raleway-v28-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* raleway-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/raleway/raleway-v28-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* raleway-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/raleway/raleway-v28-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* raleway-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/raleway/raleway-v28-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

.font-1-normal, .font-1-light, .font-1-medium, section.section-bottom div.div-title h3, section.section-bottom div.left-side .burst h3, .pageContact section.section-form section.input-section .burst h3, .font-1-bold, .font-main, p, .font-nav-items, nav.module-menu #menu-mobile ul li > a, nav.module-menu #menu-mobile ul li > .menu-title, nav.module-menu #menu-mobile ul.reseaux li > a, nav.module-menu #menu-mobile ul.reseaux li > div, .font-nav-drop-items, h3, li, .font-nav-lang, .font-footer, footer .footer-wrapper, body, body a, h1, h2, h4, h5, h6, .text p, .text div, nav.module-menu .menu-navbar .wrapper.left .logo .slogan, section.logos .logos-year {
  font-family: "Inter", sans-serif;
  font-weight: 400; }

.font-1-light {
  font-weight: 300; }

.font-1-medium, section.section-bottom div.div-title h3, section.section-bottom div.left-side .burst h3, .pageContact section.section-form section.input-section .burst h3 {
  font-weight: 500; }

.font-1-bold, .font-main, p, .font-nav-items, nav.module-menu #menu-mobile ul li > a, nav.module-menu #menu-mobile ul li > .menu-title, nav.module-menu #menu-mobile ul.reseaux li > a, nav.module-menu #menu-mobile ul.reseaux li > div, .font-nav-drop-items, h3, li {
  font-weight: 700; }

.font-2-normal, .font-2-bold, .font-nav-drop-header, .font-nav-phone, .font-nav-logo, nav.module-menu .menu-navbar .wrapper.left .logo a {
  font-family: "Syne", sans-serif;
  font-weight: 400; }

.font-2-medium, .pageAtelier section.title-page-atelier h3 {
  font-family: "Syne", sans-serif;
  font-weight: 600; }

.font-2-bold, .font-nav-drop-header, .font-nav-phone {
  font-weight: 700; }

.font-main, p {
  font-size: 1rem; }

.font-nav-items, nav.module-menu #menu-mobile ul li > a, nav.module-menu #menu-mobile ul li > .menu-title, nav.module-menu #menu-mobile ul.reseaux li > a, nav.module-menu #menu-mobile ul.reseaux li > div {
  font-size: 0.8rem;
  line-height: 1;
  text-transform: uppercase; }

.font-nav-drop-header {
  font-size: 1.2rem; }

.font-nav-drop-items {
  font-size: 0.8rem;
  line-height: 1; }

.font-nav-phone {
  font-size: 0.8rem; }

.font-nav-lang {
  font-size: 0.9rem; }

.font-nav-logo, nav.module-menu .menu-navbar .wrapper.left .logo a {
  font-size: 1.4rem; }

.font-footer, footer .footer-wrapper {
  font-size: 0.7rem; }

.flush {
  padding: 0; }

.w100 {
  width: 100%; }

.w75 {
  width: 75%; }

.w66 {
  width: 66.6%; }

.w50 {
  width: 50%; }

.w33 {
  width: 33.3%; }

.w25 {
  width: 25%; }

.w0 {
  width: 0; }

.wc1 {
  width: calc(100vw / 12); }

.wc2 {
  width: calc(100vw * 2 / 12); }

.wc3 {
  width: calc(100vw * 3 / 12); }

.wc4 {
  width: calc(100vw * 4 / 12); }

.wc5 {
  width: calc(100vw * 5 / 12); }

.wc6 {
  width: calc(100vw * 6 / 12); }

.wc7 {
  width: calc(100vw * 7 / 12); }

.wc8 {
  width: calc(100vw * 8 / 12); }

.m0 {
  margin: 0; }

.m1 {
  margin: 0.25rem; }

.m2 {
  margin: 0.5rem; }

.m3 {
  margin: 0.75rem; }

.m4 {
  margin: 1rem; }

.m5 {
  margin: 1.25rem; }

.m6 {
  margin: 1.5rem; }

.m7 {
  margin: 1.75rem; }

.m8 {
  margin: 2rem; }

.m9 {
  margin: 2.5rem; }

.m10 {
  margin: 3rem; }

.m11 {
  margin: 3.5rem; }

.m12 {
  margin: 4rem; }

.m13 {
  margin: 4.5rem; }

.m14 {
  margin: 5rem; }

.m15 {
  margin: 5.5rem; }

.m16 {
  margin: 6rem; }

.mauto {
  margin: 0 auto; }

.mt0 {
  margin-top: 0; }

.mt1 {
  margin-top: 0.25rem; }

.mt2 {
  margin-top: 0.5rem; }

.mt3 {
  margin-top: 0.75rem; }

.mt4 {
  margin-top: 1rem; }

.mt5 {
  margin-top: 1.25rem; }

.mt6 {
  margin-top: 1.5rem; }

.mt7 {
  margin-top: 1.75rem; }

.mt8 {
  margin-top: 2rem; }

.mt9 {
  margin-top: 2.5rem; }

.mt10 {
  margin-top: 3rem; }

.mt11 {
  margin-top: 3.5rem; }

.mt12 {
  margin-top: 4rem; }

.mt13 {
  margin-top: 4.5rem; }

.mt14 {
  margin-top: 5rem; }

.mt15 {
  margin-top: 5.5rem; }

.mt16 {
  margin-top: 6rem; }

.mr0 {
  margin-right: 0; }

.mr1 {
  margin-right: 0.25rem; }

.mr2 {
  margin-right: 0.5rem; }

.mr3 {
  margin-right: 0.75rem; }

.mr4 {
  margin-right: 1rem; }

.mr5 {
  margin-right: 1.25rem; }

.mr6 {
  margin-right: 1.5rem; }

.mr7 {
  margin-right: 1.75rem; }

.mr8 {
  margin-right: 2rem; }

.mr9 {
  margin-right: 2.5rem; }

.mr10 {
  margin-right: 3rem; }

.mr11 {
  margin-right: 3.5rem; }

.mr12 {
  margin-right: 4rem; }

.mr13 {
  margin-right: 4.5rem; }

.mr14 {
  margin-right: 5rem; }

.mr15 {
  margin-right: 5.5rem; }

.mr16 {
  margin-right: 6rem; }

.mb0 {
  margin-bottom: 0; }

.mb1 {
  margin-bottom: 0.25rem; }

.mb2 {
  margin-bottom: 0.5rem; }

.mb3 {
  margin-bottom: 0.75rem; }

.mb4 {
  margin-bottom: 1rem; }

.mb5 {
  margin-bottom: 1.25rem; }

.mb6 {
  margin-bottom: 1.5rem; }

.mb7 {
  margin-bottom: 1.75rem; }

.mb8 {
  margin-bottom: 2rem; }

.mb9 {
  margin-bottom: 2.5rem; }

.mb10 {
  margin-bottom: 3rem; }

.mb11 {
  margin-bottom: 3.5rem; }

.mb12 {
  margin-bottom: 4rem; }

.mb13 {
  margin-bottom: 4.5rem; }

.mb14 {
  margin-bottom: 5rem; }

.mb15 {
  margin-bottom: 5.5rem; }

.mb16 {
  margin-bottom: 6rem; }

.ml0 {
  margin-left: 0; }

.ml1 {
  margin-left: 0.25rem; }

.ml2 {
  margin-left: 0.5rem; }

.ml3 {
  margin-left: 0.75rem; }

.ml4 {
  margin-left: 1rem; }

.ml5 {
  margin-left: 1.25rem; }

.ml6 {
  margin-left: 1.5rem; }

.ml7 {
  margin-left: 1.75rem; }

.ml8 {
  margin-left: 2rem; }

.ml9 {
  margin-left: 2.5rem; }

.ml10 {
  margin-left: 3rem; }

.ml11 {
  margin-left: 3.5rem; }

.ml12 {
  margin-left: 4rem; }

.ml13 {
  margin-left: 4.5rem; }

.ml14 {
  margin-left: 5rem; }

.ml15 {
  margin-left: 5.5rem; }

.ml16 {
  margin-left: 6rem; }

.my0 {
  margin-top: 0;
  margin-bottom: 0; }

.my1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

.my4 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }

.my6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.my7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem; }

.my8 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.my9 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.my10 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.my11 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem; }

.my12 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.my13 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }

.my14 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

.my15 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem; }

.my16 {
  margin-top: 6rem;
  margin-bottom: 6rem; }

.mx0 {
  margin-left: 0;
  margin-right: 0; }

.mx1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.mx2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.mx3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }

.mx4 {
  margin-left: 1rem;
  margin-right: 1rem; }

.mx5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem; }

.mx6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.mx7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem; }

.mx8 {
  margin-left: 2rem;
  margin-right: 2rem; }

.mx9 {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

.mx10 {
  margin-left: 3rem;
  margin-right: 3rem; }

.mx11 {
  margin-left: 3.5rem;
  margin-right: 3.5rem; }

.mx12 {
  margin-left: 4rem;
  margin-right: 4rem; }

.mx13 {
  margin-left: 4.5rem;
  margin-right: 4.5rem; }

.mx14 {
  margin-left: 5rem;
  margin-right: 5rem; }

.mx15 {
  margin-left: 5.5rem;
  margin-right: 5.5rem; }

.mx16 {
  margin-left: 6rem;
  margin-right: 6rem; }

.mcr1 {
  margin-right: calc(100vw * (1 / 4) / 12); }

.mcr2 {
  margin-right: calc(100vw * (2 / 4) / 12); }

.mcr3 {
  margin-right: calc(100vw * (3 / 4) / 12); }

.mcr4 {
  margin-right: calc(100vw / 12); }

.mcr5 {
  margin-right: calc(100vw * (5 / 4) / 12); }

.mcr6 {
  margin-right: calc(100vw * (6 / 4) / 12); }

.mcr7 {
  margin-right: calc(100vw * (7 / 4) / 12); }

.mcr8 {
  margin-right: calc(100vw * 2 / 12); }

.mcr9 {
  margin-right: calc(100vw * (9 / 4) / 12); }

.mcr10 {
  margin-right: calc(100vw * (10 / 4) / 12); }

.mcr11 {
  margin-right: calc(100vw * (11 / 4) / 12); }

.mcr12 {
  margin-right: calc(100vw * 3 / 12); }

.mcr13 {
  margin-right: calc(100vw * (13 / 4) / 12); }

.mcr14 {
  margin-right: calc(100vw * (14 / 4) / 12); }

.mcr15 {
  margin-right: calc(100vw * (15 / 4) / 12); }

.mcr16 {
  margin-right: calc(100vw * 4 / 12); }

.mcl1 {
  margin-left: calc(100vw * (1 / 4) / 12); }

.mcl2 {
  margin-left: calc(100vw * (2 / 4) / 12); }

.mcl3 {
  margin-left: calc(100vw * (3 / 4) / 12); }

.mcl4 {
  margin-left: calc(100vw / 12); }

.mcl5 {
  margin-left: calc(100vw * (5 / 4) / 12); }

.mcl6 {
  margin-left: calc(100vw * (6 / 4) / 12); }

.mcl7 {
  margin-left: calc(100vw * (7 / 4) / 12); }

.mcl8 {
  margin-left: calc(100vw * 2 / 12); }

.mcl9 {
  margin-left: calc(100vw * (9 / 4) / 12); }

.mcl10 {
  margin-left: calc(100vw * (10 / 4) / 12); }

.mcl11 {
  margin-left: calc(100vw * (11 / 4) / 12); }

.mcl12 {
  margin-left: calc(100vw * 3 / 12); }

.mcl13 {
  margin-left: calc(100vw * (13 / 4) / 12); }

.mcl14 {
  margin-left: calc(100vw * (14 / 4) / 12); }

.mcl15 {
  margin-left: calc(100vw * (15 / 4) / 12); }

.mcl16 {
  margin-left: calc(100vw * 4 / 12); }

.mvt1 {
  margin-top: 0.5vh; }

.mvt2 {
  margin-top: 1vh; }

.mvt3 {
  margin-top: 1.5vh; }

.mvt4 {
  margin-top: 2vh; }

.mvt5 {
  margin-top: 4vh; }

.mvt6 {
  margin-top: 6vh; }

.mvt7 {
  margin-top: 10vh; }

.mvt8 {
  margin-top: 16vh; }

.mvb1 {
  margin-bottom: 0.5vh; }

.mvb2 {
  margin-bottom: 1vh; }

.mvb3 {
  margin-bottom: 1.5vh; }

.mvb4 {
  margin-bottom: 2vh; }

.mvb5 {
  margin-bottom: 4vh; }

.mvb6 {
  margin-bottom: 6vh; }

.mvb7 {
  margin-bottom: 10vh; }

.mvb8 {
  margin-bottom: 16vh; }

.p0 {
  padding: 0; }

.p1 {
  padding: 0.25rem; }

.p2 {
  padding: 0.5rem; }

.p3 {
  padding: 0.75rem; }

.p4 {
  padding: 1rem; }

.p5 {
  padding: 1.25rem; }

.p6 {
  padding: 1.5rem; }

.p7 {
  padding: 1.75rem; }

.p8 {
  padding: 2rem; }

.p9 {
  padding: 2.5rem; }

.p10 {
  padding: 3rem; }

.p11 {
  padding: 3.5rem; }

.p12 {
  padding: 4rem; }

.p13 {
  padding: 4.5rem; }

.p14 {
  padding: 5rem; }

.p15 {
  padding: 5.5rem; }

.p16 {
  padding: 6rem; }

.pt0 {
  padding-top: 0; }

.pt1 {
  padding-top: 0.25rem; }

.pt2 {
  padding-top: 0.5rem; }

.pt3 {
  padding-top: 0.75rem; }

.pt4 {
  padding-top: 1rem; }

.pt5 {
  padding-top: 1.25rem; }

.pt6 {
  padding-top: 1.5rem; }

.pt7 {
  padding-top: 1.75rem; }

.pt8 {
  padding-top: 2rem; }

.pt9 {
  padding-top: 2.5rem; }

.pt10 {
  padding-top: 3rem; }

.pt11 {
  padding-top: 3.5rem; }

.pt12 {
  padding-top: 4rem; }

.pt13 {
  padding-top: 4.5rem; }

.pt14 {
  padding-top: 5rem; }

.pt15 {
  padding-top: 5.5rem; }

.pt16 {
  padding-top: 6rem; }

.pr0 {
  padding-right: 0; }

.pr1 {
  padding-right: 0.25rem; }

.pr2 {
  padding-right: 0.5rem; }

.pr3 {
  padding-right: 0.75rem; }

.pr4 {
  padding-right: 1rem; }

.pr5 {
  padding-right: 1.25rem; }

.pr6 {
  padding-right: 1.5rem; }

.pr7 {
  padding-right: 1.75rem; }

.pr8 {
  padding-right: 2rem; }

.pr9 {
  padding-right: 2.5rem; }

.pr10 {
  padding-right: 3rem; }

.pr11 {
  padding-right: 3.5rem; }

.pr12 {
  padding-right: 4rem; }

.pr13 {
  padding-right: 4.5rem; }

.pr14 {
  padding-right: 5rem; }

.pr15 {
  padding-right: 5.5rem; }

.pr16 {
  padding-right: 6rem; }

.pb0 {
  padding-bottom: 0; }

.pb1 {
  padding-bottom: 0.25rem; }

.pb2 {
  padding-bottom: 0.5rem; }

.pb3 {
  padding-bottom: 0.75rem; }

.pb4 {
  padding-bottom: 1rem; }

.pb5 {
  padding-bottom: 1.25rem; }

.pb6 {
  padding-bottom: 1.5rem; }

.pb7 {
  padding-bottom: 1.75rem; }

.pb8 {
  padding-bottom: 2rem; }

.pb9 {
  padding-bottom: 2.5rem; }

.pb10 {
  padding-bottom: 3rem; }

.pb11 {
  padding-bottom: 3.5rem; }

.pb12 {
  padding-bottom: 4rem; }

.pb13 {
  padding-bottom: 4.5rem; }

.pb14 {
  padding-bottom: 5rem; }

.pb15 {
  padding-bottom: 5.5rem; }

.pb16 {
  padding-bottom: 6rem; }

.pl0 {
  padding-left: 0; }

.pl1 {
  padding-left: 0.25rem; }

.pl2 {
  padding-left: 0.5rem; }

.pl3 {
  padding-left: 0.75rem; }

.pl4 {
  padding-left: 1rem; }

.pl5 {
  padding-left: 1.25rem; }

.pl6 {
  padding-left: 1.5rem; }

.pl7 {
  padding-left: 1.75rem; }

.pl8 {
  padding-left: 2rem; }

.pl9 {
  padding-left: 2.5rem; }

.pl10 {
  padding-left: 3rem; }

.pl11 {
  padding-left: 3.5rem; }

.pl12 {
  padding-left: 4rem; }

.pl13 {
  padding-left: 4.5rem; }

.pl14 {
  padding-left: 5rem; }

.pl15 {
  padding-left: 5.5rem; }

.pl16 {
  padding-left: 6rem; }

.py0 {
  padding-top: 0;
  padding-bottom: 0; }

.py1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.py2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.py3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

.py4 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

.py6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.py7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem; }

.py8 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.py9 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.py10 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.py11 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

.py12 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.py13 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }

.py14 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.py15 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem; }

.py16 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.px0 {
  padding-left: 0;
  padding-right: 0; }

.px1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.px2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.px3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.px4 {
  padding-left: 1rem;
  padding-right: 1rem; }

.px5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

.px6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.px7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem; }

.px8 {
  padding-left: 2rem;
  padding-right: 2rem; }

.px9 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.px10 {
  padding-left: 3rem;
  padding-right: 3rem; }

.px11 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

.px12 {
  padding-left: 4rem;
  padding-right: 4rem; }

.px13 {
  padding-left: 4.5rem;
  padding-right: 4.5rem; }

.px14 {
  padding-left: 5rem;
  padding-right: 5rem; }

.px15 {
  padding-left: 5.5rem;
  padding-right: 5.5rem; }

.px16 {
  padding-left: 6rem;
  padding-right: 6rem; }

.pcr1 {
  padding-right: calc(100vw * (1 / 4) / 12); }

.pcr2 {
  padding-right: calc(100vw * (2 / 4) / 12); }

.pcr3 {
  padding-right: calc(100vw * (3 / 4) / 12); }

.pcr4 {
  padding-right: calc(100vw / 12); }

.pcr5 {
  padding-right: calc(100vw * (5 / 4) / 12); }

.pcr6 {
  padding-right: calc(100vw * (6 / 4) / 12); }

.pcr7 {
  padding-right: calc(100vw * (7 / 4) / 12); }

.pcr8 {
  padding-right: calc(100vw * 2 / 12); }

.pcr9 {
  padding-right: calc(100vw * (9 / 4) / 12); }

.pcr10 {
  padding-right: calc(100vw * (10 / 4) / 12); }

.pcr11 {
  padding-right: calc(100vw * (11 / 4) / 12); }

.pcr12 {
  padding-right: calc(100vw * 3 / 12); }

.pcr13 {
  padding-right: calc(100vw * (13 / 4) / 12); }

.pcr14 {
  padding-right: calc(100vw * (14 / 4) / 12); }

.pcr15 {
  padding-right: calc(100vw * (15 / 4) / 12); }

.pcr16 {
  padding-right: calc(100vw * 4 / 12); }

.pcl1 {
  padding-left: calc(100vw * (1 / 4) / 12); }

.pcl2 {
  padding-left: calc(100vw * (2 / 4) / 12); }

.pcl3 {
  padding-left: calc(100vw * (3 / 4) / 12); }

.pcl4 {
  padding-left: calc(100vw / 12); }

.pcl5 {
  padding-left: calc(100vw * (5 / 4) / 12); }

.pcl6 {
  padding-left: calc(100vw * (6 / 4) / 12); }

.pcl7 {
  padding-left: calc(100vw * (7 / 4) / 12); }

.pcl8 {
  padding-left: calc(100vw * 2 / 12); }

.pcl9 {
  padding-left: calc(100vw * (9 / 4) / 12); }

.pcl10 {
  padding-left: calc(100vw * (10 / 4) / 12); }

.pcl11 {
  padding-left: calc(100vw * (11 / 4) / 12); }

.pcl12 {
  padding-left: calc(100vw * 3 / 12); }

.pcl13 {
  padding-left: calc(100vw * (13 / 4) / 12); }

.pcl14 {
  padding-left: calc(100vw * (14 / 4) / 12); }

.pcl15 {
  padding-left: calc(100vw * (15 / 4) / 12); }

.pcl16 {
  padding-left: calc(100vw * 4 / 12); }

.pvt1 {
  padding-top: 0.5vh; }

.pvt2 {
  padding-top: 1vh; }

.pvt3 {
  padding-top: 1.5vh; }

.pvt4 {
  padding-top: 2vh; }

.pvt5 {
  padding-top: 4vh; }

.pvt6 {
  padding-top: 6vh; }

.pvt7 {
  padding-top: 10vh; }

.pvt8 {
  padding-top: 16vh; }

.pvb1 {
  padding-bottom: 0.5vh; }

.pvb2 {
  padding-bottom: 1vh; }

.pvb3 {
  padding-bottom: 1.5vh; }

.pvb4 {
  padding-bottom: 2vh; }

.pvb5 {
  padding-bottom: 4vh; }

.pvb6 {
  padding-bottom: 6vh; }

.pvb7 {
  padding-bottom: 10vh; }

.pvb8 {
  padding-bottom: 16vh; }

.flex, nav.module-menu .menu-navbar, nav.module-menu .menu-navbar .wrapper.left .logo, footer .footer-wrapper .mediaweb a {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.items-start {
  -webkit-align-items: flex-start;
  align-items: flex-start; }

.items-end {
  -webkit-align-items: flex-end;
  align-items: flex-end; }

.items-center, nav.module-menu .menu-navbar .wrapper.left .logo, footer .footer-wrapper, footer .footer-wrapper .mediaweb a {
  -webkit-align-items: center;
  align-items: center; }

.items-baseline {
  -webkit-align-items: baseline;
  align-items: baseline; }

.items-stretch {
  -webkit-align-items: stretch;
  align-items: stretch; }

.self-start {
  -webkit-align-self: flex-start;
  /* add prefixed version */
  -ms-flex-item-align: start;
  /* add prefixed version */
  align-self: flex-start; }

.self-end {
  -webkit-align-self: flex-end;
  /* add prefixed version */
  -ms-flex-item-align: end;
  /* add prefixed version */
  align-self: flex-end; }

.self-center {
  -webkit-align-self: center;
  /* add prefixed version */
  -ms-flex-item-align: center;
  align-self: center; }

.self-baseline {
  align-self: baseline; }

.self-stretch {
  align-self: stretch; }

.justify-start {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start; }

.justify-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end; }

.justify-center, nav.module-menu .menu-navbar .wrapper.left .logo {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }

.justify-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }

.justify-around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around; }

.justify-evenly {
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly; }

.content-start {
  align-content: flex-start; }

.content-end {
  align-content: flex-end; }

.content-center {
  align-content: center; }

.content-between {
  align-content: space-between; }

.content-around {
  align-content: space-around; }

.content-stretch {
  align-content: stretch; }

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */ }

.flex-none {
  flex: none; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-last {
  order: 99999; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.visible-xs {
  display: none; }

.hidden-xs {
  display: block; }

@media screen and (max-width: 767px) {
  .hidden-xs {
    display: none; }
  .visible-xs {
    display: block; } }

.hidden-mobile {
  display: block; }

.hidden-desktop {
  display: none; }

@media screen and (max-width: 990px) {
  .hidden-mobile {
    display: none !important; }
  .hidden-desktop {
    display: block; } }

/* Animations */
/* Pour utiliser:
animation: drop-down;
animation-delay: 1s;
*/
@keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes drop-down {
  from {
    top: -100vh; }
  to {
    top: 0px; } }

@keyframes come-up {
  from {
    bottom: -100vh; }
  to {
    bottom: 0px; } }

@keyframes zoom-in {
  from {
    transform: translate(-100vw); }
  to {
    transform: translate(0); } }

.text-color, .font-main, p, body, .text p, .text div {
  color: #1F1B17; }

.text-color-header, h3 {
  color: #ac8b07; }

.text-color-black {
  color: #000; }

.text-color-nav, nav.module-menu .menu-navbar .wrapper.left .logo .slogan, nav.module-menu #menu-mobile .menu-toggle .word,
.text-color-nav-lang,
.text-color-nav-logo,
nav.module-menu .menu-navbar .wrapper.left .logo a {
  color: #ac8b07; }

.text-color-nav-lang-hover {
  color: #fff; }

.text-color-nav-active {
  color: #0093d8; }

.text-color-nav-hover, nav.module-menu .menu-navbar .wrapper.left .logo a:hover, nav.module-menu .menu-navbar .wrapper.left .logo .slogan:hover {
  color: #0093d8; }

.text-color-nav-phone {
  color: #fff; }

.text-color-nav-phone-hover {
  color: #ac8b07; }

.text-color-nav-toggle {
  color: #b5b5b5; }

.text-color-white {
  color: #fff; }

.text-color-contrast, body a:hover, body a:focus, footer .footer-wrapper .mediaweb a:hover {
  color: #fff; }

.text-color-grey, footer .footer-wrapper {
  color: #b5b5b5; }

.text-color-primary, body a {
  color: #0093d8; }

.text-color-footer {
  color: #b5b5b5; }

.bg-color-body {
  background-color: #FAF7F7; }

.bg-color-gold {
  background-color: #0093d7; }

.bg-color-black {
  background-color: #000; }

.bg-color-nav {
  background-color: rgba(0, 0, 0, 0.4); }

.bg-color-nav-hover {
  background-color: rgba(0, 0, 0, 0.4); }

.bg-color-nav-active {
  background-color: rgba(0, 0, 0, 0.4); }

.bg-color-nav-toggle {
  background-color: #fff; }

.bg-color-nav-toggle-backdrop {
  background-color: black; }

.bg-color-footer {
  background-color: #262523; }

.bg-color-transparent {
  background-color: rgba(0, 0, 0, 0.4); }

/** to add hover effect on icon **/
.filter-hover {
  filter: invert(79%) sepia(60%) saturate(6121%) hue-rotate(20deg) brightness(89%) contrast(94%); }

.filter-black {
  filter: none; }

.filter-normal {
  filter: invert(100%) sepia(19%) saturate(254%) hue-rotate(303deg) brightness(115%) contrast(100%); }

.icon a {
  background-color: inherit;
  position: relative; }
  .icon a .overlay {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    background-color: #ac8b07;
    mix-blend-mode: multiply;
    transition: all 0.2s ease-in; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .icon a .overlay {
        background: rgba(0, 0, 0, 0.5); } }
    @supports (-ms-ime-align: auto) {
      .icon a .overlay {
        background: rgba(0, 0, 0, 0.5); } }
  .icon a:hover .overlay {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease-out; }

/*
    Where we set the typography of the template
 */
body {
  line-height: 1; }
  body a {
    text-decoration: none !important; }
    body a:hover, body a:focus {
      text-decoration: none !important; }

h3 {
  text-transform: uppercase;
  font-size: 1.2rem; }

p {
  line-height: 2;
  font-size: 16px;
  font-family: "Inter", sans-serif; }

ul {
  padding-left: 20px; }

.text p, .text div {
  line-height: 1.4; }

.text strong {
  color: #0093d8;
  font-weight: 900; }

.text em {
  color: #ac8b07;
  font-style: normal;
  font-weight: 600; }

.btn {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .btn h5 {
    margin: 0;
    padding: 0;
    font-weight: 600; }
  .btn span.btn-em {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600; }

.btn-primary {
  background-color: #1F1B17;
  color: #fff;
  padding: 18px 40px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(31, 27, 23, 0.2);
  position: relative;
  overflow: hidden; }
  .btn-primary::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s; }
  .btn-primary h5 {
    position: relative;
    z-index: 1;
    color: inherit;
    transition: transform 0.3s ease; }
  .btn-primary:hover {
    background-color: #100e0c;
    color: #fff;
    box-shadow: 0 6px 20px rgba(31, 27, 23, 0.3);
    transform: translateY(-2px); }
    .btn-primary:hover::before {
      width: 300px;
      height: 300px; }
    .btn-primary:hover h5 {
      transform: translateX(5px); }
  .btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(31, 27, 23, 0.2); }
  @media screen and (max-width: 767px) {
    .btn-primary {
      padding: 15px 30px;
      font-size: 14px; }
      .btn-primary h5 {
        font-size: 14px; } }

/* GENERAL TEMPLATE */
body {
  background-color: #FAF7F7; }
  body .parallax {
    background-attachment: fixed; }
    @media screen and (max-width: 767px) {
      body .parallax {
        background-attachment: scroll; } }

/** Add this class to any anchor tag so it clear the fixed menu height (used in forms) */
.jumptarget::before {
  content: "";
  display: block;
  height: 100px;
  /* fixed header height*/
  margin: -100px 0 0;
  /* negative fixed header height */ }

/** Adds a shadow to the div element **/
.shadow {
  position: relative; }
  .shadow::after {
    content: '';
    z-index: 0;
    width: 100%;
    top: 100%;
    height: 40px;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

header {
  position: relative; }

/*****************************************************/
/* Menu (to use with /modules/module-menu.php)
/* Or /modules/module-menu-centre.php
/* Or /modules/module-menu-etage.php
 */
/*****************************************************/
/*****************************************************/
/* needs _sources/js/main.js to toggle var menu = ".menu-mobile"; */
nav.module-menu {
  position: relative;
  /****************************************************
    /* Set if the menu is over the slide show or not
    */
  padding-bottom: 0;
  /************ menu desktop ***************************/
  /************ menu toggle ***************************/
  /************ menu mobile ***************************/ }
  nav.module-menu ul {
    list-style: none; }
  @media screen and (max-width: 990px) {
    nav.module-menu {
      padding-bottom: 0; } }
  nav.module-menu .menu-navbar {
    position: fixed;
    top: 0;
    z-index: 500;
    width: 100%;
    height: 56px;
    transition: all 0.3s ease;
    /* purgecss start ignore */
    /* purgecss end ignore */ }
    nav.module-menu .menu-navbar.nav-invisible {
      transition: all 0.3s ease; }
    nav.module-menu .menu-navbar.nav-visible {
      transition: all 0.3s ease; }
    @media screen and (max-width: 1280px) {
      nav.module-menu .menu-navbar {
        height: 75px;
        transition: all 0.3s ease; }
        nav.module-menu .menu-navbar.nav-invisible {
          transition: all 0.3s ease; }
        nav.module-menu .menu-navbar.nav-visible {
          transition: all 0.3s ease; } }
    nav.module-menu .menu-navbar .wrapper.left {
      flex: 0 0 auto; }
      nav.module-menu .menu-navbar .wrapper.left .logo {
        height: 100%;
        width: auto;
        margin: 48px 0 0 112px; }
        nav.module-menu .menu-navbar .wrapper.left .logo .slogan {
          font-size: 0.6rem; }
        @media screen and (max-width: 1280px) {
          nav.module-menu .menu-navbar .wrapper.left .logo {
            max-width: 120px;
            margin: 48px 0 0 44px; } }
        @media screen and (max-width: 767px) {
          nav.module-menu .menu-navbar .wrapper.left .logo {
            margin-left: 5vw; } }
        @media screen and (max-width: 1280px) {
          nav.module-menu .menu-navbar .wrapper.left .logo {
            max-width: 110px; } }
    nav.module-menu .menu-navbar .wrapper.right {
      top: 0;
      right: 0;
      width: 230px;
      position: fixed;
      margin-left: auto;
      position: absolute;
      height: 100vh;
      border-left: 1px solid #1F1B17;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      align-items: flex-start; }
      nav.module-menu .menu-navbar .wrapper.right div.slogan {
        writing-mode: vertical-rl;
        text-orientation: sideways-right;
        margin-bottom: 100px;
        margin-left: 70px;
        transform: rotate(180deg); }
        nav.module-menu .menu-navbar .wrapper.right div.slogan p {
          font-size: 24px;
          font-weight: 500;
          font-family: 'inter';
          color: #1F1B17; }
      @media screen and (max-width: 1280px) {
        nav.module-menu .menu-navbar .wrapper.right {
          width: 108px; }
          nav.module-menu .menu-navbar .wrapper.right div.slogan {
            margin-left: 40px; }
            nav.module-menu .menu-navbar .wrapper.right div.slogan p {
              font-size: 16px; } }
      @media screen and (max-width: 767px) {
        nav.module-menu .menu-navbar .wrapper.right {
          border-left: none; }
          nav.module-menu .menu-navbar .wrapper.right div.slogan {
            display: none; } }
  nav.module-menu .menu-toggle {
    float: right;
    cursor: pointer;
    margin-top: 49px;
    margin-left: auto;
    margin-right: 97px;
    position: relative;
    padding: 15px;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    nav.module-menu .menu-toggle .bar-top, nav.module-menu .menu-toggle .bar-bottom, nav.module-menu .menu-toggle .bar-centre {
      width: 48px;
      height: 2px;
      display: block;
      background-color: #1F1B17;
      transform: rotate(0);
      transition: .5s;
      position: relative; }
    nav.module-menu .menu-toggle .bar-centre {
      margin: 12px 0;
      transform: rotate(0);
      transition: .5s; }
    nav.module-menu .menu-toggle.toggled .bar-centre {
      transform: rotate(-30deg);
      transition: .5s;
      margin: 0; }
    nav.module-menu .menu-toggle.toggled .bar-top {
      transform: rotate(-150deg);
      transition: .5s; }
    nav.module-menu .menu-toggle.toggled .bar-bottom {
      opacity: 0;
      visibility: hidden;
      transition: .5s; }
    @media screen and (max-width: 1280px) {
      nav.module-menu .menu-toggle {
        margin-right: 14px;
        margin-top: 49px;
        padding: 12px;
        min-width: 40px;
        min-height: 40px; }
        nav.module-menu .menu-toggle .bar-top, nav.module-menu .menu-toggle .bar-bottom, nav.module-menu .menu-toggle .bar-centre {
          width: 30px; }
        nav.module-menu .menu-toggle .bar-centre {
          margin: 9px 0; } }
  @media screen and (max-width: 1280px) and (max-width: 767px) {
    nav.module-menu .menu-toggle {
      margin-right: 5vW; } }
  nav.module-menu #menu-mobile {
    width: 600px;
    top: 0;
    bottom: 0;
    right: -600px;
    position: fixed;
    z-index: 11;
    transition: all 0.3s ease-in; }
    nav.module-menu #menu-mobile div.menu_wrapper {
      position: relative;
      height: 100%;
      width: 100%; }
      nav.module-menu #menu-mobile div.menu_wrapper div.blur {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(8px); }
    nav.module-menu #menu-mobile.toggled {
      overflow-y: auto;
      bottom: 0;
      transform: translate(-600px, 0%); }
    nav.module-menu #menu-mobile .menu-toggle {
      float: right;
      margin: 15px 0 0 0; }
    @media screen and (max-width: 990px) {
      nav.module-menu #menu-mobile {
        width: 400px; } }
    @media screen and (max-width: 500px) {
      nav.module-menu #menu-mobile {
        width: 80%; } }
    nav.module-menu #menu-mobile ul {
      padding: 150px 20px 150px 40px; }
      nav.module-menu #menu-mobile ul li {
        line-height: 100%;
        padding: 15px;
        z-index: 3; }
        nav.module-menu #menu-mobile ul li > a, nav.module-menu #menu-mobile ul li > .menu-title {
          color: #1F1B17;
          transition: .3s;
          font-size: 24px;
          font-weight: 500;
          text-transform: lowercase; }
        nav.module-menu #menu-mobile ul li > a, nav.module-menu #menu-mobile ul li > a div {
          padding-left: 0;
          transition: .3s; }
      nav.module-menu #menu-mobile ul.reseaux {
        padding: 0 20px 30px 40px; }
        nav.module-menu #menu-mobile ul.reseaux li > a, nav.module-menu #menu-mobile ul.reseaux li > div {
          color: #000;
          transition: .3s;
          font-size: 20px;
          font-weight: 500;
          text-transform: lowercase; }
        nav.module-menu #menu-mobile ul.reseaux li > a, nav.module-menu #menu-mobile ul.reseaux li > a div {
          padding-left: 0;
          transition: .3s; }

/*****************************************************/
/* Footer (to use with /modules/module-footer.php)
/*****************************************************/
footer {
  min-height: 100px;
  padding-left: 112px;
  padding-right: 230px; }
  @media screen and (max-width: 1280px) {
    footer {
      padding-left: 40px;
      padding-right: 108px; } }
  footer .footer-wrapper {
    width: 50%;
    margin: 0 auto;
    width: 100%; }
    footer .footer-wrapper .footer-info {
      padding-right: 5%; }
      footer .footer-wrapper .footer-info p {
        font-size: 16px;
        line-height: 1.2;
        padding: 0;
        margin: 0;
        font-weight: 400;
        color: #1F1B17 !important; }
      footer .footer-wrapper .footer-info a {
        color: #1F1B17; }
    footer .footer-wrapper .mediaweb {
      margin-bottom: 10px; }
      footer .footer-wrapper .mediaweb a {
        color: #1F1B17; }
        footer .footer-wrapper .mediaweb a p {
          line-height: 1;
          padding-left: 15px;
          font-weight: 400; }
        footer .footer-wrapper .mediaweb a span {
          padding-left: 5px; }
    footer .footer-wrapper .copyright {
      color: #1F1B17; }
  @media screen and (max-width: 1180px) {
    footer .footer-wrapper {
      flex-wrap: wrap; }
      footer .footer-wrapper .items-center, footer .footer-wrapper nav.module-menu .menu-navbar .wrapper.left .logo, nav.module-menu .menu-navbar .wrapper.left footer .footer-wrapper .logo, footer .footer-wrapper .footer-wrapper, footer .footer-wrapper .mediaweb a {
        order: -1;
        width: 100%; }
      footer .footer-wrapper div.footer-info {
        margin: 20px 0; }
      footer .footer-wrapper div.copyright-logo {
        order: 1;
        margin-top: 40px;
        margin-left: 0; } }
  @media screen and (max-width: 990px) {
    footer {
      padding-left: 5%; }
      footer .footer-wrapper div.copyright-logo {
        margin-top: 40px; } }
  @media screen and (max-width: 767px) {
    footer {
      padding-right: 5%; } }

/*****************************************************/
/* Sections (to use with /sections/section-*-*.php)
/*****************************************************/
.section-fiche-product {
  padding: 50px 240px 0 100px; }
  @media screen and (max-width: 1280px) {
    .section-fiche-product {
      padding: 50px 110px 0 45px; } }
  @media screen and (max-width: 600px) {
    .section-fiche-product {
      padding: 50px 20px 0 20px; } }
  .section-fiche-product .arrow_back {
    max-width: 150px;
    display: flex; }
    .section-fiche-product .arrow_back .btn-back {
      width: 100%;
      text-align: center;
      background-color: #EDEDED;
      color: #000;
      padding: 15px;
      border-radius: 35px;
      font-size: 18px;
      transition: all 0.3s ease;
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      position: relative;
      overflow: hidden; }
      .section-fiche-product .arrow_back .btn-back .fa-arrow-left {
        margin-right: 10px; }
      .section-fiche-product .arrow_back .btn-back::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.5s ease; }
      .section-fiche-product .arrow_back .btn-back:hover {
        background: #000;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(10, 40, 84, 0.3); }
        .section-fiche-product .arrow_back .btn-back:hover::before {
          left: 100%; }
  .section-fiche-product .wrapper {
    width: 100%;
    margin: auto; }
  .section-fiche-product .left-side {
    width: 40%; }
    .section-fiche-product .left-side .image-side {
      margin-right: 30px;
      margin-bottom: 2rem;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      transition: all 0.5s ease; }
      .section-fiche-product .left-side .image-side:hover {
        transform: scale(1.02);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); }
  .section-fiche-product .right-side {
    width: 60%; }
    .section-fiche-product .right-side h3 {
      font-size: 1.5rem;
      font-weight: 700;
      color: #000;
      padding-bottom: 25px;
      text-transform: initial;
      line-height: 1.2; }
    .section-fiche-product .right-side h4 {
      font-size: 1rem;
      font-weight: 700;
      color: #000;
      margin-bottom: 15px; }
    .section-fiche-product .right-side .pdf {
      margin: 15px 0;
      font-size: 18px;
      color: #0093d8;
      text-decoration: none;
      transition: all 0.3s ease;
      display: inline-block; }
      .section-fiche-product .right-side .pdf:hover, .section-fiche-product .right-side .pdf:focus, .section-fiche-product .right-side .pdf:focus-visible {
        color: #ac8b07;
        transform: translateX(5px); }
    .section-fiche-product .right-side p, .section-fiche-product .right-side li {
      font-weight: 400;
      font-size: 18px;
      color: #242424;
      text-transform: initial;
      line-height: 1.6; }
    .section-fiche-product .right-side ul {
      padding-top: 10px; }
      .section-fiche-product .right-side ul li {
        line-height: 1.4;
        padding-bottom: 8px;
        position: relative;
        padding-left: 20px; }
        .section-fiche-product .right-side ul li::before {
          content: '•';
          color: #0093d8;
          font-weight: bold;
          position: absolute;
          left: 0; }
  @media screen and (max-width: 1400px) {
    .section-fiche-product .left-side,
    .section-fiche-product .right-side {
      width: 50%; }
    .section-fiche-product .image-side {
      margin-right: 2rem;
      margin-bottom: 2rem; } }
  @media screen and (max-width: 1200px) {
    .section-fiche-product .image-side {
      margin-right: 2rem;
      margin-bottom: 2rem;
      max-width: 450px; }
    .section-fiche-product .right-side h3 {
      font-size: 24px; }
    .section-fiche-product .right-side p, .section-fiche-product .right-side li {
      font-size: 16px; }
    .section-fiche-product .right-side .pdf {
      font-size: 16px; } }
  @media screen and (max-width: 990px) {
    .section-fiche-product .info {
      flex-direction: column; }
    .section-fiche-product .left-side,
    .section-fiche-product .right-side {
      width: 100%; }
    .section-fiche-product .right-side h4 {
      font-size: 20px; }
    .section-fiche-product .image-side {
      margin-bottom: 2rem;
      width: 100%;
      max-width: 100%; } }
  @media screen and (max-width: 600px) {
    .section-fiche-product .left-side .image-side {
      margin-bottom: 5rem; }
    .section-fiche-product .right-side h3 {
      font-size: 22px; }
    .section-fiche-product .right-side h4 {
      font-size: 18px; }
    .section-fiche-product .right-side ul li {
      font-size: 15px; } }

/* Create four equal columns that floats next to eachother */
.slideshow-wrap {
  width: 100%;
  margin-bottom: 20px; }

/* Modal Content */
.slide-content {
  background-color: #fff;
  margin: auto;
  padding: 5px;
  position: relative; }

.mySlides {
  transition: .3s; }

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 0;
  transition: .2s;
  bottom: 0;
  width: auto;
  padding: 16px;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  display: flex;
  align-items: center;
  justify-content: center; }

/* Position the "next button" to the right */
.next {
  right: 0; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  color: #000;
  transition: .4s; }

.next:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
  color: #000;
  transition: .4s; }

/* Caption text */
.caption-container {
  text-align: center;
  padding: 15px; }
  .caption-container p {
    color: #000;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.3; }

div.thumb-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  padding-top: 10px; }
  div.thumb-wrapper .column {
    padding: 5px; }
    div.thumb-wrapper .column img.thumb {
      opacity: 1;
      transition: 0.4s; }
      div.thumb-wrapper .column img.thumb.active {
        opacity: 0.6;
        transition: 0.4s; }
      div.thumb-wrapper .column img.thumb:hover {
        transform: scale(1.1);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: .4s; }
  @media screen and (max-width: 1500px) {
    div.thumb-wrapper {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 1500px) and (max-width: 1500px) {
    div.thumb-wrapper {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 1500px) and (max-width: 1500px) and (max-width: 767px) {
    div.thumb-wrapper {
      grid-template-columns: repeat(2, 1fr); } }

/*****************************************************/
/* Modules (to use with /modules/module-*-*.php)
/*****************************************************/
/*****************************************************/
/*****************************************************/
.video-hero-section {
  position: relative;
  width: 100%;
  min-height: 660px;
  height: 1080px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .video-hero-section.page {
    min-height: 550px; }
  .video-hero-section .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1080px;
    z-index: 1; }
    .video-hero-section .video-background video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      transform: translate(-50%, -50%);
      object-fit: cover; }
    .video-hero-section .video-background .video-desktop {
      display: block; }
    .video-hero-section .video-background .video-mobile {
      display: none; }
    @media screen and (max-width: 990px) {
      .video-hero-section .video-background .video-desktop {
        display: none; }
      .video-hero-section .video-background .video-mobile {
        display: block; } }
  .video-hero-section .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 2; }
  .video-hero-section .hero-content {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .video-hero-section .hero-content .container {
      width: 100%;
      max-width: 1200px;
      margin: 0 5% 0 5%;
      padding: 0; }
    .video-hero-section .hero-content .hero-text {
      max-width: 760px; }
      .video-hero-section .hero-content .hero-text .hero-message {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 0;
        color: #fff;
        text-transform: inherit;
        margin-bottom: 40px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
        @media screen and (max-width: 1280px) {
          .video-hero-section .hero-content .hero-text .hero-message {
            font-size: 24px; } }
        @media screen and (max-width: 990px) {
          .video-hero-section .hero-content .hero-text .hero-message {
            font-size: 20px;
            margin-bottom: 30px; } }
        @media screen and (max-width: 767px) {
          .video-hero-section .hero-content .hero-text .hero-message {
            font-size: 18px;
            margin-bottom: 25px; } }
  @media screen and (max-width: 767px) {
    .video-hero-section .hero-content .container {
      padding: 0 15px; }
    .video-hero-section .hero-content .hero-text {
      max-width: 100%;
      text-align: center; }
      .video-hero-section .hero-content .hero-text .hero-message {
        text-align: left; } }
  @media screen and (max-width: 767px) {
    .video-hero-section {
      height: calc(100vw * 1080 / 608); }
      .video-hero-section .video-background {
        height: 100%; }
      .video-hero-section .hero-content .container {
        padding: 0 10px; } }

.md-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backdrop-filter: blur(0px); }
  .md-modal.md-show {
    visibility: visible;
    opacity: 1;
    backdrop-filter: blur(8px); }

.popup-box {
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  max-width: 900px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
  transform: scale(0.8) translateY(50px);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2); }
  .md-show .popup-box {
    transform: scale(1) translateY(0); }
  @media screen and (max-width: 768px) {
    .popup-box {
      padding: 30px 20px;
      max-width: 95%;
      border-radius: 16px; } }
  @media screen and (max-width: 480px) {
    .popup-box {
      padding: 25px 15px;
      border-radius: 12px; } }

.md-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease; }
  .md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible; }

.popup-box .mfp-close,
.md-modal .mfp-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 50%;
  color: #666;
  font-size: 18px;
  font-weight: 300;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10; }
  .popup-box .mfp-close:hover,
  .md-modal .mfp-close:hover {
    background: rgba(0, 0, 0, 0.2);
    color: #333;
    transform: scale(1.1); }
  .popup-box .mfp-close:active,
  .md-modal .mfp-close:active {
    transform: scale(0.95); }
  .popup-box .mfp-close::before,
  .md-modal .mfp-close::before {
    content: '×';
    font-size: 24px;
    line-height: 1; }

.popup-box h3 {
  font-family: "Sofia Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  color: #254e64;
  text-transform: none;
  letter-spacing: -0.5px;
  margin: 0 0 20px 0;
  line-height: 1.2;
  /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  */ }
  @media screen and (max-width: 768px) {
    .popup-box h3 {
      font-size: 1.8rem; } }
  @media screen and (max-width: 480px) {
    .popup-box h3 {
      font-size: 1.5rem; } }

.popup-box p {
  color: #5a6c7d;
  line-height: 1.6;
  font-weight: 400;
  font-size: 1rem;
  margin: 0 0 15px 0; }
  @media screen and (max-width: 768px) {
    .popup-box p {
      font-size: 1rem; } }

.popup-box img {
  margin: 25px auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease; }
  .popup-box img:hover {
    transform: scale(1.02); }

.popup-box .popup_pdf {
  display: inline-block;
  color: #667eea;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 24px;
  border: 2px solid #667eea;
  border-radius: 50px;
  transition: all 0.3s ease;
  margin-top: 20px; }
  .popup-box .popup_pdf:hover {
    background: #667eea;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3); }

.md-effect-1 .popup-box {
  transform: scale(0.7) translateY(30px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.md-show.md-effect-1 .popup-box {
  transform: scale(1) translateY(0);
  opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .md-modal,
  .popup-box,
  .popup-box .mfp-close,
  .md-modal .mfp-close,
  .md-overlay {
    transition: none; } }

@media (prefers-contrast: high) {
  .popup-box {
    border: 2px solid #000;
    background: #fff; }
  .popup-box .mfp-close,
  .md-modal .mfp-close {
    background: #000;
    color: #fff; } }

@media (prefers-color-scheme: dark) {
  .popup-box {
    background: rgba(30, 30, 30, 0.95);
    color: #e0e0e0;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .popup-box h3 {
    color: #ffffff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; }
  .popup-box p {
    color: #b0b0b0; }
  .popup-box .mfp-close,
  .md-modal .mfp-close {
    background: rgba(255, 255, 255, 0.1);
    color: #e0e0e0; }
    .popup-box .mfp-close:hover,
    .md-modal .mfp-close:hover {
      background: rgba(255, 255, 255, 0.2); } }

/*******************************************************************************
* COMMON TO ALL PAGES
*/
div.wrapper-inside {
  width: calc(100vw - 520px);
  margin: auto; }
  @media screen and (max-width: 1280px) {
    div.wrapper-inside {
      width: calc(100vw - 240px); } }
  @media screen and (max-width: 767px) {
    div.wrapper-inside {
      width: 90%; } }

/*****************************************************/
/* INDEX.PHP
/*****************************************************/
section.section01-text {
  padding: 100px 0; }
  section.section01-text div.wrapper-inside div.left-side {
    width: 30%; }
  section.section01-text div.wrapper-inside div.right-side {
    width: 70%; }
  section.section01-text p, section.section01-text li {
    max-width: 550px;
    font-size: 16px;
    color: #1F1B17;
    line-height: 1.5;
    font-weight: 400;
    padding-right: 50px; }
  section.section01-text h3 {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: -5px;
    color: #1F1B17; }
  section.section01-text .burst {
    max-width: 350px; }
    section.section01-text .burst img {
      transform: translateX(0);
      transition: .3s; }
    section.section01-text .burst:hover img {
      transform: translateX(20px);
      transition: .3s; }
    @media screen and (max-width: 1280px) {
      section.section01-text .burst {
        max-width: 250px; } }
  @media screen and (max-width: 1280px) {
    section.section01-text p {
      padding-right: 0; }
    section.section01-text div.wrapper-inside {
      flex-direction: column; }
      section.section01-text div.wrapper-inside div.right-side {
        width: 100%; }
        section.section01-text div.wrapper-inside div.right-side div {
          width: 30%; }
      section.section01-text div.wrapper-inside .text {
        margin-right: auto; }
      section.section01-text div.wrapper-inside .burst {
        margin-left: auto;
        margin-top: 48px; } }
  @media screen and (max-width: 767px) {
    section.section01-text div.wrapper-inside div.left-side, section.section01-text div.wrapper-inside div.right-side {
      flex-direction: column;
      width: 100% !important; }
      section.section01-text div.wrapper-inside div.left-side div, section.section01-text div.wrapper-inside div.right-side div {
        width: 100%;
        max-width: 100%; } }

section.section_bg_inset {
  position: relative; }
  section.section_bg_inset div.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

section.section-translate-top div.wrapper-inside {
  display: grid;
  grid-template-columns: 50% 42%;
  grid-gap: 10%; }

@media screen and (max-width: 1280px) and (max-width: 990px) {
  section.section-translate-top div.wrapper-inside {
    position: relative; }
    section.section-translate-top div.wrapper-inside .block01 {
      width: 125%;
      position: relative; }
    section.section-translate-top div.wrapper-inside .block02 {
      position: absolute;
      right: 0;
      width: 70%; } }

@media screen and (max-width: 1280px) and (max-width: 990px) and (max-width: 640px) {
  section.section-translate-top {
    margin-bottom: 100px; }
    section.section-translate-top div.wrapper-inside {
      position: relative; }
      section.section-translate-top div.wrapper-inside .block01 {
        width: 70%;
        position: absolute;
        transform: translateY(-50%); }
      section.section-translate-top div.wrapper-inside .block02 {
        position: relative;
        left: 70%;
        width: 120%;
        transform: translateY(20%); } }

section.section-bottom {
  padding: 0 112px 50px 112px; }
  section.section-bottom div.div-title h3 {
    color: #1F1B17;
    font-size: 5vw;
    text-transform: lowercase;
    transform: translateY(35%); }
  section.section-bottom div.left-side {
    padding-top: 70px;
    width: 35%;
    padding-right: 25px; }
    section.section-bottom div.left-side .burst {
      max-width: 260px; }
      section.section-bottom div.left-side .burst a {
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
      section.section-bottom div.left-side .burst h3 {
        color: #1F1B17;
        font-size: 1.2rem;
        margin: 0;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
      section.section-bottom div.left-side .burst img {
        transform: translateX(0);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease; }
      section.section-bottom div.left-side .burst:hover a {
        transform: translateX(5px); }
      section.section-bottom div.left-side .burst:hover h3 {
        color: #1F1B17; }
      section.section-bottom div.left-side .burst:hover img {
        transform: translateX(10px);
        opacity: 0.8; }
  section.section-bottom div.right-side {
    width: 65%; }
    section.section-bottom div.right-side img {
      width: 100%; }
  @media screen and (max-width: 1280px) {
    section.section-bottom {
      padding: 20px 40px; } }
  @media screen and (max-width: 767px) {
    section.section-bottom {
      padding: 30px 5%; }
      section.section-bottom div.div-txt-image {
        flex-direction: column; }
      section.section-bottom div.div-title h3 {
        font-size: 30px; }
      section.section-bottom div.right-side {
        width: 100%; }
      section.section-bottom div.left-side {
        width: 250px; }
        section.section-bottom div.left-side .burst {
          margin-bottom: 25px; }
          section.section-bottom div.left-side .burst h3 {
            font-size: 22px; } }

section.logos {
  padding: 80px 0;
  background-color: #fff;
  position: relative; }
  section.logos .wrapper-inside {
    position: relative; }
  section.logos .logos-year {
    font-size: 1.6rem;
    color: #1F1B17;
    font-weight: 400;
    margin: 0 0 40px 0;
    opacity: 0.8; }
    @media screen and (max-width: 767px) {
      section.logos .logos-year {
        font-size: 16px;
        margin-bottom: 30px; } }
  section.logos .logos-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 30px; }
    @media screen and (max-width: 1280px) {
      section.logos .logos-container {
        gap: 20px; } }
    @media screen and (max-width: 767px) {
      section.logos .logos-container {
        gap: 15px;
        justify-content: center; } }
  section.logos .logo-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease, transform 0.3s ease; }
    section.logos .logo-item:hover {
      opacity: 1;
      transform: translateY(-5px); }
    section.logos .logo-item img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
      transition: filter 0.3s ease; }
      @media screen and (max-width: 1280px) {
        section.logos .logo-item img {
          max-height: 60px; } }
      @media screen and (max-width: 767px) {
        section.logos .logo-item img {
          max-height: 50px; } }
    section.logos .logo-item:hover img {
      filter: grayscale(0%); }
  @media screen and (max-width: 1280px) {
    section.logos {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    section.logos {
      padding: 40px 0; }
      section.logos .logos-container .logo-item {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px); }
        section.logos .logos-container .logo-item:nth-child(5) {
          flex: 0 0 100%;
          max-width: 100%; } }

/*******************************************************************************
* PAGE atelier
*/
.pageAtelier section.header-atelier .header-wrapper {
  width: calc(100vw - 400px);
  transition: .2s; }
  .pageAtelier section.header-atelier .header-wrapper img {
    width: 100%; }

@media screen and (max-width: 1400px) {
  .pageAtelier section.header-atelier .header-wrapper {
    width: calc(100vw - 265px);
    transition: .2s; } }

@media screen and (max-width: 1400px) and (max-width: 1280px) {
  .pageAtelier section.header-atelier .header-wrapper {
    width: calc(100vw - 230px);
    transition: .2s; } }

@media screen and (max-width: 1400px) and (max-width: 1280px) and (max-width: 767px) {
  .pageAtelier section.header-atelier .header-wrapper {
    width: 100%;
    transition: .2s; } }

.pageAtelier section.title-page-atelier {
  padding: 0 112px 70px 112px; }
  .pageAtelier section.title-page-atelier h3 {
    text-transform: lowercase;
    font-size: 5vw;
    transform: translateY(-10%);
    width: 70%;
    line-height: 1.5;
    color: #202020;
    opacity: .9; }
  @media screen and (max-width: 767px) {
    .pageAtelier section.title-page-atelier {
      padding: 0 40px 50px 40px;
      display: flex;
      justify-content: center; }
      .pageAtelier section.title-page-atelier h3 {
        font-size: 50px; } }

.pageAtelier section.secton-text-atelier {
  padding: 0 325px 0 400px; }
  .pageAtelier section.secton-text-atelier div.left-side {
    width: 150px;
    flex: none; }
  .pageAtelier section.secton-text-atelier div.right-side {
    width: auto; }
    .pageAtelier section.secton-text-atelier div.right-side.equipe-wrapper {
      display: grid;
      grid-gap: 30px;
      grid-template-columns: 1fr 1fr; }
  .pageAtelier section.secton-text-atelier p {
    font-size: 14px;
    line-height: 20px;
    color: #1F1B17;
    padding-bottom: 15px;
    font-weight: 400; }
    .pageAtelier section.secton-text-atelier p span {
      font-weight: 600; }
  .pageAtelier section.secton-text-atelier li {
    font-size: 14px;
    line-height: 20px;
    text-transform: lowercase;
    color: #1F1B17;
    padding-bottom: 15px;
    font-weight: 400; }
  @media screen and (max-width: 1400px) {
    .pageAtelier section.secton-text-atelier {
      padding: 0 235px 0 250px; }
      .pageAtelier section.secton-text-atelier div.left-side {
        width: 100px;
        flex: none; } }
  @media screen and (max-width: 1400px) and (max-width: 1280px) {
    .pageAtelier section.secton-text-atelier {
      padding: 0 115px 0 115px; } }
  @media screen and (max-width: 1400px) and (max-width: 1280px) and (max-width: 767px) {
    .pageAtelier section.secton-text-atelier {
      padding: 0 5vW 0 5vW; } }
  @media screen and (max-width: 1400px) and (max-width: 1280px) and (max-width: 767px) and (max-width: 600px) {
    .pageAtelier section.secton-text-atelier div.right-side.equipe-wrapper {
      grid-gap: 15px;
      grid-template-columns: 1fr; } }

main {
  display: flex;
  align-items: stretch; }
  @media screen and (max-width: 460px) {
    main {
      flex-direction: column; } }

div.menu-container {
  width: 400px; }
  @media screen and (max-width: 1280px) {
    div.menu-container {
      width: 275px; } }
  @media screen and (max-width: 460px) {
    div.menu-container {
      width: 100%;
      margin-top: 130px; } }

div.menu-left .spacing {
  padding-top: 150px;
  padding-left: 112px; }

div.menu-left p, div.menu-left p > button {
  font-size: 14px;
  font-weight: 600;
  color: #B0B0B0 !important;
  line-height: 2 !important;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  outline: inherit; }
  div.menu-left p.active, div.menu-left p > button.active {
    color: #1F1B17 !important; }

div.menu-left p > button {
  cursor: pointer; }

div.menu-left p.contactItem, div.menu-left a {
  padding-bottom: 40px !important;
  line-height: 25px !important;
  color: #1F1B17;
  font-size: 14px; }

div.menu-left .menu-filter {
  list-style: none;
  padding: 0;
  margin: 0; }
  div.menu-left .menu-filter .filter-item {
    margin-bottom: 0; }
    div.menu-left .menu-filter .filter-item a {
      display: block;
      padding: 0;
      text-decoration: none;
      font-size: 14px;
      font-weight: 600;
      color: #B0B0B0;
      line-height: 2;
      padding-bottom: 0; }
      div.menu-left .menu-filter .filter-item a .filter-text {
        display: block; }
      div.menu-left .menu-filter .filter-item a:hover {
        color: #1F1B17; }
    div.menu-left .menu-filter .filter-item.active a {
      color: #1F1B17 !important; }

@media screen and (max-width: 1280px) {
  div.menu-left .spacing {
    padding-top: 144px;
    padding-left: 44px; } }

@media screen and (max-width: 460px) {
  div.menu-left .spacing {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; } }

.pageContact .right-container {
  width: calc(100vw - 400px); }
  @media screen and (max-width: 1280px) {
    .pageContact .right-container {
      width: calc(100vw - 236px); } }
  @media screen and (max-width: 1280px) and (max-width: 767px) {
    .pageContact .right-container {
      width: 100%; }
      .pageContact .right-container .spacing {
        padding: 0; } }

.pageContact section.header-contact {
  width: auto; }
  .pageContact section.header-contact .header-wrapper {
    transition: .2s;
    width: 100%; }
    .pageContact section.header-contact .header-wrapper img {
      width: 100%; }
  @media screen and (max-width: 1400px) {
    .pageContact section.header-contact .header-wrapper {
      transition: .2s; } }

.pageContact section.secton-text-contact {
  width: auto;
  padding: 0 235px 0 0; }
  @media screen and (max-width: 1280px) {
    .pageContact section.secton-text-contact {
      padding: 0 115px 0 0; } }
  .pageContact section.secton-text-contact h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: #1F1B17;
    padding-top: 60px;
    padding-bottom: 15px;
    text-transform: lowercase; }
  .pageContact section.secton-text-contact p {
    font-size: 14px;
    line-height: 20px;
    color: #1F1B17;
    padding-bottom: 15px;
    font-weight: 400;
    max-width: 691px; }
    .pageContact section.secton-text-contact p span {
      font-weight: 600; }
  @media screen and (max-width: 767px) {
    .pageContact section.secton-text-contact {
      padding: 50px 44px; } }

.pageContact section.section-form .wrapper-outside {
  padding: 0 235px 0 0;
  transition: .2s; }
  @media screen and (max-width: 1280px) {
    .pageContact section.section-form .wrapper-outside {
      padding: 0 125px 0 0; }
      .pageContact section.section-form .wrapper-outside section.input-section {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 767px) {
    .pageContact section.section-form .wrapper-outside section.input-section {
      grid-gap: 20px;
      display: block;
      grid-template-columns: 1fr; } }

.pageContact section.section-form section.input-section {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr; }
  .pageContact section.section-form section.input-section .full {
    grid-column-start: 1;
    grid-column-end: 3; }
  .pageContact section.section-form section.input-section input, .pageContact section.section-form section.input-section select {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background-color: #FAF7F7;
    font-size: 14px;
    height: 40px;
    color: #1F1B17;
    border-bottom: 1px solid #1F1B17; }
    .pageContact section.section-form section.input-section input:focus-visible, .pageContact section.section-form section.input-section select:focus-visible {
      outline: -webkit-focus-ring-color auto 0; }
  .pageContact section.section-form section.input-section input::placeholder {
    color: #1F1B17; }
  .pageContact section.section-form section.input-section .left input {
    font-size: 14px; }
    .pageContact section.section-form section.input-section .left input[type=text] {
      padding-left: 0;
      box-sizing: border-box;
      font-size: 14px; }
  .pageContact section.section-form section.input-section .right input {
    font-size: 14px; }
    .pageContact section.section-form section.input-section .right input[type=text] {
      padding-left: 0;
      box-sizing: border-box;
      font-size: 14px; }
  .pageContact section.section-form section.input-section .right select {
    padding-left: 0; }
  .pageContact section.section-form section.input-section .burst label {
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .pageContact section.section-form section.input-section .burst h3 {
    cursor: pointer;
    font-size: 24px;
    color: #1F1B17;
    font-weight: 500;
    margin: 0; }
    .pageContact section.section-form section.input-section .burst h3 img {
      transform: translateX(0);
      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .pageContact section.section-form section.input-section .burst:hover label {
    transform: translateX(5px); }
  .pageContact section.section-form section.input-section .burst:hover h3 img {
    transform: translateX(10px); }

@media screen and (max-width: 1400px) {
  .pageContact section.section-form section.input-section .left input[type=text] {
    padding-left: 0; }
  .pageContact section.section-form section.input-section .right input[type=text] {
    padding-left: 0; }
  .pageContact section.section-form section.input-section .right select {
    padding-left: 0; }
  .pageContact section.section-form .wrapper-outside {
    transition: .2s; } }

@media screen and (max-width: 1100px) {
  .pageContact section.section-form section.input-section .left input[type=text] {
    padding-left: 0; }
  .pageContact section.section-form section.input-section .right input[type=text] {
    padding-left: 0; }
  .pageContact section.section-form section.input-section .right select {
    padding-left: 0; }
  .pageContact section.section-form .wrapper-outside {
    transition: .2s; } }

@media screen and (max-width: 767px) {
  .pageContact section.section-form .wrapper-outside {
    width: 90%;
    padding: 0 5%;
    transition: .2s; }
  .pageContact section.section-form .right input, .pageContact section.section-form .left input {
    box-sizing: border-box; }
    .pageContact section.section-form .right input[type=text], .pageContact section.section-form .left input[type=text] {
      padding-left: 0 !important; }
  .pageContact section.section-form .right select, .pageContact section.section-form .left select {
    padding-left: 0; }
  .pageContact section.section-form section.input-section .full {
    grid-column-start: 1;
    grid-column-end: 3; }
  .pageContact section.section-form section.input-section .burst {
    margin-top: 30px; } }

.gallery-projets {
  padding: 0 112px; }
  @media (max-width: 600px) {
    .gallery-projets {
      padding: 0 5%; } }

.pageGallery div.item {
  opacity: 0;
  transition: 2s; }
  .pageGallery div.item.isVisible {
    opacity: 1;
    transition: 2s; }

.pageGallery .right-container {
  width: calc(100vw - 400px);
  padding-right: 240px;
  padding-top: 48px;
  flex: 1;
  min-width: 0; }
  @media screen and (max-width: 460px) {
    .pageGallery .right-container {
      width: 100%;
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 20px; } }

.pageGallery .gallery-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  margin-bottom: 30px; }

@media (max-width: 1280px) {
  .pageGallery .right-container {
    padding-right: 115px; } }

@media screen and (max-width: 1280px) and (max-width: 767px) {
  .pageGallery .gallery-bottom {
    grid-template-columns: 1fr; } }

@media (max-width: 1280px) and (max-width: 600px) {
  .pageGallery .right-container {
    padding-right: 15px;
    width: calc(100vw - 250px); } }
  @media screen and (max-width: 1280px) and (max-width: 600px) and (max-width: 460px) {
    .pageGallery .right-container {
      width: 100%;
      padding-right: 20px;
      padding-left: 20px; } }

.pageGallery .gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  gap: 30px; }
  @media (min-width: 1921px) {
    .pageGallery .gallery-wrapper {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 768px) {
    .pageGallery .gallery-wrapper {
      grid-template-columns: 1fr;
      gap: 20px;
      grid-gap: 20px; } }
  .pageGallery .gallery-wrapper .item {
    margin-bottom: 0;
    display: block;
    width: 100%;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
    visibility: visible;
    overflow: hidden; }
    .pageGallery .gallery-wrapper .item.filtered-out {
      opacity: 0;
      transform: scale(0.95);
      visibility: hidden;
      height: 0;
      margin-bottom: 0;
      transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s, height 0.4s ease, margin-bottom 0.4s ease; }
    .pageGallery .gallery-wrapper .item.filtered-in {
      opacity: 1;
      transform: scale(1);
      visibility: visible; }
    .pageGallery .gallery-wrapper .item a {
      display: block;
      position: relative;
      overflow: hidden; }
    .pageGallery .gallery-wrapper .item .img-wrapper {
      background-size: cover;
      background-position: center;
      width: 100%;
      position: relative;
      overflow: hidden;
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
      .pageGallery .gallery-wrapper .item .img-wrapper::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(31, 27, 23, 0.4);
        opacity: 0;
        transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 1; }
      .pageGallery .gallery-wrapper .item .img-wrapper img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
    .pageGallery .gallery-wrapper .item .title {
      position: relative;
      padding: 15px 0 0 0;
      transition: transform 0.3s ease, opacity 0.3s ease; }
      .pageGallery .gallery-wrapper .item .title p {
        margin: 0;
        transition: color 0.3s ease; }
    .pageGallery .gallery-wrapper .item:hover .img-wrapper {
      transform: scale(1.02); }
      .pageGallery .gallery-wrapper .item:hover .img-wrapper::after {
        opacity: 1; }
      .pageGallery .gallery-wrapper .item:hover .img-wrapper img {
        transform: scale(1.1); }
    .pageGallery .gallery-wrapper .item:hover .title {
      transform: translateX(5px); }
      .pageGallery .gallery-wrapper .item:hover .title p {
        color: #1F1B17; }

.pageGallery p {
  font-size: 14px;
  color: #878787;
  font-weight: 400; }

.pageGallery .title-autes-realisations {
  font-size: 24px;
  margin-top: 100px;
  padding-bottom: 30px;
  font-weight: 500; }

.pageGallery .liste-autres-realisations {
  grid-gap: 15px; }
  .pageGallery .liste-autres-realisations p {
    padding-bottom: 0;
    font-size: 16px;
    color: #1F1B17;
    line-height: 1.3;
    font-weight: 400; }

.section_nav_projects {
  padding: 100px 112px; }
  .section_nav_projects .wrapper-inside {
    margin-left: auto;
    float: right;
    width: 64%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .section_nav_projects .burst {
    width: 48%;
    max-width: 280px; }
    .section_nav_projects .burst h3 {
      font-weight: 400; }
  @media screen and (max-width: 1280px) {
    .section_nav_projects {
      padding: 100px 40px; } }
  @media screen and (max-width: 990px) {
    .section_nav_projects .wrapper-inside {
      width: 100%; } }

@media screen and (max-width: 990px) and (max-width: 767px) {
  .section_nav_projects {
    padding: 50px 5%; } }
  @media screen and (max-width: 990px) and (max-width: 767px) and (max-width: 480px) {
    .section_nav_projects .wrapper-inside .burst {
      margin: 20px 0;
      width: auto;
      max-width: 150px; }
      .section_nav_projects .wrapper-inside .burst h3 {
        font-size: 12px; } }

.header-projets {
  margin: 168px 112px 0 112px; }
  .header-projets img {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .header-projets {
      margin: 120px 5% 0 5%; } }

.bottom-projets {
  margin: 0 112px 0 112px; }

.text-projets {
  padding: 100px 112px !important; }
  .text-projets div.wrapper-inside {
    width: 100%; }
    .text-projets div.wrapper-inside div.left-side {
      width: initial !important; }
    .text-projets div.wrapper-inside div.right-side {
      width: initial !important; }
  .text-projets .text {
    max-width: 200px;
    margin: 15px 20px; }
    .text-projets .text.projet-description {
      max-width: 350px; }
    .text-projets .text p, .text-projets .text li {
      padding: 0;
      font-size: 16px;
      font-family: "Inter", sans-serif; }
    .text-projets .text h4 {
      font-size: 24px;
      text-transform: uppercase;
      font-weight: 500; }
  @media screen and (max-width: 1580px) {
    .text-projets div.wrapper-inside {
      flex-direction: column; }
    .text-projets div.wrapper-inside div.right-side div {
      width: auto !important; } }
  @media screen and (max-width: 1180px) {
    .text-projets div.wrapper-inside div.right-side {
      flex-direction: column;
      width: 100% !important; } }

@media screen and (max-width: 1180px) and (max-width: 767px) {
  .text-projets {
    padding: 100px 5% !important; }
    .text-projets .text {
      margin: 10px 0; } }

section.section-title-projet {
  padding: 50px 112px; }
  section.section-title-projet div.wrapper-outside {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    align-items: end; }
  section.section-title-projet div.title-projet h3 {
    font-size: 8vw;
    font-family: 'Raleway', sans-serif;
    font-feature-settings: 'lnum' 1; }
  @media screen and (max-width: 767px) {
    section.section-title-projet {
      padding: 30px 5%; }
      section.section-title-projet div.wrapper-outside {
        grid-template-columns: 1fr; }
        section.section-title-projet div.wrapper-outside .right-side {
          order: -1; }
      section.section-title-projet div.title-projet h3 {
        font-size: 30px; } }

/* SECCIÓN ENCABEZADO CON PRIMERA IMAGEN */
section.section-project-header {
  margin: 168px 112px 0 112px; }
  @media screen and (max-width: 767px) {
    section.section-project-header {
      margin: 120px 5% 0 5%; } }
  section.section-project-header .project-header-image {
    width: 100%;
    height: auto;
    overflow: hidden; }
    section.section-project-header .project-header-image img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover; }

/* SECCIÓN FICHA PRODUCTO */
section.section-fiche-product {
  /* SECCIÓN DE 3 COLUMNAS */
  /* DESCRIPCIÓN CENTRADA */
  /* GALERÍA DE 2 COLUMNAS */ }
  section.section-fiche-product .wrapper {
    max-width: 1500px;
    margin: 0 auto;
    padding: 40px 20px; }
  section.section-fiche-product .project-info-columns {
    margin-bottom: 60px; }
    section.section-fiche-product .project-info-columns .info-column {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px; }
      section.section-fiche-product .project-info-columns .info-column .info-item {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5; }
        section.section-fiche-product .project-info-columns .info-column .info-item strong {
          display: block;
          font-weight: 600;
          margin-bottom: 5px;
          color: #1F1B17; }
        section.section-fiche-product .project-info-columns .info-column .info-item span {
          display: block;
          color: #1F1B17; }
      @media screen and (max-width: 1280px) {
        section.section-fiche-product .project-info-columns .info-column {
          grid-template-columns: repeat(2, 1fr); } }
      @media screen and (max-width: 500px) {
        section.section-fiche-product .project-info-columns .info-column {
          grid-template-columns: 1fr;
          gap: 30px; } }
  section.section-fiche-product .project-description-centered {
    max-width: 1200px;
    margin: 0 20px 60px 0; }
    section.section-fiche-product .project-description-centered p {
      font-size: 16px;
      line-height: 1.6;
      color: #202020;
      font-weight: 400; }
  section.section-fiche-product .project-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; }
    section.section-fiche-product .project-gallery .gallery-item {
      width: 100%;
      overflow: hidden; }
      section.section-fiche-product .project-gallery .gallery-item img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        max-height: 600px;
        transition: transform 0.3s ease; }
        section.section-fiche-product .project-gallery .gallery-item img:hover {
          transform: scale(1.05); }
    @media screen and (max-width: 767px) {
      section.section-fiche-product .project-gallery {
        grid-template-columns: 1fr;
        gap: 15px; } }

/*******************************************************************************
* MOBILE OVERRIDES FOR ALL SECTIONS
*******************************************************************************/
@media screen and (max-width: 1280px) {
  /*******************************************************************************
    * COMMON TO ALL PAGES
    */
  /*******************************************************************************
    * X PAGE OVERRIDES
    */ }

@media screen and (max-width: 990px) {
  /*******************************************************************************
    * COMMON TO ALL PAGES
    */
  /*******************************************************************************
    * X PAGE OVERRIDES
    */ }

@media screen and (max-width: 767px) {
  /*******************************************************************************
    * COMMON TO ALL PAGES
    */
  /*******************************************************************************
    * X PAGE OVERRIDES
    */ }

/*# sourceMappingURL=../build/maps/template.css.map */