/*  ------  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; }


/*  ------  fonts   ------  */

@font-face {
  font-family: "Gotham_Light";
  src: url("../fonts/GothamLight.woff2") format("woff2"),
    url("../fonts/GothamLight.woff") format("woff"),
    url("../fonts/GothamLight.ttf") format("truetype");
}

@font-face {
  font-family: "Gotham_ExtraLight";
  src: url("../fonts/GothamExtraLight.woff2") format("woff2"),
    url("../fonts/GothamExtraLight.woff") format("woff"),
    url("../fonts/GothamExtraLight.ttf") format("truetype");
}

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

.cc__page { 
    --CLARINS-FONT: ClarinsRegular, Clarins;
    --GOTHAM-EXTRALIGHT: "Gotham_ExtraLight";
    --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:#333;
    --COLOR-PAGE: #AC651B;
    --COLOR-RED-A:#b40024;
    --COLOR-RED-B:#8c0b26;
    --RADIUS:8px; 
    --ratioWidth: 1px;
    --mainOffset: 60px;
    --screenHeight:calc( 100vh - var(--mainOffset));
}

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



/*  ------  page   ------  */

.cc__page {font-family: var(--GOTHAM-BOOK);font-weight: normal;color: var(--COLOR-DEFAULT); position: relative; width: 100%; }

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

.cc__page h1,
.cc__page h2,
.cc__page h3,
.cc__page h4 {margin: 0;padding: 0;font-weight: normal; }
.cc__page p {margin: 0;padding: 0; }
.cc__page picture {display: block; width: 100%; }
.cc__page img { width: 100%;display: block; }
.cc__page sup { line-height: 1em; font-size: 0.55em; position: relative; left:0.1em; }

.cc__page a {color: var(--COLOR-DEFAULT);text-decoration: none; }

.cc__page .cc__bloc { position: relative; width: 100%; margin: 0 auto;  }

.cc__page .cc__title { font-size: 54px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM);  text-rendering: optimizeSpeed; }
.cc__page .cc__title[data-animate="1"] { height: 1.2em; overflow: hidden; position: relative; top:0; left:0; }
.cc__page .cc__title[data-animate="1"] span { display: block; white-space: nowrap; position: absolute; top:0; left:0; }
.cc__page .cc__title small { display: block; }
.cc__page .cc__suptitle { font-size: 24px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-rendering: optimizeSpeed; text-transform: uppercase; }
.cc__page .cc__subtitle { font-size: 20px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-rendering: optimizeSpeed; }

.cc__page .cc__text {font-size: 14px;line-height: 1.45em; text-rendering: optimizeSpeed;  }
.cc__page .cc__text .cc__nowrap {white-space: nowrap; }
.cc__page .cc__text a { text-decoration: underline; }
.cc__page .cc__text a:hover { text-decoration: none; }

.cc__page .cc__colored { color:var(--COLOR-PAGE); }

.cc__page .cc__text strong,
.cc__page .cc__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.cc__page .cc__price {font-size: 16px;line-height: 20px; }

.cc__page .cc__cta { }
.cc__page .cc__cta-btn {cursor: pointer; display: flex; width: 230px;height: 45px; margin: 0 auto 10px auto; padding:17px;font-size: 14px;line-height: 1em;text-align: center;text-decoration: none;letter-spacing: 0;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;}
.cc__page .cc__cta-btn:last-child {margin-bottom: 0; }
.cc__page .cc__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }

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

.cc__page .cc__cta-transparent {color: #fff; background: transparent;  border: 1px solid #fff; transition:all 0.3s; }
.cc__page .cc__cta-transparent:hover { color: #fff;  border: 1px solid #fff; background: transparent;  box-shadow: 0px 0px 7px 0px #00000026; }

.cc__page .cc__cta .add-to-bag button { background-color: var(--COLOR-RED-A) !important; border: 2px solid var(--COLOR-RED-A) !important; height:52px !important; width: auto; text-transform: none; padding-left: 1.575em; padding-right: 1.575em; }
.cc__page .cc__cta .add-to-bag button:active,
.cc__page .cc__cta .add-to-bag button:focus { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; }
.cc__page .cc__cta .add-to-bag button:focus { outline: 2px solid var(--COLOR-RED-A)!important; }
.cc__page .cc__cta .add-to-bag button:hover { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; background-color:var(--COLOR-RED-B) !important; }

.cc__page .cc__link { cursor: pointer; text-decoration: underline; color:#fff; font-family: var(--GOTHAM-MEDIUM); font-size: 11px; line-height: 1.42em; letter-spacing: 0.02em;  text-transform: uppercase; display: inline-block; }
.cc__page .cc__link:hover { text-decoration: none; }

.cc__page .cc__btn-more { cursor: pointer; width: 45px; margin: 12px auto 0 auto; }
.cc__page .cc__btn-more svg,
.cc__page .cc__btn-more img { width: 100%; display: block; }

.cc__page .cc__btn-more .cc__more-plus {  transition:transform 0.4s; transform-origin:50% 50%; }
.cc__page .cc__btn-more .cc__more-circle {  transition:transform 0.4s;  transform-origin:50% 50%; }

.cc__page .cc__link-quickshop { cursor: pointer; text-decoration: underline; display: inline-block; }
.cc__page .cc__link-quickshop:hover { text-decoration: none; }

.cc__page .cc__nowrap { white-space: nowrap; }

.cc__page .cc__tile { display: none; }
.cc__page .cc__quickshop { display: none; }
.cc__page .cc__addtobag  { display: none; }

.cc__page .cc__sticky {
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: var(--mainOffset);
    height: auto;
    width: 100%;
    left: 0;
}

@media (min-width: 768px) { 

    .cc__page .cc__cta-btn { width: 132px; margin: 0 15px 0 0; }
.cc__page .cc__cta-btn:last-child {margin-right: 0; }

}


/*   header    */

.cc__page .cc__header { position: relative; width: 100%;  }

.cc__page .cc__header-media { width: 100%; position:relative; top:0; left:0;  }
.cc__page .cc__header-heart-picture-1 { position:absolute; top:-23px; left:calc(50% - 165px); width: 70px; }
.cc__page .cc__header-heart-img-1 { width: 100%; display: block; }

.cc__page .cc__header-heart-picture-2 { position:absolute; top:235px; left:calc(50% + 85px);; width: 80px; }
.cc__page .cc__header-heart-img-2 { width: 100%; display: block; }


.cc__page .cc__header-picture { width: 212px; margin: 0 auto;  }

.cc__page .cc__header-body { position: relative; display: flex; align-items:center; flex-direction:column; padding-bottom: 20px; }

.cc__page .cc__header-content { position: relative; top: 0; left: 0; width: 96%; margin: 0 auto; text-align: center; }

.cc__page .cc__header-title { font-size: 36px; line-height: 1.2em; color: #b22a38; font-family: var(--CLARINS-FONT); padding-top:15px; padding-bottom: 20px; }
.cc__page .cc__header-title small { font-size: 30px; line-height: 1.2em; }

.cc__page .cc__header-subtitle { font-size: 18px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 36px; }

.cc__page .cc__header-cta { padding-bottom: 32px; }

.cc__page .cc__header-offers { display: flex;  justify-content:space-between; }

.cc__page .cc__header-offer { border: solid 1px #a09f9f; width: 60vw; padding: 28px 15px 40px 15px; border-radius: 35px; background: #e0e1e1; transition:background 0.3s; }
.cc__page .cc__header-offer.swiper-slide-active { background: #fff; }

.cc__page .cc__header-offer .cc__header-offer-media { margin: 0 auto; height: 74px; display: flex; justify-content:center; align-items:center; }
.cc__page .cc__header-offer .cc__header-offer-picture { width: 100%; }
.cc__page .cc__header-offer[data-offer="1"] .cc__header-offer-media { width: 162px; }
.cc__page .cc__header-offer[data-offer="2"] .cc__header-offer-media { width: 90px; }
.cc__page .cc__header-offer[data-offer="3"] .cc__header-offer-media { width: 43px; }
.cc__page .cc__header-offer[data-offer="4"] .cc__header-offer-media { width: 48px; }

.cc__page .cc__header-offer-content { height: 64px; padding-top: 12px; display: flex; justify-content:center; align-items:center; }
.cc__page .cc__header-offer-text {  font-size: 17px; line-height: 1.25em; letter-spacing:0.02em; text-align: center; }



@media (min-width: 640px) {

.cc__page .cc__header {  width: calc(100% - 30px); max-width: 1024px; margin: 0 auto; padding-bottom: 28px; }

.cc__page .cc__header-offer { width: 248px; background: #fff; margin-right: 15px; }
.cc__page .cc__header-offer:last-child { margin-right: 0; }

}

@media (min-width: 768px) {


.cc__page .cc__header-body { position: relative; flex-direction:row-reverse; }

.cc__page .cc__header-media { width: 50%; padding-left: 120px; }
.cc__page .cc__header-picture { width: 190px; margin: 0;  }
.cc__page .cc__header-heart-picture-1 { top:5px; left:-85px; width: 124px; }
.cc__page .cc__header-heart-picture-2 { top:68px; left:336px; width: 124px; }

.cc__page .cc__header-content { width: 50%; margin: 0; text-align: left; }

.cc__page .cc__header-suptitle { font-size: calc(24 * var(--headerRatio)); line-height: 1.2em; padding-bottom: 0; }
.cc__page .cc__header-title { font-size: 40px; line-height: 1em; margin: 0; padding-top: 50px;  }
.cc__page .cc__header-title small { font-size: 40px; line-height: 1em; }

.cc__page .cc__header-text { font-size: calc(16 * var(--headerRatio)); line-height: 1.1em; }

.cc__page .cc__header-cta { position: relative; display: flex; flex-direction:row;  justify-content:flex-start; padding-bottom: 32px; }


}



/*   navigation    */

.cc__page .cc__navigation { --topNav: var(--mainOffset); width: 100%; z-index:21; }

.cc__page .cc__navigation-content { width: 100%;  padding: 20px 0 50px 0; }

.cc__page .cc__navigation-inside  { position: relative; top:0; left:0; z-index:1; }
.cc__page .cc__navigation-items {display: flex; flex-direction:row; margin: 0 5px; padding: 0; list-style: none; }
.cc__page .cc__navigation-item { cursor: pointer; display:flex; align-items: center;justify-content: center; width: 230px; height: 45px; margin: 0 5px 10px 5px; padding: 0 17px; text-align: center;text-decoration: none;letter-spacing: 0;border-radius: 8px; color: var(--COLOR-DEFAULT); background: #fff;  border: 1px solid #B0A9A5; transition:all 0.3s; font-family: var(--GOTHAM-MEDIUM, Helvetica, Arial);font-weight: 500; position: relative; top:0; left:0; }
.cc__page .cc__navigation-item:last-child { margin-bottom: 0; }
.cc__page .cc__navigation-item span { font-size: 13px; line-height: 1.2em; color:var(--COLOR-DEFAULT); letter-spacing: 0.05em; display: block;t}

.cc__page .cc__navigation-item.cc__active { background-color: var(--COLOR-RED-A);border: 2px solid var(--COLOR-RED-A); }
.cc__page .cc__navigation-item.cc__active span { color: #fff; }

.cc__page .cc__navigation-item:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-A);  border-color: var(--COLOR-RED-A); }
.cc__page .cc__navigation-item:hover span { color: #fff; }

@media (min-width: 768px) { 

    .cc__page .cc__navigation-content { padding-top: 30px; padding-bottom: 50px; }

    .cc__page .cc__navigation-items { flex-direction:row; justify-content: center; align-items:center; padding-bottom: 0; margin: 0 auto; }
    .cc__page .cc__navigation-item{ width: 139px; margin: 0 32px; font-size: 14px; line-height: 1.2em; }

    .cc__page .cc__navigation-item a { text-transform: uppercase; }

    .cc__page .cc__navigation-content .cc__cta-btn { display: flex; }

}



/*   rewards    */

.cc__page .cc__bloc-rewards { padding-top: 32px; width: 100%; }

.cc__page .cc__rewards { width: 100%; max-width: 1264px;  margin: 0 auto; padding-bottom: 20px; text-align: center; }

.cc__page .cc__rewards-suptitle { color: #a5222b; text-transform: uppercase; font-size: 14px; line-height: 1.2em;  text-align: center; margin-bottom: 12px; }
.cc__page .cc__rewards-suptitle span { display:inline-block; border-top: solid 1px #a5222b; border-bottom: solid 1px #a5222b; padding: 6px 0; }
.cc__page .cc__rewards-title { font-size: 20px; line-height: 1.25em; padding-bottom: 16px; }
.cc__page .cc__rewards-text { font-size: 16px; line-height: 1.25em;  width: 90%; margin: 0 auto; padding-bottom: 30px; }

.cc__page .cc__rewards-items { display: flex; justify-content:center; flex-direction:column; }
.cc__page .cc__rewards-item { width:90%; max-width: 325px; border-radius: 35px; overflow: hidden; margin: 0 auto 17px auto; }
.cc__page .cc__rewards-item:last-child { margin-bottom: 0; }
.cc__page .cc__rewards-item-title {  font-size: 23px; line-height: 1.2em; text-transform: uppercase; }
.cc__page .cc__rewards-item-text {  font-size: 18px; line-height: 1.2em; }

.cc__page .cc__rewards-item-top,
.cc__page .cc__rewards-item-bottom { color: #fff; display: flex; align-items:center; justify-content:center; }
.cc__page .cc__rewards-item-top { height: 110px; }
.cc__page .cc__rewards-item-bottom { height: 90px; }

.cc__page .cc__rewards-item-body { height: 390px; }

.cc__page .cc__rewards-item[data-item="red"] { background: #a5222b; }
.cc__page .cc__rewards-item[data-item="red"] .cc__rewards-item-body { background: #eedee0; }
.cc__page .cc__rewards-item[data-item="silver"] { background: #a4abae; }
.cc__page .cc__rewards-item[data-item="silver"] .cc__rewards-item-body { background: #e5e9ea; }
.cc__page .cc__rewards-item[data-item="gold"] { background: #b69968; }
.cc__page .cc__rewards-item[data-item="gold"] .cc__rewards-item-body { background: #ede6d9; }

@media (min-width: 768px) { 

.cc__page .cc__bloc-rewards { padding-top: 32px; width: calc(100% - 30px); max-width: 1024px; margin: 0 auto; }

.cc__page .cc__rewards-suptitle { font-size: 16px; line-height: 1.2em; }
.cc__page .cc__rewards-title { font-size: 30px; line-height: 1.25em; }
.cc__page .cc__rewards-text { font-size: 18px; line-height: 1.25em;  }

.cc__page .cc__rewards-items { flex-direction:row; justify-content:space-between;}
.cc__page .cc__rewards-item { margin: 0 15px 0 0; }
.cc__page .cc__rewards-item:last-child { margin-right: 0; }

}


/*  sliders */

.cc__page .cc__rewards-slider-wrapper { position: relative; top:0; left:0; height: 100%; }
.cc__page .cc__rewards-slider { position: relative; top:0; left:0; height: 100%; }

.cc__page .cc__rewards-slide-content { text-align: center;  height: calc( 100% - 290px); }
.cc__page .cc__rewards-slide-name { font-size: 16px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM);  padding: 15px 15px 0 15px; }
.cc__page .cc__rewards-slide-unit { font-size: 16px; line-height: 1.2em;  }
.cc__page .cc__rewards-slide-redeem { font-size: 16px; line-height: 1.2em;  }

.cc__page .cc__rewards-slide-media { width: 250px; margin: 0 auto; }
.cc__page .cc__rewards-slide-picture { width: 100%; display: block; }
.cc__page .cc__rewards-slide-img { width: 100%; display: block; }




/*  faq */

.cc__page .cc__bloc-faq { padding-top: 24px; padding-bottom: 48px; width: 90%; max-width: 1024px; margin: 0 auto; }
.cc__page .cc__faq-title { font-size: 28px; line-height: 1.2em; font-family: var(--CLARINS-FONT); text-align: center; padding-bottom: 20px; width: 90%; margin: 0 auto; }

.cc__page .cc__faq-items {
  width: calc(100% - 0px);
  height: auto;
  display: block;
  vertical-align: top;
  margin: 0 auto;
  border-top: solid 1px var(--COLOR-DEFAULT);
}
.cc__page .cc__faq-item {
  height: 64px;
  display: block;
  transition: height ease-in-out 0.5s;
  overflow: hidden;
  border-bottom: 1px solid var(--COLOR-DEFAULT);
}
.cc__page .cc__faq-item-handler:after {
  content: "+";
  width: 20px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
  font-size: 36px; line-height: 1em; font-family: var(--GOTHAM-MEDIUM);
  text-align: right;
 }

.cc__page .cc__faq-item[data-open="1"] .cc__faq-item-handler:after {  content: "-"; }

.cc__page .cc__faq-item-handler {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42em;
  padding: 16px 35px 16px 0; 
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}

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

.cc__page .cc__faq-item-answer a { text-decoration:underline; color:#fff; }
.cc__page .cc__faq-item-answer a:hover { text-decoration:none;}
    


@media (min-width: 768px) { 

    .cc__page .cc__bloc-faq { padding-top: 0; padding-bottom: 112px; }
    .cc__page .cc__faq-item-handler {   padding: 18px 45px 18px 0; }

  .cc__page .cc__faq-title { font-size: 40px; line-height: 1.2em; padding-bottom: 24px; }

}




/*    Swiper    */

.cc__page .swiper-container {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   display: block;
}

.cc__page .swiper-container-initialized { opacity: 1; }

.cc__page .swiper-container-no-flexbox .swiper-slide { float: left; }

.cc__page .swiper-container-vertical > .swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.cc__page .swiper-wrapper {
   position: relative;
   /* width: 100%; */
   height: 100%;
   /* z-index: 1; */
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: nowrap;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform,-webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}
.cc__page .swiper-container-android .swiper-slide,
.cc__page .swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0);
}
.cc__page .swiper-container-multirow > .swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.cc__page .swiper-container-free-mode > .swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto;
}
.cc__page .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   text-align: center;
}

.cc__page .swiper-slide:before,.swiper-slide:after { content: ""; display: table; }
.cc__page .swiper-slide:after { clear: both; }

.cc__page .swiper-slide-invisible-blank {
   visibility: hidden;
}
/* Auto Height */
.cc__page .swiper-container-autoheight,
.cc__page .swiper-container-autoheight .swiper-slide {
   height: auto;
}
.cc__page .swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-transition-property: height, -webkit-transform;
   transition-property: height, -webkit-transform;
   -o-transition-property: transform, height;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform;
}

/* IE10 Windows Phone 8 Fixes */
.cc__page .swiper-container-wp8-horizontal,
.cc__page .swiper-container-wp8-horizontal > .swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
.cc__page .swiper-container-wp8-vertical,
.cc__page .swiper-container-wp8-vertical > .swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x;
}

.swiper-backface-hidden .swiper-slide {
   transform:translateZ(0);
   -webkit-backface-visibility:hidden;
   backface-visibility:hidden
}

.cc__page .swiper-button {
 position: absolute;
 top: 0;
 width: 40px;
 height: 40px;
 z-index: 10;
 cursor: pointer;
}
.cc__page .swiper-button:after { content:"";  background-size: 75% auto;  background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; display: block; }
.cc__page .cc__game-container .swiper-button::after { }

.cc__page .swiper-button:focus {  outline: none; }

.cc__page .swiper-button-prev.swiper-button-disabled,
.cc__page .swiper-button-next.swiper-button-disabled {
 opacity: 0.4;
 cursor: auto;
 pointer-events: none;
}
.cc__page .swiper-button-prev,
.cc__page .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
 left: 15px;
 right: auto;
 top: calc(50% - 10px);
}
.cc__page .swiper-button-prev::after,
.cc__page .swiper-container-rtl .swiper-button-next::after,
html[dir="rtl"] .swiper-button-next::after {
 background-image: url(images/arrow-left-grey-icon.svg);
}
.cc__page .swiper-button-next,
.cc__page .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
 right: 15px;
 left: auto;
 top: calc(50% - 10px);
}
.cc__page .swiper-button-next:after,
.cc__page .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .swiper-button-prev:after {
  background-image: url(images/arrow-right-grey-icon.svg);
}

.cc__page .swiper-button-lock {
 display: none;
}

.cc__page .swiper-pagination {
   position: relative; 
   top:0; 
   left:50%;
   transform:translateX(-50%);
   text-align: center;
   padding: 25px 0;
}

.swiper-pagination.swiper-pagination-hidden {
   opacity:0
}
.swiper-pagination-bullet {
   width:16px;
   height:16px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   opacity:1;
   position: relative;
}
.swiper-pagination-bullet:after {
    content: "";
    position: relative;
    width:8px;
    height:8px;
    display:block;
    border-radius:50%;
    background:#D3CCC8;
    opacity:1
}
button.swiper-pagination-bullet {
   border:none;
   margin:0;
   padding:0;
   box-shadow:none;
   -webkit-appearance:none;
   appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor:pointer
}
.swiper-pagination-bullet:only-child {
   display:none!important
}
.swiper-pagination-bullet-active:after {
   opacity:1;
   background:#333;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin:0;
}

.cc__page .swiper-pagination { padding: 24px 0 0 0; }

@media screen and (min-width:900px){

.cc__page .swiper-pagination { display: none; }

}

@media screen and (max-width:767px){

    .cc__page .swiper-button-next,
    .cc__page .swiper-container-rtl .swiper-button-prev,
    html[dir="rtl"] .swiper-button-prev {
       right: 5%;
   }

   .cc__page .swiper-button-prev,
   .cc__page .swiper-container-rtl .swiper-button-next,
   html[dir="rtl"] .swiper-button-next {
       left: 5%;
   }

}