@font-face {
  font-family: Cabin;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/cabin-v26-latin-regular.eot);
  src: local(""), url(../fonts/cabin-v26-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/cabin-v26-latin-regular.woff2) format("woff2"), url(../fonts/cabin-v26-latin-regular.woff) format("woff"), url(../fonts/cabin-v26-latin-regular.ttf) format("truetype"), url(../fonts/cabin-v26-latin-regular.svg#Cabin) format("svg")
}

@font-face {
  font-family: Cabin;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/cabin-v26-latin-500.eot);
  src: local(""), url(../fonts/cabin-v26-latin-500.eot?#iefix) format("embedded-opentype"), url(../fonts/cabin-v26-latin-500.woff2) format("woff2"), url(../fonts/cabin-v26-latin-500.woff) format("woff"), url(../fonts/cabin-v26-latin-500.ttf) format("truetype"), url(../fonts/cabin-v26-latin-500.svg#Cabin) format("svg")
}

@font-face {
  font-family: Cabin;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/cabin-v26-latin-600.eot);
  src: local(""), url(../fonts/cabin-v26-latin-600.eot?#iefix) format("embedded-opentype"), url(../fonts/cabin-v26-latin-600.woff2) format("woff2"), url(../fonts/cabin-v26-latin-600.woff) format("woff"), url(../fonts/cabin-v26-latin-600.ttf) format("truetype"), url(../fonts/cabin-v26-latin-600.svg#Cabin) format("svg")
}

@font-face {
  font-family: Cabin;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/cabin-v26-latin-700.eot);
  src: local(""), url(../fonts/cabin-v26-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/cabin-v26-latin-700.woff2) format("woff2"), url(../fonts/cabin-v26-latin-700.woff) format("woff"), url(../fonts/cabin-v26-latin-700.ttf) format("truetype"), url(../fonts/cabin-v26-latin-700.svg#Cabin) format("svg")
}

@font-face {
  font-family: Exo;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/exo-v20-latin-regular.eot);
  src: local(""), url(../fonts/exo-v20-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/exo-v20-latin-regular.woff2) format("woff2"), url(../fonts/exo-v20-latin-regular.woff) format("woff"), url(../fonts/exo-v20-latin-regular.ttf) format("truetype"), url(../fonts/exo-v20-latin-regular.svg#Exo) format("svg")
}

@font-face {
  font-family: Exo;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/exo-v20-latin-500.eot);
  src: local(""), url(../fonts/exo-v20-latin-500.eot?#iefix) format("embedded-opentype"), url(../fonts/exo-v20-latin-500.woff2) format("woff2"), url(../fonts/exo-v20-latin-500.woff) format("woff"), url(../fonts/exo-v20-latin-500.ttf) format("truetype"), url(../fonts/exo-v20-latin-500.svg#Exo) format("svg")
}

@font-face {
  font-family: Exo;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/exo-v20-latin-600.eot);
  src: local(""), url(../fonts/exo-v20-latin-600.eot?#iefix) format("embedded-opentype"), url(../fonts/exo-v20-latin-600.woff2) format("woff2"), url(../fonts/exo-v20-latin-600.woff) format("woff"), url(../fonts/exo-v20-latin-600.ttf) format("truetype"), url(../fonts/exo-v20-latin-600.svg#Exo) format("svg")
}

@font-face {
  font-family: Exo;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/exo-v20-latin-700.eot);
  src: local(""), url(../fonts/exo-v20-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/exo-v20-latin-700.woff2) format("woff2"), url(../fonts/exo-v20-latin-700.woff) format("woff"), url(../fonts/exo-v20-latin-700.ttf) format("truetype"), url(../fonts/exo-v20-latin-700.svg#Exo) format("svg")
}

:root {
  --purple-100: #776aeb;
  --purple-200: #5e54ba;
  --purple-300: #6060e7;
  --purple-400: #4d40c6;
  --indigo-100: #a82b5d;
  --indigo-200: #cb3470;
  --indigo-300: #f496d1;
  --beige-100: #f1d2b6;
  --beige-200: #ffbeb8;
  --beige-300: #f7b690;
  --beige-400: #f3a088;
  --beige-500: #d6956f;
  --orange-100: #ff9d07;
  --orange-200: #feb002;
  --orange-300: #f3d745;
  --green-100: #26a454;
  --green-500: #0b787d;
  --green-200: #198a8e;
  --green-400: #19888d;
  --green-300: #1c969c;
  --blue-100: #5ea4cc;
  --blue-200: #348fd2;
  --blue-300: #428ab3;
  --blue-400: #3480c2;
  --blue-500: #3c79a7;
  --blue-600: #2e6c9e;
  --blue-700: #275c87;
  --blue-800: #255882;
  --blue-900: #265a85;
  --blue-010: #224f73;
  --blue-011: #225075;
  --dark-100: #33495d;
  --dark-200: #34495e;
  --dark-300: #0a3c5f;
  --dark-400: #0a3c60;
  --dark-500: #093454;
  --dark-600: #232b59;
  --dark-700: #072b45;
  --dark-800: #00294c;
  --dark-900: #001832;
  --dark-010: #001b44;
  --app-light: #f8f9fc;
  --app-white: #fff;
  --app-black: #000;
  --default-font: "Montserrat", sans-serif;
  --minor-font: "Capriola", sans-serif;
  --screen-lg: 1240px;
  --screen-xl: 1440px;
  --screen-xxl: 1920px;
  color-scheme: light
}

#row_link_footer a span:before,
#row_link_footer li a:before {
  background-color: #b1b1b1;
  border-radius: 3px;
  bottom: 0;
  content: "";
  height: 2px;
  height: 1px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .3s ease-in-out;
  width: 100%;
  width: calc(100% - 5px)
}

#row_link_footer a span:before {
  left: unset;
  width: calc(100% - 37px)
}

#row_link_footer a span:hover:before,
#row_link_footer li a:hover:before {
  transform: scaleX(1);
  transform-origin: left
}

.effect-8~.focus-border:after,
.effect-8~.focus-border:before {
  background-color: #1d63af;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  transition: .3s;
  width: 0
}

.effect-8~.focus-border:after {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto
}
a{
  color: inherit;
}
a:hover{
  color: inherit;
}
.effect-8~.focus-border i:after,
.effect-8~.focus-border i:before {
  background-color: #1d63af;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: .4s;
  width: 1px
}

.effect-8~.focus-border i:after {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto
}

.effect-8:focus~.focus-border:after,
.effect-8:focus~.focus-border:before {
  transition: .3s;
  width: 100%
}

.effect-8:focus~.focus-border i:after,
.effect-8:focus~.focus-border i:before {
  height: 100%;
  transition: .4s
}

.stars {
  display: inline-block;
  font-size: 16px;
  position: relative;
  width: auto
}

.stars:BEFORE {
  color: #EED345;
  content: "★★★★★";
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1
}

.stars:AFTER {
  color: #bcbcbc;
  content: "★★★★★";
  position: relative
}

.stars.rate:AFTER {
  left: 0;
  position: absolute
}

.stars:NOT([data-percent]):BEFORE,
.stars[data-percent="0"]:BEFORE {
  display: none
}

.stars[data-percent="10"]:BEFORE {
  width: 10%
}

.stars[data-percent="20"]:BEFORE {
  width: 20%
}

.stars[data-percent="30"]:BEFORE {
  width: 30%
}

.stars[data-percent="40"]:BEFORE {
  width: 40%
}

.stars[data-percent="50"]:BEFORE {
  width: 50%
}

.stars[data-percent="60"]:BEFORE {
  width: 60%
}

.stars[data-percent="70"]:BEFORE {
  width: 70%
}

.stars[data-percent="80"]:BEFORE {
  width: 80%
}

.stars[data-percent="90"]:BEFORE {
  width: 90%
}

.stars[data-percent="100"]:BEFORE {
  width: 100%
}

/*!
 * Bootstrap Grid v5.0.0-beta2 (https://getbootstrap.com/)
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--bs-gutter-x, .75rem);
  padding-right: var(--bs-gutter-x, .75rem);
  width: 100%
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
  box-sizing: border-box;
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x)/2);
  padding-right: calc(var(--bs-gutter-x)/2);
  width: 100%
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.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%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}
  .sidebar_form label{
  cursor: pointer;
  margin-left: 3px;
  }
.container-xl{
 padding: 0;
}
/*  */
@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-xxl-0 {
    margin-left: 0
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.d-inline {
  display: inline !important
}

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

.d-block {
  display: block !important
}

.d-grid {
  display: grid !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
}

.d-none {
  display: none !important
}

.flex-fill {
  flex: 1 1 auto !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-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
}

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

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

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

.sub-justify-content>div {
  display: flex;
  justify-content: center
}

@media (min-width:1400px) {

  .content-centered,
  .content-centered-75 {
    display: flex;
    justify-content: center
  }

  .content-centered-75>div,
  .content-centered>div {
    overflow: hidden;
    width: 85% !important
  }

  .content-centered-75>div {
    width: 75% !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
}

.justify-content-evenly {
  justify-content: space-evenly !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
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

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

.mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important
}

.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

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

.my-1 {
  margin-bottom: .25rem !important;
  margin-top: .25rem !important
}

.my-2 {
  margin-bottom: .5rem !important;
  margin-top: .5rem !important
}

.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important
}

.my-4 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important
}

.my-5 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important
}

.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-6 {
  margin-top: 4rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

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

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

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

.py-1 {
  padding-bottom: .25rem !important;
  padding-top: .25rem !important
}

.py-2 {
  padding-bottom: .5rem !important;
  padding-top: .5rem !important
}

.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important
}

.py-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important
}

.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.pb-6 {
  padding-bottom: 6rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

@media (min-width:576px) {
  .d-sm-inline {
    display: inline !important
  }

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

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

  .d-sm-grid {
    display: grid !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
  }

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

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

  .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-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
  }

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

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

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !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
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-sm-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-sm-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-sm-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-sm-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-sm-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-sm-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-sm-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-sm-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-sm-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-sm-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-sm-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-sm-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:768px) {
  .d-md-inline {
    display: inline !important
  }

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

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

  .d-md-grid {
    display: grid !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
  }

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

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

  .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-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
  }

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

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

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !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
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-md-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-md-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-md-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-md-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-md-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-md-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-7 {
    margin-top: 7rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-md-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-md-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-md-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-md-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-md-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .py-md-7 {
    padding-bottom: 7rem !important;
    padding-top: 7rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:992px) {
  .d-lg-inline {
    display: inline !important
  }

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

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

  .d-lg-grid {
    display: grid !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
  }

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

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

  .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-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
  }

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

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

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !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
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-lg-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-lg-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-lg-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-lg-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-lg-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-lg-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-lg-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-lg-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-lg-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-lg-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-lg-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-lg-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:1200px) {
  .d-xl-inline {
    display: inline !important
  }

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

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

  .d-xl-grid {
    display: grid !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
  }

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

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

  .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-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
  }

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

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

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !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
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-xl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-xl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-xl-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-xl-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-xl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-xl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-xl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-xl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-xl-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-xl-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-xl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-xl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:1400px) {
  .d-xxl-inline {
    display: inline !important
  }

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

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

  .d-xxl-grid {
    display: grid !important
  }

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

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

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

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

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

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

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

  .flex-xxl-row {
    flex-direction: row !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-xxl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-xxl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-xxl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-xxl-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-xxl-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-xxl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-xxl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-xxl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-xxl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-xxl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-xxl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-xxl-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-xxl-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-xxl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-xxl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

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

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

  .d-print-grid {
    display: grid !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
  }

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

.row.display-flex {
  display: flex;
  flex-wrap: wrap
}

.row.display-flex>[class*=col-] {
  flex-grow: 1
}

.header {
  align-items: center;
  font-family: Exo, sans-serif;
  height: 51px;
  position: relative;
  width: calc(100% - 12px);
  max-width: 1392px;
  margin: auto;
  z-index: 3
}

.header{
  display: flex;
  justify-content: space-between
}
.header .login{
  max-width: 278PX;
  width: 100%;
}

.header .login li:not(:last-child){
  padding-right: 34px;

 }

.active_postion {
  background-color: #fff;
  position: fixed
}

.header ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.header li a {
  color: #1d63af;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  /* padding: 10px 20px; */
  text-decoration: none;
  text-transform: uppercase
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .header li a {
    font-size: 12px;
  }
  .header .login li:not(:last-child) {
    padding-right: 15px;
    margin-left: 12px;
  }
}


.header li a svg {
  fill: currentColor;
  margin-right: 5px;
  transition: fill .3s ease;
  vertical-align: middle
}

.header .login li a {
  font-size: 13px;
  text-transform: none
}

.header li a:hover {
  fill: currentColor;
  color: #ec222f;
  transition: all .5s ease
}

.login_user:hover #_desktop_user_info {
  box-shadow: 4px 7px 24px 7px #0000000d;
  max-height: 300px
}

.login_user:hover #_desktop_user_info .user-info {
  padding: 12px
}

.login_user:hover #_desktop_user_info .user-info .deconnexion {
  position: relative
}

.login_user:hover #_desktop_user_info .user-info .deconnexion a {
  color: #ec222f !important
}

.login_user:hover .tragel {
  opacity: 1
}

.tragel {
  border-color: #0000 #0000 #fdf7f7e6;
  border-style: solid;
  border-width: 0 10px 14px;
  height: 0;
  left: 4em;
  opacity: 0;
  position: relative;
  width: 0
}

#_desktop_user_info {
  border-radius: 30px;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  right: 64px;
  text-align: center;
  transition: max-height .3s ease;
  width: 500px;
  z-index: 100
}

#_desktop_user_info .user-info {
  background: #fff
}

#_desktop_user_info .user-info a {
  padding: 12px 0
}

#_desktop_user_info .info,
#_desktop_user_info .res {
  border-right: 1px solid #dcf2ff
}

input[type=text]:hover {
  background: #fafafa;
  border: 1px solid #ec222f
}

input[type=text]:focus {
  outline: none
}

.header .logo {
  display: block;
  float: left;
  height: auto;
  
  text-decoration: none;
  width: 254px
}

.header .logo img {
  height: 53px;
  margin-top: 22px;
  /* width: 100% */
}

.header .logo span {
  background-color: #fff;
  color: #b1b1b1;
  font-size: 11px;
  margin-left: 6px;
  position: relative;
  padding-inline: 4px;
  padding-left: 4px;
  white-space: nowrap;
  padding-right: 8px;
  top: -10px

}

.header .menu {
  clear: both;
  font-size: 18px;
  max-height: 0;
  max-width: 1442px
}

.header .menu-icon {
  cursor: pointer;
  float: right;
  padding: 36px 22px;
  position: relative;
  -webkit-user-select: none;
  user-select: none
}

.header .menu-icon .navicon {
  background: #ec222f;
  border-radius: 50px;
  display: block;
  height: 4px;
  position: relative;
  transition: background .2s ease-out;
  width: 40px
}

.header .menu-icon .navicon:after,
.header .menu-icon .navicon:before {
  background: #ec222f;
  border-radius: 50px;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  transition: all .2s ease-out;
  width: 100%;
  width: 70%
}

.header .menu-icon .navicon:before {
  top: 10px
}

.header .menu-icon .navicon:after {
  top: -10px
}

.header .menu-btn {
  opacity: 0;
  position: absolute
}
.promo p{
  color: #EC222F !important;
}
@media (min-width:993px) {
  .header li {
    float: left
  }

  .header .menu {
    max-height: none;
    display: flex;
    justify-content: space-between;
    padding-inline: 5px;
    max-height: none
  }

  .header .menu-icon {
    display: none
  }
}

@media (max-width:992px) {
  .header .menu-btn:checked~.menu {
    margin-top: 92px;
    max-height: max-content;
    /* max-height: 100vh;
    min-height: 100vh; */
    /* position: fixed; */
    transition: max-height .5s ease-out;
    width: 100%
  }

  .header .menu-btn:checked~.menu-icon .navicon {
    background: #0000;
    width: 55px
  }

  .header .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg)
  }

  .header .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg)
  }

  .header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,
  .header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before {
    top: 0
  }

  .header {
    display: block;
    height: 91px;
    background-color: #fff;
    width: 100%;
  }
   .header.active{
    /* position: fixed; */
    position: relative;
    min-height: 100vh;
    background-color: #1D63AF;
   }
  .header .logo {
    float: left;
    margin: 0;
    width: 234px
  }

  .header .logo img {
    margin-top: 14px;
    width: 100%;
    max-width: 236px;
  }

  .header .logo span {
    font-size: 10px
  }

  .header .menu-icon {
    padding: 40px 16px;
  }

  .header .menu {
    background-color: #1d63af
  }

  .header .menu li {
    line-height: 28px;
    padding: 14px 21px;
  }

  .header .menu li .select_elm span {
    align-items: center;
    display: flex;
    justify-content: space-between
  }

  .header .menu li a {
    color: #fff;
    font-size: 18px
  }

  .header .login {
    display: none;
    position: absolute;
    bottom: 0;
    max-width: 100%;
  }
  .header.active .login {
    display: flex;
 
  }

  .header .login li {
    border: 1px solid #fff;
    line-height: 20px;
    padding: 12px 12PX;
    background-color: #1D63AF;
    width: 50%
  }

  .header .login li a {
    font-size: 14px;
    color: #fff;
    text-align: center
  }

  .header .login>li:first-child {
    border-left: none
  }

  .header .login>li:nth-child(2) {
    border-left: none;
    border-right: none
  }

  .header .logo {
    padding-left: 20px;
    padding-top: 1px;
    width: 50%;
  }
 
  header.active .logo{
    background-color: #fff;
  
 
  }
  header.active .menu-icon{
    background-color: #fff;
    width: 50%;
    display: flex;
    justify-content: end;
  }

  .menu>li:first-child {
    margin-top: 14px
  }
}

.header_pro {
  display: flex;
  height: 372px;
  list-style-type: none;
  max-height: 372px
}

.header_pro .bg {
  position: absolute
}

.header_pro .bg img {
  object-fit: cover;
  width: 100%
}

.header_pro .intro {
  margin: 0 auto;
  position: relative
}

.header_pro .intro .first_child {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  margin-top: 12px
}

@media (max-width:810px) {
  .header_pro .intro .first_child {
    margin-inline: auto;
    margin-top: 45px
  }
}

.header_pro .intro .first_child .title {
  color: #1d63af;
  font-size: 24px;
  font-weight: 600;
  text-align: center
}

.header_pro .intro .first_child .subtitle {
  color: #ec222f;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: center
}

.header_pro .intro .first_child .btn-locate {
  align-items: center;
  background-color: #1d63af;
  display: flex;
  height: 42px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all .3s;
  width: 60px;
  z-index: 1
}

.header_pro .intro .first_child .btn-locate:before {
  background-color: #ec222f;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: all .3s;
  width: 0;
  z-index: -1
}

.header_pro .intro .first_child .btn-locate:hover {
  color: #fff
}

.header_pro .intro .first_child .btn-locate:hover:before {
  width: 100%
}

.header_pro .intro .first_child .search-form {
  margin-inline: auto;
  margin-top: 12px;
  max-width: 499px;
  position: relative
}

.header_pro .intro .first_child .search-form input {
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  color: #b1b1b1;
  padding: 8px 19px;
  width: 100%
}

.header_pro .intro .first_child .search-form button {
  border: none;
  background: #1d63af;
  border-radius: 0 5px 5px 0;
  padding: 13px 20px;
  position: absolute;
  right: 0;
  top: 0
}

.header_pro .intro .icons_intro {
  margin-inline: auto
}

.header_pro .intro .icons_intro ul {
  justify-content: space-between;
  padding: 0
}

.header_pro .intro .icons_intro ul li {
  color: #1d63af;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  margin-top: 10px;
  text-align: center
}

@media (max-width:810px) {
  .header_pro .intro .icons_intro ul li {
    padding: 10px !important
  }
}

@media (max-width:400px) {
  .header_pro .intro .icons_intro ul li {
    font-size: clamp(11px, 3.2vw, 14px)
  }
}

@media (max-width:810px) {
  .header_pro .intro .icons_intro {
    margin-top: 12px
  }
}

.header_pro .intro .map {
  position: relative
}

.header_pro .intro .map svg path {
  fill: #e4eef4;
  stroke: #080808;
  stroke-width: 1.45
}

.header_pro .intro .map svg path:hover {
  fill: #1d63af;
  cursor: pointer;
  transition: .6s
}

.header_pro .intro .map img {
  bottom: 0;
  position: absolute
}

@media (max-width:810px) {
  .header_pro .intro .map {
    display: none !important
  }
}

@media (max-width:1146px) {
  .header_pro {
    display: block
  }
}

.c-dropdown {
  background-color: #fff;
  box-shadow: 0 4px 4px 0 #0000000d;
  left: auto !important;
  margin-left: 18px;
  margin-top: 7px;
  min-inline-size: 200px;
  min-width: 200px;
  position: absolute;
  width: 253px
}

.c-dropdown:not(.is-active) {
  display: none
}

.c-dropdown__list {
  padding: .5rem
}

.c-dropdown__list li {
  float: unset
}

.c-dropdown__link {
  align-items: center;
  border-radius: 3px;
  display: flex;
  font-size: 12px;
  height: auto;
  padding: 0 1rem;
  text-decoration: none;
  text-transform: capitalize !important;
  transition: color .1s ease;
  white-space: nowrap
}

.c-dropdown__link:hover {
  background-color: #f8f7f7
}

@media (max-width:1446px) {
  .c-dropdown {
    background-color: #1d63af;
    box-shadow: none;
    color: #fff;
    position: relative;
    transition: all .3s ease;
    width: 100%
  }

  .c-dropdown__link:hover {
    background-color: unset
  }

  .chng_icon svg {
    display: none
  }

  .chng_icon:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' fill='none'%3E%3Cpath stroke='%2398C4DD' stroke-linecap='round' stroke-width='1.3' d='M18.35 9.5H.65m17.7 0H.65m8.9 8.95V.75m0 17.7V.75'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 20px;
    left: calc(100% - 2rem);
    position: absolute;
    top: calc(36% - 5px);
    width: 19px
  }

  .focus:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='%23fff' d='M18.144 9.681H.834c-.403 0-.73-.31-.73-.691 0-.382.327-.692.73-.692h17.31c.404 0 .73.31.73.692 0 .382-.326.691-.73.691Z'/%3E%3Cpath fill='%23fff' d='M18.144 9.681H.834c-.403 0-.73-.31-.73-.691 0-.382.327-.692.73-.692h17.31c.404 0 .73.31.73.692 0 .382-.326.691-.73.691Z'/%3E%3C/svg%3E")
  }
}

.title_text {
  color: #ec222f;
  font-size: 20px;
  font-weight: 600;
  padding-top: 43px;
  text-transform: uppercase
}

.module_breadcrumb ._breadcrumb ul {
  display: flex;
  padding: 4px 0
}

.module_breadcrumb ._breadcrumb ul li {
  font-size: 12px;
  font-weight: 500
}

.module_breadcrumb ._breadcrumb ul li a {
  color: #000 !important;
  text-decoration: none
}

.module_breadcrumb ._breadcrumb ul li a:hover {
  text-decoration: underline
}

.module_breadcrumb ._breadcrumb ul li:not(:last-child):after {
  content: "/";
  font-family: FontAwesome;
  font-size: 12px;
  margin: 0 2px;
  padding: 0 4px 0 2px
}

@media (max-width:767px) {
  .module_breadcrumb ._breadcrumb ul {
    flex-wrap: wrap
  }
}

section.module_hero {
  margin-inline: auto;
  max-width: 1094px;
  padding: 0;
  position: relative
}

section.module_hero .sub_title {
  color: #1d63af;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase
}

section.module_hero p {
  font-size: 14px;
  font-weight: 400
}

.type_register {
  margin: auto;
  position: relative
}

.type_register .marker {
  background-color: #d9d9d9;
  border-radius: 50px;
  bottom: 61%;
  height: 5px;
  position: absolute;
  width: 100%
}

.type_register .scrol_register {
  height: 80px
}

.type_register .scrol_register .item {
  display: flex;
  justify-content: center
}

.type_register .scrol_register .item a {
  cursor: not-allowed
}

.type_register .scrol_register .item .cricl1 {
  background-color: #cacaca;
  border-radius: 50px;
  display: block;
  height: 53px;
  position: relative;
  width: 53px
}

.type_register .scrol_register .item .cricl2 {
  background-color: #edebeb;
  border-radius: 50px;
  height: 39px;
  left: 49%;
  margin-top: 7px;
  outline: 2px solid #fff !important;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: 39px
}

.type_register .scrol_register .item .cricl2 P {
  color: #bebebe;
  font-size: 20px;
  font-weight: 600;
  padding-top: 6px
}

.type_register .scrol_register .item .text_cricl {
  bottom: 0;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase
}

.type_register .scrol_register .active a {
  cursor: pointer
}

.type_register .scrol_register .active .cricl1 {
  background-color: #1d63af
}

.type_register .scrol_register .active .cricl2 {
  background-color: #ec222f
}

.type_register .scrol_register .active .cricl2 P {
  color: #fff
}

@media (max-width:997px) {
  .scrol_register .item.hide {
    display: none
  }

  .scrol_register .item.show {
    display: inherit !important
  }
}

@media (max-width:810px) {
  .item .cricl2 {
    left: 50% !important
  }
}

.btn_home {
  background-color: #ec222f;
  border: none;
  color: #fff;
  font-size: 14px;
  height: 35px;
  line-height: 2.2rem;
  margin-left: 10px;
  margin-top: 12px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  transition: all .3s;
  width: 100%;
  z-index: 1
}

.btn_home:before {
  background-color: #1d63af;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: all .3s;
  width: 0;
  z-index: -1
}

.btn_home:hover {
  color: #fff
}

.btn_home:hover:before {
  width: 100%
}

.effect-9~.focus-border:after,
.effect-9~.focus-border:before {
  background-color: #d8d8d8;
  content: "";
  height: 1px;
  position: absolute;
  right: 0;
  top: 0;
  transition: .2s;
  transition-delay: .2s;
  width: 0
}

.effect-9~.focus-border:after {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  transition-delay: .6s
}

.effect-9~.focus-border i:after,
.effect-9~.focus-border i:before {
  background-color: #d8d8d8;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: .2s;
  width: 1px
}

.effect-9~.focus-border i:after {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
  transition-delay: .4s
}

.effect-9:focus~.focus-border:after,
.effect-9:focus~.focus-border:before {
  transition: .2s;
  transition-delay: .6s;
  width: 100%
}

.effect-9:focus~.focus-border:after {
  transition-delay: .2s
}

.effect-9:focus~.focus-border i:after,
.effect-9:focus~.focus-border i:before {
  height: 100%;
  transition: .2s
}

.effect-9:focus~.focus-border i:after {
  transition-delay: .4s
}

[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dcdcdc;
  height: 14px;
  margin: 4px 4px 4px 0;
  vertical-align: top;
  width: 14px;
}

#step-2 #soldePointsInconnu{
  height: 14px;
  width: 16px;
}

[type=checkbox]:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' fill='none'%3E%3Cpath fill='%231D63AF' d='M6.97.97a.75.75 0 0 1 1.07 1.05L4.05 7.01a.75.75 0 0 1-1.08.02L.324 4.384a.75.75 0 1 1 1.06-1.06l2.094 2.093L6.95.992A.268.268 0 0 1 6.97.97Z'/%3E%3C/svg%3E");
  background-size: 10px
}

footer {
  background-color: #ec222f
}

footer .container {
  max-width: 1105px
}

footer .top_footer {
  color: #fff
}

footer .top_footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center
}

footer .top_footer ul .dis {
  font-size: 12px;
  font-weight: 400
}

footer .top_footer ul .title {
  font-size: 30px;
  font-weight: 700;
  margin-right: 20px
}

footer .top_footer ul li {
  border-right: 2px solid #fff;
  display: inline-block;
  font-style: normal;
  padding: 43px;
  transform: skewX(-20deg)
}

footer .top_footer ul li>span {
  display: inline-block;
  text-transform: uppercase;
  transform: skewX(20deg)
}

footer .top_footer li:last-child {
  border: none
}

@media (max-width:998px) {
  footer .top_footer ul li {
    border: none;
    padding: 24px;
    transform: skewX(0deg)
  }

  footer .top_footer ul li span {
    transform: skewX(0deg)
  }

  footer .top_footer ul li .dis {
    font-size: 11px
  }
}

.bg-footer {
  background-color: #fff;
  padding: 50px 0 30px
}

.bg-footer .social svg {
  transform-origin: center;
  transition: transform .2s ease 0s
}

@media (max-width:810px) {
  .bg-footer .social svg {
    height: 46px;
    width: 46px
  }
}

.bg-footer .social svg:hover {
  transform: scale(1.15)
}

.bg-footer ul li .tel {
  color: #000;
  font-size: 18px !important;
  font-weight: 700 !important
}

.bg-footer ul li .tel svg {
  margin-bottom: 14px
}

.bg-footer .text-appler {
  font-size: 12px;
  margin-left: 30px
}

.bg-footer .logo_btm {
  filter: grayscale(100%)
}

.footer-link a {
  color: #b1b1b1;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  position: relative;
  text-decoration: none;
  text-transform: lowercase;
  transition: all .5s
}

@media (max-width:998px) {
  .footer-link a {
    font-size: 12px
  }
}

.footer-heading {
  font-size: 16px;
  font-weight: 600;
  position: relative
}
#row_link_footer{
  padding-left: 8px;
}
@media (max-width:998px) {
  #row_link_footer{
    padding-left: 0px;
  }
  .bg-footer {
    padding: 1px 0 0
  }

  .bg-footer .border_btm {
    border-bottom: 1px solid #d9d9d9
  }

  .bg-footer .border_btm p.info {
    display: none
  }

  .bg-footer .border_btm .footer-link li p {
    font-size: 12px
  }

  .bg-footer .border_btm .social {
    padding: 16px;
    text-align: center
  }

  .bg-footer .border_btm .social .nou_suiv {
    font-size: 16px
  }

  .bg-footer .border_btm .footer-heading {
    font-size: 14px
  }

  .bg-footer .paiement {
    margin-bottom: 0 !important;
    order: 2;
    padding: 0
  }

  .bg-footer .paiement .footer-heading {
    font-size: 14px;
    margin-top: 14px
  }
}

@media (max-width:998px) and (max-width:393px) {
  .bg-footer .paiement .footer-heading {
    font-size: 13px
  }
}

@media (max-width:998px) and (max-width:375px) {
  .bg-footer .paiement .footer-heading {
    font-size: 11px;
    margin-top: 17px
  }
}

@media (max-width:998px) {
  .bg-footer .paiement .first_child {
    display: flex;
    justify-content: center
  }

  .bg-footer .paiement .first_child .footer-link {
    display: flex;
    justify-content: space-between
  }

  .bg-footer .paiement .first_child .ci-mc {
    margin-left: 6px;
    margin-top: 8px
  }
}

@media (max-width:414px) {
  footer .top_footer ul .title {
    font-size: 26px;
    margin-right: 0
  }

  footer .top_footer ul li {
    padding: 21px
  }

  footer .top_footer ul li .dis {
    font-size: 10px
  }
}

.tns-outer {
  padding: 0 !important
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  transition: all 0s
}

.tns-slider>.tns-item {
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  clear: both;
  content: "";
  display: table
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-gallery,
.tns-no-calc {
  left: 0;
  position: relative
}

.tns-gallery {
  min-height: 1px
}

.tns-gallery>.tns-item {
  left: -100%;
  position: absolute;
  transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
  left: auto !important;
  position: relative
}

.tns-gallery>.tns-moving {
  transition: all .25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  opacity: .6;
  transition: opacity .6s
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  transition: height 0s
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  left: -10000em;
  position: absolute
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 0
}

.tns-fadeOut,
.tns-normal {
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block
}

.tns-t-subp2 {
  height: 10px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 310px
}

.tns-t-ct {
  position: absolute;
  right: 0;
  width: 2333.3333333%;
  width: 2333.33333%
}

.tns-t-ct:after {
  clear: both;
  content: "";
  display: table
}

.tns-t-ct>div {
  float: left;
  height: 10px;
  width: 1.4285714%;
  width: 1.42857%
}

.sidebar_left {
  background-color: #f5f5f5;
  border: 1px solid #cecece;
  margin-top: 17px;
  height: max-content
}
.sidebar_left .items ul{
  padding: 0;
  padding-left: 12px;
}
.sidebar_left .items ul p{
  font-size: 14px;
}

.sidebar_left .img_agrement {
  display: flex;
  justify-content: center;
  margin-top: 20px
}

.sidebar_left .Num_stage>p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 16px;
  text-align: center
}

.sidebar_left .alert_stage>p {
  color: #adadad;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 37px;
  text-align: center
}
.sidebar_left .alert_stage a{
  color: #EC222F;
  text-decoration: none;
}
.sidebar_left .prix>p {
  font-size: 30px;
  font-weight: 600;
  text-align: center
}
.sidebar_left .prix-TTC{
font-size: 14px;
}
.sidebar_left .calculate_ttc {
  font-size: 30px;
  font-weight: 500;
 flex-wrap: wrap;
}
.sidebar_left .calculate_ttc p{
  width: 100%;
  text-align: center;
}
.sidebar_left .rate {
  margin-bottom: 10px;
  text-align: center
}

.sidebar_left .palace_dispo>p {
  color: #418C20;;
  font-weight: 600;
  font-size: 13px;
  text-align: center
}

.sidebar_left .items ul li {
  display: flex;
  margin-bottom: 14px
}

.sidebar_left .items ul li svg {
  margin-right: 5px;
 vertical-align: inherit;
}

body {
  font-family: Exo, sans-serif !important;
  margin: 0;
  overflow: auto;
  padding: 0
}

.ov-hidden {
  height: 100%;
  overflow: hidden
}

ul {
  list-style-type: none
}

p {
  margin: 0
}

.acc {
  height: 200px
}

.sub_title {
  color: #1d63af;
  font-size: 20px;
  margin-bottom: 6px
}

.sub_title,
.sub_title_secnd {
  font-weight: 600;
  text-transform: uppercase
}

.sub_title_secnd {
  color: #ec222f;
  font-size: 18px
}

.jqvmap-label {
  background: #292929;
  border-radius: 3px;
  color: #fff;
  display: none;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px;
  position: absolute
}

.jqvmap-label,
.jqvmap-pin {
  pointer-events: none
}

.jqvmap-region {
  cursor: pointer
}

.jqvmap-ajax_response {
  height: 500px;
  width: 100%
}

@media (max-width:768px) {
  section.container {
    padding: 12px
  }
}

.modal {
  background-color: #0006;
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5
}

.modal-content {
  background-color: #fff !important;
  border: 1px solid #888;
  margin: 0 auto;
  max-width: 601px;
  padding:20px 15px 15px  15px;
  top: 40%;
  transform: translateY(-50%);
  z-index: 2
}
.modal-content li {
  font-weight: 300;
  color: #3A3A3A;
}
.modal-content b {
  color: #000;
  font-weight: 500 !important;
}
.modal-content .items-content {
  display: flex
}

.modal-content .map {
  background-color: #1d63af
}

.modal-content .infos {
  width: 60%
}

.modal-content .infos .fistul {
  border-bottom: 1px solid #eee;
  color: #3a3a3a;
  font-size: 13px;
  padding-left: 12px
}

@media only screen and (max-width:992px) {
  .modal-content .infos ul {
    font-size: 12px
  }
}

.modal-content .infos ul li {
  padding-bottom: 6px
}

.modal-content .infos .row {
  font-size: 14px
}
.modal-content .infos ul .icons{
  padding-bottom: 6px;
}
.modal-content .infos ul .icons,
.modal-content .infos ul .icons ul {
  display: flex
}

.modal-content .infos ul .icons ul li {
  margin-right: 5px;
  /* min-height: 25px;
   min-width: 22px;
   padding: 0 10px */
}

.modal-content .infos ul .icons ul li img {
  max-width: 35px;
  min-height: 25px;
  min-width: 22px;
  width: 100%;
}

.modal-content .infos .row .prix-sold {
  color: #ec222f;
  font-size: 14px;
  font-weight: 600;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}

.modal-content .infos .row .btn_home {
  border-radius: 6px;
  display: block;
  margin: auto 0 auto auto;
  max-width: 110px;
  text-decoration: none
}

.modal-content .infos .date {
  font-weight: 500
}

.modal-content .infos .row .prix {
  font-size: 24px;
  font-weight: 700;
  text-align: right
}

.modal-content .infos .row .places-dispo {
  color: #418c20;
  font-weight: 800
}

@media only screen and (max-width:992px) {
  .modal-content .infos .row {
    font-size: 12px
  }
}

.close {
  color: #aaa;
  float: right;
  font-size: 30px;
  font-weight: 700;
  text-align: right;
}

.close:focus,
.close:hover {
  color: #000;
  cursor: pointer;
  text-decoration: none
}

.responsive-table.stages li:nth-child(2n+2) {
  background-color: #fff;
  margin-top: 2px;

}

.more button {
  background-color: initial;
  border: none;
  color: #ec222f;
  font-weight: 600;
  text-decoration: none !important;
}

.info .address a {
  color: var(--bs-body-color);
  text-decoration: none;
}

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

.fiche-lieu {
  font-size: 16px;
  border: 1px solid #d4d4d4;
}

.fiche-lieu .sub_title {
  padding-top: 16px;
  padding-left: 12px;
}

.fiche-lieu #map {
  background-color: beige;
}

@media only screen and (max-device-width: 776px) {
  .fiche-lieu #map {
    width: 352px !important;
    margin-bottom: 12px;
  }
}
.stage-head .testhoraires{
  justify-content: left;
}
.fiche-lieu .infos .adresse,
.fiche-lieu .infos .stage-head {
  border-bottom: 1px solid #eee;
  padding-bottom: 23px;
}

.fiche-lieu .infos .adresse .dispo,
.fiche-lieu .infos .stage-head .dispo {
  color: #418C20;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}

.fiche-lieu .infos .adresse .prix,
.fiche-lieu .infos .stage-head .prix {
  font-weight: 800;
  font-size: 22px;
  margin-bottom: 20px;
}

.fiche-lieu .infos .adresse .prix .prix-solde,
.fiche-lieu .infos .stage-head .prix .prix-solde {
  font-size: 17px;
  color: red;
  text-decoration: line-through;
}

@media only screen and (max-device-width: 776px) {

  .fiche-lieu .infos .adresse .prix,
  .fiche-lieu .infos .stage-head .prix {
    text-align: right;
  }
}

.fiche-lieu .infos .adresse .equipements-icons li,
.fiche-lieu .infos .stage-head .equipements-icons li {
  padding: 0px 10px;
}

.fiche-lieu .infos .adresse .btn_home,
.fiche-lieu .infos .stage-head .btn_home {
  display: block;
  max-width: 127px !important;
  margin: auto;
  text-decoration: none;
  border-radius: 5px;
}

@media only screen and (max-device-width: 776px) {

  .fiche-lieu .infos .adresse .btn_home,
  .fiche-lieu .infos .stage-head .btn_home {
    margin: 0;
    margin-bottom: 12px;
    float: right;
  }
}

.fiche-lieu .infos .stage-head {
  padding-top: 23px;
  flex-wrap: wrap;
}

.fiche-lieu .infos .stage-head .datestart ul {
  padding: 0;
}

.fiche-lieu .infos .stage-head .lien a {
  color: #1D63AF;
  font-weight: 600;
  text-decoration: none;
}

.fiche-lieu .infos .stage-head .lien a:hover {
  text-decoration: underline;
}

.fiche-lieu .infos .texte-prefecture {
  padding-top: 22px;
}

.fiche-lieu .infos .texte-prefecture ul {
  padding: 0;
}

.fiche-lieu .infos .texte-prefecture ul a {
  color: #1D63AF;
  text-decoration: none;
}

.fiche-lieu .infos .texte-prefecture ul a:hover {
  text-decoration: underline;
}

.infos-annexes {
  font-size: 16px;
  border: 1px solid #d4d4d4;
  margin-top: 51px;
}

.infos-annexes .nav-tabs {
  max-width: 538px;
  padding: 16px;
  border: none;
}

.infos-annexes .nav-tabs .nav {
  justify-content: space-between;
}

.infos-annexes .nav-tabs .nav a {
  color: black;
  text-decoration: none;
  font-weight: 600;
}

.infos-annexes .nav-tabs .nav li {
  display: flex;
  border-bottom: 2px #000 solid;
  padding-bottom: 12px;
  opacity: 0.4;
}

@media only screen and (max-device-width: 776px) {
  .infos-annexes .nav-tabs .nav li {
    margin-bottom: 20px;
  }
}

.infos-annexes .nav-tabs .nav li p {
  padding-top: 10px;
  padding-left: 7px;
}

.infos-annexes .nav-tabs .nav li:hover {
  opacity: 1;
  fill: #1D63AF;
  color: #1D63AF;
  border-bottom: 2px #1D63AF solid;
}

.infos-annexes .tab-content {
  padding-top: 15px;
  min-height: 304px;
  padding-left: 7px;
  color: #3A3A3A;
  border-bottom: 1px solid #eee;
}

.infos-annexes .tab-content ul {
  list-style: disc;
  font-size: 18px;
}

.infos-annexes .tab-content .obligatoire {
  padding: 20px;
}

.infos-annexes .liste-stages {
  padding-left: 12px;
  padding-top: 28px;
}

.infos-annexes .liste-stages .titer {
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 15PX;
}

.infos-annexes .liste-stages .vcalendar {
  padding: 0;
}

.infos-annexes .liste-stages .vcalendar a {
  color: #000;
  text-decoration: none;
}

.infos-annexes .liste-stages .vcalendar li {
  margin-bottom: 5px;
  padding: 5px;
  cursor: pointer;
  border: 1px #DADADA solid;
}

.infos-annexes .liste-stages .vcalendar li a {
  display: flex;
  justify-content: space-between;
  border-radius: 2px;
}

.infos-annexes .liste-stages .vcalendar li a span {
  margin-top: 4px;
}

.infos-annexes .liste-stages .vcalendar li a .prix {
  font-weight: 600;
}

.infos-annexes .liste-stages .vcalendar li a .btn_home {
  max-width: 79px;
  border-radius: 3px;
  margin: 0;
}

.infos-annexes .liste-stages .vcalendar li:nth-child(2n+1) {
  background: #F5F5F5;
}
.infos-annexes .liste-stages .vcalendar li:hover{
  border: #1d63af 1px solid;
}
.infos-annexes .liste-stages .vcalendar .date-icons {
  display: flex;
}

.infos-annexes .liste-stages .vcalendar .fa-calendar {
  margin-right: 4px;
}

.infos-annexes .liste-stages .vcalendar .fa-calendar::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class='' width='20' height='20'%3e%3cg%3e%3cpath d='M452 40h-24V0h-40v40H124V0H84v40H60C26.916 40 0 66.916 0 100v352c0 33.084 26.916 60 60 60h392c33.084 0 60-26.916 60-60V100c0-33.084-26.916-60-60-60zm20 412c0 11.028-8.972 20-20 20H60c-11.028 0-20-8.972-20-20V188h432v264zm0-304H40v-48c0-11.028 8.972-20 20-20h24v40h40V80h264v40h40V80h24c11.028 0 20 8.972 20 20v48z' fill='%23000000' data-original='%23000000' class=''%3e%3c/path%3e%3cpath d='M76 230h40v40H76zM156 230h40v40h-40zM236 230h40v40h-40zM316 230h40v40h-40zM396 230h40v40h-40zM76 310h40v40H76zM156 310h40v40h-40zM236 310h40v40h-40zM316 310h40v40h-40zM76 390h40v40H76zM156 390h40v40h-40zM236 390h40v40h-40zM316 390h40v40h-40zM396 310h40v40h-40z' fill='%23000000' data-original='%23000000' class=''%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  width: 20px;
  display: block;
  height: 20px;
}

.infos-annexes .liste-stages .pull-right {
  margin: 12px 0px;

}
.infos-annexes .liste-stages .pull-right a:hover{
  text-decoration: underline;
}
.infos-annexes .liste-stages .pull-right a {
  color: #1D63AF;
  text-decoration: none;
}

.infos-annexes .fiche-lieu-garanties {
  padding-top: 28px;
}

@media only screen and (max-device-width: 776px) {
  .infos-annexes .fiche-lieu-garanties {
    padding-top: 2px;
    padding-bottom: 12px;
  }
}

.infos-annexes .fiche-lieu-garanties .panel-default {
  border: 1px #DADADA solid;
  float: right;
  display: table;
}

.infos-annexes .fiche-lieu-garanties .titre {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.infos-annexes .fiche-lieu-garanties .panel-heading {
  background: #FAFAFA;
  border-color: #DADADA;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-bottom-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.infos-annexes .fiche-lieu-garanties .panel-body {
  padding: 15px;
}

.infos-annexes .fiche-lieu-garanties ul.fiche-lieu-garanties {
  margin: 0;
  padding-left: 35px;
  position: relative;
}

.infos-annexes .fiche-lieu-garanties ul.fiche-lieu-garanties li {
  list-style: none;
  margin-bottom: 5px;
}

.infos-annexes .fiche-lieu-garanties ul.fiche-lieu-garanties li::before {
  content: " ";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='20' height='20' x='0' y='0' viewBox='0 0 682.667 682.667' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3cg%3e%3cdefs%3e%3cclipPath id='b' clipPathUnits='userSpaceOnUse'%3e%3cpath d='M0 512h512V0H0Z' fill='%231d63af' data-original='%23000000'%3e%3c/path%3e%3c/clipPath%3e%3c/defs%3e%3cmask id='a'%3e%3crect width='100%25' height='100%25' fill='%23ffffff' data-original='%23ffffff'%3e%3c/rect%3e%3c/mask%3e%3cg mask='url(%23a)'%3e%3cpath d='m0 0-134.174-134.174-63.873 63.872' style='stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='matrix(1.33333 0 0 -1.33333 473.365 251.884)' fill='none' stroke='%231d63af' stroke-width='40' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' class=''%3e%3c/path%3e%3cg clip-path='url(%23b)' transform='matrix(1.33333 0 0 -1.33333 0 682.667)'%3e%3cpath d='M0 0c0-130.339-105.661-236-236-236S-472-130.339-472 0s105.661 236 236 236S0 130.339 0 0Z' style='stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(492 256)' fill='none' stroke='%231d63af' stroke-width='40' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' class=''%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  position: absolute;
  display: block;
  left: 0;
  margin-top: 5px;
}

.infos-annexes .slide-formateur {
  padding-top: 31px;
  position: relative;
}

.infos-annexes .slide-formateur .sliders .item {
  text-align: center;
}

.infos-annexes .slide-formateur .sliders .item img {
  max-width: 100px;
  height: auto;
  margin: 0 auto 10px auto;
}

.infos-annexes .slide-formateur .sliders .item .autor {
  font-size: 16px;
  font-weight: 600;
}

.infos-annexes .slide-formateur .sliders .item .ville {
  font-size: 14px;
  font-weight: 300;
  color: #828280;
  line-height: 17px;
}

.infos-annexes .slide-formateur .tns-controls {
  position: absolute;
  width: calc(100% + -3rem);
  margin-left: 1rem;
  display: flex;
  justify-content: space-between;
  top: 34%;
  outline: none;
}

.infos-annexes .slide-formateur .tns-controls button {
  border: none;
  background: none;
}

.infos-proximite {
  padding: 0;
  margin-top: 29px;
}

.infos-proximite .lieu-proximite {
  padding-top: 12px;
  font-size: 30px;
  margin-bottom: 30px;
}

@media only screen and (max-device-width: 776px) {
  .infos-proximite .lieu-proximite {
    font-size: 20px;
  }
}

.infos-proximite .lieu {
  background: #FFF;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 10px;
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  cursor: pointer;
  border: 1px transparent solid;
}

.infos-proximite .lieu a {
  text-decoration: none;
  color: #000;
}

.infos-proximite .lieu a:hover {
  color: #EC222F;
}

.infos-proximite .map {
  background-color: #dfdf37;
}

.infos-proximite .info-lieu {
  padding-left: 12px;
  font-size: 14px;
}

.infos-proximite .info-lieu a {
  color: #1D63AF;
}

.btn_show.active li {
  opacity: 1 !important;
  fill: #1D63AF;
  color: #1D63AF;
  border-bottom: 2px #1D63AF solid !important;
}
.modalbody,
.modalfooter{
  padding: 0;
}
.alertsm{
  padding: 10px;
}
.modalfooter button{
  background-color: #1d63af;
}
.modalfooter button::before {
  background-color: #ec222f;
}
.testhoraires{
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  padding: 0;
}
.testhoraires li {
  padding: 3px !important;
  height: 1.5pc;
}
.testhoraires li:nth-child(2n+2) {
  background-color: transparent !important;
  margin-top: auto !important;
}
.datetest{
  padding-left: 2px;
}
.testsmodal{
  padding-left: 0rem;
}
.testsmodal li,
.testsmodal li:nth-child(2n+2) {
  background-color: green !important;
  border: none;
  margin: 0.2pc;
  color: #fff;
}

.horaire_icon{
  display: flex;
  align-items: center;
}
#reset_message > span {
  font-size: 19px;
  padding: 0px;
}

.modallg{
  max-width: 700px;
  top: 50%;
}

.listbtn{
  display: grid;
  gap: 1pc;
}
.btnavis{
  background-color: #1d63af;
}

.rateavis {
    float: left;
    height: 46px;
    padding: 0 10px;
    display: flex;
    justify-content: start;  /* Align items from left to right */
    flex-direction: row-reverse;  /* Reverse the row direction */
    gap: 10px; 
}
.rateavis:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rateavis:not(:checked) > label {
    float:left;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rateavis:not(:checked) > label:before {
    content: '★ ';
}
.rateavis > input:checked ~ label {
    color: #ffc700;    
}
.rateavis:not(:checked) > label:hover,
.rateavis:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rateavis > input:checked + label:hover,
.rateavis > input:checked + label:hover ~ label,
.rateavis > input:checked ~ label:hover,
.rateavis > input:checked ~ label:hover ~ label,
.rateavis > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
@media screen and (max-width: 992px) {
  .mentions-legales {
    padding: 13PX 12px;
  }
  .mentions-legales h2,.mentions-legales h3{
     font-size: 16px;
  }
  ._breadcrumb{
    padding-left: 17px;
  }
  .equipements-icons{
    padding-left: 0;
  }
}


.pag404 {
    text-align: center;
    margin-top: 123px;
    padding-inline: 24px;
}

.pag404 .error-code {
    font-size: 80px;
    color: #1c5d99;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.pag404  .error-icon {
    color: #EC222F;
    font-size: 50px;
}

.pag404 .title {
    color: #EC222F;
    font-family: Exo;
    font-size: 48px;
    font-weight: 700;
}

.pag404 .message {
    font-size: 16px;
    background-color: #1D63AF;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    display: inline-block;
    color: #FFF;
    font-family: Exo;
    font-size: 16px;
    font-weight: 500;
}

.pag404 .description {
    margin: 20px 0;
    max-width: 875px;
    margin-left: auto;
    margin-right: auto;
    color: #000;
    text-align: center;
    font-family: Exo;
    font-size: 16px;
    font-weight: 400;
}

.pag404  .home-link {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #000;
    font-family: Exo;
    font-size: 16px;
    font-weight: 700;
   
}

.pag404  .home-link:hover {
    color: #1D63AF;
}

.pag404 .home-icon {
    font-size: 18px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .pag404 .error-code {
        font-size: 60px;
    }
    
    .pag404 .error-icon {
        font-size: 40px;
    }
    
    .pag404  h1 {
        font-size: 24px;
    }
    
    .pag404 .message {
        font-size: 14px;
        padding: 8px 16px;
    }
    
    .pag404 .description {
        font-size: 13px;
    }
    
    .pag404 .home-link {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .pag404   .error-code {
        font-size: 50px;
        gap: 5px;
    }
    
    .pag404  .error-icon {
        font-size: 35px;
    }
    
    .pag404 .title {
        font-size: 20px;
    }
    
    .pag404 .message {
        font-size: 12px;
        padding: 6px 12px;
    }
    
    .pag404 .description {
        font-size: 12px;
        padding: 0 5px;
    }
    
    .pag404 .home-link {
        font-size: 12px;
    }
    
    .pag404 .home-icon {
        font-size: 16px;
    }
}


.menu_level_1{
  background-color: #1d63af; 
  position: absolute;
  min-width: 143px;
  display: none;
  flex-direction: column;
  display: none;
  transition: all .3s ease-in-out;
  top: 38px;
}

header  .menu_level_1 a{
  color: #fff ;
  padding: 4px;
}



.header .last span{
  display: inline-block;
  width: 19px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='%231D63AF' d='m5 6 5 5 5-5 2 1-7 7-7-7 2-1Z'/%3e%3c/svg%3e ");
}
@media (min-width: 993px) {
  .header .last:hover .menu_level_1{
    display: flex;
    padding: 5px;
  }
}
@media (max-width: 992px) {
  .header .last{
      position: relative;
      padding-right: 52px !important;
   }

   .header .logo img{
      height: 45px;
   }


   .header .last .caret{
      cursor: pointer;
      content: '';
      display: block;
      width: 14px;
      height: 8px;
      position: absolute;
      top: 28px;
      right: 10px;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none' viewBox='0 0 14 8'%3e%3cpath fill='%23fff' d='m2 0 5 5 5-5 2 1-7 7-7-7 2-1Z'/%3e%3c/svg%3e ");
  }
   .header .last.visible .caret{
      transform: rotate(-180deg);
  }

  .header .last.visible .menu_level_1{
      display: flex;
      margin-top: -29px;
  }

  .menu_level_1{
      position: relative;
  }

  .menu_level_1 li:last-child a{
      padding-bottom: 11px;
  }

  /* .header .menu .last::after{
       content: '';
       display: block;
       width: 14px;
       height: 8px;
       position: absolute;
       top: 26px;
       right: 10px;
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none' viewBox='0 0 14 8'%3e%3cpath fill='%23fff' d='m2 0 5 5 5-5 2 1-7 7-7-7 2-1Z'/%3e%3c/svg%3e ");
  } */

  .header .menu .menu_level_1 li{
      padding: 7px 13px;
  }
}