/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("./open-sans-v35-latin/open-sans-v35-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("./open-sans-v35-latin/open-sans-v35-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("./open-sans-v35-latin/open-sans-v35-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("./open-sans-v35-latin/open-sans-v35-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
.mt-6 {
  margin-top: 5rem!important; }

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

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

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

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

.mb-7 {
  margin-bottom: 8rem!important; }

.pt-7 {
  padding-top: 8rem!important; }

.pb-7 {
  padding-bottom: 8rem!important; }

.mt-8 {
  margin-top: 12rem!important; }

.mb-8 {
  margin-bottom: 12rem!important; }

.pt-8 {
  padding-top: 12rem!important; }

.pb-8 {
  padding-bottom: 12rem!important; }

@media (min-width: 540px) {
  .mt-sm-6 {
    margin-top: 5rem!important; } }

@media (min-width: 540px) {
  .mb-sm-6 {
    margin-bottom: 5rem!important; } }

@media (min-width: 540px) {
  .pt-sm-6 {
    padding-top: 5rem!important; } }

@media (min-width: 540px) {
  .pb-sm-6 {
    padding-bottom: 5rem!important; } }

@media (min-width: 768px) {
  .mt-md-6 {
    margin-top: 5rem!important; } }

@media (min-width: 768px) {
  .mb-md-6 {
    margin-bottom: 5rem!important; } }

@media (min-width: 768px) {
  .pt-md-6 {
    padding-top: 5rem!important; } }

@media (min-width: 768px) {
  .pb-md-6 {
    padding-bottom: 5rem!important; } }

@media (min-width: 992px) {
  .mt-lg-6 {
    margin-top: 5rem!important; } }

@media (min-width: 992px) {
  .mb-lg-6 {
    margin-bottom: 5rem!important; } }

@media (min-width: 992px) {
  .pt-lg-6 {
    padding-top: 5rem!important; } }

@media (min-width: 992px) {
  .pb-lg-6 {
    padding-bottom: 5rem!important; } }

@media (min-width: 1200px) {
  .mt-xl-6 {
    margin-top: 5rem!important; } }

@media (min-width: 1200px) {
  .mb-xl-6 {
    margin-bottom: 5rem!important; } }

@media (min-width: 1200px) {
  .pt-xl-6 {
    padding-top: 5rem!important; } }

@media (min-width: 1200px) {
  .pb-xl-6 {
    padding-bottom: 5rem!important; } }

@media (min-width: 540px) {
  .mt-sm-7 {
    margin-top: 8rem!important; } }

@media (min-width: 540px) {
  .mb-sm-7 {
    margin-bottom: 8rem!important; } }

@media (min-width: 540px) {
  .pt-sm-7 {
    padding-top: 8rem!important; } }

@media (min-width: 540px) {
  .pb-sm-7 {
    padding-bottom: 8rem!important; } }

@media (min-width: 768px) {
  .mt-md-7 {
    margin-top: 8rem!important; } }

@media (min-width: 768px) {
  .mb-md-7 {
    margin-bottom: 8rem!important; } }

@media (min-width: 768px) {
  .pt-md-7 {
    padding-top: 8rem!important; } }

@media (min-width: 768px) {
  .pb-md-7 {
    padding-bottom: 8rem!important; } }

@media (min-width: 992px) {
  .mt-lg-7 {
    margin-top: 8rem!important; } }

@media (min-width: 992px) {
  .mb-lg-7 {
    margin-bottom: 8rem!important; } }

@media (min-width: 992px) {
  .pt-lg-7 {
    padding-top: 8rem!important; } }

@media (min-width: 992px) {
  .pb-lg-7 {
    padding-bottom: 8rem!important; } }

@media (min-width: 1200px) {
  .mt-xl-7 {
    margin-top: 8rem!important; } }

@media (min-width: 1200px) {
  .mb-xl-7 {
    margin-bottom: 8rem!important; } }

@media (min-width: 1200px) {
  .pt-xl-7 {
    padding-top: 8rem!important; } }

@media (min-width: 1200px) {
  .pb-xl-7 {
    padding-bottom: 8rem!important; } }

@media (min-width: 540px) {
  .mt-sm-8 {
    margin-top: 12rem!important; } }

@media (min-width: 540px) {
  .mb-sm-8 {
    margin-bottom: 12rem!important; } }

@media (min-width: 540px) {
  .pt-sm-8 {
    padding-top: 12rem!important; } }

@media (min-width: 540px) {
  .pb-sm-8 {
    padding-bottom: 12rem!important; } }

@media (min-width: 768px) {
  .mt-md-8 {
    margin-top: 12rem!important; } }

@media (min-width: 768px) {
  .mb-md-8 {
    margin-bottom: 12rem!important; } }

@media (min-width: 768px) {
  .pt-md-8 {
    padding-top: 12rem!important; } }

@media (min-width: 768px) {
  .pb-md-8 {
    padding-bottom: 12rem!important; } }

@media (min-width: 992px) {
  .mt-lg-8 {
    margin-top: 12rem!important; } }

@media (min-width: 992px) {
  .mb-lg-8 {
    margin-bottom: 12rem!important; } }

@media (min-width: 992px) {
  .pt-lg-8 {
    padding-top: 12rem!important; } }

@media (min-width: 992px) {
  .pb-lg-8 {
    padding-bottom: 12rem!important; } }

@media (min-width: 1200px) {
  .mt-xl-8 {
    margin-top: 12rem!important; } }

@media (min-width: 1200px) {
  .mb-xl-8 {
    margin-bottom: 12rem!important; } }

@media (min-width: 1200px) {
  .pt-xl-8 {
    padding-top: 12rem!important; } }

@media (min-width: 1200px) {
  .pb-xl-8 {
    padding-bottom: 12rem!important; } }

.slider.fullscreen .carousel-background {
  height: calc(100vh - 121px);
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }
.slider .carousel-caption {
  font-size: 4rem;
  left: 50px;
  right: auto;
  text-align: left; }
  .slider .carousel-caption .caption::first-line {
    font-size: 2rem; }

.card {
  text-align: center;
  padding: 2rem;
  border: 6px solid rgba(0, 0, 0, 0.05); }

.navbar-brand img {
  width: 70px;
  padding: 1rem 0; }

.myGridSpecial {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr; }
  @media (min-width: 992px) {
    .myGridSpecial {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (min-width: 992px) {
    .myGridSpecial .element:nth-of-type(1) {
      grid-column: 1 / 2;
      grid-row: 1 / 3; }
    .myGridSpecial .element:nth-of-type(2) {
      grid-column: 2/4;
      grid-row: 1/2; }
    .myGridSpecial .element:nth-of-type(3) {
      grid-column: 2/3;
      grid-row: 2/3; }
    .myGridSpecial .element:nth-of-type(4) {
      grid-column: 3 / 4;
      grid-row: 2 / 3; } }

.element {
  padding: 40px;
  position: relative; }
  @media (min-width: 992px) {
    .element {
      padding: 70px; } }
  .element p, .element ul, .element ol, .element li {
    color: #FFFFFF; }
  .element h1 {
    font-family: "Open Sans", sans-serif;
    font-size: 1.5rem;
    color: #FFFFFF; }
    @media (min-width: 992px) {
      .element h1 {
        font-size: 2.3rem; } }
    .element h1::after {
      content: '';
      display: block;
      position: relative;
      margin-top: 10px;
      height: 5px;
      width: 100px; }
  .element h2 {
    color: #FFFFFF;
    font-size: 2.2rem; }
  .element a {
    color: #FFFFFF;
    text-decoration: underline; }
  .element a:hover {
    color: #000000;
    text-decoration-style: double; }
  .element a.btn {
    text-decoration: none; }
  .element .element__overlay {
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    background-color: #1e274a; }
  .element .element__overlay2 {
    content: '';
    display: block;
    background-color: rgba(230, 217, 185, 0);
    color: #FF0000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    transition: background-color 0.5s ease; }
  .element .element__overlay--color {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    opacity: 1;
    background-color: rgba(30, 39, 74, 0.8); }
  .element .element__content {
    position: relative; }
  .element .element__content__description {
    opacity: 0;
    transition: opacity 1s ease-in-out; }
  .element:hover .element__overlay2 {
    content: '';
    display: block;
    background-color: #1e274a;
    color: #FF0000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0; }
  .element:hover .element__content__description {
    opacity: 1; }

/* gallery-grid */
.gallery-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px; }
  @media (min-width: 768px) {
    .gallery-grid.col4 {
      grid-template-columns: 1fr 1fr 1fr 1fr; }
    .gallery-grid.col2 {
      grid-template-columns: 1fr 1fr; }
    .gallery-grid.col3 {
      grid-template-columns: 1fr 1fr 1fr; } }
  .gallery-grid > .gallery-item {
    position: relative; }
    .gallery-grid > .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px; }
    .gallery-grid > .gallery-item .link {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      transition: all 500ms ease-in-out;
      background-color: rgba(30, 39, 74, 0.8);
      border-radius: 10px; }
      .gallery-grid > .gallery-item .link:hover {
        transition: all 500ms ease-in-out;
        background-color: rgba(0, 0, 0, 0); }
    .gallery-grid > .gallery-item .text {
      position: absolute;
      bottom: 20px;
      width: 100%;
      color: #FFFFFF;
      font-size: 2rem;
      line-height: 1.5;
      text-align: center;
      opacity: 1;
      transition: opacity 500ms ease-in-out; }
      .gallery-grid > .gallery-item .text p {
        font-size: 1rem; }
    .gallery-grid > .gallery-item:hover .text {
      opacity: 0;
      transition: opacity 500ms ease-in-out; }

body {
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  background-color: #FFFCF1; }

h1 {
  color: #E6D9B9;
  text-transform: uppercase; }

h2 {
  color: #1E274A; }

a {
  color: #1E274A; }
  a:hover {
    color: #171d38; }

.btn-primary {
  color: #fff;
  background-color: #1E274A;
  border-color: #1E274A; }
  .btn-primary:hover {
    background-color: #171d38;
    border-color: #1E274A; }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color: #171d38;
  border-color: #1E274A; }

.bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

form label {
  display: none; }

i {
  color: #E6D9B9; }

.nav-link {
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem !important; }

.videoWrapperFullScreen {
  position: relative;
  width: 100vw;
  height: calc(100vh - 122px); }
  .videoWrapperFullScreen video {
    width: 100vw;
    height: calc(100vh - 122px);
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; }
  .videoWrapperFullScreen .videoCaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .videoWrapperFullScreen .videoCaption h1 {
      color: #FFFFFF; }
    .videoWrapperFullScreen .videoCaption h2 {
      color: #FFFFFF;
      margin-bottom: 2rem; }

.bg-primary {
  background-color: #1E274A !important;
  color: #FFFFFF;
  font-size: 0.9rem; }
  .bg-primary a {
    color: #FFFFFF; }

.listeDesign1 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem; }
  @media (min-width: 768px) {
    .listeDesign1 {
      grid-template-columns: 1fr 1fr; } }
  .listeDesign1 li {
    display: block;
    border-radius: 10px;
    background-color: #1E274A;
    color: #FFFFFF;
    padding: 1rem; }
    .listeDesign1 li:hover {
      transform: scale(1.02);
      transition: transform 0.4s ease-in-out; }
    .listeDesign1 li h3 {
      text-transform: uppercase;
      font-size: 1.2rem;
      letter-spacing: 0.1rem; }
    .listeDesign1 li p {
      color: #E6D9B9; }

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