/* FONT */


body {
    position: relative;
    padding:0 !important;
    margin:0 !important;
  }

/* NAVBAR */
.navbar-nav > li > a {
    color: white !important;
    text-decoration-color: transparent !important;
    margin-left:30px !important;
    margin-right:30px !important;
  }
  .navbar-nav > li > a > .socialbar {
    color: white !important;
    text-decoration-color: transparent !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
    .navbar-nav > li > a > .socialbar:hover {
    color:#DB4232 !important;
    transition: 0.20s ease-in;
    transition-delay: 0.1s;
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
  .nav-link-important {
    color: white !important;
    background-color: #DB4232;
    text-decoration-color: transparent !important;
    margin-left:30px !important;
    margin-right:30px !important;
  }
  .navbar-nav > li > a:hover,
  .navbar-nav > li > a:focus {
    color: #DB4232 !important;
    text-decoration-line: overline !important;
    text-decoration-color: #DB4232 !important;
    transition: 0.20s ease-in;
    transition-delay: 0.1s;
  }
  .nav-link-important a:hover,
  .nav-link-important a:focus,
  .nav-link-important:hover,
  .nav-link-important:focus {
    color: #DB4232 !important;
    background-color: transparent;
    text-decoration-line: none !important;
    text-decoration-color: #DB4232 !important;
    transition: 0.20s ease-in;
    transition-delay: 0.1s;
  }
  .navbar-nav > li > a > .active, 
  .navbar-nav > li > a > .active:hover, 
  .navbar-nav > li > a > .active:focus {
    color: #DB4232 !important;
    text-decoration-line: overline !important;
    text-decoration-color: #DB4232 !important;
    transition: 0.20s ease-in;
    transition-delay: 0.1s;
  }
  .navbar-nav.sm-icons {
    flex-direction: row;
  }
  .navbar-js.scrolled {
    background-color:rgba(45, 52, 141, 0.5) !important;
    transition: background-color 200ms linear;
  }

/* ACCUEIL */
.jumbotron {
    position: relative;
    overflow: hidden;
    background-color:black;
    margin: 0;
    padding : 0;
    height:100vh !important;
}
.jumbotron .jumbo-video {
    position: absolute;
    z-index: 1;
    top: 0;
    width:100%;
    height:100%;
    /*  object-fit is not supported on IE  */
    object-fit: cover;
    opacity:0.5;
    margin: 0 !important;
    padding : 0 !important;
}
  .jumbotron .jumbo-text {
    z-index: 2;
    position: relative;
}

/* BOUTON PERSONNALISE */
  .button-red-text, .button-blue-text {
    color: white !important;
    position: relative;
    top: 0;
    width: 100%;
    display: inline;
    height: auto;
    font-size: 1rem;
    font-size: 700;
    transition: 0.25s ease-in;
    transition-delay: 0.1s;
    text-decoration: none !important;
  }

  .button {
    padding: 1rem 5rem;
    background: #DB4232;
    text-align: center;
    display: inline-block;
    position: relative;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em !important;
    border: none;
    text-decoration: none;
    cursor: pointer;
    will-change: transform;
  }
  .button-border-white {
    padding: 1rem 2rem;
    background: transparent;
    text-align: center;
    display: inline-block;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em !important;
    border: 2px solid white !important;
    text-decoration: none;
    cursor: pointer;
    will-change: transform;
  }
  .button-border-blue {
    padding: 1rem 2rem;
    background: #2D348D;
    text-align: center;
    display: inline-block;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em !important;
    border: none;
    text-decoration: none;
    cursor: pointer;
    will-change: transform;
  }
  .button-mat {
    border: 0px transparent;
    border-radius: 0.3rem;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
  }
  .button-mat:before {
    content: "";
    display: block;
    background: white;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
  }
  .button-mat:hover .button-red-text {
    color: #DB4232 !important;
  }
  .button-mat:hover .button-blue-text {
    color: #2D348D !important;
  }
  .button-mat:hover .button-white-text {
    color: white !important;
  } 
  .button-mat:hover {
    color: transparent;
  }
  .button-effect1 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .button-effect1:before {
    transform: translate(-110%, -110%) translateZ(0);
  }
  .button-effect1:hover:before {
    transform: translate(-45%, -34%) translateZ(0);
  }

  /* BOUTON TO THE TOP */
  #scrollUp
  {
  position: fixed;
  bottom : 3em;
  right: -100px;
  opacity: 0.5;
  }
  #scrollUp svg:hover{
    fill:white;
    transition: 0.25s ease-in;
    transition-delay: 0.1s;
  }