

   @font-face {
  font-family: 'Selima';
  src: url('../fonts/Selima/Selima.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Selima/Selima.otf')  format('opentype'),
       url('../fonts/Selima/Selima.woff') format('woff'), 
       url('../fonts/Selima/Selima.ttf')  format('truetype'), 
       url('../fonts/Selima/Selima.svg#Selima') format('svg');
  font-weight: normal;
  font-style: normal;
}

   @font-face {
    font-family:'clarinsita';
    src:url('../fonts/clarinsita-webfont.eot');
    src:url('../fonts/clarinsita-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clarinsita-webfont.woff') format('woff'),
    url('../fonts/clarinsita-webfont.ttf') format('truetype'),
    url('../fonts/clarinsita-webfont.svg#clarins_italicitalic') format('svg');
    font-weight:normal;
    font-style:normal;
  }
  @font-face {
    font-family:'ClarinsRegular';
    src:url('../fonts/clarinsreg-webfont.eot');
    src:url('../fonts/clarinsreg-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clarinsreg-webfont.woff') format('woff'),
    url('../fonts/clarinsreg-webfont.ttf') format('truetype'),
    url('../fonts/clarinsreg-webfont.svg#clarins-regularregular') format('svg');
    font-weight:normal;
    font-style:normal;
  }
   @font-face {
    font-family:'gotham_lightregular';
    src:url('../fonts/gotham-light-webfont.eot');
    src:url('../fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gotham-light-webfont.woff') format('woff'),
    url('../fonts/gotham-light-webfont.ttf') format('truetype'),
    url('../fonts/gotham-light-webfont.svg#gotham_lightregular') format('svg');
    font-weight:normal;
    font-style:normal;
  }
 

/* ----------------------------------------------- */
/* Overwriting Demandware styles */
/* ----------------------------------------------- */

#headerContainer { background-position:0 30px !important; background-attachment:fixed; }
#headerContainer.static { position:fixed; top:-29px; left:0; right:0; margin-bottom:0; background-color:#be0f34; overflow:hidden; z-index:90; }
.producthits { display: none;}

#container.pt_widepage #main {margin:0 !important; width:auto !important;}
#container.pt_widepage #main #content {width:auto !important; float:none !important;}
#container.pt_widepage #main .breadcrumb, #container.pt_widepage #main h1 {width:978px !important; margin:0 auto !important;}
#leftcolumn {display:none !important;}
.p-bc h5 { background:none; }
.categorylanding .p-bc h2 { border-bottom:none; }

/* =============================================================================
 Reset
 ========================================================================== */

.p-bc article,
.p-bc aside,
.p-bc details,
.p-bc figcaption,
.p-bc figure,
.p-bc footer,
.p-bc header,
.p-bc hgroup,
.p-bc nav,
.p-bc section { display:block; }
.p-bc audio,
.p-bc canvas,
.p-bc video { display:inline-block; *display:inline; *zoom:1; }
.p-bc audio:not([controls]) { display:none; }
.p-bc [hidden] { display:none; }
.p-bc html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100%; }
.p-bc html,
.p-bc button,
.p-bc input,
.p-bc select,
.p-bc textarea { font-family:sans-serif; color:#222; }
.p-bc a,.p-bc a:visited { outline:none; text-decoration:none; }
.p-bc a:hover { text-decoration:none; }
.p-bc a:focus,
.p-bc a:hover,
.p-bc a:active { outline:none; }
.p-bc abbr[title] { border-bottom:1px dotted; }
.p-bc b,
.p-bc strong { font-weight:bold; }
.p-bc dfn { font-style:italic; }
.p-bc hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
.p-bc ins { background:#ff9; color:#000; text-decoration:none; }
.p-bc mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
.p-bc pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
.p-bc q { quotes:none; }
.p-bc q:before,
.p-bc q:after { content:""; content:none; }
.p-bc small { font-size:85%; }
.p-bc sub,
.p-bc sup { font-size:65%; line-height:0; position:relative; vertical-align:baseline; }
.p-bc sup { top:-0.5em; }
.p-bc sub { bottom:-0.25em; }
.p-bc nav ul,
.p-bc nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }
.p-bc img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
.p-bc svg:not(:root) { overflow:hidden; }
.p-bc table { border-collapse:collapse; border-spacing:0; }
.p-bc td { vertical-align:top; }
.p-bc div,
.p-bc p,
.p-bc span,
.p-bc h1,
.p-bc h2,
.p-bc h3,
.p-bc h4,
.p-bc h5,
.p-bc table,
.p-bc td,
.p-bc tr,
.p-bc th,
.p-bc ul,
.p-bc ol,
.p-bc li,
.p-bc dl,
.p-bc dt,
.p-bc dd,
.p-bc a,
.p-bc img,
.p-bc pre { margin:0; padding:0; }
.p-bc ul { list-style-type:none; }
.p-bc h1,
.p-bc h2,
.p-bc h3,
.p-bc h4,
.p-bc h5 { font-weight:normal; text-transform:none; }


.p-bc { font-family: "Gotham SSm book A", "Gotham SSm book B",Helvetica,Arial,sans-serif; font-weight:400; color:#000; width: 100%; overflow: hidden; }

.p-bc .p-bc-section {  position:relative; display:block; }
.p-bc .p-bc-bkgd:before { content:""; position: absolute; left:0; top:45px; right:0; bottom:0; display: block; background: #cbcbcb; }

.p-bc .p-bc-container { position:relative; left:0; top:0; max-width:1250px; margin:0 auto; }

.p-bc .p-bc-text { font-size:16px; line-height:22px; text-align: center; padding: 0 20px; }

.p-bc .p-bc-action { display: block; text-align: center; padding-top: 8vw; padding-bottom: 15vw; }
.p-bc .p-bc-link { font-family: "Gotham SSm medium A","Gotham SSm medium B",Helvetica,Arial,sans-serif;  display: inline-block; font-size: 11px; text-decoration: none; }
.p-bc .p-bc-link:before { content:"";  display: inline-block; width: 6px; height:10px; background: url(../img/arrow.png) left center no-repeat; margin-right: 10px;  }
.p-bc .p-bc-link span { color:#000; padding-top: 13px; line-height: 1em; text-transform: uppercase; border-bottom: #d4d4d4 1px solid; letter-spacing: 0.1px; }

.p-bc .p-bc-mobile { display:none !important }


@media (max-width: 1000px) {
  .p-bc .p-bc-bkgd:before { display: none; }
}

 @media (max-width: 900px) {
  .p-bc .p-bc-text br { display: none; }
}




/* --------------------------- */
/*         Header              */
/* --------------------------- */


.p-bc .p-bc-header { position:relative; left:0; top:0; }

.p-bc .p-bc-header .p-bc-container { max-width:1600px; }



.p-bc .p-bc-header .p-bc-visual { margin-bottom: 109px; }
.p-bc .p-bc-header .p-bc-visual img { width: 1600px; left: 50%; position: relative; margin-left: -800px; display: block; }

.p-bc .p-bc-header .p-bc-insert { background:#FFF; width:646px; height:200px; display:block; position:absolute; left:calc( 50% - 323px ); top:286px; }
.p-bc .p-bc-header h1 { display:block; text-align:center; font-size:40px; line-height:40px;  color:#be0f34; font-family: ClarinsRegular,"Times New Roman",Times,serif; padding-top: 23px; }
.p-bc .p-bc-header h1 span { display:block; font-size:97px; line-height:97px; font-family:'Selima'; color:#000; padding-top: 7px; }


@media (max-width: 1250px) {

.p-bc .p-bc-header .p-bc-visual { margin-bottom: calc( 109px + 8.56% ); }
.p-bc .p-bc-header .p-bc-visual img { width: 128%; margin-left: -64%; }
.p-bc .p-bc-header .p-bc-insert { top: 22.88vw ;}


}


@media (max-width: 700px) {

.p-bc .p-bc-header .p-bc-insert { width:450px; height:150px; left:calc(50% - 225px); }
.p-bc .p-bc-header h1 { font-size:30px; line-height:30px; padding-top: 18px; }
.p-bc .p-bc-header h1 span { font-size:70px; line-height:70px; padding-top: 5px; }

}


@media (max-width: 480px) {

.p-bc .p-bc-header .p-bc-insert { width:300px; height:120px; left:calc(50% - 150px); }
.p-bc .p-bc-header h1 { font-size:20px; line-height:20px; padding-top: 15px; }
.p-bc .p-bc-header h1 span { font-size:50px; line-height:50px; padding-top: 4px; }


}




/* --------------------------- */
/*         Coaches             */
/* --------------------------- */

.p-bc .p-bc-list-coaches { padding-top: 34px; }

.p-bc .p-bc-list-coaches ul { display: block; text-align: center; }

.p-bc .p-bc-list-coach { display: inline-block; width: 302px; margin: 0 0 20px 0; vertical-align: top; position: relative; }
.p-bc .p-bc-list-coach-inside { margin: 0 20px; position: relative; z-index: 2; min-height:492px; }
.p-bc .p-bc-list-coach-media { display: block; position: relative; left:0; top:0; }
.p-bc .p-bc-list-coach-img-1 { position: relative; left:0; top:0; z-index:2; display: block; width: 100%; }
.p-bc .p-bc-list-coach-img-2 { display:none; position: relative; left:0; top:0; z-index:1; width: 100%; }



/*
.p-bc .p-bc-list-coach-bkgd { display:none; background: #be0f34; position: absolute; top:-10px; left:10px; right:10px; bottom:-10px; z-index: 1; }
*/


.p-bc .p-bc-list-coach-name { position:absolute; z-index:3; font-family:'Selima'; font-size:70px; line-height:70px; letter-spacing: 0.025em; color:#be0f34; -webkit-user-select:none; ms-user-select:none; user-select:none; }

.p-bc .p-bc-list-coach-Adam .p-bc-list-coach-name { left:5.5%; top:54%; }
.p-bc .p-bc-list-coach-Cara .p-bc-list-coach-name { left:54.5%; top:54%; }
.p-bc .p-bc-list-coach-Samantha .p-bc-list-coach-name { left:4%; top:55%; }
.p-bc .p-bc-list-coach-Lesley .p-bc-list-coach-name { left:37%; top:54%; }
.p-bc .p-bc-list-coach-Rebecca .p-bc-list-coach-name { left:4%; top:54%; }
.p-bc .p-bc-list-coach-Coral .p-bc-list-coach-name { left:4.5%; top:54%; }
.p-bc .p-bc-list-coach-Amy .p-bc-list-coach-name { left:4.5%; top:54%; }
.p-bc .p-bc-list-coach-Darren .p-bc-list-coach-name { left:28.5%; top:54%; }
.p-bc .p-bc-list-coach-Michelle .p-bc-list-coach-name { left:6.5%; top:54%; }
.p-bc .p-bc-list-coach-Jai .p-bc-list-coach-name { left:4.5%; top:54%; }

.p-bc .p-bc-list-coach-content { text-align: center; padding: 0 15px; }
.p-bc .p-bc-list-coach-title { font-family: "Gotham SSm medium A","Gotham SSm medium B",Helvetica,Arial,sans-serif; font-size:16px; line-height:20px; font-weight: 500; color:#be0f34; padding-top: 17px; }
.p-bc .p-bc-list-coach-text { font-size:14px; line-height:20px; color:#000; padding-top: 11px; }
.p-bc .p-bc-list-coach-link { font-family: "Gotham SSm medium A","Gotham SSm medium B",Helvetica,Arial,sans-serif; color:#000; padding-top: 13px; line-height: 1em; text-transform: uppercase; display: inline-block; font-size: 11px; text-decoration: none; border-bottom: #d4d4d4 1px solid; letter-spacing: 0.1px; }




/* --------------------------- */
/*         Producs             */
/* --------------------------- */

.p-bc .p-bc-products-title { position: relative; left:0; top:0; }
.p-bc .p-bc-products-title:before { content:""; position: absolute; left:0; top:0; right:0; bottom:-48px; display: block; background: #cbcbcb; }
.p-bc .p-bc-products-title h2 { font-family: "ClarinsRegular","Times New Roman",Times,serif; font-size:40px; line-height:40px; text-align: center; padding-top: 70px; padding-bottom: 32px; }

.p-bc .p-bc-products { padding: 0; margin-bottom: 40px; }
.p-bc .p-bc-products ul { display: inline-block; text-align: center; }

.p-bc .p-bc-product { display: inline-block; width: 242px; margin:0 auto; vertical-align: top; }
.p-bc .p-bc-product-media { display: block; position: relative; left:0; top:0; width: 100%; }
.p-bc .p-bc-product-media img,
.p-bc .p-bc-product-img { position: relative; left:0; top:0; display: block; width: 100%; }

.p-bc .p-bc-product-content { text-align: left; width: 100%; min-height: 237px; }
.p-bc .p-bc-product-title { font-family: "ClarinsRegular","Times New Roman",Times,serif; font-size:20px; line-height:20px; font-weight: 500; color:#be0f34; padding-top: 26px; }
.p-bc .p-bc-product-text { font-size:14px; line-height:20px; color:#000; padding-top: 11px; }
.p-bc .p-bc-product-price { font-size:16px; line-height:20px; color:#000; padding-top: 17px; text-align: left; }
.p-bc .p-bc-product-cta { padding: 0; width: 100%; color: #fff; margin: 10px 0 0 0; min-width: auto; font-size: 11px; line-height: 48px; letter-spacing: .05em; font-family: "Gotham SSm medium A","Gotham SSm medium B",Helvetica,Arial,sans-serif; cursor: pointer; text-transform: uppercase; text-align: center; background: #000; border: 2px solid #000; -webkit-transition: opacity .3s,background-color .3s ease; transition: opacity .3s,background-color .3s ease; min-width: 165px; display: inline-block; height: 50px; }
.p-bc .p-bc-product-cta:hover { background-color: rgba(0,0,0,.7); border: 2px solid transparent; color: #fff; }

.p-bc .p-bc-jcarousel { position: relative; top:0; top:0; }
.p-bc .jcarousel { padding-bottom: 20px; }
.p-bc .jcarousel li { border: none; }
.p-bc .jcarousel-pagination { bottom: -20px; }
.p-bc .jcarousel-pagination a { margin: 0 4px; }

.p-bc .p-bc-jcarousel .jcarousel-control-next, 
.p-bc .p-bc-jcarousel .jcarousel-control-prev {
    width: 50px;
    height: 70px;
    background: #e5e5e5;
    border-radius: 7px;
    top: 100px;
}

.p-bc .p-bc-jcarousel .jcarousel-control-prev {
    left: 10px;
}

.p-bc .p-bc-jcarousel .jcarousel-control-prev .svg-left-arrow-white,
.p-bc .p-bc-jcarousel .jcarousel-control-next .svg-right-arrow-white {
    display: inline-block;
    height: 40px;
    position: relative;
    top: 15px;
    width: 30px;
}


@media (max-width: 480px) {

  .p-bc .p-bc-jcarousel { padding: 0 0vw; }

  .p-bc .p-bc-jcarousel .jcarousel-control-next, 
  .p-bc .p-bc-jcarousel .jcarousel-control-prev { 
    display: none !important;
  }

}


/* --------------------------- */
/*         Coach               */
/* --------------------------- */


.p-bc .p-bc-coach { position: relative; left:0; top:0; display: inline-block; vertical-align: top; }

.p-bc .p-bc-coach:before,
.p-bc .p-bc-coach:after { content:""; display:table; }
.p-bc .p-bc-coach:after { clear: both; }

.p-bc .p-bc-coach-media { display: block; position: relative; left:0; top:0; z-index:2; width: 565px; }
.p-bc .p-bc-coach-media img { position: relative; left:0; top:0; display: block; width: 100%; }

.p-bc .p-bc-coach-media { float:left; }
.p-bc .p-bc-coach-right { float:left; display:block; position:relative; left:0; top:0; margin-left:-60px; margin-top:45px; z-index:1; text-align: left; background:#be0f34; width: 666px; min-height: 320px; }

.p-bc .p-bc-coach-name { position:absolute; font-family:'Selima'; left:7%; top:20.5%; font-size:67px; line-height:72px; letter-spacing: 0.05em; color:#be0f34; }

.p-bc .p-bc-coach-Adam .p-bc-coach-name { left:7%; top:20.5%; }
.p-bc .p-bc-coach-Cara .p-bc-coach-name { left:71%; top:20%; }
.p-bc .p-bc-coach-Samantha .p-bc-coach-name { left:5%; top:18%; }
.p-bc .p-bc-coach-Lesley .p-bc-coach-name { left:71%; top:20%; }
.p-bc .p-bc-coach-Rebecca .p-bc-coach-name { left:65%; top:20%; }
.p-bc .p-bc-coach-Coral .p-bc-coach-name { left:7%; top:21%; }
.p-bc .p-bc-coach-Amy .p-bc-coach-name { left:13%; top:20%; }
.p-bc .p-bc-coach-Darren .p-bc-coach-name { left:3%; top:21%; }
.p-bc .p-bc-coach-Michelle .p-bc-coach-name { left:2.5%; top:20%; }
.p-bc .p-bc-coach-Jai .p-bc-coach-name { left:60%; top:21%; }

.p-bc .p-bc-coach-content { position: relative; left:0; top:0; text-align: left; width: 66%; margin-left: 60px; padding: 0 3% 30px 60px; }
.p-bc .p-bc-coach-title { font-family: "Gotham SSm medium A","Gotham SSm medium B",Helvetica,Arial,sans-serif; font-size:20px; line-height:22px; font-weight: 500; color:#fff; padding-top: 45px; }
.p-bc .p-bc-coach-text { font-size:14px; line-height:20px; color:#fff; padding-top: 20px; }

.p-bc .p-bc-coach-quote { position:absolute; left:20px; top:75px; width: 33px; }

.p-bc .p-bc-coach-quote .svg--quote { width: 100%; display: block; }
.p-bc .p-bc-coach-social { padding-top: 23px; }
.p-bc .p-bc-coach-social a { width: 40px; display: inline-block; -webkit-transition:opacity 0.2s; transition:opacity 0.2s; }
.p-bc .p-bc-coach-social a:nth-of-type(1) { margin-right: 10px; }
.p-bc .p-bc-coach-social a img { width: 100%; display: block; }
.p-bc .p-bc-coach-social a:hover { opacity: 0.75; }


@media (max-width: 1172px) {

  .p-bc .p-bc-coach-right { width: calc( 100% - 505px ); }

}

@media (max-width: 1000px) {

  .p-bc .p-bc-coach-media { float:none; margin:0 auto; }
  .p-bc .p-bc-coach-right { float:none; margin-top:-94.5167px; margin-left:0; width: 100vw; }
  .p-bc .p-bc-coach-content { margin-left:0; padding-left: 19vw; width: 76vw; }
  .p-bc .p-bc-coach-quote { left:calc(19vw - 44px); top: 152px; }
  .p-bc .p-bc-coach-title { padding-top: 122px; }

}

@media (max-width: 605px) {

 .p-bc .p-bc-coach-right { margin-top:-15.625vw; }
 .p-bc .p-bc-coach-title { padding-top: 26vw; }
 .p-bc .p-bc-coach-quote { top:calc( 20vw +  30px ); }
 .p-bc .p-bc-coach-media { width: calc( 100% - 40px); }
 .p-bc .p-bc-coach-name { font-size:10.75vw; line-height:12vw; }

  .p-bc .p-bc-products-title h2 { padding-top: 10.5vw }

}



/* --------------------------- */
/*         Desktop             */
/* --------------------------- */

@media (min-width: 641px) {


.p-bc .p-bc-list-coach:hover {  }
/*
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-bkgd { display:block; }
*/

.p-bc .p-bc-list-coach:hover .p-bc-list-coach-inside { background: #be0f34; }
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-media { padding: 10px 10px 0 10px; }

.p-bc .p-bc-list-coach:hover .p-bc-list-coach-img-2 { display:block; }
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-name, 
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-img-1 { display:none; }
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-title,
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-text, 
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-link { color:#fff; }
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-link { border-bottom-color:#cf6c7a; }
.p-bc .p-bc-list-coach:hover .p-bc-list-coach-link:hover { border-bottom-color: #eee; color: #eee; }

}


/* --------------------------- */
/*         Mobile              */
/* --------------------------- */


@media (max-width: 640px) {

.p-bc .p-bc-mobile { display:block !important }
.p-bc .p-bc-desktop { display:none !important }

/*
.p-bc .p-bc-header .p-bc-visual { margin-bottom: 109px; }
.p-bc .p-bc-header .p-bc-visual img { width: 794px; margin-left: -397px; }
*/

.p-bc .p-bc-header .p-bc-insert { width:280px; height:200px; left:calc( 50% - 140px );  }
.p-bc .p-bc-header h1 { font-size:30px; line-height:30px; padding-top: 23px; }
.p-bc .p-bc-header h1 span { font-size:50px; line-height:50px; padding-top: 7px; }

.p-bc .p-bc-list-coach { display: block; width: 96vw; max-width: 96vw; min-height:auto; margin: 0 auto; margin-bottom: 55px; }

.p-bc .p-bc-list-coach-inside { min-height:auto; }
.p-bc .p-bc-list-coach-media { display: block; position: relative; left:0; top:0; max-width: 504px; margin: 0 auto 18px auto; }
.p-bc .p-bc-list-coach-img-1 { position: relative; left:0; top:0; display: block; width: 51.6%; max-width:262px; }
.p-bc .p-bc-list-coach-img-2 { display:block; border:10px solid #be0f34; width: calc(51.6% - 20px);  max-width:242px; overflow: hidden; position: absolute; left:calc(51.6% - 20px); top:12px; }
.p-bc .p-bc-list-coach-name {display: block; width: 51.6%; max-width:262px; font-size: 64px; line-height: 64px; text-align: left; }

.p-bc .p-bc-list-coach-Adam .p-bc-list-coach-name { left:3.5%; top:54%; }
.p-bc .p-bc-list-coach-Cara .p-bc-list-coach-name { left:28.5%; top:54%; }
.p-bc .p-bc-list-coach-Samantha .p-bc-list-coach-name { left:2%; top:55%; }
.p-bc .p-bc-list-coach-Lesley .p-bc-list-coach-name { left:19.5%; top:54%; }
.p-bc .p-bc-list-coach-Rebecca .p-bc-list-coach-name { left:2.5%; top:54%; }
.p-bc .p-bc-list-coach-Coral .p-bc-list-coach-name { left:2.5%; top:54%; }
.p-bc .p-bc-list-coach-Amy .p-bc-list-coach-name { left:2.5%; top:54%; }
.p-bc .p-bc-list-coach-Darren .p-bc-list-coach-name { left:14.75%; top:54%; }
.p-bc .p-bc-list-coach-Michelle .p-bc-list-coach-name { left:3.5%; top:54%; }
.p-bc .p-bc-list-coach-Jai .p-bc-list-coach-name { left:2.5%; top:54%; }

/*
.p-bc .p-bc-product-title { padding-top: 19vw; }
.p-bc .jcarousel li { border: none; }
.p-bc .jcarousel-pagination { bottom: auto; top:95vw;  }
*/


}


 @media (max-width: 532px) {

  .p-bc .p-bc-list-coach-name { font-size: 12vw; line-height: 12vw; }

}




