/*
 BDC JUM v1
 */
@import url("https://use.typekit.net/rmq7dzn.css");
.row {
  align-items: center; }

.text-left p {
  margin-bottom: 0px; }

.picto {
  max-height: 80px;
  max-width: 80px !important; }

.text-left {
  display: flex;
  grid-gap: 25px;
  align-items: center; }

/*-------------------------- Reset --------------------------*/
/*-----------------------------------------------------------*/
:root {
  --jaune: #FFB948;
  --orange: #FF9129;
  --rouge: #FF0E19;
  --saumon: #EF5350;
  --gris: #F3F3F3; }

html, body {
  font-family: Roboto, sans-serif !important;
  font-size: 16px;
  color: white;
  line-height: 1.5;
  letter-spacing: 0.025em;
  background-color: #000000; }

ul {
  list-style: none; }

li::before {
  content: '\25AA';
  color: orange;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

h1 {
  font-size: 3rem;
  margin: 0;
  font-family: din-condensed, sans-serif !important;
  font-weight: 700;
  color: white; }

h1 span {
  display: block;
  font-size: 2rem;
  font-weight: 400;
  color: white; }

h2 {
  font-size: 2rem;
  margin: 0;
  font-family: din-condensed, sans-serif !important;
  font-weight: 700;
  color: white; }

h3 {
  font-size: 1.8rem;
  margin: 0;
  font-family: din-condensed, sans-serif !important;
  font-weight: 700;
  color: white; }

h4 {
  font-size: 1.5rem;
  margin: 0;
  color: white;
  font-family: din-condensed, sans-serif !important; }

.f-medium {
  font-size: 1.5rem; }

.f-din {
  font-family: din-condensed, sans-serif !important;
  font-size: 25px; }

.f-psa {
  font-family: din-condensed, sans-serif !important; }

.f-light {
  font-weight: 300; }

.f-dark-grey {
  color: #4d4d4d; }

.f-grey {
  color: #b3b3b3; }

.f-dark-red {
  color: #7d0014; }

.f-green {
  color: #2dba4e; }

.f-blue {
  color: #386bc2; }

.f-red {
  color: #c71c1c; }

.f-orange {
  color: #FF9900; }

.f-jaune {
  color: #ffbf3f; }

.marge {
  margin-top: 80px;
  margin-bottom: 80px; }

.arrow {
  margin: 0 auto;
  position: absolute; }

.inner {
  display: block;
  margin: 0 auto;
  width: 1140px;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

.bg-grey {
  background: #e7e7e7; }

a, .f-link, .button-jaune, .vanguard-oops-button {
  transition: all ease-in 0.2s;
  -webkit-transition: all ease-in 0.2s;
  -ms-transition: all ease-in 0.2s;
  -o-transition: all ease-in 0.2s; }

a {
  color: #ffbf3f;
  opacity: 1;
  text-decoration: none; }

.f-link {
  color: #ffbf3f;
  opacity: 1;
  text-decoration: underline;
  cursor: pointer; }

.f-link, a:hover {
  color: #ffbf3f;
  opacity: 0.8;
  text-decoration: underline; }

.button-jaune {
  background-color: var(--jaune) !important;
  padding: 12px 40px;
  color: black;
  display: inline-block;
  text-align: center;
  border: none;
  cursor: pointer;
  border-radius: 5px; }

.button-jaune:active {
  background-color: var(--jaune) !important;
  padding: 12px 40px;
  color: black;
  display: inline-block;
  text-align: center;
  border: none;
  cursor: pointer;
  border-radius: 5px; }

.vanguard-oops-button {
  background-color: #c71e42 !important;
  border-color: #c71e42 !important;
  display: inline-block;
  padding: 0 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer; }

.vanguard-oops-button:hover {
  background-color: #b81a3b !important; }

#oups {
  display: none;
  background: #f7f7f7; }

.one-click-ctx #oups {
  display: block; }

.one-click-ctx .vanguard-sepa-signature-container {
  display: none; }

.btop-solid {
  border-top: 1px solid #d7d7d7; }

.btop-dotted {
  border-top: 1px dotted #d7d7d7; }

.bbottom-solid {
  border-bottom: 1px solid #d7d7d7; }

.bbottom-dotted {
  border-bottom: 1px dotted #d7d7d7; }

/*-------------------- Leadgen - expiration -----------------*/
/*-----------------------------------------------------------*/
.leadgen-form {
  display: block;
  width: 440px;
  max-width: 100%;
  margin: 0 auto; }

.leadgen-form input {
  display: block;
  width: 100%;
  margin: 0 auto 15px auto;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #b3b3b3;
  text-align: center; }

.leadgen-form .btn-aro {
  display: block;
  width: 100%;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase; }

/*-------------------------- Header -------------------------*/
/*-----------------------------------------------------------*/
.header {
  padding-top: 15px;
  padding-bottom: 15px; }

.header .logo {
  display: inline-block;
  max-width: 100%;
  width: 250px; }

.header .secure {
  text-transform: uppercase; }

.header .secure span {
  padding-left: 5px; }

.header .secure i {
  color: #ffbf3f; }

.header .hook .images {
  display: block;
  width: 140px;
  padding-right: 14px; }

.header .hook .images img {
  width: 60px; }

.header .hook .text {
  width: calc(100% - 140px);
  font-size: 15px; }

/*-------------------------- Offer --------------------------*/
/*-----------------------------------------------------------*/
.intro img {
  display: block;
  width: 360px;
  max-width: 100%;
  margin: 0 auto 60px auto; }

/*------------------------ Garantie ----------------------*/
/*--------------------------------------------------------*/
.garantie {
  border: 10px solid #ffbf3f; }

.garantie .image {
  width: 140px;
  max-width: 100%;
  margin: 0 auto; }

/*---------------------- formulaire ----------------------*/
/*--------------------------------------------------------*/
.payment-info {
  background-color: white;
  color: #000000; }

.form-fields .vanguard-contact-form-label {
  display: block;
  position: absolute;
  margin: 0;
  top: -16px;
  left: 20px;
  font-size: 12px !important;
  background: #fff;
  padding: 0 5px;
  color: #7d7d7d !important; }

.module-block-recapitulative {
  font-size: 13px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 15px !important; }

.module-block-recapitulative h4 {
  margin-bottom: 20px;
  color: #ffbf3f; }

.form-fields .vanguard-shipping-form .vanguard-contact-form-label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px; }

.form-fields .col-sm-12 {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0; }

.form-fields .col-sm-12:before, .form-fields .col-sm-12:after {
  display: table;
  content: '';
  clear: both; }

.form-fields .form-group {
  position: relative;
  display: block;
  width: 50%;
  float: left;
  padding: 0 15px;
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 36px; }

.form-fields .form-group.form-check {
  margin-bottom: 10px; }

.vanguard-shipping-fees {
  padding-top: 10px;
  font-size: 0.8rem; }

.form-fields .form-group.form-check {
  width: 100%; }

#billingCountry.form-control, #shippingCountry.form-control {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px; }

.vanguard-optins-container:before, .vanguard-optins-container:after {
  display: table;
  content: '';
  clear: both; }

.form-check-input {
  margin-top: 8px; }

.vanguard-contact-information .vanguard-billing-form {
  margin-bottom: 10px !important; }

.vanguard-shipping-fees {
  color: #4d4d4d !important;
  font-size: 0.85rem !important;
  margin-top: 0 !important;
  padding: 5px 0 0 15px !important; }

/*------------------------ Footer ------------------------*/
/*--------------------------------------------------------*/
footer {
  text-align: center;
  background: #000000;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 400; }

footer p {
  margin-bottom: 0;
  font-size: 15px; }

footer a {
  color: #fff;
  font-weight: 700;
  text-decoration: none !important;
  opacity: 1; }

footer a:hover {
  color: #fff;
  opacity: 0.7; }

/*------------------------ Responsive ----------------------*/
/*----------------------------------------------------------*/
@media screen and (max-width: 960px) {
  .form-fields .form-group {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .header .logo {
    width: 120px; }
  .header .secure {
    font-size: 14px; }
  h1 {
    font-size: 2.4rem;
    margin: 0;
    font-weight: 700;
    color: white; }
  h1 span {
    display: block;
    font-size: 1.8rem;
    font-weight: 400;
    color: white; }
  h2 {
    font-size: 1.8rem;
    margin: 0;
    font-weight: 700;
    color: white; }
  h3 {
    font-size: 1.6rem;
    margin: 0;
    font-weight: 700;
    color: white; }
  h4 {
    font-size: 1.3rem;
    margin: 0;
    color: white; }
  .form-fields .col-sm-12 {
    margin: 0; }
  .form-fields .form-group {
    width: 100%;
    padding-right: 0;
    padding-left: 0; }
  .form-fields .form-group.form-check {
    padding-left: 20px; } }

@media screen and (max-width: 640px) {
  h1 br {
    display: none; } }