/* Scss Document */
.screen-reader-text {
  display: none;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  /*border: red solid 1px;*/
}

html,
body {
  width: 100%;
  min-height: 100%;
}

object,
embed,
iframe {
  position: relative;
  z-index: 1;
  max-width: 100%;
  /*height:auto;*/
}

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

a,
a:hover,
a:focus {
  color: inherit;
}

/**/
@font-face {
  font-family: "PP Formula Condensed";
  src: url("../fonts/PPFormulaCondensed-Light.woff2") format("woff2"), url("../fonts/PPFormulaCondensed-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Formula Condensed";
  src: url("../fonts/PPFormulaCondensed-Regular.woff2") format("woff2"), url("../fonts/PPFormulaCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Formula Condensed";
  src: url("../fonts/PPFormulaCondensed-Bold.woff2") format("woff2"), url("../fonts/PPFormulaCondensed-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Formula Condensed";
  src: url("../fonts/PPFormulaCondensed-Regular.woff2") format("woff2"), url("../fonts/PPFormulaCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Formula Condensed";
  src: url("../fonts/PPFormulaCondensed-Black.woff2") format("woff2"), url("../fonts/PPFormulaCondensed-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Formula Condensed";
  src: url("../fonts/PPFormulaCondensed-Bold.woff2") format("woff2"), url("../fonts/PPFormulaCondensed-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Formula Condensed";
  src: url("../fonts/PPFormulaCondensed-Black.woff2") format("woff2"), url("../fonts/PPFormulaCondensed-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Formula Condensed";
  src: url("../fonts/PPFormulaCondensed-Light.woff2") format("woff2"), url("../fonts/PPFormulaCondensed-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/**/
/**/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
/**/
.text-center {
  text-align: center;
}

body {
  background-color: #f3eee3;
  background-image: url("../img/noise.png");
  background-repeat: repeat;
  background-size: 100px;
  background-blend-mode: multiply;
  font-family: "PP Formula Condensed", sans-serif;
  overflow-x: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body.nav_open, body.search_open {
  overflow: hidden;
}

@media only screen and (max-width: 1200px) {
  .container {
    max-width: none;
    padding: 0 75px;
  }
}
@media only screen and (max-width: 900px) {
  .container {
    max-width: none;
    padding: 0 35px;
  }
}
/**/
.for_ie {
  display: none;
}

header {
  padding: 40px 0;
}
header .logo {
  display: block;
  margin: auto;
  width: 221px;
  height: auto;
}
header .logo a {
  display: block;
  width: 100%;
  cursor: pointer;
}
header .logo a svg {
  width: 100%;
}
header .logo a i {
  width: 100%;
}
@media only screen and (max-width: 900px) {
  header {
    padding-top: 60px;
    padding-bottom: 40px;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 444;
  }
  header .logo {
    width: 100%;
  }
  body.nav_open header {
    z-index: 111;
  }
}

body.ie header .logo a svg {
  display: none;
}
body.ie header .logo a i {
  display: block;
}

.cta_top {
  position: fixed;
  z-index: 333;
  top: 30px;
  right: 25px;
  text-align: right;
}
.cta_top .open_nl {
  opacity: 0;
  margin-right: 10px;
  pointer-events: none;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}
.cta_top .open_search {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  /*background: url("../img/bt_search.svg") center center no-repeat;*/
  width: 40px;
  height: 40px;
  position: relative;
}
.cta_top .open_search svg {
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
}
.cta_top .open_search svg path {
  fill: #16171b;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.cta_top .open_connect {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21'%3E %3Cg fill='none' fill-rule='evenodd' stroke='%23000' stroke-width='2' transform='translate(1 1)'%3E %3Cpath d='M19.473 19.473c0-3.636-6.462-5.68-9.737-5.68-3.274 0-9.736 2.044-9.736 5.68'/%3E %3Ccircle cx='9.736' cy='5.68' r='5.68'/%3E %3C/g%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  margin-right: 20px;
}
.cta_top .wpml-ls {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.2px;
  text-align: center;
  margin-left: 20px;
}
.cta_top .wpml-ls li {
  list-style: none;
}
.cta_top .wpml-ls li a {
  display: block;
  width: 35px;
  text-decoration: none;
  transform: translateY(4px);
  font-size: 18px;
  color: #16171b;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
body.nav_open .cta_top .open_nl {
  opacity: 1;
  pointer-events: all;
  -ms-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
  margin-right: 40px;
  background-color: #1233f5;
  color: #fff;
}
body.nav_open .cta_top .open_connect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21'%3E %3Cg fill='none' fill-rule='evenodd' stroke='%23fff' stroke-width='2' transform='translate(1 1)'%3E %3Cpath d='M19.473 19.473c0-3.636-6.462-5.68-9.737-5.68-3.274 0-9.736 2.044-9.736 5.68'/%3E %3Ccircle cx='9.736' cy='5.68' r='5.68'/%3E %3C/g%3E %3C/svg%3E");
}
body.nav_open .cta_top .open_search svg path {
  fill: #fff;
}
body.nav_open .cta_top .wpml-ls li a {
  color: #fff;
  border-color: #fff;
}

body.search_open .cta_top {
  /*.wpml-ls{
  	li{
  		a{
  			color: #fff;
  			border-color: #fff;
  		}
  	}
  }*/
}
body.search_open .cta_top .open_search {
  display: none;
}

@media only screen and (max-width: 900px) {
  .cta_top {
    right: 65px;
    left: 25px;
    top: 25px;
  }
  .cta_top .open_nl {
    display: none;
  }
  .cta_top .open_search {
    float: left;
  }
  .cta_top .open_connect {
    margin-right: 0;
  }
  .cta_top .wpml-ls {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .cta_top {
    left: 0px;
    top: 0px;
  }
}

.cta_left {
  position: fixed;
  top: 30px;
  left: 25px;
  z-index: 222;
  height: 50px;
  display: flex;
  align-items: center;
}
.cta_left > div {
  display: flex;
  align-items: center;
}
.cta_left > div .burger {
  text-align: center;
  display: flex;
  align-items: center;
  height: 40px;
  cursor: pointer;
  position: relative;
  align-items: center;
}
.cta_left > div .burger span {
  margin: auto;
  display: block;
  width: 22px;
  height: 3px;
  background-color: #1233f5;
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.cta_left > div .burger span::before, .cta_left > div .burger span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #1233f5;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.cta_left > div .burger span::after {
  -webkit-transform: translateY(7px);
  -ms-transform: translateY(7px);
  transform: translateY(7px);
}
.cta_left > div .burger span::before {
  -webkit-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px);
}
.cta_left > div .burger em {
  text-align: center;
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  color: #1d1d1b;
  text-transform: uppercase;
  opacity: 1;
  margin-left: 5px;
  transform: translateY(3px);
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  text-shadow: 1px 1px 1px #f3eee3;
}
.cta_left > div .open_prog {
  opacity: 1;
  display: inline-block;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.05px;
  line-height: 38px;
  text-align: center;
  color: #16171b;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin-left: 40px;
  transform: translateY(3px);
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
body.nav_open .cta_left > div .burger span {
  background: 0 0;
}
body.nav_open .cta_left > div .burger span::after {
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.nav_open .cta_left > div .burger span::before {
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.nav_open .cta_left > div .burger em {
  opacity: 0;
}
body.nav_open .cta_left > div .open_prog {
  opacity: 0;
}

@media only screen and (max-width: 900px) {
  .cta_left {
    top: 25px;
    right: 25px;
    left: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
  }
  .cta_left > div {
    top: 0;
  }
  .cta_left > div .open_prog {
    display: none;
  }
  .cta_left > div .burger {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
  }
  .cta_left > div .burger em {
    display: none;
  }
  .cta_left > div .burger span {
    bottom: 0;
    -webkit-transform: translateX(0) translateY(0px);
    -ms-transform: translateX(0) translateY(0px);
    transform: translateX(0) translateY(0px);
  }
}
@media only screen and (max-width: 640px) {
  .cta_left {
    top: 0;
    right: 0;
  }
}

.cta_right {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 25px;
  z-index: 255;
  width: 35px;
  height: 100vh;
  height: -webkit-fill-available;
}
.cta_right > div {
  position: absolute;
  top: 35%;
  width: 100%;
}
.cta_right > div ul {
  margin-bottom: 30px;
}
.cta_right > div ul li {
  list-style: none;
  display: block;
  margin-bottom: 20px;
}
.cta_right > div ul li a {
  display: block;
  text-align: center;
}
.cta_right > div ul li a span {
  display: none;
}
.cta_right > div ul li a svg {
  width: auto;
}
.cta_right > div ul li a svg path {
  fill: #16171b;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.cta_right > div .open_nl {
  opacity: 1;
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.05px;
  line-height: 38px;
  text-align: center;
  color: #16171b;
  text-transform: uppercase;
  -ms-transform: rotate(-90deg) translateX(-100%);
  -moz-transform: rotate(-90deg) translateX(-100%);
  -webkit-transform: rotate(-90deg) translateX(-100%);
  transform: rotate(-90deg) translateX(-100%);
  -ms-transform-origin: left top;
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  cursor: pointer;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
body.nav_open .cta_right > div ul li a svg g {
  fill: #fff;
}
body.nav_open .cta_right > div ul li a svg path {
  fill: #fff;
}
body.nav_open .cta_right > div .open_nl {
  opacity: 0;
}

body.search_open .cta_right > div {
  /*ul{
  	li{
  		a{
  			svg{
  				g{
  					fill: #fff;
  				}
  				path{
  					fill: #fff;
  				}
  			}
  		}
  	}
  }*/
}
body.search_open .cta_right > div .open_nl {
  opacity: 0;
}

@media only screen and (max-width: 900px) {
  .cta_right {
    display: none;
  }
}

footer {
  background-color: #16171b;
  background-image: url("../img/noise.png");
  background-repeat: repeat;
  background-size: 100px;
  background-blend-mode: multiply;
  font-size: 13px;
  font-weight: 500;
  color: #f3eee3;
  padding: 100px 0 75px;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms;
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
footer .col {
  display: flex;
}
footer .widget_media_image {
  width: 87px;
  -ms-flex-item-align: center;
  align-self: center;
}
footer .widget_media_image a {
  display: inline-block;
}
footer .widget_media_image a img {
  display: block;
}
footer .widget_nav_menu {
  flex: 1;
  padding-left: 70px;
}
footer .widget_nav_menu ul li {
  list-style: none;
  display: inline-block;
  min-width: 250px;
  font-size: 20px;
  line-height: 20px;
  margin-left: 30px;
}
footer .widget_nav_menu ul li a {
  text-decoration: none;
}
footer .footer_pec {
  max-width: 400px;
  height: 110px;
  display: flex;
  border: 1px solid #f3eee3;
  margin: 80px auto 0 auto;
  text-decoration: none;
}
footer .footer_pec_text {
  display: flex;
  align-items: center;
  width: 50%;
  font-size: 17px;
  color: #f3eee3;
  line-height: 20px;
  padding: 20px;
}
footer .footer_pec_img_container {
  background: #f3eee3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  footer .widget_nav_menu {
    flex: 1;
    padding-left: 70px;
  }
  footer .widget_nav_menu ul li {
    min-width: 200px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1023px) {
  footer {
    display: none;
  }
}

.panel_menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111;
  width: 100%;
  height: 100vh;
  background-color: #16171b;
  background-image: url("../img/texture_menu.png");
  background-repeat: repeat;
  background-size: 500px;
  transform: translateY(-100%);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.panel_menu .shape {
  display: none;
  position: absolute;
  z-index: 2;
}
.panel_menu .shape.six {
  width: 327px;
  height: 500px;
  top: 28vh;
  right: -5px;
  z-index: 2;
}
.panel_menu > div {
  position: relative;
  z-index: 1;
  opacity: 1;
  height: 100vh;
  padding-top: 10vh;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms;
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.19px;
  color: #ffffff;
}
.panel_menu > div > .container {
  height: 100%;
}
.panel_menu > div > .container > .row {
  height: 100%;
}
.panel_menu > div > .container > .row > .col {
  height: 100%;
}
.panel_menu nav {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 615px;
  /*max-height: 500px;*/
  max-height: 90%;
  margin-bottom: 30px;
  overflow: auto;
  counter-reset: nav;
  opacity: 0;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.panel_menu nav .jspVerticalBar {
  width: 11px;
}
.panel_menu nav .jspTrack {
  background-color: #4b4b4b;
  border-radius: 25px;
}
.panel_menu nav > ul > li,
.panel_menu nav .jspPane > ul > li {
  list-style: none;
  padding: 10px 0 20px 45px;
  position: relative;
  transition: opacity 0.3s;
}
.panel_menu nav > ul > li a,
.panel_menu nav .jspPane > ul > li a {
  transition: opacity 0.3s;
}
.panel_menu nav > ul > li a:hover,
.panel_menu nav .jspPane > ul > li a:hover {
  opacity: 0.5;
}
.panel_menu nav > ul > li:before,
.panel_menu nav .jspPane > ul > li:before {
  counter-increment: nav;
  content: counters(nav, "", decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffdf00;
  display: block;
  width: 30px;
  overflow: hidden;
  text-indent: 50px;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.panel_menu nav > ul > li > a,
.panel_menu nav .jspPane > ul > li > a {
  font-size: 40px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.19px;
  color: #f3eee3;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.panel_menu nav > ul > li > a span,
.panel_menu nav .jspPane > ul > li > a span {
  display: block;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transform: translateY(140%);
  -moz-transform: translateY(140%);
  -webkit-transform: translateY(140%);
  transform: translateY(140%);
}
.panel_menu nav > ul > li:nth-child(7n+1)::before,
.panel_menu nav .jspPane > ul > li:nth-child(7n+1)::before {
  color: #1233f5;
  -ms-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.panel_menu nav > ul > li:nth-child(7n+1) span,
.panel_menu nav .jspPane > ul > li:nth-child(7n+1) span {
  -ms-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.panel_menu nav > ul > li:nth-child(7n+2)::before,
.panel_menu nav .jspPane > ul > li:nth-child(7n+2)::before {
  color: #1233f5;
  -ms-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.panel_menu nav > ul > li:nth-child(7n+2) span,
.panel_menu nav .jspPane > ul > li:nth-child(7n+2) span {
  -ms-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.panel_menu nav > ul > li:nth-child(7n+3)::before,
.panel_menu nav .jspPane > ul > li:nth-child(7n+3)::before {
  color: #1233f5;
  -ms-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.panel_menu nav > ul > li:nth-child(7n+3) span,
.panel_menu nav .jspPane > ul > li:nth-child(7n+3) span {
  -ms-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.panel_menu nav > ul > li:nth-child(7n+4)::before,
.panel_menu nav .jspPane > ul > li:nth-child(7n+4)::before {
  color: #1233f5;
  -ms-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.panel_menu nav > ul > li:nth-child(7n+4) span,
.panel_menu nav .jspPane > ul > li:nth-child(7n+4) span {
  -ms-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.panel_menu nav > ul > li:nth-child(7n+5)::before,
.panel_menu nav .jspPane > ul > li:nth-child(7n+5)::before {
  color: #1233f5;
  -ms-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.panel_menu nav > ul > li:nth-child(7n+5) span,
.panel_menu nav .jspPane > ul > li:nth-child(7n+5) span {
  -ms-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
.panel_menu nav > ul > li:nth-child(7n+6)::before,
.panel_menu nav .jspPane > ul > li:nth-child(7n+6)::before {
  color: #1233f5;
  -ms-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.panel_menu nav > ul > li:nth-child(7n+6) span,
.panel_menu nav .jspPane > ul > li:nth-child(7n+6) span {
  -ms-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.panel_menu nav > ul > li:nth-child(7n+7)::before,
.panel_menu nav .jspPane > ul > li:nth-child(7n+7)::before {
  color: #1233f5;
  -ms-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.panel_menu nav > ul > li:nth-child(7n+7) span,
.panel_menu nav .jspPane > ul > li:nth-child(7n+7) span {
  -ms-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.panel_menu nav > ul > li ul,
.panel_menu nav .jspPane > ul > li ul {
  display: none;
}
.panel_menu nav > ul > li ul li,
.panel_menu nav .jspPane > ul > li ul li {
  list-style: none;
  padding: 10px 0;
}
.panel_menu nav > ul > li ul li a,
.panel_menu nav .jspPane > ul > li ul li a {
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.27;
  letter-spacing: 0.1px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 900px) {
  .panel_menu {
    background-color: #1d1d1d;
    overflow: auto;
  }
  .panel_menu::before {
    border-radius: 0;
    display: none;
  }
  .panel_menu .shape {
    display: none !important;
  }
  .panel_menu nav {
    height: auto;
    max-height: none;
  }
  .panel_menu nav > ul > li,
  .panel_menu nav .jspPane > ul > li {
    padding: 7px 0 25px 35px;
  }
  .panel_menu nav > ul > li:before,
  .panel_menu nav .jspPane > ul > li:before {
    font-size: 12px;
  }
  .panel_menu nav > ul > li > a,
  .panel_menu nav .jspPane > ul > li > a {
    font-size: 20px;
  }
  .panel_menu nav > ul > li ul,
  .panel_menu nav .jspPane > ul > li ul {
    margin-top: 8px;
  }
  .panel_menu nav > ul > li ul li,
  .panel_menu nav .jspPane > ul > li ul li {
    padding: 2px 0;
  }
  .panel_menu > div {
    min-height: 100vh;
    height: auto;
  }
  .panel_menu > div > aside {
    display: block;
    border-top: solid 1px #414141;
    padding: 35px 25px;
  }
  .panel_menu > div > aside .wpml-ls {
    display: block;
    text-align: center;
    margin-bottom: 60px;
  }
  .panel_menu > div > aside .wpml-ls li {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    color: #6f6f6f;
    text-transform: uppercase;
  }
  .panel_menu > div > aside .wpml-ls li.wpml-ls-current-language {
    color: #fff;
  }
  .panel_menu > div > aside .wpml-ls li a {
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-right: 80px;
  }
  .panel_menu > div > aside .wpml-ls li a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 11px;
    z-index: 1;
    margin: auto;
    display: block;
    width: 57px;
    height: 30px;
    border-radius: 30px;
    background-color: #6f6f6f;
  }
  .panel_menu > div > aside .wpml-ls li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    z-index: 2;
    margin: auto;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
  }
  .panel_menu > div > aside .wpml-ls li:first-child a:focus::before {
    right: 38px;
  }
  .panel_menu > div > aside .wpml-ls li:last-child a {
    padding-right: 0;
    padding-left: 80px;
  }
  .panel_menu > div > aside .wpml-ls li:last-child a::before, .panel_menu > div > aside .wpml-ls li:last-child a::after {
    right: auto;
    left: 11px;
  }
  .panel_menu > div > aside .wpml-ls li:last-child a:focus::before {
    left: 38px;
  }
  .panel_menu > div > aside .wpml-ls li.wpml-ls-current-language a {
    padding-right: 0;
    padding-left: 0;
  }
  .panel_menu > div > aside .wpml-ls li.wpml-ls-current-language a::before, .panel_menu > div > aside .wpml-ls li.wpml-ls-current-language a::after {
    display: none;
  }
  .panel_menu > div > aside .open_nl {
    display: block;
    cursor: pointer;
    width: 122px;
    height: 29px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    margin: auto;
    margin-bottom: 45px;
    border: solid 2px #ffffff;
    border-radius: 20px;
  }
  .panel_menu > div > aside .ft .widget_media_image {
    display: none;
  }
  .panel_menu > div > aside .ft ul {
    background: url("../img/Shape_3.png") right bottom no-repeat;
    background-size: 80px auto;
  }
  .panel_menu > div > aside .ft ul li {
    list-style: none;
    display: block;
    margin: 10px 0;
  }
  .panel_menu > div > aside .ft ul li a {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.58;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
  }
  .panel_menu > div > aside .reso {
    margin-bottom: 60px;
    text-align: center;
  }
  .panel_menu > div > aside .reso ul li {
    list-style: none;
    display: inline-block;
    margin: 0 20px;
    width: 40px;
  }
  .panel_menu > div > aside .reso ul li a {
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .panel_menu > div > aside .reso ul li a span {
    display: none;
  }
  .panel_menu > div > aside .reso ul li a svg {
    width: auto;
  }
  .panel_menu > div > aside .reso ul li a svg path {
    fill: #fff;
  }
  .panel_menu > div > aside .reso ul li a svg g {
    fill: #fff;
  }
}

body.nav_open {
  overflow: hidden;
  /*footer{
  	position: fixed;
  	width: 100%;
  	left: 0;
  	top: 100%;
  	z-index: 112;
  	-ms-transform: translateY(-100%);
  	-moz-transform: translateY(-100%);
  	-webkit-transform: translateY(-100%);
  	transform: translateY(-100%);
  }*/
}
body.nav_open .panel_menu {
  transform: translateY(0);
}
body.nav_open .panel_menu > div {
  opacity: 1;
}
body.nav_open .panel_menu nav {
  opacity: 1;
}
body.nav_open .panel_menu nav > ul > li::before,
body.nav_open .panel_menu nav .jspPane > ul > li::before {
  text-indent: 0;
}
body.nav_open .panel_menu nav > ul > li > a span,
body.nav_open .panel_menu nav .jspPane > ul > li > a span {
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

body.nav_close .cta_top .open_nl {
  -ms-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}
body.nav_close .panel_menu nav {
  -ms-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
body.nav_close .panel_menu nav > ul > li:before,
body.nav_close .panel_menu nav .jspPane > ul > li:before {
  -ms-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
body.nav_close .panel_menu nav > ul > li a span,
body.nav_close .panel_menu nav .jspPane > ul > li a span {
  -ms-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
body.nav_close footer {
  -ms-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.panel_nl {
  position: fixed;
  top: 0;
  left: 200%;
  z-index: 444;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
}
.panel_nl::before {
  content: "";
  display: block;
  position: absolute;
  top: -999px;
  left: -999px;
  right: -999px;
  bottom: -999px;
  z-index: 1;
  width: auto;
  max-width: none;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.4);
  /*width: 200vw;
  height: 200vw;
  border-radius: 50%;*/
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
  opacity: 0;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.panel_nl > div {
  position: absolute;
  top: 0;
  right: -120%;
  z-index: 1;
  width: 47%;
  height: 100%;
  color: #16171b;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
  padding: 80px;
  padding-bottom: 50px;
  background: #fff;
}
.panel_nl > div .close_nl {
  cursor: pointer;
  position: absolute;
  top: 95px;
  left: -27px;
  z-index: 2;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #ffffff;
}
.panel_nl > div .close_nl span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  width: 18px;
  height: 18px;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transform-origin: center center;
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.panel_nl > div .close_nl span::before, .panel_nl > div .close_nl span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #16171b;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.panel_nl > div .close_nl span::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.panel_nl > div .close_nl span::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.panel_nl > div .close_nl:hover span {
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.panel_nl > div .the_form {
  padding-right: 30px;
  height: 100%;
  overflow: auto;
}
.panel_nl > div .the_form .titre {
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.19px;
  color: #16171b;
  margin-bottom: 40px;
  width: 50%;
}
.panel_nl > div .the_form form {
  padding-right: 50px;
  position: relative;
}
.panel_nl > div .the_form form label {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
}
.panel_nl > div .the_form form .form-check {
  display: block;
  line-height: 45px;
  position: relative;
  padding: 0 0 0 35px;
}
.panel_nl > div .the_form form .form-check [type=checkbox]:not(:checked),
.panel_nl > div .the_form form .form-check [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.panel_nl > div .the_form form .form-check [type=checkbox]:not(:checked) + label::before,
.panel_nl > div .the_form form .form-check [type=checkbox]:checked + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 20.5px;
  height: 20.5px;
  border: solid 1px #16171b;
  background-color: #ffffff;
  border-radius: 3px;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.panel_nl > div .the_form form .form-check [type=checkbox]:checked + label {
  /*background-color: #0000ff;
  border-color: #0000ff;*/
}
.panel_nl > div .the_form form .form-check [type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 20.5px;
  height: 20.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.238 5.952L4.095 8.81l6.667-7.62'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
.panel_nl > div .the_form form .form-check [type=radio]:not(:checked),
.panel_nl > div .the_form form .form-check [type=radio]:checked {
  position: absolute;
  left: -9999px;
}
.panel_nl > div .the_form form .form-check [type=radio]:not(:checked) + label::before,
.panel_nl > div .the_form form .form-check [type=radio]:checked + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 21px;
  height: 21px;
  border: solid 1px #16171b;
  background-color: #ffffff;
  border-radius: 50%;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.panel_nl > div .the_form form .form-check [type=radio]:checked + label {
  /*background-color: #0000ff;
  border-color: #0000ff;*/
}
.panel_nl > div .the_form form .form-check [type=radio]:checked + label:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
  width: 11px;
  height: 11px;
  background-color: #16171b;
  border-radius: 50%;
}
.panel_nl > div .the_form form .cb_profil {
  margin-top: 15px;
}
.panel_nl > div .the_form form .cb_profil .form-check {
  text-transform: uppercase;
}
.panel_nl > div .the_form form .cb_rgpd {
  color: #787878;
  margin-bottom: 30px;
}
@media only screen and (max-width: 900px) {
  .panel_nl > div {
    width: 100%;
    overflow: auto;
    padding: 50px 35px;
    background-size: 80px auto;
    -ms-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
  }
  .panel_nl > div .the_form {
    overflow: unset;
    height: auto;
    padding-right: 0;
  }
  .panel_nl > div .the_form .titre {
    font-size: 20px;
    width: 80%;
  }
  .panel_nl > div .the_form form {
    padding-right: 0;
  }
  .panel_nl > div .the_form form::after {
    display: none;
  }
}

body.news_open {
  overflow: hidden;
}
body.news_open .panel_nl {
  left: 0;
}
body.news_open .panel_nl::before {
  opacity: 1;
}
body.news_open .panel_nl > div {
  right: 0;
}
@media only screen and (max-width: 900px) {
  body.news_open .panel_nl > div .close_nl {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    width: 40px;
    height: 40px;
    border-radius: 0;
    box-shadow: none;
  }
  body.news_open .panel_nl > div .close_nl span {
    width: 22px;
    height: 22px;
  }
  body.news_open .panel_nl > div .close_nl span::before, body.news_open .panel_nl > div .close_nl span::after {
    height: 3px;
  }
  body.news_open .panel_nl > div .the_form form .btn {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
  }
}

.panel_search {
  position: fixed;
  top: -200%;
  left: 200%;
  z-index: 555;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
  -moz-transition: all 750ms ease-in-out;
  -webkit-transition: all 750ms ease-in-out;
  -o-transition: all 750ms ease-in-out;
  transition: all 750ms ease-in-out;
}
.panel_search::before {
  content: "";
  display: block;
  position: absolute;
  top: -999px;
  left: -999px;
  right: -999px;
  bottom: -999px;
  z-index: 1;
  width: auto;
  max-width: none;
  height: 100%;
  margin: auto;
  background-color: #f3eee3;
  width: 200vw;
  height: 200vw;
  border-radius: 50%;
}
.panel_search .close_search {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  cursor: pointer;
  display: block;
  width: 54px;
  height: 54px;
  border: solid 2px #16171b;
  border-radius: 50%;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transform-origin: center center;
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.panel_search .close_search:hover {
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.panel_search .close_search::before, .panel_search .close_search::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 24px;
  height: 2px;
  background-color: #16171b;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  border-radius: 3px;
}
.panel_search .close_search::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.panel_search .close_search::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.panel_search #searchform > * {
  opacity: 0;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}
.panel_search #searchform > .container {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  max-width: 750px;
  padding: 0;
  z-index: 2;
}
.panel_search #searchform > .container .field_search {
  display: block;
  width: 100%;
  margin-bottom: 110px;
  background-color: transparent;
  padding: 0 30px;
}
.panel_search #searchform > .container .field_search input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0;
  background: none;
  border: none;
  text-align: left;
  font-size: 60px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.37px;
  color: #16171b;
  font-family: inherit;
  text-align: center;
}
.panel_search #searchform > .container .field_search input::placeholder {
  text-align: center;
  opacity: 1;
  color: #16171b;
}
.panel_search #searchform > .container .submit_search {
  cursor: pointer;
  display: block;
  width: 54px;
  height: 54px;
  margin: auto;
  border: solid 2px #ffffff;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%2316171b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 1l5 5 5-5'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-color: #fff;
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
@media only screen and (max-width: 900px) {
  .panel_search::before {
    border-radius: 0;
  }
  .panel_search #searchform > .close_search {
    top: 50px;
    position: relative;
  }
  .panel_search #searchform > .container {
    position: relative;
    top: 100px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .panel_search #searchform > .container .field_search {
    margin-bottom: 50px;
  }
  .panel_search #searchform > .container .field_search input {
    font-size: 30px;
  }
}

body.search_open {
  overflow: hidden;
}
body.search_open .panel_search {
  left: 0;
  top: 0;
}
body.search_open .panel_search #searchform > * {
  opacity: 1;
}
body.search_open .panel_search #searchform > .close_search {
  -ms-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}

body.search_close .panel_search #searchform > * {
  -ms-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.pagination {
  text-align: center;
  margin-top: 50px;
}
.page-template-modele-program .pagination, .page-template-modele-archives .pagination {
  margin-top: 0;
  margin-bottom: 50px;
}
.pagination h2 {
  display: none;
}
.pagination .nav-links > * {
  display: inline-block;
  margin: 0 2px;
}
.pagination .nav-links > *.page-numbers {
  text-align: center;
  border: 1px solid #1233f5;
  width: 30px;
  height: 30px;
  line-height: 33px;
  color: #1233f5;
  text-decoration: none;
  font-size: 17px;
}
.pagination .nav-links > *.page-numbers.current {
  background-color: #1233f5;
  color: #fff;
}
.pagination .nav-links > *.page-numbers.next, .pagination .nav-links > *.page-numbers.prev {
  border: none;
  width: auto;
}
.pagination > * {
  display: inline-block;
  margin: 0 2px;
}
.pagination > *.page-numbers {
  text-align: center;
  border: 1px solid #1233f5;
  width: 30px;
  height: 30px;
  line-height: 33px;
  color: #1233f5;
  text-decoration: none;
  font-size: 17px;
}
.pagination > *.page-numbers.current {
  background-color: #1233f5;
  color: #fff;
}
.pagination > *.page-numbers.next, .pagination > *.page-numbers.prev {
  border: none;
  width: auto;
}

body.search-results header,
body.search-no-results header {
  display: none;
}
body.search-results .close_search_results,
body.search-no-results .close_search_results {
  position: relative;
  margin: 80px auto;
  cursor: pointer;
  display: block;
  width: 54px;
  height: 54px;
  border: solid 2px #16171b;
  border-radius: 50%;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transform-origin: center center;
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
body.search-results .close_search_results a,
body.search-no-results .close_search_results a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
body.search-results .close_search_results:hover,
body.search-no-results .close_search_results:hover {
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
body.search-results .close_search_results::before, body.search-results .close_search_results::after,
body.search-no-results .close_search_results::before,
body.search-no-results .close_search_results::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 24px;
  height: 2px;
  background-color: #16171b;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  border-radius: 3px;
}
body.search-results .close_search_results::before,
body.search-no-results .close_search_results::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.search-results .close_search_results::after,
body.search-no-results .close_search_results::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.search-results .search-title,
body.search-no-results .search-title {
  font-size: 27.9px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.17px;
  text-align: center;
  color: #16171b;
}
body.search-results .search_result,
body.search-no-results .search_result {
  padding-bottom: 100px;
}
body.search-results .search_result .open_search,
body.search-no-results .search_result .open_search {
  border: solid 2px #1233f5;
  background-color: #1233f5;
  color: #fff;
  margin: 40px 0;
  padding: 0 20px;
  line-height: 49px;
  position: relative;
  padding-right: 35px;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
body.search-results .search_result .open_search span,
body.search-no-results .search_result .open_search span {
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
body.search-results .search_result .open_search span::after, body.search-results .search_result .open_search span::before,
body.search-no-results .search_result .open_search span::after,
body.search-no-results .search_result .open_search span::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 1l6 6-6 6'/%3E %3C/svg%3E");
  display: block;
  width: 8px;
  height: 14px;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  opacity: 1;
}
body.search-results .search_result .open_search span::before,
body.search-no-results .search_result .open_search span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 1l6 6-6 6'/%3E %3C/svg%3E");
  opacity: 0;
}
body.search-results .search_result .open_search:hover,
body.search-no-results .search_result .open_search:hover {
  border: solid 2px #fff;
  background-color: #fff;
}
body.search-results .search_result .open_search:hover span,
body.search-no-results .search_result .open_search:hover span {
  color: #16171b;
}
body.search-results .search_result .open_search:hover span::after,
body.search-no-results .search_result .open_search:hover span::after {
  opacity: 0;
}
body.search-results .search_result .open_search:hover span::before,
body.search-no-results .search_result .open_search:hover span::before {
  opacity: 1;
}
body.search-results .result,
body.search-no-results .result {
  max-width: 565px;
  margin: auto;
  border-radius: 4px;
  background-color: #ffffff;
  margin-bottom: 8px;
  padding: 35px 40px;
}
body.search-results .result a,
body.search-no-results .result a {
  text-decoration: none;
}
body.search-results .result .type,
body.search-no-results .result .type {
  display: block;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  color: #ff4d27;
}
body.search-results .result.evenement .type,
body.search-no-results .result.evenement .type {
  color: #1233f5;
}
body.search-results .result .titre,
body.search-no-results .result .titre {
  font-size: 25px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.28;
  letter-spacing: 0.16px;
  color: #16171b;
}
body.search-results .result .meta,
body.search-no-results .result .meta {
  font-size: 10px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0.06px;
  color: #16171b;
  text-transform: uppercase;
}
body.search-results .result .picto,
body.search-no-results .result .picto {
  width: 35px;
  display: block;
  margin-top: 10px;
}
body.search-results .result .genre,
body.search-no-results .result .genre {
  display: inline-block;
  height: 35px;
  line-height: 38px;
  padding: 0 15px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.08px;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 10px;
}
@media only screen and (max-width: 640px) {
  body.search-results .result,
  body.search-no-results .result {
    padding: 20px;
    margin: 10px -15px;
  }
  body.search-results .result .titre,
  body.search-no-results .result .titre {
    font-size: 18px;
  }
}

/**/
@media only screen and (max-width: 900px) {
  body.home {
    background-position: 0 90%;
  }
}
body.home .h_slides {
  margin-bottom: 140px;
}
body.home .h_slides img {
  display: block;
}
body.home .h_slides .carousel-inner {
  margin-bottom: 12px;
  border-radius: 5px;
  overflow: hidden;
}
body.home .h_slides .carousel-inner .carousel-caption {
  padding: 0;
  bottom: 90px;
  font-size: 25px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.09px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
body.home .h_slides .carousel-inner .carousel-caption .titre {
  text-transform: none;
  font-size: 60px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.26px;
}
body.home .h_slides .carousel-indicators {
  position: relative;
  margin: 0;
  justify-content: start;
  text-align: center;
  display: block;
  width: 100%;
}
body.home .h_slides .carousel-indicators li {
  width: 16px;
  height: 2px;
  background-color: #16171b;
  position: relative;
  opacity: 1;
  margin-left: 0;
  margin-right: 6px;
  display: inline-block;
  transition: height 0.3s;
}
body.home .h_slides .carousel-indicators li.active {
  background-color: #1233f5;
  height: 4px;
}
body.home .h_slides .shape {
  display: block;
  position: absolute;
  z-index: 2;
}
body.home .h_slides .shape.zero {
  width: 74px;
  height: 105px;
  top: -15px;
  left: 40px;
}
body.home .h_slides .shape.one {
  width: 133px;
  height: 216px;
  bottom: -145px;
  right: -25px;
}
@media only screen and (max-width: 900px) {
  body.home .h_slides {
    margin-bottom: 80px;
  }
  body.home .h_slides .carousel {
    margin-left: -35px;
    margin-right: -35px;
  }
  body.home .h_slides .carousel .carousel-inner {
    border-radius: 0;
    height: 345px;
  }
  body.home .h_slides .carousel .carousel-inner .carousel-item {
    height: 100%;
  }
  body.home .h_slides .carousel .carousel-inner .carousel-item a {
    display: block;
    height: 100%;
  }
  body.home .h_slides .carousel .carousel-inner .carousel-item a figure {
    display: block;
    height: 100%;
  }
  body.home .h_slides .carousel .carousel-inner .carousel-item a figure img {
    position: absolute;
    top: -999px;
    left: -999px;
    right: -999px;
    bottom: -999px;
    z-index: 1;
    width: auto;
    max-width: none;
    height: 100%;
    margin: auto;
  }
  body.home .h_slides .carousel .carousel-inner .carousel-caption {
    bottom: 20px;
    font-size: 13px;
    right: 35px;
    left: 35px;
  }
  body.home .h_slides .carousel .carousel-inner .carousel-caption .titre {
    font-size: 40px;
    margin-bottom: 15px;
  }
  body.home .h_slides .carousel .carousel-indicators {
    text-align: center;
  }
  body.home .h_slides .shape {
    display: none;
  }
}
body.home section.program {
  margin-bottom: 140px;
  position: relative;
}
body.home section.program .shape {
  display: block;
  position: absolute;
  z-index: 2;
}
body.home section.program .shape.two {
  width: 158px;
  height: 188px;
  bottom: 15px;
  left: 15px;
}
body.home section.program .titre_section {
  display: inline-block;
  white-space: nowrap;
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.51px;
  text-align: center;
  color: #16171b;
  text-decoration: none;
}
@media only screen and (min-width: 901px) {
  body.home section.program .titre_section {
    position: absolute;
    top: 0;
    left: 15px;
    -ms-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    -webkit-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
}
body.home section.program .titre_section span {
  display: inline-block;
  padding-left: 30px;
}
body.home section.program .tuiles {
  width: calc(100% - 100px);
  margin-left: 100px;
  margin-bottom: 50px;
  text-align: center;
}
body.home section.program .tuiles .tuile {
  width: calc(50% - 20px);
  margin-bottom: 40px;
  margin-right: 0;
}
body.home section.program .tuiles .tuile:nth-child(odd) {
  margin-right: 40px;
}
@media only screen and (max-width: 900px) {
  body.home section.program {
    margin-bottom: 90px;
  }
  body.home section.program .shape {
    display: none;
  }
  body.home section.program .titre_section {
    font-size: 48px;
    position: relative;
    margin-bottom: 40px;
    font-weight: 700;
  }
  body.home section.program .titre_section::before {
    width: 28px;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 5px;
  }
  body.home section.program .titre_section span {
    padding-left: 0;
  }
  body.home section.program .tuiles {
    width: 100%;
    max-width: 760px;
    margin-left: 0;
  }
  body.home section.program .tuiles .tuile {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 0 !important;
  }
}
body.home section.page_mea {
  padding: 100px 0;
  position: relative;
  background-color: #16171b;
}
body.home section.page_mea .shape {
  display: block;
  position: absolute;
  z-index: 2;
}
body.home section.page_mea .shape.three {
  width: 199px;
  height: 500px;
  top: -300px;
  right: 15px;
  z-index: -1;
}
body.home section.page_mea .shape.three.rellax {
  top: -600px;
}
body.home section.page_mea .illustration {
  max-width: 385px;
  margin: 40px auto;
  /*padding-bottom: 80.52%;*/
}
body.home section.page_mea .titre_story {
  font-size: 48px;
  font-weight: 700;
  color: #f3eee3;
}
body.home section.page_mea .titre {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.51px;
  text-align: center;
  color: #f3eee3;
  font-size: 88px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
}
body.home section.page_mea .titre span {
  color: #1233f5;
}
body.home section.page_mea div.ct {
  margin: 0 auto;
  margin-top: 20px;
  font-stretch: normal;
  text-align: center;
  color: #f3eee3;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  max-width: 680px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 900px) {
  body.home section.page_mea .shape {
    display: none;
  }
  body.home section.page_mea .titre_section {
    font-size: 22px;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
  }
  body.home section.page_mea .titre_section::before {
    width: 28px;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 5px;
  }
  body.home section.page_mea .titre_section span {
    padding-left: 0;
    margin-left: 0;
  }
  body.home section.page_mea .illustration {
    max-width: 67%;
    margin-top: 0;
    margin-bottom: 0;
  }
  body.home section.page_mea .titre {
    font-size: 24px;
    margin-bottom: 12px;
  }
  body.home section.page_mea div.ct {
    margin: 0;
    margin-bottom: 20px;
    font-size: 16px;
  }
}

body.home.ie section.page_mea .illustration svg {
  display: none;
}
body.home.ie section.page_mea .illustration i {
  display: block;
}

.withsection .txt_blue {
  color: #0000ff;
}
.withsection .txt_pink {
  color: #fc1f6f;
}
.withsection .txt_yellow {
  color: #ffdf00;
}
.withsection .txt_purple {
  color: #1233f5;
}
.withsection .txt_orange {
  color: #ff4d27;
}
.withsection .txt_green {
  color: #00ff96;
}
.withsection .txt_white {
  color: #fff;
}
.withsection .txt_black {
  color: #16171b;
}
.withsection .bgwhite {
  background-color: #fff;
}
.withsection .bgblack {
  background-color: #16171b;
}
.withsection .bgcolor1 {
  background-color: #1233f5;
}
.withsection .bgcolor2 {
  background-color: #1233f5;
}
.withsection .bgcolor3 {
  background-color: #1233f5;
}
.withsection .bgcolor4 {
  background-color: #1233f5;
}
.withsection .bgcolor5 {
  background-color: #1233f5;
}
.withsection .bgcolor6 {
  background-color: #1233f5;
}

.btn,
input[type=submit] {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 15px;
  height: 50px;
  line-height: 54px;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  border-radius: 25px;
  color: #16171b;
  background-color: #fff;
  cursor: pointer;
  min-width: 165px;
  border: none;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.btn.btnresa,
input[type=submit].btnresa {
  color: #fff;
  background-color: #1233f5;
  min-width: 165px;
}
.btn.btndisable,
input[type=submit].btndisable {
  color: #fff;
  background-color: #ff4d27;
  min-width: 165px;
}
@media only screen and (min-width: 901px) {
  .btn.big,
  input[type=submit].big {
    height: 70px;
    border-radius: 35px;
    padding: 0 20px;
    line-height: 75px;
    font-size: 18px;
    min-width: 300px;
    letter-spacing: 0.31px;
  }
}
.btn.blue,
input[type=submit].blue {
  color: #fff;
  background-color: #1233f5;
}
.btn.orange,
input[type=submit].orange {
  color: #fff;
  background-color: #1233f5;
}
.btn.pink,
input[type=submit].pink {
  color: #fff;
  background-color: #1233f5;
}
.btn.txt_white,
input[type=submit].txt_white {
  color: #fff;
}
.btn.txt_black,
input[type=submit].txt_black {
  color: #16171b;
}
.btn.bgwhite,
input[type=submit].bgwhite {
  background-color: #fff;
}
.btn.bgblack,
input[type=submit].bgblack {
  background-color: #16171b;
}
.btn.bgcolor1,
input[type=submit].bgcolor1 {
  background-color: #1233f5;
}
.btn.bgcolor2,
input[type=submit].bgcolor2 {
  background-color: #1233f5;
}
.btn.bgcolor3,
input[type=submit].bgcolor3 {
  background-color: #1233f5;
}
.btn.bgcolor4,
input[type=submit].bgcolor4 {
  background-color: #1233f5;
}
.btn.bgcolor5,
input[type=submit].bgcolor5 {
  background-color: #1233f5;
}
.btn.bgcolor6,
input[type=submit].bgcolor6 {
  background-color: #1233f5;
}
.btn > span,
input[type=submit] > span {
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  display: block;
}

a.btn:hover,
input.btn:hover,
.more span.btn:hover,
button.btn:hover,
span.open_nl.btn:hover {
  background-color: #fff !important;
  color: #16171b;
  /*&.blue{
  	color: #0000ff;
  	background-color: #fff;
  }
  &.orange{
  	color: #ff4d27;
  	background-color: #fff;
  }
  &.pink{
  	color: #fc1f6f;
  	background-color: #fff;
  }
  &.bgwhite{ background-color:$color--black; color: #fff; }
  &.bgblack{ background-color:#fff; color: $color--black; }
  &.bgcolor1{ background-color:#fff; color: #0000FF; }
  &.bgcolor2{ background-color:#fff; color: #FC1F6F; }
  &.bgcolor3{ background-color:#fff; color: #FFDF00; }
  &.bgcolor4{ background-color:#fff; color: $color--blue; }
  &.bgcolor5{ background-color:#fff; color: #FF4D27; }
  &.bgcolor6{ background-color:#fff; color: #00FF96; }*/
}
a.btn:hover.btnresa,
input.btn:hover.btnresa,
.more span.btn:hover.btnresa,
button.btn:hover.btnresa,
span.open_nl.btn:hover.btnresa {
  color: #16171b;
  background-color: #fff;
}
a.btn:hover > span,
input.btn:hover > span,
.more span.btn:hover > span,
button.btn:hover > span,
span.open_nl.btn:hover > span {
  color: #000 !important;
}
a.btn:hover.bgwhite,
input.btn:hover.bgwhite,
.more span.btn:hover.bgwhite,
button.btn:hover.bgwhite,
span.open_nl.btn:hover.bgwhite {
  background-color: #000 !important;
  color: #fff;
}
a.btn:hover.bgwhite > span,
input.btn:hover.bgwhite > span,
.more span.btn:hover.bgwhite > span,
button.btn:hover.bgwhite > span,
span.open_nl.btn:hover.bgwhite > span {
  color: #fff !important;
}

div.btn {
  cursor: default;
}

.tuiles::after {
  display: block;
  clear: both;
  content: "";
}
.tuiles .tuile {
  float: left;
  height: 350px;
  margin-right: 40px;
  /*margin: 0 15px;
  width: 100%;
  max-width: 350px;*/
  /*height: 445px;*/
  position: relative;
}
.tuiles .tuile > div {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border-bottom-left-radius: 0;
  position: relative;
  overflow: hidden;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  border:none;
}
.tuiles .tuile a {
  height: 100%;
  text-decoration: none;
  display: block;
  text-align: left;
}
.tuiles .tuile figure {
  display: block;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.tuiles .tuile figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.tuiles .tuile .genre {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  display: inline-block;
  height: 35px;
  line-height: 38px;
  padding: 0 15px;
  border-radius: 20px;
  background-color: #1233f5;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.08px;
  color: #ffffff;
  text-transform: uppercase;
}
.tuiles .tuile .ct {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 255px;
  max-width: calc(100% - 20px);
  padding-right: 20px;
  height: 120px;
  background-color: #f3eee3;
  border-top-right-radius: 16px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  color: #16171b;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.tuiles .tuile .ct .meta {
  text-transform: lowercase;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.tuiles .tuile .ct .meta strong {
  font-weight: bold;
}
.tuiles .tuile .ct .titre {
  color: #16171b;
  font-size: 36px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}
.tuiles .tuile:hover::before {
  margin-top: -25px;
}
.tuiles .tuile:hover > div {
  -ms-transform: translateX(0) translateY(-20px);
  -moz-transform: translateX(0) translateY(-20px);
  -webkit-transform: translateX(0) translateY(-20px);
  transform: translateX(0) translateY(-20px);
}
.tuiles .box {
  float: left;
  width: 33.33333%;
  /*max-width: 350px;*/
  height: 585px;
  position: relative;
  padding: 13px 15px;
}
.tuiles .box > div {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.tuiles .box a {
  text-decoration: none;
  display: block;
}
.tuiles .box a.wrap {
  width: 100%;
  height: 100%;
  text-align: left;
}
.tuiles .box .cat {
  display: block;
  position: absolute;
  top: 277px;
  left: 0;
  right: 0;
  z-index: 3;
  text-align: center;
}
.tuiles .box .cat span {
  display: block;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.69;
  letter-spacing: 0.08px;
  text-align: center;
  color: #bcbcbc;
  text-transform: uppercase;
}
.tuiles .box .cat img {
  width: 33px;
  height: auto;
  border: solid 3px #fff;
  display: inline-block;
}
.tuiles .box figure {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 280px;
  overflow: hidden;
}
.tuiles .box figure img {
  position: absolute;
  top: -999px;
  left: -999px;
  right: -999px;
  bottom: -999px;
  z-index: 1;
  width: auto;
  max-width: none;
  height: 100%;
  margin: auto;
  height: auto;
  width: 100%;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.tuiles .box .ct {
  background-color: #fff;
  width: 100%;
  padding: 65px 35px;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.59;
  letter-spacing: 0.14px;
  color: #16171b;
}
.tuiles .box .ct .meta {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.09px;
  color: #bcbcbc;
  position: absolute;
  left: 50px;
  bottom: 20px;
  line-height: 35px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1024px) {
  .tuiles .box.big {
    width: 66.66667%;
    /*max-width: 730px;*/
  }
  .tuiles .box.big .cat {
    display: inline-block;
    width: auto;
    left: 35px;
    right: auto;
    z-index: 4;
  }
  .tuiles .box.big .cat span {
    color: #fff;
  }
  .tuiles .box.big figure {
    height: 100%;
  }
  .tuiles .box.big .ct {
    position: absolute;
    top: 50%;
    height: 50%;
    padding-top: 100px;
    z-index: 3;
    text-align: left;
    background-color: transparent;
    color: #fff;
  }
  .tuiles .box.big .ct .meta {
    color: #fff;
  }
}
.tuiles .box:hover figure img {
  -ms-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
@media only screen and (max-width: 1200px) {
  .tuiles .box figure img {
    width: auto;
    height: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .tuiles .box {
    width: 274px !important;
    height: 400px;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .tuiles .box .cat {
    top: 191px;
  }
  .tuiles .box .cat span {
    font-size: 12px;
    line-height: 1.65;
  }
  .tuiles .box figure {
    height: 195px;
  }
  .tuiles .box .ct {
    font-size: 18px;
    line-height: 1.3;
    padding: 45px 10px 35px 10px;
  }
  .tuiles .box .ct .meta {
    font-size: 12px;
    left: 25px;
    bottom: 15px;
  }
}

.title_page {
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.31px;
  color: #16171b;
}
@media only screen and (max-width: 900px) {
  .title_page {
    font-size: 35px;
  }
}

.col_filtre {
  z-index: 10;
}

.filtre .tt,
.panel_filtre .tt {
  display: none;
}
.filtre .cta,
.panel_filtre .cta {
  padding: 20px 0;
}
.filtre .tool,
.panel_filtre .tool {
  padding: 5px 0 10px 0;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #16171b;
  text-transform: none;
}
.filtre .tool .reinit,
.panel_filtre .tool .reinit {
  cursor: pointer;
}
.filtre .tool .reinit:before,
.panel_filtre .tool .reinit:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12'%3E %3Cpath fill='%23000' fill-rule='nonzero' d='M12 6c0-3.308-2.692-6-6-6S0 2.692 0 6s2.692 6 6 6h.75v-1.5H6A4.505 4.505 0 0 1 1.5 6c0-2.482 2.018-4.5 4.5-4.5s4.5 2.018 4.5 4.5v.75h-3l3.75 3.75L15 6.75h-3V6z'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 5px;
}
.filtre .dropdown,
.panel_filtre .dropdown {
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #16171b;
  text-transform: uppercase;
}
.filtre .dropdown .btndrop,
.panel_filtre .dropdown .btndrop {
  padding: 0 35px;
  height: 70px;
  border-radius: 5px;
  background-color: #ffffff;
  line-height: 70px;
  cursor: pointer;
}
.filtre .dropdown .btndrop::after,
.panel_filtre .dropdown .btndrop::after {
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 1l5 5 5-5'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 12px;
  height: 7px;
  margin-left: 40px;
  vertical-align: 2px;
}
.filtre .dropdown .btndrop .all,
.panel_filtre .dropdown .btndrop .all {
  opacity: 1;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.filtre .dropdown .btndrop .select,
.panel_filtre .dropdown .btndrop .select {
  position: absolute;
  top: 0;
  left: 35px;
  opacity: 0;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.filtre .dropdown.show .btndrop,
.panel_filtre .dropdown.show .btndrop {
  border-radius: 5px 5px 0 0;
}
.filtre .dropdown.show .btndrop::after,
.panel_filtre .dropdown.show .btndrop::after {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.filtre .dropdown .dropdown-menu,
.panel_filtre .dropdown .dropdown-menu {
  border: none;
  border-top: solid 1px #e7e7e7;
  margin-top: -3px;
  border-radius: 0 0 5px 5px;
  width: 100%;
}
.filtre .dropdown .dropdown-menu .dropdown-item,
.panel_filtre .dropdown .dropdown-menu .dropdown-item {
  padding: 0;
}
.filtre .dropdown .dropdown-menu .dropdown-item:hover, .filtre .dropdown .dropdown-menu .dropdown-item:active, .filtre .dropdown .dropdown-menu .dropdown-item:focus,
.panel_filtre .dropdown .dropdown-menu .dropdown-item:hover,
.panel_filtre .dropdown .dropdown-menu .dropdown-item:active,
.panel_filtre .dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #f2f2f2;
}
.filtre .dropdown .dropdown-menu .dropdown-item > label,
.panel_filtre .dropdown .dropdown-menu .dropdown-item > label {
  display: block;
  line-height: 45px;
  cursor: pointer;
  position: relative;
  padding: 0 85px 0 35px;
}
.filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:not(:checked),
.filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:checked,
.panel_filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:not(:checked),
.panel_filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:not(:checked) + span,
.filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:checked + span,
.panel_filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:not(:checked) + span,
.panel_filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:checked + span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  margin: auto;
  width: 20.5px;
  height: 20.5px;
  border: solid 1px #16171b;
  background-color: #ffffff;
  border-radius: 3px;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:checked + span,
.panel_filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:checked + span {
  background-color: #0000ff;
  border-color: #0000ff;
}
.filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:checked + span:before,
.panel_filtre .dropdown .dropdown-menu .dropdown-item > label [type=checkbox]:checked + span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.238 5.952L4.095 8.81l6.667-7.62'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
.filtre .dropdown.on .btndrop .all,
.panel_filtre .dropdown.on .btndrop .all {
  opacity: 0;
}
.filtre .dropdown.on .btndrop .select,
.panel_filtre .dropdown.on .btndrop .select {
  opacity: 1;
}

.panel_filtre {
  display: none;
  pointer-events: none;
}

body.filtre_open {
  overflow: hidden;
}
body.filtre_open .panel_filtre {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #fff;
  overflow: auto;
  padding: 45px 0;
  pointer-events: all;
}
body.filtre_open .panel_filtre .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
body.filtre_open .panel_filtre .close::before, body.filtre_open .panel_filtre .close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #16171b;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
body.filtre_open .panel_filtre .close::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.filtre_open .panel_filtre .close::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.filtre_open .panel_filtre .close::before, body.filtre_open .panel_filtre .close::after {
  width: 20px;
  height: 3px;
}
body.filtre_open .panel_filtre .tt {
  display: block;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: center;
  color: #16171b;
  margin-bottom: 15px;
  background: none;
  box-shadow: none;
  text-transform: none;
}
body.filtre_open .panel_filtre .tt::after {
  display: none;
}
body.filtre_open .panel_filtre .dropdown {
  display: block;
  float: none;
}
body.filtre_open .panel_filtre .dropdown .dropdown-menu {
  font-size: 16px;
  float: none;
  position: relative !important;
  transform: none !important;
}
body.filtre_open .panel_filtre .cta {
  position: fixed;
  z-index: 2000;
  bottom: 0;
  padding: 0;
  width: 100%;
}
body.filtre_open .panel_filtre .cta .btn {
  width: 100%;
  border-radius: 0;
}

.page_program .filtre .dropdown {
  float: left;
}
.page_program .filtre .dropdown:last-child {
  margin-left: 65px;
}
.page_program .tuile {
  width: calc((100% - 80px) / 3);
  margin-bottom: 40px;
}
.page_program .tuile:nth-child(3n+3) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .page_program .filtre .dropdown .btndrop {
    padding: 0 20px;
  }
  .page_program .filtre .dropdown .btndrop::after {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 1100px) {
  .page_program .title_page {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1040px) {
  .page_program .filtre .dropdown:last-child {
    margin-left: 25px;
  }
  .page_program .filtre .dropdown .btndrop {
    padding: 0 18px;
  }
  .page_program .filtre .dropdown .btndrop::after {
    margin-left: 15px;
  }
}

/**/
body.page-template-modele-program,
body.page-template-modele-archives,
body.tax-genre {
  /*background: url("../img/fill-26-pink.svg") 0 0 no-repeat, url("../img/Fill 26.png") center bottom no-repeat, #fff;
  background-size: 100% auto;*/
  position: relative;
}
body.page-template-modele-program .open_prog,
body.page-template-modele-archives .open_prog,
body.tax-genre .open_prog {
  display: none;
}
body.page-template-modele-program .shape_plx,
body.page-template-modele-archives .shape_plx,
body.tax-genre .shape_plx {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
}
body.page-template-modele-program .shape_plx .shape_top,
body.page-template-modele-archives .shape_plx .shape_top,
body.tax-genre .shape_plx .shape_top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../img/fill-26-pink.svg") center top no-repeat;
  background-size: 100% auto;
  width: 100%;
  padding-bottom: 62.5%;
}
body.page-template-modele-program .shape_plx .shape_bottom,
body.page-template-modele-archives .shape_plx .shape_bottom,
body.tax-genre .shape_plx .shape_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: url("../img/Fill 26.png") center bottom no-repeat;
  background-size: 100% auto;
  width: 100%;
  padding-bottom: 52%;
}
@media only screen and (max-width: 480px) {
  body.page-template-modele-program .shape_plx .shape_top,
  body.page-template-modele-archives .shape_plx .shape_top,
  body.tax-genre .shape_plx .shape_top {
    left: -50%;
    width: 200%;
    height: 100%;
  }
  body.page-template-modele-program .shape_plx .shape_bottom,
  body.page-template-modele-archives .shape_plx .shape_bottom,
  body.tax-genre .shape_plx .shape_bottom {
    display: none;
  }
}

@media only screen and (min-width: 901px) {
  body.single-post {
    background: url("../img/group-live.svg") 0 0 no-repeat #fff;
    background-size: 100% auto;
  }
}

body.single-evenement {
  position: relative;
}
body.single-evenement .shape_plx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  width: 1440px;
  z-index: -1;
  background: url("../img/Fill 26.svg") 0 0 no-repeat #fff;
  background-size: 100% auto;
  display: none;
}
body.single-evenement article {
  min-height: 800px;
}
body.single-evenement article .shape {
  display: block;
  position: absolute;
  z-index: 0;
}
body.single-evenement article .shape.seven {
  width: 158px;
  height: 188px;
  top: 140%;
  left: 0;
  z-index: -1;
}
body.single-evenement article .shape.eight {
  width: 158px;
  height: 398px;
  top: 80%;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 900px) {
  body.single-evenement .shape_plx {
    display: none;
  }
  body.single-evenement article .shape {
    display: none;
  }
}

body.blog,
body.archive.category {
  position: relative;
}
body.blog .shape_plx,
body.archive.category .shape_plx {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
}
body.blog .shape_plx .shape_top,
body.archive.category .shape_plx .shape_top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../img/fill-17.svg") 0 0 no-repeat;
  width: 975px;
  height: 1220px;
}
@media only screen and (max-width: 900px) {
  body.blog .shape_plx .shape_top,
  body.archive.category .shape_plx .shape_top {
    width: 100%;
    height: 100%;
    background-size: 100% auto;
  }
}
body.blog .shape_plx .shape_bottom,
body.archive.category .shape_plx .shape_bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: url("../img/fill-19.svg") right bottom no-repeat;
  width: 1225px;
  height: 1050px;
}
@media only screen and (max-width: 900px) {
  body.blog .shape_plx .shape_bottom,
  body.archive.category .shape_plx .shape_bottom {
    display: none;
  }
}

body.page-template-default:not(.home) {
  position: relative;
}
body.page-template-default:not(.home) .shape_plx {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1054' height='2000' viewBox='0 0 1054 2000'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%2300F' d='M548 639L-43-50v288.442L300.584 639z'/%3E %3Cpath fill='%2300FF96' d='M765.165 719L14 1362h288.835L1054 719z'/%3E %3Cpath fill='%23FF4D27' d='M-134 719v254l296-254z'/%3E %3C/g%3E %3C/svg%3E") left 620px repeat-y, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='2000' viewBox='0 0 260 2000'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23FFDF00' d='M153.005 97C126.598 97 105 75.177 105 48.505 105 21.823 126.598 0 153.005 0 179.402 0 201 21.823 201 48.505 201 75.177 179.402 97 153.005 97'/%3E %3Cpath fill='%23AA00C5' d='M306 383L0 26v149.454L177.896 383z'/%3E %3Cpath fill='%23FC1F6F' d='M418.306 424L29 757h149.694L568 424z'/%3E %3Cpath fill='%23FF4D27' d='M0 424v131l154-131z'/%3E %3C/g%3E %3C/svg%3E") right 430px repeat-y, #fff;
}
@media only screen and (max-width: 900px) {
  body.page-template-default:not(.home) .shape_plx {
    display: none;
  }
}

body.page-template-modele-withsection {
  position: relative;
}
body.page-template-modele-withsection .shape_plx {
  display: none;
}
body.page-template-modele-withsection .shape_plx > div {
  position: absolute;
  z-index: -1;
}
body.page-template-modele-withsection .shape_plx .shape_top {
  top: 5%;
  right: 0;
  background: url("../img/group-29.svg") right top no-repeat;
  width: 654px;
  height: 960px;
}
body.page-template-modele-withsection .shape_plx .shape_middle {
  top: 40%;
  left: 0;
  background: url("../img/fill-21.svg") left top no-repeat;
  width: 410px;
  height: 350px;
}
body.page-template-modele-withsection .shape_plx .shape_bottom {
  top: 51%;
  right: 0;
  background: url("../img/fill-191.svg") right top no-repeat;
  width: 1365px;
  height: 890px;
}
@media only screen and (max-width: 900px) {
  body.page-template-modele-withsection .shape_plx {
    display: none;
  }
}

.hide {
  display: none;
}

.bt_option {
  display: block;
  cursor: pointer;
  width: 54px;
  height: 54px;
  position: relative;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.bt_option > * {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #16171b;
  border-radius: 35px;
  background-repeat: no-repeat;
  background-position: center center;
}
.bt_option.bttf a {
  text-transform: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 1L1 7l6 6'/%3E %3C/svg%3E");
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.bt_option.shr > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  opacity: 1;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20' viewBox='0 0 17 20'%3E %3Cpath fill='%23000' fill-rule='nonzero' d='M13.852 0c-1.731 0-3.148 1.452-3.148 3.226 0 .362.058.712.167 1.038L5.48 7.853c-.578-.656-1.407-1.079-2.332-1.079C1.417 6.774 0 8.226 0 10s1.417 3.226 3.148 3.226c.929 0 1.764-.418 2.342-1.079l5.38 3.589c-.11.328-.166.673-.166 1.038 0 1.774 1.417 3.226 3.148 3.226S17 18.548 17 16.774s-1.417-3.226-3.148-3.226c-.925 0-1.754.423-2.332 1.079l-5.39-3.589c.108-.325.166-.676.166-1.038 0-.366-.056-.71-.167-1.038l5.381-3.589a3.104 3.104 0 0 0 2.342 1.079C15.583 6.452 17 5 17 3.226S15.583 0 13.852 0z'/%3E %3C/svg%3E");
}
.bt_option.shr > div {
  display: none;
  position: relative;
  overflow: hidden;
}
.bt_option.shr > div > * {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  float: left;
  width: 54px;
  height: 54px;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.bt_option.shr > div > *.icon-facebook {
  right: 162px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' viewBox='0 0 8 20'%3E %3Cpath fill='%23000' fill-rule='evenodd' d='M1.815 20h3.49V9.915h2.436L8 6.538H5.305V4.615c0-.796.14-1.11.806-1.11H8V0H5.583C2.986 0 1.815 1.32 1.815 3.846v2.692H0v3.42h1.815V20z'/%3E %3C/svg%3E");
}
.bt_option.shr > div > *.icon-twitter {
  right: 108px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'%3E %3Cpath fill='%23000' fill-rule='evenodd' d='M5.662 14c-2.01 0-3.968-.55-5.662-1.588.295.029.593.046.887.046 1.653 0 3.28-.538 4.58-1.513-1.582-.024-2.969-1.01-3.45-2.45.233.038.468.06.702.06.326 0 .652-.042.967-.124C1.956 8.103.682 6.593.722 4.924c.515.27 1.093.422 1.676.44C.774 4.33.272 2.258 1.253.648c1.881 2.203 4.655 3.548 7.613 3.69a3.393 3.393 0 0 1 .705-3.001A3.738 3.738 0 0 1 12.463 0c1.019 0 2.002.407 2.698 1.116a7.62 7.62 0 0 0 2.341-.858 3.539 3.539 0 0 1-1.62 1.959A7.82 7.82 0 0 0 18 1.657a7.165 7.165 0 0 1-1.84 1.833c.129 2.719-.982 5.53-2.97 7.52C11.827 12.374 9.414 14 5.662 14'/%3E %3C/svg%3E");
}
.bt_option.shr > div > *.icon-mail {
  right: 54px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' viewBox='0 0 18 13'%3E %3Cg fill='%23000' fill-rule='evenodd'%3E %3Cpath d='M9.335 8.013a.665.665 0 0 1-.67 0L.281 3.128A.187.187 0 0 0 0 3.287v7.42c0 .77.634 1.395 1.415 1.395h15.17c.781 0 1.415-.625 1.415-1.396v-7.42a.187.187 0 0 0-.281-.158L9.335 8.013z'/%3E %3Cpath d='M9.372 6.995l8.536-5.336a.2.2 0 0 0 .091-.184C17.94.707 17.33.102 16.59.102H1.41c-.74 0-1.35.605-1.41 1.373a.2.2 0 0 0 .091.184l8.536 5.336c.23.143.515.143.744 0'/%3E %3C/g%3E %3C/svg%3E");
}
.bt_option.shr > div > *.icon-close {
  right: 0;
}
.bt_option.shr > div > *.icon-close::before, .bt_option.shr > div > *.icon-close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #16171b;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.bt_option.shr > div > *.icon-close::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bt_option.shr > div > *.icon-close::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bt_option.shr > div > *.icon-close::before, .bt_option.shr > div > *.icon-close::after {
  width: 20px;
  height: 3px;
}
.bt_option.shr.on {
  width: 216px;
}
.bt_option.shr.on > span {
  opacity: 0;
}
.bt_option.shr.on > div {
  display: block;
}
.bt_option.shr.on > div > * {
  opacity: 1;
}
.bt_option.shr.on > div > *:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 900px) {
  .bt_option {
    -ms-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
  }
}

.page_program {
  padding-bottom: 80px;
}
.page_program .shape {
  display: block;
  position: absolute;
  z-index: 2;
}
.page_program .shape.nine {
  width: 111px;
  height: 154px;
  top: 100%;
  left: 40px;
}
.page_program .shape.ten {
  width: 186px;
  height: 158px;
  top: -180px;
  right: 30px;
  z-index: -1;
}
.page_program .shape.eleven {
  width: 325px;
  height: 163px;
  top: 110%;
  right: 0;
}
.page_program .title_page {
  float: left;
  color: #16171b;
}
.page_program .col_filtre {
  height: 70px;
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
@media only screen and (max-width: 900px) {
  .page_program .col_filtre {
    flex-direction: column;
  }
}
.page_program .filtre {
  position: absolute;
  top: 0;
  right: 15px;
}
.page_program .tuiles {
  margin-bottom: 40px;
}
.page_program .more {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1100px) {
  .page_program .filtre .dropdown {
    margin-right: 0;
  }
}
@media only screen and (max-width: 900px) {
  .page_program {
    overflow-x: hidden;
  }
  .page_program .title_page {
    float: none;
    text-align: center;
    padding-left: 0;
    margin-bottom: 25px;
    font-size: 30px;
  }
  .page_program .filtre {
    position: static;
    margin-bottom: 50px;
  }
  .page_program .filtre .tt {
    cursor: pointer;
    display: block;
    width: 160px;
    margin: auto;
    height: 56px;
    border-radius: 4px;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #16171b;
    text-transform: uppercase;
    padding: 0 15px;
    position: relative;
    line-height: 57px;
  }
  .page_program .filtre .tt::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16'%3E %3Cg fill='%23000' fill-rule='evenodd'%3E %3Cpath d='M7 4h13V2H7zM1 12h10v-2H1zM17 12h3v-2h-3z'/%3E %3Cpath d='M3.745 2.005c-1.032 0-1.87.857-1.87 1.91s.838 1.91 1.87 1.91c1.031 0 1.87-.857 1.87-1.91s-.839-1.91-1.87-1.91m0 5.732C1.68 7.737 0 6.022 0 3.915S1.68.093 3.745.093C5.81.093 7.49 1.808 7.49 3.915S5.81 7.737 3.745 7.737M14.056 9.652c-1.03 0-1.869.857-1.869 1.91 0 1.054.839 1.91 1.869 1.91 1.033 0 1.872-.856 1.872-1.91 0-1.053-.84-1.91-1.872-1.91m0 5.733c-2.064 0-3.743-1.715-3.743-3.822 0-2.108 1.679-3.822 3.743-3.822 2.067 0 3.747 1.714 3.747 3.822 0 2.107-1.68 3.822-3.747 3.822'/%3E %3C/g%3E %3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
  }
  .page_program .filtre .dropdown {
    float: none;
    display: none;
    max-width: 300px;
    margin: 10px auto;
  }
}

@media only screen and (max-width: 1024px) {
  .page_program .tuiles {
    max-width: 750px;
    margin: auto;
  }
  .page_program .tuiles .tuile {
    width: calc(50% - 20px);
  }
  .page_program .tuiles .tuile:nth-child(even) {
    margin-right: 0;
  }
  .page_program .tuiles .tuile:nth-child(3n+3) {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 900px) {
  .page_program .shape {
    display: none;
  }
}
@media only screen and (max-width: 720px) {
  .tuiles .tuile {
    width: 100%;
    max-width: 320px;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .tuiles .tuile .ct {
    height: 130px;
  }
  .tuiles .tuile .ct .titre {
    font-size: 22px;
  }
  .page_program {
    padding-bottom: 100px;
  }
  .page_program > .container {
    padding: 0;
  }
  .page_program .tuiles {
    margin-bottom: 40px;
    max-width: 500px;
    text-align: center;
  }
  .page_program .tuiles .tuile {
    width: 100%;
    margin-right: 0;
  }
  .page_program .shape {
    display: none;
  }
}
html.js body.ie span.shape svg {
  display: none;
}
html.js body.ie span.shape.zero {
  background: url("../img/Shape_0.png") 0 0 no-repeat;
  background-size: 100% auto;
}
html.js body.ie span.shape.one {
  background: url("../img/Shape_1.png") 0 0 no-repeat;
  background-size: 100% auto;
}
html.js body.ie span.shape.two {
  background: url("../img/Shape_2.png") 0 0 no-repeat;
  background-size: 100% auto;
}
html.js body.ie span.shape.three {
  background: url("../img/Shape_3.png") 0 0 no-repeat;
  background-size: 100% auto;
}
html.js body.ie span.shape.six {
  background: url("../img/Shape_6.png") 0 0 no-repeat;
  background-size: 100% auto;
}
html.js body.ie span.shape.seven {
  background: url("../img/Shape_7.png") 0 0 no-repeat;
  background-size: 100% auto;
}
html.js body.ie span.shape.height {
  background: url("../img/Shape_8.png") 0 0 no-repeat;
  background-size: 100% auto;
}
html.js body.ie span.shape.nine {
  background: url("../img/Shape_9.png") 0 0 no-repeat;
  background-size: 100% auto;
}
html.js body.ie span.shape.ten {
  /*background: url("../img/Shape_10.png") 0 0 no-repeat;
  background-size: 100% auto;*/
}
html.js body.ie span.shape.eleven {
  background: url("../img/Shape_11.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.diaporama h2 {
  margin-bottom: 35px;
}
.diaporama .carousel-item {
  background-color: #ccc;
}
.diaporama .carousel-item img {
  display: block;
}
.diaporama .carousel-item .gallery-caption {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  height: 90px;
  padding: 40px 40px 0 40px;
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.85;
  letter-spacing: 0.08px;
  color: #ffffff;
}
.diaporama .carousel-tools {
  position: absolute;
  right: 33px;
  bottom: 17px;
  text-align: right;
  z-index: 3;
}
.diaporama .carousel-tools a {
  position: static;
  display: inline-block;
  vertical-align: top;
  width: 54px;
  height: 54px;
  background-color: #ffffff;
  margin-left: 12px;
  border-radius: 50%;
  cursor: pointer;
}
.diaporama .carousel-tools a span {
  display: none;
}
.diaporama .carousel-tools a.carousel-control-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 1L1 7l6 6'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 6px auto;
}
.diaporama .carousel-tools a.carousel-control-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 1l6 6-6 6'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 6px auto;
}
.diaporama .carousel-tools a.carousel-zoomfull {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E %3Cpath fill='%23000' fill-rule='nonzero' d='M2.043 12.766L12.766 2.043a.21.21 0 0 0-.149-.36H8.633a.842.842 0 1 1 0-1.684l6.525.001c.465 0 .842.377.842.842v6.525a.842.842 0 1 1-1.684 0V3.383a.21.21 0 0 0-.36-.15L3.235 13.958a.21.21 0 0 0 .149.36h3.984a.842.842 0 0 1 0 1.684l-6.525-.001A.842.842 0 0 1 0 15.158V8.633a.842.842 0 1 1 1.684 0v3.984a.21.21 0 0 0 .36.15z'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
@media only screen and (max-width: 900px) {
  .diaporama .carousel-tools {
    -ms-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
    right: 0;
    left: 0;
    bottom: -25px;
    text-align: center;
  }
  .diaporama .carousel-tools > a {
    opacity: 1 !important;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 901px) {
  .diaporama > .portrait {
    max-width: 450px;
    height: 606px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
  .diaporama > .portrait .carousel-tools {
    right: 0;
    left: 0;
    text-align: center;
  }
  .diaporama > .portrait .carousel-tools .carousel-zoomfull {
    position: absolute;
    top: 0;
    right: 13px;
  }
  .diaporama > .portrait .carousel-tools .carousel-control-next,
  .diaporama > .portrait .carousel-tools .carousel-control-prev {
    -ms-transform: translateX(0) translateY(84px);
    -moz-transform: translateX(0) translateY(84px);
    -webkit-transform: translateX(0) translateY(84px);
    transform: translateX(0) translateY(84px);
    opacity: 1;
  }
}
@media only screen and (max-width: 900px) {
  .diaporama > .portrait {
    margin-left: -35px;
    margin-right: -35px;
  }
}

/*.zoomfull{
	display: none;
	&.on{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 999;
		background-color: #1d1d1d;
		padding: 45px;
		.close_zoom{
			position: absolute;
			top: 55px;
			right: 45px;
			z-index: 2;
			display: inline-block;
			vertical-align: top;
			width: 54px;
			height: 54px;
			box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
			background-color: #ffffff;
			margin-left: 12px;
			border-radius: 50%;
			cursor: pointer;
			background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14'%3E %3Cg fill='%23000' fill-rule='evenodd'%3E %3Cpath d='M1.69.56l11.313 11.314-1.543 1.543L.146 2.104z'/%3E %3Cpath d='M13.003 2.103L1.689 13.417.146 11.874 11.46.561z'/%3E %3C/g%3E %3C/svg%3E");
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 16px auto;
		}
		.diaporama{
			@include verti;
			right: 0;
			margin: auto;
			padding: 0 45px;
			h2{
				font-family: 'Radikal';
				font-size: 40px;
				font-weight: 500;
				font-style: normal;
				font-stretch: normal;
				line-height: 1.25;
				letter-spacing: 0.25px;
				color: #ffffff;
				margin-bottom: 15px;
			}
			.carousel-tools{
				a{
					&.carousel-zoomfull{
						display: none;
					}
				}
			}
		}
	}
}*/
.fancybox-container .fancybox-slide {
  padding: 100px 0 !important;
}
.fancybox-container .fancybox-caption {
  bottom: auto;
  top: 0;
  background: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.12em;
  text-align: right;
  padding: 0;
  margin-top: 0;
  height: 100px;
}
.fancybox-container .fancybox-caption > div {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 400px;
}
.fancybox-container .fancybox-button--zoom,
.fancybox-container .fancybox-button--play,
.fancybox-container .fancybox-button--thumbs {
  display: none !important;
}
.fancybox-container .fancybox-toolbar,
.fancybox-container .fancybox-infobar {
  opacity: 1 !important;
  visibility: visible !important;
}
.fancybox-container .fancybox-infobar {
  color: #fff;
  width: 100px;
  height: 100px;
  text-align: center;
  left: auto;
  right: 300px;
  line-height: 100px;
}
.fancybox-container .fancybox-toolbar {
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
}
.fancybox-container .fancybox-button--close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  vertical-align: top;
  width: 54px;
  height: 54px;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14'%3E %3Cg fill='%23000' fill-rule='evenodd'%3E %3Cpath d='M1.69.56l11.313 11.314-1.543 1.543L.146 2.104z'/%3E %3Cpath d='M13.003 2.103L1.689 13.417.146 11.874 11.46.561z'/%3E %3C/g%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 0;
}
.fancybox-container .fancybox-button--close svg {
  display: none;
}
.fancybox-container .fancybox-navigation {
  position: absolute;
  top: 0;
  right: 100px;
  width: 200px;
  height: 100px;
}
.fancybox-container .fancybox-navigation button {
  position: absolute;
  top: 0;
  left: 23px;
  bottom: 0;
  margin: auto;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100px;
  height: 100px;
  padding: 0;
  background-color: #fff;
  width: 54px;
  height: 54px;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  /*&.fancybox-button--arrow_left{
  	right: 202px;
  }
  &.fancybox-button--arrow_right{
  	-webkit-transform: rotate(180deg);
  	-ms-transform: rotate(180deg);
  	transform: rotate(180deg);
  }*/
  /*span {
  	position:absolute;
  	top:50%;
  	right:0;
  	left:0;
  	margin: auto;
  	display:block;
  	width:10px;
  	height:2px;
  	background-color:$color--black;
  	-webkit-transform:translateX(0) translateY(-50%);
  	-ms-transform:translateX(0) translateY(-50%);
  	transform:translateX(0) translateY(-50%);
  	-webkit-transition:background .2s;
  	transition:background .2s;
  	@include transi;

  	&::before, &::after{
  		content:'';
  		position:absolute;
  		top:0;
  		left:0;
  		display:block;
  		width:100%;
  		height:100%;
  		background-color:$color--black;
  		-webkit-transition:-webkit-transform .3s;
  		transition:transform .3s;
  		@include transi;
  	-webkit-transform-origin: left center;
  	-ms-transform-origin: left center;
  	transform-origin: left center;
  	}
  	&::after {
  		-webkit-transform:translateY(6px);
  		-ms-transform:translateY(6px);
  		transform:translateY(6px);
  	}
  	&::before {
  		-webkit-transform:translateY(-6px);
  		-ms-transform:translateY(-6px);
  		transform:translateY(-6px);
  	}
  	background:0 0
  }
  span:before {
  	-webkit-transform:translateY(0) rotate(45deg);
  	-ms-transform:translateY(0) rotate(45deg);
  	transform:translateY(0) rotate(45deg);
  }
  span:after {
  	-webkit-transform:translateY(0) rotate(-45deg);
  	-ms-transform:translateY(0) rotate(-45deg);
  	transform:translateY(0) rotate(-45deg);
  }*/
}
.fancybox-container .fancybox-navigation button span {
  display: none;
}
.fancybox-container .fancybox-navigation button.fancybox-button--arrow_left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 1L1 7l6 6'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 6px auto;
}
.fancybox-container .fancybox-navigation button.fancybox-button--arrow_right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 1l6 6-6 6'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 6px auto;
  left: auto;
  right: 23px;
}
.fancybox-container .fancybox-navigation button[disabled] {
  cursor: default;
  opacity: 0.6 !important;
}
.fancybox-container .fancybox-navigation button svg {
  display: none;
}

@media only screen and (max-width: 800px) {
  .fancybox-container {
    background-color: #0000ff;
  }
  .fancybox-container .fancybox-caption,
  .fancybox-container .fancybox-navigation,
  .fancybox-container .fancybox-infobar {
    display: none !important;
  }
  .fancybox-container .fancybox-slide {
    padding: 0 !important;
  }
  .fancybox-container .fancybox-bg {
    background-color: #0000ff;
  }
}
@media only screen and (max-width: 800px) and (orientation: portrait) {
  .fancybox-container::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath d='M22.8,19.8C37.6,6.5,59.6,6.3,74.5,18.4l-11.8,0.4c-1.5,0.1-2.7,1.3-2.6,2.9c0.1,1.5,1.3,2.6,2.7,2.6c0,0,0.1,0,0.1,0 L81,23.7c1.5-0.1,2.6-1.3,2.6-2.7v-0.2c0,0,0-0.1,0-0.1v0l0,0L83,2.6C83,1.1,81.7-0.1,80.2,0c-1.5,0.1-2.7,1.3-2.6,2.9L78,14.1 c-7.4-6-16.5-9.5-26.2-10C39.7,3.5,28.1,7.6,19.2,15.7C6.9,26.8,1.6,43.8,5.6,59.9C5.9,61.2,7,62,8.2,62c0.2,0,0.4,0,0.7-0.1 c1.5-0.4,2.4-1.9,2-3.3C7.5,44.4,12,29.5,22.8,19.8z'/%3E %3Cpath d='M94.2,39.8c-0.4-1.5-1.9-2.4-3.3-2c-1.5,0.4-2.4,1.9-2,3.3c3.4,14.2-1.1,29.1-12,38.8c-7.6,6.9-17.1,10.2-26.6,10.2 c-9.1,0-18.1-3.1-25.4-9.1l12-1.1c1.5-0.1,2.6-1.5,2.5-3c-0.1-1.5-1.5-2.6-3-2.5l-18.1,1.6c-1.5,0.1-2.6,1.5-2.5,3l1.6,18.1 c0.1,1.4,1.3,2.5,2.7,2.5c0.1,0,0.2,0,0.2,0c1.5-0.1,2.6-1.5,2.5-3l-1-11c7.4,6,16.5,9.5,26.1,10c0.8,0,1.5,0.1,2.3,0.1 c11.2,0,21.9-4.1,30.3-11.7C92.9,72.9,98.1,56,94.2,39.8z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    background-color: #0000ff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px 50px;
  }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .fancybox-container::before {
    display: none;
  }
  .fancybox-container .fancybox-button--close {
    width: 50px;
    height: 50px;
  }
  .fancybox-container .fancybox-button--close span {
    width: 15px;
    height: 2px;
  }
}
/**/
.txt_white {
  color: #fff;
}

.txt_black {
  color: #16171b;
}

.bgwhite {
  background-color: #fff;
}

.bgblack {
  background-color: #16171b;
}

.bgcolor1 {
  background-color: #1233f5;
}

.bgcolor2 {
  background-color: #1233f5;
}

.bgcolor3 {
  background-color: #1233f5;
}

.bgcolor4 {
  background-color: #1233f5;
}

.bgcolor5 {
  background-color: #1233f5;
}

.bgcolor6 {
  background-color: #1233f5;
}

article {
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 100%;
  letter-spacing: 0.07px;
  max-width: 920px;
  color: #16171b;
  margin: 0 auto;
}
article .alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
article .alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
article .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
article > * {
  margin-top: 50px;
}
article > *:last-child, article > *:empty {
  margin-top: 0;
}
article .chapo {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.09px;
}
article div.wp-caption {
  max-width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
}
article div.wp-caption img {
  display: block;
}
article div.wp-caption .wp-caption-text {
  padding: 12px 25px;
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.85;
  letter-spacing: 0.08px;
  color: #787878;
}
article h2 {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.06px;
  color: #1233f5;
  text-transform: uppercase;
}
article h3 {
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.06px;
}
article h4 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.06px;
}
article ul li {
  list-style: none;
  padding-left: 30px;
  background: url("../img/arrow.svg") left 2px no-repeat;
}
article .encart {
  border-radius: 5px;
  padding: 45px 40px;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 0.07px;
  background-image: url("../img/texture_menu.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
article blockquote {
  border-radius: 5px;
  padding: 75px 40px 50px 40px;
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 0.07px;
  text-align: center;
  position: relative;
}
article blockquote::before {
  content: "";
  display: block;
  position: absolute;
  top: -26px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%2300F' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 27px auto;
}
article blockquote.bgwhite::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%23FFF' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
}
article blockquote.bgblack::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%23000' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
}
article blockquote.bgcolor1::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%2300F' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
}
article blockquote.bgcolor2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%23FC1F6F' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
}
article blockquote.bgcolor3::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%23FFDF00' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
}
article blockquote.bgcolor4::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%23AA00C5' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
}
article blockquote.bgcolor5::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%23FF4D27' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
}
article blockquote.bgcolor6::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E %3Cg fill='%2300FF96' fill-rule='evenodd'%3E %3Cpath d='M20.164 0c3.388 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.906-1.244 3.467-3.387 3.308-4.631-2.143-.159-5.61-1.297-5.61-5.954C14.396 2.937 16.38 0 20.164 0zM5.795 0c3.387 0 6.298 2.329 6.298 7.357 0 7.065-5.768 11.22-9.05 11.643l-.688-1.958c1.879-1.244 3.44-3.36 3.255-4.631C3.493 12.252 0 11.114 0 6.457 0 2.937 2.011 0 5.795 0z'/%3E %3C/g%3E %3C/svg%3E");
}
article blockquote.pbgwhite::before {
  background-color: #fff;
}
article blockquote.pbgblack::before {
  background-color: #16171b;
}
article blockquote.pbgcolor1::before {
  background-color: #1233f5;
}
article blockquote.pbgcolor2::before {
  background-color: #1233f5;
}
article blockquote.pbgcolor3::before {
  background-color: #1233f5;
}
article blockquote.pbgcolor4::before {
  background-color: #1233f5;
}
article blockquote.pbgcolor5::before {
  background-color: #1233f5;
}
article blockquote.pbgcolor6::before {
  background-color: #1233f5;
}
article blockquote cite {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: 2.67px;
  text-transform: uppercase;
  margin-top: 30px;
}
article .box_object {
  display: flex;
}
article .box_object > div {
  flex: 0 0 60%;
  max-width: 60%;
}
article .box_object > div:first-child {
  flex: 0 0 40%;
  max-width: 40%;
}
article.defaut {
  max-width: 920px;
  margin: auto;
  position: relative;
  padding-bottom: 100px;
}
article.defaut .bt_option.bttf {
  position: absolute;
  top: 0;
  left: -27px;
}
@media only screen and (max-width: 800px) {
  article.defaut .bt_option.bttf {
    top: -60px;
  }
}
article.defaut .bt_option.shr {
  position: absolute;
  top: 0;
  right: -27px;
}
@media only screen and (max-width: 800px) {
  article.defaut .bt_option.shr {
    top: -60px;
  }
}
article.defaut .title_page {
  text-align: center;
  margin-bottom: 60px;
}
article.fiche {
  margin-bottom: 220px;
  position: relative;
}
article.fiche .entete {
  display: flex;
  margin-bottom: 90px;
  position: relative;
}
article.fiche .entete .id {
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 125px;
  padding-right: 125px;
}
article.fiche .entete .id .tools > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 35px;
}
article.fiche .entete h1 {
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.31px;
  color: #16171b;
  margin-top: 20px;
}
article.fiche .entete .genre {
  display: inline-block;
  height: 35px;
  line-height: 38px;
  padding: 0 10px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.08px;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 35px;
  text-decoration: none;
}
article.fiche .entete .meta {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.11px;
  color: #16171b;
  text-transform: uppercase;
  margin-top: 25px;
}
article.fiche .entete .meta > div {
  margin-bottom: 3px;
}
article.fiche .entete .meta > .nb_date {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.08px;
  margin-bottom: 6px;
}
article.fiche .entete .meta > .nb_date strong {
  font-weight: 500;
}
article.fiche .entete figure {
  flex: 0 0 40%;
  max-width: 40%;
  padding-bottom: 36%;
  height: 0;
  border-radius: 4px;
  background-color: #d8d8d8;
  position: relative;
  overflow: hidden;
}
article.fiche .entete figure img {
  position: absolute;
  top: -999px;
  left: -999px;
  right: -999px;
  bottom: -999px;
  z-index: 1;
  width: auto;
  max-width: none;
  height: 100%;
  margin: auto;
}
article.fiche .entete .btnresa,
article.fiche .entete .btndisable {
  position: absolute;
  bottom: -90px;
  right: 0;
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
article.fiche .contenu {
  max-width: 540px;
  margin: auto;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.86;
  letter-spacing: normal;
  color: #16171b;
}
@media only screen and (max-width: 900px) {
  article.fiche .contenu {
    font-size: 16px;
  }
}
article.fiche .contenu h2 {
  font-size: 18px;
  font-weight: bold;
  color: #0000ff;
}
article.fiche .contenu h3 {
  font-size: 166px;
  font-weight: bold;
  color: #0000ff;
}
article.fiche .contenu h4 {
  font-size: 14px;
  font-weight: bold;
}
article.live {
  max-width: 920px;
  margin: auto;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 1px 95px 95px 95px;
  margin-bottom: 85px;
  margin-top: 26%;
  position: relative;
}
article.live .tools {
  position: absolute;
  top: 50px;
  left: -27px;
  z-index: 3;
}
article.live .tools .bt_option {
  margin-bottom: 20px;
}
article.live .fullwidth {
  margin-left: -95px;
  margin-right: -95px;
}
article.live .entete {
  margin-bottom: 115px;
  position: relative;
  margin-top: -40%;
}
article.live .entete figure {
  width: 100%;
  padding-bottom: 80%;
  position: relative;
  z-index: 1;
}
article.live .entete figure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: #16171b;
  opacity: 0.35;
}
article.live .entete figure img {
  position: absolute;
  top: -999px;
  left: -999px;
  right: -999px;
  bottom: -999px;
  z-index: 1;
  width: auto;
  max-width: none;
  height: 100%;
  margin: auto;
}
article.live .entete > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}
article.live .entete > div .title_page {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.18px;
  text-align: center;
  color: #ffffff;
}
article.live .entete > div .meta {
  position: absolute;
  bottom: 21%;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: 0.09px;
  text-align: center;
  color: #ffffff;
}
article.live .entete > div .cat {
  display: block;
  position: absolute;
  bottom: 29px;
  width: 100%;
  z-index: 3;
  text-align: center;
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
article.live .entete > div .cat a {
  text-decoration: none;
}
article.live .entete > div .cat span {
  display: block;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.19;
  letter-spacing: 0.1px;
  text-align: center;
  color: #16171b;
  text-transform: uppercase;
}
article.live .entete > div .cat img {
  width: 48px;
  height: auto;
  border: solid 5px #fff;
}
article.live h2 {
  color: #1233f5;
}
article.live h3 {
  color: #1233f5;
}
article.withsection {
  width: 100%;
  max-width: 100%;
}
article.withsection .article_withsection_title {
  max-width: 920px;
  margin: 0 auto;
}
article.withsection .article_withsection_section {
  padding: 80px 0;
}
article.withsection .article_withsection_section--first {
  padding-top: 40px;
}
article.withsection .article_withsection_section:nth-child(odd) {
  background-color: #16171b;
  color: #f3eee3;
}
article.withsection .article_withsection_section:nth-child(odd) h2 {
  color: #f3eee3;
}
article.withsection .article_withsection_content {
  max-width: 920px;
  margin: 0 auto;
}
article.withsection .map_section {
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 800px) {
  article.withsection .map_section {
    flex-direction: column-reverse;
  }
}
article.withsection .coord_section {
  max-width: 920px;
  margin: auto;
}
article.withsection .coord_section::after {
  display: block;
  clear: both;
  content: "";
}
article.withsection .coord_section .bloc {
  border-radius: 5px;
  position: relative;
  z-index: 1;
  width: 70%;
  background: none !important;
}
article.withsection .coord_section .bloc.txt_white, article.withsection .coord_section .bloc.txt_blanc {
  color: #fff;
}
article.withsection .coord_section .bloc.txt_black, article.withsection .coord_section .bloc.txt_noir {
  color: #16171b;
}
article.withsection .coord_section .bloc.bgwhite {
  background-color: #fff;
}
article.withsection .coord_section .bloc.bgblack {
  background-color: #16171b;
}
article.withsection .coord_section .bloc.bgblue {
  background-color: #1233f5;
}
article.withsection .coord_section .bloc.bgpink {
  background-color: #1233f5;
}
article.withsection .coord_section .bloc.bgyellow {
  background-color: #1233f5;
}
article.withsection .coord_section .bloc.bgpurple {
  background-color: #1233f5;
}
article.withsection .coord_section .bloc.bgorange {
  background-color: #1233f5;
}
article.withsection .coord_section .bloc.bggreen {
  background-color: #1233f5;
}
article.withsection .coord_section .bloc h2 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  text-transform: none;
  margin-bottom: 30px;
  color: inherit;
}
article.withsection .bloc_section {
  margin: auto;
}
article.withsection .bloc_section:last-child {
  margin-bottom: 0;
}
article.withsection .bloc_section h2 {
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 100%;
  letter-spacing: 0.51px;
  position: relative;
  text-transform: none;
  margin-bottom: 30px;
  color: #16171b;
}
article.withsection .bloc_section .content > * {
  margin-bottom: 25px;
}
@media only screen and (max-width: 1150px) {
  article.defaut {
    margin: 0 30px;
  }
  article.live {
    margin-left: 30px;
    margin-right: 30px;
  }
  article.fiche .entete .id {
    padding-left: 75px;
  }
}
@media only screen and (max-width: 1050px) {
  article.withsection .coord_section .bmap {
    width: 60%;
  }
}
@media only screen and (max-width: 999px) {
  article.withsection .coord_section .bmap {
    float: none;
    margin: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  article.withsection .coord_section .bloc {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  article {
    font-size: 16px;
    line-height: 120%;
  }
  article ul li {
    background-position: left 6px;
  }
  article .box_object {
    display: block;
  }
  article .box_object > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 10px 0;
  }
  article .box_object > div:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
  article .encart {
    font-size: 16px;
    padding: 40px 20px 40px 20px;
  }
  article blockquote {
    font-size: 14px;
    padding: 40px 20px 40px 20px;
  }
  article blockquote::before {
    -ms-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
  }
  article blockquote cite {
    font-size: 14px;
  }
  article .chapo {
    font-size: 20px;
  }
  article h2 {
    font-size: 20px;
  }
  article h3 {
    font-size: 18px;
  }
  article h4 {
    font-size: 14px;
  }
  article .fullwidth {
    margin-left: -35px;
    margin-right: -35px;
  }
  article.defaut {
    max-width: 100%;
    margin: auto;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
  }
  article.defaut .tools {
    position: static;
    margin-top: 0;
    text-align: center;
  }
  article.defaut .tools .bt_option {
    margin-bottom: 0;
    display: inline-block;
  }
  article.defaut .title_page {
    margin-bottom: 0;
  }
  article.defaut .fullwidth {
    margin-left: -35px;
    margin-right: -35px;
  }
  article.fiche {
    margin-bottom: 0;
  }
  article.fiche .entete {
    flex-direction: column;
    margin-bottom: 30px;
  }
  article.fiche .entete .btn {
    display: none;
  }
  article.fiche .entete figure {
    order: 1;
    flex: 0 0 303px;
    max-width: 303px;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
  }
  article.fiche .entete .id {
    order: 2;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  article.fiche .entete .meta {
    font-size: 16px;
  }
  article.fiche .entete .title_page {
    font-size: 30px;
  }
  article.fiche .entete .tools {
    float: right;
  }
  article.fiche .entete .tools > div {
    margin-right: 0 !important;
  }
  article.fiche .entete .tools > div.shr {
    display: none;
  }
  article.fiche .entete .genre {
    margin-top: 10px;
  }
  article.fiche .contenu {
    max-width: 100%;
  }
  article.live {
    max-width: 100%;
    margin: auto;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 50px 0;
  }
  article.live .tools {
    margin-top: 0;
    top: -28px;
    left: 0;
    right: 0;
    text-align: center;
  }
  article.live .tools .bt_option {
    margin-bottom: 0;
    display: inline-block;
  }
  article.live .entete {
    margin-top: 0;
    margin-left: -35px;
    margin-right: -35px;
  }
  article.live .entete > div .title_page {
    font-size: 20px;
  }
  article.live .entete > div .meta {
    font-size: 12px;
  }
  article.live .fullwidth {
    margin-left: -35px;
    margin-right: -35px;
  }
  article.withsection {
    padding-bottom: 50px;
  }
  article.withsection .title_page {
    text-align: center;
  }
  article.withsection .coord_section .bloc {
    padding: 30px;
  }
  article.withsection .coord_section .bloc h2 {
    font-size: 25px;
    line-height: 1.35;
  }
  article.withsection .bloc_section {
    padding: 30px;
  }
  article.withsection .bloc_section h2 {
    font-size: 25px;
    padding-left: 0;
    margin-bottom: 30px;
  }
  article.withsection .bloc_section h2::before {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  article.fiche .entete {
    margin-top: 0;
  }
  article.fiche .entete figure {
    flex: 0 0 275px;
    max-width: 100%;
    height: 219px;
    padding-bottom: 0;
  }
}

body.show_resa {
  padding-bottom: 105px;
}

@media only screen and (min-width: 901px) {
  .tofix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 88;
    background-color: #fff;
    padding: 25px 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -ms-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
  body.show_resa .tofix {
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .tofix .meta {
    margin-left: 100px;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.08px;
    color: #16171b;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .tofix .title_page {
    margin-left: 100px;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: 0.13px;
    color: #16171b;
  }
  .tofix .btnresa,
  .tofix .btndisable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (max-width: 900px) {
  .tofix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 88;
  }
  .tofix .meta,
  .tofix .title_page {
    display: none;
  }
  .tofix .btnresa,
  .tofix .btndisable {
    position: absolute;
    left: -35px;
    right: -35px;
    bottom: 0;
    margin: auto;
    width: auto;
    max-width: none;
    border-radius: 0;
  }
}
.owl-carousel .owl-dots {
  margin-top: 10px;
}
.owl-carousel button.owl-dot span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 2px #16171b;
  position: relative;
  opacity: 1;
  margin-left: 0;
  margin-right: 6px;
  display: inline-block;
}
.owl-carousel button.owl-dot span::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #16171b;
  opacity: 0;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.owl-carousel button.owl-dot.active span::before {
  opacity: 1;
}

.theother {
  text-align: center;
  padding-bottom: 145px;
}
.theother .titre_section {
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 100%;
  letter-spacing: 0.51px;
  position: relative;
  text-transform: none;
  margin-bottom: 30px;
  text-align: left;
  color: #16171b;
}
.theother .tuiles {
  margin-bottom: 80px;
}
.theother .tuiles .tuile {
  width: calc((100% - 80px) / 3);
}
.theother .tuiles .tuile:nth-child(3) {
  margin-right: 0;
}
@media only screen and (max-width: 900px) {
  .theother.to_event {
    display: none;
  }
  .theother .titre_section {
    font-size: 22px;
    text-align: center;
    margin-bottom: 40px;
  }
  .theother .titre_section::before {
    width: 28px;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 5px;
  }
  .theother .titre_section span {
    margin-left: 0;
    padding-left: 0;
  }
  .theother .tuiles > .box:last-child {
    display: none;
  }
}

@media only screen and (min-width: 901px) {
  html.js body.home .cta_top {
    opacity: 0;
    -moz-transition: all 750ms ease-in-out;
    -webkit-transition: all 750ms ease-in-out;
    -o-transition: all 750ms ease-in-out;
    transition: all 750ms ease-in-out;
    -ms-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  html.js body.home .cta_top.visible {
    opacity: 1;
  }
  html.js body.home .cta_left .burger {
    -ms-transform: translateX(-200px) translateY(0);
    -moz-transform: translateX(-200px) translateY(0);
    -webkit-transform: translateX(-200px) translateY(0);
    transform: translateX(-200px) translateY(0);
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -ms-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  html.js body.home .cta_left .open_prog {
    margin-left: -200px;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -ms-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }
  html.js body.home .cta_left.visible .burger {
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  html.js body.home .cta_left.visible .open_prog {
    margin-left: 40px;
  }
  html.js body.home .cta_right .reso li {
    -ms-transform: translateX(200px) translateY(0);
    -moz-transform: translateX(200px) translateY(0);
    -webkit-transform: translateX(200px) translateY(0);
    transform: translateX(200px) translateY(0);
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -ms-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }
  html.js body.home .cta_right .reso li:nth-child(1) {
    -ms-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  html.js body.home .cta_right .reso li:nth-child(2) {
    -ms-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
  }
  html.js body.home .cta_right .reso li:nth-child(3) {
    -ms-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }
  html.js body.home .cta_right .open_nl {
    margin-left: 200px;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -ms-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
  }
  html.js body.home .cta_right.visible .reso li {
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  html.js body.home .cta_right.visible .open_nl {
    margin-left: 0;
  }
  html.js body.home .carousel-inner {
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    -moz-transition: all 750ms ease-in-out;
    -webkit-transition: all 750ms ease-in-out;
    -o-transition: all 750ms ease-in-out;
    transition: all 750ms ease-in-out;
  }
  html.js body.home .carousel-inner .carousel-caption {
    opacity: 0;
    -ms-transform: translateX(0) translateY(100px);
    -moz-transform: translateX(0) translateY(100px);
    -webkit-transform: translateX(0) translateY(100px);
    transform: translateX(0) translateY(100px);
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
  }
  html.js body.home #carousel-accueil.visible .carousel-inner {
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  html.js body.home #carousel-accueil.visible .carousel-inner .carousel-caption {
    opacity: 1;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  html.js body.home .h_slides .shape {
    display: none;
  }
  html.js body.home .h_slides .shape.visible {
    display: block;
  }
  html.js body.home .program .titre_section::before {
    width: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -ms-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  html.js body.home .program .titre_section span {
    display: block;
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -ms-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  html.js body.home .program .titre_section.visible::before {
    width: 250px;
  }
  html.js body.home .program .titre_section.visible span {
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  html.js body.home .page_mea .shape,
  html.js body.home .page_mea .illustration {
    display: none;
  }
  html.js body.home .page_mea.visible .shape,
  html.js body.home .page_mea.visible .illustration {
    display: block;
  }
  html.js body.home .page_mea .reveal {
    opacity: 0;
    -ms-transform: translateX(0) translateY(50px);
    -moz-transform: translateX(0) translateY(50px);
    -webkit-transform: translateX(0) translateY(50px);
    transform: translateX(0) translateY(50px);
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
  }
  html.js body.home .page_mea .reveal.visible {
    opacity: 1;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
}

@media only screen and (min-width: 901px) {
  .reveal.upping {
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 0;
    -ms-transform: translateX(0) translateY(100px);
    -moz-transform: translateX(0) translateY(100px);
    -webkit-transform: translateX(0) translateY(100px);
    transform: translateX(0) translateY(100px);
  }
  .reveal.upping.visible {
    opacity: 1;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  .tuile.reveal.visible::before {
    opacity: 1;
    -ms-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
  }
  .tuile.reveal.visible .genre {
    opacity: 1;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  .tuile.reveal.visible .ct {
    opacity: 1;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -ms-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
  }
  .tuile.reveal.visible figure {
    -webkit-clip-path: polygon(-25% 125%, 125% 125%, 125% -25%, -25% -25%);
    clip-path: polygon(-25% 125%, 125% 125%, 125% -25%, -25% -25%);
    -ms-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
  }
  .tuile.reveal.visible:hover::before {
    margin-top: -25px;
  }
  .tuile.reveal.visible:hover > div {
    -ms-transform: translateX(0) translateY(-20px);
    -moz-transform: translateX(0) translateY(-20px);
    -webkit-transform: translateX(0) translateY(-20px);
    transform: translateX(0) translateY(-20px);
  }
}
@media only screen and (min-width: 901px) {
  .box.reveal .ct .meta {
    opacity: 0;
    -moz-transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    -ms-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
  }
  .box.reveal .ct .titre {
    opacity: 0;
    -ms-transform: translateX(0) translateY(-200%);
    -moz-transform: translateX(0) translateY(-200%);
    -webkit-transform: translateX(0) translateY(-200%);
    transform: translateX(0) translateY(-200%);
    -moz-transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    -ms-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
  }
  .box.reveal figure {
    /*-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    	clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    	@include transi;
    	@include delay(400ms);*/
  }
  .box.reveal figure::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    bottom: auto;
    height: 100%;
    -moz-transition: all 750ms ease-in-out;
    -webkit-transition: all 750ms ease-in-out;
    -o-transition: all 750ms ease-in-out;
    transition: all 750ms ease-in-out;
    -ms-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
    z-index: 2;
  }
  .box.reveal:nth-child(6n+1) figure::before {
    background-color: #0000ff;
  }
  .box.reveal:nth-child(6n+2) figure::before {
    background-color: #fc1f6f;
  }
  .box.reveal:nth-child(6n+3) figure::before {
    background-color: #ffdf00;
  }
  .box.reveal:nth-child(6n+4) figure::before {
    background-color: #1233f5;
  }
  .box.reveal:nth-child(6n+5) figure::before {
    background-color: #ff4d27;
  }
  .box.reveal:nth-child(6n+6) figure::before {
    background-color: #00ff96;
  }
  .box.reveal.visible .ct .meta {
    opacity: 1;
  }
  .box.reveal.visible .ct .titre {
    opacity: 1;
    -ms-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  .box.reveal.visible figure {
    /*-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);*/
  }
  .box.reveal.visible figure::before {
    height: 0;
  }
}
/**/
.msg_error {
  display: none;
  color: #ff0000;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.1px;
  margin-bottom: 5px;
}

form.has-error .msg_error {
  display: block;
}

.form-group input[type=text],
.form-group input[type=email],
.form-group textarea {
  background-color: #f2f2f2;
  border: solid 2px transparent;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.1px;
}
.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group textarea:focus {
  border: solid 2px #16171b;
  background-color: #f2f2f2;
  box-shadow: none;
}
.form-group input[type=text].is-invalid,
.form-group input[type=email].is-invalid,
.form-group textarea.is-invalid {
  border: solid 2px #ff0000;
  box-shadow: none;
}

div.wpcf7 {
  font-size: 14px;
  font-style: italic;
}
div.wpcf7 form label {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #16171b;
}
div.wpcf7 form .form-group {
  margin-top: 5px;
}
div.wpcf7 form .form-group::after {
  display: block;
  clear: both;
  content: "";
}
div.wpcf7 form .form-group input[type=checkbox] {
  position: relative;
  top: -2px;
  margin-right: 5px;
}
div.wpcf7 form .form-group select {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
div.wpcf7 form .wpcf7-submit {
  -webkit-appearance: none;
}
div.wpcf7 form .checkbox > label {
  display: block;
  line-height: 1.5;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  padding: 0 85px 0 35px;
}
div.wpcf7 form .checkbox > label [type=checkbox]:not(:checked),
div.wpcf7 form .checkbox > label [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
div.wpcf7 form .checkbox > label::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 2px;
  width: 20.5px;
  height: 20.5px;
  border: solid 1px #16171b;
  background-color: #ffffff;
  border-radius: 3px;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
div.wpcf7 form .checkbox > label.cked::before {
  /*background-color: $color--black;
  border-color: $color--black;*/
}
div.wpcf7 form .checkbox > label.cked::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 2px;
  width: 20.5px;
  height: 20.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.238 5.952L4.095 8.81l6.667-7.62'/%3E %3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
div.wpcf7 form.invalid .form-group .wpcf7-text,
div.wpcf7 form.invalid .form-group textarea {
  border-color: #00a01e;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300a01e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  background-repeat: no-repeat;
  padding-right: calc(1.5em + 0.75rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
div.wpcf7 form.invalid .form-group select {
  border-color: #00a01e;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300a01e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
div.wpcf7 form.invalid .form-group.has-error .wpcf7-text,
div.wpcf7 form.invalid .form-group.has-error textarea {
  border-color: #dc3545;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  background-repeat: no-repeat;
  padding-right: calc(1.5em + 0.75rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
div.wpcf7 form.invalid .form-group.has-error select {
  border-color: #dc3545;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
}
div.wpcf7 form.invalid .form-group.has-error .wpcf7-not-valid-tip {
  color: #dc3545;
  font-size: 12px;
  margin-top: 5px;
}
div.wpcf7 form.invalid .form-group.has-error .checkbox {
  color: #dc3545;
}
div.wpcf7 form .wpcf7-response-output {
  margin-top: 10px;
}
@media only screen and (max-width: 900px) {
  div.wpcf7 form .checkbox > label {
    padding-right: 0;
  }
}

#cookie-notice {
  left: 35px;
  bottom: 35px;
  font-size: 11px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 0.07px;
  color: #ffffff;
  min-width: 1px;
  width: 300px;
  padding: 32px 12px;
  border-radius: 5px;
}
#cookie-notice .btn {
  display: block;
  margin: auto;
  margin-top: 25px;
  width: 100px;
  min-width: 100px;
  height: 30px;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0.19px;
  text-align: center;
  background-color: #fff;
  color: #16171b;
  opacity: 1;
}
#cookie-notice .btn:hover {
  background-color: #fff;
  color: #16171b;
  opacity: 0.7;
}
@media only screen and (max-width: 900px) {
  #cookie-notice {
    left: 0;
    bottom: 0;
    border-radius: 0;
    width: 100%;
    padding: 0;
  }
  #cookie-notice .cookie-notice-container {
    padding: 15px;
  }
  #cookie-notice .btn {
    margin-top: 10px;
  }
}

.grecaptcha-badge {
  visibility: collapse !important;
}

body > .mpp-container .mpp-position-middle-center {
  width: 100%;
  max-width: 640px;
  /*height: auto;*/
}
body > .mpp-container .mpp-position-bottom-left {
  left: 35px;
  bottom: 35px;
}
body > .mpp-container .mpp-position-bottom-left .mpp-element-text-html .mpp-element-content {
  font-weight: 500 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 1.55 !important;
  letter-spacing: 0.07px !important;
}
body > .mpp-container .mpp-position-bottom-left .mpp-element-text-html .mpp-element-content a {
  text-decoration: underline !important;
}
body > .mpp-container .mpp-position-bottom-left .mpp-element-button .mpp-element-content {
  font-size: 11px !important;
  font-weight: bold !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 32px !important;
  letter-spacing: 0.19px !important;
  text-align: center;
  background-color: #fff;
  color: #16171b;
  opacity: 1;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
body > .mpp-container .mpp-position-bottom-left .mpp-element-button .mpp-element-content:hover {
  background-color: #fff;
  color: #16171b;
  opacity: 0.7;
}
@media only screen and (max-width: 900px) {
  body > .mpp-container .mpp-position-bottom-left .mpp-position-bottom-left {
    left: 20px;
    bottom: 20px;
  }
  body > .mpp-container .mpp-position-bottom-left .mpp-position-bottom-left .mpp-element-text-html .mpp-element-content a {
    text-decoration: underline !important;
  }
  body > .mpp-container .mpp-position-bottom-left .mpp-element-button .mpp-element-content {
    line-height: 26px !important;
  }
}

article .cookieplus {
  border-radius: 5px;
  padding: 45px 40px;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 0.07px;
  color: #fff;
  background-color: #16171b;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  article .cookieplus {
    font-size: 14px;
  }
}
article .cookieplus .cookieplus-btn {
  border-radius: 25px !important;
  color: #16171b;
  background-color: #fff;
  opacity: 1;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
article .cookieplus .cookieplus-btn:hover {
  background-color: #fff;
  color: #16171b;
  opacity: 0.7;
}

.page-template-modele-archives .title_page {
  margin-bottom: 40px;
}

.carousel-control-prev,
.carousel-control-next {
  opacity: 1;
}

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