body {overflow-x: hidden; font-family: Akrobat-Regular;}
.container , .col-12 , .row {
  margin: 0px !important;
  padding: 0px !important;
  max-width:none !important;
}

@font-face {
  font-family: Akrobat-Black;
  src: url(../font/Akrobat-Black.otf);
}
@font-face {
  font-family: Akrobat-Regular;
  src: url(../font/Akrobat-Regular.otf);
}

@font-face {
  font-family: Akrobat-Bold;
  src: url(../font/Akrobat-Bold.otf);
}


/*-------------MENU------------------------*/
nav{z-index: 999; background:#fff;}

@media only screen and (min-width:992px) {
  nav div {
  position: absolute !important;
  right: 0px !important;
  }

}

 .nav-item {
   background:#fff;
  padding-top: 10px;
  padding-right: 10px;
}


.nav-item:hover {
  border-bottom: 2px solid #10CFC9;
}
.nav-link {
  color:#989095 !important;
}

.active {
  border-bottom: 2px solid #10CFC9;
  font-weight: bold;
}
.navbar-brand img {
  z-index: 999999;
}

/*_----------------SESSION1---------------*/
#session1 {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
#session1 div img {
  z-index: -11;
  width: 100%;
  float: right;
}
#session1 span {
  position: absolute;
  top:15%;
  left: 10%;
  color:#989095;
  font-weight: bold;
  z-index: 20;
}
#session1 span h1{
  font-size: 5vw !important;
  font-family: Akrobat-Black;
}

/*_----------------SESSION2---------------*/
#session2 {
  background: url("../img/2.jpg");
  background-size:cover;
margin-top: -5%;
  z-index: 290;
  padding: 20% 15%;
}
#session2 img {
  width: 100%;
}
#session2 p {
  font-size: 10pt;
}
#session2 ul {
  list-style: url("../img/icon.png");
  margin-top: 20px;
    font-size: 10pt;
}

/*_----------------SESSION3---------------*/
#session3 {
  margin-top:15%;
  margin-left: 14%;
}
#session3 ul {
  list-style: url("../img/icon.png");
  margin-top: 20px;
  padding-bottom: 30px;
}
@media only screen and (max-width:992px) {
  #session3 {
    margin-left: 0%;
  }
.container-fluid {margin-top: 10%;}
}
/*-----------------------SESSION 4 ---------*/
#session4 {
  position: relative;
width: 100%;
  height: 500px;
margin: -5% 0px 0px 0px !important;
z-index: -10;
}
#session4 img{
  text-align: center;
width: 100%;
height: 100%;
}
@media only screen and (max-width:995px) {
  #session4 {
    height: 200px;
  }
}
/*--------------------------SESSION 5-----------------*/
 #session5 img:first-child {
  padding-top: 60%;
}
 #session5 form {
   padding-top: 20%;
 }
 #session5 input {
   font-family: Akrobat-Bold;
   color: #000000;
   width: 40%;
   border: none;
   border-bottom: 1px solid #989095;
   background: none;
 }
 #session5 label {
   font-family: Akrobat-Bold;
      margin-top: 5%;
      color: #989095;
 }
#session5 textarea {
  border: 1px solid #989095;
  width: 80%;
}

#session5 form input[type="submit"] {
  color: #fff;
  margin: 5% 20%;
  background: #989095;
  padding: 1% 10% 1% 10%;
  border: none;
  width: inherit;
  float: right;
}
#session5 form input[type="submit"]:hover {
  background: #10CFC9;
}

@media only screen and (max-width:992px) {
  #session5 img:first-child{
  padding-top: 20%;
  }
  #session5 {
    padding-left: 7% !important;
  }
}
 /*-------------SESSION 6-------------------------*/

#session6 img {
  float: left;
  margin-top: 15%;
}
#session6 p {
  padding-left: 60px;
  padding-top: 10%;
    padding-bottom: 50%;

}
@media only screen and (max-width:992px) {
  #session6 p {
    padding-top: 10%;
      padding-bottom: 0%;

  }

}
/*------------------------------------SESSION 7-------------------*/
#session7{
  height: 150px;
  background:#F6F6F6;
margin: 0px 5% -2% 5%  !important;
z-index: 10;
}
#session7 p{
  padding: 5% 0%;
  font-family: Akrobat-Regular;
  color: #989095;
  text-align: center;
  font-size: 16pt;
}
#session7 p a {
  color: #10CFC9;
}

/*-----------------------SESSSION8---------------------*/

#session8 iframe{
    width: 100%;
    height: 50vh;

}