@-webkit-keyframes zoom {
  0% {
    width: 0%;
    height: 0%;
    opacity: 0;
  }
  80% {
    width: 0%;
    height: 0%;
    opacity: 0;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
}
@keyframes zoom {
  0% {
    width: 0%;
    height: 0%;
    opacity: 0;
  }
  80% {
    width: 0%;
    height: 0%;
    opacity: 0;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
}
@-webkit-keyframes ml {
  from {
    opacity: 0;
    margin-left: -300px;
  }
  to {
    opacity: 1;
    margin-left: 0px;
  }
}
@keyframes ml {
  from {
    opacity: 0;
    margin-left: -300px;
  }
  to {
    opacity: 1;
    margin-left: 0px;
  }
}
@-webkit-keyframes mr {
  from {
    opacity: 0;
    margin-left: 1900px;
  }
  to {
    opacity: 1;
    margin-right: 0px;
  }
}
@keyframes mr {
  from {
    opacity: 0;
    margin-left: 1900px;
  }
  to {
    opacity: 1;
    margin-right: 0px;
  }
}
@-webkit-keyframes mb {
  from {
    opacity: 0;
    transform: translateY(300px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes mb {
  from {
    opacity: 0;
    transform: translateY(300px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes up {
  0% {
    opacity: 0;
    transform: translate(0, 400px);
  }
  40% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes up {
  0% {
    opacity: 0;
    transform: translate(0, 400px);
  }
  40% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in1 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in1 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}
@-webkit-keyframes width {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 75%;
    opacity: 1;
  }
}
@keyframes width {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 75%;
    opacity: 1;
  }
}
@-webkit-keyframes height {
  0% {
    height: 100%;
    opacity: 1;
  }
  20% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 1;
  }
}
@keyframes height {
  0% {
    height: 100%;
    opacity: 1;
  }
  20% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 1;
  }
}
.animatable {
  /* initially hide animatable objects */
  visibility: hidden;
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* show objects being animated */
.animate-in {
  visibility: visible;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.animate-out {
  visibility: visible;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.animate-out:after {
  content: "";
  letter-spacing: inherit;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    -webkit-transform: translateX(20px);
  }
  80% {
    -webkit-transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    transform: translateX(20px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    -webkit-transform: translateX(-20px);
  }
  80% {
    -webkit-transform: translateX(5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    transform: translateX(-20px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes moveUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes moveUp {
  0% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeBgColor {
  0% {
    background: none;
  }
  70% {
    background: none;
  }
  100% {
    background: #464646;
  }
}
@keyframes fadeBgColor {
  0% {
    background: none;
  }
  70% {
    background: none;
  }
  100% {
    background: #464646;
  }
}
.animate-in.animationDelay, .animate-out.animationDelay {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

.animate-in.animationDelayMed, .animate-out.animationDelayMed {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

.animate-in.animationDelayLong, .animate-out.animationDelayLong {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}

.animate-in.fadeBgColor, .animate-out.fadeBgColor {
  -webkit-animation-name: fadeBgColor;
  animation-name: fadeBgColor;
}

.animate-in.bounceIn, .animate-out.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.animate-in.bounceInRight, .animate-out.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.animate-in.bounceInLeft, .animate-out.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

.animate-in.fadeIn, .animate-out.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.animate-in.fadeInDown, .animate-out.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animate-in.fadeInUp, .animate-out.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animate-in.moveUp, .animate-out.moveUp {
  -webkit-animation-name: moveUp;
  animation-name: moveUp;
}

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

.clear {
  *zoom: 1;
}
.clear:after {
  clear: both;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

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

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

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

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

td, th {
  padding: 0;
}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
@font-face {
  font-family: "Lexend-Thin";
  src: url("./fonts/Lexend-Thin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lexend-Light";
  src: url("./fonts/Lexend-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lexend-Regular";
  src: url("./fonts/Lexend-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lexend-Medium";
  src: url("./fonts/Lexend-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lexend-SemiBold";
  src: url("./fonts/Lexend-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lexend-Bold";
  src: url("./fonts/Lexend-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proximanova-thin";
  src: url("./fonts/proximanova-thin.ttf") format("truetype"), url("./fonts/proximanova-thin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proximanova_light";
  src: url("./fonts/proximanova_light.ttf") format("truetype"), url("./fonts/proximanova_light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Reg";
  src: url("./fonts/ProximaNova-Reg.ttf") format("truetype"), url("./fonts/ProximaNova-Reg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proximanova-sbold";
  src: url("./fonts/proximanova-sbold.otf") format("otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Bold";
  src: url("./fonts/ProximaNova-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
html,
body {
  scroll-behavior: smooth;
  font-family: "Courier New" !important;
  font-size: 16px;
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  opacity: 0;
}

.no-js body,
.touch body {
  opacity: 1;
}

/* ===== ScrollMagic Class ==============================================
   Author: Petr Tichy - ihatetomatoes.net
   ========================================================================== */
body {
  font-family: "Lexend-Regular";
}

h1 {
  font-size: 20px;
  font-family: "Lexend-SemiBold";
  color: #000;
}
@media (min-width: 1300px) {
  h1 {
    font-size: 20px;
  }
}
@media (min-width: 1601px) {
  h1 {
    font-size: 30px;
  }
}
h1 span {
  font-family: "proximanova_light";
  font-size: 22px;
}

h2 {
  font-size: 20px;
  font-family: "Lexend-Regular", serif;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (min-width: 1500px) {
  h2 {
    font-size: 22px;
  }
}

h3 {
  font-size: 18px;
  font-family: "Lexend-Regular", serif;
  margin: 30px 0;
}
@media (min-width: 1500px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 16px;
  font-family: "ProximaNova-Bold";
  color: #000;
}

a {
  color: #000;
  text-decoration: none;
  opacity: 1;
}
a:hover {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}

p {
  font-family: "proximanova_light";
  font-size: 16px;
  padding: 5px 0;
}
@media (min-width: 1601px) {
  p {
    font-size: 16px;
  }
}

.light {
  font-family: "proximanova_light";
}

.font-14 {
  font-size: 14px;
}

strong {
  font-family: "ProximaNova-Reg";
  font-weight: normal;
}

.strong {
  font-family: "ProximaNova-Reg";
  font-weight: normal;
}

.w-40 {
  min-width: 40%;
}

[class^=col-] {
  padding-right: 0;
  padding-left: 0;
  position: relative;
}

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

[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #000;
}

[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 0;
  background: #fff;
}

[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  width: 16px;
  height: 16px;
  background: #000;
  position: absolute;
  top: 3px;
  left: 0px;
  border-radius: 0;
  transition: all 0.2s ease;
}

[type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.logo {
  width: 300px;
  height: 83px;
  overflow: hidden;
  z-index: 1000;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  top: 50%;
}
.logo img {
  width: 300px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  opacity: 1 !important;
}
@media (min-width: 1400px) {
  .logo {
    top: 50%;
    width: 400px;
  }
  .logo img {
    width: 400px;
  }
}

.logo-header {
  transition: all 0.3s ease;
  z-index: 1000;
  text-align: center;
  opacity: 0;
  display: inline-block;
  margin-top: 15px;
}
.logo-header div {
  position: relative;
  text-align: center;
  margin-bottom: 5px;
  color: #000;
  transition: all 0.2s ease;
  width: 220px;
  height: 75px;
  background-image: url("data:image/svg+xml,%3Csvg width='177' height='57' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' version='1.1'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1'%3E%3Cg id='svg_2'%3E%3Cpath id='svg_3' d='m49.74,52.47c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.25,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-34.11,18.46c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.09,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.38,1.61 -4.1,2.37 -6.26,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm19,0.11l0,-29.74c0,-0.75 -0.22,-1.03 -0.59,-1.03c-0.54,0 -4.43,1.57 -5.35,1.89c-0.49,0.16 -0.7,0.43 -0.7,0.7c0,0.48 0.38,0.59 0.75,0.81c1.89,0.92 2.11,1.19 2.11,3.99l0,23.37c0,4.1 -0.65,4.86 -3.13,4.86l0,1.09l10.26,0l0,-1.09c-2.7,0.01 -3.35,-0.74 -3.35,-4.85zm115.52,0l0,-8.04c0,-6.32 -4.21,-7.51 -7.39,-7.51c-3.51,0 -5.72,1.57 -7.18,2.54l0,-2.21c0,-0.49 -0.33,-0.65 -0.6,-0.65c-0.7,0 -2.16,0.92 -3.99,2.05c-0.59,0.32 -0.92,0.49 -0.92,0.92c0,0.33 0.21,0.43 0.64,0.7c1.03,0.65 1.29,0.86 1.29,2.11l0,10.09c0,4.1 -0.65,4.86 -3.56,4.86l0,1.09l10.63,0l0,-1.09c-2.65,0 -3.29,-0.75 -3.29,-4.86l0,-11.01c0.86,-1.02 2.75,-2.7 4.97,-2.7c3.73,0 5.61,2.21 5.61,6.58l0,7.13c0,4.1 -0.65,4.86 -3.18,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0 -3.18,-0.75 -3.18,-4.86zm16.3,4.32c-1.99,0 -3.45,-0.92 -3.45,-3.29l0,-10.42c0,-3.35 0.75,-3.89 2.97,-3.89l3.78,0l0,-1.83l-6.75,0l0,-3.78c0,-0.7 -0.27,-0.86 -0.59,-0.86c-0.54,0 -1.03,0.75 -4.64,4.43c-0.43,0.43 -0.92,0.81 -0.92,1.19c0,0.54 1.3,0.59 1.73,0.75c0.54,0.22 0.65,0.38 0.65,2.16l0,11.98c0,2.59 1.08,5.4 5.56,5.4c2.43,0 3.94,-0.65 5.45,-1.19l0,-1.08c-1.04,0.17 -2.28,0.43 -3.79,0.43zm-48.1,14.03c-5.01,0 -7.93,-4.21 -7.93,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.88,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.26,2.37zm-1.83,-18.46c2.76,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-16.68,0.11l0,-8.1c0,-4.8 -2.86,-7.45 -7.23,-7.45c-3.78,0 -5.99,2.54 -7.83,3.78c-1.29,-2.75 -3.56,-3.78 -6.26,-3.78c-3.34,0 -5.34,1.51 -8.04,3.94l0,-3.45c0,-0.54 -0.38,-0.81 -0.81,-0.81c-0.7,0 -2.59,1.13 -4.43,2.1c-0.59,0.33 -1.08,0.54 -1.08,0.76c0,0.27 0.16,0.32 0.97,0.49c1.08,0.22 1.67,0.65 1.67,3.18l0,9.34c0,4.1 -0.65,4.86 -3.29,4.86l0,1.09l10.42,0l0,-1.09c-2.7,0 -3.35,-0.75 -3.35,-4.86l0,-10.15c1.94,-2.11 4,-3.56 6.26,-3.56c3.02,0 4.59,1.62 4.59,5.99l0,7.72c0,4.1 -0.65,4.86 -3.67,4.86l0,1.09l11.01,0l0,-1.09c-2.92,0 -3.56,-0.75 -3.56,-4.86l0,-10.8c1.89,-1.62 3.89,-2.59 6.21,-2.59c3.13,0 4.64,1.57 4.64,5.83l0,7.55c0,4.1 -0.65,4.86 -3.19,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0.01 -3.18,-0.74 -3.18,-4.85z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_4'%3E%3Cg id='svg_5'%3E%3Cpath id='svg_6' d='m170.25,3.47c-3.22,0 -5.84,2.61 -5.84,5.84c0,3.22 2.61,5.83 5.84,5.83c3.22,0 5.83,-2.61 5.83,-5.83c0,-3.22 -2.61,-5.84 -5.83,-5.84zm0,10.95c-2.83,0 -5.12,-2.29 -5.12,-5.12c0.01,-2.83 2.29,-5.12 5.12,-5.12c2.82,0.01 5.11,2.29 5.12,5.12c-0.01,2.83 -2.3,5.12 -5.12,5.12z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_7'%3E%3Cg id='svg_8'%3E%3Cpath id='svg_9' d='m170.89,8.91c-0.86,-0.21 -1.85,-0.32 -1.85,-0.98c0,-0.57 0.65,-0.72 1.21,-0.72c0.61,0 1.24,0.23 1.31,0.95l0.93,0c-0.08,-1.38 -1.07,-1.77 -2.32,-1.77c-0.99,0 -2.11,0.47 -2.11,1.61c0,1.08 0.93,1.39 1.85,1.6c0.93,0.21 1.85,0.33 1.85,1.05c0,0.71 -0.79,0.84 -1.37,0.84c-0.77,0 -1.49,-0.26 -1.52,-1.09l-0.93,0c0.05,1.4 1.13,1.92 2.4,1.92c1.15,0 2.41,-0.44 2.41,-1.78c-0.01,-1.12 -0.92,-1.42 -1.86,-1.63z'/%3E%3C/g%3E%3C/g%3E%3Cpath id='svg_11' d='m-52.35999,89.05499' opacity='NaN' stroke='%23000' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
.logo-header div h1 {
  position: absolute;
  top: -200px;
}
.logo-header span {
  display: block;
  font-family: "proximanova_light";
  font-size: 16px;
}
@media (min-width: 767px) {
  .logo-header {
    margin-top: 20px;
  }
}
.scroll .logo-header {
  height: 42px;
  overflow: hidden;
  opacity: 1;
  margin-top: 15px;
}
@media (min-width: 767px) {
  .scroll .logo-header {
    margin-top: 14px;
  }
}
.scroll .logo-header div {
  transition: all 0.2s ease;
  margin-bottom: 3px;
  height: 40px;
  width: 130px;
  background-image: url("data:image/svg+xml,%3Csvg width='177' height='57' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' version='1.1'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1'%3E%3Cg id='svg_2'%3E%3Cpath id='svg_3' d='m49.74,52.47c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.25,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-34.11,18.46c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.09,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.38,1.61 -4.1,2.37 -6.26,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm19,0.11l0,-29.74c0,-0.75 -0.22,-1.03 -0.59,-1.03c-0.54,0 -4.43,1.57 -5.35,1.89c-0.49,0.16 -0.7,0.43 -0.7,0.7c0,0.48 0.38,0.59 0.75,0.81c1.89,0.92 2.11,1.19 2.11,3.99l0,23.37c0,4.1 -0.65,4.86 -3.13,4.86l0,1.09l10.26,0l0,-1.09c-2.7,0.01 -3.35,-0.74 -3.35,-4.85zm115.52,0l0,-8.04c0,-6.32 -4.21,-7.51 -7.39,-7.51c-3.51,0 -5.72,1.57 -7.18,2.54l0,-2.21c0,-0.49 -0.33,-0.65 -0.6,-0.65c-0.7,0 -2.16,0.92 -3.99,2.05c-0.59,0.32 -0.92,0.49 -0.92,0.92c0,0.33 0.21,0.43 0.64,0.7c1.03,0.65 1.29,0.86 1.29,2.11l0,10.09c0,4.1 -0.65,4.86 -3.56,4.86l0,1.09l10.63,0l0,-1.09c-2.65,0 -3.29,-0.75 -3.29,-4.86l0,-11.01c0.86,-1.02 2.75,-2.7 4.97,-2.7c3.73,0 5.61,2.21 5.61,6.58l0,7.13c0,4.1 -0.65,4.86 -3.18,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0 -3.18,-0.75 -3.18,-4.86zm16.3,4.32c-1.99,0 -3.45,-0.92 -3.45,-3.29l0,-10.42c0,-3.35 0.75,-3.89 2.97,-3.89l3.78,0l0,-1.83l-6.75,0l0,-3.78c0,-0.7 -0.27,-0.86 -0.59,-0.86c-0.54,0 -1.03,0.75 -4.64,4.43c-0.43,0.43 -0.92,0.81 -0.92,1.19c0,0.54 1.3,0.59 1.73,0.75c0.54,0.22 0.65,0.38 0.65,2.16l0,11.98c0,2.59 1.08,5.4 5.56,5.4c2.43,0 3.94,-0.65 5.45,-1.19l0,-1.08c-1.04,0.17 -2.28,0.43 -3.79,0.43zm-48.1,14.03c-5.01,0 -7.93,-4.21 -7.93,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.88,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.26,2.37zm-1.83,-18.46c2.76,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-16.68,0.11l0,-8.1c0,-4.8 -2.86,-7.45 -7.23,-7.45c-3.78,0 -5.99,2.54 -7.83,3.78c-1.29,-2.75 -3.56,-3.78 -6.26,-3.78c-3.34,0 -5.34,1.51 -8.04,3.94l0,-3.45c0,-0.54 -0.38,-0.81 -0.81,-0.81c-0.7,0 -2.59,1.13 -4.43,2.1c-0.59,0.33 -1.08,0.54 -1.08,0.76c0,0.27 0.16,0.32 0.97,0.49c1.08,0.22 1.67,0.65 1.67,3.18l0,9.34c0,4.1 -0.65,4.86 -3.29,4.86l0,1.09l10.42,0l0,-1.09c-2.7,0 -3.35,-0.75 -3.35,-4.86l0,-10.15c1.94,-2.11 4,-3.56 6.26,-3.56c3.02,0 4.59,1.62 4.59,5.99l0,7.72c0,4.1 -0.65,4.86 -3.67,4.86l0,1.09l11.01,0l0,-1.09c-2.92,0 -3.56,-0.75 -3.56,-4.86l0,-10.8c1.89,-1.62 3.89,-2.59 6.21,-2.59c3.13,0 4.64,1.57 4.64,5.83l0,7.55c0,4.1 -0.65,4.86 -3.19,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0.01 -3.18,-0.74 -3.18,-4.85z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_4'%3E%3Cg id='svg_5'%3E%3Cpath id='svg_6' d='m170.25,3.47c-3.22,0 -5.84,2.61 -5.84,5.84c0,3.22 2.61,5.83 5.84,5.83c3.22,0 5.83,-2.61 5.83,-5.83c0,-3.22 -2.61,-5.84 -5.83,-5.84zm0,10.95c-2.83,0 -5.12,-2.29 -5.12,-5.12c0.01,-2.83 2.29,-5.12 5.12,-5.12c2.82,0.01 5.11,2.29 5.12,5.12c-0.01,2.83 -2.3,5.12 -5.12,5.12z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_7'%3E%3Cg id='svg_8'%3E%3Cpath id='svg_9' d='m170.89,8.91c-0.86,-0.21 -1.85,-0.32 -1.85,-0.98c0,-0.57 0.65,-0.72 1.21,-0.72c0.61,0 1.24,0.23 1.31,0.95l0.93,0c-0.08,-1.38 -1.07,-1.77 -2.32,-1.77c-0.99,0 -2.11,0.47 -2.11,1.61c0,1.08 0.93,1.39 1.85,1.6c0.93,0.21 1.85,0.33 1.85,1.05c0,0.71 -0.79,0.84 -1.37,0.84c-0.77,0 -1.49,-0.26 -1.52,-1.09l-0.93,0c0.05,1.4 1.13,1.92 2.4,1.92c1.15,0 2.41,-0.44 2.41,-1.78c-0.01,-1.12 -0.92,-1.42 -1.86,-1.63z'/%3E%3C/g%3E%3C/g%3E%3Cpath id='svg_11' d='m-52.35999,89.05499' opacity='NaN' stroke='%23000' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: 100%;
}
.scroll .logo-header span {
  transition: all 0.2s ease;
  font-size: 14px;
  color: #000 !important;
}
@media (min-width: 767px) {
  .scroll .logo-header.hide-logo {
    transition: all 0.3s ease;
    margin-top: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
}

.header-white .logo-header div {
  transition: all 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='177' height='57' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' version='1.1'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1'%3E%3Cg id='svg_2'%3E%3Cpath id='svg_3' d='m49.74,52.47c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.25,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-34.11,18.46c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.09,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.38,1.61 -4.1,2.37 -6.26,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm19,0.11l0,-29.74c0,-0.75 -0.22,-1.03 -0.59,-1.03c-0.54,0 -4.43,1.57 -5.35,1.89c-0.49,0.16 -0.7,0.43 -0.7,0.7c0,0.48 0.38,0.59 0.75,0.81c1.89,0.92 2.11,1.19 2.11,3.99l0,23.37c0,4.1 -0.65,4.86 -3.13,4.86l0,1.09l10.26,0l0,-1.09c-2.7,0.01 -3.35,-0.74 -3.35,-4.85zm115.52,0l0,-8.04c0,-6.32 -4.21,-7.51 -7.39,-7.51c-3.51,0 -5.72,1.57 -7.18,2.54l0,-2.21c0,-0.49 -0.33,-0.65 -0.6,-0.65c-0.7,0 -2.16,0.92 -3.99,2.05c-0.59,0.32 -0.92,0.49 -0.92,0.92c0,0.33 0.21,0.43 0.64,0.7c1.03,0.65 1.29,0.86 1.29,2.11l0,10.09c0,4.1 -0.65,4.86 -3.56,4.86l0,1.09l10.63,0l0,-1.09c-2.65,0 -3.29,-0.75 -3.29,-4.86l0,-11.01c0.86,-1.02 2.75,-2.7 4.97,-2.7c3.73,0 5.61,2.21 5.61,6.58l0,7.13c0,4.1 -0.65,4.86 -3.18,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0 -3.18,-0.75 -3.18,-4.86zm16.3,4.32c-1.99,0 -3.45,-0.92 -3.45,-3.29l0,-10.42c0,-3.35 0.75,-3.89 2.97,-3.89l3.78,0l0,-1.83l-6.75,0l0,-3.78c0,-0.7 -0.27,-0.86 -0.59,-0.86c-0.54,0 -1.03,0.75 -4.64,4.43c-0.43,0.43 -0.92,0.81 -0.92,1.19c0,0.54 1.3,0.59 1.73,0.75c0.54,0.22 0.65,0.38 0.65,2.16l0,11.98c0,2.59 1.08,5.4 5.56,5.4c2.43,0 3.94,-0.65 5.45,-1.19l0,-1.08c-1.04,0.17 -2.28,0.43 -3.79,0.43zm-48.1,14.03c-5.01,0 -7.93,-4.21 -7.93,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.88,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.26,2.37zm-1.83,-18.46c2.76,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-16.68,0.11l0,-8.1c0,-4.8 -2.86,-7.45 -7.23,-7.45c-3.78,0 -5.99,2.54 -7.83,3.78c-1.29,-2.75 -3.56,-3.78 -6.26,-3.78c-3.34,0 -5.34,1.51 -8.04,3.94l0,-3.45c0,-0.54 -0.38,-0.81 -0.81,-0.81c-0.7,0 -2.59,1.13 -4.43,2.1c-0.59,0.33 -1.08,0.54 -1.08,0.76c0,0.27 0.16,0.32 0.97,0.49c1.08,0.22 1.67,0.65 1.67,3.18l0,9.34c0,4.1 -0.65,4.86 -3.29,4.86l0,1.09l10.42,0l0,-1.09c-2.7,0 -3.35,-0.75 -3.35,-4.86l0,-10.15c1.94,-2.11 4,-3.56 6.26,-3.56c3.02,0 4.59,1.62 4.59,5.99l0,7.72c0,4.1 -0.65,4.86 -3.67,4.86l0,1.09l11.01,0l0,-1.09c-2.92,0 -3.56,-0.75 -3.56,-4.86l0,-10.8c1.89,-1.62 3.89,-2.59 6.21,-2.59c3.13,0 4.64,1.57 4.64,5.83l0,7.55c0,4.1 -0.65,4.86 -3.19,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0.01 -3.18,-0.74 -3.18,-4.85z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_4'%3E%3Cg id='svg_5'%3E%3Cpath id='svg_6' d='m170.25,3.47c-3.22,0 -5.84,2.61 -5.84,5.84c0,3.22 2.61,5.83 5.84,5.83c3.22,0 5.83,-2.61 5.83,-5.83c0,-3.22 -2.61,-5.84 -5.83,-5.84zm0,10.95c-2.83,0 -5.12,-2.29 -5.12,-5.12c0.01,-2.83 2.29,-5.12 5.12,-5.12c2.82,0.01 5.11,2.29 5.12,5.12c-0.01,2.83 -2.3,5.12 -5.12,5.12z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_7'%3E%3Cg id='svg_8'%3E%3Cpath id='svg_9' d='m170.89,8.91c-0.86,-0.21 -1.85,-0.32 -1.85,-0.98c0,-0.57 0.65,-0.72 1.21,-0.72c0.61,0 1.24,0.23 1.31,0.95l0.93,0c-0.08,-1.38 -1.07,-1.77 -2.32,-1.77c-0.99,0 -2.11,0.47 -2.11,1.61c0,1.08 0.93,1.39 1.85,1.6c0.93,0.21 1.85,0.33 1.85,1.05c0,0.71 -0.79,0.84 -1.37,0.84c-0.77,0 -1.49,-0.26 -1.52,-1.09l-0.93,0c0.05,1.4 1.13,1.92 2.4,1.92c1.15,0 2.41,-0.44 2.41,-1.78c-0.01,-1.12 -0.92,-1.42 -1.86,-1.63z'/%3E%3C/g%3E%3C/g%3E%3Cpath id='svg_11' d='m-52.35999,89.05499' opacity='NaN' stroke='%23000' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}
.header-white .logo-header span {
  color: #fff;
}

.start-text {
  width: 280px;
  height: 83px;
  overflow: hidden;
  z-index: 1000;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  text-align: center;
  font-size: 23px;
  color: #fff;
  top: 60%;
  opacity: 0.5;
}

.trigger-main {
  opacity: 0;
  height: 0;
}

.intro {
  width: 100vw;
  height: 100%;
  display: block;
}
@media (min-width: 768px) {
  .intro {
    display: flex;
  }
}
.intro .left-intro,
.intro .right-intro {
  width: 100%;
  min-height: 400px;
  height: 45vh;
  position: relative;
}
@media (min-width: 768px) {
  .intro .left-intro,
.intro .right-intro {
    width: 50%;
    height: 100%;
  }
}
.intro .left-intro {
  overflow: hidden;
}
.intro .left-intro #left-carousel {
  width: 100%;
  height: 100%;
}
.intro .left-intro #left-carousel .carousel-inner {
  width: 100%;
  height: 100%;
}
.intro .left-intro #left-carousel .carousel-inner .carousel-item {
  position: relative;
  width: 100%;
  height: 100%;
}
.intro .left-intro #left-carousel .carousel-inner .carousel-item img {
  min-width: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.intro .right-intro .intro-in {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: inline-block;
  padding: 20px;
  text-align: center;
}
.intro .right-intro .intro-in #right-carousel {
  width: 100%;
  max-width: 440px;
  height: auto !important;
  opacity: 1;
  transition: opacity 6s;
}
.intro .right-intro .intro-in #right-carousel .carousel-inner .carousel-item {
  position: relative;
  width: 100%;
  position: relative;
}
.intro .right-intro .intro-in #right-carousel .carousel-inner .carousel-item::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 200;
  left: 0;
  background-color: #fff;
}
.intro .right-intro .intro-in #right-carousel .carousel-inner .carousel-item img {
  position: relative;
  max-width: 100%;
  z-index: 1;
  border: 1px solid #fff;
}
.intro .right-intro h1 {
  font-family: "Lexend-SemiBold";
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  opacity: 1;
}
.intro .right-intro h1 img {
  width: 220px;
}
.intro .right-intro h1 span {
  font-family: "proximanova_light";
  font-size: 16px;
  display: block;
  text-transform: none;
}
.loading .intro .left-intro #left-carousel {
  -webkit-animation: fade-in 4s;
          animation: fade-in 4s;
}
.loading .intro .right-intro .intro-in {
  overflow: hidden;
}
.loading .intro .right-intro .intro-in #right-carousel .carousel-item::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  -webkit-animation: height 4s;
          animation: height 4s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: #fff;
}
.loading .intro .right-intro .intro-in h1 {
  opacity: 0;
  -webkit-animation: fade-in1 5s;
          animation: fade-in1 5s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.scroll-logo {
  opacity: 0;
}

.open-menu .galerry-intro-text strong {
  opacity: 0;
}

.container-fluid {
  max-width: 1700px;
  margin: auto;
}

.max-1400 {
  width: 100%;
  margin: auto;
}
@media (min-width: 767px) {
  .max-1400 {
    max-width: 970px;
  }
}
@media (min-width: 1601px) {
  .max-1400 {
    max-width: 1400px;
  }
}

.max-970 {
  width: 100%;
  margin: auto;
}
@media (min-width: 767px) {
  .max-970 {
    max-width: 970px;
  }
}

.main {
  background: #fff;
  margin-top: 100px !important;
  padding: 0 40px;
  -webkit-animation: fade 1.5s;
          animation: fade 1.5s;
}
.main.publications {
  margin-top: 180px !important;
}
.main.main-parcour {
  margin-top: 20px !important;
}
@media (min-width: 767px) {
  .main {
    margin-top: 130px !important;
  }
  .main.main-parcour {
    margin-top: 130px !important;
  }
  .main.publications {
    margin-top: 240px !important;
  }
}
.main.photo {
  padding: 0 20px;
}

.menstions-legales a:hover {
  opacity: 0.6;
}
.menstions-legales h2 {
  margin: 0 0 20px 0;
}
@media (min-width: 767px) {
  .menstions-legales h2 {
    margin: 20px 0;
  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.transp {
  background-color: transparent !important;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.show {
  display: block !important;
}

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

.opacity-0 {
  opacity: 0;
}

.opacity-zero {
  transition: all 0.1s ease;
  opacity: 0;
}
@media (min-width: 430px) {
  .opacity-zero {
    opacity: 1;
  }
}

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

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

.invisible {
  visibility: hidden;
}

.absolute {
  position: relative !important;
}

.pt-80 {
  padding-top: 20px;
}
@media (min-width: 992px) {
  .pt-80 {
    padding-top: 140px !important;
  }
}
@media (min-width: 1500px) {
  .pt-80 {
    padding-top: 180px !important;
  }
}

.min-vh {
  min-height: 45vh;
  position: relative;
}
@media (min-width: 767px) {
  .min-vh {
    min-height: 50vh;
  }
}

.v-al {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

footer {
  background-color: white;
  text-align: center;
}
footer .container {
  font-size: 13px;
  font-family: "proximanova_light";
  margin: auto;
  text-align: center;
  width: 100%;
  padding: 30px;
}
@media (min-width: 430px) {
  footer .container {
    max-width: 1530px;
    margin: auto;
  }
}
@media (min-width: 992px) {
  footer .container {
    text-align: right;
  }
}
footer .container a {
  color: #222222;
  margin: 0 10px;
}

.loading {
  height: 100vh;
  position: fixed;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}
.loading .loader {
  position: relative;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  z-index: 2000;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.loading .loader span {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  font-size: 20px;
  letter-spacing: 1px;
  font-family: "proximanova_light";
  color: #fff;
  top: 100%;
}
.loading .loader:before {
  position: absolute;
  content: "";
  background-color: #000;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-animation-name: loadingfade !important;
          animation-name: loadingfade !important;
  -webkit-animation-duration: 1.5s !important;
          animation-duration: 1.5s !important;
}
.loading .loader-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-animation-name: loadingFadeImg !important;
          animation-name: loadingFadeImg !important;
  -webkit-animation-duration: 7s !important;
          animation-duration: 7s !important;
  background-size: cover;
  background-position: 50% 50%;
  opacity: 1;
  background-repeat: no-repeat;
}
.loading .loader-img:before {
  position: absolute;
  content: "";
  background-color: #000;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  top: 0;
}
.loading .loader-text {
  -webkit-animation-name: halffade !important;
          animation-name: halffade !important;
  -webkit-animation-duration: 0s !important;
          animation-duration: 0s !important;
  color: #242424;
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  line-height: 90px;
  opacity: 0;
  text-align: center;
  width: 90%;
}
.loading .loader-text .loader-logo div {
  position: relative;
  text-align: center;
  margin-bottom: 5px;
  color: #fff;
  transition: all 0.2s ease;
  width: 370px;
  height: 45px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 35.1' style='enable-background:new 0 0 300 35.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M13.7,2.8L1.6,33.7h6.6l2.4-6.5h11.8l2.4,6.5h6.8l-12-30.9H13.7z M12.6,21.9l1.8-4.7c0.2-0.7,0.5-1.4,0.7-2.1 c0.3-0.7,0.5-1.4,0.7-2.2c0.2-0.7,0.5-1.5,0.7-2.2c0.2,0.7,0.4,1.4,0.7,2.2c0.3,0.8,0.5,1.6,0.8,2.3c0.2,0.7,0.5,1.3,0.6,1.8 l1.8,4.9H12.6z'/%3E%3Cpath class='st0' d='M56.8,11.3c0,1.3,0,2.4,0,3.5c0,1.1,0.1,2.1,0.1,3c0,1,0.1,1.9,0.2,2.8c0.1,0.9,0.2,1.8,0.2,2.6 c0,0.2,0.1,0.5,0.1,0.7L41.9,2.8H36v30.9h6.5V22.6c0-0.6,0-1.1,0-1.7c0-0.5,0-1.1-0.1-1.7c0-0.6-0.1-1.3-0.2-2.1 c-0.1-0.8-0.2-1.7-0.3-2.8c0-0.4-0.1-0.9-0.1-1.4l15.5,20.7h6V2.8h-6.5V11.3z'/%3E%3Cpath class='st0' d='M92.2,11.3c0,1.3,0,2.4,0,3.5c0,1.1,0.1,2.1,0.1,3c0,1,0.1,1.9,0.2,2.8c0.1,0.9,0.2,1.8,0.2,2.6 c0,0.2,0.1,0.5,0.1,0.7L77.2,2.8h-5.9v30.9h6.5V22.6c0-0.6,0-1.1,0-1.7c0-0.5,0-1.1-0.1-1.7c0-0.6-0.1-1.3-0.2-2.1 c-0.1-0.8-0.2-1.7-0.3-2.8c0-0.4-0.1-0.9-0.1-1.4l15.5,20.7h6V2.8h-6.5V11.3z'/%3E%3Cpolygon class='st0' points='113.2,20.8 125.4,20.8 125.4,15.1 113.2,15.1 113.2,8.7 127.5,8.7 127.5,2.8 106.7,2.8 106.7,33.7 127.8,33.7 127.8,27.9 113.2,27.9 '/%3E%3Cpath class='st0' d='M176.5,18c0-0.5-0.1-0.9-0.1-1.2h-14.3v5.5h7.9c0,0.8-0.2,1.5-0.5,2.2c-0.4,0.7-0.9,1.4-1.5,1.9 c-0.7,0.5-1.4,1-2.3,1.3c-0.9,0.3-1.8,0.4-2.8,0.4c-1.4,0-2.7-0.3-3.9-0.8c-1.2-0.5-2.3-1.2-3.2-2.1c-0.9-0.9-1.6-2-2.1-3.2 c-0.5-1.2-0.8-2.5-0.8-3.9c0-1.4,0.2-2.7,0.7-3.9c0.5-1.2,1.2-2.2,2.1-3.1s1.9-1.6,3.1-2.1c1.2-0.5,2.4-0.7,3.8-0.7 c1,0,1.9,0.1,2.8,0.4c0.9,0.3,1.8,0.7,2.6,1.2c0.8,0.5,1.6,1.1,2.4,1.9l4.1-4.3c-0.8-1-1.9-1.9-3.1-2.6c-1.2-0.8-2.6-1.4-4.1-1.8 s-3.1-0.7-4.7-0.7c-2.4,0-4.6,0.4-6.6,1.2c-2,0.8-3.7,1.9-5.2,3.3c-1.5,1.4-2.6,3.1-3.4,5c-0.8,1.9-1.2,4-1.2,6.3 c0,2.3,0.4,4.4,1.2,6.3s1.9,3.6,3.3,5.1c1.4,1.4,3.2,2.6,5.1,3.4c2,0.8,4.2,1.2,6.5,1.2c2,0,3.9-0.3,5.6-1c1.7-0.7,3.2-1.6,4.5-2.8 c1.3-1.2,2.3-2.6,3-4.3c0.7-1.7,1.1-3.5,1.1-5.5c0-0.3,0-0.6,0-1.1C176.6,19,176.5,18.5,176.5,18z'/%3E%3Cpath class='st0' d='M190.5,2.8l-12.1,30.9h6.6l2.4-6.5h11.8l2.4,6.5h6.8l-12-30.9H190.5z M189.3,21.9l1.8-4.7 c0.2-0.7,0.5-1.4,0.7-2.1c0.3-0.7,0.5-1.4,0.8-2.2c0.2-0.7,0.5-1.5,0.7-2.2c0.2,0.7,0.4,1.4,0.7,2.2c0.3,0.8,0.5,1.6,0.8,2.3 c0.2,0.7,0.5,1.3,0.6,1.8l1.8,4.9H189.3z'/%3E%3Cpath class='st0' d='M231.6,21.3c1.6-0.9,2.8-2.1,3.7-3.6c0.9-1.5,1.3-3.2,1.3-5c0-1.9-0.4-3.6-1.3-5c-0.9-1.5-2.1-2.6-3.7-3.5 c-1.6-0.9-3.3-1.3-5.2-1.3h-13.7v30.9h6.4V22.6h4.9l6.2,11.1l7.7,0l-7-12.1C231.1,21.5,231.4,21.4,231.6,21.3z M219.1,8.6h6.1 c1,0,1.8,0.2,2.6,0.6c0.7,0.4,1.3,0.9,1.7,1.5c0.4,0.6,0.6,1.4,0.6,2.3c0,0.8-0.2,1.6-0.5,2.2c-0.3,0.7-0.8,1.2-1.4,1.5 c-0.6,0.4-1.3,0.6-2.1,0.6h-7V8.6z'/%3E%3Cpath class='st0' d='M267.2,7.1c-1.3-1.4-2.9-2.4-4.8-3.2s-3.9-1.1-6.2-1.1h-12.7v30.9h12.7c2.3,0,4.3-0.4,6.2-1.1s3.4-1.8,4.8-3.2 c1.3-1.4,2.3-3,3-4.9c0.7-1.9,1.1-4,1.1-6.2c0-2.3-0.4-4.4-1.1-6.3C269.5,10.1,268.5,8.5,267.2,7.1z M264,22.2 c-0.4,1.2-0.9,2.2-1.7,3c-0.8,0.8-1.7,1.4-2.7,1.9c-1.1,0.5-2.2,0.7-3.6,0.7h-5.8v-19h5.8c1.3,0,2.5,0.2,3.6,0.7 c1.1,0.5,2,1.1,2.7,1.9c0.8,0.8,1.3,1.8,1.7,3c0.4,1.2,0.6,2.5,0.6,3.9C264.6,19.7,264.4,21,264,22.2z'/%3E%3Cpolygon class='st0' points='283.8,27.9 283.8,20.8 296,20.8 296,15.1 283.8,15.1 283.8,8.7 298.1,8.7 298.1,2.8 277.3,2.8 277.3,33.7 298.4,33.7 298.4,27.9 '/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 767px) {
  .loading .loader-text .loader-logo div {
    width: 320px;
  }
  .loading .loader-text span {
    font-size: 18px;
    top: 85%;
  }
}
.loading .logo,
.loading .start-text,
.loading .start-menu,
.loading footer {
  opacity: 0 !important;
}

.index.loading header {
  opacity: 0;
  -webkit-animation-name: fullfade;
          animation-name: fullfade;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.index.loading .loader {
  z-index: 2050;
}
.index.loading .loader .loader-img {
  -webkit-animation-name: fadeOut !important;
          animation-name: fadeOut !important;
  -webkit-animation-duration: 10s !important;
          animation-duration: 10s !important;
  -webkit-animation-delay: 4.5s !important;
          animation-delay: 4.5s !important;
  font-size: 60px;
}
.index.loading .loader .loader-text {
  color: #fff;
  text-transform: uppercase;
  opacity: 0;
  -webkit-animation-name: loadingfade !important;
          animation-name: loadingfade !important;
  -webkit-animation-duration: 10s !important;
          animation-duration: 10s !important;
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
  font-size: 60px;
}
.index.loading .loader:before {
  position: absolute;
  content: "";
  background-color: #000;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-animation-name: fadeOut !important;
          animation-name: fadeOut !important;
  -webkit-animation-duration: 10s !important;
          animation-duration: 10s !important;
  -webkit-animation-delay: 2.5s !important;
          animation-delay: 2.5s !important;
}

@-webkit-keyframes loader {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loader {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes halffade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes halffade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.5;
  }
}
@-webkit-keyframes loadingfade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loadingfade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes loadingfadeImg {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
}
@keyframes loadingfadeImg {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
}
.start-menu {
  -webkit-animation: fade 4s;
          animation: fade 4s;
}

.start-text {
  -webkit-animation: fade 6s;
          animation: fade 6s;
}

header {
  padding-bottom: 10px;
}
header .container {
  position: relative;
  margin: 0;
  text-align: center;
}
@media (min-width: 430px) {
  header .container {
    max-width: 1530px;
    margin: auto;
  }
}
header:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0px;
  background-color: transparent;
  z-index: 0;
  transition: all 0.2s ease;
}
header.scroll:before {
  background-color: #fff;
  height: 100%;
}
header.scroll .hamburger {
  top: 22px !important;
  transition: all 0.3s ease;
}
header.scroll .hamburger .line {
  background-color: #000;
}
@media (min-width: 767px) {
  header.scroll .hamburger {
    top: 20px;
  }
}
@media (min-width: 1500px) {
  header.scroll .hamburger {
    top: 20px;
  }
}
header.scroll #hamburger-1.is-active {
  opacity: 0.5;
}
header.scroll .sub-menu {
  margin-top: 10px !important;
}
header.scroll .sub-menu a {
  font-size: 17px !important;
}
header.scroll .sub-menu a:first-child::after {
  transform: translate(0%, -50%);
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  z-index: 1;
  background-color: #000;
  z-index: 1;
}
header .sub-menu {
  -webkit-animation: fade 2.5s;
          animation: fade 2.5s;
  margin-top: 30px;
}
header .sub-menu a {
  font-size: 17px;
  font-family: "Lexend-SemiBold";
  padding: 5px 20px;
  position: relative;
}
header .sub-menu a:first-child {
  padding: 5px 20px 5px 10px;
}
header .sub-menu a:first-child::after {
  transform: translate(0%, -50%);
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  z-index: 1;
  background-color: #000;
}
header .sub-menu a.active {
  opacity: 0.5;
}
@media (min-width: 430px) {
  header .sub-menu a {
    font-size: 18px;
    padding: 5px 40px;
  }
  header .sub-menu a:first-child {
    padding: 5px 20px;
  }
}
@media (min-width: 767px) {
  header .sub-menu a {
    font-size: 22px;
    margin-top: 50px;
  }
}

.hamburger {
  width: 38px;
  height: 25px;
  position: absolute;
  top: 15px;
  right: 20px;
  overflow: hidden;
  z-index: 1080;
  opacity: 0;
  transition: all 0.3s ease;
}
.hamburger .line {
  transition: width 0.3s ease;
  width: 30px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 4px auto;
}
.hamburger .line:first-child {
  margin-top: 8px;
}
.hamburger:hover {
  cursor: pointer;
}
.hamburger:hover .line {
  -webkit-animation: line 1.5s;
          animation: line 1.5s;
}
.hamburger:hover .line:last-child {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
@media (min-width: 767px) {
  .hamburger {
    top: 50px;
    right: 50px;
  }
}

.index .hamburger,
.visible-menu .hamburger {
  opacity: 1;
  background-color: #fff;
}
@media (min-width: 767px) {
  .index .hamburger,
.visible-menu .hamburger {
    opacity: 1;
    background-color: transparent;
  }
}

@-webkit-keyframes line {
  0% {
    transform: translate(0%, 0%);
  }
  50% {
    transform: translate(150%, 0%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}

@keyframes line {
  0% {
    transform: translate(0%, 0%);
  }
  50% {
    transform: translate(150%, 0%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.scroll .main-menu {
  transition: all 0.2s ease;
  top: 60px;
}

.main-menu {
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .main-menu {
    width: 100vw;
    height: 5vh;
    background-color: #fff;
    position: fixed;
    top: 110px;
    left: 0;
  }
  .main-menu .menu-in ul li a {
    font-size: 20px;
  }
}
.main-menu .menu-left-site {
  position: relative;
  background-color: #fff;
  width: 100% !important;
  font-size: 18px;
  margin-right: 0px !important;
}
.main-menu .menu-left-site .menu-in {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  color: #cbcbcb;
  white-space: nowrap;
}
.main-menu .menu-left-site .menu-in a {
  transition: all 0.3s ease;
  color: #000;
  display: block;
  font-size: 20px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  position: relative;
}
.main-menu .menu-left-site .menu-in a:hover {
  /*color: #525252;*/
  color: #716f6f;
}
.main-menu .menu-left-site .menu-in a:last-child {
  margin-bottom: 0 !important;
}
.main-menu .menu-left-site .menu-in ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-menu .menu-left-site .menu-in ul li {
  padding: 0px 20px;
}
.main-menu .menu-left-site .menu-in ul li a {
  font-size: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .main-menu .menu-left-site {
    width: 50%;
  }
  .main-menu .menu-left-site .menu-in ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  .main-menu .menu-left-site .menu-in ul li {
    padding: 0px 20px;
  }
  .main-menu .menu-left-site .menu-in ul li a {
    font-size: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
  }
}
@media (min-width: 992px) {
  .main-menu .menu-left-site {
    width: 50%;
  }
  .main-menu .menu-left-site .menu-in ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  .main-menu .menu-left-site .menu-in ul li {
    flex: 1;
    float: left;
    padding: 0px 20px;
  }
  .main-menu .menu-left-site .menu-in ul li a {
    font-size: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
  }
}
@media (min-width: 1500px) {
  .main-menu .menu-left-site .menu-in a {
    font-size: 23px;
  }
}
.main-menu .menu-right-site {
  position: relative;
  width: 100%;
  display: none;
}
.main-menu .menu-right-site .menu-img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 390px;
  width: 90%;
}
.main-menu .menu-right-site .menu-img img {
  max-width: 100%;
}
@media (min-width: 1300px) {
  .main-menu .menu-right-site .menu-img {
    max-width: 456px;
  }
}
@media (min-width: 1500px) {
  .main-menu .menu-right-site .menu-img {
    max-width: 480px;
  }
}
@media (min-width: 992px) {
  .main-menu .menu-right-site {
    width: 50%;
    display: block;
  }
}

.open-menu .main-menu {
  display: flex;
  z-index: 1050;
}
@media (min-width: 992px) {
  .open-menu .main-menu .menu-right-site {
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .open-menu .main-menu .menu-left-site {
    margin-right: 15px;
  }
}
.open-menu #hamburger-1 {
  right: 22px;
  cursor: pointer;
}
.open-menu #hamburger-1 .line {
  background-color: #000;
}
@media (min-width: 767px) {
  .open-menu #hamburger-1 {
    right: 65px;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  .open-menu #hamburger-1 .line {
    background-color: #000;
  }
}
.open-menu #hamburger-1 .line:nth-child(1) {
  margin-top: 16px;
  transform: translateY(-5px) rotate(30deg);
}
.open-menu #hamburger-1 .line:nth-child(2) {
  margin-top: -1px;
  transform: translateY(-10px) rotate(-30deg);
}
.open-menu #hamburger-1:hover {
  cursor: pointer;
}
.open-menu #hamburger-1:hover .line {
  -webkit-animation: line1 1s;
          animation: line1 1s;
}
.open-menu #hamburger-1:hover .line:last-child {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

@-webkit-keyframes line1 {
  0% {
    width: 30px;
  }
  50% {
    width: 0px;
  }
  100% {
    width: 30px;
  }
}

@keyframes line1 {
  0% {
    width: 30px;
  }
  50% {
    width: 0px;
  }
  100% {
    width: 30px;
  }
}
.header-white .hamburger .line {
  transition: width 0.3s ease;
  background-color: #fff;
}

.container-fluid.gallery {
  width: 100%;
  max-width: 1500px;
  display: block;
  margin: 0 auto;
  padding: 0;
}
.container-fluid .card-sp:hover {
  border: 1px solid #000;
  max-width: 397px !important;
  padding-bottom: 20px !important;
}
.container-fluid .card-sp:hover .card-image {
  cursor: pointer;
}
.container-fluid .card {
  text-align: left;
  display: block;
  border: 1px solid #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 22px 10px;
  border-radius: 0px !important;
}
.container-fluid .card .card-image {
  display: inline-block;
  position: relative;
  cursor: default;
}
.container-fluid .card .card-image img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.container-fluid .card .card-title {
  font-family: "Courier New" !important;
  font-size: 15px;
  text-transform: uppercase;
  background: url("/assets/frontend/images/h1_bg.jpeg") bottom left no-repeat;
  margin-bottom: 0;
  padding-bottom: 3px;
  line-height: 18px;
}
.container-fluid .card .card-title span {
  display: block;
  font-size: 14px;
  font-family: "proximanova_light";
}
.container-fluid .card .card-resume {
  font-size: 11px;
  color: #7d7c7c;
  margin-top: 5px;
  line-height: 18px;
}
.container-fluid .card .card-resume p {
  font-size: 11px;
}
@media (min-width: 767px) {
  .container-fluid .card {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .container-fluid .card .card-image img {
    max-width: 100%;
  }
}
@media (min-width: 1500px) {
  .container-fluid .card {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .container-fluid .card .card-image img {
    max-width: 100%;
  }
  .container-fluid .card .card-image img:hover {
    max-width: 100%;
  }
}

@-webkit-keyframes scale {
  0% {
    transform: translate(0%, 150%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}

@keyframes scale {
  0% {
    transform: translate(0%, 150%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
.gallery-menu {
  max-width: 1000px;
  margin: auto;
  position: relative;
  z-index: 100;
}
.gallery-menu::after {
  position: absolute;
  content: "";
  width: calc(100% - 310px);
  height: 1px;
  top: 50%;
  transform: translate(-50%, 0%);
  left: 50%;
  background-color: black;
  z-index: 0;
  -webkit-animation: menu-line 2.5s;
          animation: menu-line 2.5s;
}
.gallery-menu div a {
  padding: 5px 20px 0px 20px;
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: "Lexend-SemiBold";
  font-size: 16px;
  width: 140px;
  text-align: center;
  -webkit-animation: fade 3s;
          animation: fade 3s;
}
.gallery-menu div a::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 1px;
  left: 51%;
  bottom: 0;
  background-color: #000;
  z-index: 0;
  transform: translate(-50%, 0%);
}
.gallery-menu div a:hover, .gallery-menu div a.selected {
  opacity: 1;
}
.gallery-menu div a:hover::after, .gallery-menu div a.selected::after {
  position: absolute;
  content: "";
  width: 80%;
  height: 1px;
  left: 50%;
  bottom: 0;
  background-color: #000;
  z-index: 0;
  transform: translate(-50%, 0%);
  transition: all 0.3s ease;
}
@media (min-width: 767px) {
  .gallery-menu div a {
    padding: 5px 20px 5px 20px;
    width: 155px;
    font-size: 22px;
  }
}

.serie-title {
  max-width: 1000px;
  margin: 0px auto 0 auto;
  padding: 0 20px;
  font-size: 20px;
  font-family: "Lexend-SemiBold";
  z-index: 1;
  position: relative;
  transition: all 0.2s ease;
  text-align: center;
  -webkit-animation: fade 3.5s;
          animation: fade 3.5s;
}

.scroll .serie-title {
  color: #000 !important;
  font-size: 16px;
  line-height: 13px;
  padding: 8px 25px 5px 25px;
}
@media (min-width: 767px) {
  .scroll .serie-title {
    font-size: 16px;
    line-height: 13px;
    padding: 0 25px 5px 25px;
  }
}
.scroll .gallery-menu::after {
  background-color: #000 !important;
}
.scroll .gallery-menu div a {
  padding: 0px 20px 0px 20px;
  font-size: 14px;
  color: #000 !important;
}
@media (min-width: 767px) {
  .scroll .gallery-menu div a {
    font-size: 16px;
    padding: 3px 20px 5px 20px !important;
  }
}
.scroll .gallery-menu div a::after {
  background-color: #000 !important;
}
.scroll .gallery-menu div a:hover::after, .scroll .gallery-menu div a.selected::after {
  width: 70%;
}

.header-white .gallery-menu::after {
  background-color: #fff;
}
.header-white .gallery-menu div a {
  color: #fff;
}
.header-white .gallery-menu div a::after {
  background-color: #fff;
}
.header-white .serie-title {
  color: #fff;
}

.slider-nav {
  display: none !important;
}

@-webkit-keyframes menu-line {
  0% {
    width: 0;
  }
  80% {
    width: 0;
  }
  100% {
    width: calc(100% - 310px);
  }
}

@keyframes menu-line {
  0% {
    width: 0;
  }
  80% {
    width: 0;
  }
  100% {
    width: calc(100% - 310px);
  }
}
.photo-serie {
  max-width: 1700px;
  margin: auto;
  margin-bottom: 20px !important;
}
@media (min-width: 767px) {
  .photo-serie {
    margin-top: 0px !important;
  }
}
@media (min-width: 1300px) {
  .photo-serie {
    margin-top: 0px !important;
  }
}

.slide {
  height: 100vh;
  width: 100%;
  position: relative;
}
.slide .gallery-intro {
  width: 100%;
  height: 100% !important;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 0;
}
.slide .bgr-overlay {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
}
.slide.animation .bgr-overlay {
  opacity: 0;
  transition: all 2s ease;
  transition-delay: 0.5s;
}

@media (max-width: 767px) {
  .slide {
    height: auto !important;
  }

  .header-white .logo-header div {
    transition: all 0.2s ease;
    background-image: url("data:image/svg+xml,%3Csvg width='177' height='57' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' version='1.1'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1'%3E%3Cg id='svg_2'%3E%3Cpath id='svg_3' d='m49.74,52.47c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.25,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-34.11,18.46c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.09,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.38,1.61 -4.1,2.37 -6.26,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm19,0.11l0,-29.74c0,-0.75 -0.22,-1.03 -0.59,-1.03c-0.54,0 -4.43,1.57 -5.35,1.89c-0.49,0.16 -0.7,0.43 -0.7,0.7c0,0.48 0.38,0.59 0.75,0.81c1.89,0.92 2.11,1.19 2.11,3.99l0,23.37c0,4.1 -0.65,4.86 -3.13,4.86l0,1.09l10.26,0l0,-1.09c-2.7,0.01 -3.35,-0.74 -3.35,-4.85zm115.52,0l0,-8.04c0,-6.32 -4.21,-7.51 -7.39,-7.51c-3.51,0 -5.72,1.57 -7.18,2.54l0,-2.21c0,-0.49 -0.33,-0.65 -0.6,-0.65c-0.7,0 -2.16,0.92 -3.99,2.05c-0.59,0.32 -0.92,0.49 -0.92,0.92c0,0.33 0.21,0.43 0.64,0.7c1.03,0.65 1.29,0.86 1.29,2.11l0,10.09c0,4.1 -0.65,4.86 -3.56,4.86l0,1.09l10.63,0l0,-1.09c-2.65,0 -3.29,-0.75 -3.29,-4.86l0,-11.01c0.86,-1.02 2.75,-2.7 4.97,-2.7c3.73,0 5.61,2.21 5.61,6.58l0,7.13c0,4.1 -0.65,4.86 -3.18,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0 -3.18,-0.75 -3.18,-4.86zm16.3,4.32c-1.99,0 -3.45,-0.92 -3.45,-3.29l0,-10.42c0,-3.35 0.75,-3.89 2.97,-3.89l3.78,0l0,-1.83l-6.75,0l0,-3.78c0,-0.7 -0.27,-0.86 -0.59,-0.86c-0.54,0 -1.03,0.75 -4.64,4.43c-0.43,0.43 -0.92,0.81 -0.92,1.19c0,0.54 1.3,0.59 1.73,0.75c0.54,0.22 0.65,0.38 0.65,2.16l0,11.98c0,2.59 1.08,5.4 5.56,5.4c2.43,0 3.94,-0.65 5.45,-1.19l0,-1.08c-1.04,0.17 -2.28,0.43 -3.79,0.43zm-48.1,14.03c-5.01,0 -7.93,-4.21 -7.93,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.88,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.26,2.37zm-1.83,-18.46c2.76,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-16.68,0.11l0,-8.1c0,-4.8 -2.86,-7.45 -7.23,-7.45c-3.78,0 -5.99,2.54 -7.83,3.78c-1.29,-2.75 -3.56,-3.78 -6.26,-3.78c-3.34,0 -5.34,1.51 -8.04,3.94l0,-3.45c0,-0.54 -0.38,-0.81 -0.81,-0.81c-0.7,0 -2.59,1.13 -4.43,2.1c-0.59,0.33 -1.08,0.54 -1.08,0.76c0,0.27 0.16,0.32 0.97,0.49c1.08,0.22 1.67,0.65 1.67,3.18l0,9.34c0,4.1 -0.65,4.86 -3.29,4.86l0,1.09l10.42,0l0,-1.09c-2.7,0 -3.35,-0.75 -3.35,-4.86l0,-10.15c1.94,-2.11 4,-3.56 6.26,-3.56c3.02,0 4.59,1.62 4.59,5.99l0,7.72c0,4.1 -0.65,4.86 -3.67,4.86l0,1.09l11.01,0l0,-1.09c-2.92,0 -3.56,-0.75 -3.56,-4.86l0,-10.8c1.89,-1.62 3.89,-2.59 6.21,-2.59c3.13,0 4.64,1.57 4.64,5.83l0,7.55c0,4.1 -0.65,4.86 -3.19,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0.01 -3.18,-0.74 -3.18,-4.85z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_4'%3E%3Cg id='svg_5'%3E%3Cpath id='svg_6' d='m170.25,3.47c-3.22,0 -5.84,2.61 -5.84,5.84c0,3.22 2.61,5.83 5.84,5.83c3.22,0 5.83,-2.61 5.83,-5.83c0,-3.22 -2.61,-5.84 -5.83,-5.84zm0,10.95c-2.83,0 -5.12,-2.29 -5.12,-5.12c0.01,-2.83 2.29,-5.12 5.12,-5.12c2.82,0.01 5.11,2.29 5.12,5.12c-0.01,2.83 -2.3,5.12 -5.12,5.12z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_7'%3E%3Cg id='svg_8'%3E%3Cpath id='svg_9' d='m170.89,8.91c-0.86,-0.21 -1.85,-0.32 -1.85,-0.98c0,-0.57 0.65,-0.72 1.21,-0.72c0.61,0 1.24,0.23 1.31,0.95l0.93,0c-0.08,-1.38 -1.07,-1.77 -2.32,-1.77c-0.99,0 -2.11,0.47 -2.11,1.61c0,1.08 0.93,1.39 1.85,1.6c0.93,0.21 1.85,0.33 1.85,1.05c0,0.71 -0.79,0.84 -1.37,0.84c-0.77,0 -1.49,-0.26 -1.52,-1.09l-0.93,0c0.05,1.4 1.13,1.92 2.4,1.92c1.15,0 2.41,-0.44 2.41,-1.78c-0.01,-1.12 -0.92,-1.42 -1.86,-1.63z'/%3E%3C/g%3E%3C/g%3E%3Cpath id='svg_11' d='m-52.35999,89.05499' opacity='NaN' stroke='%23000' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
  }
  .header-white .logo-header span {
    color: #000;
  }
  .header-white .hamburger .line {
    transition: width 0.3s ease;
    background-color: #000;
  }
  .header-white .gallery-menu::after {
    background-color: #000;
  }
  .header-white .gallery-menu div a {
    color: #000;
  }
  .header-white .gallery-menu div a::after {
    background-color: #000;
  }
  .header-white .serie-title {
    color: #000;
  }

  header .logo-header {
    height: 55px;
    overflow: hidden;
    opacity: 1;
    margin-top: 15px;
  }
}
@media (max-width: 767px) and (min-width: 767px) {
  header .logo-header {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  header .logo-header div {
    transition: all 0.2s ease;
    margin-bottom: 3px;
    height: 52px;
    width: 165px;
    background-image: url("data:image/svg+xml,%3Csvg width='177' height='57' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' version='1.1'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1'%3E%3Cg id='svg_2'%3E%3Cpath id='svg_3' d='m49.74,52.47c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.25,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-34.11,18.46c-5.02,0 -7.94,-4.21 -7.94,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.09,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.89,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.38,1.61 -4.1,2.37 -6.26,2.37zm-1.84,-18.46c2.75,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm19,0.11l0,-29.74c0,-0.75 -0.22,-1.03 -0.59,-1.03c-0.54,0 -4.43,1.57 -5.35,1.89c-0.49,0.16 -0.7,0.43 -0.7,0.7c0,0.48 0.38,0.59 0.75,0.81c1.89,0.92 2.11,1.19 2.11,3.99l0,23.37c0,4.1 -0.65,4.86 -3.13,4.86l0,1.09l10.26,0l0,-1.09c-2.7,0.01 -3.35,-0.74 -3.35,-4.85zm115.52,0l0,-8.04c0,-6.32 -4.21,-7.51 -7.39,-7.51c-3.51,0 -5.72,1.57 -7.18,2.54l0,-2.21c0,-0.49 -0.33,-0.65 -0.6,-0.65c-0.7,0 -2.16,0.92 -3.99,2.05c-0.59,0.32 -0.92,0.49 -0.92,0.92c0,0.33 0.21,0.43 0.64,0.7c1.03,0.65 1.29,0.86 1.29,2.11l0,10.09c0,4.1 -0.65,4.86 -3.56,4.86l0,1.09l10.63,0l0,-1.09c-2.65,0 -3.29,-0.75 -3.29,-4.86l0,-11.01c0.86,-1.02 2.75,-2.7 4.97,-2.7c3.73,0 5.61,2.21 5.61,6.58l0,7.13c0,4.1 -0.65,4.86 -3.18,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0 -3.18,-0.75 -3.18,-4.86zm16.3,4.32c-1.99,0 -3.45,-0.92 -3.45,-3.29l0,-10.42c0,-3.35 0.75,-3.89 2.97,-3.89l3.78,0l0,-1.83l-6.75,0l0,-3.78c0,-0.7 -0.27,-0.86 -0.59,-0.86c-0.54,0 -1.03,0.75 -4.64,4.43c-0.43,0.43 -0.92,0.81 -0.92,1.19c0,0.54 1.3,0.59 1.73,0.75c0.54,0.22 0.65,0.38 0.65,2.16l0,11.98c0,2.59 1.08,5.4 5.56,5.4c2.43,0 3.94,-0.65 5.45,-1.19l0,-1.08c-1.04,0.17 -2.28,0.43 -3.79,0.43zm-48.1,14.03c-5.01,0 -7.93,-4.21 -7.93,-9.01c0,-1.46 0.16,-2.37 0.38,-3.18l13.82,0c0.38,0 0.54,-0.05 0.54,-0.27c0,-3.34 -3.56,-7.07 -8.1,-7.07c-5.67,0 -10.42,4.64 -10.42,11.44c0,4.75 3.88,10.26 10.31,10.26c3.51,0 5.88,-1.73 8.31,-3.67l-0.65,-0.87c-2.37,1.61 -4.1,2.37 -6.26,2.37zm-1.83,-18.46c2.76,0 4.64,2.05 4.86,4.96l-10.31,0c0.59,-2.43 2.32,-4.96 5.45,-4.96zm-16.68,0.11l0,-8.1c0,-4.8 -2.86,-7.45 -7.23,-7.45c-3.78,0 -5.99,2.54 -7.83,3.78c-1.29,-2.75 -3.56,-3.78 -6.26,-3.78c-3.34,0 -5.34,1.51 -8.04,3.94l0,-3.45c0,-0.54 -0.38,-0.81 -0.81,-0.81c-0.7,0 -2.59,1.13 -4.43,2.1c-0.59,0.33 -1.08,0.54 -1.08,0.76c0,0.27 0.16,0.32 0.97,0.49c1.08,0.22 1.67,0.65 1.67,3.18l0,9.34c0,4.1 -0.65,4.86 -3.29,4.86l0,1.09l10.42,0l0,-1.09c-2.7,0 -3.35,-0.75 -3.35,-4.86l0,-10.15c1.94,-2.11 4,-3.56 6.26,-3.56c3.02,0 4.59,1.62 4.59,5.99l0,7.72c0,4.1 -0.65,4.86 -3.67,4.86l0,1.09l11.01,0l0,-1.09c-2.92,0 -3.56,-0.75 -3.56,-4.86l0,-10.8c1.89,-1.62 3.89,-2.59 6.21,-2.59c3.13,0 4.64,1.57 4.64,5.83l0,7.55c0,4.1 -0.65,4.86 -3.19,4.86l0,1.09l10.15,0l0,-1.09c-2.53,0.01 -3.18,-0.74 -3.18,-4.85z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_4'%3E%3Cg id='svg_5'%3E%3Cpath id='svg_6' d='m170.25,3.47c-3.22,0 -5.84,2.61 -5.84,5.84c0,3.22 2.61,5.83 5.84,5.83c3.22,0 5.83,-2.61 5.83,-5.83c0,-3.22 -2.61,-5.84 -5.83,-5.84zm0,10.95c-2.83,0 -5.12,-2.29 -5.12,-5.12c0.01,-2.83 2.29,-5.12 5.12,-5.12c2.82,0.01 5.11,2.29 5.12,5.12c-0.01,2.83 -2.3,5.12 -5.12,5.12z'/%3E%3C/g%3E%3C/g%3E%3Cg id='svg_7'%3E%3Cg id='svg_8'%3E%3Cpath id='svg_9' d='m170.89,8.91c-0.86,-0.21 -1.85,-0.32 -1.85,-0.98c0,-0.57 0.65,-0.72 1.21,-0.72c0.61,0 1.24,0.23 1.31,0.95l0.93,0c-0.08,-1.38 -1.07,-1.77 -2.32,-1.77c-0.99,0 -2.11,0.47 -2.11,1.61c0,1.08 0.93,1.39 1.85,1.6c0.93,0.21 1.85,0.33 1.85,1.05c0,0.71 -0.79,0.84 -1.37,0.84c-0.77,0 -1.49,-0.26 -1.52,-1.09l-0.93,0c0.05,1.4 1.13,1.92 2.4,1.92c1.15,0 2.41,-0.44 2.41,-1.78c-0.01,-1.12 -0.92,-1.42 -1.86,-1.63z'/%3E%3C/g%3E%3C/g%3E%3Cpath id='svg_11' d='m-52.35999,89.05499' opacity='NaN' stroke='%23000' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 100%;
  }
}
@media (max-width: 767px) {
  header .logo-header span {
    transition: all 0.2s ease;
    font-size: 14px;
    color: #000 !important;
  }
}
@media (max-width: 767px) and (min-width: 767px) {
  header .logo-header.hide-logo {
    transition: all 0.3s ease;
    margin-top: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  header .serie-title {
    color: #000 !important;
    font-size: 16px;
    line-height: 13px;
    padding: 8px 25px 5px 25px;
  }
}
.big-img img {
  max-width: 100%;
  max-height: 700px;
  padding: 20px 0;
}
.big-img.right {
  text-align: right;
}
.big-img.left {
  text-align: left;
}
@media (min-width: 767px) {
  .big-img img {
    max-width: 80%;
    padding: 50px 50px;
    opacity: 0;
    transition: opacity 2s ease;
  }
}
@media (min-width: 1200px) {
  .big-img img {
    max-height: 700px;
    max-width: 80%;
    padding: 50px 100px;
  }
}
@media (min-width: 1500px) {
  .big-img img {
    max-height: 900px;
    max-width: 80%;
    padding: 50px 100px;
  }
}

.imgs {
  opacity: 0;
}

.imganim {
  transition: opacity 6s ease;
  opacity: 1 !important;
}

.two-images div {
  text-align: center;
  padding: 20px 0px;
}
.two-images div img {
  max-width: 100%;
  height: 100%;
}
@media (min-width: 767px) {
  .two-images div img {
    max-height: 600px;
  }
}
@media (min-width: 767px) {
  .two-images div {
    padding: 20px 50px;
  }
}
@media (min-width: 1200px) {
  .two-images div {
    padding: 50px 50px;
  }
}

.pair-image-vertical div {
  text-align: center;
  padding: 20px 0px;
}
.pair-image-vertical div img {
  max-width: 100%;
  height: 100%;
}
@media (min-width: 767px) {
  .pair-image-vertical div img {
    max-height: 700px;
  }
}
@media (min-width: 767px) {
  .pair-image-vertical div {
    padding: 20px 50px;
  }
}
@media (min-width: 1200px) {
  .pair-image-vertical div {
    padding: 50px 50px;
  }
}

.two-images-rlarge div {
  text-align: center;
  padding: 20px 0px;
}
.two-images-rlarge div:first-child img {
  max-width: 100%;
}
.two-images-rlarge div:last-child img {
  max-width: 100%;
}
@media (min-width: 767px) {
  .two-images-rlarge div {
    padding: 50px 50px;
  }
  .two-images-rlarge div:first-child img {
    max-width: 100%;
    max-height: 400px;
  }
  .two-images-rlarge div:last-child img {
    max-width: 100%;
    max-height: 600px;
  }
}

.two-images-llarge div {
  text-align: center;
  padding: 20px 0px;
}
.two-images-llarge div:first-child img {
  max-width: 100%;
}
.two-images-llarge div:last-child img {
  max-width: 100%;
}
@media (min-width: 767px) {
  .two-images-llarge div {
    padding: 50px 50px;
  }
  .two-images-llarge div:first-child img {
    max-width: 100%;
    max-height: 600px;
  }
  .two-images-llarge div:last-child img {
    max-width: 100%;
    max-height: 400px;
  }
}

.serie-info {
  font-size: 16px;
  max-width: 1600px;
  padding: 0px;
  margin: 50px auto 50px auto;
}
.serie-info h2 {
  font-size: 26px;
  font-family: "Lexend-SemiBold";
  position: relative;
  z-index: 1;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0;
}
.serie-info h2 span {
  font-family: "Lexend-Light";
  font-size: 20px;
}
.serie-info .serie {
  font-family: "proximanova_light";
  padding-right: 10px;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  margin-left: 0px;
  z-index: 1;
}
.serie-info .serie::after {
  transform: translate(0%, -50%);
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  z-index: 1;
  background-color: #000;
}
.serie-info .year {
  font-family: "ProximaNova-Bold";
}
.serie-info .place {
  font-family: "ProximaNova-Bold";
  margin: 0 0 20px 0px;
}
@media (min-width: 767px) {
  .serie-info {
    padding: 20px;
  }
  .serie-info h2 {
    font-size: 32px;
    padding-left: 15px;
    padding-right: 40px;
  }
  .serie-info h2::before {
    transform: translate(0%, -50%);
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    z-index: 1;
    background-color: #000;
    border-radius: 50%;
    top: 20px;
  }
  .serie-info .serie {
    margin-left: 20px;
  }
  .serie-info .place {
    margin: 0 0 20px 20px;
  }
}
@media (min-width: 1500px) {
  .serie-info {
    padding: 20px;
  }
  .serie-info h2 {
    font-size: 40px;
  }
  .serie-info h2::before {
    top: 25px;
  }
}

.more-series {
  background-color: #ededed;
  padding: 20px 30px;
}
.more-series .serie-box {
  margin: 20px 10px 20px 10px;
  text-align: center;
}
.more-series .serie-box img {
  max-width: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
}
.more-series .serie-box .more-serie-title {
  max-width: 300px;
  font-family: "Lexend-SemiBold";
  font-size: 18px;
  line-height: 22px;
  margin: auto;
}
.more-series .serie-box .more-serie-title span {
  display: block;
  font-family: "Lexend-Light";
  font-size: 16px;
}
@media (min-width: 992px) {
  .more-series .serie-box {
    margin: 40px 30px;
  }
  .more-series .serie-box .more-serie-title {
    height: 80px;
  }
  .more-series .serie-box img {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
@media (min-width: 1300px) {
  .more-series {
    padding: 100px 30px;
  }
  .more-series .serie-box {
    margin: 40px 50px;
  }
  .more-series .serie-box .more-serie-title {
    height: 80px;
    font-size: 21px;
    line-height: 26px;
  }
}

.modal {
  -webkit-animation: fade-in1 0.4s;
          animation: fade-in1 0.4s;
}
.modal .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 100;
}
.modal .modal-content {
  background-color: #fff;
}
.modal .modal-content .slider-container {
  width: 100%;
}
.modal .modal-content .slider-container .slider {
  width: 100%;
  touch-action: auto !important;
}
@media (min-width: 430px) {
  .modal .modal-content .slider-container .slider {
    touch-action: initial !important;
  }
}
.modal .modal-content .slider-container .slider .slick-track .slick-slide {
  text-align: center;
  height: 100vh;
  margin: auto;
  opacity: 0;
  transition: all 0.3s ease;
  padding-top: 20px;
  position: relative;
}
.modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-img {
  position: relative;
  height: calc(100% - 40px);
}
@media (min-width: 430px) {
  .modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-img {
    max-width: auto;
    height: calc(100% - 40px);
  }
}
.modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-img img,
.modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-img video {
  margin: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  padding: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
@media (min-width: 430px) {
  .modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-img img,
.modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-img video {
    max-width: auto;
    padding: 10px 5px 10px 5px;
  }
}
@media (min-width: 1500px) {
  .modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-img img,
.modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-img video {
    max-width: auto;
    padding: 5px;
  }
}
.modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-desc {
  position: absolute;
  height: 30px;
  bottom: 0;
  z-index: 1;
  padding-top: 10px;
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
  margin: auto;
  font-size: 14px;
  font-family: "proximanova_light";
  width: 100%;
  margin-bottom: 20px;
}
.modal .modal-content .slider-container .slider .slick-track .slick-slide .slider-desc span {
  display: block;
  color: black !important;
  font-family: "Lexend-Regular", serif;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 5px;
}
.modal .modal-content .slider-container .slider .slick-track .slick-slide.slick-active {
  opacity: 1;
  transition: all 0.3s ease;
}
.modal .modal-content .slider-container .slider .slick-list {
  padding: 0 !important;
}
.modal .modal-content .slider-container .slick-prev {
  position: absolute;
  bottom: 20px;
  top: auto;
  left: 20px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  font-size: 0;
  border: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  z-index: 2;
}
@media (min-width: 430px) {
  .modal .modal-content .slider-container .slick-prev {
    bottom: 20px;
  }
}
.modal .modal-content .slider-container .slick-next {
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: auto;
  width: 30px;
  height: 30px;
  background-color: transparent;
  font-size: 0;
  border: 0;
  z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
@media (min-width: 430px) {
  .modal .modal-content .slider-container .slick-next {
    bottom: 20px;
  }
}

@media (min-width: 430px) {
  .publications .publications-intro {
    max-width: 970px;
    margin: auto;
    font-size: 16px;
    font-family: "proximanova_light";
  }
}
.publications .publications-list,
.publications .main-publication {
  max-width: 1500px;
  margin: auto;
}
.publications .main-publication {
  margin: 50px auto;
  padding: 20px;
  background-color: #ededed;
}
@media (min-width: 767px) {
  .publications .main-publication {
    padding: 40px;
  }
}
.publications .main-publication .main-publication-img {
  padding: 0px;
}
.publications .main-publication .main-publication-img img {
  max-width: 100%;
}
@media (min-width: 767px) {
  .publications .main-publication .main-publication-img {
    width: 50%;
    padding: 40px;
  }
}
@media (min-width: 1500px) {
  .publications .main-publication .main-publication-img {
    min-width: 640px;
  }
}
.publications .main-publication .main-publication-details {
  padding: 0px;
  width: 100%;
}
@media (min-width: 767px) {
  .publications .main-publication .main-publication-details {
    padding: 40px;
    width: 50%;
  }
}
@media (min-width: 1500px) {
  .publications .main-publication .main-publication-details {
    min-width: auto;
  }
}
.publications .main-publication .main-publication-details .main-publ-info {
  margin-top: 50px;
  padding: 0;
  font-size: 14px;
}
.publications .main-publication .more {
  font-size: 12px;
  font-family: "proximanova_light";
}
.publications .main-publication .more:hover {
  opacity: 0.6;
}
.publications .publications-list .publication-item {
  width: 100%;
  text-align: center;
}
@media (min-width: 767px) {
  .publications .publications-list .publication-item {
    width: 50%;
  }
}
.publications .publications-list .publication-item .publication-image {
  padding: 0px;
}
.publications .publications-list .publication-item .publication-image img {
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 767px) {
  .publications .publications-list .publication-item .publication-image {
    height: 500px;
    padding: 20px;
  }
}
@media (min-width: 1400px) {
  .publications .publications-list .publication-item .publication-image {
    height: 560px;
    padding: 40px;
  }
}
.publications .publications-list .publication-item .item-info {
  margin: 20px auto;
  max-width: 570px;
  text-align: left;
  padding: 0 0px;
}
.publications .publications-list .publication-item .item-info strong {
  font-family: "ProximaNova-Bold";
}
.publications .publications-list .publication-item .item-info h3 {
  margin: 10px 0;
}
@media (min-width: 767px) {
  .publications .publications-list .publication-item .item-info {
    margin: 50px auto;
    padding: 0 40px;
  }
}

.presse {
  margin: 50px auto;
}
@media (min-width: 767px) {
  .presse {
    margin: 100px auto;
  }
}
.presse .press-article {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.presse .press-article::before {
  transform: translate(0%, -50%);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  z-index: 1;
  background-color: #d9d9d9;
  top: auto;
  bottom: 0;
}
.presse .press-article .press-type {
  font-family: "Lexend-Regular";
  font-size: 15px;
  color: #168bac;
}
.presse .press-article .press-type.article {
  color: #ac1a48;
}
.presse .press-article .press-title {
  font-family: "Lexend-Regular";
  font-size: 21px;
  max-width: 90%;
}
.presse .press-article .press-title strong {
  display: inline-block;
  position: relative;
  padding: 0 5px 2px 0;
  margin-right: 5px;
}
.presse .press-article .press-title span {
  font-size: 19px;
  font-family: "proximanova_light" !important;
  display: inline-block;
  position: relative;
  padding: 0 0 2px 15px;
  margin-left: 0;
  min-width: 100%;
  line-height: 24px;
}
.presse .press-article .press-title span::before {
  transform: translate(0%, -50%);
  content: "";
  display: block;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  z-index: 1;
  background-color: #000;
}
@media (min-width: 767px) {
  .presse .press-article .press-title {
    font-size: 23px;
  }
  .presse .press-article .press-title span {
    font-size: 21px;
  }
}
@media (min-width: 767px) and (min-width: 767px) {
  .presse .press-article .press-title span {
    min-width: 400px;
  }
}
.presse .press-article .press-date {
  font-family: "ProximaNova-Bold";
  font-size: 13px;
  text-transform: uppercase;
  margin: 10px 0 5px 0;
}
@media (min-width: 767px) {
  .presse .press-article .press-date {
    margin: 5px 0 5px 0;
    font-size: 14px;
  }
}
.presse .press-article a {
  text-transform: uppercase;
  font-family: "proximanova_light" !important;
  font-size: 12px;
  margin-top: 10px;
  display: inline-block;
}
.presse .press-article .press-info {
  font-family: "proximanova_light";
  font-size: 16px;
  max-width: 90%;
  transition: all 0.2s ease;
}
.presse .press-article .press-info.full {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.presse .press-article .press-info.full .full-content {
  display: none !important;
}
.presse .press-article .press-info.full .short-content {
  display: block !important;
}
.presse .press-article .press-info .short-content {
  display: none;
}

.btn-close {
  border: 0px solid #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z'/%3E%3Cpath fill-rule='evenodd' d='M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z'/%3E%3C/svg%3E") !important;
  width: 17px !important;
  height: 17px !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  right: 10px !important;
  top: 10px !important;
  border-radius: 0 !important;
}

.img-show {
  padding: 0 !important;
  margin: 0 !important;
}
.img-show img {
  height: 100%;
  position: relative !important;
}

.img-caption {
  left: 0;
}
.img-caption::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
  left: 0;
  top: 0px;
  z-index: -1;
}

.parcours {
  width: 100%;
  position: relative;
}
.parcours .parcours-left {
  background-color: #000;
  width: 100%;
  height: auto;
  min-height: 400px;
  position: relative;
  -webkit-animation: fade 2s;
          animation: fade 2s;
}
.parcours .parcours-left .parcours-img {
  width: 100%;
  max-height: 100%;
}
.parcours .parcours-left .parcours-img img {
  width: 100%;
  -webkit-animation: fade 2.5s;
          animation: fade 2.5s;
}
@media (min-width: 767px) {
  .parcours .parcours-left .parcours-img {
    width: 90%;
    max-width: 390px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
  }
}
@media (min-width: 1300px) {
  .parcours .parcours-left .parcours-img {
    max-width: 456px;
  }
}
@media (min-width: 1500px) {
  .parcours .parcours-left .parcours-img {
    max-width: 480px;
  }
}
.parcours .parcours-right {
  width: 100%;
  height: 50%;
  min-height: 400px;
  position: relative;
  text-align: center;
  background-color: #efefef;
  -webkit-animation: fade 3s;
          animation: fade 3s;
}
.parcours .parcours-right .parcours-info {
  width: 100%;
  max-width: 580px;
  padding: 40px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.parcours .parcours-right .parcours-info h2 {
  font-size: 18px;
  font-family: "Lexend-SemiBold";
  line-height: 32px;
  margin: 10px 0;
  text-align: left;
}
.parcours .parcours-right .parcours-info h2 span {
  font-family: "proximanova_light";
  font-size: 16px !important;
  display: block;
}
.parcours .parcours-right .parcaur-menu {
  display: inline-block;
  margin: 10% auto 0 auto;
}
.parcours .parcours-right .parcaur-menu a {
  font-size: 14px;
  font-family: "Lexend-SemiBold";
  padding: 5px 8px 5px 5px;
  position: relative;
}
.parcours .parcours-right .parcaur-menu a::after {
  transform: translate(0%, -50%);
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  z-index: 1;
  background-color: #000;
}
.parcours .parcours-right .parcaur-menu a:last-child::after {
  display: none;
}
.parcours .parcours-right .parcaur-menu a.active {
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .parcours .parcours-right .parcaur-menu a {
    padding: 5px 30px;
  }
}
@media (min-width: 1400px) {
  .parcours .parcours-right .parcaur-menu a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .parcours .parcours-right .parcaur-menu {
    margin: 30% auto 0 auto;
  }
}
@media (min-width: 767px) {
  .parcours {
    height: 100vh;
  }
  .parcours .parcours-left {
    width: 50%;
    height: 100%;
  }
  .parcours .parcours-right {
    width: 50%;
    height: 100%;
  }
  .parcours .parcours-right .parcours-info h2 {
    width: 90%;
    margin: auto;
    font-size: 19px;
    padding-left: 20px;
  }
}
@media (min-width: 1500px) {
  .parcours .parcours-right .parcours-info h2 {
    width: 100%;
    font-size: 22px;
  }
}

.main-text {
  max-width: 970px;
  margin: auto;
}
.main-text p {
  font-size: 18px;
  font-family: "proximanova_light";
}
.main-text p.strong {
  font-size: 20px;
  font-family: "ProximaNova-Bold";
}

.filter {
  background-color: #f2f2f2;
  max-width: 1200px;
  padding: 30px;
  margin-top: 10px;
  opacity: 0;
  position: absolute;
  z-index: 1000;
  transition: all 0.3s ease;
  transform: translate(-50%, 0%);
  left: 50%;
  font-family: "proximanova_light";
}
.filter.show-filter {
  opacity: 1;
}
.filter button {
  border: 0;
  background-color: #fff;
  padding: 5px 10px;
  margin-left: 20px;
}

.filter-title h2 {
  font-family: "Lexend-Light";
}
.filter-title h2 a {
  padding-right: 30px;
  font-family: "Lexend-SemiBold";
  position: relative;
  display: inline-block;
}
.filter-title h2 a::after {
  transition: all 0.3s ease;
  content: "";
  position: absolute;
  transform: translate(0%, -50%);
  top: 52%;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 100%;
}

.open-filter.open-b::after {
  transform: rotate(90deg);
  top: 30%;
}

.filter-in {
  background-color: #f2f2f2;
  overflow: hidden;
  /* Create a custom checkbox */
}
.filter-in label {
  position: relative;
  display: block;
  padding-left: 55px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "proximanova_light";
}
.filter-in label::before {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 200%;
  z-index: 1;
  background-color: #fff;
  opacity: 1;
  transform: translate(-50%, -50%);
}
.filter-in input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.filter-in .checkmark {
  position: absolute;
  top: 0;
  left: 20px;
  height: 20px;
  width: 20px;
  background-color: #f2f2f2;
  border: 1px solid #000;
}
.filter-in .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.filter-in input:checked ~ .checkmark:after {
  display: block;
}
.filter-in .checkmark:after {
  left: 6px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.cookie {
  z-index: 20;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.cookie .cookie-info {
  padding: 25px 20px 25px 20px;
  width: calc(100% - 40px);
  background-color: #fff;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 380px;
}
.cookie .cookie-info p {
  font-size: 11px;
  line-height: 18px;
  font-family: "Lexend-Regular", serif;
  word-spacing: 0.1em;
  color: #000;
  text-align: justify;
}
.cookie .cookie-info button {
  font-size: 13px;
  padding: 10px;
  display: block;
  width: 100%;
  background-color: #000;
  color: #fff;
  border: 0;
  font-weight: 500;
}
@media (min-width: 768px) {
  .cookie .cookie-info {
    max-width: 380px;
  }
}
.cookie .btn-link {
  position: relative;
  margin: auto;
  display: block;
  text-align: center;
  font-size: 12px;
  color: black;
  margin-top: 20px;
  font-weight: 700;
  text-decoration: none;
}
.cookie .btn-link span {
  position: relative;
  padding-bottom: 3px;
  word-spacing: 0.1em;
}
.cookie .btn-link span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}

.btn {
  border-radius: 0;
  font-size: 12px;
  min-width: 110px;
}
@media (min-width: 768px) {
  .btn {
    min-width: 150px;
  }
}

.cookie-btn {
  width: calc(100% - 40px);
  text-align: center;
  z-index: 11;
  position: relative;
}
.cookie-btn a {
  color: #000;
  font-size: 11px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .cookie-btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-align: left;
    width: auto;
    bottom: 50px;
    left: 50px;
  }
  .cookie-btn a {
    color: #fff;
    font-size: 11px;
    line-height: 18px;
  }
}

.btn-retour {
  position: fixed;
  font-family: "proximanova_light";
  top: 90%;
  left: 40px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #000;
  font-size: 16px;
  padding: 5px 13px 5px 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'  viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 5px center;
  z-index: 1000;
  transition: all 0.2s ease;
}
@media (min-width: 767px) {
  .btn-retour {
    left: 100px;
  }
}
.btn-retour:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.plus {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 12px;
  right: 0;
  overflow: hidden;
  z-index: 100;
  cursor: pointer;
}
.plus .line {
  width: 20px;
  height: 1px;
  background-color: #000;
  display: block;
  margin: 4px auto;
}
.plus .line:first-child {
  margin-top: 10px;
}
.plus .line:nth-child(2) {
  width: 1px;
  height: 20px;
  margin-left: 12px;
  margin-top: -14px;
  opacity: 1;
  transition: all 0.3s ease;
  /* margin-top: -1px;
  -webkit-transform: translateY(-6x) rotate(90deg);
  -ms-transform: translateY(-6px) rotate(90deg);
  -o-transform: translateY(-6px) rotate(90deg);
  transform: translateY(-6px) rotate(90deg); */
}
.plus.minus .line:nth-child(2) {
  height: 0;
  margin-top: -5px;
}

.flag-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  background-size: auto 16px;
}

.flag-icon-at {
  background-image: url("../images/flags/at.svg");
}

.flag-icon-be {
  background-image: url("../images/flags/be.svg");
}

.flag-icon-bg {
  background-image: url("../images/flags/bg.svg");
}

.flag-icon-ca {
  background-image: url("../images/flags/ca.svg");
}

.flag-icon-cz {
  background-image: url("../images/flags/cz.svg");
}

.flag-icon-de {
  background-image: url("../images/flags/de.svg");
}

.flag-icon-dk {
  background-image: url("../images/flags/dk.svg");
}

.flag-icon-ee {
  background-image: url("../images/flags/ee.svg");
}

.flag-icon-es {
  background-image: url("../images/flags/es.svg");
}

.flag-icon-fi {
  background-image: url("../images/flags/fi.svg");
}

.flag-icon-fr {
  background-image: url("../images/flags/fr.svg");
}

.flag-icon-gb {
  background-image: url("../images/flags/gb.svg");
}

.flag-icon-gr {
  background-image: url("../images/flags/gr.svg");
}

.flag-icon-hr {
  background-image: url("../images/flags/hr.svg");
}

.flag-icon-hu {
  background-image: url("../images/flags/hu.svg");
}

.flag-icon-ie {
  background-image: url("../images/flags/ie.svg");
}

.flag-icon-it {
  background-image: url("../images/flags/it.svg");
}

.flag-icon-lu {
  background-image: url("../images/flags/lu.svg");
}

.flag-icon-lv {
  background-image: url("../images/flags/lv.svg");
}

.flag-icon-nl {
  background-image: url("../images/flags/nl.svg");
}

.flag-icon-pl {
  background-image: url("../images/flags/pl.svg");
}

.flag-icon-pt {
  background-image: url("../images/flags/pt.svg");
}

.flag-icon-ro {
  background-image: url("../images/flags/ro.svg");
}

.flag-icon-se {
  background-image: url("../images/flags/se.svg");
}

.flag-icon-si {
  background-image: url("../images/flags/si.svg");
}

.flag-icon-sk {
  background-image: url("../images/flags/sk.svg");
}

.flag-icon-us {
  background-image: url("../images/flags/us.svg");
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .slide {
    display: none;
  }
}