h1,
.h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.08;
}
h2,
.h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.1;
}
h3,
.h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.125;
}
h4,
.h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.23;
}
h5,
.h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
}
.display-1 {
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: 60px !important;
  line-height: 1 !important;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .display-1 {
    font-size: 76px !important;
    line-height: 1 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .display-1 {
    font-size: 76px !important;
    line-height: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .display-1 {
    font-size: 96px !important;
    line-height: 1 !important;
  }
}
.display-2 {
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: 42px !important;
  line-height: 1.11 !important;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .display-2 {
    font-size: 48px !important;
    line-height: 1.083 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .display-2 {
    font-size: 48px !important;
    line-height: 1.083 !important;
  }
}
@media screen and (min-width: 1200px) {
  .display-2 {
    font-size: 60px !important;
    line-height: 1.06 !important;
  }
}
.mx-1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.mr-1 {
  margin-right: 4px !important;
}
.ml-1 {
  margin-left: 4px !important;
}
.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.mt-1 {
  margin-top: 4px !important;
}
.mb-1 {
  margin-bottom: 4px !important;
}
.m-1 {
  margin: 4px !important;
}
.px-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.pr-1 {
  padding-right: 4px !important;
}
.pl-1 {
  padding-left: 4px !important;
}
.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.pt-1 {
  padding-top: 4px !important;
}
.pb-1 {
  padding-bottom: 4px !important;
}
.p-1 {
  padding: 4px !important;
}
.mx-2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.mr-2 {
  margin-right: 8px !important;
}
.ml-2 {
  margin-left: 8px !important;
}
.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.mt-2 {
  margin-top: 8px !important;
}
.mb-2 {
  margin-bottom: 8px !important;
}
.m-2 {
  margin: 8px !important;
}
.px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.pr-2 {
  padding-right: 8px !important;
}
.pl-2 {
  padding-left: 8px !important;
}
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pt-2 {
  padding-top: 8px !important;
}
.pb-2 {
  padding-bottom: 8px !important;
}
.p-2 {
  padding: 8px !important;
}
.mx-3 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.mr-3 {
  margin-right: 12px !important;
}
.ml-3 {
  margin-left: 12px !important;
}
.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.mt-3 {
  margin-top: 12px !important;
}
.mb-3 {
  margin-bottom: 12px !important;
}
.m-3 {
  margin: 12px !important;
}
.px-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.pr-3 {
  padding-right: 12px !important;
}
.pl-3 {
  padding-left: 12px !important;
}
.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.pt-3 {
  padding-top: 12px !important;
}
.pb-3 {
  padding-bottom: 12px !important;
}
.p-3 {
  padding: 12px !important;
}
.mx-4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.mr-4 {
  margin-right: 16px !important;
}
.ml-4 {
  margin-left: 16px !important;
}
.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.mt-4 {
  margin-top: 16px !important;
}
.mb-4 {
  margin-bottom: 16px !important;
}
.m-4 {
  margin: 16px !important;
}
.px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.pr-4 {
  padding-right: 16px !important;
}
.pl-4 {
  padding-left: 16px !important;
}
.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.pt-4 {
  padding-top: 16px !important;
}
.pb-4 {
  padding-bottom: 16px !important;
}
.p-4 {
  padding: 16px !important;
}
.mx-5 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mr-5 {
  margin-right: 20px !important;
}
.ml-5 {
  margin-left: 20px !important;
}
.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mt-5 {
  margin-top: 20px !important;
}
.mb-5 {
  margin-bottom: 20px !important;
}
.m-5 {
  margin: 20px !important;
}
.px-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.pr-5 {
  padding-right: 20px !important;
}
.pl-5 {
  padding-left: 20px !important;
}
.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pt-5 {
  padding-top: 20px !important;
}
.pb-5 {
  padding-bottom: 20px !important;
}
.p-5 {
  padding: 20px !important;
}
.mx-6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.mr-6 {
  margin-right: 24px !important;
}
.ml-6 {
  margin-left: 24px !important;
}
.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.mt-6 {
  margin-top: 24px !important;
}
.mb-6 {
  margin-bottom: 24px !important;
}
.m-6 {
  margin: 24px !important;
}
.px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.pr-6 {
  padding-right: 24px !important;
}
.pl-6 {
  padding-left: 24px !important;
}
.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.pt-6 {
  padding-top: 24px !important;
}
.pb-6 {
  padding-bottom: 24px !important;
}
.p-6 {
  padding: 24px !important;
}
.mx-7 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.mr-7 {
  margin-right: 28px !important;
}
.ml-7 {
  margin-left: 28px !important;
}
.my-7 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.mt-7 {
  margin-top: 28px !important;
}
.mb-7 {
  margin-bottom: 28px !important;
}
.m-7 {
  margin: 28px !important;
}
.px-7 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.pr-7 {
  padding-right: 28px !important;
}
.pl-7 {
  padding-left: 28px !important;
}
.py-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.pt-7 {
  padding-top: 28px !important;
}
.pb-7 {
  padding-bottom: 28px !important;
}
.p-7 {
  padding: 28px !important;
}
.mx-8 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.mr-8 {
  margin-right: 32px !important;
}
.ml-8 {
  margin-left: 32px !important;
}
.my-8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.mt-8 {
  margin-top: 32px !important;
}
.mb-8 {
  margin-bottom: 32px !important;
}
.m-8 {
  margin: 32px !important;
}
.px-8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.pr-8 {
  padding-right: 32px !important;
}
.pl-8 {
  padding-left: 32px !important;
}
.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.pt-8 {
  padding-top: 32px !important;
}
.pb-8 {
  padding-bottom: 32px !important;
}
.p-8 {
  padding: 32px !important;
}
.mx-9 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.mr-9 {
  margin-right: 36px !important;
}
.ml-9 {
  margin-left: 36px !important;
}
.my-9 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.mt-9 {
  margin-top: 36px !important;
}
.mb-9 {
  margin-bottom: 36px !important;
}
.m-9 {
  margin: 36px !important;
}
.px-9 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.pr-9 {
  padding-right: 36px !important;
}
.pl-9 {
  padding-left: 36px !important;
}
.py-9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.pt-9 {
  padding-top: 36px !important;
}
.pb-9 {
  padding-bottom: 36px !important;
}
.p-9 {
  padding: 36px !important;
}
.mx-10 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mr-10 {
  margin-right: 40px !important;
}
.ml-10 {
  margin-left: 40px !important;
}
.my-10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mt-10 {
  margin-top: 40px !important;
}
.mb-10 {
  margin-bottom: 40px !important;
}
.m-10 {
  margin: 40px !important;
}
.px-10 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.pr-10 {
  padding-right: 40px !important;
}
.pl-10 {
  padding-left: 40px !important;
}
.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pt-10 {
  padding-top: 40px !important;
}
.pb-10 {
  padding-bottom: 40px !important;
}
.p-10 {
  padding: 40px !important;
}
.container {
  width: 100%;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
.container-fluid {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
.row {
  margin-left: -6px;
  margin-right: -6px;
}
.col-xs-1 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-1 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-1 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-1 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-1 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-2 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-2 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-2 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-2 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-2 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-3 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-3 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-3 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-3 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-3 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-4 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-4 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-4 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-4 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-4 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-5 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-5 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-5 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-5 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-5 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-6 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-6 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-6 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-6 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-6 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-7 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-7 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-7 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-7 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-7 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-8 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-8 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-8 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-8 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-8 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-9 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-9 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-9 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-9 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-9 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-10 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-10 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-10 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-10 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-10 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-11 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-11 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-11 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-11 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-11 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xs-12 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-sm-12 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-md-12 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-lg-12 {
  padding-left: 6px;
  padding-right: 6px;
}
.col-xl-12 {
  padding-left: 6px;
  padding-right: 6px;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .container {
    width: 100%;
    max-width: 720px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .container-fluid {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
  }
  .row {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }
  .col-xs-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-2 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-2 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-2 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-2 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-2 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-3 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-3 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-3 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-3 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-3 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-4 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-4 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-4 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-4 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-4 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-5 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-7 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-7 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-7 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-7 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-7 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-8 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-8 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-8 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-8 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-8 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-9 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-9 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-9 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-9 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-9 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-10 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-10 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-10 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-10 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-10 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-11 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-11 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-11 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-11 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-11 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xs-12 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-sm-12 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-md-12 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-lg-12 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .col-xl-12 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .container {
    width: 100%;
    max-width: 944px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .container-fluid {
    padding-left: 8px;
    padding-right: 8px;
  }
  .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  .col-xs-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1799px) {
  .container {
    width: 100%;
    max-width: 1440px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .container-fluid {
    padding-left: 8px;
    padding-right: 8px;
  }
  .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  .col-xs-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-3 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-4 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-5 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-6 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-7 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-9 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-10 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-11 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xs-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-sm-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-md-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-lg-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-xl-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1800px) {
  .container {
    width: 100%;
    max-width: 1600px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
  .row {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .col-xs-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-2 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-2 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-2 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-2 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-2 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-3 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-3 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-3 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-3 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-3 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-4 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-5 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-5 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-5 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-5 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-5 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-6 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-6 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-6 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-6 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-6 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-7 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-7 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-7 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-7 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-7 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-8 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-8 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-8 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-8 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-8 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-9 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-9 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-9 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-9 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-9 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-10 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-10 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-10 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-10 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-10 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-11 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-11 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-11 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-11 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-11 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xs-12 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-sm-12 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-md-12 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-lg-12 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-xl-12 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.btn {
  border-radius: 4px;
  font-size: 16px;
}
.btn:focus,
.btn:active {
  box-shadow: none;
}
.btn-primary,
.btn-decathlon {
  background-color: #007dbc;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #e7f3f9;
}
.btn-primary:hover,
.btn-decathlon:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689d;
}
.btn-primary:active,
.btn-decathlon:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537d;
}
.btn-primary:focus,
.btn-decathlon:focus {
  border-radius: 4px !important;
  border: 2px solid #bedeef;
  color: white;
  background-color: #007dbc;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #e7f3f9 !important;
}
.btn-primary-reversed,
.btn-decathlon-reversed {
  background-color: white;
  border: 2px solid transparent;
  color: #001018;
  border: 2px solid white;
  outline-width: 2px;
  outline-color: #e7f3f9;
  transition: all 0.2s 0s ease;
}
.btn-primary-reversed:hover,
.btn-decathlon-reversed:hover {
  border-radius: 4px !important;
  color: #001018;
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.8);
}
.btn-primary-reversed:active,
.btn-decathlon-reversed:active {
  border-radius: 4px !important;
  color: #001018;
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.6);
}
.btn-primary-reversed:focus,
.btn-decathlon-reversed:focus {
  border-radius: 4px !important;
  color: #001018;
  border: 2px solid white;
  background-color: #ffffff;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #e7f3f9 !important;
}
.btn-yellow {
  background-color: #ffea28;
  border: none;
  color: #001018;
  outline-width: 2px;
  outline-color: #e7f3f9;
}
.btn-yellow:hover {
  color: #001018;
  border-radius: 4px !important;
  background-color: #fff58d;
}
.btn-yellow:active {
  color: #001018;
  border-radius: 4px !important;
  background-color: #fffbc7;
}
.btn-yellow:focus {
  color: #001018;
  border-radius: 4px !important;
  background-color: #ffea28;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #e7f3f9 !important;
}
.btn-orange {
  background-color: #fe5800;
  border: none;
  color: #ffffff;
  outline-width: 2px;
  outline-color: #e7f3f9;
}
.btn-orange:hover {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #feab7b;
}
.btn-orange:active {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #fed5bd;
}
.btn-orange:focus {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #fe5800;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #e7f3f9 !important;
}
.btn-lg,
.btn-large {
  font-size: 20px;
  min-width: 84px;
  min-height: 64px;
  padding: 20px 40px;
}
.btn-md {
  font-size: 16px;
  min-width: 120px;
  min-height: 48px;
  padding: 14px 24px;
}
.btn-sm {
  font-size: 14px;
  min-width: 84px;
  min-height: 32px;
  padding: 8px 16px;
}
li.btn-decathlon:hover,
li.btn-decathlon:focus,
li.btn-decathlon:active {
  background-color: #007dbc;
}
button.btn.w-100 {
  font-size: 16px;
  height: 48px;
  padding: 0 24px;
}
.btn-primary {
  background-color: #007dbc;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #e7f3f9;
}
.btn-primary:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689d;
}
.btn-primary:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537d;
}
.btn-primary:focus {
  border-radius: 4px !important;
  border: 2px solid #bedeef;
  color: white;
  background-color: #007dbc;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #e7f3f9 !important;
}
.btn-yellow {
  background-color: #ffea28;
  border: none;
  color: #001018;
  outline-width: 2px;
  outline-color: #e7f3f9;
}
.btn-yellow:hover {
  color: #001018;
  border-radius: 4px !important;
  background-color: #fff58d;
}
.btn-yellow:active {
  color: #001018;
  border-radius: 4px !important;
  background-color: #fffbc7;
}
.btn-yellow:focus {
  color: #001018;
  border-radius: 4px !important;
  background-color: #ffea28;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #e7f3f9 !important;
}
.btn-orange {
  background-color: #fe5800;
  border: none;
  color: #ffffff;
  outline-width: 2px;
  outline-color: #e7f3f9;
}
.btn-orange:hover {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #feab7b;
}
.btn-orange:active {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #fed5bd;
}
.btn-orange:focus {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #fe5800;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #e7f3f9 !important;
}
a:hover {
  text-decoration: none;
}
/***********************************/
@font-face {
  font-family: 'ForteMT';
  font-display: auto;
  src: url('https://pwiic.xyz/fonts/ForteMT.eot');
  src: url('https://pwiic.xyz/fonts/ForteMT.eot?#iefix') format('embedded-opentype'), url('https://pwiic.xyz/fonts/ForteMT.woff2') format('woff2'), url('https://pwiic.xyz/fonts/ForteMT.woff') format('woff'), url('https://pwiic.xyz/fonts/ForteMT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kitten Bold';
  font-display: auto;
  src: url('https://pwiic.xyz/fonts/KittenBold.eot');
  src: url('https://pwiic.xyz/fonts/KittenBold.eot?#iefix') format('embedded-opentype'), url('https://pwiic.xyz/fonts/KittenBold.woff2') format('woff2'), url('https://pwiic.xyz/fonts/KittenBold.woff') format('woff'), url('https://pwiic.xyz/fonts/KittenBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kitten Fat';
  font-display: auto;
  src: url('https://pwiic.xyz/fonts/KittenFat.eot');
  src: url('https://pwiic.xyz/fonts/KittenFat.eot?#iefix') format('embedded-opentype'), url('https://pwiic.xyz/fonts/KittenFat.woff2') format('woff2'), url('https://pwiic.xyz/fonts/KittenFat.woff') format('woff'), url('https://pwiic.xyz/fonts/KittenFat.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Kitten Slant';
  font-display: auto;
  src: url('https://pwiic.xyz/fonts/KittenSlant.eot');
  src: url('https://pwiic.xyz/fonts/KittenSlant.eot?#iefix') format('embedded-opentype'), url('https://pwiic.xyz/fonts/KittenSlant.woff2') format('woff2'), url('https://pwiic.xyz/fonts/KittenSlant.woff') format('woff'), url('https://pwiic.xyz/fonts/KittenSlant.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'kitten Swash';
  font-display: auto;
  src: url('https://pwiic.xyz/fonts/KittenSwash.eot');
  src: url('https://pwiic.xyz/fonts/KittenSwash.eot?#iefix') format('embedded-opentype'), url('https://pwiic.xyz/fonts/KittenSwash.woff2') format('woff2'), url('https://pwiic.xyz/fonts/KittenSwash.woff') format('woff'), url('https://pwiic.xyz/fonts/KittenSwash.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kitten Swash Monoline';
  font-display: auto;
  src: url('https://pwiic.xyz/fonts/KittenSwashMonoline.eot');
  src: url('https://pwiic.xyz/fonts/KittenSwashMonoline.eot?#iefix') format('embedded-opentype'), url('https://pwiic.xyz/fonts/KittenSwashMonoline.woff2') format('woff2'), url('https://pwiic.xyz/fonts/KittenSwashMonoline.woff') format('woff'), url('https://pwiic.xyz/fonts/KittenSwashMonoline.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/***********************************/
#public_menu a:hover {
  text-decoration: none;
}
#public_menu > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}
#public_menu > div > a {
  display: inline-block;
  height: 100%;
}
@media screen and (max-width: 694px) {
  #public_menu > div > a {
    margin: 0 auto;
  }
}
#public_menu .btn-signin,
#public_menu .btn-signout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: white;
  text-decoration: none;
  margin: 0px 0 0px 0px;
  color: #001018;
  padding: 8px 16px;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
}
@media screen and (max-width: 550px) {
  #public_menu .btn-signin,
  #public_menu .btn-signout {
    margin: 10px 0 10px 10px;
  }
}
#public_menu .btn-signin:before,
#public_menu .btn-signout:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #007dbc;
  transform: scaleX(0);
  transition: all 0.1s 0s linear;
}
#public_menu .btn-signin:hover,
#public_menu .btn-signout:hover {
  color: #001018;
}
#public_menu .btn-signin:hover:before,
#public_menu .btn-signout:hover:before {
  transform: scaleX(1);
}
#public_menu .btn-default {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 0;
}
#public_menu .btn-default:before {
  display: none;
}
#public_menu .btn-default:before:hover {
  display: none;
}
#public_menu .logo {
  line-height: 80px;
  display: inline-block;
  font-family: 'Kitten Swash', 'Arial', 'Helvetica', sans-serif;
  font-size: 40px;
  color: #ff0051;
  padding-left: 20px;
}
#public_menu .logo .ii {
  font-family: 'ForteMT', 'Arial', 'Helvetica', sans-serif;
}
#public_menu .link_menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
@media screen and (max-width: 694px) {
  #public_menu .link_menu {
    margin: 0 auto;
  }
}
#public_menu .link_menu ul {
  display: flex;
  flex-direction: row-reverse;
  line-height: 80px;
  margin: 0;
  list-style: none;
}
#public_menu .link_menu ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (max-width: 550px) {
  #public_menu .col-xs-12 {
    text-align: center;
  }
  #public_menu .logo {
    text-align: center;
    display: block;
    padding-left: 0;
    line-height: 40px;
    margin-top: 15px;
  }
  #public_menu .link_menu {
    display: inline;
    float: none;
    clear: both;
    margin: 0 auto;
  }
  #public_menu .link_menu ul {
    line-height: 40px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
  }
}
html,
body {
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
body {
  background-color: transparent;
  overflow-x: hidden;
}
p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
section {
  padding-top: 96px;
  padding-bottom: 96px;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
}
section header {
  text-align: center;
}
section header h2 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  line-height: 1.14 !important;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  section header h2 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  section header h2 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (min-width: 1200px) {
  section header h2 {
    font-size: 32px !important;
    line-height: 1.125 !important;
  }
}
section header h2:before {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate3d(-25%, -50%, 0);
  left: 0;
  color: rgba(0, 0, 0, 0.11);
  font-size: 50px;
  z-index: -1;
}
section header .tag {
  font-size: 25px;
  color: #0082c3;
  font-weight: 800;
}
section#topPage {
  position: relative;
  min-height: calc(100vh - 81px);
}
section#topPage header {
  text-align: left;
}
@media screen and (max-height: 768px) {
  section#topPage {
    min-height: 100vh;
  }
}
@media screen and (max-width: 991.98px) {
  section#topPage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: auto;
  }
  section#topPage header {
    text-align: left !important;
  }
  section#topPage .content * {
    text-align: left;
  }
}
section#topPage .btnModalBlock .btn-pwiic {
  width: 270px;
  font-size: 'Roboto', sans-serif;
  background-color: #007DBC;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #E7F3F9;
  font-size: 20px;
  min-width: 84px;
  min-height: 64px;
  padding: 20px 40px;
}
section#topPage .btnModalBlock .btn-pwiic:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689D;
}
section#topPage .btnModalBlock .btn-pwiic:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537D;
}
section#topPage .btnModalBlock .btn-pwiic:focus {
  border-radius: 4px !important;
  border: 2px solid #BEDEEF;
  color: white;
  background-color: #007DBC;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #E7F3F9 !important;
}
section#topPage .logo {
  position: relative;
  z-index: 2;
}
section#topPage .logo img {
  width: 200px;
}
section#topPage > div {
  position: relative;
  z-index: 2;
}
section#topPage header {
  padding-top: 30px;
}
@media screen and (min-width: 1200px) {
  section#topPage header {
    text-align: left;
  }
}
section#topPage header h2 {
  font-size: 20px;
  line-height: 1.2;
  font-style: italic;
  text-transform: uppercase;
  color: white;
  display: block;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: 42px !important;
  line-height: 1.11 !important;
}
@media screen and (min-width: 1200px) {
  section#topPage header h2 {
    text-align: left;
  }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  section#topPage header h2 {
    font-size: 48px !important;
    line-height: 1.083 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  section#topPage header h2 {
    font-size: 48px !important;
    line-height: 1.083 !important;
  }
}
@media screen and (min-width: 1200px) {
  section#topPage header h2 {
    font-size: 60px !important;
    line-height: 1.06 !important;
  }
}
section#topPage .content {
  text-align: left;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  section#topPage .content {
    text-align: left;
  }
}
section#topPage .content p {
  color: white;
  padding: 8px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 1.11 !important;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  section#topPage .content p {
    font-size: 38px !important;
    line-height: 1.15 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  section#topPage .content p {
    font-size: 38px !important;
    line-height: 1.15 !important;
  }
}
@media screen and (min-width: 1200px) {
  section#topPage .content p {
    font-size: 40px !important;
    line-height: 1.1 !important;
  }
}
@media screen and (min-width: 1200px) {
  section#topPage .content p {
    font-size: 40px;
    line-height: 1.7;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 1.11 !important;
  }
}
@media screen and (min-width: 1200px) and screen and (min-width: 600px) and (max-width: 899px) {
  section#topPage .content p {
    font-size: 38px !important;
    line-height: 1.15 !important;
  }
}
@media screen and (min-width: 1200px) and screen and (min-width: 900px) and (max-width: 1199px) {
  section#topPage .content p {
    font-size: 38px !important;
    line-height: 1.15 !important;
  }
}
@media screen and (min-width: 1200px) and screen and (min-width: 1200px) {
  section#topPage .content p {
    font-size: 40px !important;
    line-height: 1.1 !important;
  }
}
section#topPage .blockMsg {
  margin-top: 40px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}
@media screen and (max-width: 575.98px) {
  section#topPage .blockMsg {
    padding: 25px 20px !important;
  }
}
section#topPage .blockMsg h4 {
  margin: 0;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  section#topPage .blockMsg h4 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  section#topPage .blockMsg h4 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (min-width: 1200px) {
  section#topPage .blockMsg h4 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}
section#topPage .blockMsg .wysiwyg-editor {
  border: 1px solid #DCDCDC;
  min-height: 193px;
  padding: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 4px;
  border: 1px solid #d9dde1;
}
section#topPage .blockMsg .wysiwyg-editor:hover {
  border: 1px solid #007dbc;
}
section#topPage .blockMsg .wysiwyg-editor:focus {
  border: 1px solid #007dbc;
  outline-width: 2px;
  outline-style: auto;
  outline-offset: 2px;
  outline-color: #7ebee0;
}
section#topPage .blockMsg .wysiwyg-editor p {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #707070;
}
section#topPage .blockMsg .errors .error {
  color: #f02565;
  text-align: center;
  margin: 10px 0 0 0;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
section#topPage .blockMsg .buttons {
  text-align: center;
}
section#topPage .blockMsg .buttons .round {
  text-align: center;
  border-radius: 4px;
  color: #001018;
  border: 1px solid #001018;
  background-color: white;
  letter-spacing: 0.6px;
  margin: 16px 0 16px 0;
  font-size: 14px;
  min-width: 84px;
  min-height: 32px;
  padding: 8px 16px;
}
section#topPage .blockMsg .buttons .round.active {
  background-color: #eff1f3;
  color: #001018;
}
section#topPage .blockMsg .buttons .round:hover {
  background-color: #f7f8f9;
  color: #001018;
}
section#topPage .blockMsg .buttons .round:active {
  background-color: #eff1f3;
  color: #001018;
}
section#topPage .blockMsg .buttons .round:focus {
  background-color: white;
  color: #001018;
  outline: 2px auto #007dbc;
}
section#topPage .blockMsg .contentBtn {
  margin-top: 20px;
}
section#topPage .blockMsg .contentBtn .btn-pwiic {
  background-color: #007DBC;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #E7F3F9;
}
section#topPage .blockMsg .contentBtn .btn-pwiic:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689D;
}
section#topPage .blockMsg .contentBtn .btn-pwiic:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537D;
}
section#topPage .blockMsg .contentBtn .btn-pwiic:focus {
  border-radius: 4px !important;
  border: 2px solid #BEDEEF;
  color: white;
  background-color: #007DBC;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #E7F3F9 !important;
}
section#topPage .blockMsg .contentBtn .btn-pwiic span {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
section#topPage .blockMsg .contentBtn button i {
  font-size: inherit;
  margin-left: 20px;
}
section#topPage .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
section#topPage .background:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.15);
}
section#topPage .background video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: -1;
  max-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}
section.infos {
  position: relative;
  padding-top: 0px;
  padding-bottom: 64px;
  margin-top: -40px;
}
section.infos .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
section.infos .item {
  margin-bottom: 16px;
  min-height: 113px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-around;
}
@media screen and (min-width: 1200px) {
  section.infos .item {
    margin-bottom: 0;
  }
}
section.infos .item > div {
  margin: 0 auto;
  float: none !important;
  border: 1px solid #eff1f3;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 16px;
  min-height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
section.infos i {
  color: #001018;
}
section.infos p {
  color: #001018;
  padding-left: 24px;
  padding-bottom: 0;
  margin-bottom: 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42;
}
section.infos p span {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.16 !important;
  line-height: 1;
  font-weight: bold;
  display: block;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  section.infos p span {
    font-size: 24px !important;
    line-height: 1.16 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  section.infos p span {
    font-size: 24px !important;
    line-height: 1.16 !important;
  }
}
@media screen and (min-width: 1200px) {
  section.infos p span {
    font-size: 26px !important;
    line-height: 1.23 !important;
  }
}
section.whyUse .content.reasons {
  padding-top: 16px;
}
section.whyUse .content.reasons img {
  width: 100%;
  margin-bottom: 16px;
}
section.video {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  section.video {
    padding-top: 0;
    padding-bottom: 0;
  }
}
section.howWorks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
section.howWorks #the-video {
  border-radius: 8px 8px 8px 0;
  overflow: hidden;
}
section.howWorks .video + div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  align-content: center;
  margin-top: 33px;
}
section.howWorks .blockTrouver-pwiic,
section.howWorks .blockProposer-pwiic {
  padding: 5px 0 20px;
}
section.howWorks .blockTrouver-pwiic span,
section.howWorks .blockProposer-pwiic span {
  font-weight: 800;
  line-height: 1;
  color: #001018;
}
section.howWorks .blockTrouver-pwiic span:last-child,
section.howWorks .blockProposer-pwiic span:last-child {
  color: #0082c3;
}
section.voisinsInform,
section.sendPwiic,
section.proposePwiic {
  padding-top: 64px;
  padding-bottom: 158px;
}
section.voisinsInform h2,
section.sendPwiic h2,
section.proposePwiic h2 {
  position: relative;
  display: inline-block;
}
@media screen and (maw-width: 600px) {
  section.voisinsInform h2,
  section.sendPwiic h2,
  section.proposePwiic h2 {
    width: 80%;
  }
}
section.voisinsInform h2:before,
section.sendPwiic h2:before,
section.proposePwiic h2:before {
  content: "1";
}
section.recieveOffer {
  padding-top: 90px;
  padding-bottom: 170px;
  margin-bottom: 128px;
}
@media screen and (max-width: 899px) {
  section.recieveOffer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
section.recieveOffer h2 {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 645.98px) {
  section.recieveOffer h2 {
    width: 80%;
  }
}
section.recieveOffer h2:before {
  color: rgba(0, 0, 0, 0.11) !important;
  content: "2";
}
section.recieveOffer .content {
  margin-top: 24px;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .content {
    margin-top: 40px;
  }
}
section.recieveOffer .content > div {
  float: unset;
  overflow: visible;
  margin-left: auto !important;
  margin-right: auto !important;
}
section.recieveOffer .content > div:before,
section.recieveOffer .content > div:after {
  display: table;
  content: " ";
}
section.recieveOffer .offerList {
  padding-top: 27px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList {
    padding-top: 67px;
  }
}
section.recieveOffer .offerList .listItem {
  position: relative;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 16px;
  width: 441px;
  min-height: 129px;
  background-position: 20px 20px;
  background-repeat: no-repeat;
  background-size: 43px;
  margin-right: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
  font-weight: 500;
  color: #626262;
  text-align: left;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem {
    background-size: auto;
    padding-left: 120px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1544px) {
  section.recieveOffer .offerList .listItem {
    margin-right: 0px;
  }
}
section.recieveOffer .offerList .listItem:first-child {
  transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem:first-child {
    margin-bottom: 20px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 1544px) {
  section.recieveOffer .offerList .listItem:first-child {
    margin-right: 0;
    transform: translate3d(-79px, 0, 0);
  }
}
section.recieveOffer .offerList .listItem:last-child {
  transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 1544px) {
  section.recieveOffer .offerList .listItem:last-child {
    transform: translate3d(79px, 0, 0);
  }
}
section.recieveOffer .offerList .listItem .firstname {
  padding-left: 60px;
  font-size: 15px;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem .firstname {
    font-size: 18px;
    padding-left: 0;
  }
}
section.recieveOffer .offerList .listItem .stars {
  color: #FBBF25;
  font-size: 1em;
  margin: 0;
  padding-left: 60px;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem .stars {
    padding-left: 0px;
    font-size: 1em;
    margin: 0;
  }
}
section.recieveOffer .offerList .listItem .missions {
  font-size: 10px;
  margin-top: 3px;
  padding-left: 60px;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem .missions {
    padding-left: 0px;
    font-size: 14px;
    margin-top: 5px;
  }
}
section.recieveOffer .offerList .listItem .profilLink {
  font-size: 8px;
  font-weight: 500;
  margin: 15px 0 0 5px;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem .profilLink {
    margin: 15px 0 0 0;
    font-size: 11px;
  }
}
section.recieveOffer .offerList .listItem .somme {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 100px;
  text-align: right;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem .somme {
    height: 105px;
    padding: 0 15px 5px 0;
    font-weight: bold;
  }
}
section.recieveOffer .offerList .listItem .somme p {
  text-align: right;
  font-size: 30px;
  color: #000000;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem .somme p {
    font-size: 36px;
  }
}
section.recieveOffer .offerList .listItem .somme span {
  background-color: #007DBC;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #E7F3F9;
  padding: 5px 13px;
  font-size: 10px;
  border-radius: 4px;
}
section.recieveOffer .offerList .listItem .somme span:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689D;
}
section.recieveOffer .offerList .listItem .somme span:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537D;
}
section.recieveOffer .offerList .listItem .somme span:focus {
  border-radius: 4px !important;
  border: 2px solid #BEDEEF;
  color: white;
  background-color: #007DBC;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #E7F3F9 !important;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem .somme span {
    padding: 7px 16px;
    font-size: 12px;
  }
}
section.recieveOffer .offerList .listItem.gege {
  background-image: url(https://pwiic.xyz/img/community/geraldine.png);
}
section.recieveOffer .offerList .listItem.quentin {
  background-image: url(https://pwiic.xyz/img/community/quentin.png);
  display: none;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem.quentin {
    display: block;
  }
}
section.recieveOffer .offerList .listItem.bruno {
  background-image: url(https://pwiic.xyz/img/community/bruno.png);
  display: none;
}
@media screen and (min-width: 1200px) {
  section.recieveOffer .offerList .listItem.bruno {
    display: block;
  }
}
section.respondOffer {
  position: relative;
}
@media screen and (max-width: 899px) {
  section.respondOffer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
section.respondOffer h2 {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 645.98px) {
  section.respondOffer h2 {
    width: 80%;
  }
}
section.respondOffer h2:before {
  color: rgba(0, 0, 0, 0.11) !important;
  content: "2";
}
section.respondOffer .content > div {
  margin-top: 24px;
}
@media screen and (min-width: 1200px) {
  section.respondOffer .content > div {
    margin-top: 40px;
  }
}
section.respondOffer .offerList {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -400px;
  padding-left: 0;
  padding-right: 0;
}
section.respondOffer .offerList .listItem {
  position: relative;
  background-color: #ffffff;
  border-radius: 35px;
  padding: 15px;
  width: 100%;
  background-position: 20px 20px;
  background-repeat: no-repeat;
  font-weight: 500;
  color: #626262;
  text-align: left;
  margin: 34px auto 0;
}
@media screen and (min-width: 321px) {
  section.respondOffer .offerList .listItem {
    width: 305px;
  }
}
section.respondOffer .offerList .listItem.gege {
  position: relative;
  z-index: 3;
  background-image: url(https://pwiic.xyz/img/community/geraldine.png);
}
section.respondOffer .offerList .listItem.quentin {
  display: none;
  position: absolute;
  top: 104px;
  left: 50%;
  transform: translate3d(-70%, 0, 0);
  background-image: url(https://pwiic.xyz/img/community/quentin.png);
  z-index: 0;
  border: none;
  clip-path: polygon(0 0, 100% 0, 100% 118px, 0 118px);
}
@media screen and (min-width: 1200px) {
  section.respondOffer .offerList .listItem.quentin {
    display: block;
  }
}
section.respondOffer .offerList .listItem.bruno {
  display: none;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate3d(-20%, 0, 0);
  background-image: url(https://pwiic.xyz/img/community/bruno.png);
  z-index: 0;
  border: none;
  clip-path: polygon(0 0, 100% 0, 100% 172px, 0 172px);
}
@media screen and (min-width: 1200px) {
  section.respondOffer .offerList .listItem.bruno {
    display: block;
  }
}
section.respondOffer .offerList .listItem .firstname {
  font-size: 18px;
  margin: 0;
}
section.respondOffer .offerList .listItem .infoPerso {
  padding-left: 120px;
  padding-bottom: 30px;
}
section.respondOffer .offerList .listItem .stars {
  color: #FBBF25;
  font-size: 1em;
  margin: 0;
}
section.respondOffer .offerList .listItem .missions {
  font-size: 12px;
  margin-top: 5px;
}
section.respondOffer .offerList .listItem #infoProp #desc {
  font-family: 'Quicksand', sans-serif;
  font-size: 11px;
  font-weight: 700;
}
section.respondOffer .offerList .listItem #infoProp #descOffre {
  border: 1px solid #c6c6c6;
  width: 238px;
  height: 146px;
  padding: 9px;
  margin-bottom: 12px;
}
section.respondOffer .offerList .listItem #infoProp #descOffre p {
  font-family: 'Quicksand', sans-serif;
  font-size: 10px;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif {
  text-align: center;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif #ph {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif p {
  margin: 0;
  font-size: 7px;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif p span {
  font-weight: 700;
  border-bottom: 1px solid grey;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif ul {
  color: #000000;
  font-size: 9px;
  margin: 15px 0 0 0;
  padding: 0;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif ul .commande {
  display: inline-block;
  background-color: #eaeaea;
  padding: 5px 8px;
  margin: 0 2px;
  height: 23px;
  width: 23px;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif ul .commande p {
  font-size: 9px;
  margin: 0;
  text-align: center;
  font-weight: 700;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif ul .choix {
  display: inline-block;
  background-color: #eaeaea;
  padding: 2px 8px;
  width: 77px;
  height: 15px;
}
section.respondOffer .offerList .listItem #infoProp #selecTarif ul .choix p {
  font-size: 9px;
  margin: 0;
  text-align: center;
  font-weight: 700;
}
section.respondOffer .offerList .listItem #infoProp #infoPrix {
  margin-top: 46px;
}
section.respondOffer .offerList .listItem #infoProp #infoPrix p {
  font-size: 11px;
}
section.respondOffer .offerList .listItem #infoProp #infoPrix p span {
  vertical-align: middle;
  font-size: 36px;
  color: #000000;
  line-height: 1;
}
section.respondOffer .offerList .listItem #infoProp #infoPrix a {
  background-color: #007DBC;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #E7F3F9;
  text-decoration: none;
  font-size: 13px;
  border-radius: 4px;
  padding: 5px 20px;
  float: right;
  margin-top: -43px;
  display: inline-block;
}
section.respondOffer .offerList .listItem #infoProp #infoPrix a:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689D;
}
section.respondOffer .offerList .listItem #infoProp #infoPrix a:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537D;
}
section.respondOffer .offerList .listItem #infoProp #infoPrix a:focus {
  border-radius: 4px !important;
  border: 2px solid #BEDEEF;
  color: white;
  background-color: #007DBC;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #E7F3F9 !important;
}
section.payment {
  position: relative;
  min-height: 400px;
  padding-bottom: 140px;
}
@media screen and (min-width: 1200px) {
  section.payment {
    min-height: 350px;
  }
}
@media screen and (min-width: 550px) {
  section.payment {
    min-height: 650px;
  }
}
section.payment:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://pwiic.xyz/img/community/decathlon/luc1.png);
  background-size: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
}
section.payment .content {
  margin-top: 24px;
}
@media screen and (min-width: 1200px) {
  section.payment .content {
    margin-top: 40px;
  }
}
section.payment .contentBtn {
  margin-bottom: 80px;
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  section.payment .contentBtn {
    margin-top: 80px;
    text-align: left;
  }
}
section.payment .contentBtn a {
  display: block;
  margin: 0 auto;
  background-color: #007DBC;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #E7F3F9;
}
section.payment .contentBtn a:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689D;
}
section.payment .contentBtn a:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537D;
}
section.payment .contentBtn a:focus {
  border-radius: 4px !important;
  border: 2px solid #BEDEEF;
  color: white;
  background-color: #007DBC;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #E7F3F9 !important;
}
section.payment .btn-pwiic {
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  background-color: #ffea28;
  border: none;
  transition: all 0.2s 0s linear;
  background-color: #007DBC;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #E7F3F9;
}
@media screen and (min-width: 1200px) {
  section.payment .btn-pwiic {
    font-size: 20px;
  }
}
section.payment .btn-pwiic:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689D;
}
section.payment .btn-pwiic:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537D;
}
section.payment .btn-pwiic:focus {
  border-radius: 4px !important;
  border: 2px solid #BEDEEF;
  color: white;
  background-color: #007DBC;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #E7F3F9 !important;
}
section.payment h2 {
  position: relative;
  display: inline-block;
}
section.payment h2:before {
  content: "3";
}
section.payment .stars {
  color: #ffea28;
  font-size: 1em;
}
@media screen and (min-width: 1200px) {
  section.payment .stars {
    font-size: 1em;
    margin: 40px 0;
  }
}
section.payment .stars i {
  margin: 0 9px;
}
@media screen and (min-width: 1200px) {
  section.payment .stars i {
    margin: 0 21px;
  }
}
section.payment2 {
  position: relative;
  min-height: 400px;
  padding-bottom: 130px;
}
@media screen and (min-width: 550px) {
  section.payment2 {
    min-height: 600px;
  }
}
@media screen and (min-width: 1200px) {
  section.payment2 {
    padding-top: 405px;
    padding-bottom: 250px;
  }
}
section.payment2 header {
  padding-bottom: 30px;
}
section.payment2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://pwiic.xyz/img/community/decathlon/luc2_2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
}
section.payment2 .contentBtn {
  margin-bottom: 80px;
  margin-top: 24px;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  section.payment2 .contentBtn {
    margin-top: 80px;
    text-align: left;
  }
}
section.payment2 .contentBtn a {
  display: block;
  margin: 0 auto;
}
section.payment2 .btn-pwiic {
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  border: none;
  transition: all 0.2s 0s linear;
  background-color: #007DBC;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #E7F3F9;
}
@media screen and (min-width: 1200px) {
  section.payment2 .btn-pwiic {
    font-size: 20px;
  }
}
section.payment2 .btn-pwiic:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689D;
}
section.payment2 .btn-pwiic:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537D;
}
section.payment2 .btn-pwiic:focus {
  border-radius: 4px !important;
  border: 2px solid #BEDEEF;
  color: white;
  background-color: #007DBC;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #E7F3F9 !important;
}
section.payment2 h2 {
  position: relative;
  display: inline-block;
}
section.payment2 h2:before {
  content: "3";
}
section.payment2 .money {
  color: #92D500;
  font-size: 3em;
  margin: 27px 0 40px;
}
@media screen and (max-width: 1200px) {
  section.payment2 .money {
    display: none;
  }
}
section.payment2 .money i {
  margin: 0 21px;
}
section.covid .bg-green {
  position: relative;
  color: #ffffff;
}
section.covid .bg-green > div {
  border: 1px solid transparent;
  background-color: #0082c3;
  padding: 0px;
}
section.covid .bg-green header,
section.covid .bg-green .content {
  position: relative;
  z-index: 3;
}
section.covid .bg-green:after {
  display: none !important;
}
section.covid .bg-green h3 {
  color: #ffffff;
  padding-bottom: 30px;
}
section.covid .bg-green p {
  font-weight: 700;
  font-size: 16px;
}
section.covid .bg-green footer {
  width: 100%;
  text-align: center;
}
section.covid .bg-green footer a {
  display: inline-block;
  background-color: #232323;
  border-color: #232323;
  color: #ffffff;
  font-weight: 400 !important;
  border-radius: 30rem;
  border: none;
  padding: .8rem 2rem;
  border-style: solid;
  border-width: 2px;
  transition: all .2s 0s linear;
  text-decoration: none;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
}
section.covid .bg-green footer a:hover {
  background-color: #7c7b7b;
  border-color: #7c7b7b;
  color: #fff;
  transition: all .2s 0s linear;
  text-decoration: none;
}
section.covid .content + .row {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 30px;
}
section.covid article {
  margin-bottom: 24px;
}
section.covid article > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  border: 1px solid #b6b5b5;
}
section.covid article .img img {
  width: 100%;
}
section.covid article h3,
section.covid article p {
  text-align: left;
}
section.covid article header {
  padding-left: 20px;
  padding-right: 20px;
}
section.covid article header .img {
  margin-left: -20px;
  margin-right: -20px;
}
section.covid article header h3 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 800;
  margin-bottom: 24px;
}
section.covid article header p {
  font-size: 14px;
}
section.covid article footer {
  padding-left: 20px;
  padding-right: 20px;
  background: none;
  padding-bottom: 24px;
}
section.covid article footer a {
  display: inline-block;
  background-color: #ffffff;
  border-color: #232323;
  color: #232323;
  font-weight: 400 !important;
  border-radius: 30rem;
  border: none;
  padding: .8rem 2rem;
  border-style: solid;
  border-width: 2px;
  transition: all .2s 0s linear;
  text-decoration: none;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
}
section.covid article footer a:hover {
  color: #ffffff;
  background-color: #232323;
}
section .content {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 16px;
}
section .content .logoDecathlon {
  width: 100%;
  padding-bottom: 16px;
}
section .content .slogan {
  padding-left: 0px;
  font-weight: 600;
}
section.mostSports .content {
  margin-top: 24px;
}
@media screen and (min-width: 1200px) {
  section.mostSports .content {
    margin-top: 40px;
  }
}
section.mostSports .content > div {
  margin-top: 15px;
  margin-bottom: 15px;
}
section.mostSports .content > div:hover .background:before {
  background-color: rgba(0, 0, 0, 0.15);
}
section.mostSports .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
  z-index: 2;
  padding: 32px 48px;
  text-align: left;
}
section.mostSports .text h3 {
  color: white;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  line-height: 1.14 !important;
  margin-bottom: 12px !important;
  text-transform: lowercase;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  section.mostSports .text h3 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  section.mostSports .text h3 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (min-width: 1200px) {
  section.mostSports .text h3 {
    font-size: 32px !important;
    line-height: 1.125 !important;
  }
}
section.mostSports .text h3::first-letter {
  text-transform: full-width;
  text-transform: uppercase;
}
section.mostSports .background {
  position: relative;
  border-radius: 0.8rem 0.8rem 0.8rem 0;
  overflow: hidden;
}
section.mostSports .background:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.32);
  transition: background 0.2s 0s linear;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
section.mostSports .background img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: 50% 80%;
}
input[type="checkbox"] {
  display: none !important;
}
input[type="checkbox"] + label {
  background: linear-gradient(180deg, #4eb0ed 0%, #0173b9 100%);
  padding: 10px;
  margin-top: 16px;
  margin-bottom: 24px;
  cursor: pointer;
}
input[type="checkbox"] + label span {
  position: relative;
  z-index: 1;
  width: 50%;
  transition: all 0.2s 0s linear;
}
input[type="checkbox"] + label span:first-child {
  float: left;
  padding-right: 10px;
  color: #001018;
}
input[type="checkbox"] + label span:last-child {
  float: right;
  padding-left: 15px;
  color: white;
}
input[type="checkbox"] + label:before {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.6);
  width: 60%;
  height: 100%;
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  transform: translate3d(-10%, 0, 0);
  transition: transform 0.2s 0s ease-in-out;
}
input[type="checkbox"]:checked + label:before {
  transform: translate3d(80%, 0, 0);
  transition: transform 0.2s 0s ease-in-out;
}
input[type="checkbox"]:checked + label span:first-child {
  color: white;
}
input[type="checkbox"]:checked + label span:last-child {
  color: #001018;
}
.choice input[type="radio"] {
  display: none;
}
.choice input[type="radio"]:checked + label {
  position: relative;
  z-index: 1;
}
.choice input[type="radio"]:checked + label span {
  position: relative;
  z-index: 1;
}
.choice input[type="radio"]:checked + label:before {
  content: "";
  display: block;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  border-radius: 50px;
}
.choice input[type="radio"] + label {
  background: transparent;
  border-radius: 50px;
  padding: 5px 0px;
  width: calc(50% - 5px);
  text-align: center;
  margin: 0;
  cursor: pointer;
}
.mx-auto {
  float: unset;
  overflow: visible;
  margin-left: auto !important;
  margin-right: auto !important;
}
.mx-auto:before,
.mx-auto:after {
  display: table;
  content: " ";
}
.bg-light {
  background-color: #ffffff;
  padding: 32px 32px;
}
.text-light {
  color: #ffffff;
}
.bg-green {
  position: relative;
  color: #ffffff;
  margin: 120px 0;
}
.bg-green header,
.bg-green .content {
  position: relative;
  z-index: 1;
}
.bg-green:after {
  content: '';
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -30px, 0) skewY(-10deg) scaleY(1.25);
  background-color: #007dbc;
  z-index: 0;
  border-top: 5px solid #fe5800;
}
.bg-green h2 {
  color: #ffffff;
}
.btn-pwiic {
  background-color: #007dbc;
  border: 2px solid transparent;
  color: white;
  outline-width: 2px;
  outline-color: #e7f3f9;
}
.btn-pwiic:hover {
  border-radius: 4px !important;
  color: white;
  background-color: #00689d;
}
.btn-pwiic:active {
  border-radius: 4px !important;
  color: white;
  background-color: #00537d;
}
.btn-pwiic:focus {
  border-radius: 4px !important;
  border: 2px solid #bedeef;
  color: white;
  background-color: #007dbc;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #e7f3f9 !important;
}
.w-100 {
  width: 100%;
}
.contentBlock {
  position: relative;
  height: 350px;
}
.contentBlock .blockTrouver,
.contentBlock .blockProposer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  section#topPage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  section#topPage .logo {
    position: relative;
    z-index: 2;
  }
  section#topPage .logo img {
    width: 300px;
  }
  section#topPage header {
    padding-top: 0px;
    text-align: left;
  }
  section#topPage .blockMsg {
    margin-top: -80px;
  }
  section#topPage:before {
    background-position: left bottom;
  }
  section header h2 {
    position: relative;
  }
  section header h2:before {
    font-size: 120px;
  }
  section .content {
    text-align: center;
  }
  section .content .logoDecathlon {
    padding-bottom: 00px;
  }
  section .content .slogan {
    padding-left: 180px;
    font-weight: 600;
  }
  input[type="checkbox"] {
    display: none !important;
  }
  input[type="checkbox"] + label {
    background: linear-gradient(180deg, #4eb0ed 0%, #0173b9 100%);
    border-radius: 0px;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer;
  }
  .contentBlock {
    height: 150px;
  }
}
.displayXS,
.displaySmall {
  display: none;
}
@media screen and (max-width: 991px) {
  .displayXS {
    display: inline-block;
  }
  .displaySmall {
    display: block;
  }
  .hiddenXS {
    display: none;
  }
}
.popover {
  width: 300px;
}
.popover-content {
  line-height: 1.613;
  font-size: 12px;
}
h4 i#bubbleInfos {
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: -25px;
  left: auto;
  background-color: #007dbc;
  color: #ffffff;
  display: inline-block;
  line-height: 1;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
}
h4 i#bubbleInfos:hover {
  background-color: #ffffff;
  color: #007dbc;
}
.main {
  position: relative;
  overflow: hidden;
}
.main .blockTrouver,
.main .blockProposer {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.py-3 {
  padding-top: 1em;
  padding-bottom: 1em;
}
.py-4 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .py-4 {
    text-align: center;
  }
}
.btn-decathlon br {
  display: none;
}
.rounded-circle {
  border-radius: 50px;
}
.list-works {
  text-align: center;
}
.list-works li {
  margin-left: 6px;
  margin-right: 6px;
  cursor: default;
  float: none !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
  background-color: #FE5800;
  border: none;
  color: #ffffff;
  outline-width: 2px;
  outline-color: #E7F3F9;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media screen and (max-width: 960px) {
  .list-works li {
    font-size: 12px;
  }
}
.list-works li:hover {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #FEAB7B;
}
.list-works li:active {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #FED5BD;
}
.list-works li:focus {
  color: #ffffff;
  border-radius: 4px !important;
  background-color: #FE5800;
  outline-width: 2px !important;
  outline-offset: 2px !important;
  outline-style: auto !important;
  outline-color: #E7F3F9 !important;
}
.displayXS,
.displaySmall {
  display: none;
}
@media screen and (max-width: 991px) {
  .displayXS {
    display: inline-block;
  }
  .displaySmall {
    display: block;
  }
  .hiddenXS {
    display: none;
  }
}
.msg {
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
  padding: 20px !important;
  text-align: left;
  position: relative;
  overflow: visible;
}
.msg:before {
  content: "";
  display: block;
  width: 115px;
  height: calc(125px / 3);
  position: absolute;
  bottom: 1px;
  transform: translate3d(20%, 100%, 0);
}
.msg .title {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: bold;
}
.msg p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42;
  padding-top: 12px !important;
  margin-bottom: 0;
}
.msg-red {
  margin-top: 30px;
  margin-bottom: 60px;
  color: #ffffff;
  background-color: #fe5800;
}
@media screen and (min-width: 1200px) {
  .msg-red {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.msg-red:before {
  background-color: #fe5800;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%);
}
.msg-yellow {
  margin-top: 30px;
  margin-bottom: 60px;
  color: #ffffff;
  background-color: #fe5800;
  float: right !important;
}
@media screen and (min-width: 1200px) {
  .msg-yellow {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.msg-yellow:before {
  right: 0;
  background-color: #fe5800;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%);
  transform: translate3d(-20%, 100%, 0) scaleX(-1);
}
.d-lg-block {
  display: none;
}
@media screen and (min-width: 1200px) {
  .d-lg-block {
    display: block;
  }
}
.d-lg-none {
  display: block;
}
@media screen and (min-width: 1200px) {
  .d-lg-none {
    display: none;
  }
}
.tagsExample {
  margin-top: 30px;
}
.popover {
  width: 300px;
}
.popover-content {
  line-height: 1.613;
  font-size: 12px;
}
.best {
  padding: 30px 0;
}
@media screen and (min-width: 1200px) {
  .best {
    padding: 70px 0;
  }
}
.best .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.best header {
  padding-bottom: 27px;
}
.best header .describe {
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (min-width: 1200px) {
  .best header .describe {
    font-size: 18px;
  }
}
.best header .describe span {
  font-size: inherit !important;
}
.best .controls {
  position: absolute;
  top: 0;
  right: 50px;
  z-index: 5;
}
@media screen and (max-width: 767.98px) {
  .best .controls {
    right: 50%;
    transform: translate3d(50%, 0, 0);
  }
}
.best .controls button {
  background-color: white;
  border: 2px solid #3e3f40;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  color: #3e3f40;
  transition: all 0.2s 0s ease-in-out;
}
.best .controls button:hover {
  border: 2px solid #ff0051;
  color: #ff0051;
}
.best .contentBest {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .best .contentBest:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #ffffff;
    background: linear-gradient(90deg, #ffffff 80%, rgba(255, 255, 255, 0) 100%);
    width: 28vw;
    height: 100%;
  }
  .best .contentBest:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: #ffffff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 20%);
    width: 28vw;
    height: 100%;
  }
}
.best .contentBest .owl-stage-outer {
  width: 100%;
}
.best .contentBest .owl-item.center .bestItem {
  transform: scale(1);
  transition: all 0.2s 0s ease-in-out;
}
.best .contentBest .owl-item.center .bestItem .btn-primary,
.best .contentBest .owl-item.center .bestItem .moreBtn {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s 0s ease-in-out;
}
.best .contentBest .owl-item.center .bestItem.hidded {
  display: none;
  width: 320px;
}
@media screen and (min-width: 1200px) {
  .best .contentBest .owl-item.center .bestItem > div {
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.16);
    opacity: 1;
    transition: all 0.2s 0s ease-in-out;
  }
}
.best .contentBest .bestItem {
  background-color: #ffffff;
  transform: scale(0.8);
  transition: all 0.2s 0s ease-in-out;
  position: relative;
  margin-top: 24px;
}
.best .contentBest .bestItem .btn-primary {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s 0s ease-in-out;
}
.best .contentBest .bestItem.hidded {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background-color: red;
}
@media screen and (min-width: 1200px) {
  .best .contentBest .bestItem {
    margin-bottom: 50px;
  }
}
.best .contentBest .bestItem div {
  position: initial;
  padding: 0;
}
.best .contentBest .bestItem > div {
  padding: 15px;
}
@media screen and (min-width: 1200px) {
  .best .contentBest .bestItem > div {
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.16);
    opacity: 0.5;
    transition: all 0.2s 0s ease-in-out;
    overflow: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .best .contentBest .bestItem .itemUser {
    padding-right: 15px;
  }
}
@media screen and (max-width: 1199.98px) {
  .best .contentBest .bestItem .itemUser {
    margin-bottom: 30px;
  }
}
.best .contentBest .bestItem .itemUser img {
  border-radius: 8px;
  float: left;
  margin-bottom: 15px;
}
@media screen and (max-width: 1199.98px) {
  .best .contentBest .bestItem .itemUser img {
    float: none;
    margin: 0 auto 15px;
  }
}
.best .contentBest .bestItem .itemUser h3 {
  text-align: center;
  font-size: 14px;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.best .contentBest .bestItem .itemUser h3 a {
  color: #707070;
}
.best .contentBest .bestItem .itemMsg .blockLieu {
  text-align: left;
  margin-bottom: 2px;
}
.best .contentBest .bestItem .itemMsg .blockLieu span {
  display: inline;
}
.best .contentBest .bestItem .itemMsg .blockLieu span:not(:only-child):last-child {
  font-weight: 600;
  padding-left: 10px;
  color: #ff0051;
}
.best .contentBest .bestItem .itemMsg .blockLieu span:not(:only-child):first-child {
  padding-right: 10px;
}
.best .contentBest .bestItem .itemMsg span {
  display: block;
  text-align: left;
  margin-bottom: 15px;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
}
.best .contentBest .bestItem .itemMsg span.lieu {
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  .best .contentBest .bestItem .itemMsg span.lieu {
    font-size: 16px;
  }
}
.best .contentBest .bestItem .itemMsg span.date {
  font-size: 12px;
}
@media screen and (min-width: 1200px) {
  .best .contentBest .bestItem .itemMsg span.date {
    font-size: 12px;
  }
}
.best .contentBest .bestItem .itemMsg p {
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
  text-align: left;
  line-height: 1.613;
  font-size: 14px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .best .contentBest .bestItem .itemMsg p {
    font-size: 14px;
  }
}
.best .contentBest .bestItem .itemMsg a {
  border-radius: 5px;
  border: none !important;
  color: white;
  font-size: 14px;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  height: 68px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.best .contentBest .bestItem .itemMsg a span {
  display: initial;
  margin-bottom: 0;
}
@media screen and (max-width: 1199.98px) {
  .best .contentBest .bestItem .itemMsg a {
    width: 68px;
    height: 68px;
    font-size: 20px;
  }
  .best .contentBest .bestItem .itemMsg a span {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .best .contentBest .bestItem .itemMsg a i {
    padding-left: 8px;
  }
}
.best .contentBest .bestItem .itemMsg a .btn-primary {
  background-color: #337abd;
}
.best .contentBest .bestItem .itemMsg .msgFooter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .best .contentBest .bestItem .itemMsg .msgFooter {
    position: absolute;
    bottom: 0;
    right: 30px;
    transform: translate3d(0, 50%, 0);
    z-index: 1;
  }
}
.best .contentBest .bestItem .itemMsg .moreBtn {
  opacity: 0;
  margin-right: 15px;
  transform-origin: right center;
  border: 0px;
  background-color: grey;
  width: 68px;
  height: 68px;
  border-radius: 5px;
  outline: 0;
}
.best .contentBest .bestItem .itemMsg .moreBtn:hover {
  border: 0px solid transparent;
  background-color: #ff0051;
  outline: 0;
}
.best .contentBest .bestItem .itemMsg .moreBtn:hover i {
  color: white;
  font-size: 20px;
}
.best .contentBest .bestItem .itemMsg .moreBtn i {
  color: white;
  font-size: 20px;
}
.d-none {
  display: none !important;
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
}
.modal .modal-dialog.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100%;
  margin: 0 auto;
}
.modal .modal-dialog .modal-content {
  border: 0;
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .modal .modal-dialog .modal-content {
    width: 100%;
  }
}
.modal .modal-dialog .modal-header {
  border: 0;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .modal .modal-dialog .modal-header {
    padding-top: 30px;
  }
}
.modal .modal-dialog .modal-header h5 {
  color: #ff0051;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
}
@media screen and (min-width: 1200px) {
  .modal .modal-dialog .modal-header h5 {
    font-size: 30px;
    text-align: center;
  }
}
.modal .modal-dialog .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 45px;
}
.modal .modal-dialog .modal-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
}
.modal .modal-dialog .modal-body > div {
  position: initial;
  margin-bottom: 15px;
}
@media screen and (min-width: 1200px) {
  .modal .modal-dialog .modal-body > div {
    margin-bottom: 30px;
  }
}
.modal .modal-dialog .modal-body h6,
.modal .modal-dialog .modal-body .pwiic-it-h1 {
  font-weight: 700;
  font-size: 14px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
  padding-bottom: 5px;
  color: #707070;
}
@media screen and (min-width: 1200px) {
  .modal .modal-dialog .modal-body h6,
  .modal .modal-dialog .modal-body .pwiic-it-h1 {
    font-size: 20px;
    padding-bottom: 15px;
  }
}
.modal .modal-dialog .modal-body textarea {
  resize: none;
  height: 20vh;
}
.modal .modal-dialog .modal-body button.sending {
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
  font-size: 14px;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 50px;
}
@media screen and (min-width: 1200px) {
  .modal .modal-dialog .modal-body button.sending {
    font-size: 20px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
}
.modal .modal-dialog .modal-footer {
  display: none;
  padding: 0;
  border: 0;
}
.modal .modal-dialog .modal-footer button {
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  .modal .modal-dialog .modal-footer button {
    font-size: 20px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
}
.modal .modal-body .buttons .round {
  text-align: center;
  border-radius: 4px;
  background-color: transparent;
  color: #ff0051;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 10px;
  margin: 10px 0 10px 0;
  background-color: #ffffff;
}
.modal .modal-body .buttons .round.active {
  background-color: #ff0051;
  color: #ffffff;
}
.px-5 {
  padding-left: 2em;
  padding-right: 2em;
}
i#bubbleInfos,
i#bubbleInfos_two {
  cursor: pointer;
  position: absolute;
  top: -10px;
  left: 5px;
  z-index: 5;
  background-color: #ff0051;
  color: #ffffff;
  display: inline-block;
  line-height: 1;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 22px;
}
.blockMsg .wysiwyg-editor {
  border: 1px solid #DCDCDC;
  min-height: 193px;
  padding-left: 18px;
  padding-top: 18px;
  padding-right: 18px;
  margin-top: 23px;
  border-radius: 8px;
}
.blockMsg .wysiwyg-editor:focus,
.blockMsg .wysiwyg-editor:active {
  border: 1px solid #ff0051;
  outline: none;
  box-shadow: none;
}
.backgroundMsg {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  left: 0;
  z-index: 9998;
  transition: all 0.2s 0s linear;
}
.fancybox-content {
  background-color: #ffffff;
  padding: 0;
  display: block;
  position: relative;
  overflow: visible;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .fancybox-content {
    width: 50%;
  }
}
.fancybox-content div {
  position: initial;
  padding: 0;
}
.fancybox-content > div {
  padding: 15px;
}
@media screen and (min-width: 1200px) {
  .fancybox-content .itemUser {
    padding-right: 15px;
  }
}
@media screen and (max-width: 1199.98px) {
  .fancybox-content .itemUser {
    margin-bottom: 30px;
  }
}
.fancybox-content .itemUser img {
  border-radius: 8px;
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
@media screen and (max-width: 1199.98px) {
  .fancybox-content .itemUser img {
    float: none;
    margin: 0 auto 15px;
  }
}
.fancybox-content .itemUser h3 {
  text-align: center;
  font-size: 14px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
}
.fancybox-content .itemUser h3 a {
  color: #707070;
}
.fancybox-content .itemMsg .blockLieu {
  text-align: left;
  margin-bottom: 2px;
}
.fancybox-content .itemMsg .blockLieu span {
  display: inline;
}
.fancybox-content .itemMsg .blockLieu span:not(:only-child):last-child {
  font-weight: 600;
  padding-left: 10px;
  color: #ff0051;
}
.fancybox-content .itemMsg .blockLieu span:not(:only-child):first-child {
  padding-right: 10px;
}
.fancybox-content .itemMsg span {
  display: block;
  text-align: left;
  margin-bottom: 15px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
}
.fancybox-content .itemMsg span.lieu {
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  .fancybox-content .itemMsg span.lieu {
    font-size: 16px;
  }
}
.fancybox-content .itemMsg span.date {
  font-size: 12px;
}
@media screen and (min-width: 1200px) {
  .fancybox-content .itemMsg span.date {
    font-size: 12px;
  }
}
.fancybox-content .itemMsg p {
  font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
  text-align: left;
  line-height: 1.613;
  font-size: 14px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .fancybox-content .itemMsg p {
    font-size: 14px;
  }
}
.fancybox-content .itemMsg a {
  border-radius: 5px;
  border: none !important;
  color: white;
  font-size: 14px;
  font-family: 'Montserrat', 'Arial', 'Helvetica', sans-serif;
  font-weight: 400;
  bottom: 0;
  right: 30px;
  padding: 24px 28px;
}
@media screen and (max-width: 1199.98px) {
  .fancybox-content .itemMsg a {
    margin-top: 24px;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .fancybox-content .itemMsg a {
    position: absolute;
    transform: translate3d(0, 50%, 0);
  }
}
.fancybox-content .itemMsg a i {
  padding-left: 8px;
}
.fancybox-content .itemMsg a .btn-primary {
  background-color: #337abd;
}
.moreInfos {
  color: #001018;
}
.moreInfos ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
.moreInfos ul li {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding: 24px;
}
.moreInfos ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: calc(100% - 16px);
  height: 100%;
  border: 1px solid #d9dde1;
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
  z-index: 0;
}
.moreInfos ul li:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .moreInfos ul li {
    margin-bottom: 0;
  }
}
.moreInfos ul h3 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  padding-left: 8px;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .moreInfos ul h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .moreInfos ul h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (min-width: 1200px) {
  .moreInfos ul h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}
.top {
  position: relative;
  top: 0;
  z-index: 5;
  width: 100%;
  max-width: inherit;
  background-color: white;
}
#the-video {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1529px) {
  #the-video {
    width: 720px;
    height: 405px;
  }
}
.separator {
  max-width: 1200px;
  min-width: 300px;
  height: 10px;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0px -4px 6px -4px #787878;
  margin: 0 auto;
}
button,
a {
  outline: none !important;
}
button:hover,
a:hover,
button:focus,
a:focus,
button:active,
a:active {
  outline: none !important;
}
footer .footerContainer .titleContent h2.logo {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  footer .footerContainer h2:not(.logo) {
    margin-bottom: 41px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1199.98px) {
  footer .footerContainer h2:not(.logo) {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
  }
}
.popup-wrapper {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(39, 40, 40, 0.7);
  text-align: center;
  z-index: 900;
  cursor: pointer;
}
.popup-wrapper .popup {
  display: block;
  position: fixed;
  top: 40px;
  left: 50%;
  background-color: #ffffff;
  border-radius: 10px 10px 10px 10px;
  color: #707070;
  font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  transform: translate3d(-50%, 0, 0);
  width: 300px;
  padding: 15px;
  cursor: default;
  z-index: 901;
}
.popup-wrapper .popup .popup-header .popup-close {
  display: block;
  font-weight: 600;
  font-size: 18px;
  text-align: right;
  color: rgba(39, 40, 40, 0.5);
}
.popup-wrapper .popup .popup-header .popup-close .popup-btn-close:hover,
.popup-wrapper .popup .popup-header .popup-close .popup-btn-close:focus,
.popup-wrapper .popup .popup-header .popup-close .popup-btn-close:active {
  color: #ff0051;
  cursor: pointer;
}
.popup-wrapper .popup .popup-header .popup-title {
  font-weight: 600;
  text-align: left;
  padding-bottom: 17px;
  color: #3E3F40;
  font-size: 17px !important;
}
ul.popup-languages {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.popup-languages li.popup-language {
  margin: 0;
  padding: 5px 0 5px 0;
}
.popup-languages .popup-language {
  color: #ff0051;
  font-weight: 700;
  margin-bottom: 5px;
  cursor: default;
}
.popup-languages .popup-language img {
  vertical-align: middle;
}
.popup-languages .popup-language button {
  background: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}
.popup-languages .popup-language button,
.popup-languages .popup-language a {
  color: #707070;
  font-weight: 400;
}
.popup-languages .popup-language button:hover,
.popup-languages .popup-language a:hover,
.popup-languages .popup-language button:focus,
.popup-languages .popup-language a:focus,
.popup-languages .popup-language button:active,
.popup-languages .popup-language a:active {
  color: #ff0051;
  text-decoration: none;
  cursor: pointer;
}