/*  ------  reset   ------  */

#main:not(.main-homepage) {padding-top: 0px; }
.breadcrumb {display: none !important; }
#wrapper { max-width: 100%; }
footer {  margin-top: 0; }
.footer-wrapper { position: relative; }
.primary-content { padding-bottom: 0px; }

#wrapper.pt_category-wide .site-width-slot, 
#wrapper.pt_category-wide .breadcrumb-container,
#wrapper.pt_category-wide .page-content {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important; 
}

.i-search .cba-search-box { display: none; }



.BF__page {
  position: relative;
  --FONT-SIZE: 14px;
  --ratioWidth: 1px;
  --limitWidth: 1171;
  color:#fff;
}

@media(max-width:1171px) {

  .BF__page {
    --ratioWidth: calc(100vw / var(--limitWidth));
  }
}

@media(max-width:768px) {

  .BF__page {
    --ratioWidth: 1px;
  }
}


/*  ------  variables   ------  */

.BF__page { 
  --CLARINS-FONT: ClarinsRegular, Clarins;
  --GOTHAM-LIGHT: "Gotham_Light";
  --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",Helvetica, Arial, sans-serif;
  --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",Helvetica, Arial, sans-serif;
  --COLOR-DEFAULT:#333333;
  --COLOR-RED-A:#b40024;
  --COLOR-RED-B:#8c0b26;
  --RADIUS:5px; 
  --mainOffset: 60px;
}


@media (min-width: 768px) { 
  .BF__page {   
   --mainOffset: 147px;
 }
}


.BF__main {
  position: relative;
  display: block;
  font-family: var(--GOTHAM-BOOK);
  line-height: 1.4em;
  font-size: var(--FONT-SIZE);
  text-align: center;
}


.BF__page {font-family: var(--GOTHAM-BOOK);font-weight: normal;position: relative;width: 100%;overflow: hidden; }

.BF__page * {box-sizing: border-box; }

.BF__page h1,
.BF__page h2,
.BF__page h3,
.BF__page h4 {margin: 0;padding: 0;font-weight: normal; }

.BF__page p {margin: 0;padding: 0; }

.BF__page picture {display: block; }

.BF__page img {width: 100%;display: block; }

.BF__page a {text-decoration: none; }

.BF__page .BF__title { text-align:center; font-size: 30px;line-height: 1em;position: relative;  letter-spacing: 0.035em;}
.BF__page .BF__text { text-align:center; font-size: 14px;line-height: 1.45em; position: relative; }
.BF__page .BF__text .BF__nowrap { white-space: nowrap; }
.BF__page .BF__text-color {  color: var(--COLOR-RED-A); }

.BF__page .BF__price {font-size: 16px;line-height: 20px; }

.BF__page .BF__cta {  }
.BF__page .BF__cta-btn {cursor: pointer;display: inline-flex;min-width: 132px;height: auto;padding: 17px;font-size: 14px;line-height: 1em;text-align: center;text-decoration: none;letter-spacing: 0;color: #fff;background-color: #b40024;border: 2px solid #b40024;border-radius: 5px;font-family: var(--GOTHAM-MEDIUM, Helvetica, Arial);font-weight: 500; position: relative; top:0; left:0; align-items: center;justify-content: center;}
.BF__page .BF__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: #8c0b26;  border-color: #8c0b26; }

.BF__page .BF__cta-white {color: var(--COLOR-DEFAULT); background: #fff;  border: 1px solid #B0A9A5; transition:all 0.3s; }
.BF__page .BF__cta-white:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }

.BF__page .BF__link { text-decoration: underline; }
.BF__page .BF__cta-link { text-decoration: underline; font-size: 14px; line-height: 1.42em; letter-spacing: 0.02em;  text-transform: uppercase; }

.BF__page .BF__quickshop { display: none; }
.BF__page .BF__addtobag  { display: none; }

.BF__page .BF__bkgd { position:fixed; top:0; left:0; width:100%; height:100vh; background: linear-gradient(229.78deg, #080A29 5.91%, #01010F 32.47%, #020210 63.03%, #080A27 98.92%);}

/*
.BF__page { background: url(../../Strate-m.jpg) center top no-repeat; background-size:376px auto; }
*/

.BF__page .BF__nowrap { white-space: nowrap; }

.BF__page .BF__decor { position: absolute; pointer-events:none; }
.BF__page .BF__decor img { width: 100%; display: block; }

.BF__page .BF__group { position: relative; }

.BF__page .BF__underline { text-decoration: underline;}


@media (min-width:768px) {

  .BF__page .BF__title {  font-size: 60px; line-height: 1em; padding-bottom: 24px; }
  .BF__page .BF__text {  font-size: 18px; line-height: 1.35em; }


.BF__page   .BF__bloc-content { flex-direction:row; }
 .BF__page  .BF__bloc-content-media { width: 385px; }
 .BF__page  .BF__bloc-content-body { width: calc(100% - 385px);  }

.BF__page .BF__underline:hover { text-decoration: none;}


}


/* --   Decor  -- */



/* --   header  -- */

/*
.BF__main { background: url(../../Strate.jpg) center top no-repeat; background-size:2200px auto; }
*/

.BF__page .BF__bloc-header { text-align: center;  }

.BF__page .BF__header { position: relative; top:0; left:0; width: 100%; }
.BF__page .BF__header-bkgd { position: absolute; top:0; left:0; background: url(./images/hero-m.jpg) center top no-repeat; background-size:cover; width: 100%; height: 100%; display:block; }

.BF__page .BF__header-body { position: relative; top:0; left:0; padding-top: 62px; padding-bottom: 62px; }

.BF__page .BF__header-title-wrapper {  position: relative; top:0; left:0; width: 100%; max-width: 300px; margin: 0 auto; }

.BF__page .BF__header-title { font-family: var(--GOTHAM-MEDIUM); font-size: 60px; line-height:1em; letter-spacing:0; text-transform: uppercase; 
  background: url(./images/title.jpg) center top repeat;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent }


.BF__page .BF__header-title-light {  position: absolute; top:0; left:0; width: 100px; height:109px; background: url(./images/flair.png) center top no-repeat; background-size:100% auto; mix-blend-mode: plus-lighter; }
.BF__page .BF__header-title-light[data-item="1"] { left: calc(50% - 152px); top: -44px; }
.BF__page .BF__header-title-light[data-item="2"] { left: calc(50% - 80px); top: 21px; }
.BF__page .BF__header-title-light[data-item="3"] { left: calc(50% + 64px); top: 20px; }

.BF__page .BF__header-text {  font-size:16px; line-height:1.45em; max-width: 970px;margin: 0 auto;padding-top: 24px;letter-spacing: 0.025em; width: 92%; margin: 0 auto; }


.BF__page.BF__page-post  .BF__header-body { padding-top: 57px; padding-bottom: 57px; }

.BF__page.BF__page-post .BF__header-title-wrapper { max-width: 320px; }
.BF__page.BF__page-post .BF__header-title { font-size: 50px; line-height:1em; text-transform: inherit; }

.BF__page.BF__page-post .BF__header-title-light[data-item="1"] { left: calc(50% - 180px); top: -48px; }
.BF__page.BF__page-post .BF__header-title-light[data-item="2"] { left: calc(50% - 70px); top: 21px; }
.BF__page.BF__page-post .BF__header-title-light[data-item="3"] { left: calc(50% + 99px); top: 73px; }



@media (min-width:768px) {

  .BF__page .BF__header { height: 550px; }
 
  .BF__page .BF__header-bkgd { position: absolute; top:0; left:0; background: url(./images/hero.jpg) center top no-repeat; background-size:cover; width: 100%; height: 100%; display:block; }

  .BF__page .BF__header-title-wrapper {  max-width: unset; }
  .BF__page .BF__header-body { padding-top: 80px; padding-bottom: 0; }

  .BF__page .BF__header-title { font-size: 100px; line-height:1em; letter-spacing:0.015em; }
  .BF__page .BF__header-text {  font-size:24px; line-height:1.2em; padding-top: 21px;letter-spacing: 0.025em; }

.BF__page .BF__header-title-light[data-item="1"] { left: calc(50% - 440px); top: -42px; }
.BF__page .BF__header-title-light[data-item="2"] { left: calc(50% - 108px); top: -4px; }
.BF__page .BF__header-title-light[data-item="3"] { left: calc(50% + 264px); top: -19px; }

.BF__page.BF__page-post .BF__header { height: 600px; }
.BF__page.BF__page-post .BF__header-title-wrapper {  max-width: 820px; }
.BF__page.BF__page-post  .BF__header-body { padding-top: 60px; }
.BF__page.BF__page-post .BF__header-title { font-size: 80px; line-height:1em; text-transform: inherit; }

.BF__page.BF__page-post .BF__header-title-light[data-item="1"] { left: calc(50% - 337px); top: -42px; }
.BF__page.BF__page-post .BF__header-title-light[data-item="2"] { left: calc(50% + 210px); top: -27px; }
.BF__page.BF__page-post .BF__header-title-light[data-item="3"] { left: calc(50% - 74px); top: 70px; }


}



/* --   Club  -- */

.BF__page     .BF__bloc-club { padding-top:26px; padding-bottom: 85px; }

.BF__page .BF__club { max-width: 1044px; width: 100%; margin: 0 auto; }

.BF__page    .BF__club-title { max-width:275px; width:100%; margin:0 auto; padding-bottom: 30px;  }

.BF__page   .BF__club-content { display: flex; flex-direction:column; align-items:center; }

.BF__page   .BF__club-content-media { width: 250px; }
.BF__page   .BF__club-content-img { width: 100%; }

.BF__page   .BF__club-content-body { width:100%; text-align:  center; padding-top: 28px;  padding-left: 0; }

.BF__page    .BF__club-content-title { font-size: 20px; line-height: 1.35em; padding-bottom: 8px;  max-width:200px; width:100%; margin:0 auto; }
.BF__page    .BF__club-content-text {  font-size: 14px; line-height: 1.35em; padding-bottom: 22px; max-width: 565px; width:90%; margin:0 auto;}

.BF__page .BF__bloc-club .BF__decor[data-item="1"] { width: 59px; top:185px; left:calc(50% - 790px); }
.BF__page .BF__bloc-club .BF__decor[data-item="1"] img { transform: rotate(-11deg); }
.BF__page .BF__bloc-club .BF__decor[data-item="2"] { width: 96px; top:166px; left:-30px; }
.BF__page .BF__bloc-club .BF__decor[data-item="3"] { width: 27px; top:80px; right:41px; }
.BF__page .BF__bloc-club .BF__decor[data-item="4"] { width: 44px; top:78px; right:-16px;  }
.BF__page .BF__bloc-club .BF__decor[data-item="5"] { width: 10px; top:117px; right:61px;  }
.BF__page .BF__bloc-club .BF__decor[data-item="6"] { width: 19px; top:126px; right:20px;  }
.BF__page .BF__bloc-club .BF__decor[data-item="6"] img { transform: rotate(-70deg); }


@media (min-width:768px) {

 .BF__page     .BF__bloc-club { padding-top:91px; padding-bottom: 125px; }

 .BF__page    .BF__club-content {  align-items:center; flex-direction:row;  padding-top: 91px;}
 .BF__page   .BF__club-content-media { width: 400px; padding-left: 10px;}
 .BF__page  .BF__club-content-body { width:calc(100% - 384px); text-align:  left; padding-left: 35px;  }


 .BF__page    .BF__club-title { max-width:unset; width:100%; margin:0; padding-bottom: 0px; }

 .BF__page    .BF__club-content-title { font-size: 30px; line-height: 1.2em; max-width:unset; width:100%; margin:0 auto; }
 .BF__page    .BF__club-content-text {  font-size: 18px; line-height: 1.35em; padding-bottom: 32px; max-width: 565px; margin: 0; }


.BF__page .BF__bloc-club .BF__decor[data-item="1"] { width: 59px; top:185px; left:calc(50% - 790px); }
.BF__page .BF__bloc-club .BF__decor[data-item="1"] img { transform: rotate(-11deg); }
.BF__page .BF__bloc-club .BF__decor[data-item="2"] { width: 362px; top:269px; left:calc(50% - 925px); }
.BF__page .BF__bloc-club .BF__decor[data-item="2"] img { transform: rotate(0deg); }
.BF__page .BF__bloc-club .BF__decor[data-item="3"] { width: 75px; top:107px; left:calc(50% + 592px); right:auto;}
.BF__page .BF__bloc-club .BF__decor[data-item="4"] { width: 137px; top:94px; left:calc(50% + 704px);  right:auto;}
.BF__page .BF__bloc-club .BF__decor[data-item="5"] { width: 26px; top:198px; left:calc(50% + 586px);  right:auto;}
.BF__page .BF__bloc-club .BF__decor[data-item="6"] { width: 55px; top:223px; left:calc(50% + 672px);  right:auto;}
.BF__page .BF__bloc-club .BF__decor[data-item="6"] img { transform: rotate(-70deg); }


}



/* --   Categories  --*/

.BF__page .BF__bloc-categories { padding-right: 0; padding-left: 0; position: relative; }

.BF__page .BF__categories { padding-top: 60px;  padding-bottom:50px;display: flex; justify-content:space-around; flex-wrap: wrap; position: relative; width: 92%; max-width: 1264px; margin: 0 auto; }

.BF__page  .BF__categories-title { padding-bottom: 24px; width: 92%; max-width:230px; margin: 0 auto; }

.BF__page  .BF__categories-text { font-size: 16px; line-height: 1.35em; width: 100%; }

.BF__page  .BF__categories-subtext { font-size: 20px; line-height: 1.35em; width: 80%; margin:0 auto; }
.BF__page  .BF__categories-subtext .BF__link{ color:#fff; }

.BF__page .BF__category { width: 44%;  padding-bottom: 24px; }

.BF__page .BF__category:last-child { margin-right: 0; }

.BF__page .BF__category img { width: 100%; display: block; }
.BF__page .BF__category-name-a { text-decoration: none; display: block; }
.BF__page .BF__category-name {  font-size: 16px; line-height: 1em; letter-spacing:0.04em; font-family: var(--FONT-GOTHAM-MEDIUM); text-transform: uppercase; color:#fff; padding-top: 16px; padding-bottom: 4px; }
.BF__page .BF__category-cta {  font-size: 11px; line-height: 1em; font-family: var(--FONT-GOTHAM-MEDIUM); text-transform: uppercase; text-decoration: underline; color:#fff; }
.BF__page  .BF__category-cta:hover { text-decoration: none; }

.BF__page .BF__bloc-categories .BF__decor[data-item="1"] { width: 49px; top:-62px; left:-2px; }
.BF__page .BF__bloc-categories .BF__decor[data-item="2"] { width: 34px; top:-16px; left:32px; }
.BF__page .BF__bloc-categories .BF__decor[data-item="3"] { width: 17px; top:-9px; left:0; }


@media(max-width:1171px) {

  .BF__page {
    --ratioWidth: calc(100vw / var(--limitWidth));
  }
}

@media(max-width:768px) {

  .BF__page {
    --ratioWidth: 1px;
  }
}

@media  (max-width:1200px) {



}



@media  (min-width:768px) {

 .BF__page  .BF__categories { padding-top: 134px; padding-bottom: 168px; flex-wrap: nowrap;}

.BF__page  .BF__categories-title { max-width: unset; }
.BF__page  .BF__categories-text { font-size: 24px; line-height: 1.25em; max-width:unset; width:100%; margin:0 auto; }
 
.BF__page .BF__category {  padding-bottom: 0px; }

 .BF__page   .BF__category:nth-child(2n) {  transform:translateY(100px);}
 .BF__page .BF__category { width: calc(25% - 40 * var(--ratioWidth) ); margin:0 calc( 64 * var(--ratioWidth) ) calc( 19 * var(--ratioWidth) ) calc( 0 * var(--ratioWidth) ); }

.BF__page .BF__category-name {  font-size: calc( 24 * var(--ratioWidth) ); line-height: 1em; letter-spacing:0.04em; color:#fff; padding-top: 28px; padding-bottom: 3px; }

.BF__page  .BF__categories-subtext { font-size: 24px; line-height: 1.25em; width: 100%; }
.BF__page  .BF__categories-subtext .BF__link:hover { text-decoration: none; }

.BF__page .BF__bloc-categories .BF__decor[data-item="1"] { width: 85px; top:166px; left:calc(50% - 990px); }
.BF__page .BF__bloc-categories .BF__decor[data-item="2"] { width: 61px; top:279px; left:calc(50% - 901px); }
.BF__page .BF__bloc-categories .BF__decor[data-item="3"] { display: none; }


}





/*  faq */

.BF__page .BF__bloc-faq { padding-right: 0; padding-left: 0; position: relative; }

.BF__page .BF__bloc-faq .BF__decor[data-item="1"] { width: 25px; top:138px; left:calc(50% + 130px); }
.BF__page .BF__bloc-faq .BF__decor[data-item="2"] {display:none;}
.BF__page .BF__bloc-faq .BF__decor[data-item="3"] { display: none}


.BF__page .BF__faq { padding: 112px 0 20px 0; position: relative;top: 0;left: 0;}
.BF__page .BF__faq-title { text-align: center; padding-bottom: 32px; font-size: 48px;}
.BF__page .BF__faq-text { font-size: 17px; line-height: 1.45em; text-align: center; padding-bottom: 38px;  }

.BF__page .BF__faq-items {
  width: calc(100% - 40px);
  max-width: 832px;
  height: auto;
  display: block;
  vertical-align: top;
  margin: 0 auto;
  border-top: solid 1px #FFF;
}
.BF__page .BF__faq-item {
  height: 40px;
  display: block;
  transition: height ease-in-out 0.5s;
  overflow: hidden;
  border-bottom: 1px solid #D3CCC8;
}
.BF__page .BF__faq-item-handler:after {
  content: "";
  width: 20px;
  height: 40px;
  background: url(images/arrow-white.svg) center center no-repeat; background-size:100% auto; 
  transform:rotate(180deg); transition:transform 0.3s; 
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
}

.BF__page .BF__faq-item[data-open="1"] .BF__faq-item-handler:after {  transform:rotate(0deg); }

.BF__page .BF__faq-item-handler {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42em;
  padding: 18px 0;
  padding-right: 45px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}

.BF__page .BF__faq-item-answer {
  font-size: 14px;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  text-align: left;
}


.BF__page .BF__faq-item-answer a.BF__underline { color:#fff; }

@media (max-width: 768px) { 

  .BF__page .BF__bloc-faq { padding: 32px 0 32px 0; }
  .BF__page .BF__faq-text { font-size: 16px; line-height: 1.42em; max-width: 260px; margin: 0 auto; padding-bottom: 30px; }
  .BF__page .BF__faq-item-handler { padding: 16px 35px 16px 0; }

}

@media (min-width: 768px) { 
  .BF__page .BF__faq-item a.BF__underline:hover { color:#fff; }


.BF__page .BF__bloc-faq .BF__decor[data-item="1"] { width: 86px; top:91px; left:calc(50% + 604px); }
.BF__page .BF__bloc-faq .BF__decor[data-item="2"] { width: 86px; top:91px; left:0; }
.BF__page .BF__bloc-faq .BF__decor[data-item="3"] { width: 86px; top:91px; left:calc(50% + 804px); }


}









.BF__page .BF__button {
 min-height:44px;
 background-color:#fff;
 border:1px solid #b0a9a5;
 color:var(--COLOR-BLACK);
 height:44px;
 border-radius:5px;
 font-family:var(--FONT-GOTHAM-MEDIUM);
 font-size:var(--FONT-SIZE);
 letter-spacing:0;
 line-height:20px;
 transition:background-color .3s ease;
 box-shadow:0 0 0 3px transparent;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 cursor: pointer;
 text-decoration: none;
 padding:0 16px;
  color: #333;
  margin-right: 32px;
}

.BF__page .BF__button:last-child {
 margin-right: 0;
}

.BF__page.BF__button span { white-space: nowrap; }


.BF__page  .BF__button:focus {
   box-shadow:none
 }






 /* --   accordion  --*/

 .BF__bloc-faq { padding-bottom: 80px; }

 .BF__faq {  padding-top: 50px; }

 .BF__page .accordion,
 .BF__page .accordion>label {
   font-family:var(--FONT-GOTHAM-BOOK);
   background:0 0;
 }
 .BF__page .accordion {
   transform:translateZ(0);
   box-shadow:0 1px 1px rgba(0,0,0,.1)
 }
 .BF__page .accordion>.accordion-toggle {
   position:absolute;
   display:none;
   height:0;
   transition:all 250ms linear;
   opacity:0
 }
 .BF__page .accordion>label {
  font-family: var(--FONT-GOTHAM-BOOK);
  font-weight: normal;
  font-size:14px;
  line-height:20px;
  position:relative;
  display:flex;
  align-items:center;
  height:58px;
  padding:0 20px 0 0;
  cursor:pointer;
  text-align:left;
  border-bottom:1px solid rgba(236,236,236,.15);
  width: 100%;
  float: unset;
}
.BF__page input[type="checkbox"]:checked + label { color:#fff;}


@media only screen and (min-width:768px) {
 .BF__page .accordion>label {
  font-size:18px;
  line-height:24px
}
}
.BF__page .accordion>label:before {
  display: none;
}

.BF__page .accordion>label:after {
 font-size:24px;
 position:absolute;
 top:50%;
 right:0;
 content:"+";
 transform:translateY(-50%)
}
.BF__page .accordion>section {
 font-family:var(--GOTHAM-XLIGHT);
 font-size:15px;
 line-height:24px;
 overflow:hidden;
 height:0;
 transition:.3s all;
 text-align:left
}
.BF__page .accordion>.accordion-toggle:checked~label:after {
 content:"-"
}
.BF__page .accordion>.accordion-toggle:checked~section {
 height:initial;
 min-height:100px
}
.BF__page .accordion>section p {
 font-size:14px;
 line-height:22px;
 margin:15px 0;
 padding:0 20px
}
.BF__page .accordion>section p a {
 color:#fff;
}

@media only screen and (min-width:768px) {
 .BF__page .accordion>section p {
  font-size:16px;
  line-height:24px
}
}
.BF__page .accordion>section p a {
 text-decoration:underline
}

@media  (max-width:768px) {

 .BF__page .BF__faq {  padding-top: 10px; }

}


/* --   Newsletter  --*/

.BF__page .BF__bloc-newsletter {  width: 100%; padding: 0; }

.BF__page .BF__newsletter {  padding-bottom: 40px; width: 90%; max-width: 1254px; margin: 0 auto; }

.BF__page .BF__newsletter-title {
  font-family: var(--GOTHAM-MEDIUM);
  font-size: 24px;
  line-height: 1.45em;
  text-align: center;
  padding-bottom: 8px; position: relative; top:0; left:0; display: inline-block;
}


.BF__page .BF__newsletter-text {
  padding-bottom: 32px;
}

.BF__page .BF__newsletter-title-wrapper { position: relative; top:0; left:0; text-align: center;}
.BF__page .BF__newsletter-title-wrapper:before,
.BF__page .BF__newsletter-title-wrapper:after { content:""; position: absolute; top:14px; height: 1px; background: #fff; display: block; }
.BF__page .BF__newsletter-title-wrapper:before { left:0; width: calc(50% - 250px); }
.BF__page .BF__newsletter-title-wrapper:after { right:0; width: calc(50% - 250px); }

.BF__page .BF__newsletter .newsletter-form-wrapper .form-row {
  /*
  width: auto;
  min-width: 240px;
  */
  margin: 0;
}

.BF__page  .BF__newsletter .newsletter-form-wrapper .form-row.row-full {
  width: 100%;
}

.BF__page .BF__newsletter  .button-primary {
  font-family:  var(--GOTHAM-MEDIUM);
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  width: 100%;
  height: 44px;
  margin: 0 auto;
  padding: 15px;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 5px;
background-color: var(--COLOR-RED-A);
text-transform: capitalize;
}

.BF__page .BF__newsletter .button-primary:not(.cba-button-style):hover {
  background-color: #777;
}


.BF__page .BF__newsletter .newsletter-form-wrapper .input-text,
.BF__page .BF__newsletter .newsletter-form-wrapper input[type="text"] { height: 44px; border-radius: 6px; background: #fff; }


.BF__page  .BF__newsletter .newsletter-form-wrapper .row-full.checkbox { margin-top: 10px; }

.BF__page .BF__newsletter .legal-requirements { color:#fff; }
.BF__page  .BF__newsletter .legal-requirements a { color:#fff; }

.BF__page .BF__newsletter .BF__teaser-subscription-form .newsletter-form-1-container .subscribe .newsletter-form-1-button { height:44px; padding: 12px 16px; color: #fff;background-color: var(--COLOR-RED-A); border: 2px solid var(--COLOR-RED-A);border-radius: 5px; font-family: var(--GOTHAM-MEDIUM, Helvetica, Arial);font-weight: 500; position: relative; top:0; left:0; align-items: center;justify-content: center; transition:none; }
.BF__page .BF__newsletter  .BF__teaser-subscription-form .newsletter-form-1-container .subscribe .newsletter-form-1-button:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); opacity: 1; }
.BF__page .BF__newsletter  .BF__teaser-subscription-form .newsletter-form-1-container .subscribe .newsletter-form-1-button span { font-size: 14px;line-height: 1em; letter-spacing: 0;color: #fff; text-transform: none; white-space: nowrap; }
.BF__page .BF__newsletter  .BF__teaser-subscription-form .newsletter-form-1-container .subscribe { width: auto; padding-right: 0; padding-left: 24px; }

.BF__page .BF__newsletter  .postfix-ellipsis { display: none; }
.BF__page .BF__newsletter  .cba-read-more-target { display: block !important; }

.BF__page .BF__newsletter  .cba-read-more-target a { color:#fff; }
.BF__page .BF__newsletter  .cba-read-more-target a:hover { color:#fff;  text-decoration: none; }


.BF__page .BF__newsletter .read-more-wrapper { display: none; }
.BF__page .BF__newsletter .read-more-target { display: block; }
.BF__page .BF__newsletter .cba-legal-read-more { display: none; }

.BF__page .BF__newsletter .newsletter-form-wrapper .col-2-desktop { width:unset; }
.BF__page .BF__newsletter .newsletter-form-wrapper .col-4-tablet,
.BF__page .BF__newsletter .newsletter-form-wrapper .col-4-desktop { width:25%; }
.BF__page .BF__newsletter .newsletter-form-wrapper .col-4-desktop.birthdate-field { width:33.33%; }
.BF__page .BF__newsletter .sbHolder {  height: 44px; }

.BF__page .BF__newsletter .newsletter-form-wrapper .col-gutter:not(.bleed-left) { padding-left: 0; }
.BF__page .BF__newsletter .newsletter-form-wrapper .col-gutter:not(.bleed-right) { padding-right: 16px; }
.BF__page .BF__newsletter .newsletter-form-wrapper .date-of-birthday-js.col-gutter:not(.bleed-right) { padding-right: 0; }

.BF__page .BF__newsletter .newsletter-form-4-container { margin-top: 32px; }

.BF__page .BF__newsletter .email-field {  margin-bottom: 10px; display: flex; align-items:flex-end; }
.BF__page .BF__newsletter div.name-field {display: flex; align-items:flex-end; }
.BF__page .BF__newsletter input.name-field { margin-bottom: 10px; }

.BF__page .BF__newsletter .newsletter-form-4-container .date-field   { text-align: left;  padding-top: 12px; padding-bottom: 5px; }
.BF__page .BF__newsletter .newsletter-form-4-container .date-field  .date-header { font-size: 11px; line-height: 1em; }
.BF__page .BF__newsletter .sbSelectorWrapper { text-align: left; }
.BF__page .BF__newsletter .sbSelector { color:#767676; }
.BF__page .BF__newsletter .sbToggle { height: 44px; }
.BF__page .BF__newsletter .newsletter-form-wrapper .subscribe { margin-top: 22px; }
.BF__page .BF__newsletter .sbHolder { font-size: 14px; font-family: var(--GOTHAM-BOOK); text-transform: initial; }


.BF__page .BF__newsletter .birthdate-field:nth-child(2) .sbHolder { border-radius: 8px 0 0 8px;  overflow: hidden; }
.BF__page .BF__newsletter .birthdate-field:nth-child(4) .sbHolder { border-radius: 0 8px 8px 0; overflow: hidden; }

.BF__page .BF__newsletter .birthdate-field {  }

@media  (max-width:768px) {

  .BF__page .BF__bloc-newsletter {  width: 100%; }

  .BF__page  .BF__newsletter form { flex-direction:column; }

  .BF__page .BF__newsletter .newsletter-form-1-container .email-field { margin-bottom: 15px; }
  .BF__page  .BF__newsletter .newsletter-form-1-container .subscribe .newsletter-form-1-button { width: auto; }

.BF__page .BF__newsletter .email-field {  margin-bottom: 16px;  }
.BF__page .BF__newsletter input.name-field { margin-bottom: 16px; }

.BF__page .BF__newsletter  .button-primary { max-width: 287px; margin-left:auto; margin-right:auto; }
  .BF__page .BF__newsletter-title {  padding-bottom: 12px;  }
  .BF__page  .BF__newsletter-title:before,
  .BF__page  .BF__newsletter-title:after { display: none; }

.BF__page .BF__newsletter .newsletter-form-wrapper .col-4-tablet,
.BF__page .BF__newsletter .newsletter-form-wrapper .col-4-desktop { width:100% !important; }
.BF__page .BF__newsletter .newsletter-form-wrapper .col-4-desktop.birthdate-field { width:33.33% !important; }

.BF__page .BF__newsletter .newsletter-form-wrapper .col-gutter:not(.bleed-right) { padding-right: 0; }

}

@media  (min-width:768px) {

.BF__page .BF__newsletter  .button-primary { width: 287px; margin-right: auto; margin-left: auto; }
.BF__page .BF__newsletter  .button-primary:hover { background: var(--COLOR-RED-B); }

}



/* --  countdown -- */

.BF__page .BF__clock {
 display:flex;
 align-content:center;
 align-items:center;
 flex-wrap:wrap;
 justify-content:center;
 padding: 40px 0 0 0;
 min-height: 162px; 
 margin:0;
}

.BF__page .BF__clock li {
 font-size:80px;
 line-height:0.9em;
 display:inline-block;
 min-width:230px;
 text-align:center;
 color:#BBC3F9;
 position: relative;
 font-family:var(--GOTHAM-MEDIUM); 
}

.BF__page  .BF__clock li::after {
 font-size:.5em;
 line-height:1em;
 position:relative;
 top:100%;
 left:50%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 align-items:center;
 -ms-flex-direction:column;
 flex-direction:column;
 justify-content:center;
 width:100%;
 margin-top:32px;
 content:attr(data-name);
 transform:translateX(-50%);
 text-align:center;
 text-transform: uppercase;
}

.BF__page .BF__clock li::before {
 position:absolute;
 top:0;
 left:calc(100% - 1.5px);
 width:3px;
 height:60px;
 content:"";
 background: linear-gradient(180deg, #5851BE 0%, #0E1466 100%);
}

.BF__page .BF__clock li:last-child::before {
 background:transparent;
}



@media  (max-width:1024px) {

  .BF__page .BF__clock  {
    padding-top: 23px;
    min-height: 20vw; 
  }

  .BF__page .BF__clock li {
   font-size:8vw;
   line-height:0.9em;
   min-width:20vw;
 }

 .BF__page .BF__clock li::before {
  width: 0.25vw;
  height: 10.6vw;
}

.BF__page  .BF__clock li::after {
  font-size:.35em;
  margin-top :0.2em; 
}

}





/* -------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  .BF__page .BF__header-title {
    font-size: 89px;
  }
  .BF__page .BF__title {
    font-size: 50px;
  }
}
/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
  .BF__page  .BF__categories-title {
      max-width: 100%;
  }
  .BF__page .BF__faq-item-handler {
      font-size: 12px;
  }
}