@charset "UTF-8";
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "dassault-sans-black";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/DassaultAviationSans-Black.woff?02a99f77846524d83bdd63520c6c8dbc) format("woff");
}
@font-face {
  font-family: "dassault-sans-bold";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/DassaultAviationSans-Bold.eot?3ff44c463777f5011bd36b33a0014255);
  src: url(../fonts/DassaultAviationSans-Bold.eot?3ff44c463777f5011bd36b33a0014255?#iefix) format("embedded-opentype"), url(../fonts/DassaultAviationSans-Bold.woff?946ba0b5f016d3f69132ab2092026949) format("woff");
}
@font-face {
  font-family: "dassault-sans-regular";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/DassaultAviationSans-Regular.eot?debe6f52fb780c1c1fb07da7d11bb55e);
  src: url(../fonts/DassaultAviationSans-Regular.eot?debe6f52fb780c1c1fb07da7d11bb55e?#iefix) format("embedded-opentype"), url(../fonts/DassaultAviationSans-Regular.woff?adf4ee73e2c0c9bf614f14f6bb2ac3b1) format("woff");
}
@font-face {
  font-family: "robotocond-bold";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/RobotoCondensed-Bold-webfont.eot?09e85314673dad58e98826c470330bbb);
  src: url(../fonts/RobotoCondensed-Bold-webfont.eot?09e85314673dad58e98826c470330bbb?#iefix) format("embedded-opentype"), url(../fonts/RobotoCondensed-Bold-webfont.woff?307511d7fda50217540b07996453b00f) format("woff"), url(../fonts/RobotoCondensed-Bold-webfont.ttf?8b6366d55f04e9b5157dae6a3a0bc73a) format("truetype"), url(../fonts/RobotoCondensed-Bold-webfont.svg?05527f07acbd3c572faf661f778b1281#robotocond-bold) format("svg");
}
@font-face {
  font-family: "robotocond-light";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/RobotoCondensed-Light-webfont.eot?da72a698e964f0824b6048c2b00f2ab8);
  src: url(../fonts/RobotoCondensed-Light-webfont.eot?da72a698e964f0824b6048c2b00f2ab8?#iefix) format("embedded-opentype"), url(../fonts/RobotoCondensed-Light-webfont.woff?f427a01a1290d7ee4ad4da7f2c92030b) format("woff"), url(../fonts/RobotoCondensed-Light-webfont.ttf?a6a6252c85dd85512e4db2ba94f3981f) format("truetype"), url(../fonts/RobotoCondensed-Light-webfont.svg?2a9be02d40ab9382aabd7a3cfd3dce8b#robotocond-light) format("svg");
}
@font-face {
  font-family: "roboto-light";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/Roboto-Light-webfont.eot?82fabc8ad3eb207e456ae361e1eed67e);
  src: url(../fonts/Roboto-Light-webfont.eot?82fabc8ad3eb207e456ae361e1eed67e?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Light-webfont.woff?6e0ff940d47cda174a2d3b9fd30813b3) format("woff"), url(../fonts/Roboto-Light-webfont.ttf?2575b27e558c0344d4c37e53b9688e01) format("truetype"), url(../fonts/Roboto-Light-webfont.svg?7248a796a80b71fa293d6ae691cb6d2d#roboto-light) format("svg");
}
@font-face {
  font-family: "roboto-medium";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/Roboto-Medium-webfont.eot?ad11054c06a5d3f128daa73c3826c463);
  src: url(../fonts/Roboto-Medium-webfont.eot?ad11054c06a5d3f128daa73c3826c463?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Medium-webfont.woff?8b88b4ee47d545cc0fe1dd19f22ec013) format("woff"), url(../fonts/Roboto-Medium-webfont.ttf?9f855913038cf1067dd81b50fea195bd) format("truetype"), url(../fonts/Roboto-Medium-webfont.svg?e48149377699559f3d6afc33f36e50f7#roboto-medium) format("svg");
}
@font-face {
  font-family: "roboto-bold";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/Roboto-Bold-webfont.eot?5f2071a3ea1059dce0ada10ae75530c0);
  src: url(../fonts/Roboto-Bold-webfont.eot?5f2071a3ea1059dce0ada10ae75530c0?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Bold-webfont.woff?2e3d794b5b16ae582b73737a023713a8) format("woff"), url(../fonts/Roboto-Bold-webfont.ttf?a452a6e853418841af8710351fe461f9) format("truetype"), url(../fonts/Roboto-Bold-webfont.svg?aff20cb49a8fd3550754d236f25cfff7#roboto-bold) format("svg");
}
.cgu {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  perspective: 1200px;
  position: relative;
  width: 100%;
}
.cgu .menu-logo {
  background: white;
  box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.14);
  display: flex;
  height: 6rem;
  min-height: 6rem;
  padding: 1rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
}
.cgu .menu-logo .logo-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 2rem 20rem;
  width: 100%;
}
.cgu .menu-logo a {
  color: black;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 1.6rem;
}
.cgu .title {
  align-items: center;
  background-color: #f3f4f5;
  background-image: url(https://www.dassault-aviation.com/fr/wp-content/extra/finance/2021/ra-digital/app/uploads/2021/05/Union.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  min-height: 250px;
  width: 100%;
}
.cgu .title h1 {
  color: #263349;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 6.4rem;
}
.cgu .container {
  font-family: "dassault-sans-regular", sans-serif;
  margin-bottom: 4rem;
  width: 50%;
}
.cgu .container h2 {
  color: #324b6b;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 3rem;
}
.cgu .container h3 {
  color: #324b6b;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 2.125rem;
}
.cgu .container h4 {
  color: #324b6b;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 1.5rem;
}
.cgu .container p {
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.cgu .container ul li {
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 1.6rem;
}
.cgu .container table {
  border: 1px solid;
  border-spacing: 0;
}
.cgu .container table thead {
  background-color: #333;
  color: white;
}
.cgu .container table td {
  border: 1px solid #ccc;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 1.6rem;
  padding: 15px;
}

/**
 * Swiper 8.1.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 16, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

@-webkit-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rota {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rota {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes opa {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@keyframes opa {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes roll {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(45deg);
  }
  75% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes roll {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(45deg);
  }
  75% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(0);
  }
}
@-webkit-keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveToLeft {
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveFromLeft {
  from {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveToRight {
  to {
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveFromRight {
  from {
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveToTop {
  to {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveFromTop {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveToBottom {
  to {
    transform: translateY(100%);
  }
}
@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveFromBottom {
  from {
    transform: translateY(100%);
  }
}
@-webkit-keyframes fade {
  to {
    opacity: 0.3;
  }
}
@keyframes fade {
  to {
    opacity: 0.3;
  }
}
@-webkit-keyframes moveToLeftFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveToLeftFade {
  to {
    opacity: 0.3;
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveFromLeftFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveFromLeftFade {
  from {
    opacity: 0.3;
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveToRightFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveToRightFade {
  to {
    opacity: 0.3;
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveFromRightFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveFromRightFade {
  from {
    opacity: 0.3;
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveToTopFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveToTopFade {
  to {
    opacity: 0.3;
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveFromTopFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveFromTopFade {
  from {
    opacity: 0.3;
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToBottomFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveToBottomFade {
  to {
    opacity: 0.3;
    transform: translateY(100%);
  }
}
@-webkit-keyframes moveFromBottomFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveFromBottomFade {
  from {
    opacity: 0.3;
    transform: translateY(100%);
  }
}
@-webkit-keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleDown {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleUp {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleUpDown {
  from {
    opacity: 0;
    -webkit-transform: scale(1.2);
  }
}
@keyframes scaleUpDown {
  from {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleDownUp {
  to {
    opacity: 0;
    -webkit-transform: scale(1.2);
  }
}
@keyframes scaleDownUp {
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleDownCenter {
  to {
    opacity: 0;
    -webkit-transform: scale(0.7);
  }
}
@keyframes scaleDownCenter {
  to {
    opacity: 0;
    transform: scale(0.7);
  }
}
@-webkit-keyframes scaleUpCenter {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
  }
}
@keyframes scaleUpCenter {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
}
@-webkit-keyframes rotateRightSideFirst {
  40% {
    -webkit-animation-timing-function: ease-out;
    opacity: 0.8;
    -webkit-transform: rotateY(15deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
}
@keyframes rotateRightSideFirst {
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0.8;
    transform: rotateY(15deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.8) translateZ(-200px);
  }
}
@-webkit-keyframes rotateLeftSideFirst {
  40% {
    -webkit-animation-timing-function: ease-out;
    opacity: 0.8;
    -webkit-transform: rotateY(-15deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
}
@keyframes rotateLeftSideFirst {
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0.8;
    transform: rotateY(-15deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.8) translateZ(-200px);
  }
}
@-webkit-keyframes rotateTopSideFirst {
  40% {
    -webkit-animation-timing-function: ease-out;
    opacity: 0.8;
    -webkit-transform: rotateX(15deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
}
@keyframes rotateTopSideFirst {
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0.8;
    transform: rotateX(15deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.8) translateZ(-200px);
  }
}
@-webkit-keyframes rotateBottomSideFirst {
  40% {
    -webkit-animation-timing-function: ease-out;
    opacity: 0.8;
    -webkit-transform: rotateX(-15deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateZ(-200px);
  }
}
@keyframes rotateBottomSideFirst {
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0.8;
    transform: rotateX(-15deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.8) translateZ(-200px);
  }
}
@-webkit-keyframes flipOutRight {
  to {
    opacity: 0.2;
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
  }
}
@keyframes flipOutRight {
  to {
    opacity: 0.2;
    transform: translateZ(-1000px) rotateY(90deg);
  }
}
@-webkit-keyframes flipInLeft {
  from {
    opacity: 0.2;
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  }
}
@keyframes flipInLeft {
  from {
    opacity: 0.2;
    transform: translateZ(-1000px) rotateY(-90deg);
  }
}
@-webkit-keyframes flipOutLeft {
  to {
    opacity: 0.2;
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  }
}
@keyframes flipOutLeft {
  to {
    opacity: 0.2;
    transform: translateZ(-1000px) rotateY(-90deg);
  }
}
@-webkit-keyframes flipInRight {
  from {
    opacity: 0.2;
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
  }
}
@keyframes flipInRight {
  from {
    opacity: 0.2;
    transform: translateZ(-1000px) rotateY(90deg);
  }
}
@-webkit-keyframes flipOutTop {
  to {
    opacity: 0.2;
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
  }
}
@keyframes flipOutTop {
  to {
    opacity: 0.2;
    transform: translateZ(-1000px) rotateX(90deg);
  }
}
@-webkit-keyframes flipInBottom {
  from {
    opacity: 0.2;
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
  }
}
@keyframes flipInBottom {
  from {
    opacity: 0.2;
    transform: translateZ(-1000px) rotateX(-90deg);
  }
}
@-webkit-keyframes flipOutBottom {
  to {
    opacity: 0.2;
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
  }
}
@keyframes flipOutBottom {
  to {
    opacity: 0.2;
    transform: translateZ(-1000px) rotateX(-90deg);
  }
}
@-webkit-keyframes flipInTop {
  from {
    opacity: 0.2;
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
  }
}
@keyframes flipInTop {
  from {
    opacity: 0.2;
    transform: translateZ(-1000px) rotateX(90deg);
  }
}
@-webkit-keyframes rotateFall {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  20% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: rotateZ(10deg);
  }
  40% {
    -webkit-transform: rotateZ(17deg);
  }
  60% {
    -webkit-transform: rotateZ(16deg);
  }
  100% {
    -webkit-transform: translateY(100%) rotateZ(17deg);
  }
}
@keyframes rotateFall {
  0% {
    transform: rotateZ(0deg);
  }
  20% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: rotateZ(10deg);
  }
  40% {
    transform: rotateZ(17deg);
  }
  60% {
    transform: rotateZ(16deg);
  }
  100% {
    transform: translateY(100%) rotateZ(17deg);
  }
}
@-webkit-keyframes rotateOutNewspaper {
  to {
    opacity: 0;
    -webkit-transform: translateZ(-3000px) rotateZ(360deg);
  }
}
@keyframes rotateOutNewspaper {
  to {
    opacity: 0;
    transform: translateZ(-3000px) rotateZ(360deg);
  }
}
@-webkit-keyframes rotateInNewspaper {
  from {
    opacity: 0;
    -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
  }
}
@keyframes rotateInNewspaper {
  from {
    opacity: 0;
    transform: translateZ(-3000px) rotateZ(-360deg);
  }
}
@-webkit-keyframes rotatePushLeft {
  to {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
}
@keyframes rotatePushLeft {
  to {
    opacity: 0;
    transform: rotateY(90deg);
  }
}
@-webkit-keyframes rotatePushRight {
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
}
@keyframes rotatePushRight {
  to {
    opacity: 0;
    transform: rotateY(-90deg);
  }
}
@-webkit-keyframes rotatePushTop {
  to {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
}
@keyframes rotatePushTop {
  to {
    opacity: 0;
    transform: rotateX(-90deg);
  }
}
@-webkit-keyframes rotatePushBottom {
  to {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
  }
}
@keyframes rotatePushBottom {
  to {
    opacity: 0;
    transform: rotateX(90deg);
  }
}
@-webkit-keyframes rotatePullRight {
  from {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
}
@keyframes rotatePullRight {
  from {
    opacity: 0;
    transform: rotateY(-90deg);
  }
}
@-webkit-keyframes rotatePullLeft {
  from {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
}
@keyframes rotatePullLeft {
  from {
    opacity: 0;
    transform: rotateY(90deg);
  }
}
@-webkit-keyframes rotatePullTop {
  from {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
}
@keyframes rotatePullTop {
  from {
    opacity: 0;
    transform: rotateX(-90deg);
  }
}
@-webkit-keyframes rotatePullBottom {
  from {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
  }
}
@keyframes rotatePullBottom {
  from {
    opacity: 0;
    transform: rotateX(90deg);
  }
}
@-webkit-keyframes rotateFoldRight {
  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateFoldRight {
  to {
    opacity: 0;
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateFoldLeft {
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateFoldLeft {
  to {
    opacity: 0;
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateFoldTop {
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateFoldTop {
  to {
    opacity: 0;
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateFoldBottom {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateFoldBottom {
  to {
    opacity: 0;
    transform: translateY(100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateUnfoldLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateUnfoldLeft {
  from {
    opacity: 0;
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateUnfoldRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateUnfoldRight {
  from {
    opacity: 0;
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateUnfoldTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateUnfoldTop {
  from {
    opacity: 0;
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateUnfoldBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateUnfoldBottom {
  from {
    opacity: 0;
    transform: translateY(100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateRoomLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
  }
}
@keyframes rotateRoomLeftOut {
  to {
    opacity: 0.3;
    transform: translateX(-100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateRoomLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
  }
}
@keyframes rotateRoomLeftIn {
  from {
    opacity: 0.3;
    transform: translateX(100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateRoomRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
  }
}
@keyframes rotateRoomRightOut {
  to {
    opacity: 0.3;
    transform: translateX(100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateRoomRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
  }
}
@keyframes rotateRoomRightIn {
  from {
    opacity: 0.3;
    transform: translateX(-100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateRoomTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
  }
}
@keyframes rotateRoomTopOut {
  to {
    opacity: 0.3;
    transform: translateY(-100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateRoomTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
  }
}
@keyframes rotateRoomTopIn {
  from {
    opacity: 0.3;
    transform: translateY(100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateRoomBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
  }
}
@keyframes rotateRoomBottomOut {
  to {
    opacity: 0.3;
    transform: translateY(100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateRoomBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
  }
}
@keyframes rotateRoomBottomIn {
  from {
    opacity: 0.3;
    transform: translateY(-100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateCubeLeftOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateCubeLeftOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
  100% {
    opacity: 0.3;
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateCubeLeftIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
}
@keyframes rotateCubeLeftIn {
  0% {
    opacity: 0.3;
    transform: translateX(100%) rotateY(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
}
@-webkit-keyframes rotateCubeRightOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateCubeRightOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
  100% {
    opacity: 0.3;
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateCubeRightIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
}
@keyframes rotateCubeRightIn {
  0% {
    opacity: 0.3;
    transform: translateX(-100%) rotateY(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
}
@-webkit-keyframes rotateCubeTopOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateCubeTopOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
  100% {
    opacity: 0.3;
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateCubeTopIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
}
@keyframes rotateCubeTopIn {
  0% {
    opacity: 0.3;
    transform: translateY(100%) rotateX(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
}
@-webkit-keyframes rotateCubeBottomOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateCubeBottomOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
  100% {
    opacity: 0.3;
    transform: translateY(100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateCubeBottomIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
}
@keyframes rotateCubeBottomIn {
  0% {
    opacity: 0.3;
    transform: translateY(-100%) rotateX(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
}
@-webkit-keyframes rotateCarouselLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg);
  }
}
@keyframes rotateCarouselLeftOut {
  to {
    opacity: 0.3;
    transform: translateX(-150%) scale(0.4) rotateY(-65deg);
  }
}
@-webkit-keyframes rotateCarouselLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@keyframes rotateCarouselLeftIn {
  from {
    opacity: 0.3;
    transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@-webkit-keyframes rotateCarouselRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@keyframes rotateCarouselRightOut {
  to {
    opacity: 0.3;
    transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@-webkit-keyframes rotateCarouselRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg);
  }
}
@keyframes rotateCarouselRightIn {
  from {
    opacity: 0.3;
    transform: translateX(-200%) scale(0.4) rotateY(-65deg);
  }
}
@-webkit-keyframes rotateCarouselTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@keyframes rotateCarouselTopOut {
  to {
    opacity: 0.3;
    transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@-webkit-keyframes rotateCarouselTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@keyframes rotateCarouselTopIn {
  from {
    opacity: 0.3;
    transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@-webkit-keyframes rotateCarouselBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@keyframes rotateCarouselBottomOut {
  to {
    opacity: 0.3;
    transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@-webkit-keyframes rotateCarouselBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@keyframes rotateCarouselBottomIn {
  from {
    opacity: 0.3;
    transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@-webkit-keyframes rotateSidesOut {
  to {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(90deg);
  }
}
@keyframes rotateSidesOut {
  to {
    opacity: 0;
    transform: translateZ(-500px) rotateY(90deg);
  }
}
@-webkit-keyframes rotateSidesIn {
  from {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(-90deg);
  }
}
@keyframes rotateSidesIn {
  from {
    opacity: 0;
    transform: translateZ(-500px) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes rotateSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes rotateSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@keyframes rotateSlideIn {
  0%, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
.ir {
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

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

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

.visuallyhidden.focusable:active {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

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

.media {
  overflow: hidden;
}

.media-bd {
  overflow: hidden;
}

.media-img {
  float: left;
}
.media-img img {
  display: block;
}

.media-img-rev {
  float: right;
}
.media-img-rev img {
  display: block;
}

.caret {
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
}

.caret-down {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #222;
}

.caret-up {
  border-bottom: 3px solid #222;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.caret-right {
  border-bottom: 3px solid transparent;
  border-left: 3px solid #222;
  border-top: 3px solid transparent;
}

.caret-left {
  border-bottom: 3px solid transparent;
  border-right: 3px solid #222;
  border-top: 3px solid transparent;
}

.hlist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hlist > li {
  display: inline-block;
  padding: 0;
}
.hlist > li::before {
  display: none;
}

footer {
  background-color: #2e2e30;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  padding-left: 30px;
  position: fixed;
  width: 100%;
  z-index: 999;
}
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer ul > li {
  display: inline-block;
  padding: 0;
}
footer ul > li::before {
  display: none;
}
footer ul li {
  color: #9b9b9c;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 9px;
  font-size: 0.9rem;
  letter-spacing: 0.6px;
  line-height: 30px;
  margin-bottom: 0;
  text-transform: uppercase;
}
footer ul a {
  color: #9b9b9c;
  transition: color 0.2s;
}
footer ul a:hover {
  color: #fff;
}
footer ul a:focus {
  color: #aaa;
}
footer ul a:active {
  color: #aaa;
}
footer .links-left {
  float: left;
}
footer .links-left li {
  margin-right: 15px;
  position: relative;
}
footer .links-left li:first-child {
  margin-right: 30px;
}
footer .links-right {
  float: right;
}
footer .links-right li {
  border-left: 1px solid #404042;
  padding: 0 15px;
}
footer .links-right a {
  display: inline-block;
}
footer .links-right .active {
  color: #fff;
}
footer .contact-email {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -173px -20px;
  height: 10px;
  position: relative;
  top: 2px;
  width: 14px;
}
footer .contact-email:hover {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -173px -30px;
  height: 10px;
  width: 14px;
}
footer .contact-fb {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -173px -60px;
  height: 12px;
  position: relative;
  top: 2px;
  width: 7px;
}
footer .contact-fb:hover {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -180px -60px;
  height: 12px;
  width: 7px;
}
footer .contact-tw {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -173px -50px;
  height: 10px;
  position: relative;
  top: 2px;
  width: 13px;
}
footer .contact-tw:hover {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -173px -40px;
  height: 10px;
  width: 13px;
}

.soft {
  padding: 10px !important;
}

.soft-t {
  padding-top: 10px !important;
}

.soft-r {
  padding-right: 10px !important;
}

.soft-b {
  padding-bottom: 10px !important;
}

.soft-l {
  padding-left: 10px !important;
}

.soft-ends {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.soft-sides {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.hard {
  padding: 0 !important;
}

.hard-t {
  padding-top: 0 !important;
}

.hard-r {
  padding-right: 0 !important;
}

.hard-b {
  padding-bottom: 0 !important;
}

.hard-l {
  padding-left: 0 !important;
}

.hard-ends {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.hard-sides {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gap {
  margin: 10px !important;
}

.gap-t {
  margin-top: 10px !important;
}

.gap-r {
  margin-right: 10px !important;
}

.gap-b {
  margin-bottom: 10px !important;
}

.gap-l {
  margin-left: 10px !important;
}

.gap-ends {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.gap-sides {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.nogap {
  margin: 0 !important;
}

.nogap-t {
  margin-top: 0 !important;
}

.nogap-r {
  margin-right: 0 !important;
}

.nogap-b {
  margin-bottom: 0 !important;
}

.nogap-l {
  margin-left: 0 !important;
}

.nogap-ends {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.nogap-sides {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.text-right {
  text-align: right;
}

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

.nobullets {
  list-style: none;
  padding-left: 0;
}
.nobullets li::before {
  display: none;
}

.notransform {
  text-transform: none;
}

.fl-right {
  float: right;
}

.fl-left {
  float: left;
}

.el-block {
  display: block;
}

.el-inline-block {
  display: inline-block;
}

.valign-mid {
  vertical-align: middle;
}

.relative {
  position: relative;
}

.eq-grid {
  font-size: 0;
  font-size: 12px\9 ;
  line-height: 0px\9 ;
  text-align: justify;
  width: 100%;
}
.eq-grid::after {
  content: "";
  display: inline-block;
  width: 100%;
}

.eq-grid-it {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  vertical-align: top;
}

.overflow {
  overflow: visible;
}

.auto-overflow {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.no-overflow {
  overflow: hidden;
}

.alignnone {
  display: block;
}

.aligncenter {
  display: block;
}

.alignleft {
  display: block;
}

.alignright {
  display: block;
}

.wp-caption {
  position: relative;
  text-align: center;
}
.wp-caption .wp-caption-text {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #fff;
  left: 0;
  margin: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  text-align: left;
}

.swiper-container {
  margin: 0 auto 10px auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  display: block;
  margin: 5px 0;
}
.swiper-container-vertical > .swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
  width: 100%;
  z-index: 1;
}

.swiper-container-android .swiper-slide {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-slide {
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  width: 100%;
}

.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

.swiper-button-prev {
  align-items: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px 44px;
  cursor: pointer;
  display: flex;
  height: 44px;
  left: 10px;
  margin-top: -22px;
  position: absolute;
  right: auto;
  top: 50%;
  width: 27px;
  z-index: 10;
}

.swiper-button-next {
  align-items: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px 44px;
  cursor: pointer;
  display: flex;
  height: 44px;
  left: auto;
  margin-top: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
  z-index: 10;
}

.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

.swiper-button-next.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: auto;
  right: 10px;
}
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translate3d(0, 0, 0);
  transition: 300ms;
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  background: #000;
  border-radius: 100%;
  display: inline-block;
  height: 8px;
  opacity: 0.2;
  width: 8px;
}

button.swiper-pagination-bullet {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-bullet-active {
  background: #007aff;
  opacity: 1;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50;
}

.swiper-container-3d {
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-style: preserve-3d;
  width: 100%;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-style: preserve-3d;
  width: 100%;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-style: preserve-3d;
  width: 100%;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-style: preserve-3d;
  width: 100%;
  z-index: 10;
}
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-container-cube .swiper-slide-active {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-next {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-container-cube .swiper-slide-shadow-bottom {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-container-cube .swiper-slide-shadow-left {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-container-cube .swiper-slide-shadow-right {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow {
  background: #000;
  bottom: 0;
  filter: blur(50px);
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-scrollbar {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
}

.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-lazy-preloader::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}

.swiper-lazy-preloader-white::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

html {
  color: #444;
  font-size: 62.5%;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
}

button {
  color: #444;
  outline: 0;
}

input {
  color: #444;
}

select {
  color: #444;
}

textarea {
  color: #444;
}

body {
  background: #fff;
  color: #000;
  font: 1rem Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  height: 100%;
  line-height: 1.4;
  margin: 0;
  min-width: 768px;
  overflow-x: hidden;
  padding: 0;
  position: relative;
}

h1 {
  font: normal 2.25em "robotocond-bold", sans-serif;
  line-height: 1;
  margin: 0 0 30px;
}

.h1-like {
  font: normal 2.25em "robotocond-bold", sans-serif;
  line-height: 1;
  margin: 0 0 30px;
}

h2 {
  color: #444;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1;
  margin: 0 0 20px;
}

.h2-like {
  color: #444;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1;
  margin: 0 0 20px;
}

.mod-title {
  padding-top: 30px;
  position: relative;
}
.mod-title::before {
  background-color: #444;
  border-radius: 50px;
  content: "";
  height: 9px;
  left: 5px;
  position: absolute;
  top: 0;
  width: 110px;
}

h3 {
  color: #444;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  line-height: 1;
}

.h3-like {
  color: #444;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  line-height: 1;
}

h4 {
  font: normal 1.125em "robotocond-bold", sans-serif;
  line-height: 1;
}

.h4-like {
  font: normal 1.125em "robotocond-bold", sans-serif;
  line-height: 1;
}

h5 {
  font: bold 0.875em sans-serif;
}

.h5-like {
  font: bold 0.875em sans-serif;
}

h6 {
  font: bold 0.8125em sans-serif;
}

.h6-like {
  font: bold 0.8125em sans-serif;
}

p {
  font-size: 0.8125em;
  line-height: 1.8;
  margin: 0 0 20px;
}

li {
  font-size: 0.8125em;
  line-height: 1.8;
}
li li {
  font-size: 1em;
}
li p {
  font-size: 1em;
}

ul {
  margin: 0;
  padding-left: 30px;
}
ul ol {
  margin: 0;
}
ul ol li {
  margin: 0 0 10px;
}
ul ul {
  margin: 0;
}
ul ul li {
  margin: 0 0 10px;
}
ul li {
  list-style: none;
  margin: 0 0 20px;
  padding-left: 10px;
  position: relative;
}
ul li::before {
  content: "•";
  display: block;
  font-size: 16px;
  left: 0;
  line-height: 1.2;
  position: absolute;
  top: 2px;
}

ol {
  padding-left: 20px;
}
ol ol {
  margin: 0;
}
ol ol li {
  margin: 0 0 10px;
}
ol ul {
  margin: 0;
}
ol ul li {
  margin: 0 0 10px;
}
ol li {
  margin: 0 0 20px;
}

a {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  color: #000;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}

blockquote {
  color: #333;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: italic;
  line-height: 31px;
  margin: 50px 0 0;
  padding-left: 235px;
  position: relative;
}
blockquote::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA2NiA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2IDBINTkuMjZMNjUgNTBINDcuODRMMzYgMFoiIGZpbGw9IiMzMjRCNkIiLz4KPHBhdGggZD0iTTAgMEgyMy4yNkwyOSA1MEgxMS44NEwwIDBaIiBmaWxsPSIjMzI0QjZCIi8+Cjwvc3ZnPgo=");
  bottom: 0;
  content: "";
  height: 50px;
  left: 10px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 64px;
}
blockquote::after {
  background-color: #324b6b;
  content: "";
  height: 100%;
  left: 140px;
  position: absolute;
  top: 0;
  width: 4px;
}
blockquote .bg-blue {
  color: #0085cc;
  font-family: "dassault-sans-regular", sans-serif;
}
blockquote .bg-blue::before {
  content: " ";
}
blockquote .bg-blue::after {
  content: " ";
}

.quote-author {
  color: #444;
  display: block;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.4;
  margin-top: 15px;
  text-transform: uppercase;
}
.quote-author strong {
  font-family: "dassault-sans-bold", sans-serif;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

address {
  font: 0.75em sans-serif;
  line-height: 1.5;
  margin-bottom: 1em;
}

hr {
  background: rgba(255, 255, 255, 0.1);
  border: 0 none;
  height: 1px;
  margin: 20px 0;
}

.pt-page-moveToLeft {
  -webkit-animation: movetoleft 0.6s ease both;
  animation: moveToLeft 0.6s ease both;
}

.pt-page-moveFromLeft {
  -webkit-animation: movefromleft 0.6s ease both;
  animation: moveFromLeft 0.6s ease both;
}

.pt-page-moveToRight {
  -webkit-animation: movetoright 0.6s ease both;
  animation: moveToRight 0.6s ease both;
}

.pt-page-moveFromRight {
  -webkit-animation: movefromright 0.6s ease both;
  animation: moveFromRight 0.6s ease both;
}

.pt-page-moveToTop {
  -webkit-animation: movetotop 0.6s ease both;
  animation: moveToTop 0.6s ease both;
}

.pt-page-moveFromTop {
  -webkit-animation: movefromtop 0.6s ease both;
  animation: moveFromTop 0.6s ease both;
}

.pt-page-moveToBottom {
  -webkit-animation: movetobottom 0.6s ease both;
  animation: moveToBottom 0.6s ease both;
}

.pt-page-moveFromBottom {
  -webkit-animation: movefrombottom 0.6s ease both;
  animation: moveFromBottom 0.6s ease both;
}

.pt-page-fade {
  -webkit-animation: fade 0.7s ease both;
  animation: fade 0.7s ease both;
}

.pt-page-moveToLeftFade {
  -webkit-animation: movetoleftfade 0.7s ease both;
  animation: moveToLeftFade 0.7s ease both;
}

.pt-page-moveFromLeftFade {
  -webkit-animation: movefromleftfade 0.7s ease both;
  animation: moveFromLeftFade 0.7s ease both;
}

.pt-page-moveToRightFade {
  -webkit-animation: movetorightfade 0.7s ease both;
  animation: moveToRightFade 0.7s ease both;
}

.pt-page-moveFromRightFade {
  -webkit-animation: movefromrightfade 0.7s ease both;
  animation: moveFromRightFade 0.7s ease both;
}

.pt-page-moveToTopFade {
  -webkit-animation: movetotopfade 0.7s ease both;
  animation: moveToTopFade 0.7s ease both;
}

.pt-page-moveFromTopFade {
  -webkit-animation: movefromtopfade 0.7s ease both;
  animation: moveFromTopFade 0.7s ease both;
}

.pt-page-moveToBottomFade {
  -webkit-animation: movetobottomfade 0.7s ease both;
  animation: moveToBottomFade 0.7s ease both;
}

.pt-page-moveFromBottomFade {
  -webkit-animation: movefrombottomfade 0.7s ease both;
  animation: moveFromBottomFade 0.7s ease both;
}

.pt-page-moveToLeftEasing {
  -webkit-animation: movetoleft 0.7s ease-in-out both;
  animation: moveToLeft 0.7s ease-in-out both;
}

.pt-page-moveToRightEasing {
  -webkit-animation: movetoright 0.7s ease-in-out both;
  animation: moveToRight 0.7s ease-in-out both;
}

.pt-page-moveToTopEasing {
  -webkit-animation: movetotop 0.7s ease-in-out both;
  animation: moveToTop 0.7s ease-in-out both;
}

.pt-page-moveToBottomEasing {
  -webkit-animation: movetobottom 0.7s ease-in-out both;
  animation: moveToBottom 0.7s ease-in-out both;
}

.pt-page-scaleDown {
  -webkit-animation: scaledown 0.7s ease both;
  animation: scaleDown 0.7s ease both;
}

.pt-page-scaleUp {
  -webkit-animation: scaleup 0.7s ease both;
  animation: scaleUp 0.7s ease both;
}

.pt-page-scaleUpDown {
  -webkit-animation: scaleupdown 0.5s ease both;
  animation: scaleUpDown 0.5s ease both;
}

.pt-page-scaleDownUp {
  -webkit-animation: scaledownup 0.5s ease both;
  animation: scaleDownUp 0.5s ease both;
}

.pt-page-scaleDownCenter {
  -webkit-animation: scaledowncenter 0.4s ease-in both;
  animation: scaleDownCenter 0.4s ease-in both;
}

.pt-page-scaleUpCenter {
  -webkit-animation: scaleupcenter 0.4s ease-out both;
  animation: scaleUpCenter 0.4s ease-out both;
}

.pt-page-rotateRightSideFirst {
  -webkit-animation: rotaterightsidefirst 0.8s both ease-in;
  animation: rotateRightSideFirst 0.8s both ease-in;
  transform-origin: 0% 50%;
}

.pt-page-rotateLeftSideFirst {
  -webkit-animation: rotateleftsidefirst 0.8s both ease-in;
  animation: rotateLeftSideFirst 0.8s both ease-in;
  transform-origin: 100% 50%;
}

.pt-page-rotateTopSideFirst {
  -webkit-animation: rotatetopsidefirst 0.8s both ease-in;
  animation: rotateTopSideFirst 0.8s both ease-in;
  transform-origin: 50% 100%;
}

.pt-page-rotateBottomSideFirst {
  -webkit-animation: rotatebottomsidefirst 0.8s both ease-in;
  animation: rotateBottomSideFirst 0.8s both ease-in;
  transform-origin: 50% 0%;
}

.pt-page-flipOutRight {
  -webkit-animation: flipoutright 0.5s both ease-in;
  animation: flipOutRight 0.5s both ease-in;
  transform-origin: 50% 50%;
}

.pt-page-flipInLeft {
  -webkit-animation: flipinleft 0.5s both ease-out;
  animation: flipInLeft 0.5s both ease-out;
  transform-origin: 50% 50%;
}

.pt-page-flipOutLeft {
  -webkit-animation: flipoutleft 0.5s both ease-in;
  animation: flipOutLeft 0.5s both ease-in;
  transform-origin: 50% 50%;
}

.pt-page-flipInRight {
  -webkit-animation: flipinright 0.5s both ease-out;
  animation: flipInRight 0.5s both ease-out;
  transform-origin: 50% 50%;
}

.pt-page-flipOutTop {
  -webkit-animation: flipouttop 0.5s both ease-in;
  animation: flipOutTop 0.5s both ease-in;
  transform-origin: 50% 50%;
}

.pt-page-flipInBottom {
  -webkit-animation: flipinbottom 0.5s both ease-out;
  animation: flipInBottom 0.5s both ease-out;
  transform-origin: 50% 50%;
}

.pt-page-flipOutBottom {
  -webkit-animation: flipoutbottom 0.5s both ease-in;
  animation: flipOutBottom 0.5s both ease-in;
  transform-origin: 50% 50%;
}

.pt-page-flipInTop {
  -webkit-animation: flipintop 0.5s both ease-out;
  animation: flipInTop 0.5s both ease-out;
  transform-origin: 50% 50%;
}

.pt-page-rotateFall {
  -webkit-animation: rotatefall 1s both ease-in;
  animation: rotateFall 1s both ease-in;
  transform-origin: 0% 0%;
}

.pt-page-rotateOutNewspaper {
  -webkit-animation: rotateoutnewspaper 0.5s both ease-in;
  animation: rotateOutNewspaper 0.5s both ease-in;
  transform-origin: 50% 50%;
}

.pt-page-rotateInNewspaper {
  -webkit-animation: rotateinnewspaper 0.5s both ease-out;
  animation: rotateInNewspaper 0.5s both ease-out;
  transform-origin: 50% 50%;
}

.pt-page-rotatePushLeft {
  -webkit-animation: rotatepushleft 0.8s both ease;
  animation: rotatePushLeft 0.8s both ease;
  transform-origin: 0% 50%;
}

.pt-page-rotatePushRight {
  -webkit-animation: rotatepushright 0.8s both ease;
  animation: rotatePushRight 0.8s both ease;
  transform-origin: 100% 50%;
}

.pt-page-rotatePushTop {
  -webkit-animation: rotatepushtop 0.8s both ease;
  animation: rotatePushTop 0.8s both ease;
  transform-origin: 50% 0%;
}

.pt-page-rotatePushBottom {
  -webkit-animation: rotatepushbottom 0.8s both ease;
  animation: rotatePushBottom 0.8s both ease;
  transform-origin: 50% 100%;
}

.pt-page-rotatePullRight {
  -webkit-animation: rotatepullright 0.5s both ease;
  animation: rotatePullRight 0.5s both ease;
  transform-origin: 100% 50%;
}

.pt-page-rotatePullLeft {
  -webkit-animation: rotatepullleft 0.5s both ease;
  animation: rotatePullLeft 0.5s both ease;
  transform-origin: 0% 50%;
}

.pt-page-rotatePullTop {
  -webkit-animation: rotatepulltop 0.5s both ease;
  animation: rotatePullTop 0.5s both ease;
  transform-origin: 50% 0%;
}

.pt-page-rotatePullBottom {
  -webkit-animation: rotatepullbottom 0.5s both ease;
  animation: rotatePullBottom 0.5s both ease;
  transform-origin: 50% 100%;
}

.pt-page-rotateFoldRight {
  -webkit-animation: rotatefoldright 0.7s both ease;
  animation: rotateFoldRight 0.7s both ease;
  transform-origin: 0% 50%;
}

.pt-page-rotateFoldLeft {
  -webkit-animation: rotatefoldleft 0.7s both ease;
  animation: rotateFoldLeft 0.7s both ease;
  transform-origin: 100% 50%;
}

.pt-page-rotateFoldTop {
  -webkit-animation: rotatefoldtop 0.7s both ease;
  animation: rotateFoldTop 0.7s both ease;
  transform-origin: 50% 100%;
}

.pt-page-rotateFoldBottom {
  -webkit-animation: rotatefoldbottom 0.7s both ease;
  animation: rotateFoldBottom 0.7s both ease;
  transform-origin: 50% 0%;
}

.pt-page-rotateUnfoldLeft {
  -webkit-animation: rotateunfoldleft 0.7s both ease;
  animation: rotateUnfoldLeft 0.7s both ease;
  transform-origin: 100% 50%;
}

.pt-page-rotateUnfoldRight {
  -webkit-animation: rotateunfoldright 0.7s both ease;
  animation: rotateUnfoldRight 0.7s both ease;
  transform-origin: 0% 50%;
}

.pt-page-rotateUnfoldTop {
  -webkit-animation: rotateunfoldtop 0.7s both ease;
  animation: rotateUnfoldTop 0.7s both ease;
  transform-origin: 50% 100%;
}

.pt-page-rotateUnfoldBottom {
  -webkit-animation: rotateunfoldbottom 0.7s both ease;
  animation: rotateUnfoldBottom 0.7s both ease;
  transform-origin: 50% 0%;
}

.pt-page-rotateRoomLeftOut {
  -webkit-animation: rotateroomleftout 0.8s both ease;
  animation: rotateRoomLeftOut 0.8s both ease;
  transform-origin: 100% 50%;
}

.pt-page-rotateRoomLeftIn {
  -webkit-animation: rotateroomleftin 0.8s both ease;
  animation: rotateRoomLeftIn 0.8s both ease;
  transform-origin: 0% 50%;
}

.pt-page-rotateRoomRightOut {
  -webkit-animation: rotateroomrightout 0.8s both ease;
  animation: rotateRoomRightOut 0.8s both ease;
  transform-origin: 0% 50%;
}

.pt-page-rotateRoomRightIn {
  -webkit-animation: rotateroomrightin 0.8s both ease;
  animation: rotateRoomRightIn 0.8s both ease;
  transform-origin: 100% 50%;
}

.pt-page-rotateRoomTopOut {
  -webkit-animation: rotateroomtopout 0.8s both ease;
  animation: rotateRoomTopOut 0.8s both ease;
  transform-origin: 50% 100%;
}

.pt-page-rotateRoomTopIn {
  -webkit-animation: rotateroomtopin 0.8s both ease;
  animation: rotateRoomTopIn 0.8s both ease;
  transform-origin: 50% 0%;
}

.pt-page-rotateRoomBottomOut {
  -webkit-animation: rotateroombottomout 0.8s both ease;
  animation: rotateRoomBottomOut 0.8s both ease;
  transform-origin: 50% 0%;
}

.pt-page-rotateRoomBottomIn {
  -webkit-animation: rotateroombottomin 0.8s both ease;
  animation: rotateRoomBottomIn 0.8s both ease;
  transform-origin: 50% 100%;
}

.pt-page-rotateCubeLeftOut {
  -webkit-animation: rotatecubeleftout 0.6s both ease-in;
  animation: rotateCubeLeftOut 0.6s both ease-in;
  transform-origin: 100% 50%;
}

.pt-page-rotateCubeLeftIn {
  -webkit-animation: rotatecubeleftin 0.6s both ease-in;
  animation: rotateCubeLeftIn 0.6s both ease-in;
  transform-origin: 0% 50%;
}

.pt-page-rotateCubeRightOut {
  -webkit-animation: rotatecuberightout 0.6s both ease-in;
  animation: rotateCubeRightOut 0.6s both ease-in;
  transform-origin: 0% 50%;
}

.pt-page-rotateCubeRightIn {
  -webkit-animation: rotatecuberightin 0.6s both ease-in;
  animation: rotateCubeRightIn 0.6s both ease-in;
  transform-origin: 100% 50%;
}

.pt-page-rotateCubeTopOut {
  -webkit-animation: rotatecubetopout 0.6s both ease-in;
  animation: rotateCubeTopOut 0.6s both ease-in;
  transform-origin: 50% 100%;
}

.pt-page-rotateCubeTopIn {
  -webkit-animation: rotatecubetopin 0.6s both ease-in;
  animation: rotateCubeTopIn 0.6s both ease-in;
  transform-origin: 50% 0%;
}

.pt-page-rotateCubeBottomOut {
  -webkit-animation: rotatecubebottomout 0.6s both ease-in;
  animation: rotateCubeBottomOut 0.6s both ease-in;
  transform-origin: 50% 0%;
}

.pt-page-rotateCubeBottomIn {
  -webkit-animation: rotatecubebottomin 0.6s both ease-in;
  animation: rotateCubeBottomIn 0.6s both ease-in;
  transform-origin: 50% 100%;
}

.pt-page-rotateCarouselLeftOut {
  -webkit-animation: rotatecarouselleftout 0.8s both ease;
  animation: rotateCarouselLeftOut 0.8s both ease;
  transform-origin: 100% 50%;
}

.pt-page-rotateCarouselLeftIn {
  -webkit-animation: rotatecarouselleftin 0.8s both ease;
  animation: rotateCarouselLeftIn 0.8s both ease;
  transform-origin: 0% 50%;
}

.pt-page-rotateCarouselRightOut {
  -webkit-animation: rotatecarouselrightout 0.8s both ease;
  animation: rotateCarouselRightOut 0.8s both ease;
  transform-origin: 0% 50%;
}

.pt-page-rotateCarouselRightIn {
  -webkit-animation: rotatecarouselrightin 0.8s both ease;
  animation: rotateCarouselRightIn 0.8s both ease;
  transform-origin: 100% 50%;
}

.pt-page-rotateCarouselTopOut {
  -webkit-animation: rotatecarouseltopout 0.8s both ease;
  animation: rotateCarouselTopOut 0.8s both ease;
  transform-origin: 50% 100%;
}

.pt-page-rotateCarouselTopIn {
  -webkit-animation: rotatecarouseltopin 0.8s both ease;
  animation: rotateCarouselTopIn 0.8s both ease;
  transform-origin: 50% 0%;
}

.pt-page-rotateCarouselBottomOut {
  -webkit-animation: rotatecarouselbottomout 0.8s both ease;
  animation: rotateCarouselBottomOut 0.8s both ease;
  transform-origin: 50% 0%;
}

.pt-page-rotateCarouselBottomIn {
  -webkit-animation: rotatecarouselbottomin 0.8s both ease;
  animation: rotateCarouselBottomIn 0.8s both ease;
  transform-origin: 50% 100%;
}

.pt-page-rotateSidesOut {
  -webkit-animation: rotatesidesout 0.5s both ease-in;
  animation: rotateSidesOut 0.5s both ease-in;
  transform-origin: -50% 50%;
}

.pt-page-rotateSidesIn {
  -webkit-animation: rotatesidesin 0.5s both ease-out;
  animation: rotateSidesIn 0.5s both ease-out;
  transform-origin: 150% 50%;
}

.pt-page-rotateSlideOut {
  -webkit-animation: rotateslideout 1s both ease;
  animation: rotateSlideOut 1s both ease;
}

.pt-page-rotateSlideIn {
  -webkit-animation: rotateslidein 1s both ease;
  animation: rotateSlideIn 1s both ease;
}

.pt-page-delay100 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.pt-page-delay180 {
  -webkit-animation-delay: 0.18s;
  animation-delay: 0.18s;
}

.pt-page-delay200 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.pt-page-delay300 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.pt-page-delay400 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.pt-page-delay500 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.pt-page-delay700 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.pt-page-delay1000 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.pt-perspective {
  height: 100%;
  perspective: 1200px;
  position: relative;
  width: 100%;
}

.pt-page {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  visibility: hidden;
  width: 100%;
}

.pt-page-current {
  visibility: visible;
  z-index: 1;
}

.no-js .pt-page {
  visibility: visible;
  z-index: 1;
}
.no-js body {
  overflow: auto;
}

.pt-page-ontop {
  z-index: 999;
}

[class^=icon-]::before {
  font-family: "icomoon" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  speak: none;
  text-transform: none;
  transition: 0.5s ease;
}

.dassault-logo {
  left: 60px;
  position: absolute;
  top: 67px;
  z-index: 1;
}

.centans-logo {
  position: absolute;
  right: 60px;
  top: 45px;
  z-index: 1;
}

.centans-logo.js-switch-page {
  cursor: pointer;
}

.global {
  box-sizing: border-box;
  min-height: 100%;
  position: relative;
  transition-duration: 0.6s;
}

.content-container {
  position: relative;
  width: 100%;
}

#intro .bg-image {
  background: no-repeat center center/cover transparent;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -101;
}
#intro .bg-video video {
  display: block;
  filter: grayscale(0.5);
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  z-index: -100;
}
#intro .intro-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  opacity: 0;
  padding: 0 20px;
  transform: translateY(500px);
}
#intro h1 {
  color: #fff;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 75px;
  font-size: 7.5rem;
  line-height: 1;
  margin-top: 1.6rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
#intro h1 strong {
  font-family: "dassault-sans-bold", sans-serif;
}
#intro .subtitle {
  color: #fff;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 18px;
  line-height: 27px;
  position: relative;
  text-align: center;
  width: 680px;
}
#intro .btn-container {
  margin-top: 100px;
  position: relative;
  transition-duration: 0.2s;
}
#intro .btn-container svg {
  bottom: 100%;
  height: 400px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 4px;
}
#intro .btn-container #e1_path {
  position: absolute;
  top: 0;
}
#intro button:hover span {
  color: #5a5a5a;
}
#intro .btnBefore,
#intro .btnAfter {
  border: 1px solid #fff;
  border-width: 0;
  box-sizing: border-box;
  content: "";
  height: 0%;
  pointer-events: none;
  position: absolute;
  width: 0%;
}
#intro .btnBefore {
  bottom: -1px;
  right: 0;
}
#intro .btnAfter {
  left: 0;
  top: -1px;
}
#intro button:hover .btnBefore {
  border-width: 0 0 1px 1px;
}
#intro button:hover .btnAfter {
  border-width: 1px 1px 0 0;
}
#intro button:hover .btnAfter,
#intro button:hover .btnBefore {
  height: 100%;
  transition: width 0.5s ease, height 0.5s ease 0.7s;
  width: 100%;
}
#intro button {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 1.6rem;
  height: 73px;
  letter-spacing: 0.6px;
  line-height: 1.8rem;
  position: relative;
  text-transform: uppercase;
  width: 370px;
  /*
  &:hover {
    &::before {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }
  */
}
#intro button::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY1IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMjY1IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwSDI2NVYxSDBWMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYgMEgwVjEwSDUyLjg3NjRMNTYgMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: -1px;
  transition: all 1s;
  transition: all 0.3s ease;
  width: 265px;
}
#intro button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY1IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMjY1IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwSDI2NVYxSDBWMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYgMEgwVjEwSDUyLjg3NjRMNTYgMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  bottom: -1px;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  transform: rotate(180deg);
  transition: all 1s;
  transition: all 0.3s ease;
  width: 265px;
}
#intro .video-start {
  border: 2px solid #fff;
  border-radius: 50%;
  display: block;
  height: 40px;
  margin: 20px auto 0;
  position: relative;
  width: 40px;
}
#intro .video-start::before {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 3px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
#intro .video-start::after {
  bottom: -22px;
  color: #fff;
  content: "Lire la vidéo";
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  left: -23px;
  letter-spacing: 0.6px;
  line-height: 1;
  margin: auto 0;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
}

#periodes {
  background: #808080;
}
#periodes .bg-image {
  background: no-repeat center center/cover transparent;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -101;
}
#periodes .bg-video video {
  background: #808080;
  display: block;
  filter: grayscale(0.5);
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  z-index: -100;
}
#periodes .intro-content {
  align-items: center;
  background-color: rgba(155, 155, 156, 0.6);
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: flex;
  -ms-flex-align: center;
  flex-direction: column;
  -ms-flex-pack: center;
  height: 100%;
  justify-content: center;
  padding: 0 20px;
  position: relative;
}
#periodes .intro-content.load-animate-3 {
  background-color: transparent;
  transition: testbackground 2s ease-out;
  transition-delay: 3s;
}
#periodes h1 {
  color: #fff;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 75px;
  font-size: 7.5rem;
  line-height: 1;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
#periodes h1 strong {
  font-family: "dassault-sans-bold", sans-serif;
}
#periodes h1::after {
  border-bottom: 90px solid transparent;
  border-left: 90px solid #3362cc;
  border-top: 90px solid transparent;
  content: "";
  display: none;
  opacity: 0.8;
  position: absolute;
  right: -30px;
  top: -83px;
  transform: rotate(-45deg);
  z-index: -1;
}
#periodes h1 .date {
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 95px;
  font-size: 9.5rem;
  margin-bottom: 15px;
}
#periodes h1 .date span {
  color: #3362cc;
}
#periodes h1 .title {
  font-size: 55px;
  font-size: 5.5rem;
  padding-left: 10px;
}
#periodes .subtitle {
  color: #fff;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 22px;
  position: relative;
  text-align: center;
  width: 680px;
}
#periodes .btn-container {
  margin-top: 100px;
  position: relative;
  transition-duration: 0.2s;
}
#periodes .btn-container svg {
  bottom: 100%;
  height: 400px;
  height: 360px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 4px;
}
#periodes .btn-container #e1_path {
  position: absolute;
  top: 0;
}
#periodes button:hover span {
  color: #5a5a5a;
}
#periodes .btnBefore,
#periodes .btnAfter {
  border: 1px solid #fff;
  border-width: 0;
  box-sizing: border-box;
  content: "";
  height: 0%;
  pointer-events: none;
  position: absolute;
  width: 0%;
}
#periodes .btnBefore {
  bottom: -1px;
  right: 0;
}
#periodes .btnAfter {
  left: 0;
  top: -1px;
}
#periodes button:hover .btnBefore {
  border-width: 0 0 1px 1px;
}
#periodes button:hover .btnAfter {
  border-width: 1px 1px 0 0;
}
#periodes button:hover .btnAfter,
#periodes button:hover .btnBefore {
  height: 100%;
  transition: width 0.5s ease, height 0.5s ease 0.5s;
  width: 100%;
}
#periodes button {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 16px;
  height: 73px;
  letter-spacing: 0.6px;
  line-height: 1.8rem;
  position: relative;
  text-transform: uppercase;
  width: 370px;
  /*
  &:hover {
    &::before {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }
  */
}
#periodes button::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY1IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMjY1IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwSDI2NVYxSDBWMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYgMEgwVjEwSDUyLjg3NjRMNTYgMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: -1px;
  transition: all 1s;
  transition: all 0.3s ease;
  width: 265px;
}
#periodes button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY1IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMjY1IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwSDI2NVYxSDBWMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYgMEgwVjEwSDUyLjg3NjRMNTYgMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  bottom: -1px;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  transform: rotate(180deg);
  transition: all 1s;
  transition: all 0.3s ease;
  width: 265px;
}
#periodes .video-start {
  border: 2px solid #fff;
  border-radius: 50%;
  display: block;
  display: none;
  height: 40px;
  margin: 20px auto 0;
  margin-top: 10px;
  position: relative;
  top: -20px;
  width: 40px;
}
#periodes .video-start::before {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 3px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
#periodes .video-start::after {
  bottom: -22px;
  color: #fff;
  content: "Lire la vidéo";
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  left: -23px;
  letter-spacing: 0.6px;
  line-height: 1;
  margin: auto 0;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
}
#periodes .swiper-container {
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 108px;
}
#periodes .swiper-slide {
  overflow: hidden;
}

.touch #intro .bg-image {
  display: block;
}
.touch #periodes .bg-image {
  display: block;
}

.no-touch #intro .video-start {
  display: none;
}
.no-touch #periodes .video-start {
  display: none;
}
.no-touch .menu-periodes .timer .pie {
  display: block;
}
.no-touch .menu-periodes .timer .mask {
  display: block;
}

.menu-periodes {
  background-color: white;
  border-top: 1px solid #ebebeb;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  left: 0;
  line-height: 76px;
  margin-bottom: 30px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.menu-periodes .global-timer {
  background-color: #324b6b;
  bottom: 100%;
  display: none;
  height: 3px;
  left: 0;
  position: absolute;
  width: 0;
}
.menu-periodes .menu-item {
  background-color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  padding-left: 15px;
  transform: skew(-16.5deg, 0);
  width: 50%;
}
.menu-periodes .menu-item:nth-child(1n+2) {
  border-left: 1px solid #ebebeb;
}
.menu-periodes .menu-item.active {
  background-color: #f7f7f7;
}
.menu-periodes .menu-item.active .timer {
  background-color: #f7f7f7;
  color: #324b6b;
}
.menu-periodes .menu-item.active .item-title {
  background-color: #f7f7f7;
  color: #324b6b;
}
.menu-periodes .item-title {
  color: #a8a8a8;
  display: inline-block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 14px;
  line-height: 17px;
  margin-left: 10px;
  text-transform: uppercase;
  transform: skew(16.5deg, 0);
}
.menu-periodes .timer {
  background: url(../images/timer-bg.png?f167c922d777cd03bdb2139837189f88) no-repeat 0 0 #fff;
  box-sizing: border-box;
  color: #a8a8a8;
  display: inline-block;
  height: 30px;
  position: relative;
  top: -1px;
  transform: skew(16.5deg, 0);
  vertical-align: middle;
  width: 30px;
}
.menu-periodes .timer * {
  box-sizing: border-box;
}
.menu-periodes .timer .item-number {
  background: transparent;
  font-family: "dassault-sans-regular", sans-serif;
  height: 30px;
  left: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
  z-index: 999;
}
.menu-periodes .timer .pie {
  background: #f7f7f7;
  border: 2px solid #324b6b;
  display: none;
  height: 100%;
  position: absolute;
  transform-origin: 100% 50%;
  width: 50%;
}
.menu-periodes .timer .spinner {
  -webkit-animation: rota 29s linear infinite;
  animation: rota 29s linear infinite;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  border-right: none;
  z-index: 200;
}
.menu-periodes .timer .filler {
  -webkit-animation: opa 29s steps(1, end) infinite reverse;
  animation: opa 29s steps(1, end) infinite reverse;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  border-left: none;
  border-radius: 0 100% 100% 0/0 50% 50% 0;
  left: 50%;
  opacity: 0;
  z-index: 100;
}
.menu-periodes .timer .mask {
  -webkit-animation: opa 29s steps(1, end) infinite;
  animation: opa 29s steps(1, end) infinite;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  background: inherit;
  display: none;
  height: 100%;
  opacity: 1;
  position: absolute;
  width: 50%;
  z-index: 300;
}
.menu-periodes .timer.run-anim .spinner {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.menu-periodes .timer.run-anim .filler {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.menu-periodes .timer.run-anim .mask {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

#periode1 {
  background-color: #f4f4f4;
  width: 100% !important;
}
#periode1 .periode-intro {
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 108px;
}
#periode1 .intro-content {
  align-items: center;
  background: url(../images/bg-periode1.jpg?979e0c5b9d327630e2be9c554460e745) no-repeat center center transparent;
  background-size: cover;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  box-sizing: border-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  height: 100%;
  padding-top: 90px;
}
#periode1 .intro-content .btn-container {
  position: relative;
  width: 100%;
}
#periode1 .intro-content button {
  background: none;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  height: 90px;
  letter-spacing: 0.6px;
  margin: auto;
  overflow: visible;
  position: relative;
  text-transform: uppercase;
  width: 90px;
}
#periode1 .intro-content button::before {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: 0 0;
  content: "";
  height: 109px;
  left: -13px;
  position: absolute;
  top: -13px;
  transition: all 1s;
  width: 109px;
}
#periode1 .intro-content button::after {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -97px -109px;
  bottom: 0;
  content: "";
  height: 21px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
}
#periode1 .intro-content button:hover::before {
  transform: rotate(180deg);
}
#periode1 h1 {
  color: #fff;
  font-family: "dassault-sans-black", sans-serif;
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 0;
  margin-right: 150px;
  position: relative;
  text-transform: uppercase;
}
#periode1 h1 span.color {
  color: #3362cc;
}
#periode1 h1::before {
  content: "";
  display: none;
  height: 362px;
  height: 310px;
  left: -50px;
  position: absolute;
  top: -85px;
  top: -65px;
  width: 636px;
}
#periode1 .intro-text {
  box-sizing: border-box;
  color: #fff;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 1.8rem;
  line-height: 27px;
  padding: 30px;
  padding: 64px 32px;
  width: 600px;
  width: 700px;
}
#periode1 .intro-text-title {
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 2.2rem;
  line-height: 33px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#periode2 {
  background-color: #f4f4f4;
  width: 100% !important;
}
#periode2 .periode-intro {
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 108px;
}
#periode2 .intro-content {
  align-items: center;
  background: url(../images/bg-periode2.jpg?6a0db01eb6cf5cb8ae08b2d466fcd52f) no-repeat center center transparent;
  background-size: cover;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  box-sizing: border-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  height: 100%;
  padding-top: 90px;
}
#periode2 .intro-content .btn-container {
  position: relative;
  width: 100%;
}
#periode2 .intro-content button {
  background: none;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  height: 90px;
  letter-spacing: 0.6px;
  margin: auto;
  overflow: visible;
  position: relative;
  text-transform: uppercase;
  width: 90px;
}
#periode2 .intro-content button::before {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: 0 0;
  content: "";
  height: 109px;
  left: -13px;
  position: absolute;
  top: -13px;
  transition: all 1s;
  width: 109px;
}
#periode2 .intro-content button::after {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -97px -109px;
  bottom: 0;
  content: "";
  height: 21px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
}
#periode2 .intro-content button:hover::before {
  transform: rotate(180deg);
}
#periode2 h1 {
  color: #fff;
  font-family: "dassault-sans-black", sans-serif;
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 0;
  margin-right: 150px;
  position: relative;
  text-transform: uppercase;
}
#periode2 h1 span.color {
  color: #3362cc;
}
#periode2 h1::before {
  content: "";
  display: none;
  height: 362px;
  height: 320px;
  left: -50px;
  position: absolute;
  top: -85px;
  top: -70px;
  width: 636px;
}
#periode2 .intro-text {
  box-sizing: border-box;
  color: #fff;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 18px;
  line-height: 27px;
  padding: 30px;
  padding: 64px 32px;
  width: 600px;
  width: 700px;
}
#periode2 .intro-text-title {
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 2.2rem;
  line-height: 33px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#periode3 {
  background-color: #f4f4f4;
  width: 100% !important;
}
#periode3 .periode-intro {
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 108px;
}
#periode3 .intro-content {
  align-items: center;
  background: url(../images/bg-periode3.jpg?822d6f39fec2bfc67f10fbefece4b4ff) no-repeat center center transparent;
  background-size: cover;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  box-sizing: border-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  height: 100%;
  padding-top: 90px;
}
#periode3 .intro-content .btn-container {
  position: relative;
  width: 100%;
}
#periode3 .intro-content button {
  background: none;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  height: 90px;
  letter-spacing: 0.6px;
  margin: auto;
  overflow: visible;
  position: relative;
  text-transform: uppercase;
  width: 90px;
}
#periode3 .intro-content button::before {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: 0 0;
  content: "";
  height: 109px;
  left: -13px;
  position: absolute;
  top: -13px;
  transition: all 1s;
  width: 109px;
}
#periode3 .intro-content button::after {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -97px -109px;
  bottom: 0;
  content: "";
  height: 21px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
}
#periode3 .intro-content button:hover::before {
  transform: rotate(180deg);
}
#periode3 h1 {
  color: #fff;
  font-family: "dassault-sans-black", sans-serif;
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 0;
  margin-right: 150px;
  position: relative;
  text-transform: uppercase;
}
#periode3 h1 span.color {
  color: #3362cc;
}
#periode3 h1::before {
  content: "";
  display: none;
  height: 362px;
  height: 330px;
  left: -50px;
  position: absolute;
  top: -85px;
  top: -70px;
  width: 636px;
}
#periode3 .intro-text {
  box-sizing: border-box;
  color: #fff;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 1.8rem;
  line-height: 27px;
  padding: 30px;
  padding: 64px 32px;
  width: 600px;
  width: 700px;
}
#periode3 .intro-text-title {
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 2.2rem;
  line-height: 33px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#periode4 {
  background-color: #f4f4f4;
  width: 100% !important;
}
#periode4 .periode-intro {
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 108px;
}
#periode4 .intro-content {
  align-items: center;
  background: url(../images/bg-periode4.jpg?e0f62594e316220125ebc3a2a7b4d33a) no-repeat right center transparent;
  background-size: cover;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  box-sizing: border-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  height: 100%;
  padding-top: 0;
}
#periode4 .intro-content .btn-container {
  position: relative;
  width: 100%;
}
#periode4 .intro-content button {
  background: none;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  height: 90px;
  letter-spacing: 0.6px;
  margin: auto;
  overflow: visible;
  position: relative;
  text-transform: uppercase;
  width: 90px;
}
#periode4 .intro-content button::before {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: 0 0;
  content: "";
  height: 109px;
  left: -13px;
  position: absolute;
  top: -13px;
  transition: all 1s;
  width: 109px;
}
#periode4 .intro-content button::after {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -97px -109px;
  bottom: 0;
  content: "";
  height: 21px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
}
#periode4 .intro-content button:hover::before {
  transform: rotate(180deg);
}
#periode4 h1 {
  color: #fff;
  font-family: "dassault-sans-black", sans-serif;
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 0;
  margin-right: 150px;
  position: relative;
  text-transform: uppercase;
}
#periode4 h1 span.color {
  color: #324b6b;
}
#periode4 h1::before {
  content: "";
  display: none;
  height: 362px;
  height: 335px;
  left: -50px;
  position: absolute;
  top: -85px;
  top: -75px;
  width: 636px;
}
#periode4 .intro-text {
  box-sizing: border-box;
  color: #fff;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 1.8rem;
  line-height: 27px;
  padding: 64px 32px;
  padding: 30px;
  width: 600px;
}
#periode4 .intro-text-title {
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 2.2rem;
  line-height: 33px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.periode-global {
  background-color: #f4f4f4;
  padding-bottom: 133px;
}

.periode-container {
  display: flex;
  justify-content: space-evenly;
}

.periode-frise {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 40px;
  width: 20%;
}
.periode-frise h2 {
  color: #414b56;
  font-family: "dassault-sans-black", sans-serif;
  font-size: 32px;
  line-height: 38px;
  padding-left: 0;
  text-transform: uppercase;
}

.frise-item {
  margin-top: 40px;
}

.frise-item-date {
  color: #3362cc;
  display: flex;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
  position: relative;
  text-transform: uppercase;
}

.frise-item-date1 {
  background-color: #0085cc;
  color: white;
  padding: 10px;
}

.frise-item-title {
  color: #414b56;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  margin-top: 5px;
  padding-left: 0;
  text-transform: uppercase;
}

.frise-item-title-2 {
  color: #414b56;
  padding: 10px;
}

.frise-item-illus {
  cursor: pointer;
  transition: filter 0.5s;
}
.frise-item-illus:hover {
  filter: brightness(1.2);
  position: relative;
}

.periode-content {
  width: 66%;
}

.periode-chapter {
  background-color: #fff;
  box-sizing: border-box;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  padding: 100px 40px 50px;
}
.periode-chapter h2 {
  color: #263349;
  font-family: "dassault-sans-black", sans-serif;
  font-size: 56px;
  line-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  text-transform: uppercase;
  z-index: 3;
}
.periode-chapter h2::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxMDEgOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgxMDFWMkgwVjBaIiBmaWxsPSIjMDA4NUNDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDUgMEgwVjhINDIuNDlMNDUgMFoiIGZpbGw9IiMwMDg1Q0MiLz4KPC9zdmc+Cg==");
  content: "";
  height: 6px;
  position: absolute;
  top: -20px;
  width: 100px;
}
.periode-chapter strong {
  font-family: "dassault-sans-bold", sans-serif;
  font-weight: normal;
}
.periode-chapter .str-blue {
  color: #3362cc;
}

.periode-chapter + .periode-chapter {
  margin-top: 50px;
}

.chapter-illus {
  margin: -43px 0 20px;
  padding-bottom: 70px;
  position: relative;
}
.chapter-illus::after {
  background: url(../images/chapter-illus-stars.png?69c815ca7c6f2ff94fcc5a0618a527e1) 0 0 transparent;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 49px;
  left: 0;
  position: absolute;
  width: 100%;
}
.chapter-illus:hover .chapt-illust-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  height: 90px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.chapter-illus:hover img {
  filter: brightness(1.2);
  position: relative;
}
.chapter-illus img {
  border-bottom: 6px solid #0085cc;
  cursor: pointer;
  transition: filter 0.5s;
  width: 100%;
}
.chapter-illus img.no-slideshow {
  cursor: auto;
}
.chapter-illus img.no-slideshow:hover {
  filter: none;
}

.chapter-illus-description {
  bottom: 80px;
  box-sizing: border-box;
  color: #fff;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  left: 0;
  letter-spacing: 0.6px;
  padding: 0 30px 10px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}

.text-1col {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 50px;
}
.text-1col img {
  cursor: pointer;
  transition: filter 0.5s;
}
.text-1col span {
  color: #333;
  display: block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  text-transform: uppercase;
}

.text-2col {
  -webkit-box-pack: justify;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 50px;
}
.text-2col div.text-only {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
.text-2col p {
  font-size: 17px;
  font-size: 1.7rem;
}
.text-2col .w290 {
  width: 290px;
}

.text-50 {
  flex: 0 1 46%;
  margin: 0 0 0 0;
}

.im-50 {
  flex: 2 2 50%;
  margin: 0 0 0 0;
}

.text-30r {
  flex: 1 1 30%;
  margin: 0 0 0 0;
  padding-left: 50px;
}

.text-30g {
  flex: 1 1 30%;
  margin: 0 0 0 0;
  padding-right: 50px;
}

.periode-content-illus {
  font-size: 1.4rem;
  position: relative;
}
.periode-content-illus img {
  cursor: pointer;
  -o-object-fit: contain;
  object-fit: contain;
  transition: filter 0.5s;
  width: 100%;
}
.periode-content-illus img:hover {
  filter: brightness(1.4);
  position: relative;
}
.periode-content-illus span {
  color: #414b56;
  display: block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
  text-transform: uppercase;
}

.periode-content-illus + p {
  clear: both;
}

.slideshow-link {
  background: #324b6b;
  color: #fff;
  cursor: pointer;
  line-height: 85px;
  margin-top: 80px;
  position: relative;
  text-align: center;
  transition: background 0.2s;
}
.slideshow-link .background-slideshow {
  height: 100%;
  position: absolute;
  right: -12px;
}
.slideshow-link span {
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}
.slideshow-link:hover {
  background-color: #263349;
}
.slideshow-link > span {
  position: relative;
}
.slideshow-link > span::before {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 2px;
  margin: 0 15px;
  position: relative;
  top: -3px;
  width: 23px;
}
.slideshow-link > span::after {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 2px;
  margin: 0 15px;
  position: relative;
  top: -3px;
  width: 23px;
}

.ico-camera {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -173px 0;
  display: inline-block;
  height: 20px;
  margin-right: 3px;
  position: relative;
  top: 5px;
  width: 20px;
}

.menu-periode {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #ebebeb;
  bottom: 30px;
  -webkit-box-align: center;
  display: none;
  -ms-flex-align: center;
  height: 78px;
  left: 0;
  line-height: 78px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.menu-periode .double-scroll {
  background-color: #0085cc;
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 0.3s;
  width: 0;
  z-index: 1;
}
.menu-periode .menu-show {
  align-items: center;
  color: #324b6b;
  cursor: pointer;
  display: flex;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.menu-periode .menu-show.menu-show2 {
  display: none;
}
.menu-periode .menu-show.menu-show2.return {
  display: flex;
}
.menu-periode .menu-show.menu-show2.return svg {
  transform: rotate(180deg);
}
.menu-periode .menu-show.menu-show1 {
  display: none;
}
.menu-periode .menu-show.menu-show1.begin {
  display: flex;
}
.menu-periode .menu-show span {
  margin-right: 20px;
}
.menu-periode .menu-show svg {
  margin-right: 50px;
}
.menu-periode .menu-show svg .arrow-animate2 {
  -webkit-animation: testAnim 1s ease-in;
          animation: testAnim 1s ease-in;
}
.menu-periode .btn-burger {
  border-right: 1px solid #e8e9ed;
  cursor: pointer;
  height: 100%;
  position: relative;
  transform: skew(-16.5deg, 0);
  transition: background 0.3s;
  width: 78px;
}
.menu-periode .btn-burger:hover {
  background-color: #f4f4f4;
}
.menu-periode .btn-burger:hover::before {
  background-color: #f4f4f4;
  content: "";
  height: 100%;
  left: -20px;
  position: absolute;
  top: 0;
  width: 20px;
}
.menu-periode .btn-home {
  border-right: 1px solid #e8e9ed;
  cursor: pointer;
  height: 100%;
  position: relative;
  transform: skew(-16.5deg, 0);
  transition: background 0.3s;
  width: 78px;
}
.menu-periode .btn-home:hover {
  background-color: #f4f4f4;
}
.menu-periode .btn-burger-icon {
  background-color: #444;
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) skew(16.5deg, 0);
  transition: background-color 0.3s;
  width: 26px;
}
.menu-periode .btn-burger-icon::before {
  background-color: #444;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: -7px;
  transition: transform 0.3s, top 0.3s, background-color 0s;
  width: 100%;
}
.menu-periode .btn-burger-icon::after {
  background-color: #444;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 7px;
  transition: transform 0.3s, top 0.3s, background-color 0s;
  width: 100%;
}
.menu-periode .btn-burger.is-clicked .btn-burger-icon {
  background-color: transparent;
}
.menu-periode .btn-burger.is-clicked .btn-burger-icon::before {
  background-color: #324b6b;
  top: 0;
  transform: rotate(135deg);
}
.menu-periode .btn-burger.is-clicked .btn-burger-icon::after {
  background-color: #324b6b;
  top: 0;
  transform: rotate(225deg);
}
.menu-periode .btn-home-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC42OTEgMTIuMjc3NEwxMi40OTk4IDAuNjE2MjExTDAuMzA4NTk0IDEyLjI3NzRMMS42OTEwNCAxMy43MjI3TDMgMTIuNDcwNlYyMUgxMVYxNEgxNFYyMUgyMlYxMi40NzFMMjMuMzA4NiAxMy43MjI3TDI0LjY5MSAxMi4yNzc0Wk0yMCAxMC41NTc5TDEyLjQ5OTggMy4zODM4M0w1IDEwLjU1NzZWMTlIOVYxMkgxNlYxOUgyMFYxMC41NTc5WiIgZmlsbD0iIzQxNEI1NiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  bottom: 0;
  display: block;
  height: 27px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: skew(16.5deg, 0);
  width: 26px;
}
.menu-periode .page-number {
  border: 2px solid #324b6b;
  border-radius: 50%;
  color: #324b6b;
  display: inline-block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  height: 30px;
  line-height: 30px;
  margin-left: 25px;
  text-align: center;
  width: 30px;
}
.menu-periode .page-title {
  -webkit-box-flex: 1;
  color: #324b6b;
  display: inline-block;
  flex-grow: 1;
  -ms-flex-positive: 1;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.8px;
  margin-left: 15px;
  text-transform: uppercase;
}
.menu-periode .menu-logo {
  padding: 0 35px;
  position: relative;
}
.menu-periode .menu-logo::after {
  background: #e8e9ed;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(16.5deg);
  width: 1px;
}
.menu-periode .menu-logo img {
  position: relative;
  top: -3px;
}

.menu-periode.show {
  display: flex;
}

.pop-menu {
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  left: 0;
  opacity: 0;
  padding-bottom: 108px;
  position: fixed;
  top: 0;
  transition: all 0.5s;
  width: 100%;
  z-index: -999;
}

.pop-menu.open {
  opacity: 1;
  z-index: 999;
}

.pop-menu-item {
  align-items: center;
  background: no-repeat 0 center transparent;
  background-size: cover;
  cursor: pointer;
  display: flex;
  position: relative;
  width: 100%;
}
.pop-menu-item::before {
  background: rgba(27, 29, 32, 0.75);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.5s;
  width: 100%;
}
.pop-menu-item:hover::before {
  background: rgba(27, 29, 32, 0.25);
}
.pop-menu-item:nth-child(1) {
  background-image: url(../images/pop-menu-item1.jpg?e4676cf6ee2863d9e4e94d93dd205519);
}
.pop-menu-item:nth-child(2) {
  background-image: url(../images/pop-menu-item2.jpg?24b53e41836c48eddc459792210d8df5);
}
.pop-menu-item:nth-child(3) {
  background-image: url(../images/pop-menu-item3.jpg?1cd1277511a0c7cabbb6ab716ad969b6);
}
.pop-menu-item:nth-child(4) {
  background-image: url(../images/pop-menu-item4.jpg?8d265cd7ab38e3c5f155b8671c272cfe);
}
.pop-menu-item .click-overlay {
  background: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.pop-menu-item-date {
  align-items: center;
  background-color: white;
  color: #000;
  display: flex;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 20px;
  font-size: 2.4rem;
  left: 0;
  line-height: 1;
  padding: 24px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}
.pop-menu-item-date::after {
  background: white;
  content: "";
  height: 100%;
  position: absolute;
  right: -24px;
  top: 0;
  transform: skew(-30deg, 0);
  width: 24px;
}
.pop-menu-item-date::before {
  background: white;
  content: "";
  height: 50%;
  position: absolute;
  right: -24px;
  top: 0;
  width: 24px;
}
.pop-menu-item-date .border {
  border-top: 1px solid #a8adb4;
  height: 1px;
  margin: 0 1rem;
  width: 24px;
}
.pop-menu-item-date span {
  color: #324b6b;
  display: block;
}

.pop-menu-item-title {
  color: #fff;
  font-family: "dassault-sans-black", sans-serif;
  font-size: 40px;
  line-height: 4rem;
  margin-left: 170px;
  position: relative;
  text-transform: uppercase;
  width: 290px;
  z-index: 1;
}

.pop-menu-item2 {
  background: no-repeat 0 center transparent;
  background-size: cover;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 80px;
  overflow: hidden;
  padding: 56px;
  position: relative;
  transition: all 0.4s ease-in-out;
  width: auto;
}
.pop-menu-item2 .svg-bg {
  height: 100%;
  left: -7px;
  position: absolute;
  top: 0;
}
.pop-menu-item2::before {
  background-image: url(../images/chap2-2.jpg?eb78f61efeafa93fc3dccaf77e60e96a);
  background-position: center;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease-in-out;
  width: 100%;
}
.pop-menu-item2:hover::before {
  background-position: center right;
  opacity: 0.5;
}
.pop-menu-item2 .container {
  display: flex;
  flex-direction: column;
}
.pop-menu-item2 .click-overlay {
  background: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.pop-menu-item2.peri2::before {
  background-image: url(../images/chap3-2.jpg?57dd1ed7b1384b0561fd996486e46e5b);
  background-position: center;
}

.pop-menu-item2.peri3::before {
  background-image: url(../images/chap4-2.jpg?f9322b8e8be8c6505aa94a7d8c2f84d9);
  background-position: center right;
}
.pop-menu-item2.peri3:hover::before {
  background-position: center;
}

.pop-menu-item2.peri4::before {
  background-image: url(../images/helice-eclair.jpg?fc4792163f263ae02a1670e0a11d0355);
  background-position: center right;
  width: 98%;
}

.pop-menu-item-title2 {
  color: #fff;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 16px;
  line-height: 18px;
  margin-top: 24px;
  position: relative;
  text-decoration: underline;
  text-transform: uppercase;
  z-index: 1;
}

.pop-menu-item-title3 {
  color: #fff;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 32px;
  line-height: 34px;
  margin-top: 8px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.pop-menu-item-date2 {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 20px;
  line-height: 24px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}
.pop-menu-item-date2 .border {
  border-top: 1px solid white;
  height: 1px;
  margin: 0 10px;
  width: 24px;
}

.slideshow {
  background: #253349;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 40px 0;
  position: fixed;
  top: 0;
  transition: all 0.5s;
  width: 100%;
  z-index: -999;
}

.slideshow.open {
  opacity: 1;
  z-index: 9999;
}

.close-slideshow {
  align-items: center;
  background: #324b6b;
  display: flex;
  height: 72px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 72px;
  z-index: 999;
}
.close-slideshow:hover {
  opacity: 1;
}

.gallery-top {
  height: 70%;
  width: 100%;
}
.gallery-top .swiper-slide {
  -webkit-box-pack: justify;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 0 80px;
}
.gallery-top .slide-illus {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.gallery-top .slide-illus img {
  flex-grow: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-top .slide-illus-st {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  text-align: center;
}
.gallery-top .slide-illus.video-wrapper {
  overflow: hidden;
  padding-top: 38.7%;
  position: relative;
}
.gallery-top .slide-illus.video-wrapper iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.gallery-top .slide-illus.video-wrapper.video-appear img {
  visibility: hidden;
}
.gallery-top .slide-illus.video-wrapper.video-appear iframe {
  display: block;
  z-index: 99;
}
.gallery-top .slide-text {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: "dassault-sans-regular", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  min-width: 240px;
  width: 28%;
}
.gallery-top .slide-title {
  font-family: "dassault-sans-black", sans-serif;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 20px;
}
.gallery-top .p-soc {
  font-family: "dassault-sans-bold", sans-serif;
  text-transform: uppercase;
}
.gallery-top .p-fra {
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  text-transform: uppercase;
}
.gallery-top .p-eur {
  font-family: "dassault-sans-bold", sans-serif;
  text-transform: uppercase;
}
.gallery-top .p-mon {
  font-family: "dassault-sans-bold", sans-serif;
  text-transform: uppercase;
}
.gallery-top .slide-description {
  line-height: 1.8rem;
  padding-right: 10px;
}
.gallery-top .slide-copyright {
  border-top: silver 1px solid;
  color: silver;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 20px;
}
.gallery-top .slide-copyright::before {
  content: "Photo ";
}
.gallery-top .slide-link {
  bottom: 0;
  color: #3362cc;
  color: #fff;
  display: inline-block;
  font-family: "dassault-sans-bold", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  min-width: 111px;
  padding: 5px 16px;
  position: absolute;
}
.gallery-top .slide-link.learn-more {
  background: #2c60d6;
  display: none;
}
.gallery-top .slide-link.learn-more::before {
  content: "+";
  display: inline-block;
  font-family: arial;
  font-size: 19px;
  margin-right: 12px;
  vertical-align: middle;
}
.gallery-top .slide-link.learn-more::after {
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 13px;
  left: 14px;
  position: absolute;
  top: 10px;
  width: 13px;
}
.gallery-top .slide-link.learn-more:hover {
  background: #3c6ede;
}
.gallery-top .slide-link.watch-video {
  background: #707179;
}
.gallery-top .slide-link.watch-video::before {
  content: "▶";
  display: inline-block;
  font-family: arial;
  font-size: 10px;
  left: 2px;
  margin-right: 12px;
  position: relative;
  vertical-align: middle;
}
.gallery-top .slide-link.watch-video::after {
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 13px;
  left: 14px;
  position: absolute;
  top: 10px;
  width: 13px;
}
.gallery-top .slide-link.watch-video:hover {
  background: #5c5d63;
}
.gallery-top .swiper-button-next {
  background-image: url("data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABCSURBVHgB7ZOxCQAgDAQfJ3FD3dhR3ogWFhYfENLkIN0dpHnAINnsKhRM7NwMKVrSkTOKiwp+4Xop5UfgG9AVSfIEkLo22zE2pHcAAAAASUVORK5CYII=");
  background-position: 0 -109px;
  background-size: auto;
  height: 45px;
  width: 45px;
}
.gallery-top .swiper-button-prev {
  background-image: url("data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABCSURBVHgB7ZOxCQAgDAQfJ3FD3dhR3ogWFhYfENLkIN0dpHnAINnsKhRM7NwMKVrSkTOKiwp+4Xop5UfgG9AVSfIEkLo22zE2pHcAAAAASUVORK5CYII=");
  background-position: -109px -50px;
  background-size: auto;
  height: 45px;
  transform: rotate(180deg);
  width: 45px;
}

.slide-text {
  margin-left: 20px;
}

.gallery-thumbs {
  margin-top: 30px;
  width: 80%;
}
.gallery-thumbs .swiper-slide {
  height: 120px;
  overflow: hidden;
  width: auto;
}
.gallery-thumbs .swiper-slide img {
  cursor: pointer;
  filter: brightness(50%);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.gallery-thumbs .swiper-slide-active img {
  filter: brightness(100%);
}

.gallery-thumbs-buttons {
  margin: auto;
  position: relative;
  width: 80%;
}
.gallery-thumbs-buttons .swiper-button-next {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -71px -109px;
  background-size: auto;
  bottom: 0;
  height: 26px;
  margin: auto 0;
  right: -50px;
  top: 0;
  width: 26px;
}
.gallery-thumbs-buttons .swiper-button-prev {
  background-image: url(../images/sprite.png?d744f3138e10637b04b91d56c4689bdd);
  background-position: -45px -109px;
  background-size: auto;
  bottom: 0;
  height: 26px;
  left: -50px;
  margin: auto 0;
  top: 0;
  width: 26px;
}

.gallery-thumbs-buttons + #ascrail2011 {
  display: none !important;
}

.scroll-to-top {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  bottom: 130px;
  cursor: pointer;
  height: 70px;
  opacity: 0;
  position: fixed;
  right: 40px;
  transition: all 0.3s;
  width: 70px;
  z-index: -1;
}
.scroll-to-top::before {
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
.scroll-to-top:hover {
  background: rgba(0, 0, 0, 0.8);
}

.scroll-to-top.show {
  opacity: 1;
  z-index: 998;
}

.page-loader-wrapper {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 999999;
}
.page-loader-wrapper img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000000;
}

.page-loader {
  -webkit-animation: loader-spin 2s linear infinite;
  animation: loader-spin 2s linear infinite;
  border: 3px solid transparent;
  border-radius: 50%;
  border-top-color: #65a6e4;
  display: block;
  height: 150px;
  left: 50%;
  margin: -75px 0 0 -75px;
  position: relative;
  top: 50%;
  width: 150px;
  z-index: 1000000;
}
.page-loader::before {
  -webkit-animation: loader-spin 3s linear infinite;
  animation: loader-spin 3s linear infinite;
  border: 3px solid transparent;
  border-radius: 50%;
  border-top-color: #65a6e4;
  bottom: 5px;
  content: "";
  left: 5px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.page-loader::after {
  -webkit-animation: loader-spin 1.5s linear infinite;
  animation: loader-spin 1.5s linear infinite;
  border: 3px solid transparent;
  border-radius: 50%;
  border-top-color: #65a6e4;
  bottom: 15px;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.page-loader-section {
  background: #253349;
  height: 100%;
  position: fixed;
  top: 0;
  transform: translateX(0);
  width: 51%;
  z-index: 999999;
}

.page-loader-section.section-left {
  left: 0;
}

.page-loader-section.section-right {
  right: 0;
}

.loaded .page-loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded .page-loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded .page-loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.loaded .page-loader-wrapper {
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
  visibility: hidden;
}
.loaded .page-loader-wrapper img {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.loaded .intro-content {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 1s ease-in;
}

.cc_logo {
  display: none !important;
}

.cc_container {
  align-items: center !important;
  bottom: 30px !important;
  display: flex !important;
  flex-direction: row-reverse;
  font-family: "dassault-sans-regular", sans-serif !important;
  font-size: 11pt !important;
  padding: 15px 30px !important;
  right: 0 !important;
  width: 100% !important;
}

.cc_btn {
  position: static !important;
}

.cc_btn_accept_all {
  background-color: rgb(50, 75, 107) !important;
  bottom: 10px !important;
  color: #fff !important;
}

img.opa1 {
  display: block;
  opacity: 0;
}
img.opa1:not(.initial) {
  transition: opacity 0.5s 0.5s ease-in-out, filter 0.5s;
}
img.opa1:not([src]) {
  visibility: hidden;
}

img.opa1.initial {
  opacity: 1;
}

img.opa1.loaded {
  opacity: 1;
}

img.opa1.error {
  opacity: 1;
}

img.opa {
  opacity: 1;
}

.neuron {
  text-transform: none;
}

.iframe-container {
  align-self: flex-start;
  flex-grow: 2;
  overflow: hidden;
  padding-top: 39.7%;
  position: relative;
}
.iframe-container::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
.iframe-container:hover::after {
  content: none;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.iframe-container video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.vid-container {
  align-self: flex-start;
  flex-grow: 2;
  width: 100%;
}
.vid-container video {
  border: 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.iframe-container.frise {
  padding-top: 56.9%;
}

.chapter-illus-description.vid {
  bottom: 0;
  color: #333;
  margin-top: 0;
  padding: 0;
  position: relative;
}

@media all and (min-width: 30em) {
  h2 {
    font-size: 52px;
    font-size: 5.2rem;
  }

  .h2-like {
    font-size: 52px;
    font-size: 5.2rem;
  }

  h3 {
    font-size: 40px;
    font-size: 4rem;
  }

  .h3-like {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media all and (max-width: 1200px) {
  blockquote {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    padding-left: 85px;
  }
  blockquote::before {
    bottom: 0;
    left: 0;
    margin: 10px 0;
    top: 0;
  }
  blockquote::after {
    width: 0;
  }

  .quote-author {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .text-30r {
    flex: 2 2 100%;
    margin: 20px 0 0 0;
    order: 3;
    padding-left: 0;
  }

  .text-30g {
    flex: 2 2 100%;
    margin: 20px 0 0 0;
    order: 3;
    padding-right: 0;
  }

  .text-2col div.text-only {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media all and (min-width: 100em) {
  .content-container {
    margin: auto;
    width: 1600px;
  }

  .gallery-top {
    width: 1600px;
  }
}
@media all and (min-width: 50em) {
  #intro h1 {
    font-family: "dassault-sans-black", sans-serif;
    font-size: 80px;
    line-height: 80px;
  }
  #intro h1::after {
    border-bottom-width: 130px;
    border-left-width: 130px;
    border-top-width: 130px;
    right: -55px;
    top: -120px;
  }

  #periodes .periode1 h1 span {
    color: white;
  }
  #periodes .periode3 .title {
    text-align: left;
  }
  #periodes .periode3 .title strong {
    margin-left: 150px;
  }
  #periodes h1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 100px;
    font-size: 10rem;
    left: -30px;
  }
  #periodes h1::after {
    border-bottom-width: 130px;
    border-left-width: 130px;
    border-top-width: 130px;
    right: -55px;
    top: -120px;
  }
  #periodes h1 .date {
    align-items: center;
    display: flex;
    font-size: 48px;
    justify-content: center;
    line-height: 56px;
    margin-bottom: 24px;
  }
  #periodes h1 .date span {
    color: #324b6b;
  }
  #periodes h1 .date .border {
    border-bottom: 1px solid white;
    height: 1px;
    margin: 0 16px;
    width: 24px;
  }
  #periodes h1 .title {
    color: #324b6b;
    font-family: "dassault-sans-black", sans-serif;
    font-size: 80px;
    left: 100%;
    line-height: 80px;
    margin-top: 0;
    text-align: end;
  }
  #periodes h1 .title strong {
    color: white;
    display: block;
    margin-right: -100px;
  }
  #periodes .btn-container {
    margin-top: 45px;
  }

  #periode1 .intro-content {
    padding-top: 0;
  }
  #periode1 h1::before {
    display: block;
  }
  #periode1 h1 span {
    opacity: 0;
    transform: translateY(50px);
  }
  #periode1 h1 span.color {
    display: block;
    opacity: 0;
    padding-left: 124px;
    transform: translateY(50px);
  }
  #periode1 .intro-container {
    align-items: center;
    display: flex;
    justify-content: end;
    position: relative;
    width: 80%;
    z-index: 1;
  }
  #periode1 .intro-container.load-animate-2 .top,
#periode1 .intro-container.load-animate-2 .bottom,
#periode1 .intro-container.load-animate-2 .left,
#periode1 .intro-container.load-animate-2 .right {
    background: transparent;
  }
  #periode1 .intro-container.load-animate-2 .right {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    transition: right 900ms ease-in;
  }
  #periode1 .intro-container.load-animate-2 .top {
    background: rgba(255, 255, 255, 0.2);
    transition: top 700ms ease-in;
    transition-delay: 150ms;
    width: 100%;
  }
  #periode1 .intro-container.load-animate-2 .bottom {
    background: rgba(255, 255, 255, 0.2);
    transition: bottom1 700ms ease-in;
    transition-delay: 300ms;
    width: 100%;
  }
  #periode1 .intro-container.load-animate-2 h1 span {
    opacity: 1;
    transform: translateY(0);
    transition: all 300ms ease-in-out;
  }
  #periode1 .intro-container.load-animate-2 h1 .color {
    transition: all 500ms ease-in-out;
  }
  #periode1 .intro-container.load-animate-2 .load-animate-1::before {
    transition: width 1s ease, height 2s;
  }
  #periode1 .intro-container.load-animate-2 .load-animate-1 .intro-text-title,
#periode1 .intro-container.load-animate-2 .load-animate-1 .intro-text-description {
    opacity: 1;
  }
  #periode1 .intro-container .right {
    -webkit-animation-name: right;
    animation-name: right;
    right: 0;
    top: 0;
    width: 1px;
  }
  #periode1 .intro-container .top {
    -webkit-animation-name: top;
    animation-name: top;
    height: 1px;
    left: 0;
    top: 0;
  }
  #periode1 .intro-container .bottom {
    -webkit-animation-name: bottom;
    animation-name: bottom;
    bottom: 0;
    height: 1px;
    right: 0;
  }
  #periode1 .intro-text {
    padding: 24px 32px 32px;
    position: relative;
    width: 445px;
  }
  #periode1 .intro-text .intro-text-title,
#periode1 .intro-text .intro-text-description {
    opacity: 0;
    transition: opacity 1s ease;
  }
  #periode1 .intro-text.load-animate-1::before {
    transition: width 1s ease, height 2s;
  }
  #periode1 .intro-text.load-animate-1 .intro-text-title,
#periode1 .intro-text.load-animate-1 .intro-text-description {
    opacity: 1;
  }
  #periode1 .intro-text::before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(50, 75, 107, 0.8);
    bottom: 0;
    content: "";
    height: calc(100% + 64px);
    left: -32px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -32px;
    width: calc(100% + 64px);
    z-index: -1;
  }
  #periode1 .intro-text .logo-main {
    position: absolute;
    right: 11px;
    top: -44px;
  }
  #periode1 .intro-text .intro-before {
    height: calc(100% + 64px);
    position: absolute;
    right: -32px;
    top: -32px;
  }

  #periode2 .intro-content {
    padding-top: 0;
  }
  #periode2 h1::before {
    display: block;
  }
  #periode2 h1 span {
    opacity: 0;
    transform: translateY(50px);
  }
  #periode2 h1 span.color {
    display: block;
    opacity: 0;
    padding-left: 124px;
    transform: translateY(50px);
  }
  #periode2 .intro-container {
    align-items: center;
    display: flex;
    justify-content: end;
    position: relative;
    width: 80%;
    z-index: 1;
  }
  #periode2 .intro-container.load-animate-2 .top,
#periode2 .intro-container.load-animate-2 .bottom,
#periode2 .intro-container.load-animate-2 .left,
#periode2 .intro-container.load-animate-2 .right {
    background: transparent;
  }
  #periode2 .intro-container.load-animate-2 .right {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    transition: right 900ms ease-in;
  }
  #periode2 .intro-container.load-animate-2 .top {
    background: rgba(255, 255, 255, 0.2);
    transition: top 700ms ease-in;
    transition-delay: 150ms;
    width: 100%;
  }
  #periode2 .intro-container.load-animate-2 .bottom {
    background: rgba(255, 255, 255, 0.2);
    transition: bottom1 700ms ease-in;
    transition-delay: 300ms;
    width: 100%;
  }
  #periode2 .intro-container.load-animate-2 h1 span {
    opacity: 1;
    transform: translateY(0);
    transition: all 300ms ease-in-out;
  }
  #periode2 .intro-container.load-animate-2 h1 .color {
    transition: all 500ms ease-in-out;
  }
  #periode2 .intro-container.load-animate-2 .load-animate-1::before {
    transition: width 1s ease, height 2s;
  }
  #periode2 .intro-container.load-animate-2 .load-animate-1 .intro-text-title,
#periode2 .intro-container.load-animate-2 .load-animate-1 .intro-text-description {
    opacity: 1;
  }
  #periode2 .intro-container .right {
    -webkit-animation-name: right;
    animation-name: right;
    right: 0;
    top: 0;
    width: 1px;
  }
  #periode2 .intro-container .top {
    -webkit-animation-name: top;
    animation-name: top;
    height: 1px;
    left: 0;
    top: 0;
  }
  #periode2 .intro-container .bottom {
    -webkit-animation-name: bottom;
    animation-name: bottom;
    bottom: 0;
    height: 1px;
    right: 0;
  }
  #periode2 .intro-text {
    padding: 24px 32px 32px;
    position: relative;
    width: 445px;
  }
  #periode2 .intro-text .intro-text-title,
#periode2 .intro-text .intro-text-description {
    opacity: 0;
    transition: opacity 1s ease;
  }
  #periode2 .intro-text.load-animate-1::before {
    transition: width 1s ease, height 2s;
  }
  #periode2 .intro-text.load-animate-1 .intro-text-title,
#periode2 .intro-text.load-animate-1 .intro-text-description {
    opacity: 1;
  }
  #periode2 .intro-text::before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(50, 75, 107, 0.8);
    bottom: 0;
    content: "";
    height: calc(100% + 64px);
    left: -32px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -32px;
    width: calc(100% + 64px);
    z-index: -1;
  }
  #periode2 .intro-text .logo-main {
    position: absolute;
    right: 11px;
    top: -44px;
  }
  #periode2 .intro-text .intro-before {
    height: calc(100% + 64px);
    position: absolute;
    right: -32px;
    top: -32px;
  }

  #periode3 .intro-content {
    padding-top: 0;
  }
  #periode3 h1::before {
    display: block;
  }
  #periode3 h1 span {
    opacity: 0;
    transform: translateY(50px);
  }
  #periode3 h1 span.color {
    display: block;
    opacity: 0;
    padding-left: 124px;
    transform: translateY(50px);
  }
  #periode3 .intro-container {
    align-items: center;
    display: flex;
    justify-content: end;
    position: relative;
    width: 80%;
    z-index: 1;
  }
  #periode3 .intro-container.load-animate-2 .top,
#periode3 .intro-container.load-animate-2 .bottom,
#periode3 .intro-container.load-animate-2 .left,
#periode3 .intro-container.load-animate-2 .right {
    background: transparent;
  }
  #periode3 .intro-container.load-animate-2 .right {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    transition: right 900ms ease-in;
  }
  #periode3 .intro-container.load-animate-2 .top {
    background: rgba(255, 255, 255, 0.2);
    transition: top 700ms ease-in;
    transition-delay: 150ms;
    width: 100%;
  }
  #periode3 .intro-container.load-animate-2 .bottom {
    background: rgba(255, 255, 255, 0.2);
    transition: bottom1 700ms ease-in;
    transition-delay: 300ms;
    width: 100%;
  }
  #periode3 .intro-container.load-animate-2 h1 span {
    opacity: 1;
    transform: translateY(0);
    transition: all 300ms ease-in-out;
  }
  #periode3 .intro-container.load-animate-2 h1 .color {
    transition: all 500ms ease-in-out;
  }
  #periode3 .intro-container.load-animate-2 .load-animate-1::before {
    transition: width 1s ease, height 2s;
  }
  #periode3 .intro-container.load-animate-2 .load-animate-1 .intro-text-title,
#periode3 .intro-container.load-animate-2 .load-animate-1 .intro-text-description {
    opacity: 1;
  }
  #periode3 .intro-container .right {
    -webkit-animation-name: right;
    animation-name: right;
    right: 0;
    top: 0;
    width: 1px;
  }
  #periode3 .intro-container .top {
    -webkit-animation-name: top;
    animation-name: top;
    height: 1px;
    left: 0;
    top: 0;
  }
  #periode3 .intro-container .bottom {
    -webkit-animation-name: bottom;
    animation-name: bottom;
    bottom: 0;
    height: 1px;
    right: 0;
  }
  #periode3 .intro-text {
    padding: 24px 32px 32px;
    position: relative;
    width: 445px;
  }
  #periode3 .intro-text .intro-text-title,
#periode3 .intro-text .intro-text-description {
    opacity: 0;
    transition: opacity 1s ease;
  }
  #periode3 .intro-text.load-animate-1::before {
    transition: width 1s ease, height 2s;
  }
  #periode3 .intro-text.load-animate-1 .intro-text-title,
#periode3 .intro-text.load-animate-1 .intro-text-description {
    opacity: 1;
  }
  #periode3 .intro-text::before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(50, 75, 107, 0.8);
    bottom: 0;
    content: "";
    height: calc(100% + 64px);
    left: -32px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -32px;
    width: calc(100% + 64px);
    z-index: -1;
  }
  #periode3 .intro-text .logo-main {
    position: absolute;
    right: 11px;
    top: -44px;
  }
  #periode3 .intro-text .intro-before {
    position: absolute;
    top: -32px;
  }

  #periode4 h1::before {
    display: block;
  }
  #periode4 h1 span {
    opacity: 0;
    transform: translateY(50px);
  }
  #periode4 h1 span.color {
    display: block;
    opacity: 0;
    padding-left: 124px;
    transform: translateY(50px);
  }
  #periode4 .intro-container {
    align-items: center;
    display: flex;
    justify-content: end;
    position: relative;
    width: 80%;
    z-index: 1;
  }
  #periode4 .intro-container.load-animate-2 .top,
#periode4 .intro-container.load-animate-2 .bottom,
#periode4 .intro-container.load-animate-2 .left,
#periode4 .intro-container.load-animate-2 .right {
    background: transparent;
  }
  #periode4 .intro-container.load-animate-2 .right {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    transition: right 900ms ease-in;
  }
  #periode4 .intro-container.load-animate-2 .top {
    background: rgba(255, 255, 255, 0.2);
    transition: top 700ms ease-in;
    transition-delay: 150ms;
    width: 100%;
  }
  #periode4 .intro-container.load-animate-2 .bottom {
    background: rgba(255, 255, 255, 0.2);
    transition: bottom1 700ms ease-in;
    transition-delay: 300ms;
    width: 100%;
  }
  #periode4 .intro-container.load-animate-2 h1 span {
    opacity: 1;
    transform: translateY(0);
    transition: all 300ms ease-in-out;
  }
  #periode4 .intro-container.load-animate-2 h1 .color {
    transition: all 500ms ease-in-out;
  }
  #periode4 .intro-container.load-animate-2 .load-animate-1::before {
    transition: width 1s ease, height 2s;
  }
  #periode4 .intro-container.load-animate-2 .load-animate-1 .intro-text-title,
#periode4 .intro-container.load-animate-2 .load-animate-1 .intro-text-description {
    opacity: 1;
  }
  #periode4 .intro-container .right {
    -webkit-animation-name: right;
    animation-name: right;
    right: 0;
    top: 0;
    width: 1px;
  }
  #periode4 .intro-container .top {
    -webkit-animation-name: top;
    animation-name: top;
    height: 1px;
    left: 0;
    top: 0;
  }
  #periode4 .intro-container .bottom {
    -webkit-animation-name: bottom;
    animation-name: bottom;
    bottom: 0;
    height: 1px;
    right: 0;
  }
  #periode4 .intro-text {
    padding: 24px 32px 32px;
    position: relative;
    width: 445px;
  }
  #periode4 .intro-text .intro-text-title,
#periode4 .intro-text .intro-text-description {
    opacity: 0;
    transition: opacity 1s ease;
  }
  #periode4 .intro-text.load-animate-1::before {
    transition: width 1s ease, height 2s;
  }
  #periode4 .intro-text.load-animate-1 .intro-text-title,
#periode4 .intro-text.load-animate-1 .intro-text-description {
    opacity: 1;
  }
  #periode4 .intro-text::before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(50, 75, 107, 0.8);
    bottom: 0;
    content: "";
    height: calc(100% + 64px);
    left: -32px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -32px;
    width: calc(100% + 64px);
    z-index: -1;
  }
  #periode4 .intro-text .logo-main {
    position: absolute;
    right: 11px;
    top: -44px;
  }
  #periode4 .intro-text .intro-before {
    height: calc(100% + 64px);
    position: absolute;
    right: -32px;
    top: -32px;
  }

  .periode-container {
    padding: 0;
  }

  .periode-chapter {
    padding: 100px 80px 50px;
  }

  .text-2col .w290 {
    width: 290px;
  }
}
@media all and (max-width: 65em) {
  #periodes .intro-content::before {
    background: rgba(0, 0, 0, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }
}
@media all and (min-width: 80em) {
  .menu-periodes .global-timer {
    display: block;
  }
  .menu-periodes .menu-item {
    width: 25%;
  }
}
@media all and (min-width: 81em) {
  .menu-periodes .item-title {
    margin-left: 15px;
  }
}
@media all and (max-width: 1400px) {
  #periode1 h1 {
    font-size: 80px;
    font-size: 8rem;
  }

  #periode2 h1 {
    font-size: 80px;
    font-size: 8rem;
  }

  #periode3 h1 {
    font-size: 80px;
    font-size: 8rem;
  }

  #periode4 h1 {
    font-size: 80px;
    font-size: 8rem;
  }

  #periodes h1 .date {
    font-size: 80px;
    font-size: 8rem;
  }
}
@media all and (min-width: 60em) {
  .periode-container {
    padding: 0;
  }

  .pop-menu-item {
    width: 50%;
  }

  .gallery-top .slide-text {
    margin-top: 0;
  }
}
@media all and (max-width: 85em) {
  .periode-frise h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }

  .frise-item-date {
    font-size: 20px;
    font-size: 2rem;
  }

  .periode-chapter h2 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media all and (min-width: 1200px) and (max-width: 1600px) {
  .text-30r {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 8%;
         column-gap: 8%;
    flex: 2 2 100%;
    margin: 20px 0 0 0;
    order: 3;
    padding-left: 0;
  }

  .text-30g {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 8%;
         column-gap: 8%;
    flex: 2 2 100%;
    margin: 20px 0 0 0;
    order: 3;
    padding-right: 0;
  }
}
@media all and (min-width: 85em) {
  .gallery-thumbs {
    width: 100%;
  }

  .gallery-thumbs-buttons {
    width: 1200px;
  }
}
@-webkit-keyframes testAnim {
  from {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes testAnim {
  from {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes taadaa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes taadaa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.top,
.bottom,
.left,
.right {
  -webkit-animation: 7s ease-in;
          animation: 7s ease-in;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  position: absolute;
}

@-webkit-keyframes top {
  25% {
    background: rgba(255, 255, 255, 0.2);
    width: 0;
  }
  50% {
    background: rgba(255, 255, 255, 0.2);
    width: 50%;
  }
  100% {
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
  }
}

@keyframes top {
  25% {
    background: rgba(255, 255, 255, 0.2);
    width: 0;
  }
  50% {
    background: rgba(255, 255, 255, 0.2);
    width: 50%;
  }
  100% {
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
  }
}
@-webkit-keyframes bottom {
  0% {
    width: 0;
  }
  12% {
    background: rgba(255, 255, 255, 0.2);
    width: 103%;
  }
  25% {
    background: rgba(255, 255, 255, 0.2);
  }
  38% {
    background: rgba(255, 255, 255, 0.2);
  }
  50% {
    background: rgba(255, 255, 255, 0.2);
    width: 103%;
  }
  62% {
    background: rgba(255, 255, 255, 0.2);
    left: -3px;
    width: 0;
  }
  75% {
    background: rgba(255, 255, 255, 0.2);
  }
}
@keyframes bottom {
  0% {
    width: 0;
  }
  12% {
    background: rgba(255, 255, 255, 0.2);
    width: 103%;
  }
  25% {
    background: rgba(255, 255, 255, 0.2);
  }
  38% {
    background: rgba(255, 255, 255, 0.2);
  }
  50% {
    background: rgba(255, 255, 255, 0.2);
    width: 103%;
  }
  62% {
    background: rgba(255, 255, 255, 0.2);
    left: -3px;
    width: 0;
  }
  75% {
    background: rgba(255, 255, 255, 0.2);
  }
}
@-webkit-keyframes right {
  38% {
    background: rgba(255, 255, 255, 0.2);
    height: 0;
  }
  50% {
    background: rgba(255, 255, 255, 0.2);
    height: 50%;
  }
  100% {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
  }
}
@keyframes right {
  38% {
    background: rgba(255, 255, 255, 0.2);
    height: 0;
  }
  50% {
    background: rgba(255, 255, 255, 0.2);
    height: 50%;
  }
  100% {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
  }
}
.nicescroll-cursors {
  width: 6px !important;
}

.chapt-illust-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  height: 90px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

@-webkit-keyframes testbackground {
  0% {
    background-color: rgba(155, 155, 156, 0.6);
  }
  100% {
    background-color: transparent;
  }
}

@keyframes testbackground {
  0% {
    background-color: rgba(155, 155, 156, 0.6);
  }
  100% {
    background-color: transparent;
  }
}

/*# sourceMappingURL=styles.css.map*/