@import url("https://hello.myfonts.net/count/316471");
/* SUCCESS PAGE */

.tz-gallery img{
  width:100%;
}
.modalbox.success, .modalbox.error {
    /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    padding: 55px 55px 35px;
    text-align: center;
    margin-top: 200px;
}
.modalbox.success.animate .icon,
.modalbox.error.animate .icon {
  -webkit-animation: fall-in 0.75s;
  -moz-animation: fall-in 0.75s;
  -o-animation: fall-in 0.75s;
  animation: fall-in 0.75s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.modalbox.success h1,
.modalbox.error h1 {
  font-family: 'Montserrat', sans-serif;
}
.modalbox.success p,
.modalbox.error p {
  font-family: 'Open Sans', sans-serif;
}
.modalbox.success button,
.modalbox.error button,
.modalbox.success button:active,
.modalbox.error button:active,
.modalbox.success button:focus,
.modalbox.error button:focus {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin-top: 15px;
  width: 80%;
  background: transparent;
  color: #4caf50;
  border-color: #4caf50;
  outline: none;
}
.modalbox.success button:hover,
.modalbox.error button:hover,
.modalbox.success button:active:hover,
.modalbox.error button:active:hover,
.modalbox.success button:focus:hover,
.modalbox.error button:focus:hover {
  color: #fff;
  background: #4caf50;
  border-color: transparent;
}
.modalbox.success .icon,
.modalbox.error .icon {
  position: relative;
  margin: 0 auto;
  margin-top: -75px;
  background: #4caf50;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.modalbox.success .icon span,
.modalbox.error .icon span {
  postion: absolute;
  font-size: 4em;
  color: #fff;
  text-align: center;
  padding-top: 20px;
}
.modalbox.error button,
.modalbox.error button:active,
.modalbox.error button:focus {
  color: #f44336;
  border-color: #f44336;
}
.modalbox.error button:hover,
.modalbox.error button:active:hover,
.modalbox.error button:focus:hover {
  color: #fff;
  background: #f44336;
}
.modalbox.error .icon {
  background: #f44336;
}
.modalbox.error .icon span {
  padding-top: 25px;
}
.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
/* stupid browser compat. smh */
}
.center .change {
  clearn: both;
  display: block;
  font-size: 10px;
  color: #ccc;
  margin-top: 10px;
}
@-webkit-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 25%;
  }
}
@-moz-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 25%;
  }
}
@-o-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 25%;
  }
}
@-moz-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes fall-in {
  0% {
    -ms-transform: scale(3, 3);
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 15%;
  }
}
@-webkit-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 15%;
  }
}
@-o-keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 15%;
  }
}
@keyframes plunge {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 15%;
  }
}
.successs{
    font-size: 70px !important;
    color:white;
    line-height: 1.5 !important;
}

/* END SUCCESS PAGE */
.support_a img {
    height: 220px;
}
/* START LOGIN CSS */
.grey.lighten-4 {
    background-color: #f5f5f5 !important;
    width: 40%;
}
.z-depth-1, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.row .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
center {
    display: block;
    text-align: -webkit-center;
}
button.col.s12.btn.btn-large.waves-effect.indigo {
    background-color: #2d6a72 !important;
    color: white;
}

.register_btn {
    color: #26a69a !important;
    font-weight: 500;
}




body {
  background: #fff;
}
.input-field input[type=date]:focus + label,
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=password]:focus + label {
  color: #e91e63;
}

.input-field input[type=date]:focus,
.input-field input[type=text]:focus,
.input-field input[type=email]:focus,
.input-field input[type=password]:focus {
  border-bottom: 2px solid #e91e63;
  box-shadow: none;
}
.login_txt{
  color: #2d6a72;
}

/* FIN CSS Login */


/* START INDEX CSS */


.boxed_b{
  min-height: 100vh;
  max-width: 1440px;
  box-shadow: 0 0 0 1px #e9e9ea;
  margin:auto;
  background-color: #FFFFFF;
  color: #50535B;
}
.boxed_c{
  max-width: 1140px;
  margin:auto;
  background-color: #FFFFFF;
  color: #50535B;
}
html{
      background-color: rgb(253, 253, 253);
}
.content_a{
  font-size: 1.125rem;
  font-family: 'Cera Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.content_a a{
  color:#2f727c;
  text-decoration: underline;
}
.content_b{
  font-size: 1rem;
  font-family: 'Cera Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.inner_support.active {
    border: 1px solid #2f727c!important;
    transition: all .22s ease-in-out -webkit-transition:all .22s ease-in-out;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 rgba(19, 168, 158, 0.52);
}
.inner_support{
  border: 1px solid #E9E9EA;
  transition: all .22s ease-in-out -webkit-transition:all .22s ease-in-out;
  border-radius: 6px;
  padding:20px;
}
.support_a img{
  width:100%;
}
.inner_support a{
  font-size: 1.125rem;
  font-weight: 300;
  color: #2f727c;
}
.tittle_a {
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 0;
    padding-top: 20px;
    color: #5a5a5a;
}
.inner_support.active .tittle_a{
  font-weight: bold ;
}
.step1{
  margin-top: 100px;
}
.boxed_c h4 span{
  font-weight: 700;
      font-variant-numeric: lining-nums;
      height: 2.25rem;
      width: 2.25rem;
      color: #fff;
      background: #2f727c;
      display: inline-block;
      text-align: center;
      border-radius: 50%;
      font-size: 17px;
      line-height: 2.2;
      margin-right: 10px;
}
.navbar-brand img{
  width:160px;
}
.navbar-expand-lg{
  margin-bottom: 100px;
  padding-top: 30px;
}
#home h3{
  margin-bottom: 30px;
  color: #2f727c;
}
.navbar-light .navbar-text {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(19, 168, 158);
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(19, 168, 158, 0.52);
    display: inline-block;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    line-height: 2.5rem;
    height: 2.75rem;
    padding: 1px 1.5rem 0;
    height: auto;
    min-width: 92px;
    border: 1px solid transparent;
    vertical-align: middle;
    text-align: center;
    transition: all .2s ease-in-out;
}
#home h1:before {
  background-color: #2f727c;
  border-radius: 0.25rem;
  content: '';
  display: block;
  height: 0.25rem;
  width: 42px;
  margin-bottom: 1rem;
}
.outer_border{
border-style: solid;
border-width: 1px;
border-color: #E9E9EA;
border-radius: 6px;
}
.icon_csv{
width: 150px;
}
.download_btn{
color: rgb(255, 255, 255);
background-color: rgb(19, 168, 158);
border-radius: 4px;
box-shadow: 0 0 20px 0 rgba(19, 168, 158, 0.52);
display: inline-block;
font-family: inherit;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
line-height: 2.5rem;
height: 2.75rem;
padding: 1px 1.5rem 0;
height: auto;
min-width: 92px;
border: 1px solid transparent;
vertical-align: middle;
text-align: center;
transition: all .2s ease-in-out;
margin: 60px auto;
display: block;
width: 220px;
}
.download_btn a, .download_btn a:hover{
  color:white;
}

#step_one, #step_two, #step_three, #step_five{
margin-top: 150px;
}
.pad-20 {
height: 160px;
display: table;
}
.pad-20 p{
vertical-align: middle;
display: table-cell;
text-align: center;
}
.send_file{
padding:40px;
}
.btnsend{
color: rgb(255, 255, 255);
background-color: rgb(19, 168, 158);
border-radius: 4px;
box-shadow: 0 0 20px 0 rgba(19, 168, 158, 0.52);
display: inline-block;
font-family: inherit;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
line-height: 1.5rem;
padding: 1px 1.5rem 0;
height: calc(1.5em + .75rem + 2px);
min-width: 92px;
border: 1px solid transparent;
vertical-align: middle;
text-align: center;
transition: all .2s ease-in-out;
margin-left: 50px;
}
.valide_btn_final{
width: 20%;
margin: auto;
margin-bottom: 50px !important;
margin-top: 20px;
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Ouvrir";
}
#slide_csv_supp{
position: relative;
margin: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.w-100 {
width: 100%;
margin: auto;
max-width: 600px;
}
.email_csv{
text-align: center;
font-size: 18px;
padding: 10px;
font-weight: bold;
}
#step_four{
margin-top: 150px;
}

.tz-gallery {
  padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
  padding: 2px;
}

.tz-gallery .lightbox img {
  width: 100%;
  border-radius: 0;
  position: relative;
}

/* .tz-gallery .lightbox:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  color: #fff;
  font-size: 26px;
  font-family: 'Glyphicons Halflings';
  content: '\e003';
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s;
} */


.tz-gallery .lightbox:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(19, 168, 158, 0.52);
  content: '';
  transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
  opacity: 1;
}

.baguetteBox-button {
  background-color: transparent !important;
}
.padding_20{
padding-top: 20px;
}