@import url('https://fonts.googleapis.com/css?family=Nova+Square|Raleway|Rubik|Ubuntu&display=swap');
::-moz-selection {background:transparent;}
::selection{background:transparent;}
h1 {
    font-family: 'Nova Square';
    text-align: center;
    color: white;
}

#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  z-index: 3;
  filter: blur(4px);
}
.s2 {
  
  font-family: 'Ubuntu';
}
.s1 {

    background-size: cover;
}   
        .s1 h1 {
            text-align:center;
            font-size: 8em;
            margin-top:-1em;
            position: absolute;
            z-index: 4;
            width: 100%;
        }
        .s1 h3 {
          position: absolute;
          z-index: 4;
          width: 100%;
          font-family: 'Ubuntu';
          text-align: center;
          color:white;
          font-size: 2em;
          margin-top:2em;
            }
          .s1 h6 {

              position: absolute;
              z-index: 4;
              width: 100%;
              font-family: 'Ubuntu';
              text-align: center;
              color:white;
              font-size: 2em;
              margin-top:8.5em;
            
          }




 .s3 h1 {
            text-align:center;
            font-size: 2.5em;
            margin-bottom:1em;
 }
       .s4 h1 {
            text-align:center;
            font-size: 3em;
            margin-top:-7em;
        }
      .s4  .info {
          font-family: 'Ubuntu';
          text-align:left;
          float:right;
          font-size: 1.4em;
          margin-right: 1em;
          padding:0.5em;
          background-color: #4d2d4b;
          color:white;
          position: absolute;
          top:72%;
          left:80%;
          border-radius: 25px;

        }
.tarif1 {
  position: absolute;
  top:45%;
  left:22.5%;
  color:white;
  font-family: 'Ubuntu';
  font-size:1.5em;
  text-align:center;
}
.tarif2{
  position: absolute;
  top:45%;
  left:69%;
  color:white;
  font-family: 'Ubuntu';
  font-size:1.5em;
  text-align:center;
}
span {
    background: white !important;

}


.fp-controlArrow.fp-next {
        margin-right: 2em;
        position: relative;
        top: -40%;
        left: 95%;
}
.fp-controlArrow.fp-prev {
        margin-top: 4em;
}
nav {
    list-style:none;
}
li {
    display: inline;
    margin:2em;
    margin-right: 2em;
}
li a {
    text-decoration:none;
    color:white;
    font-family: 'Nova Square', sans-serif;
    font-size: 2em;
}
.right{
    float:right;
}
#menu {
    position: fixed;
    display: block;
    width: 100%;
    height: 60px;
    background-color:transparent;
    top: 0;
    margin: 0;
    padding-bottom:1em;
    z-index: 9;
   
}
.logo {
    position: absolute;
    top: 0.7em;
    left:1em;
    width:50px;
    height:50px;
}
.what {
  font-family: 'Raleway';
  font-size:1.1em;
  margin-left:auto;
  margin-right: auto;
  width: 1050px;
  text-align:center;
  
}

.move {
  margin-top:-7em;
}
.fa-chevron-down {
  z-index:10;
  text-decoration: none;
  color:white;
}
#getting-started {
  z-index:10;
  position: relative;
  text-decoration: none;
  color:white;
  font-family: 'Nova Square';
  font-size: 3em;
}
.arrow{
  position: absolute;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-right: -50%;
  z-index:10;
  font-size:6em;
  text-decoration: none;
}
.box {    margin-left:auto;

  margin-right:auto;
 width:1000px;}
 .box h2 {

    text-align: center;
    font-family: 'Ubuntu';
    font-size:3em;
    margin-bottom:2em;
  }
  .box p {
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    font-family: 'Raleway';
    font-size:1.25em;
  }
.footer{
position: absolute;
top:70%;
left:2%;
color:white;
text-decoration: none;
font-family: 'Nova Square';
font-size:1.5em;
}
.footer-about{
  position: absolute;
  top:81%;
  left:2%;
  color:white;
  text-decoration: none;
  font-family: 'Nova Square';
  font-size:1.5em;
  }
.rs {
  display:inline;
  position: absolute;
  top:70%;
  left:55%;
}
.rs-about {
  display:inline;
  position: absolute;
  top:82%;
  left:55%;
}
.fa-facebook{
  font-size:2em;
  color:white;
}
.fa-instagram {
  font-size:2em;
  color:white;
}
.info-about {
  font-family: 'Ubuntu';
  text-align:left;
  float:right;
  font-size:1.25em;
  margin-right: 1em;
  margin-bottom:2em;
  padding:0.5em;
  background-color: #4d2d4b;
  color:white;
  position: absolute;
  top:82%;
  left:80%;
  border-radius: 25px;

}