
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, ::after, ::before, * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; text-rendering: optimizeLegibility; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
ul, li { list-style: none; }

* { box-sizing: border-box; }

html {
  padding: 0; margin:0;
}

body {
  overflow-x:hidden;
}

.is--mobile {
  display: none !important;
}

@media (max-width: 768px) {
  .is--desktop {
    display: none !important;
  }
  .is--mobile {
    display: block !important;
  }
}



.header.content {
    background: #fff;
  }

.menus-container {
    background: #fff;
}


.tissot__header_bottom {
  position: absolute;
  top:60px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  z-index: -1;
  transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1);
}

.tissot__header_body {
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
 transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1);
 position: relative;
 top:0;
 left:0;
}

.tissot__header_handler { cursor: pointer; display: flex; align-items:center; }

.tissot__header_handler-arrow { width: 20px; height: 20px; margin-left: 10px; transition : transform 0.3s; }
.tissot__header_handler-arrow img { width: 100%; display: block; }

.tissot__header_bottom.sea__opened .tissot__header_handler-arrow { transform:rotate(180deg); }

.tissot__header_btn {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 2px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
  display: inline-block;
  padding: 12px 30px;
  color: #fff;
  background:#dc1f18;
  border-radius: 20px;
}

.tissot__header_btn:visited:not(:hover) {
  color: #fff;
}

.tissot__header_btn:hover { background-color: #1b1b1b;  color: #fff; }

.tissot__header_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4375;
    color: #000;
    letter-spacing: 0.125em;
    margin: 0;
    display: block;
  }

.tissot__header_panel { overflow: hidden; height: 0; transition: height 0.3s; position: absolute; top: 50px; left: 0; width: 100%; background: #fff; }
.tissot__header_panel ul { list-style: none; padding: 7px 25px 25px 25px; margin: 0; }
.tissot__header_panel li { list-style: none; padding: 0; margin: 0; font-size: 0.85em; }

.tissot__header_bottom.sea__opened .tissot__header_panel { height: 78px; }

.page-header { transition: transform 0.75s cubic-bezier(0.43, 0.195, 0.02, 1); }
.is-header-stacked .page-header { transform: translateY(-61px) translateZ(0); }
.is-header-stacked.is-header-reveal .page-header { transform: translateY(0px) translateZ(0); }


@media (min-width: 1280px) {
  
.is-header-stacked .page-header { transform: translateY(-71px) translateZ(0); }

.tissot__header_bottom { top:70px; }
.tissot__header_bottom .tissot__header_panel { height: 100%; }

.tissot__header_handler-arrow { display: none; }

.tissot__header_right { display: flex; align-items:center; }

.tissot__header_panel { position: relative; top:0; width: auto; }

.tissot__header_panel ul { display: flex; align-items:center; padding: 0 35px 0 0; }
.tissot__header_panel li { padding-right: 20px; }
.tissot__header_panel li:last-child { padding-right: 0; }

}




/* Footer Tissot */

.tissot__footer {
  text-align: center;
  padding: 40px 0 34px;
  background-color: #000;
}


/* Common */



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

.prx__page {
    font-family: var(--FONT-NORMAL);
    font-weight: normal;
    color: #000;
    background: #fff;
    position: relative;
    width: 100%;
    opacity: 0; 
    min-height: 100vh;
    transition:opacity 0.5s ease-out;
}

.prx__page.prx__visible { opacity: 1 }

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

@font-face {
    font-family: 'TissotSans Bold';
    src: url('fonts/TissotSans-Bold.woff2') format('woff2'),
        url('fonts/TissotSans-Bold.woff') format('woff'),
        url('fonts/TissotSans-Bold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TissotSans Medium';
    src: url('fonts/TissotSans-Medium.woff2') format('woff2'),
        url('fonts/TissotSans-Medium.woff') format('woff'),
        url('fonts/TissotSans-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TissotSans';
    src: url('fonts/TissotSans-Regular.woff2') format('woff2'),
        url('fonts/TissotSans-Regular.woff') format('woff'),
        url('fonts/TissotSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


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

.prx__page {
    --FONT-NORMAL: "TissotSans", Helvetica, Arial, sans-serif;
    --FONT-MEDIUM: "TissotSans Medium", Helvetica, Arial, sans-serif;
    --FONT-BOLD: "TissotSans Bold", Helvetica, Arial, sans-serif;
    --PRX-HEIGHT:100vh;
    --PRX-TOP:170px;
}


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

.prx__page h1,
.prx__page h2,
.prx__page h3 {
    margin: 0;
    padding: 0;
    font-family: var(--FONT-BOLD);
    font-weight: normal;
}

.prx__page ul,
.prx__page li { list-style:none; margin: 0; padding: 0; }
.prx__page p { margin: 0; padding: 0; }
.prx__page picture { width: 100%;  display: block; }
.prx__page img { width: 100%; display: block; max-width: unset; }
.prx__page a { color: #000; text-decoration: none; }

.prx__page .prx__bloc { position: relative; top:0; left:0; width: 100%;  }
.prx__page .prx__body { position: relative; top:0; left:0; width: 100%; height: 100%; }
.prx__page .prx__content { text-align: center; position: relative;  left:0; top:0; }

.prx__page br.prx__mobile { display: none; }

.prx__page .prx__title { display:block; font-size: 24px; line-height: 1.2em; letter-spacing:0.02em; text-align: center; }
.prx__page .prx__title small { display:block; font-size: 1em; }
.prx__page  .prx__title:after { content: attr(data-text); position: absolute;  color: white; }
.prx__page .prx__title-img { margin: 0 auto; }

.prx__page .prx__text { font-size: 15px; line-height: 1.45em;  letter-spacing:0.02em; text-align: center; }
.prx__page .prx__nowrap { white-space: nowrap; }

.prx__page .prx__sticky {
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    height: auto;
    width: 100%;
    left: 0;
}


@media(min-width: 768px) {

.prx__page .prx__title {  font-size: 32px; }
.prx__page .prx__text { font-size: 20px; }
}


/*
.prx__page .prx__cta a { width: 178px; height: 40px; border-radius: 20px; display: flex; align-items:center; justify-content:center; margin: 0 auto; }
.prx__page .prx__cta span { padding: 0 20px;  font-size: 17px; line-height: 17px; letter-spacing: 0.08em; color: #fff;}
*/

.prx__page .prx__cta {  padding: 0 30px; background: #dc1f18; border-radius: 25px;  height: 50px; font-weight: 500; min-width: 180px; display: inline-flex;align-items: center;justify-content: center; transition: all .2s ease-in;}
.prx__page .prx__cta-text { color:#fff; font-size: 12px; line-height: 19.2px; text-transform: uppercase; }

.prx__page .prx__cta:hover {  background-color: #1b1b1b; }
.prx__page .prx__cta:visited:not(:hover) { color: #fff; }



.prx__page .prx__bloc {  }



/* --- top  ---- */

.prx__page .prx__top { position: relative; top:0; position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; }

.prx__page .prx__top-video { height:800vh; width: 100vw; position: relative; top:0; left: 0; }

.prx__page .prx__top-media { display: block; width: 100%;  height:100vh; position: relative; top: 0; left: 0; }

.prx__page .prx__top-group {  position: absolute; top: 0; left: 0; display: block; width: 100%; height:100%;  }
.prx__page .prx__top-group[data-visible="1"] { opacity: 1; display: block;  }

.prx__page .prx__top-picture { display: block; width: 100%; height:100%; position: absolute; top: 0; left: 0; opacity: 0; display: none; }
.prx__page .prx__top-picture[data-item="0"] { position: relative; opacity: 1;  display: block;}

.prx__page .prx__top-picture[data-item="0"] { transform-origin:10% 50%; }
.prx__page .prx__top-picture[data-visible="1"] { opacity: 1; display: block; }
.prx__page .prx__top-img { display: block; width: 100vw; height:100vh; object-fit:cover; /* transition:transform 1.5s; transition-origin:50% 0%; */ }

.prx__page .prx__top-picture[data-item="26"] .prx__top-img { display: block; width: auto; height: 100vh; object-fit: contain; position: relative; left: calc(50% - 100vw); }

.prx__page .prx__top-picture-mask-top { display: block; height: calc(50vh - 25vw); width: 100%; background: #000; }
.prx__page .prx__top-picture-mask { height: calc(50vw + 4px); width: 100vw; transform:translateX(-50%); position: absolute;  left:50%;  top: calc(50vh - 25vw - 2px);}
.prx__page .prx__top-picture-mask-bottom { display: block; height: calc(50vh - 25vw); width: 100%; background: #000; margin-top: 50vw;}

/*
.prx__page .prx__top-video[data-state="2"] .prx__top-picture[data-item="025"] .prx__top-img { transform: scale(2) translate(-20%, 15%); }
*/

.prx__page .prx__top-body { position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; }

.prx__page .prx__top-content { opacity: 0; position: absolute; left:0; top:0; width:100%; height: 100%; }
.prx__page .prx__top-content[data-visible="1"] { opacity: 1; transition:opacity 0.4s; }

.prx__page .prx__top-content-body { position: absolute; left:5vw; width:90vw; bottom:70px; }
.prx__page .prx__top-content-text { transform:translateY(20%); }
.prx__page .prx__top-content[data-visible="1"] .prx__top-content-text { transform:translateY(0); transition:transform 0.4s; }

.prx__page .prx__top-content[data-item="1"] .prx__top-content-text {  }

.prx__page .prx__top-content[data-item="2"] {  }

.prx__page .prx__top-content[data-item="3"] .prx__top-content-text { background: rgba(0,0,0,0.6); padding: 15px 15px; border-radius: 5px; }
.prx__page .prx__top-content[data-item="4"] .prx__top-content-text { background: rgba(0,0,0,0.6); padding: 15px 15px; border-radius: 5px; }
/*
.prx__page .prx__top-content[data-item="5"] .prx__top-content-text { background: rgba(0,0,0,0.6); padding: 15px 15px; border-radius: 5px; }
*/
.prx__page .prx__top-content[data-item="6"] .prx__top-content-text { background: rgba(0,0,0,0.6); padding: 15px 15px; border-radius: 5px; }

.prx__page .prx__top-title { text-align: left; color: #fff;  }
.prx__page .prx__top-subtitle { text-align: center; color: #fff; font-size: 25px; line-height: 1.2em; font-family: var(--FONT-MEDIUM);  padding-bottom: 12px; }
.prx__page .prx__top-text { text-align: center; color: #fff; font-size: 15px; line-height: 1.25em; padding-bottom: 4px; }
.prx__page .prx__top-text:last-child { padding-bottom: 0; }

.prx__page .prx__top-line { position: absolute; display:block; width: 1px; background: #fff; }
.prx__page .prx__top-mark { position: absolute; display:block; width: 5px; height: 5px; background: #fff; border-radius: 50%; opacity: 0; }
.prx__page .prx__top-mark::after { content:""; position: absolute; top:calc(50% - 8px); left:calc(50% - 8px); display:block; width: 16px; height: 16px; background: rgba(255,255,255,0.5); border-radius: 50%; }
.prx__page .prx__top-mark[data-visible="1"] { opacity: 1; }

.prx__page .prx__top-content[data-item="4"] .prx__top-line { top:calc(80vh - 10px); left:70%; height: 0; }
.prx__page .prx__top-content[data-item="4"] .prx__top-mark { top:38vh; left:calc(70% - 2px);  }

.prx__page .prx__top-content[data-item="5"] .prx__top-line { top:calc(80vh + 10px); left:36%; height: 0; }
.prx__page .prx__top-content[data-item="5"] .prx__top-mark { top:50vh; left:calc(36% - 2px);  }

.prx__page .prx__top-content[data-item="6"] .prx__top-line { top:calc(80vh - 10px); left:70%; height: 0; }
.prx__page .prx__top-content[data-item="6"] .prx__top-mark { top:19vh; left:calc(70% - 2px);  }



@media(min-width: 768px) {

.prx__page .prx__top-video { height:600vh; --ratioWidthHeight : calc(100vw / 100vh); }

.prx__page .prx__top-title { font-size: 32px; white-space: nowrap; }
.prx__page .prx__top-subtitle { font-size: 32px; white-space: nowrap; padding-bottom: 24px; }
.prx__page .prx__top-text { font-size: 20px; }

.prx__page .prx__top-picture[data-item="26"] .prx__top-img { width: 200vw; }
.prx__page .prx__top-content-body  { width: auto; }

.prx__page .prx__top-subtitle { text-align: left; }
.prx__page .prx__top-text { text-align: left; }
.prx__page .prx__top-content-body { width: 300px; bottom: 10vh; }
.prx__page .prx__top-content[data-item="1"] .prx__top-content-body { bottom: auto; top:50%;}
.prx__page .prx__top-content[data-item="2"] .prx__top-content-body { bottom: auto; top:50%; transform:translateY(-50%); width: 30vw; max-width: 450px;  }
.prx__page .prx__top-content[data-item="2"] .prx__top-subtitle { text-align: center; }
.prx__page .prx__top-content[data-item="2"] .prx__top-text { text-align: center; }
.prx__page .prx__top-content[data-item="3"] .prx__top-content-body { width:20vw; min-width: 300px; }
.prx__page .prx__top-content[data-item="4"] .prx__top-content-body { left:60vw; bottom:20vh; }
.prx__page .prx__top-content[data-item="5"] .prx__top-content-body { bottom:32vh; top: auto; width: 250px; transform:unset;}
.prx__page .prx__top-content[data-item="6"] .prx__top-content-body { left:46vw; top:52vh; width: 40vw; max-width: 510px; }

.prx__page .prx__top-content[data-item="4"] .prx__top-line { top:calc(80vh - 10px); left:60vw; height: 0; }
.prx__page .prx__top-content[data-item="4"] .prx__top-mark { top:27vh; left:calc(60vw - 2px);  }

.prx__page .prx__top-content[data-item="5"] .prx__top-line { top:auto; bottom:calc(32vh - 15px); left:5%; width: 0; height: 1px; }
.prx__page .prx__top-content[data-item="5"] .prx__top-mark { top:auto; bottom:calc(32vh - 15px - 2px); left:44%;  }

.prx__page .prx__top-content[data-item="6"] .prx__top-line { top:calc(52vh - 15px); left:calc(46vw + 15px); width: 0; height: 1px; }
.prx__page .prx__top-content[data-item="6"] .prx__top-mark { top:calc(52vh - 15px - 2px); left:calc(50% + 520px); }

.prx__page .prx__top-picture[data-item="26"] .prx__top-img { display: block; width: 150vw; object-fit: cover; position: relative; left: 0; }

}


@media(min-width: 1526) {

.prx__page .prx__top-content[data-item="2"] .prx__top-content-body { bottom: auto; top:50%;  left:calc(50% - 700px);width: 400px;  }

}


/* --- collection  ---- */

.prx__page .prx__collection { --ratioCollection: 1px; background: #fff; padding-top: 40px; padding-bottom: 40px; overflow: hidden; }

.prx__page .prx__collection-title { padding-bottom: 35px; width: 315px; margin: 0 auto; }

.prx__page .prx__collection-navigation { padding-bottom: 70px; }
.prx__page .prx__collection-tabs { display: flex; justify-content:center; }
.prx__page .prx__collection-tab { position: relative; top:0; left:0; min-width: 30%; display: flex; }
.prx__page .prx__collection-tab:first-child { justify-content:flex-end; }
.prx__page .prx__collection-tab:first-child::after { content:""; height: 24px; width: 1px; background:#909090; position: absolute; top:calc(50% - 12px); right:0; }
.prx__page .prx__collection-tab-handler { cursor:pointer; font-size: 15px; line-height: 1.45em;  color:#909090; margin: 0 20px; }
.prx__page .prx__collection-tab:first-child .prx__collection-tab-handler { text-align: right; margin-right: 32px; }
.prx__page .prx__collection-tab:first-child .prx__collection-tab-handler::before { content:""; position: absolute; top: calc(50% - 4px); right: 12px; border-top: solid 8px #909090; border-left: solid 5px transparent; border-right: solid 5px transparent;  }
.prx__page .prx__collection-tab.prx__active .prx__collection-tab-handler { color:#000; }
.prx__page .prx__collection-tab.prx__active:first-child .prx__collection-tab-handler::before { border-top-color: #000; }
.prx__page .prx__collection-tab-content { position: relative; top:0; left:0; }
.prx__page .prx__collection-tab-panel { position: absolute; display: none; justify-content:center; padding: 15px 0 0 20px; }
.prx__page .prx__collection-tab.prx__active .prx__collection-tab-panel { display: flex; }
.prx__page .prx__collection-tab-item { cursor:pointer; font-size: 15px; line-height: 1.45em; color:#909090; position: relative; top:0; left:0; margin-right: 15px; white-space: nowrap; }
.prx__page .prx__collection-tab-item:last-child { margin-right: 0px; }
.prx__page .prx__collection-tab-item.prx__active { color:#000;  }

.prx__page .prx__collection-group { position: relative; top:0; left: 0; }

.prx__page .prx__collection-bkgd { position: absolute; top:0; left: 0; width:100%; height: calc(418 * var(--ratioCollection)); background: #f9f9f9; }

.prx__page .prx__collection-swatches { position: absolute; top:0; left: calc(50vw - 150 * var(--ratioCollection)); width: calc(300 * var(--ratioCollection)); height: calc(418 * var(--ratioCollection)); overflow:hidden; background: #f9f9f9;  pointer-events:none; }
.prx__page .prx__collection-swatches::before { content:""; position: absolute; top:calc(19 * var(--ratioCollection)); left: 0; width: 1px; height: calc(380 * var(--ratioCollection)); background: #ccc; display: block; }
.prx__page .prx__collection-swatches::after { content:""; position: absolute; top:calc(19 * var(--ratioCollection)); right: 0; width: 1px; height: calc(380 * var(--ratioCollection)); background: #ccc; display: block; }
.prx__page .prx__collection-swatch  { position: absolute; top:calc(50% - 117 * var(--ratioCollection)); left:calc(50% - 130 * var(--ratioCollection)); width: calc(260 * var(--ratioCollection)); }
.prx__page .prx__collection-swatch-picture { display:block; width: 90%; margin: 0 auto; }

.prx__page .prx__collection-swatch[data-item="bottom"] { opacity: 0;  position: absolute; top: calc(50% + 97.5 * var(--ratioCollection)); width: calc(102 * var(--ratioCollection)); left: calc(50% - 52 * var(--ratioCollection)); transform:translateY(10px); }
.prx__page .prx__collection-swatch[data-item="bottom"][data-visible="1"] { opacity: 1; transition:opacity 0.1s ease-out, transform 0.5s ease-out; transform:translateY(0px);  }
.prx__page .prx__collection-swatch[data-item="bottom"] .prx__collection-swatch-picture { width: 100%; }
.prx__page .prx__collection-swatches[data-type="0"] .prx__collection-swatch[data-item="bottom"] { top: calc(50% + 100 * var(--ratioCollection)); left: calc(50% - 51.75 * var(--ratioCollection));  }

.prx__page .prx__collection-swatch[data-item="top"] { opacity: 0; position: absolute; top:calc(50% - 213 * var(--ratioCollection)); width: calc(103 * var(--ratioCollection)); left: calc(50% - 52 * var(--ratioCollection)); transform:translateY(-10px); }
.prx__page .prx__collection-swatch[data-item="top"][data-visible="1"] { opacity: 1; transition:opacity 0.1s ease-out, transform 0.5s ease-out; transform:translateY(0px); }
.prx__page .prx__collection-swatch[data-item="top"] .prx__collection-swatch-picture { width: 100%; }
.prx__page .prx__collection-swatches[data-type="0"] .prx__collection-swatch[data-item="top"] { top:calc(50% - 215 * var(--ratioCollection)); left: calc(50% - 52.5 * var(--ratioCollection)); }


.prx__page .prx__collection-strap  { width: 50vw; }
.prx__page .prx__collection-strap-picture  { width: calc(60 * var(--ratioCollection)); height: calc(418 * var(--ratioCollection)); display: block; margin: 0 auto; display: flex; align-items:center; }
.prx__page .prx__collection-strap-img  { width: 100%; display: block; }
.prx__page .prx__collection-strap-content  { text-align:  center; opacity: 0; padding-top: 32px; padding-bottom: 25px; pointer-events:none; }
.prx__page .prx__collection-strap-name { padding-bottom: 4px; font-size:14px; line-height:1.25em; }
.prx__page .prx__collection-strap-text { font-size:12px; line-height:1.25em; }
.prx__page .prx__collection-strap-cta { padding-top: 12px; }
.prx__page .swiper-slide-active .prx__collection-strap-content  { pointer-events:normal; opacity: 1; transition:opacity 0.5s ease-out 0.45s; }

.prx__page .prx__collection-btns { display: flex; justify-content:center; }
.prx__page .prx__collection-btn { display: none; }
.prx__page .prx__collection-btns[data-swatch-show="0"] .prx__collection-btn[data-swatch-id="0"],
.prx__page .prx__collection-btns[data-swatch-show="1"] .prx__collection-btn[data-swatch-id="1"],
.prx__page .prx__collection-btns[data-swatch-show="2"] .prx__collection-btn[data-swatch-id="2"],
.prx__page .prx__collection-btns[data-swatch-show="3"] .prx__collection-btn[data-swatch-id="3"]  { display: block; }


@media(max-width: 460px) {

.prx__page .prx__collection { --ratioCollection: 100vw/460; } 

}


@media(min-width: 768px) {

    .prx__page .prx__collection { --ratioCollection: 1px; padding-top: 70px; padding-bottom: 70px; }

    .prx__page .prx__collection-title { width: 550px;  }
    .prx__page .prx__collection-strap  { width: 250px; }
    
    .prx__page .prx__collection-swatches { left: calc(50% - 160px); width: 320px; height: 418px; }
    .prx__page .prx__collection-swatch { top:calc(50% - 117px); left:calc(50% - 130px); width: 260px; }
    .prx__page .prx__collection-swatch-picture { width: 90%; }

    .prx__page .prx__collection-swatch[data-item="top"] { top:calc(50% - 213px); width: 104px; left: calc(50% - 52px); }
    .prx__page .prx__collection-swatch[data-item="bottom"] { top: calc(50% + 96px); width: 103px;left: calc(50% - 53px); }

    .prx__page .prx__collection-swatches[data-type="0"] .prx__collection-swatch[data-item="top"] { top:calc(50% - 215px); left: calc(50% - 53px);}
    .prx__page .prx__collection-swatches[data-type="0"] .prx__collection-swatch[data-item="bottom"] { top: calc(50% + 98px); left: calc(50% - 52px); }


}




/* --- edito  ---- */

.prx__page .prx__edito {  display: flex; flex-direction:column; }

.prx__page .prx__edito-content { padding-top: 40px; width: 90%; margin: 0 auto; }

.prx__page .prx__edito-title { padding-bottom: 24px; color: rgba(0,0,0,0.9); }
.prx__page .prx__edito-text { padding-bottom: 30px; color: rgba(0,0,0,0.65); }

.prx__page .prx__edito-medias { position: relative; top:0; left:0; overflow: hidden; width: 100%;  height: 100%; }

.prx__page .prx__edito-medias .swiper-container { padding-bottom: 0; }

@media(min-width: 768px) {

.prx__page .prx__edito { flex-direction:row-reverse; align-items:center; }
.prx__page .prx__edito-inside { width: 60%; height: 100vh; }
.prx__page .prx__edito-medias .swiper-container { height: 100%; padding-bottom: 0;margin-bottom: 0;background: transparent;}
.prx__page .prx__edito-picture { height: 100%; }
.prx__page .prx__edito-img { height: 100%; object-fit:cover; }

.prx__page .prx__edito-content { padding-top: 0; padding-left:32px; width: 40%; }
.prx__page .prx__edito-title { text-align: left; }
.prx__page .prx__edito-text { text-align: left; }


}


/* --- bottom  ---- */

.prx__page .prx__bottom { position: relative; top:0; position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; }
.prx__page .prx__bottom-media { display: block; width: 100%;  height:100vh; position: relative; top: 0; left: 0; }
.prx__page .prx__bottom-media::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); }

.prx__page .prx__bottom-picture { display: block; width: 100%; height:100%; position: absolute; top: 0; left: 0; opacity: 0; display: none; }
.prx__page .prx__bottom-picture[data-item="0"] { position: relative; opacity: 1;  display: block;}
.prx__page .prx__bottom-picture[data-visible="1"] { opacity: 1; display: block; }
.prx__page .prx__bottom-img { display: block; width: 100vw; height:100vh; object-fit:cover; }

.prx__page .prx__bottom-content { opacity: 0; position: absolute; top: 0; left:5vw; width:90vw; height:100%; display: flex; align-items:center; justify-content:center; }
.prx__page .prx__bottom-content[data-visible="1"] { opacity: 1; transition:opacity 0.4s; }

.prx__page .prx__bottom-text { text-align: center; color: #fff; font-size: 28px; line-height: 1.25em; font-family: var(--FONT-BOLD); transform: translateY(100%); }

.prx__page .prx__bottom-shadow { position: absolute; top: 66%; left:-6vw; width: 375px; display: block; margin: 0 auto; }


@media(min-width: 768px) {

.prx__page .prx__bottom-shadow { top: 67%; left: calc(48% - 175px); }

}


/*  Swiper  */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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'); font-weight:400;font-style:normal}
:root{--swiper-theme-color:#000}
:root{--swiper-navigation-size:20px;}
.prx__page .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.prx__page .swiper-vertical>.swiper-wrapper{flex-direction:column}
.prx__page .swiper-wrapper{position:relative;width:100%;height:100%;/*! z-index:1; */display:flex;transition-property:transform;box-sizing:content-box}
.prx__page .swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.prx__page .swiper-pointer-events{touch-action:pan-y}
.prx__page .swiper-pointer-events.swiper-vertical{touch-action:pan-x}
.prx__page .swiper-slide{flex-shrink:0; /*width:100%;height:100%; */position:relative;transition-property:transform}
.prx__page .swiper-slide-invisible-blank{visibility:hidden}
.prx__page .swiper-slide-active,.prx__page .swiper-slide-prev,.prx__page .swiper-slide:not(.swiper-slide-visible) { opacity: 1; }


/*
.prx__page .prx__collection-swiper .swiper-slide { opacity: 0; transition: opacity 0.1s ease-out; }
.prx__page .prx__collection-swiper .swiper-slide-active,
.prx__page .prx__collection-swiper .swiper-slide-prev,
.prx__page .prx__collection-swiper .swiper-slide-next { opacity: 1; transition: opacity 0.5s 0.2s; }
.prx__page .prx__collection-swiper .swiper-slide-duplicate-active,
.prx__page .prx__collection-swiper .swiper-slide-duplicate-active + .swiper-slide,
.prx__page .prx__collection-swiper .swiper-slide-duplicate-prev,
.prx__page .prx__collection-swiper .swiper-slide-duplicate-next { opacity: 1; transition: opacity 0s 0s; }
*/

.prx__page .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.prx__page .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.prx__page .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.prx__page .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.prx__page .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.prx__page .swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.prx__page .swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.prx__page .swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
.prx__page .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.prx__page .swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.prx__page .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
.prx__page .swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.prx__page .swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
.prx__page .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}
.prx__page .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
.prx__page .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
.prx__page .swiper-button-next,
.prx__page .swiper-button-prev{position:absolute;top:140px;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;z-index: 20;transform: none;opacity: 1;}
.prx__page .swiper-button-next.swiper-button-disabled,
.prx__page .swiper-button-prev.swiper-button-disabled{opacity:.25;cursor:auto;pointer-events:none}
.prx__page .swiper-button-next:after,
.prx__page .swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.prx__page .swiper-button-prev,
.prx__page .swiper-button-prev:focus,
.prx__page .swiper-rtl .swiper-button-next {left:35px;right:auto}
.prx__page .swiper-button-prev:after,
.prx__page .swiper-rtl .swiper-button-next:after{content:'prev'}
.prx__page .swiper-button-next,
.prx__page .swiper-button-next:focus,
.prx__page .swiper-rtl .swiper-button-prev{right: 35px; left:auto;/*! z-index: 2; */}
.prx__page .swiper-button-next:after,
.prx__page .swiper-rtl .swiper-button-prev:after{content:'next'}
.prx__page .swiper-button-lock{display:none}

 .prx__page .swiper-button-next,
 .prx__page .swiper-button-prev { top: 50%; }

.prx__page  .prx__collection-straps .swiper-container { padding-bottom: 0; margin-bottom: 0; }
.prx__page  .prx__collection-straps .swiper-button-next,
.prx__page  .prx__collection-straps .swiper-button-prev { top:auto; bottom: 85px; color:#636363; width: unset;height: unset;transform: none;}



@media (min-width: 768px) {

.prx__page .prx__collection .swiper-button-prev,
.prx__page .prx__collection .swiper-rtl .swiper-button-next{left: calc(50% - 200px); }
.prx__page .prx__collection .swiper-button-next,
.prx__page .prx__collection .swiper-rtl .swiper-button-prev{right: calc(50% - 200px); }

.prx__page  .prx__collection-straps .swiper-button-next,
.prx__page  .prx__collection-straps .swiper-button-prev {  bottom: 85px; }


}






