@font-face {
    font-family: DINWeb-Bold;
    src: url(/images/skins/277/DINWeb-Bold.woff) format("woff");
}

@font-face {
    font-family: DINWeb-Cond;
    src: url(/images/skins/277/DINWeb-Cond.woff) format("woff");
}

@font-face {
    font-family: DINWeb-Cond;
    font-weight: bold;
    src: url(/images/skins/277/DINWeb-CondBold.woff) format("woff");
}

@font-face {
    font-family: DINWeb;
    src: url(/images/skins/277/DINWeb.woff) format("woff");
}

@font-face {
    font-family: DINWeb;
    font-weight: 700;
    src: url(/images/skins/277/DINWeb-Bold.woff) format("woff");
}

@font-face {
    font-family: 'DINWeb';
    font-style: normal;
    font-weight: 500;
    src: url(/images/skins/277/DINWeb-Medium.eot);
    src: url(/images/skins/277/DINWeb-Medium.eot?#iefix) format('embedded-opentype'), url(/images/skins/277/DINWeb-Medium.woff) format('woff'), url(/images/skins/277/DINWeb-Medium.ttf) format('truetype');
}

@font-face {
    font-family: DINWeb-CondBold;
    src: url(/images/skins/277/DINWeb-CondBold.woff) format("woff");
}

@font-face {
    font-family: 'DINWeb-Medium';
    font-style: normal;
    font-weight: 500;
    src: url(/images/skins/277/DINWeb-Medium.eot);
    src: url(/images/skins/277/DINWeb-Medium.eot?#iefix) format('embedded-opentype'), url(/images/skins/277/DINWeb-Medium.woff) format('woff'), url(/images/skins/277/DINWeb-Medium.ttf) format('truetype');
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

::selection {
    color: #fff;
    background: rgba(3, 147, 175, 0.9);
}

a {
    color: #00a6c6;
}

    a:hover,
    a:active,
    a:focus {
        color: #007c94;
    }


/* Document
   ========================================================================== */

html {
    font-family: sans-serif; /* 1 */
    line-height: 1.15; /* 2 */
    -ms-text-size-adjust: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
}

    /**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

    a:active,
    a:hover {
        outline-width: 0;
        text-decoration: none;
        outline: none !important;
    }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

    /**
 * Add the correct display in iOS 4-7.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */

button:hover,
button:focus,
button:active {
    outline: none !important;
}

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

    /**
 * Remove the inner border and padding in Firefox.
 */

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus styles unset by the previous rule.
 */

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

    /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
    display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}

html {
    box-sizing: border-box;
    background-color: transparent;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    min-width: 20em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4;
}

.ucpa-visuallyhidden {
    /* Hide only visually, but have it available for screen readers: */
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    border: 0;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}

button {
    cursor: pointer;
}

select option {
    font-family: Arial;
}

/* @import "cssrecipes-custom-media-queries/index.css"; */

/* media-queries are defined in cssGlobals/customMedia.js */

/*  ===== flex version */

/* @import "cssrecipes-grid/flex.css";
@import "cssrecipes-utils/lib/all.css";
@import "cssrecipes-utils/lib/min.css";

.r-Grid {
  flex-wrap: wrap;
}

.r-Grid--withGutter > .r-Grid-cell {
  padding: calc(0.5 * var(--r-Grid-gutter));
}
 */

/* ===== inline-block version */

.r-Grid {
    padding: 0;
    margin: 0;
}

/* Modifier --withGutter */

.r-Grid--withGutter {
    margin: 0 -0.625rem
}

    .r-Grid--withGutter > .r-Grid-cell {
        padding: 0 0.625rem
    }

.r-Grid-cell {
    font-size: 1rem;
    width: 100%;
    padding: 0;
}

.r-Grid {
    display: block;
    font-size: 0; /* whitespace control */
}

.r-Grid-cell {
    display: inline-block;
    vertical-align: top;
}

.r-Grid-cell--alignTop {
    vertical-align: top
}

.r-Grid-cell--alignMiddle {
    vertical-align: middle
}

.r-Grid-cell--alignBottom {
    vertical-align: bottom
}

.r-all--1of24 {
    width: 4.16667%;
}

.r-all--1of16 {
    width: 6.25%;
}

.r-all--1of12,
.r-all--2of24 {
    width: 8.33333%;
}

.r-all--1of11 {
    width: 9.09091%;
}

.r-all--1of10 {
    width: 10%;
}

.r-all--1of9 {
    width: 11.11111%;
}

.r-all--1of8,
.r-all--3of24 {
    width: 12.5%;
}

.r-all--1of7 {
    width: 14.28571%;
}

.r-all--1of6,
.r-all--2of12,
.r-all--4of24 {
    width: 16.66667%;
}

.r-all--2of11 {
    width: 18.18182%;
}

.r-all--1of5,
.r-all--2of10 {
    width: 20%;
}

.r-all--5of24 {
    width: 20.83333%;
}

.r-all--2of9 {
    width: 22.22222%;
}

.r-all--1of4,
.r-all--2of8,
.r-all--3of12,
.r-all--6of24 {
    width: 25%;
}

.r-all--3of11 {
    width: 27.27273%;
}

.r-all--2of7 {
    width: 28.57143%;
}

.r-all--7of24 {
    width: 29.16667%;
}

.r-all--3of10 {
    width: 30%;
}

.r-all--1of3,
.r-all--2of6,
.r-all--3of9,
.r-all--4of12,
.r-all--8of24 {
    width: 33.33333%;
}

.r-all--4of11 {
    width: 36.36364%;
}

.r-all--3of8,
.r-all--9of24 {
    width: 37.5%;
}

.r-all--2of5,
.r-all--4of10 {
    width: 40%;
}

.r-all--5of12,
.r-all--10of24 {
    width: 41.66667%;
}

.r-all--3of7 {
    width: 42.85714%;
}

.r-all--4of9 {
    width: 44.44444%;
}

.r-all--5of11 {
    width: 45.45455%;
}

.r-all--11of24 {
    width: 45.83333%;
}

.r-all--1of2,
.r-all--2of4,
.r-all--3of6,
.r-all--4of8,
.r-all--5of10,
.r-all--6of12,
.r-all--12of24 {
    width: 50%;
}

.r-all--13of24 {
    width: 54.16667%;
}

.r-all--6of11 {
    width: 54.54545%;
}

.r-all--5of9 {
    width: 55.55556%;
}

.r-all--4of7 {
    width: 57.14286%;
}

.r-all--7of12,
.r-all--14of24 {
    width: 58.33333%;
}

.r-all--3of5,
.r-all--6of10 {
    width: 60%;
}

.r-all--7of11 {
    width: 63.63636%;
}

.r-all--5of8,
.r-all--15of24 {
    width: 62.5%;
}

.r-all--2of3,
.r-all--4of6,
.r-all--6of9,
.r-all--8of12,
.r-all--16of24 {
    width: 66.66667%;
}

.r-all--7of10 {
    width: 70%;
}

.r-all--17of24 {
    width: 70.83333%;
}

.r-all--5of7 {
    width: 71.42857%;
}

.r-all--8of11 {
    width: 72.72727%;
}

.r-all--3of4,
.r-all--6of8,
.r-all--9of12,
.r-all--18of24 {
    width: 75%;
}

.r-all--7of9 {
    width: 77.77778%;
}

.r-all--19of24 {
    width: 79.16667%;
}

.r-all--4of5,
.r-all--8of10 {
    width: 80%;
}

.r-all--9of11 {
    width: 81.81818%;
}

.r-all--5of6,
.r-all--10of12,
.r-all--20of24 {
    width: 83.33333%;
}

.r-all--6of7 {
    width: 85.71429%;
}

.r-all--7of8,
.r-all--21of24 {
    width: 87.5%;
}

.r-all--8of9 {
    width: 88.88889%;
}

.r-all--9of10 {
    width: 90%;
}

.r-all--10of11 {
    width: 90.90909%;
}

.r-all--11of12,
.r-all--22of24 {
    width: 91.66667%;
}

.r-all--23of24 {
    width: 95.83333%;
}

.r-all--1of1,
.r-all--2of2,
.r-all--3of3,
.r-all--4of4,
.r-all--5of5,
.r-all--6of6,
.r-all--7of7,
.r-all--8of8,
.r-all--9of9,
.r-all--10of10,
.r-all--11of11,
.r-all--12of12,
.r-all--24of24 {
    width: 100%;
}

.r-all--hidden {
    display: none;
}

.r-all--visible {
    display: inline-block;
}

@media screen and (min-width: 30.01em) {
    .r-minS--1of24 {
        width: 4.16667%;
    }

    .r-minS--1of12,
    .r-minS--2of24 {
        width: 8.33333%;
    }

    .r-minS--1of11 {
        width: 9.09091%;
    }

    .r-minS--1of10 {
        width: 10%;
    }

    .r-minS--1of9 {
        width: 11.11111%;
    }

    .r-minS--1of8,
    .r-minS--3of24 {
        width: 12.5%;
    }

    .r-minS--1of7 {
        width: 14.28571%;
    }

    .r-minS--1of6,
    .r-minS--2of12,
    .r-minS--4of24 {
        width: 16.66667%;
    }

    .r-minS--2of11 {
        width: 18.18182%;
    }

    .r-minS--1of5,
    .r-minS--2of10 {
        width: 20%;
    }

    .r-minS--5of24 {
        width: 20.83333%;
    }

    .r-minS--2of9 {
        width: 22.22222%;
    }

    .r-minS--1of4,
    .r-minS--2of8,
    .r-minS--3of12,
    .r-minS--6of24 {
        width: 25%;
    }

    .r-minS--3of11 {
        width: 27.27273%;
    }

    .r-minS--2of7 {
        width: 28.57143%;
    }

    .r-minS--7of24 {
        width: 29.16667%;
    }

    .r-minS--3of10 {
        width: 30%;
    }

    .r-minS--1of3,
    .r-minS--2of6,
    .r-minS--3of9,
    .r-minS--4of12,
    .r-minS--8of24 {
        width: 33.33333%;
    }

    .r-minS--4of11 {
        width: 36.36364%;
    }

    .r-minS--3of8,
    .r-minS--9of24 {
        width: 37.5%;
    }

    .r-minS--2of5,
    .r-minS--4of10 {
        width: 40%;
    }

    .r-minS--5of12,
    .r-minS--10of24 {
        width: 41.66667%;
    }

    .r-minS--3of7 {
        width: 42.85714%;
    }

    .r-minS--4of9 {
        width: 44.44444%;
    }

    .r-minS--5of11 {
        width: 45.45455%;
    }

    .r-minS--11of24 {
        width: 45.83333%;
    }

    .r-minS--1of2,
    .r-minS--2of4,
    .r-minS--3of6,
    .r-minS--4of8,
    .r-minS--5of10,
    .r-minS--6of12,
    .r-minS--12of24 {
        width: 50%;
    }

    .r-minS--13of24 {
        width: 54.16667%;
    }

    .r-minS--6of11 {
        width: 54.54545%;
    }

    .r-minS--5of9 {
        width: 55.55556%;
    }

    .r-minS--4of7 {
        width: 57.14286%;
    }

    .r-minS--7of12,
    .r-minS--14of24 {
        width: 58.33333%;
    }

    .r-minS--3of5,
    .r-minS--6of10 {
        width: 60%;
    }

    .r-minS--7of11 {
        width: 63.63636%;
    }

    .r-minS--5of8,
    .r-minS--15of24 {
        width: 62.5%;
    }

    .r-minS--2of3,
    .r-minS--4of6,
    .r-minS--6of9,
    .r-minS--8of12,
    .r-minS--16of24 {
        width: 66.66667%;
    }

    .r-minS--7of10 {
        width: 70%;
    }

    .r-minS--17of24 {
        width: 70.83333%;
    }

    .r-minS--5of7 {
        width: 71.42857%;
    }

    .r-minS--8of11 {
        width: 72.72727%;
    }

    .r-minS--3of4,
    .r-minS--6of8,
    .r-minS--9of12,
    .r-minS--18of24 {
        width: 75%;
    }

    .r-minS--7of9 {
        width: 77.77778%;
    }

    .r-minS--19of24 {
        width: 79.16667%;
    }

    .r-minS--4of5,
    .r-minS--8of10 {
        width: 80%;
    }

    .r-minS--9of11 {
        width: 81.81818%;
    }

    .r-minS--5of6,
    .r-minS--10of12,
    .r-minS--20of24 {
        width: 83.33333%;
    }

    .r-minS--6of7 {
        width: 85.71429%;
    }

    .r-minS--7of8,
    .r-minS--21of24 {
        width: 87.5%;
    }

    .r-minS--8of9 {
        width: 88.88889%;
    }

    .r-minS--9of10 {
        width: 90%;
    }

    .r-minS--10of11 {
        width: 90.90909%;
    }

    .r-minS--11of12,
    .r-minS--22of24 {
        width: 91.66667%;
    }

    .r-minS--23of24 {
        width: 95.83333%;
    }

    .r-minS--1of1,
    .r-minS--2of2,
    .r-minS--3of3,
    .r-minS--4of4,
    .r-minS--5of5,
    .r-minS--6of6,
    .r-minS--7of7,
    .r-minS--8of8,
    .r-minS--9of9,
    .r-minS--10of10,
    .r-minS--11of11,
    .r-minS--12of12,
    .r-minS--24of24 {
        width: 100%;
    }

    .r-minS--hidden {
        display: none;
    }

    .r-minS--visible {
        display: inline-block;
    }
}

@media screen and (min-width: 50.01em) {
    .r-minM--1of24 {
        width: 4.16667%;
    }

    .r-minM--1of12,
    .r-minM--2of24 {
        width: 8.33333%;
    }

    .r-minM--1of11 {
        width: 9.09091%;
    }

    .r-minM--1of10 {
        width: 10%;
    }

    .r-minM--1of9 {
        width: 11.11111%;
    }

    .r-minM--1of8,
    .r-minM--3of24 {
        width: 12.5%;
    }

    .r-minM--1of7 {
        width: 14.28571%;
    }

    .r-minM--1of6,
    .r-minM--2of12,
    .r-minM--4of24 {
        width: 16.66667%;
    }

    .r-minM--2of11 {
        width: 18.18182%;
    }

    .r-minM--1of5,
    .r-minM--2of10 {
        width: 20%;
    }

    .r-minM--5of24 {
        width: 20.83333%;
    }

    .r-minM--2of9 {
        width: 22.22222%;
    }

    .r-minM--1of4,
    .r-minM--2of8,
    .r-minM--3of12,
    .r-minM--6of24 {
        width: 25%;
    }

    .r-minM--3of11 {
        width: 27.27273%;
    }

    .r-minM--2of7 {
        width: 28.57143%;
    }

    .r-minM--7of24 {
        width: 29.16667%;
    }

    .r-minM--3of10 {
        width: 30%;
    }

    .r-minM--1of3,
    .r-minM--2of6,
    .r-minM--3of9,
    .r-minM--4of12,
    .r-minM--8of24 {
        width: 33.33333%;
    }

    .r-minM--4of11 {
        width: 36.36364%;
    }

    .r-minM--3of8,
    .r-minM--9of24 {
        width: 37.5%;
    }

    .r-minM--2of5,
    .r-minM--4of10 {
        width: 40%;
    }

    .r-minM--5of12,
    .r-minM--10of24 {
        width: 41.66667%;
    }

    .r-minM--3of7 {
        width: 42.85714%;
    }

    .r-minM--4of9 {
        width: 44.44444%;
    }

    .r-minM--5of11 {
        width: 45.45455%;
    }

    .r-minM--11of24 {
        width: 45.83333%;
    }

    .r-minM--1of2,
    .r-minM--2of4,
    .r-minM--3of6,
    .r-minM--4of8,
    .r-minM--5of10,
    .r-minM--6of12,
    .r-minM--12of24 {
        width: 50%;
    }

    .r-minM--13of24 {
        width: 54.16667%;
    }

    .r-minM--6of11 {
        width: 54.54545%;
    }

    .r-minM--5of9 {
        width: 55.55556%;
    }

    .r-minM--4of7 {
        width: 57.14286%;
    }

    .r-minM--7of12,
    .r-minM--14of24 {
        width: 58.33333%;
    }

    .r-minM--3of5,
    .r-minM--6of10 {
        width: 60%;
    }

    .r-minM--7of11 {
        width: 63.63636%;
    }

    .r-minM--5of8,
    .r-minM--15of24 {
        width: 62.5%;
    }

    .r-minM--2of3,
    .r-minM--4of6,
    .r-minM--6of9,
    .r-minM--8of12,
    .r-minM--16of24 {
        width: 66.66667%;
    }

    .r-minM--7of10 {
        width: 70%;
    }

    .r-minM--17of24 {
        width: 70.83333%;
    }

    .r-minM--5of7 {
        width: 71.42857%;
    }

    .r-minM--8of11 {
        width: 72.72727%;
    }

    .r-minM--3of4,
    .r-minM--6of8,
    .r-minM--9of12,
    .r-minM--18of24 {
        width: 75%;
    }

    .r-minM--7of9 {
        width: 77.77778%;
    }

    .r-minM--19of24 {
        width: 79.16667%;
    }

    .r-minM--4of5,
    .r-minM--8of10 {
        width: 80%;
    }

    .r-minM--9of11 {
        width: 81.81818%;
    }

    .r-minM--5of6,
    .r-minM--10of12,
    .r-minM--20of24 {
        width: 83.33333%;
    }

    .r-minM--6of7 {
        width: 85.71429%;
    }

    .r-minM--7of8,
    .r-minM--21of24 {
        width: 87.5%;
    }

    .r-minM--8of9 {
        width: 88.88889%;
    }

    .r-minM--9of10 {
        width: 90%;
    }

    .r-minM--10of11 {
        width: 90.90909%;
    }

    .r-minM--11of12,
    .r-minM--22of24 {
        width: 91.66667%;
    }

    .r-minM--23of24 {
        width: 95.83333%;
    }

    .r-minM--1of1,
    .r-minM--2of2,
    .r-minM--3of3,
    .r-minM--4of4,
    .r-minM--5of5,
    .r-minM--6of6,
    .r-minM--7of7,
    .r-minM--8of8,
    .r-minM--9of9,
    .r-minM--10of10,
    .r-minM--11of11,
    .r-minM--12of12,
    .r-minM--24of24 {
        width: 100%;
    }

    .r-minM--hidden {
        display: none;
    }

    .r-minM--visible {
        display: inline-block;
    }
}

@media screen and (min-width: 65.01em) {
    .r-minL--1of24 {
        width: 4.16667%;
    }

    .r-minL--1of12,
    .r-minL--2of24 {
        width: 8.33333%;
    }

    .r-minL--1of11 {
        width: 9.09091%;
    }

    .r-minL--1of10 {
        width: 10%;
    }

    .r-minL--1of9 {
        width: 11.11111%;
    }

    .r-minL--1of8,
    .r-minL--3of24 {
        width: 12.5%;
    }

    .r-minL--1of7 {
        width: 14.28571%;
    }

    .r-minL--1of6,
    .r-minL--2of12,
    .r-minL--4of24 {
        width: 16.66667%;
    }

    .r-minL--2of11 {
        width: 18.18182%;
    }

    .r-minL--1of5,
    .r-minL--2of10 {
        width: 20%;
    }

    .r-minL--5of24 {
        width: 20.83333%;
    }

    .r-minL--2of9 {
        width: 22.22222%;
    }

    .r-minL--1of4,
    .r-minL--2of8,
    .r-minL--3of12,
    .r-minL--6of24 {
        width: 25%;
    }

    .r-minL--3of11 {
        width: 27.27273%;
    }

    .r-minL--2of7 {
        width: 28.57143%;
    }

    .r-minL--7of24 {
        width: 29.16667%;
    }

    .r-minL--3of10 {
        width: 30%;
    }

    .r-minL--1of3,
    .r-minL--2of6,
    .r-minL--3of9,
    .r-minL--4of12,
    .r-minL--8of24 {
        width: 33.33333%;
    }

    .r-minL--4of11 {
        width: 36.36364%;
    }

    .r-minL--3of8,
    .r-minL--9of24 {
        width: 37.5%;
    }

    .r-minL--2of5,
    .r-minL--4of10 {
        width: 40%;
    }

    .r-minL--5of12,
    .r-minL--10of24 {
        width: 41.66667%;
    }

    .r-minL--3of7 {
        width: 42.85714%;
    }

    .r-minL--4of9 {
        width: 44.44444%;
    }

    .r-minL--5of11 {
        width: 45.45455%;
    }

    .r-minL--11of24 {
        width: 45.83333%;
    }

    .r-minL--1of2,
    .r-minL--2of4,
    .r-minL--3of6,
    .r-minL--4of8,
    .r-minL--5of10,
    .r-minL--6of12,
    .r-minL--12of24 {
        width: 50%;
    }

    .r-minL--13of24 {
        width: 54.16667%;
    }

    .r-minL--6of11 {
        width: 54.54545%;
    }

    .r-minL--5of9 {
        width: 55.55556%;
    }

    .r-minL--4of7 {
        width: 57.14286%;
    }

    .r-minL--7of12,
    .r-minL--14of24 {
        width: 58.33333%;
    }

    .r-minL--3of5,
    .r-minL--6of10 {
        width: 60%;
    }

    .r-minL--7of11 {
        width: 63.63636%;
    }

    .r-minL--5of8,
    .r-minL--15of24 {
        width: 62.5%;
    }

    .r-minL--2of3,
    .r-minL--4of6,
    .r-minL--6of9,
    .r-minL--8of12,
    .r-minL--16of24 {
        width: 66.66667%;
    }

    .r-minL--7of10 {
        width: 70%;
    }

    .r-minL--17of24 {
        width: 70.83333%;
    }

    .r-minL--5of7 {
        width: 71.42857%;
    }

    .r-minL--8of11 {
        width: 72.72727%;
    }

    .r-minL--3of4,
    .r-minL--6of8,
    .r-minL--9of12,
    .r-minL--18of24 {
        width: 75%;
    }

    .r-minL--7of9 {
        width: 77.77778%;
    }

    .r-minL--19of24 {
        width: 79.16667%;
    }

    .r-minL--4of5,
    .r-minL--8of10 {
        width: 80%;
    }

    .r-minL--9of11 {
        width: 81.81818%;
    }

    .r-minL--5of6,
    .r-minL--10of12,
    .r-minL--20of24 {
        width: 83.33333%;
    }

    .r-minL--6of7 {
        width: 85.71429%;
    }

    .r-minL--7of8,
    .r-minL--21of24 {
        width: 87.5%;
    }

    .r-minL--8of9 {
        width: 88.88889%;
    }

    .r-minL--9of10 {
        width: 90%;
    }

    .r-minL--10of11 {
        width: 90.90909%;
    }

    .r-minL--11of12,
    .r-minL--22of24 {
        width: 91.66667%;
    }

    .r-minL--23of24 {
        width: 95.83333%;
    }

    .r-minL--1of1,
    .r-minL--2of2,
    .r-minL--3of3,
    .r-minL--4of4,
    .r-minL--5of5,
    .r-minL--6of6,
    .r-minL--7of7,
    .r-minL--8of8,
    .r-minL--9of9,
    .r-minL--10of10,
    .r-minL--11of11,
    .r-minL--12of12,
    .r-minL--24of24 {
        width: 100%;
    }

    .r-minL--hidden {
        display: none;
    }

    .r-minL--visible {
        display: inline-block;
    }
}

@media screen and (min-width: 80.01em) {
    .r-minXL--1of24 {
        width: 4.16667%;
    }

    .r-minXL--1of12,
    .r-minXL--2of24 {
        width: 8.33333%;
    }

    .r-minXL--1of11 {
        width: 9.09091%;
    }

    .r-minXL--1of10 {
        width: 10%;
    }

    .r-minXL--1of9 {
        width: 11.11111%;
    }

    .r-minXL--1of8,
    .r-minXL--3of24 {
        width: 12.5%;
    }

    .r-minXL--1of7 {
        width: 14.28571%;
    }

    .r-minXL--1of6,
    .r-minXL--2of12,
    .r-minXL--4of24 {
        width: 16.66667%;
    }

    .r-minXL--2of11 {
        width: 18.18182%;
    }

    .r-minXL--1of5,
    .r-minXL--2of10 {
        width: 20%;
    }

    .r-minXL--5of24 {
        width: 20.83333%;
    }

    .r-minXL--2of9 {
        width: 22.22222%;
    }

    .r-minXL--1of4,
    .r-minXL--2of8,
    .r-minXL--3of12,
    .r-minXL--6of24 {
        width: 25%;
    }

    .r-minXL--3of11 {
        width: 27.27273%;
    }

    .r-minXL--2of7 {
        width: 28.57143%;
    }

    .r-minXL--7of24 {
        width: 29.16667%;
    }

    .r-minXL--3of10 {
        width: 30%;
    }

    .r-minXL--1of3,
    .r-minXL--2of6,
    .r-minXL--3of9,
    .r-minXL--4of12,
    .r-minXL--8of24 {
        width: 33.33333%;
    }

    .r-minXL--4of11 {
        width: 36.36364%;
    }

    .r-minXL--3of8,
    .r-minXL--9of24 {
        width: 37.5%;
    }

    .r-minXL--2of5,
    .r-minXL--4of10 {
        width: 40%;
    }

    .r-minXL--5of12,
    .r-minXL--10of24 {
        width: 41.66667%;
    }

    .r-minXL--3of7 {
        width: 42.85714%;
    }

    .r-minXL--4of9 {
        width: 44.44444%;
    }

    .r-minXL--5of11 {
        width: 45.45455%;
    }

    .r-minXL--11of24 {
        width: 45.83333%;
    }

    .r-minXL--1of2,
    .r-minXL--2of4,
    .r-minXL--3of6,
    .r-minXL--4of8,
    .r-minXL--5of10,
    .r-minXL--6of12,
    .r-minXL--12of24 {
        width: 50%;
    }

    .r-minXL--13of24 {
        width: 54.16667%;
    }

    .r-minXL--6of11 {
        width: 54.54545%;
    }

    .r-minXL--5of9 {
        width: 55.55556%;
    }

    .r-minXL--4of7 {
        width: 57.14286%;
    }

    .r-minXL--7of12,
    .r-minXL--14of24 {
        width: 58.33333%;
    }

    .r-minXL--3of5,
    .r-minXL--6of10 {
        width: 60%;
    }

    .r-minXL--7of11 {
        width: 63.63636%;
    }

    .r-minXL--5of8,
    .r-minXL--15of24 {
        width: 62.5%;
    }

    .r-minXL--2of3,
    .r-minXL--4of6,
    .r-minXL--6of9,
    .r-minXL--8of12,
    .r-minXL--16of24 {
        width: 66.66667%;
    }

    .r-minXL--7of10 {
        width: 70%;
    }

    .r-minXL--17of24 {
        width: 70.83333%;
    }

    .r-minXL--5of7 {
        width: 71.42857%;
    }

    .r-minXL--8of11 {
        width: 72.72727%;
    }

    .r-minXL--3of4,
    .r-minXL--6of8,
    .r-minXL--9of12,
    .r-minXL--18of24 {
        width: 75%;
    }

    .r-minXL--7of9 {
        width: 77.77778%;
    }

    .r-minXL--19of24 {
        width: 79.16667%;
    }

    .r-minXL--4of5,
    .r-minXL--8of10 {
        width: 80%;
    }

    .r-minXL--9of11 {
        width: 81.81818%;
    }

    .r-minXL--5of6,
    .r-minXL--10of12,
    .r-minXL--20of24 {
        width: 83.33333%;
    }

    .r-minXL--6of7 {
        width: 85.71429%;
    }

    .r-minXL--7of8,
    .r-minXL--21of24 {
        width: 87.5%;
    }

    .r-minXL--8of9 {
        width: 88.88889%;
    }

    .r-minXL--9of10 {
        width: 90%;
    }

    .r-minXL--10of11 {
        width: 90.90909%;
    }

    .r-minXL--11of12,
    .r-minXL--22of24 {
        width: 91.66667%;
    }

    .r-minXL--23of24 {
        width: 95.83333%;
    }

    .r-minXL--1of1,
    .r-minXL--2of2,
    .r-minXL--3of3,
    .r-minXL--4of4,
    .r-minXL--5of5,
    .r-minXL--6of6,
    .r-minXL--7of7,
    .r-minXL--8of8,
    .r-minXL--9of9,
    .r-minXL--10of10,
    .r-minXL--11of11,
    .r-minXL--12of12,
    .r-minXL--24of24 {
        width: 100%;
    }

    .r-minXL--hidden {
        display: none;
    }

    .r-minXL--visible {
        display: inline-block;
    }
}

@media screen and (max-width: 80em) {
    .r-maxXL--1of24 {
        width: 4.16667%;
    }

    .r-maxXL--1of12,
    .r-maxXL--2of24 {
        width: 8.33333%;
    }

    .r-maxXL--1of11 {
        width: 9.09091%;
    }

    .r-maxXL--1of10 {
        width: 10%;
    }

    .r-maxXL--1of9 {
        width: 11.11111%;
    }

    .r-maxXL--1of8,
    .r-maxXL--3of24 {
        width: 12.5%;
    }

    .r-maxXL--1of7 {
        width: 14.28571%;
    }

    .r-maxXL--1of6,
    .r-maxXL--2of12,
    .r-maxXL--4of24 {
        width: 16.66667%;
    }

    .r-maxXL--2of11 {
        width: 18.18182%;
    }

    .r-maxXL--1of5,
    .r-maxXL--2of10 {
        width: 20%;
    }

    .r-maxXL--5of24 {
        width: 20.83333%;
    }

    .r-maxXL--2of9 {
        width: 22.22222%;
    }

    .r-maxXL--1of4,
    .r-maxXL--2of8,
    .r-maxXL--3of12,
    .r-maxXL--6of24 {
        width: 25%;
    }

    .r-maxXL--3of11 {
        width: 27.27273%;
    }

    .r-maxXL--2of7 {
        width: 28.57143%;
    }

    .r-maxXL--7of24 {
        width: 29.16667%;
    }

    .r-maxXL--3of10 {
        width: 30%;
    }

    .r-maxXL--1of3,
    .r-maxXL--2of6,
    .r-maxXL--3of9,
    .r-maxXL--4of12,
    .r-maxXL--8of24 {
        width: 33.33333%;
    }

    .r-maxXL--4of11 {
        width: 36.36364%;
    }

    .r-maxXL--3of8,
    .r-maxXL--9of24 {
        width: 37.5%;
    }

    .r-maxXL--2of5,
    .r-maxXL--4of10 {
        width: 40%;
    }

    .r-maxXL--5of12,
    .r-maxXL--10of24 {
        width: 41.66667%;
    }

    .r-maxXL--3of7 {
        width: 42.85714%;
    }

    .r-maxXL--4of9 {
        width: 44.44444%;
    }

    .r-maxXL--5of11 {
        width: 45.45455%;
    }

    .r-maxXL--11of24 {
        width: 45.83333%;
    }

    .r-maxXL--1of2,
    .r-maxXL--2of4,
    .r-maxXL--3of6,
    .r-maxXL--4of8,
    .r-maxXL--5of10,
    .r-maxXL--6of12,
    .r-maxXL--12of24 {
        width: 50%;
    }

    .r-maxXL--13of24 {
        width: 54.16667%;
    }

    .r-maxXL--6of11 {
        width: 54.54545%;
    }

    .r-maxXL--5of9 {
        width: 55.55556%;
    }

    .r-maxXL--4of7 {
        width: 57.14286%;
    }

    .r-maxXL--7of12,
    .r-maxXL--14of24 {
        width: 58.33333%;
    }

    .r-maxXL--3of5,
    .r-maxXL--6of10 {
        width: 60%;
    }

    .r-maxXL--7of11 {
        width: 63.63636%;
    }

    .r-maxXL--5of8,
    .r-maxXL--15of24 {
        width: 62.5%;
    }

    .r-maxXL--2of3,
    .r-maxXL--4of6,
    .r-maxXL--6of9,
    .r-maxXL--8of12,
    .r-maxXL--16of24 {
        width: 66.66667%;
    }

    .r-maxXL--7of10 {
        width: 70%;
    }

    .r-maxXL--17of24 {
        width: 70.83333%;
    }

    .r-maxXL--5of7 {
        width: 71.42857%;
    }

    .r-maxXL--8of11 {
        width: 72.72727%;
    }

    .r-maxXL--3of4,
    .r-maxXL--6of8,
    .r-maxXL--9of12,
    .r-maxXL--18of24 {
        width: 75%;
    }

    .r-maxXL--7of9 {
        width: 77.77778%;
    }

    .r-maxXL--19of24 {
        width: 79.16667%;
    }

    .r-maxXL--4of5,
    .r-maxXL--8of10 {
        width: 80%;
    }

    .r-maxXL--9of11 {
        width: 81.81818%;
    }

    .r-maxXL--5of6,
    .r-maxXL--10of12,
    .r-maxXL--20of24 {
        width: 83.33333%;
    }

    .r-maxXL--6of7 {
        width: 85.71429%;
    }

    .r-maxXL--7of8,
    .r-maxXL--21of24 {
        width: 87.5%;
    }

    .r-maxXL--8of9 {
        width: 88.88889%;
    }

    .r-maxXL--9of10 {
        width: 90%;
    }

    .r-maxXL--10of11 {
        width: 90.90909%;
    }

    .r-maxXL--11of12,
    .r-maxXL--22of24 {
        width: 91.66667%;
    }

    .r-maxXL--23of24 {
        width: 95.83333%;
    }

    .r-maxXL--1of1,
    .r-maxXL--2of2,
    .r-maxXL--3of3,
    .r-maxXL--4of4,
    .r-maxXL--5of5,
    .r-maxXL--6of6,
    .r-maxXL--7of7,
    .r-maxXL--8of8,
    .r-maxXL--9of9,
    .r-maxXL--10of10,
    .r-maxXL--11of11,
    .r-maxXL--12of12,
    .r-maxXL--24of24 {
        width: 100%;
    }

    .r-maxXL--hidden {
        display: none;
    }

    .r-maxXL--visible {
        display: inline-block;
    }
}

@media screen and (max-width: 65em) {
    .r-maxL--1of24 {
        width: 4.16667%;
    }

    .r-maxL--1of12,
    .r-maxL--2of24 {
        width: 8.33333%;
    }

    .r-maxL--1of11 {
        width: 9.09091%;
    }

    .r-maxL--1of10 {
        width: 10%;
    }

    .r-maxL--1of9 {
        width: 11.11111%;
    }

    .r-maxL--1of8,
    .r-maxL--3of24 {
        width: 12.5%;
    }

    .r-maxL--1of7 {
        width: 14.28571%;
    }

    .r-maxL--1of6,
    .r-maxL--2of12,
    .r-maxL--4of24 {
        width: 16.66667%;
    }

    .r-maxL--2of11 {
        width: 18.18182%;
    }

    .r-maxL--1of5,
    .r-maxL--2of10 {
        width: 20%;
    }

    .r-maxL--5of24 {
        width: 20.83333%;
    }

    .r-maxL--2of9 {
        width: 22.22222%;
    }

    .r-maxL--1of4,
    .r-maxL--2of8,
    .r-maxL--3of12,
    .r-maxL--6of24 {
        width: 25%;
    }

    .r-maxL--3of11 {
        width: 27.27273%;
    }

    .r-maxL--2of7 {
        width: 28.57143%;
    }

    .r-maxL--7of24 {
        width: 29.16667%;
    }

    .r-maxL--3of10 {
        width: 30%;
    }

    .r-maxL--1of3,
    .r-maxL--2of6,
    .r-maxL--3of9,
    .r-maxL--4of12,
    .r-maxL--8of24 {
        width: 33.33333%;
    }

    .r-maxL--4of11 {
        width: 36.36364%;
    }

    .r-maxL--3of8,
    .r-maxL--9of24 {
        width: 37.5%;
    }

    .r-maxL--2of5,
    .r-maxL--4of10 {
        width: 40%;
    }

    .r-maxL--5of12,
    .r-maxL--10of24 {
        width: 41.66667%;
    }

    .r-maxL--3of7 {
        width: 42.85714%;
    }

    .r-maxL--4of9 {
        width: 44.44444%;
    }

    .r-maxL--5of11 {
        width: 45.45455%;
    }

    .r-maxL--11of24 {
        width: 45.83333%;
    }

    .r-maxL--1of2,
    .r-maxL--2of4,
    .r-maxL--3of6,
    .r-maxL--4of8,
    .r-maxL--5of10,
    .r-maxL--6of12,
    .r-maxL--12of24 {
        width: 50%;
    }

    .r-maxL--13of24 {
        width: 54.16667%;
    }

    .r-maxL--6of11 {
        width: 54.54545%;
    }

    .r-maxL--5of9 {
        width: 55.55556%;
    }

    .r-maxL--4of7 {
        width: 57.14286%;
    }

    .r-maxL--7of12,
    .r-maxL--14of24 {
        width: 58.33333%;
    }

    .r-maxL--3of5,
    .r-maxL--6of10 {
        width: 60%;
    }

    .r-maxL--7of11 {
        width: 63.63636%;
    }

    .r-maxL--5of8,
    .r-maxL--15of24 {
        width: 62.5%;
    }

    .r-maxL--2of3,
    .r-maxL--4of6,
    .r-maxL--6of9,
    .r-maxL--8of12,
    .r-maxL--16of24 {
        width: 66.66667%;
    }

    .r-maxL--7of10 {
        width: 70%;
    }

    .r-maxL--17of24 {
        width: 70.83333%;
    }

    .r-maxL--5of7 {
        width: 71.42857%;
    }

    .r-maxL--8of11 {
        width: 72.72727%;
    }

    .r-maxL--3of4,
    .r-maxL--6of8,
    .r-maxL--9of12,
    .r-maxL--18of24 {
        width: 75%;
    }

    .r-maxL--7of9 {
        width: 77.77778%;
    }

    .r-maxL--19of24 {
        width: 79.16667%;
    }

    .r-maxL--4of5,
    .r-maxL--8of10 {
        width: 80%;
    }

    .r-maxL--9of11 {
        width: 81.81818%;
    }

    .r-maxL--5of6,
    .r-maxL--10of12,
    .r-maxL--20of24 {
        width: 83.33333%;
    }

    .r-maxL--6of7 {
        width: 85.71429%;
    }

    .r-maxL--7of8,
    .r-maxL--21of24 {
        width: 87.5%;
    }

    .r-maxL--8of9 {
        width: 88.88889%;
    }

    .r-maxL--9of10 {
        width: 90%;
    }

    .r-maxL--10of11 {
        width: 90.90909%;
    }

    .r-maxL--11of12,
    .r-maxL--22of24 {
        width: 91.66667%;
    }

    .r-maxL--23of24 {
        width: 95.83333%;
    }

    .r-maxL--1of1,
    .r-maxL--2of2,
    .r-maxL--3of3,
    .r-maxL--4of4,
    .r-maxL--5of5,
    .r-maxL--6of6,
    .r-maxL--7of7,
    .r-maxL--8of8,
    .r-maxL--9of9,
    .r-maxL--10of10,
    .r-maxL--11of11,
    .r-maxL--12of12,
    .r-maxL--24of24 {
        width: 100%;
    }

    .r-maxL--hidden {
        display: none;
    }

    .r-maxL--visible {
        display: inline-block;
    }
}

@media screen and (max-width: 50em) {
    .r-maxM--1of24 {
        width: 4.16667%;
    }

    .r-maxM--1of16 {
        width: 6.25%;
    }

    .r-maxM--1of12,
    .r-maxM--2of24 {
        width: 8.33333%;
    }

    .r-maxM--1of11 {
        width: 9.09091%;
    }

    .r-maxM--1of10 {
        width: 10%;
    }

    .r-maxM--1of9 {
        width: 11.11111%;
    }

    .r-maxM--1of8,
    .r-maxM--3of24 {
        width: 12.5%;
    }

    .r-maxM--1of7 {
        width: 14.28571%;
    }

    .r-maxM--1of6,
    .r-maxM--2of12,
    .r-maxM--4of24 {
        width: 16.66667%;
    }

    .r-maxM--2of11 {
        width: 18.18182%;
    }

    .r-maxM--1of5,
    .r-maxM--2of10 {
        width: 20%;
    }

    .r-maxM--5of24 {
        width: 20.83333%;
    }

    .r-maxM--2of9 {
        width: 22.22222%;
    }

    .r-maxM--1of4,
    .r-maxM--2of8,
    .r-maxM--3of12,
    .r-maxM--6of24 {
        width: 25%;
    }

    .r-maxM--3of11 {
        width: 27.27273%;
    }

    .r-maxM--2of7 {
        width: 28.57143%;
    }

    .r-maxM--7of24 {
        width: 29.16667%;
    }

    .r-maxM--3of10 {
        width: 30%;
    }

    .r-maxM--1of3,
    .r-maxM--2of6,
    .r-maxM--3of9,
    .r-maxM--4of12,
    .r-maxM--8of24 {
        width: 33.33333%;
    }

    .r-maxM--4of11 {
        width: 36.36364%;
    }

    .r-maxM--3of8,
    .r-maxM--9of24 {
        width: 37.5%;
    }

    .r-maxM--2of5,
    .r-maxM--4of10 {
        width: 40%;
    }

    .r-maxM--5of12,
    .r-maxM--10of24 {
        width: 41.66667%;
    }

    .r-maxM--3of7 {
        width: 42.85714%;
    }

    .r-maxM--4of9 {
        width: 44.44444%;
    }

    .r-maxM--5of11 {
        width: 45.45455%;
    }

    .r-maxM--11of24 {
        width: 45.83333%;
    }

    .r-maxM--1of2,
    .r-maxM--2of4,
    .r-maxM--3of6,
    .r-maxM--4of8,
    .r-maxM--5of10,
    .r-maxM--6of12,
    .r-maxM--12of24 {
        width: 50%;
    }

    .r-maxM--13of24 {
        width: 54.16667%;
    }

    .r-maxM--6of11 {
        width: 54.54545%;
    }

    .r-maxM--5of9 {
        width: 55.55556%;
    }

    .r-maxM--4of7 {
        width: 57.14286%;
    }

    .r-maxM--7of12,
    .r-maxM--14of24 {
        width: 58.33333%;
    }

    .r-maxM--3of5,
    .r-maxM--6of10 {
        width: 60%;
    }

    .r-maxM--7of11 {
        width: 63.63636%;
    }

    .r-maxM--5of8,
    .r-maxM--15of24 {
        width: 62.5%;
    }

    .r-maxM--2of3,
    .r-maxM--4of6,
    .r-maxM--6of9,
    .r-maxM--8of12,
    .r-maxM--16of24 {
        width: 66.66667%;
    }

    .r-maxM--7of10 {
        width: 70%;
    }

    .r-maxM--17of24 {
        width: 70.83333%;
    }

    .r-maxM--5of7 {
        width: 71.42857%;
    }

    .r-maxM--8of11 {
        width: 72.72727%;
    }

    .r-maxM--3of4,
    .r-maxM--6of8,
    .r-maxM--9of12,
    .r-maxM--18of24 {
        width: 75%;
    }

    .r-maxM--7of9 {
        width: 77.77778%;
    }

    .r-maxM--19of24 {
        width: 79.16667%;
    }

    .r-maxM--4of5,
    .r-maxM--8of10 {
        width: 80%;
    }

    .r-maxM--9of11 {
        width: 81.81818%;
    }

    .r-maxM--5of6,
    .r-maxM--10of12,
    .r-maxM--20of24 {
        width: 83.33333%;
    }

    .r-maxM--6of7 {
        width: 85.71429%;
    }

    .r-maxM--7of8,
    .r-maxM--21of24 {
        width: 87.5%;
    }

    .r-maxM--8of9 {
        width: 88.88889%;
    }

    .r-maxM--9of10 {
        width: 90%;
    }

    .r-maxM--10of11 {
        width: 90.90909%;
    }

    .r-maxM--11of12,
    .r-maxM--22of24 {
        width: 91.66667%;
    }

    .r-maxM--23of24 {
        width: 95.83333%;
    }

    .r-maxM--1of1,
    .r-maxM--2of2,
    .r-maxM--3of3,
    .r-maxM--4of4,
    .r-maxM--5of5,
    .r-maxM--6of6,
    .r-maxM--7of7,
    .r-maxM--8of8,
    .r-maxM--9of9,
    .r-maxM--10of10,
    .r-maxM--11of11,
    .r-maxM--12of12,
    .r-maxM--24of24 {
        width: 100%;
    }

    .r-maxM--hidden {
        display: none;
    }

    .r-maxM--visible {
        display: inline-block;
    }
}

@media screen and (max-width: 30em) {
    .r-maxS--1of24 {
        width: 4.16667%;
    }

    .r-maxS--1of12,
    .r-maxS--2of24 {
        width: 8.33333%;
    }

    .r-maxS--1of11 {
        width: 9.09091%;
    }

    .r-maxS--1of10 {
        width: 10%;
    }

    .r-maxS--1of9 {
        width: 11.11111%;
    }

    .r-maxS--1of8,
    .r-maxS--3of24 {
        width: 12.5%;
    }

    .r-maxS--1of7 {
        width: 14.28571%;
    }

    .r-maxS--1of6,
    .r-maxS--2of12,
    .r-maxS--4of24 {
        width: 16.66667%;
    }

    .r-maxS--2of11 {
        width: 18.18182%;
    }

    .r-maxS--1of5,
    .r-maxS--2of10 {
        width: 20%;
    }

    .r-maxS--5of24 {
        width: 20.83333%;
    }

    .r-maxS--2of9 {
        width: 22.22222%;
    }

    .r-maxS--1of4,
    .r-maxS--2of8,
    .r-maxS--3of12,
    .r-maxS--6of24 {
        width: 25%;
    }

    .r-maxS--3of11 {
        width: 27.27273%;
    }

    .r-maxS--2of7 {
        width: 28.57143%;
    }

    .r-maxS--7of24 {
        width: 29.16667%;
    }

    .r-maxS--3of10 {
        width: 30%;
    }

    .r-maxS--1of3,
    .r-maxS--2of6,
    .r-maxS--3of9,
    .r-maxS--4of12,
    .r-maxS--8of24 {
        width: 33.33333%;
    }

    .r-maxS--4of11 {
        width: 36.36364%;
    }

    .r-maxS--3of8,
    .r-maxS--9of24 {
        width: 37.5%;
    }

    .r-maxS--2of5,
    .r-maxS--4of10 {
        width: 40%;
    }

    .r-maxS--5of12,
    .r-maxS--10of24 {
        width: 41.66667%;
    }

    .r-maxS--3of7 {
        width: 42.85714%;
    }

    .r-maxS--4of9 {
        width: 44.44444%;
    }

    .r-maxS--5of11 {
        width: 45.45455%;
    }

    .r-maxS--11of24 {
        width: 45.83333%;
    }

    .r-maxS--1of2,
    .r-maxS--2of4,
    .r-maxS--3of6,
    .r-maxS--4of8,
    .r-maxS--5of10,
    .r-maxS--6of12,
    .r-maxS--12of24 {
        width: 50%;
    }

    .r-maxS--13of24 {
        width: 54.16667%;
    }

    .r-maxS--6of11 {
        width: 54.54545%;
    }

    .r-maxS--5of9 {
        width: 55.55556%;
    }

    .r-maxS--4of7 {
        width: 57.14286%;
    }

    .r-maxS--7of12,
    .r-maxS--14of24 {
        width: 58.33333%;
    }

    .r-maxS--3of5,
    .r-maxS--6of10 {
        width: 60%;
    }

    .r-maxS--7of11 {
        width: 63.63636%;
    }

    .r-maxS--5of8,
    .r-maxS--15of24 {
        width: 62.5%;
    }

    .r-maxS--2of3,
    .r-maxS--4of6,
    .r-maxS--6of9,
    .r-maxS--8of12,
    .r-maxS--16of24 {
        width: 66.66667%;
    }

    .r-maxS--7of10 {
        width: 70%;
    }

    .r-maxS--17of24 {
        width: 70.83333%;
    }

    .r-maxS--5of7 {
        width: 71.42857%;
    }

    .r-maxS--8of11 {
        width: 72.72727%;
    }

    .r-maxS--3of4,
    .r-maxS--6of8,
    .r-maxS--9of12,
    .r-maxS--18of24 {
        width: 75%;
    }

    .r-maxS--7of9 {
        width: 77.77778%;
    }

    .r-maxS--19of24 {
        width: 79.16667%;
    }

    .r-maxS--4of5,
    .r-maxS--8of10 {
        width: 80%;
    }

    .r-maxS--9of11 {
        width: 81.81818%;
    }

    .r-maxS--5of6,
    .r-maxS--10of12,
    .r-maxS--20of24 {
        width: 83.33333%;
    }

    .r-maxS--6of7 {
        width: 85.71429%;
    }

    .r-maxS--7of8,
    .r-maxS--21of24 {
        width: 87.5%;
    }

    .r-maxS--8of9 {
        width: 88.88889%;
    }

    .r-maxS--9of10 {
        width: 90%;
    }

    .r-maxS--10of11 {
        width: 90.90909%;
    }

    .r-maxS--11of12,
    .r-maxS--22of24 {
        width: 91.66667%;
    }

    .r-maxS--23of24 {
        width: 95.83333%;
    }

    .r-maxS--1of1,
    .r-maxS--2of2,
    .r-maxS--3of3,
    .r-maxS--4of4,
    .r-maxS--5of5,
    .r-maxS--6of6,
    .r-maxS--7of7,
    .r-maxS--8of8,
    .r-maxS--9of9,
    .r-maxS--10of10,
    .r-maxS--11of11,
    .r-maxS--12of12,
    .r-maxS--24of24 {
        width: 100%;
    }

    .r-maxS--hidden {
        display: none;
    }

    .r-maxS--visible {
        display: inline-block;
    }
}

.r-Grid--flex {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.r-Grid--full {
    width: 100%;
}

.r-Grid--verticallyAligned .r-Grid-cell {
    vertical-align: middle;
}

.r-Grid--verticallyAlignedFlex {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.r-Grid--verticallyAlignedFlexBottom {
    align-self: flex-end;
}

.r-Grid--reversed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

@media screen and (min-width: 50.01em) {
    .r-Grid--reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
}

.ucpa-Wrapper {
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 105rem;
    overflow-x: hidden;
}

.ucpa-Grid {
    margin: 0 auto;
    display: block;
}

.ucpa-Icon {
    display: inline-block;
    width: 1em;
    height: 100%;
    vertical-align: middle;
    fill: currentColor;
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        align-items: flex-start;
        transition-property: height,-webkit-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("/images/skins/277/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("/images/skins/277/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("/images/skins/277/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("/images/skins/277/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("/images/skins/277/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("/images/skins/277/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: url('/images/skins/277/www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("/images/skins/277/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("/images/skins/277/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ucpa-modal {
    display: none;
}

.vanilla-modal .ucpa-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    content: "";
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity 0.2s, z-index 0s 0.2s;
}

    .vanilla-modal .ucpa-modal > * {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        white-space: normal;
    }

    .vanilla-modal .ucpa-modal::before {
        display: inline-block;
        width: 0;
        height: 100%;
        overflow: hidden;
        vertical-align: middle;
        content: "";
    }

.vanilla-modal.modal-visible .ucpa-modal {
    z-index: 99;
    opacity: 1;
    transition: opacity 0.2s;
}

.modal-inner {
    position: relative;
    z-index: -1;
    max-width: 100%;
    max-height: 90%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: opacity 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, z-index 0s 0.2s;
    transition: opacity 0.2s, transform 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s;
}

.modal-visible .modal-inner {
    z-index: 100;
    padding: 7.375rem 3.75rem 8.125rem;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

.ucpa-Modal-icon {
    position: absolute;
    top: 2rem;
    right: 1.25rem;
    z-index: 2;
    width: 25px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}

@media screen and (max-width: 30em) {
    .ucpa-Modal-icon--help {
        top: 1rem;
    }
}

.ucpa-Slider {
    position: relative;
}

.ucpa-Slider-button {
    position: absolute;
    top: 50%;
    height: 100%;
    border: 0;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/**
 * PREVIEW SLIDER
 */

.ucpa-Arrows {
    position: absolute;
    right: 0;
    bottom: 1.25rem;
    left: 0;
    z-index: 10;
    width: auto;
    font-size: 0;
    text-align: center;
}

.ucpa-Arrows--TextSlider {
    top: 0;
    right: inherit;
    bottom: inherit;
}

.ucpa-Arrow {
    margin: 0.0625rem;
    width: 2.8125rem;
    height: 1.875rem;
    border: none;
    padding: 0;
    cursor: pointer;
    background-color: #fff;
}

    .ucpa-Arrow.swiper-button-disabled {
        cursor: default;
        opacity: 0.3;
    }

.ucpa-Arrow--icon {
    width: 0.625rem;
}

.ucpa-Tooltip {
    position: relative;
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 100%;
    vertical-align: baseline;
    font-size: 0.875rem;
    line-height: 30px;
    color: #000;
    text-align: center;
    cursor: pointer;
    background-color: #e6ecf2;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Tooltip {
        width: 1.1875rem;
        height: 1.1875rem;
        line-height: 19px;
        cursor: help;
    }
}

.ucpa-Tooltip::before {
    position: absolute;
    right: auto;
    bottom: 3.125rem;
    z-index: 11;
    display: none;
    width: 16.25rem;
    border: 1px solid #e6ecf2;
    padding: 1.5625rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    text-align: center;
    content: attr(data-content);
    background-color: #fff;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Tooltip::before {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-animation: toolTipUp 200ms cubic-bezier(0.25, 0.5, 0.5, 0.9);
        animation: toolTipUp 200ms cubic-bezier(0.25, 0.5, 0.5, 0.9);
    }
}

.ucpa-Tooltip--left::before {
    right: auto;
    left: -2px;
}

.ucpa-Tooltip::after {
    position: absolute;
    right: auto;
    bottom: 2.375rem;
    left: 40px;
    z-index: 12;
    margin: 0;
    display: none;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 0.9375rem 0.75rem 0;
    content: " ";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ucpa-Tooltip-detail {
    display: inline-block;
    line-height: 30px;
    font-size: 30px;
    width: auto;
    height: auto;
    background-color: transparent;
    text-transform: none
}

@media screen and (max-width:800px) {
    .ucpa-Tooltip-detail {
        display: block !important;
    }
}

.ucpa-Tooltip-detail::after {
    border-color: #e6ecf2 transparent transparent;
    bottom: 35px;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Tooltip::after {
        -webkit-animation: toolTipUp 200ms cubic-bezier(0.25, 0.5, 0.5, 0.9);
        animation: toolTipUp 200ms cubic-bezier(0.25, 0.5, 0.5, 0.9);
    }
}

.ucpa-Tooltip:hover::before,
.ucpa-Tooltip:hover::after,
.ucpa-Tooltip:focus::before,
.ucpa-Tooltip:focus::after {
    display: block;
}

.ucpa-Skill-table .ucpa-Skill-level + .ucpa-Tooltip {
    display: inline-block;
}

.ucpa-Breadcrumb-list {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Breadcrumb-list {
        position: absolute;
        top: 7.5rem;
        left: 4.1666%;
        margin: 0;
        display: block;
        padding: 0;
        font-size: 0;
        list-style-type: none;
        z-index: 2;
    }
}

.ucpa-Breadcrumb-item {
    position: relative;
    margin-right: 0.5rem;
    display: inline-block;
    padding-right: 0.75rem;
    vertical-align: middle;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
}

    .ucpa-Breadcrumb-item a {
        color: white;
    }


    .ucpa-Breadcrumb-item::after {
        position: absolute;
        top: 50%;
        right: 0;
        color: #fff;
        content: ">";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ucpa-Breadcrumb-item:last-child {
        margin: 0;
        padding: 0;
    }

        .ucpa-Breadcrumb-item:last-child::after {
            content: none;
        }

.ucpa-Breadcrumb-link {
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    color: #fff;
    text-decoration: none;
}

    .ucpa-Breadcrumb-link:hover,
    .ucpa-Breadcrumb-link:focus,
    .ucpa-Breadcrumb-link:active {
        color: #fff !important;
    }

.ucpa-Hero--black .ucpa-Breadcrumb-link,
.ucpa-Hero--black .ucpa-Breadcrumb-item::after {
    color: #1a1a1a;
}

.ucpa-PageHome {
    position: relative;
}

.ucpa-InfoHeader-wrapper {
    position: relative;
    z-index: 12;
    padding: 0.75rem 1.25rem;
    text-align: center;
    background: #37e000;
}

.ucpa-InfoHeader-iconContainer {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
}

.ucpa-InfoHeader-icon {
    margin-right: 0.75rem;
    font-size: 1rem;
    color: #fff;
}

.ucpa-InfoHeader-text {
    margin: 0;
    display: inline-block;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #fff;
}

.ucpa-Header-wrapper {
    position: relative;
}

.ucpa-Header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
}

.ucpa-Header--black {
    z-index: 2;
    background-color: #fff;
}

@media screen and (max-width: 50em) {
    .ucpa-Header {
        z-index: 2;
        display: -webkit-box;
        display: flex;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        padding-left: 1.25rem;
    }
}

.ucpa-Header-top a:hover,
.ucpa-Header-top a:active,
.ucpa-Header-top a:focus,
.ucpa-Header-bottom a:hover,
.ucpa-Header-bottom a:active,
.ucpa-Header-bottom a:focus {
    color: white !important;
}

.ucpa-Header-top,
.ucpa-Header-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.ucpa-Nav-container .ucpa-Header-top {
    display: none;
}

.ucpa-Nav-container--open .ucpa-Header-top,
.ucpa-Nav-container--open .ucpa-Header-bottom {
    display: block;
}

.ucpa-Nav-container--open .ucpa-Header-account,
.ucpa-Nav-container--open .ucpa-HeaderCommunity-rightSection,
.ucpa-Nav-container--open .ucpa-Header-item {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    font-weight: 400;
}

.ucpa-Nav-container--open .ucpa-HeaderCommunity-navTopImg,
.ucpa-Nav-container--open .ucpa-HeaderCommunity-dropDownIcon {
    display: none;
}

.ucpa-Nav-container--open .ucpa-HeaderCommunity-navTopitem {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 2.5rem;
    overflow: hidden;
    padding: 0 1.875rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    color: #0f1f28;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #e6ecf2;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.ucpa-Nav-container--open .ucpa-HeaderCommunity-notificationQuantity {
    top: 0.4375rem;
    left: 2.5rem;
}

.ucpa-HeaderCommunity-mobileLabel {
    display: none;
}

.ucpa-Nav-container--open .ucpa-HeaderCommunity-mobileLabel {
    margin: 0 0 0 0.9375rem;
    display: block;
}

.ucpa-Header-top {
    height: 2.5rem;
}

.ucpa-Header-bottom {
    position: relative;
    z-index: 4;
    height: 3.75rem;
}

.ucpa-Header-top {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 50em) {
    .ucpa-Header-top {
        -webkit-box-ordinal-group: 3;
        order: 2;
        height: 3.75rem;
    }
}

.ucpa-Header-bottom {
    -webkit-box-pack: start;
    justify-content: flex-start;
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.ucpa-Header--black .ucpa-Header-bottom {
    border-color: rgba(15, 31, 40, .3);
}

@media screen and (max-width: 50em) {
    .ucpa-Header-bottom {
        position: relative;
        -webkit-box-ordinal-group: 2;
        order: 1;
        border: none;
    }
}

.ucpa-Logo {
    z-index: 102;
    margin: 0 0 0 10px; /* 1/2 de col = 1/2 de 1/12 % */
    width: 5rem;
}

.ucpa-Logo-space .ucpa-Logo-img {
    width: auto;
    max-height: 45px;
}

@media (min-width: 50.01em) and (max-width: 65em) {
    .ucpa-Logo {
        margin: 0 0 0 10px;
        position: absolute;
        top: -3.2rem;
    }

    .ucpa-Header-top {
        height: 3.2rem;
    }

    .ucpa-Logo-space {
        width: 15.4rem !important;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Logo {
        margin: 0 0 0 1.5rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Logo {
        margin: 0;
        width: 4.0625rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Logo-space {
        display: block;
        width: 13.4375rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Logo-space {
        display: block;
        width: 11.5625rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Logo-space {
        display: block;
        width: 13.4375rem;
    }
}

.ucpa-Logo--login {
    margin: 0 auto;
}

.ucpa-Logo-picture {
    width: 100%;
    height: auto;
    color: #fff;
}

.ucpa-Header--black .ucpa-Logo-picture {
    color: #1a1a1a;
}

.ucpa-Logo-img {
    display: block;
    max-width: 5.625rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Logo-img {
        max-width: inherit;
    }
}

.ucpa-Logo-picture--login {
    height: 5rem;
    color: #fff;
}

.ucpa-Menu-button {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Menu-button {
        display: none;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Menu-icon {
        position: absolute;
        top: 50%;
        margin: 0 auto;
        width: 2rem;
        height: 1.25rem;
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all 0.3s ease-in;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Menu-icon {
        width: 1.25rem;
        height: 1rem;
    }
}

.ucpa-Menu-icon > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: 0.1875rem;
    background-color: #fff;
}

.ucpa-Header--black .ucpa-Menu-icon > span,
.ucpa-Header--black .ucpa-Menu-icon > span::before,
.ucpa-Header--black .ucpa-Menu-icon > span::after {
    background-color: #1a1a1a;
}

@media screen and (max-width: 30em) {
    .ucpa-Menu-icon > span {
        height: 0.125rem;
    }
}

.ucpa-Menu-icon > span::before,
.ucpa-Menu-icon > span::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    transition: all 0.3s;
}

.ucpa-Menu-icon > span::before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

@media screen and (max-width: 30em) {
    .ucpa-Menu-icon > span::before {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.ucpa-Menu-icon > span::after {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

@media screen and (max-width: 30em) {
    .ucpa-Menu-icon > span::after {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.ucpa-Menu-icon--open {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

    .ucpa-Menu-icon--open > span::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .ucpa-Menu-icon--open > span::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.ucpa-NavMenu-item {
    position: relative;
    padding: 1.125rem 1.875rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    text-transform: uppercase;
}

    .ucpa-NavMenu-item::before,
    .ucpa-NavMenu-item::after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        width: 0.625rem;
        height: 0.125rem;
        content: "";
        background-color: #e81d00;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition-duration: 0.2s;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

    .ucpa-NavMenu-item::before {
        margin-top: -0.375rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .ucpa-NavMenu-item::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .ucpa-NavMenu-item + .ucpa-NavMenu-item {
        border-top: 1px solid #c8cdd2;
    }

    .ucpa-NavMenu-item:last-child {
        border-bottom: solid 1px #0f1f28;
    }

.ucpa-Nav-container {
    position: absolute;
    top: 3.75rem;
    left: -100%;
    z-index: 101;
    width: 100%;
    height: calc(100vh - 60px);
    background-color: #fff;
    opacity: 0;
    transition: left 0.5s ease-in, opacity 1s ease-in 0.5s;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-container {
        top: 0;
        left: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        height: 100%;
        padding: 0;
        background-color: transparent;
        opacity: 1;
    }
}

.ucpa-Nav-container--open {
    left: 0;
    opacity: 1;
    transition: left 0.5s ease-in;
}

@media screen and (max-width: 50em) {
    .ucpa-Nav-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        max-height: 85%;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.ucpa-Nav-list {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    list-style-type: none;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Nav-list--deals > .ucpa-Nav-item:not(.ucpa-Nav-item--seeAll) {
        width: 25%;
        padding-left: 4.16667%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-list {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        align-items: center;
        height: auto;
    }

    .ucpa-Nav-list--universe {
        overflow: visible;
    }

    .ucpa-Nav-list--category {
        top: 3.6875rem;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: auto;
        max-height: 62.5rem;
        overflow: hidden;
        padding: 1.75rem 3.75rem;
        background-color: #fff;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .ucpa-Nav-list--subCategory {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .ucpa-Nav-list--deals > .ucpa-Nav-item:not(.ucpa-Nav-item--seeAll) {
        width: 25%;
        padding-left: 0;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Nav-list--subCategory {
        margin-bottom: 1.25rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-item--nav.ucpa-Search-item--inline {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 22.5rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-item--nav.ucpa-Search-item--inline {
        width: 18.75rem;
    }
}

.ucpa-Search-item--nav .ucpa-Search-itemDesc {
    padding-right: 0;
}

.ucpa-Search-item--nav {
    margin: 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 90%;
    border-bottom: 1px solid #e6ecf2;
}

.ucpa-Nav-item {
    -webkit-box-align: center;
    align-items: center;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}


.ucpa-Nav-list--category .ucpa-Nav-item a {
    color: #0f1f28;
    cursor: pointer !important;
}

    .ucpa-Nav-list--category .ucpa-Nav-item a:hover,
    .ucpa-Nav-list--category .ucpa-Nav-item a:focus,
    .ucpa-Nav-list--category .ucpa-Nav-item a:active {
        color: #e81d00 !important;
    }


@media screen and (min-width: 50.01em) {
    .ucpa-Nav-item {
        padding: 0;
    }

    .ucpa-Nav-item--bordered {
        border-left: 1px solid rgba(255, 255, 255, .3);
    }

    .ucpa-Header--black .ucpa-Nav-item--bordered {
        border-left-color: rgba(15, 31, 40, .3);
    }

    .ucpa-Nav-item:last-child {
        margin-right: 1.4375rem;
    }

    .ucpa-Nav-item--hasSmallChildren {
        position: relative;
    }
}

.ucpa-Nav-item--bordered .ucpa-Nav-linkIcon {
    display: none;
}

.ucpa-Nav-item--goBack {
    -webkit-box-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-item--goBack {
        display: none;
    }
}

.ucpa-Nav-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 2.5rem;
    border-bottom: 1px solid #c8cdd2;
    overflow: hidden;
    padding: 0 1.875rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f1f28;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.ucpa-Header--black .ucpa-Nav-link {
    color: #1a1a1a;
}

.ucpa-Nav-list--subCategory .ucpa-Nav-item--goBack .ucpa-Nav-link {
    font-weight: 700;
    text-transform: uppercase;
}

.ucpa-Nav-list--subCategory .ucpa-Nav-item--seeAll .ucpa-Nav-link {
    border: none;
    border-top: 1px solid #c8cdd2;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: none;
}

.ucpa-Nav-list .ucpa-Nav-item--seeAllActivities {
    margin-right: 0;
    padding: 0 1.875rem;
}

    .ucpa-Nav-list .ucpa-Nav-item--seeAllActivities .ucpa-Nav-link {
        -webkit-box-pack: center;
        justify-content: center;
        height: 1.875rem;
        border: 1px solid #000;
        padding: 0;
        font-size: 0.8125rem;
        font-weight: bold;
        text-transform: uppercase;
    }

        .ucpa-Nav-list .ucpa-Nav-item--seeAllActivities .ucpa-Nav-link:hover {
            font-weight: bold;
            color: #fff;
            background-color: #0f1f28;
            transition: all 0.3s ease-in;
        }

.ucpa-Nav-list--subCategory .ucpa-Nav-link {
    border: none;
    font-weight: 500;
    text-transform: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-link {
        height: auto;
        border: none;
        padding: 1.1875rem 1.5rem;
        color: #fff;
    }

    .ucpa-Nav-list--activity {
        flex-wrap: wrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

        .ucpa-Nav-list--activity > .ucpa-Nav-item {
            margin-left: 60px;
            width: 7.5rem;
        }

    .ucpa-Nav-list--small > .ucpa-Nav-item {
        margin: 0;
        width: 100%;
    }

    .ucpa-Nav-list--small {
        padding: 1.75rem 0 5rem;
    }

    .ucpa-Nav-list .ucpa-Nav-item--seeAll,
    .ucpa-Nav-list--destination .ucpa-Nav-item.ucpa-Nav-item--seeAll {
        margin: 0;
        width: auto;
        height: 5rem;
        background-color: #fff;
    }

    .ucpa-Nav-list .ucpa-Nav-item--seeAllActivities {
        padding: 0;
    }

    .ucpa-Nav-list--destination > .ucpa-Nav-item {
        width: 20%;
    }

    .ucpa-Nav-list--category .ucpa-Nav-link {
        padding: 1.1875rem 0;
        color: #0f1f28;
    }

    .ucpa-Nav-list--noThirdLvl .ucpa-Nav-link {
        padding: 0.625rem 0;
    }

    .ucpa-Nav-list--category > .ucpa-Nav-item:not(.ucpa-Nav-item--seeAll) > .ucpa-Nav-link {
        cursor: default;
    }

    .ucpa-Nav-list--subCategory .ucpa-Nav-link {
        padding: 0 0 0.625rem;
        font-weight: 500;
        text-transform: none;
    }

        .ucpa-Nav-list--subCategory .ucpa-Nav-link:hover {
            font-weight: 700;
        }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Nav-list--threeCols,
    .ucpa-Nav-list--fourCols {
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .ucpa-Nav-list--threeCols {
        max-width: 45rem;
    }

    .ucpa-Nav-list--fourCols {
        max-width: 55.625rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Nav-list--threeCols {
        right: 12.5%;
        left: auto;
        width: 100%;
    }

    .ucpa-Nav-list--fourCols {
        right: 12.5%;
        left: auto;
        width: 100%;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Nav-list--destination > .ucpa-Nav-item {
        width: 15rem;
    }

    .ucpa-Nav-list--fourCols {
        max-width: 55.625rem;
    }
}

.ucpa-Nav-linkIcon {
    color: #e81d00;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-linkIcon {
        display: none;
    }
}

.ucpa-Nav-list--isHidden {
    height: 0;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-list--isHidden {
        height: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .ucpa-Nav-list--category.ucpa-Nav-list--isHidden {
        max-height: 0;
        padding: 0 3.75rem;
        background-color: #fff;
    }

    .ucpa-Nav-link--isVisible + .ucpa-Nav-list--isHidden {
        max-height: 62.5rem;
        box-shadow: 0 10px 20px rgba(15, 31, 40, .2);
        transition-timing-function: ease-in;
        transition-duration: 0.5s;
        transition-property: max-height;
        width: 300px;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-link--isVisible + .ucpa-Nav-list--isHidden {
        padding: 1.75rem 3.75rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Nav-item--hasChildren > .ucpa-Nav-link {
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Nav-link--isVisible + .ucpa-Nav-list--isHidden {
        padding: 1.75rem 3.75rem;
    }
}

.ucpa-Nav-list--isHidden > .ucpa-Nav-link,
.ucpa-Nav-list--moveOut > .ucpa-Nav-link,
.ucpa-Nav-list--isHidden > .ucpa-Nav-link,
.ucpa-Nav-list--moveOut > .ucpa-Nav-link {
    opacity: 0;
}

.ucpa-Nav-list--moveOut > .ucpa-Nav-item > .ucpa-Nav-link,
.ucpa-Nav-list--moveOut > .ucpa-Nav-item > .ucpa-Nav-link,
.ucpa-Nav-list--moveOut > .ucpa-Header-top {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
}

.ucpa-Nav-list--moveOut > .ucpa-Header-top {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.ucpa-Nav-item--hasChildren > .ucpa-Nav-link,
.ucpa-Nav-item--goBack .ucpa-Nav-link {
    position: relative;
}

    .ucpa-Nav-item--hasChildren > .ucpa-Nav-link::before,
    .ucpa-Nav-item--goBack .ucpa-Nav-link::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .ucpa-Nav-item--hasChildren > .ucpa-Nav-link::after,
    .ucpa-Nav-item--goBack .ucpa-Nav-link::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .ucpa-Nav-item--hasChildren > .ucpa-Nav-link::before,
    .ucpa-Nav-item--hasChildren > .ucpa-Nav-link::after {
        right: 1.25rem;
        -webkit-transform-origin: 9px 50%;
        transform-origin: 9px 50%;
    }

.ucpa-Nav-list .ucpa-Nav-item--goBack .ucpa-Nav-link::before,
.ucpa-Nav-list .ucpa-Nav-item--goBack .ucpa-Nav-link::after {
    left: 1.25rem;
    -webkit-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}

.ucpa-Nav-item--goBack .ucpa-Nav-link {
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 0 0.625rem;
}

.ucpa-Nav-item--goBack .ucpa-Nav-linkIcon {
    margin-right: 0.3125rem;
}

.ucpa-Nav-item--seeAll {
    margin: 1.25rem auto;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    width: 90vw;
}

    .ucpa-Nav-item--seeAll .ucpa-Nav-link {
        -webkit-box-pack: center;
        justify-content: center;
        height: 1.875rem;
        border: 1px solid #0f1f28;
        padding: 0;
        font-size: 0.8125rem;
    }

        .ucpa-Nav-item--seeAll .ucpa-Nav-link:hover {
            color: #fff;
            background-color: #0f1f28;
            transition: all 0.3s ease-in;
        }

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-item--seeAll {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        display: -webkit-box;
        display: flex;
    }

        .ucpa-Nav-item--seeAll .ucpa-Nav-link {
            display: inline-block;
            padding: 0 1rem;
            line-height: 1.875rem;
        }
}

.ucpa-Nav-item--catLabel {
    height: 2.5rem;
    border-top: 1px solid #c8cdd2;
    padding: 0 1.875rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #0f1f28;
    text-decoration: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-item--catLabel {
        display: none;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Nav-item--hasChildren > .ucpa-Nav-link--isVisible::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        content: "";
        background-color: #e81d00;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Nav-list--deals .ucpa-Nav-link {
        margin: 0 1.875rem;
        border: none;
        padding: 0;
    }

    .ucpa-Nav-list--deals .ucpa-Nav-item--goBack .ucpa-Nav-link {
        margin: 0;
        border-bottom: 1px solid #c8cdd2;
        padding: 0 1.875rem;
    }

    .ucpa-Nav-list--deals .ucpa-Nav-list--subCategory .ucpa-Nav-item:last-child .ucpa-Nav-link {
        border-bottom: 1px solid #c8cdd2;
    }

    .ucpa-Nav-list--deals .ucpa-Nav-list--subCategory {
        position: relative;
        height: auto;
        -webkit-transform: none;
        transform: none;
    }

        .ucpa-Nav-list--deals .ucpa-Nav-list--subCategory .ucpa-Nav-item--goBack,
        .ucpa-Nav-list--deals .ucpa-Nav-list--subCategory .ucpa-Nav-item--catLabel {
            display: none;
        }

    .ucpa-Nav-list--deals .ucpa-Nav-item--seeAll .ucpa-Nav-link {
        border: 1px solid #0f1f28;
    }
}

.ucpa-Header-account {
    z-index: 5;
    padding: 0.625rem 3.375rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: white;
    text-decoration: none;
}

.ucpa-Header--black .ucpa-Header-account {
    border-right-color: rgba(15, 31, 40, .3);
    color: #1a1a1a;
}

.ucpa-Header--black .ucpa-Header-link {
    color: #1a1a1a;
}

@media screen and (max-width: 65em) {
    .ucpa-Header-account {
        padding: 0.625rem 1.6875rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Header-account {
        display: none;
    }
}

.ucpa-Header-list {
    z-index: 3;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    padding: 0;
    list-style-type: none;
}

@media screen and (max-width: 50em) {
    .ucpa-Header-list {
        width: 6rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Header-list {
        width: 7.3125rem;
    }

    .ucpa-Header-top--mobile .ucpa-Header-list {
        width: 100%;
    }

    .ucpa-Header-top--mobile .ucpa-HeaderCommunity-quantity {
        margin: 0 0 0 0.3125px;
        font-size: 0.8125rem;
    }
}

.ucpa-Header-item {
    color: inherit;
}

@media screen and (max-width: 50em) {
    .ucpa-Header-item {
        width: 33.33333%;
        height: 100%;
        text-align: right;
    }

    .ucpa-Header-top--mobile .ucpa-HeaderCommunity-navTopImg {
        margin-top: 1.25rem;
    }

    .ucpa-Header-top--mobile .ucpa-HeaderCommunity-notificationQuantity {
        top: 4px;
        right: 0;
    }

    .ucpa-Header-top--mobile .ucpa-Header-item {
        text-align: center;
    }

        .ucpa-Header-top--mobile .ucpa-Header-item:last-child {
            display: -webkit-box;
            display: flex;
        }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Header-top--mobile {
        display: none;
    }
}

.ucpa-Header-link {
    padding: 0 1.5rem;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (max-width: 50em) {
    .ucpa-Header-link {
        height: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Header-icon {
        width: 1.375rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Header-icon {
        width: 1.0625rem;
    }
}

.ucpa-DropDownList {
    position: absolute;
    top: 1.8rem;
    right: 0;
    z-index: 1000;
    display: none;
    width: 20.625rem;
    border: 1px solid #c8cdd2;
    padding: 0;
    background-color: white;
}

@media screen and (min-width: 50.01em) {
    .ucpa-HeaderCommunity-dropDown--visible {
        display: block;
    }
}

.ucpa-DropDownList-item,
.ucpa-DropDownList-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 4.25rem;
    border-bottom: 1px solid #c8cdd2;
    padding: 0 1.25rem;
    color: #1a1a1a;
    list-style: none;
}

.ucpa-DropDownList-item {
    opacity: 0.7;
}

    .ucpa-DropDownList-item a,
    .ucpa-DropDownList-item a:hover {
        color: #1a1a1a !important;
    }

    .ucpa-DropDownList-item:hover {
        opacity: 1;
    }

.ucpa-DropDownList-item--new {
    background-color: #e6ecf2;
    opacity: 1;
}

.ucpa-DropDownList-item--active,
.ucpa-DropDownList-item.active {
    border-right: 3px solid #e81d00;
    opacity: 1;
}

.ucpa-DropDownList-title,
.ucpa-DropDownList-bottom {
    height: 3.5rem;
}

.ucpa-DropDownList-bottom {
    line-height: 3.5rem;
    text-align: center;
    list-style: none;
}

.ucpa-DropDown-account .ucpa-DropDownList-item {
    height: 3.125rem;
}

.ucpa-DropDownList-bottomLink {
    color: #00a6c6;
}

.ucpa-DropDownList-title,
.ucpa-DropDownList-itemTitle {
    font-size: 0.9375rem;
}

.ucpa-DropDownList-titleIcon {
    margin-right: 10px;
}

.ucpa-DropDownList-infos {
    float: right;
    text-align: right;
}

.ucpa-DropDownList-itemImage--user {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 2.5rem;
    vertical-align: middle;
}

.ucpa-DropDownList-itemIndicator {
    margin-right: 0.25rem;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 0.625rem;
    background: #c8cdd2;
}

.ucpa-DropDownList-item--new .ucpa-DropDownList-itemIndicator {
    background: #00a6c6;
}

.ucpa-DropDownList-itemContent {
    margin: 0 0 0 0.6875rem;
    width: 100%;
}

.ucpa-NavSection + .ucpa-NavSection {
    margin-top: 2.8125rem;
}

.ucpa-NavSection-title {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.ucpa-NavSection-items {
    margin: 0;
    padding: 0;
    font-family: DINWeb, sans-serif;
    font-weight: 500;
    list-style-type: none;
}

.ucpa-NavSection-item {
    padding-top: 0.625rem;
    font-size: 0.9375rem;
}

.ucpa-NavSection-link {
    color: #0f1f28;
    text-decoration: none;
}

.ucpa-NavHero {
    display: -webkit-box;
    display: flex;
    border-bottom: 1px solid #c8cdd2;
    padding-bottom: 0.625rem;
}

.ucpa-NavHero-picture {
    width: 50%;
    height: 100%;
}

.ucpa-NavHero-text {
    padding: 1.25rem 0.9375rem;
}

.ucpa-NavHero-promoPicture {
    width: 100%;
}

.ucpa-NavHero-wording,
.ucpa-NavHero-price {
    font-size: 0.9375rem;
}

.ucpa-NavHero-wording {
    font-family: DINWeb-Bold, sans-serif;
}

.ucpa-NavHero-price {
    font-family: DINWeb-Medium, sans-serif;
}

.ucpa-Hero {
    position: relative;
    min-height: 34.375rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.ucpa-Hero--black {
    min-height: 21.875rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Hero {
        min-height: 18.75rem;
        background-position: 50%;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Hero {
        min-height: 15.9375rem;
        background-position: 50%;
    }
}

.ucpa-Hero::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-blend-mode: overlay;
    background-color: rgba(15, 31, 40, .3);
    background-image: radial-gradient(circle, transparent, #001b69);
    opacity: 0.45;
}

.ucpa-Hero--black::before {
    content: none;
}

.ucpa-Hero-sizing {
    padding-bottom: 38.09524%;
}

.ucpa-Hero--black .ucpa-Hero-sizing {
    padding-bottom: 26.78571%;
}

.ucpa-Hero--contact .ucpa-Hero-sizing {
    padding-bottom: 20.83333%;
}

@media screen and (max-width: 50em) {
    .ucpa-Hero-sizing {
        display: none;
    }
}

.ucpa-Hero-text {
    position: absolute;
    top: 14.0625rem;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

    .ucpa-Hero-text.ucpa-alt-text {
        top: 50%;
    }

@media (max-width:800px) {
    .ucpa-Hero-text.ucpa-alt-text {
        transform: translateY(-50%);
    }
}

.ucpa-Hero--contact .ucpa-Hero-text {
    padding-top: 6.3125rem; /* height of .ucpa-Header */
}

@media screen and (min-width: 50.01em) {
    .ucpa-Hero--contact .ucpa-Hero-text {
        top: 3.125rem;
    }
}

.ucpa-Hero-textInner {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0.9375rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Hero-text {
        position: relative;
        top: 0;
        box-sizing: content-box;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center;
        min-height: 12.5rem;
        padding-top: 3.875rem; /* height of .ucpa-Header */
    }

    .ucpa-Hero-textInner {
        -webkit-box-flex: 1;
        flex-grow: 1;
        padding: 0.9375rem;
    }
}

.ucpa-Hero-img {
    max-width: 8.125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Hero-img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 11.875rem;
        -webkit-transform: translateY(-115%);
        transform: translateY(-115%);
    }
}

.ucpa-Hero--home .ucpa-Hero-text,
.ucpa-Hero--activity .ucpa-Hero-text {
    top: 50%;
}

.ucpa-Hero-title {
    margin: 0 0 0.875rem;
    font-family: DINWeb, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.ucpa-Hero--contact .ucpa-Hero-title {
    font-size: 2.5rem;
}

.ucpa-Hero--black .ucpa-Hero-title {
    color: #1a1a1a;
}

@media screen and (max-width: 30em) {
    .ucpa-Hero-title {
        font-size: 1.875rem;
        line-height: 35px;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Hero-title br {
        display: none;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Hero-title br {
        display: none;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Hero-title-inline {
        display: block;
    }
}

.ucpa-Hero-location {
    display: block;
    font-size: 1.125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Hero-location {
        display: block;
        font-family: DINWeb, sans-serif;
        font-size: 1.875rem;
        font-weight: 500;
        font-weight: normal;
    }
}

.ucpa-Hero-headline {
    margin: 0 auto;
    max-width: 30rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 25px;
    color: #fff;
}

.ucpa-Hero--black .ucpa-Hero-headline {
    max-width: 70%;
    color: #1a1a1a;
}

@media screen and (max-width: 30em) {
    .ucpa-Hero-headline {
        font-size: 1.0625rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Hero-headline--hide {
        display: none;
    }
}

.ucpa-Hero-headline--noResults {
    margin-bottom: 0.9375rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Hero-headline--noResults {
        margin-bottom: 1.5625rem;
    }
}

.ucpa-Hero-action {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 3rem;
    background-color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Hero-action {
        position: absolute;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        height: 3rem;
        background-color: #fff;
    }
}

.ucpa-Hero-action::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1px;
    height: 1.75rem;
    content: "";
    background-color: #e6ecf2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ucpa-Hero-action .ucpa-Button {
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Hero-action .ucpa-Button:first-of-type {
        margin-bottom: 5px;
    }

    .ucpa-Hero-action .ucpa-Button:last-of-type {
        margin-top: 5px;
    }
}

.ucpa-Hero-action .ucpa-Product-wishInner {
    border: 0;
    padding: 0;
}

.ucpa-Hero-action .ucpa-Icon {
    width: 0.9375rem;
    height: 0.9375rem;
    color: #c8cdd2;
}

.no-touchevents .ucpa-Hero-action .ucpa-Button:hover .ucpa-Icon,
.no-touchevents .ucpa-Hero-action .ucpa-Button:hover .ucpa-Icon {
    color: #0f1f28;
}

.ucpa-Product-wish--active .ucpa-Icon {
    color: #0f1f28;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Hero-action {
        top: 9.0625rem;
        right: 4.1666%;
        bottom: auto;
        left: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: auto;
        background-color: transparent;
    }

        .ucpa-Hero-action::after {
            position: absolute;
            top: 50%;
            right: 0;
            left: 0;
            margin: 0 auto;
            display: block;
            width: 1.75rem;
            height: 1px;
            content: "";
            background-color: #fff;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .ucpa-Hero-action .ucpa-Icon {
            color: #fff;
        }
}

.ucpa-Hero-singleButtonSection {
    position: absolute;
    bottom: 3.125rem;
    width: 100%;
}

@media screen and (max-width: 50em) {
    .ucpa-Hero-singleButtonSection {
        position: static;
        bottom: 0;
    }
}

.ucpa-Hero-singleButtonBlock {
    width: 22.5rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Hero-singleButtonBlock {
        width: 100%;
    }
}

.ucpa-Hero--contact {
    min-height: 18.75rem;
}

.ucpa-HeroAlert {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #0f1f28;
}

.ucpa-HeroAlert-content {
    position: relative;
    padding: 1.5625rem 1.25rem 1.5625rem 0;
}

.ucpa-HeroAlert-title {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
}

.ucpa-HeroAlert-text {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
}

.ucpa-HeroAlert-button {
    position: absolute;
    top: 1.25rem;
    right: -1.5625rem;
    outline: none;
    border: none;
    background-color: transparent;
}

@media screen and (min-width: 50.01em) {
    .ucpa-HeroAlert-button {
        top: 50%;
        right: -1.25rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-HeroAlert-button {
        right: -3.125rem;
    }
}

.ucpa-HeroAlert-icon {
    font-size: 1.125rem;
    color: #fff;
}

.ucpa-Search {
    position: absolute;
    right: 0;
    bottom: 3.125rem;
    left: 0;
    margin: 0 auto;
    display: block;
    z-index:2;
    height: 3.125rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Search {
        position: relative;
        bottom: 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background-color: #e6ecf2;
    }
}

.ucpa-Search--sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    -webkit-animation: slidingSearch 400ms cubic-bezier(0.25, 0.5, 0.5, 0.9);
    animation: slidingSearch 400ms cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.ucpa-Search--product,
.ucpa-Search--loisir {
    position: inherit;
    bottom: inherit;
    height: auto;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search--product,
    .ucpa-Search--loisir {
        position: absolute;
        bottom: 3.125rem;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Search--product {
        margin: 0 0 2.25rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Search--product,
    .ucpa-Search--loisir {
        margin: 0;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search--product::after,
    .ucpa-Search--loisir::after {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        content: "";
        background-color: #fff;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search--product::after,
    .ucpa-Search--loisir::after {
        content: none;
    }
}

.ucpa-Search--home {
    height: 12.0625rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search--home {
        height: 6rem;
    }
}

.ucpa-Search--destination {
    height: 9rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search--destination {
        height: 3rem;
    }
}

.ucpa-Search--colos,
.ucpa-Search--blanche {
    height: 12rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search--colos,
    .ucpa-Search--blanche {
        height: 3rem;
    }
}

.ucpa-Search-top {
    display: none;
}

.ucpa-Search--sticky .ucpa-Search-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1.25rem;
    background-color: #fff;
}

.ucpa-Search--sticky.ucpa-Search--home {
    height: 0;
}

    .ucpa-Search--sticky.ucpa-Search--home .ucpa-Search-button {
        display: none;
    }

.ucpa-Search--sticky .ucpa-Grid {
    width: 100%;
    background-color: #e6ecf2;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search--sticky .ucpa-Grid {
        border: 1px solid #fff;
    }
}

.ucpa-Search--sticky .ucpa-Search-grid--init .ucpa-Grid {
    background-color: transparent;
}

.ucpa-Close-search {
    border: none;
    background-color: transparent;
}

.ucpa-Close-icon {
    width: 0.8125rem;
}

.ucpa-Search-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-content {
        background-color: transparent;
    }

    .ucpa-Search-search {
        position: relative;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search--product .ucpa-Search-content,
    .ucpa-Search--loisir .ucpa-Search-content {
        border-left: 1px solid #fff;
    }
}

.ucpa-Search-productGrid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.ucpa-Search-productCell {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
}

.ucpa-Search--loisir .ucpa-Search-productCell {
    position: relative;
}

@media screen and (min-width: 30.01em) {
    /*.ucpa-Search-productCell {
        width: 50%;
    }*/

    .ucpa-Search--loisir .ucpa-Search-productCell:nth-child(3) {
        z-index: 1;
        width: 100%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-productCell {
        width: 25%;
    }

    .ucpa-Search--loisir .ucpa-Search-productCell,
    .ucpa-Search--loisir .ucpa-Search-productCell:nth-child(3) {
        width: 33.33333%;
    }
}

.ucpa-Search-form {
    position: relative;
    z-index: 10;
    height: 3rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-form--pageList {
        position: static;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-form {
        border-top: solid 1px #fff;
        border-bottom: solid 1px #fff;
        border-left: solid 1px #fff;
    }
}

.ucpa-Search-form--active + .ucpa-Search-layer--full {
    left: 50%;
    display: block;
    width: 100vw;
    max-width: 105rem;
    padding-right: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-form--active + .ucpa-Search-layer--full {
        padding-left: 0;
    }
}

.ucpa-Search-form--active + .ucpa-Search-layer--destination {
    left: 50%;
    display: block;
    width: 100vw;
    max-width: 105rem;
    padding-right: 0;
    padding-left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ucpa-Search-form--active + .ucpa-Search-layer--activity {
    left: 0;
    display: block;
    width: 40%;
    min-width: 27.5rem;
    max-width: 105rem;
    padding-right: 0;
    padding-left: 0;
}

.ucpa-Search-grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-grid {
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding-bottom: 6.25rem;
    }
}

.ucpa-Search-grid--hidden {
    display: none;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-grid .ucpa-Link {
        margin-bottom: 2.875rem;
    }
}

.ucpa-Search-button {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 3rem;
    outline: none;
    border: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 0 1.5625rem 0 0.9375rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    text-align: left;
    background-color: #e6ecf2;
}

.ucpa-Search-button--product {
    height: 100%;
    border-bottom: 0;
    padding: 0.875rem 1.25rem;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
    text-transform: uppercase;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-button--product {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        height: auto;
        border: 1px solid #fff;
        border-left: 0;
    }
}

.ucpa-Search-button--destination {
    z-index: 0;
}

.ucpa-Search-filtersInner--home .ucpa-Search-button--product,
.ucpa-Search-filtersInner--destination .ucpa-Search-button--product,
.ucpa-Search-filtersInner--destination .ucpa-Search-button--activity {
    height: 3rem;
    border: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 0 1.5625rem 0 0.9375rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    text-transform: inherit;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-filtersInner--home .ucpa-Search-button--product {
        display: inline-block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: inherit;
        border-top: none;
    }

    .ucpa-Search-filtersInner--destination .ucpa-Search-button--product,
    .ucpa-Search-filtersInner--destination .ucpa-Search-button--activity {
        display: inline-block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: inherit;
    }
}

.ucpa-Search-button--activity {
    z-index: 0;
    height: 3rem;
    border-top: none;
    border-bottom: none;
    border-left: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-button--activity {
        z-index: 10;
        height: 2.9375rem;
        border-bottom: solid 1px #fff;
    }
}

.ucpa-Search-button--selected {
    border-bottom: solid 3px #e81d00;
    text-align: center;
    background-color: #fff;
}

.ucpa-Search-button--unSelected {
    border: solid 1px #fff;
    text-align: center;
    background-color: #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-button--unSelected {
        color: #fff;
        background-color: transparent;
    }
}

.ucpa-Search-destinationGrid {
    position: relative;
    height: 3rem;
}

.ucpa-Search-destinationGrid--hidden {
    display: none;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-destinationGrid .ucpa-Search-form {
        z-index: 0;
    }
}

.ucpa-Search-dateGrid--hidden {
    display: none;
}

.ucpa-Search-actionButton {
    width: 100%;
    background-color: #e81d00;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-actionButton {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        align-content: center;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 7.5rem;
        height: auto;
    }

    .ucpa-Search--loisir .ucpa-Search-actionButton {
        width: 50%;
    }
}

.ucpa-Search-actionButton--full {
    width: 100%;
}

.ucpa-Search-button--red {
    margin: 0;
    display: block;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    border: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #e81d00;
}

.ucpa-Search-button--black {
    margin: 0;
    display: block;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    border: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    cursor: default;
    background-color: #0f1f28;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-button--active {
        background-color: #fff;
    }
}

.ucpa-Search-button::before,
.ucpa-Search-button::after {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    width: 0.4375rem;
    height: 0.125rem;
    content: "";
    background-color: #e81d00;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-button::before,
    .ucpa-Search-button::after {
        content: none;
    }
}

.ucpa-Search-button--product::before,
.ucpa-Search-button--product::after,
.ucpa-Search-button--activity::before,
.ucpa-Search-button--activity::after {
    content: "";
}

.ucpa-Search-button::before {
    right: 0.75rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Search-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-Search-button--active::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-Search-button--active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 50em) {
    .ucpa-Search-button--product::before,
    .ucpa-Search-button--product::after,
    .ucpa-Search-button--activity::before,
    .ucpa-Search-button--activity::after,
    .ucpa-Search-button--colos::before,
    .ucpa-Search-button--colos::after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        display: block;
        width: 0.875rem;
        height: 0.125rem;
        content: " ";
        background-color: #e81d00;
    }

    .ucpa-Search-button--product::before,
    .ucpa-Search-button--activity::before,
    .ucpa-Search-button--colos::before {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }

    .ucpa-Search-button--product::after,
    .ucpa-Search-button--activity::after,
    .ucpa-Search-button--colos::after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 65em) {
    .ucpa-ProductPage .ucpa-Search-button--product::before,
    .ucpa-ProductPage .ucpa-Search-button--product::after,
    .ucpa-PageLoisir .ucpa-Search-button--product::before,
    .ucpa-PageLoisir .ucpa-Search-button--product::after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        display: block;
        width: 0.875rem;
        height: 0.125rem;
        content: " ";
        background-color: #e81d00;
    }

    .ucpa-ProductPage .ucpa-Search-button--product::before,
    .ucpa-PageLoisir .ucpa-Search-button--product::before {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }

    .ucpa-ProductPage .ucpa-Search-button--product::after,
    .ucpa-PageLoisir .ucpa-Search-button--product::after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-filtersInner--home .ucpa-Search-button--product::before,
    .ucpa-Search-filtersInner--home .ucpa-Search-button--product::after {
        background-color: #0f1f28;
    }
}

.ucpa-Search-button--red::before,
.ucpa-Search-button--red::after {
    content: none;
}

.ucpa-Search-button--black::before {
    top: 0;
    right: 0;
    left: 50%;
    width: 87.5%;
    height: 1px;
    content: "";
    background-color: #c8cdd2;
    opacity: 0.5;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.ucpa-Product-anchor.ucpa-Product-anchor--sticky .ucpa-Search-button--black::before {
    top: 50%;
    left: 0;
    width: 1px;
    height: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-button--black::before {
        top: 50%;
        left: 0;
        width: 1px;
        height: 25px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ucpa-Search-button--black::after {
    content: none;
}

.ucpa-Search-button--selected::before {
    content: none;
}

.ucpa-Search-button--selected::after {
    content: none;
}

.ucpa-Search-button--unSelected::before {
    content: none;
}

.ucpa-Search-button--unSelected::after {
    content: none;
}

.ucpa-Search-buttonLabel {
    margin-top: 0.625rem;
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    text-transform: none;
}

.ucpa-Search-list {
    margin: 1.375rem 0 1.25rem;
    padding: 0 3.75rem 0 0;
    list-style-type: none;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-list {
        padding: 0;
    }
}

.ucpa-Search-list--hidden {
    display: none;
}

.ucpa-Search-list--inline {
    height: 60vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 0 50%;
    font-size: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-list--inline {
        height: 100%;
        overflow: visible;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-list--inline {
        padding: 0;
    }
}

.ucpa-Search-item {
    border-bottom: 1px solid #e6ecf2;
    padding: 1.5rem 0 0.5rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-item:first-child {
        padding-top: 0;
    }
}

.ucpa-Search-item--simple,
.ucpa-Search-item--big {
    margin-bottom: 0.25rem;
    border-bottom: none;
    padding: 0;
}

.ucpa-Search-item--big {
    margin-bottom: 2.0625rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-item--inline {
        display: inline-block;
        width: 50%;
        border-bottom: none;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-item--inline {
        width: 33.333%;
    }
}

.ucpa-Search-item-link {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    font-family: DINWeb, sans-serif;
    font-size: 1rem;
    color: #0f1f28;
    text-decoration: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-item-link {
        -webkit-box-align: start;
        align-items: flex-start;
    }
}

.no-touchevents .ucpa-Search-item-link:hover {
    font-family: DINWeb, sans-serif;
    font-weight: 700;
}

.ucpa-Search-item-pics {
    width: 3.75rem;
    line-height: 0;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-item-pics {
        display: none;
    }
}

.ucpa-Search-item-pics--big {
    width: 7.5rem;
}

.ucpa-Search-item-pics--inline {
    display: block;
    width: 50%;
}

.ucpa-Search-item-image {
    width: 100%;
    height: auto;
}

.ucpa-Search-item-imageOp {
    margin: 0 0 0.625rem;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-item-imageOp {
        margin: 1.25rem 0 0.625rem;
        width: 60%;
    }
}

.ucpa-Search-item-pics--big + .ucpa-Search-itemDesc {
    border-bottom: 1px solid #e6ecf2;
}

.ucpa-Search-item-pics--inline + .ucpa-Search-itemDesc {
    width: 50%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-item-pics + .ucpa-Search-itemDesc {
        width: calc(100% - 60px);
    }

    .ucpa-Search-item-pics--big + .ucpa-Search-itemDesc {
        width: calc(100% - 120px);
    }

    .ucpa-Search-item-pics--inline + .ucpa-Search-itemDesc {
        width: 50%;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-item-pics--big + .ucpa-Search-itemDesc {
        padding-right: 3.125rem;
    }
}

.ucpa-Search-itemDesc {
    padding: 0 0.875rem;
    font-size: 0.9375rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-itemDesc {
        padding: 0;
    }
}

.ucpa-Search-itemDesc--inline {
    padding-left: 1.25rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-itemDesc--inline {
        padding: 0 1.25rem;
    }
}

.ucpa-Search-itemDesc-name {
    display: block;
    font-family: DINWeb, sans-serif;
    font-weight: 700;
}

.ucpa-Search-itemDesc-activity {
    display: block;
    color: #00a6c6;
}

.ucpa-Search-action {
    margin-top: 1.5625rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #e6ecf2;
    padding-top: 0.75rem;
    transition: 0.3s margin-top ease;
}

.ucpa-Search-action--sticked {
    display: none;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-filters .ucpa-Search-action,
    .ucpa-Search-layer--activity .ucpa-Search-action {
        display: none;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-filters--open .ucpa-Search-action--sticked {
        margin: 0;
        display: block;
        width: 100%;
        padding: 0.75rem 0 4.0625rem;
        background-color: #fff;
    }
}

.ucpa-Search-action--sticked .ucpa-Button {
    width: 100%;
}

.ucpa-Switch-foldingContent--hidden + .ucpa-Search-action {
    margin-top: 0;
    border-top: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-filtersInner .r-Grid-cell:last-child .ucpa-Search-button:not(.ucpa-Search-button--black):not(.ucpa-Search-button--red) {
        border-right: 1px solid #fff;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-filters {
        position: fixed;
        top: 100%;
        left: 0;
        z-index: 10;
        width: 100vw;
        height: 100vh;
        background-color: #e6ecf2;
        transition: top 0.5s ease-in;
    }

    .ucpa-Search--blanche .ucpa-Search-filters {
        z-index: inherit;
    }

    .ucpa-Search-filtersInner {
        height: calc(100vh - 140rem / 16); /* see .ucpa-Search-filters--open .ucpa-Search-action--sticked */
        overflow-y: scroll;
        padding-top: 3.125rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-filters--home,
    .ucpa-Search-filters--activity {
        position: relative;
        width: 100%;
        height: 6rem;
    }

    .ucpa-Search--sticky.ucpa-Search--destination .ucpa-Search-filters--activity {
        display: none;
    }

    .ucpa-Search-filters--blanche {
        position: relative;
        width: 100%;
        height: 2.9375rem;
    }

    .ucpa-Search--sticky.ucpa-Search--destination .ucpa-Search-filters--blanche {
        display: none;
    }

    .ucpa-Search-filtersInner--home,
    .ucpa-Search-filtersInner--destination {
        height: 6rem;
        padding-top: 0;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-filters .ucpa-Search-layer {
        position: relative;
        display: block;
        box-shadow: none;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-filters .ucpa-Search-layer--destination {
        position: fixed;
    }
}

.ucpa-Search-filters--open {
    position: fixed;
    top: 0;
}

.ucpa-Search-filter {
    margin: 0 auto;
    display: block;
}

.ucpa-Show-filter {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: none;
    width: 50vw;
    height: 3.125rem;
    border: none;
    padding: 0 0 0 2.1875rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    text-align: left;
    background-color: #e6ecf2;
}

@media screen and (max-width: 50em) {
    .ucpa-Show-filter {
        display: block;
    }
}

.ucpa-Show-filter::before,
.ucpa-Show-filter::after {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    display: block;
    width: 0.875rem;
    height: 0.125rem;
    content: " ";
    background-color: #e81d00;
}

.ucpa-Show-filter::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.ucpa-Show-filter::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ucpa-Hide-filter {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100vw;
    height: 3.125rem;
    border: none;
    padding: 0 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    text-align: left;
    background-color: #fff;
}

.ucpa-Hide-filter-icon {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    font-size: 0.9375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ucpa-Hide-filter--visible {
    display: block;
}

.ucpa-Layer-isOpen {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-underlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: none;
        background-color: transparent;
    }

    .ucpa-Search-underlay--visible {
        display: block;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-underlay--dark {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 12;
        pointer-events: all;
        cursor: pointer;
        background-color: rgba(0, 0, 0, .5);
    }
}

.ucpa-Search-productPrice,
.ucpa-Search-priceBox {
    display: -webkit-box;
    display: flex;
    width: 100%;
}

.ucpa-Search-priceBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-priceBox {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        border-top: 1px solid #fff;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-priceBox {
        border-top: 0;
        border-bottom: 1px solid #fff;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-priceBox {
        border: 0;
    }
}

.ucpa-Search-price {
    width: 100%;
    border-top: 1px solid #fff;
    padding: 0.875rem;
    text-align: center;
    background-color: #0f1f28;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-price {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: calc(100% - 90px);
        border-top: none;
        line-height: 100%;
    }

    .ucpa-Search--loisir .ucpa-Search-price {
        width: 50%;
    }
}

.ucpa-Search-price-txt {
    width: 100%;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #fff;
}

.ucpa-Search-price-price {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.875rem;
}

.ucpa-Search-mention {
    display: block;
    padding: 0.5625rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #0f1f28;
    text-align: center;
    background-color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-mention {
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        padding: 0.5625rem 1.25rem;
        color: #fff;
        background-color: transparent;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-mention {
        color: #0f1f28;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-mention {
        right: 0;
        left: auto;
        color: #fff;
    }
}

.ucpa-Date-wrapper {
    height: calc(100vh - 192px);
    overflow-y: scroll;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Date-wrapper {
        height: auto;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-button--active + .ucpa-Search-layer .ucpa-Search-action--visible,
    .ucpa-Search--sticky .ucpa-Search-action--visible {
        display: block;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Search-button--active + .ucpa-Search-layer .ucpa-Search-action--visible,
    .ucpa-Search--sticky .ucpa-Search-action--visible {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%;
        box-shadow: 0 3px 15px 1px rgba(0, 31, 40, .05);
        padding: 0.75rem 3.75rem;
        background-color: #fff;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-filtersInner--home .ucpa-Search-button--active + .ucpa-Search-layer .ucpa-Search-action--visible,
    .ucpa-Search-filtersInner--destination .ucpa-Search-button--active + .ucpa-Search-layer .ucpa-Search-action--visible {
        display: none;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-layer .ucpa-Search-action--visible {
        display: none;
    }
}

.ucpa-Search-action--visible .ucpa-Button {
    width: 100%;
}

.ucpa-Search-action--hidden {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-action--hidden {
        display: block;
    }
}

.ucpa-Date-slider {
    margin-top: 1.25rem;
    height: 3.125rem;
    border-top: 1px solid #e6ecf2;
    border-bottom: 1px solid #e6ecf2;
}

    .ucpa-Date-slider .swiper-slide {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

.ucpa-Search .ucpa-Slider-button {
    z-index: 2;
}

.ucpa-Date-slider .ucpa-Slider-button {
    background-color: #fff;
}

.ucpa-Date-slider .ucpa-Slider-icon {
    display: block;
    font-size: 0.75rem;
    color: #0f1f28;
}

.ucpa-Date-slider .ucpa-Slider-button--left {
    left: 0;
}

.ucpa-Date-slider .ucpa-Slider-button--right {
    right: 0;
}

.ucpa-Date-slider .swiper-button-disabled .ucpa-Slider-icon {
    color: rgba(15, 31, 40, .5);
}

.ucpa-Date-sliderRadio {
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: hidden;
    background: none;
}

.no-appearance .ucpa-Date-sliderRadio {
    display: none;
}

.ucpa-Date-sliderLabel {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f1f28;
    text-align: center;
    text-transform: uppercase;
}

.ucpa-Date-sliderRadio:checked + .ucpa-Date-sliderLabel::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    background-color: #e81d00;
}

.ucpa-Sejour-resultList {
    margin: 0;
    padding: 0 0 70px;
    list-style-type: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-resultList {
        padding: 0 2.5rem;
    }
}

.ucpa-Sejour-resultItem {
    display: block;
    border-bottom: 1px solid #e6ecf2;
    padding-bottom: 1.0625rem;
    font-size: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-resultItem {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
    }
}

.ucpa-Sejour-result-date {
    position: relative;
    margin: 1.0625rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 2.1875rem;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-date {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 5.9375rem;
        height: 5.3125rem;
        padding: 0 1.875rem;
        text-align: center;
    }
}

.ucpa-Sejour-result-date--withReduc::before,
.ucpa-Sejour-result-date--withReduc::after {
    position: absolute;
    top: -0.3125rem;
    right: 0.875rem;
    width: 1.625rem;
    height: 1.625rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-date--withReduc::before,
    .ucpa-Sejour-result-date--withReduc::after {
        position: absolute;
        right: auto;
        width: 2.6875rem;
        height: 2.6875rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ucpa-Sejour-result-date--withReduc::before {
    content: "";
    background-color: #e81d00;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-date--withReduc::before {
        top: 42%;
        left: -2.25rem;
        -webkit-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
    }
}

.ucpa-Sejour-result-date--withReduc::after {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.6875rem;
    font-weight: bold;
    color: #fff;
    content: attr(data-reduc);
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-date--withReduc::after {
        top: 50%;
        left: 0;
        font-size: 1.0625rem;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.ucpa-Sejour-result-participant {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-participant {
        width: auto;
        text-align: center;
    }
}

.ucpa-Sejour-result-icon {
    margin-right: 0.625rem;
    width: 1.5625rem;
    height: 1.5625rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-icon {
        margin: 0 auto;
        display: block;
    }
}

.ucpa-Sejour-result-participant .ucpa-Sejour-result-label {
    margin-top: 0.625rem;
    display: block;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-participant .ucpa-Sejour-result-label {
        display: none;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-action {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: end;
        align-items: flex-end;
        width: 7.5rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Sejour-result-action {
        width: 14.0625rem;
    }
}

.ucpa-Sejour-result-action .ucpa-Sejour-result-label {
    display: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-action .ucpa-Sejour-result-label {
        display: block;
        text-align: right;
    }
}

.ucpa-Sejour-result-participant-total {
    display: inline-block;
    vertical-align: middle;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-participant-total {
        margin-top: 0.9375rem;
    }
}

.ucpa-Sejour-result-price {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1;
    text-align: right;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-price {
        width: auto;
        max-width: 15rem;
        text-align: center;
    }
}

.ucpa-Sejour-result-oldPrice {
    display: block;
}

.ucpa-Sejour-result-oldPrice,
.ucpa-Sejour-result-during,
.ucpa-Sejour-result-label {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
}

.ucpa-Sejour-result-action .ucpa-Link {
    margin-top: 0.9375rem;
    height: 1.875rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-result-action .ucpa-Link {
        margin-bottom: 0.625rem;
        width: 5.625rem;
    }
}

.ucpa-Sejour-result-action--disabled .ucpa-Link {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-grid--resultsContent {
        height: 75vh;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 0 0 3.125rem;
    }
}

@-webkit-keyframes slidingSearch {
    0% {
        top: -100%;
    }

    40% {
        top: -50%;
    }

    100% {
        top: 0;
    }
}

@keyframes slidingSearch {
    0% {
        top: -100%;
    }

    40% {
        top: -50%;
    }

    100% {
        top: 0;
    }
}

.ucpa-Search-layer {
    position: absolute;
    top: 100%;
    z-index: 10;
    display: none;
    box-shadow: 0 10px 20px rgba(15, 31, 40, .2);
    border: 1px solid #e6ecf2;
    padding: 0.9375rem 1.25rem 2.5rem;
    background-color: #fff;
}

@media screen and (max-width: 50em) {
    .ucpa-Search-button--product + .ucpa-Search-layer,
    .ucpa-Search-button--activity + .ucpa-Search-layer,
    .ucpa-Search-button--colos + .ucpa-Search-layer {
        position: fixed;
        top: 100vh;
        right: 0;
        left: 0;
        z-index: 11;
        display: block;
        width: 100vw;
        height: 100vh;
        overflow-y: scroll;
        padding-bottom: 9.375rem;
        transition: top ease-in 0.3s;
    }
}

.ucpa-Search--sticky .ucpa-Search-layer--activity {
    top: 6.875rem;
    transition: top 0.5s ease-out;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-filtersInner--home .ucpa-Search-button--product + .ucpa-Search-layer {
        position: absolute;
        top: 100%;
        z-index: 10;
        display: none;
        box-shadow: 0 10px 20px rgba(15, 31, 40, .2);
        border: 1px solid #e6ecf2;
        padding: 0.9375rem 1.25rem 2.5rem;
        background-color: #fff;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Search-button--product.ucpa-Search-button--active + .ucpa-Search-layer,
    .ucpa-Search-button--colos.ucpa-Search-button--active + .ucpa-Search-layer {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100vw;
        min-width: 100%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-filtersInner--home .ucpa-Search-button--product.ucpa-Search-button--active + .ucpa-Search-layer {
        position: absolute;
        top: 100%;
        right: 0;
        left: 10%;
        display: block;
        width: 80%;
        min-width: inherit;
        height: inherit;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-filtersInner--home .ucpa-Search-button--product.ucpa-Search-button--active + .ucpa-Search-layer {
        left: 2%;
        width: 96%;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Search-filtersInner--home .ucpa-Search-button--product.ucpa-Search-button--active + .ucpa-Search-layer {
        left: 10%;
        width: 80%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Search-button--active + .ucpa-Search-layer {
        position: absolute;
        right: 0;
        left: 0;
        display: block;
    }

    .ucpa-Search-button--active + .ucpa-Search-layer--date {
        left: 10%;
        width: 70%;
        min-width: 37.5rem;
    }

    .ucpa-Search-button--active + .ucpa-Search-layer--offre {
        right: 0;
        left: auto;
        width: calc(42% - 1px);
    }
}

.ucpa-Search-button--active + .ucpa-Search-layer--dateProduct {
    width: 100vw;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-button--active + .ucpa-Search-layer--dateProduct {
        left: 0;
        width: 80%;
    }
}

.ucpa-Search-button--active + .ucpa-Search-layer--member {
    left: 40%;
    width: 40%;
    min-width: 27.5rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-ProductPage .ucpa-Search-button--active + .ucpa-Search-layer--member {
        left: 50%;
        width: 50%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search--product .ucpa-Search-button--active + .ucpa-Search-layer--member {
        left: 25%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search--product .ucpa-Search-button--active + .ucpa-Search-layer--transport {
        left: 50%;
    }
}

.ucpa-Search-button--active + .ucpa-Search-layer--transport {
    left: 60%;
    width: 40%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-ProductPage .ucpa-Search-button--active + .ucpa-Search-layer--transport {
        left: 0;
        width: 50%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-ProductPage .ucpa-Search-button--active + .ucpa-Search-layer--transport {
        left: 50%;
        width: 40%;
    }
}

.ucpa-Search-button--active + .ucpa-Search-layer--full {
    left: 50%;
    width: 100vw;
    max-width: 105rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ucpa-Search-form--active + .ucpa-Search-layer--destination {
    left: 50%;
    width: 40%;
    min-width: 27.5rem;
}

.ucpa-Search-layer .ucpa-Select::before,
.ucpa-Search-layer .ucpa-Select::after {
    background-color: #e81d00;
}

.ucpa-Search-layerTop {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #e6ecf2;
    padding-bottom: 0;
}

.ucpa-Search-layer--dateProduct .ucpa-Search-layerTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    border: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Search-layer--dateProduct .ucpa-Search-layerTop {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Search-layer--dateProduct .ucpa-Search-layerTop {
        padding-bottom: 0.9375rem;
    }
}

.ucpa-Search-layerTop--center {
    margin-left: 8.333%;
}

.ucpa-Search-layer--full .ucpa-Search-layerTop {
    width: 16.875rem;
    border: none;
    padding: 0;
}

.ucpa-Search-layer--destination .ucpa-Search-layerTop {
    width: 16.875rem;
    border: none;
    padding: 0;
}

.ucpa-Search-layer-title {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.ucpa-Search-layer-title--filter {
    margin-top: 1.5625rem;
    border-top: 1px solid #e6ecf2;
    padding-top: 1.25rem;
}

.ucpa-Search-layer-title--center {
    display: block;
    padding: 1.875rem 0 1.125rem;
    text-align: center;
}

.ucpa-Link--small + .ucpa-Search-layer-title {
    margin-top: 3.125rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Link--small + .ucpa-Search-layer-title {
        margin-top: 0;
    }
}

.ucpa-Member-button {
    margin-left: 0.9375rem;
    width: 2.3125rem;
    height: 2.3125rem;
    outline: none;
    border: none;
    border-radius: 50%;
    padding: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #e81d00;
    background-color: #e6ecf2;
}

.ucpa-Date-button {
    width: 100%;
    outline: none;
    border: none;
    border-bottom: 3px solid #e6ecf2;
    padding: 0.375rem 0 1.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    background-color: transparent;
}

@media screen and (max-width: 50em) {
    .ucpa-Date-button {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.ucpa-Date-button--active {
    border-bottom: 3px solid #e81d00;
}

.ucpa-Date-content {
    width: 200%;
    visibility: hidden;
}

.ucpa-Date-content--second {
    margin-left: -100%;
}

.ucpa-Date-button--active + .ucpa-Date-content {
    visibility: visible;
}

.ucpa-Date-text {
    margin: 2.5rem 0;
    padding-right: 3.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
}

@media screen and (max-width: 50em) {
    .jsucpa-AutoComplete,
    .jsucpa-AutoCompleteDestination,
    .jsucpa-AutoCompleteActivity {
        position: fixed;
        top: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        display: block;
        height: calc(100vh - 112px);
        padding-top: 1.625rem;
        background-color: #fff;
        transition: top 1s ease-out;
    }
}

@media screen and (max-width: 50em) {
    .jsucpa-AutoComplete--visible,
    .jsucpa-AutoCompleteDestination--visible,
    .jsucpa-AutoCompleteActivity--visible {
        top: 6.5625rem;
        transition: top 0.5s ease-out;
    }
}

.ucpa-Fieldset--inline.ucpa-Date-departureFieldset {
    margin: 0.625rem 0;
    display: block;
}

.ucpa-Date-departureFieldset .ucpa-Radio.ucpa-Radio {
    margin-bottom: 0.3125rem;
    display: block;
}

.ucpa-Date-departureFieldset .ucpa-Select.ucpa-Select {
    margin: 0 1.25rem 0.9375rem 1.875rem;
    display: block;
}

.ucpa-Date-durationFieldset {
    text-align: center;
}

.ucpa-Date-durationFieldsetInner {
    display: inline-block;
    text-align: left;
}

.ucpa-Offre-durationFieldsetInner {
    text-align: left;
}

.ucpa-Date-durationFieldset .ucpa-Checkbox {
    display: block;
}

.ucpa-Link {
    border: 1px solid #0f1f28;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    transition: 0.3s ease-in all;
}

.ucpa-Link--small {
    display: inline-block;
    height: 1.875rem;
    padding: 0 1.25rem;
    font-size: 0.8125rem;
    line-height: 2.25;
}

.ucpa-Link--default {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 3.125rem;
    text-align: center;
}

.ucpa-Link--noBorder {
    border-width: 0;
}

.ucpa-Link--white {
    color: #0f1f28;
    background-color: #fff;
}

.no-touchevents .ucpa-Link--white:hover {
    color: #fff;
    background-color: #0f1f28;
}

.ucpa-Link--ghost {
    color: #0f1f28;
    background-color: transparent;
}

.no-touchevents .ucpa-Link--ghost:hover {
    color: #fff;
    background-color: #0f1f28;
}

.ucpa-Link--ghostWhite {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
}

.no-touchevents .ucpa-Link--ghostWhite:hover {
    color: #0f1f28;
    background-color: #fff;
}

.ucpa-Link--ghostBlue {
    border: 1px solid #00a6c6;
    color: #fff;
    background-color: transparent;
}

.no-touchevents .ucpa-Link--ghostBlue:hover {
    color: #0f1f28;
    background-color: #fff;
}

.ucpa-Link--black {
    color: #fff;
    background-color: #0f1f28;
}

.no-touchevents .ucpa-Link--black:hover {
    color: #0f1f28;
    background-color: #fff;
}

.ucpa-Link--borderWhite {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
}

.no-touchevents .ucpa-Link--borderWhite:hover {
    color: #0f1f28;
    background-color: #fff;
}

.ucpa-Link--red {
    border-color: #e81d00;
    color: #fff;
    background-color: #e81d00;
}

.no-touchevents .ucpa-Link--red:hover {
    border-color: #ff2200;
    color: #fff;
    background-color: #ff2200;
}

.ucpa-Link--nav {
    -webkit-box-pack: start;
    justify-content: flex-start;
    height: auto;
    color: #0f1f28;
}

.ucpa-Link span {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Link span {
        display: inline-block;
    }
}

.ucpa-DatePickerInput {
    float: left;
    width: 0;
    height: 0;
    border: 0;
    padding: 0;
}

/*!
 * Pikaday
 * Copyright ? 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    position: relative;
    max-width: 20.625rem;
    font-family: DINWeb, sans-serif;
    color: #0f1f28;
    background: #fff;
}

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
    }

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    position: relative;
    z-index: 9999;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    padding: 5px 3px;
    font-size: 0.8125rem;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #fff;
}

.pika-title select {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 9998;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.pika-prev,
.pika-next {
    position: relative;
    display: block;
    width: 1.25rem;
    height: 1.875rem;
    outline: none;
    border: 0;
    overflow: hidden;
    padding: 0;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 1.25rem;
    white-space: nowrap;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75% 75%;
    opacity: 1;
}

.no-touchevents .pika-prev:hover,
.no-touchevents .pika-next:hover {
    opacity: 0.5;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('/images/skins/277//images/skins/221//images/skins/206//images/skins/184//images/skins/184/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('/images/skins/277//images/skins/221//images/skins/206//images/skins/184//images/skins/184/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: 0.3;
    }

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.285714285714286%;
        padding: 0;
        text-align: center;
    }

    .pika-table th {
        font-size: 0.625rem;
        font-weight: bold;
        line-height: 1.5625rem;
        text-align: center;
        text-transform: uppercase;
    }

.pika-button {
    margin: 0;
    width: 1.625rem;
    outline: none;
    border: 1px solid transparent;
    padding: 5px;
    font-size: 12px;
    line-height: 15px;
    color: #0f1f28;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-selected .pika-button {
    border-color: #e81d00;
    font-weight: bold;
}

.is-inrange .pika-button {
    background: #e6ecf2;
}

.is-startrange .pika-button,
.is-endrange .pika-button {
    color: #fff;
    background: #0f1f28;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}

.no-touchevents .pika-button:hover {
    color: #fff;
    background: #e81d00;
}

/* styling for abbr */

.pika-table abbr {
    border-bottom: none;
    text-decoration: none;
    cursor: help;
}

::-ms-clear {
    display: none;
}

.ucpa-FieldSet {
    position: relative;
    margin: 0;
    border: 0;
    padding: 0.625rem 0;
}

.ucpa-Fieldset--inline {
    margin: 0.625rem;
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .ucpa-Fieldset--inline .ucpa-Radio,
    .ucpa-Fieldset--inline .ucpa-Select {
        display: table-cell;
        vertical-align: middle;
    }

    .ucpa-Fieldset--inline .ucpa-Radio-label {
        margin: 0;
    }

.ucpa-Field {
    height: 2.25rem;
    border: 1px solid #c8cdd2;
    border-radius: 0;
    padding: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input::-webkit-input-placeholder {
    color: #6d6f75;
}

input:-ms-input-placeholder {
    color: #6d6f75;
}

input::placeholder {
    color: #6d6f75;
}

.ucpa-Field--small {
    width: 2.8125rem;
    text-align: center;
}

.ucpa-Field--search,
.ucpa-Field--searchDestination,
.ucpa-Field--searchActivity {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    border-radius: 0;
    padding: 0 3.125rem 0 0.9375rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f1f28;
    background-color: #e6ecf2;
    transition: background-color 0.3s ease-in;
}

.ucpa-Field--searchActivity {
    padding: 0.9375rem 3.125rem 0.9375rem 0.9375rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Field--search:focus,
    .ucpa-Field--searchDestination:focus {
        background-color: #fff;
    }
}

.ucpa-Field--searchDestination {
    border-top: solid 1px #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Field--searchDestination {
        border-top: none;
    }
}

.ucpa-Search--sticky .ucpa-Field--searchDestination {
    border-top: none;
}

.ucpa-Label {
    display: inline-block;
    vertical-align: middle;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-Label--participant {
    min-width: 6.875rem;
}

.ucpa-Label-textgroup {
    display: inline-block;
}

.ucpa-Field-label {
    margin-left: 0.625rem;
}

.ucpa-Button--search {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 3.125rem;
    height: 100%;
    outline: none;
    border: none;
    padding: 0;
    color: #e81d00;
    background-color: transparent;
}

.ucpa-Button-search-icon {
    width: 0.9375rem;
}

.ucpa-Switch-label {
    position: relative;
    display: inline-block;
    width: 3.75rem;
    height: 2.125rem;
}

.ucpa-Switch-input {
    display: none;
}

.ucpa-Switch-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2.125rem;
    cursor: pointer;
    background-color: #c8cdd2;
    transition: 0.3s;
}

    .ucpa-Switch-slider::before {
        position: absolute;
        bottom: 0.25rem;
        left: 0.25rem;
        display: block;
        width: 1.625rem;
        height: 1.625rem;
        border-radius: 50%;
        content: "";
        background-color: white;
        -webkit-transform: translateX(26px);
        transform: translateX(26px);
        transition: 0.3s;
    }

.ucpa-Switch-icon {
    position: absolute;
    color: #c8cdd2;
    -webkit-transform: translateX(35px);
    transform: translateX(35px);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.ucpa-Switch-input:checked + .ucpa-Switch-slider .ucpa-Switch-icon {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
}

.ucpa-Switch-icon--checked {
    visibility: hidden;
}

.ucpa-Switch-input:checked + .ucpa-Switch-slider .ucpa-Switch-icon--checked {
    visibility: visible;
    color: #e81d00;
}

.ucpa-Switch-input:checked + .ucpa-Switch-slider .ucpa-Switch-icon--unchecked {
    visibility: hidden;
}

.ucpa-Switch-input:checked + .ucpa-Switch-slider::before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.ucpa-Switch-input:checked + .ucpa-Switch-slider {
    background-color: #e81d00;
}

.ucpa-Switch-input:focus + .ucpa-Switch-slider {
    box-shadow: 0 0 1px #c8cdd2;
}

.ucpa-Switch-foldingContent--hidden {
    display: none;
}

.ucpa-Radio {
    display: block;
}

.ucpa-Checkbox-input,
.ucpa-Radio-input {
    position: absolute;
    opacity: 0;
}

.ucpa-Checkbox-label,
.ucpa-Radio-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.ucpa-Radio-label {
    margin: 1.5625rem 0 0;
}

.ucpa-Checkbox-label {
    margin: 1rem 0 0;
}

.ucpa-Checkbox-label,
.ucpa-Radio-label {
    position: relative;
    font-size: 0.9375rem;
}

.ucpa-Radio-label--user {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 4.375rem;
    border: 1px solid #e6ecf2;
    border-top: 0;
    padding: 0 0.625rem 0 1.25rem;
    background-color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Radio-label--user {
        border-top: 1px solid #e6ecf2;
    }
}

.ucpa-Radio-label--firtsUser {
    border-top: 1px solid #e6ecf2;
}

.ucpa-Radio-label--slider {
    margin: 0.625rem 0;
}

.ucpa-Checkbox-input + .ucpa-Checkbox-label::before,
.ucpa-Radio-input + .ucpa-Radio-label::before,
.ucpa-CheckedStatus-icon + .ucpa-Radio-label::before {
    margin-right: 0.625rem;
    display: inline-block;
    min-width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #c8cdd2;
    padding: 0.125rem;
    vertical-align: middle;
    text-align: center;
    content: '';
    background-color: #fff;
}

.ucpa-Checkbox-input.ucpa-Checkbox-label--disable + .ucpa-Checkbox-label {
    opacity: 0.4;
}

    .ucpa-Checkbox-input.ucpa-Checkbox-label--disable + .ucpa-Checkbox-label::before {
        background-color: #fff;
    }

.ucpa-Checkbox-input:checked + .ucpa-Checkbox-label {
    opacity: 1;
}

    .ucpa-Checkbox-input:checked + .ucpa-Checkbox-label::before {
        box-shadow: inset 0 0 0 4px #fff;
        background-color: #e81d00;
    }

.ucpa-Checkbox-date .ucpa-Checkbox-label {
    margin: 0;
}

.ucpa-Radio-input + .ucpa-Radio-label::before {
    border-radius: 50%;
}

.ucpa-Radio-input:checked + .ucpa-Radio-label::before {
    box-shadow: inset 0 0 0 4px #fff;
    background-color: #e81d00;
}

.ucpa-Radio-civility + .ucpa-Radio-label {
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}

.ucpa-CartSave-radio + .ucpa-Checkbox-label {
    margin: 0;
}

.ucpa-Select {
    position: relative;
    margin-left: 2.5rem;
    height: 2.25rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Select {
        margin-left: 0;
    }
}

.ucpa-Select--cart {
    margin-left: 0;
    height: 3.125rem;
    background-color: #fff;
}

.ucpa-Select::before,
.ucpa-Select::after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 0.4375rem;
    height: 0.125rem;
    content: "";
    background-color: #0f1f28;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.ucpa-Select--cart::before,
.ucpa-Select--cart::after {
    background-color: #e81d00;
}

.no-appearance .ucpa-Select::before,
.no-appearance .ucpa-Select::after {
    content: none;
}

.ucpa-Select::before {
    right: 1.75rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Select::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-Select select {
    width: 100%;
    height: 100%;
    box-shadow: none;
    outline: none;
    border: none;
    border: 1px solid #c8cdd2;
    border-radius: 0;
    padding: 0 0 0 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ucpa-Radio-group {
    margin-left: 9rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 50em) {
    .ucpa-Radio-group {
        margin-left: 0;
    }
}

.ucpa-Radio-labelGroup {
    display: inline-block;
    vertical-align: middle;
}

.ucpa-Radio-labelSmall {
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: normal;
    color: #0f1f28;
}

.ucpa-CartError-text {
    font-family: DINWeb, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ff7800;
}

.ucpa-CartFieldset--error .ucpa-CartError-text {
    display: block;
}

.ucpa-Product {
    position: relative;
    z-index: 0;
    margin-bottom: 5.75rem;
}

@media screen and (max-width: 30em) {
    .ucpa-Product {
        margin-bottom: 2.9375rem;
    }
}

.ucpa-Wrapper--results .ucpa-Product {
    margin-bottom: 0;
}

.ucpa-Product-list {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

@media screen and (max-width: 30em) {
    .ucpa-Product-list {
        margin-top: 0.3125rem;
    }
}

.ucpa-Section--square .ucpa-Product-list,
.ucpa-Section--rectangle .ucpa-Product-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ucpa-Product-listItem {
    position: relative;
    margin: 3.125rem 5% 0 0;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 65em) {
    .ucpa-Product-listItem {
        margin-right: 10%;
        max-width: 45%;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Product-listItem--section {
        margin-right: 5%;
        max-width: 47.5%;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Product-listItem {
        margin: 1.375rem 0 0;
        max-width: 100%;
    }
}

.ucpa-Product--listView .ucpa-Product-listItem--isSolo {
    margin: 2.125rem 0 0;
}

@media screen and (max-width: 65em) {
    .ucpa-Product-listItem--square,
    .ucpa-Product-listItem--rectangle {
        margin: 0;
        padding: 0;
    }
}

.ucpa-Product-listItem--allInclusive,
.ucpa-Product-listItem--square,
.ucpa-Product-listItem--rectangle,
.ucpa-SectionItemCol {
    margin-right: 0;
    text-align: center;
}

.ucpa-Product-listItem--square {
    margin-bottom: 1.25rem;
    width: calc(50% - 10px);
}

.ucpa-Product-listItem--rectangle {
    margin-bottom: 5%;
    width: 100%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-listItem--rectangle {
        width: 50%;
    }
}

.ucpa-Product-list:nth-child(2n) .ucpa-Product-listItem--rectangle:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-listItem--square {
        margin-bottom: 1.25rem;
        width: calc(33.33333% - 15px);
    }

    .ucpa-Product-listItem--rectangle {
        margin-bottom: 4.375rem;
        width: 30%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Product-listItem--square {
        margin-bottom: 2.5rem;
        width: calc(20% - 30px);
    }
}

.ucpa-Product-listItem--allInclusive:nth-last-child(-n+2) {
    margin-bottom: 2.1875rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-listItem--allInclusive {
        margin-bottom: 2.1875rem;
    }

        .ucpa-Product-listItem--allInclusive:nth-child(-n+3) {
            margin-bottom: 0;
        }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-listItem--allInclusive {
        margin-bottom: 0;
    }

    .ucpa-Product-listItem--square,
    .ucpa-Product-listItem--rectangle {
        margin-top: 0;
    }

    .ucpa-Product-listItem--allInclusive:nth-child(-n+3) {
        margin-bottom: 0;
    }

    .ucpa-Product-listItem--allInclusive:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

.ucpa-Product-listItem:nth-child(3n) {
    margin-right: 0;
}

.ucpa-Product-listItem--section:nth-child(-n+1) {
    margin-top: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-listItem--section:nth-child(-n+2) {
        margin-top: 0;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Product-listItem--section:nth-child(-n+3) {
        margin-top: 0;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Product-listItem:nth-child(3n) {
        margin-right: 10%;
    }

    .ucpa-Product-listItem--square:nth-child(3n),
    .ucpa-Product-listItem--rectangle:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Product-listItem--allInclusive:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Product-listItem--allInclusive:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Product-listItem:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Product-listItem:nth-child(2n) {
        margin-right: 0;
    }
}

.ucpa-Product-listItem--isSolo {
    margin: 0;
    display: block;
}

.ucpa-Product-item {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    vertical-align: top;
    text-decoration: none;
}

    .ucpa-Product-item::after {
        position: absolute;
        right: -1.0625rem;
        bottom: 4.0625rem;
        z-index: 1;
        display: block;
        width: 4.5625rem;
        height: 7.875rem;
        border: 3px solid #00a6c6;
        border-left: none;
        content: "";
    }

@media screen and (max-width: 50em) {
    .ucpa-Product-item::after {
        width: 3.125rem;
        height: 5.625rem;
    }
}

.ucpa-Product-itemImage {
    position: relative;
    height: 0;
    padding-bottom: 112.85714285714286%;
}

.ucpa-Product-itemImage--cover {
    background-size: cover;
}

.ucpa-Product-itemImage--landscape {
    padding-bottom: 56.57237936772047%;
}

.ucpa-Product-itemImage::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    background-blend-mode: overlay;
    background-color: rgba(15, 31, 40, .3);
    background-image: radial-gradient(circle, transparent, #001b69);
    opacity: 0.45;
    transition: background-color 0.3s ease;
}

.ucpa-Product-itemImageImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ucpa-Product-itemImageOp {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    z-index: 2;
    max-width: 40%;
}

.ucpa-Product-itemImageOpImg {
    width: 100%;
}

.ucpa-Product-button {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    z-index: 1;
    height: 3.125rem;
    border: none;
    padding: 0 1.125rem;
    visibility: hidden;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 3.125rem;
    color: #0f1f28;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
    opacity: 0;
    transition: all 0.3s ease-in;
}

@media screen and (min-width: 65.01em) {
    .no-touchevents .ucpa-Product-listItem:hover .ucpa-Product-button,
    .no-touchevents .swiper-slide.ucpa-Slide:hover .ucpa-Product-button {
        visibility: visible;
        opacity: 1;
    }
}

.ucpa-Product-button--visible {
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 50em) {
    .ucpa-Product-button--visible {
        display: none;
    }
}

.ucpa-Product-choice {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 50%;
    max-width: 8.125rem;
    height: 3.125rem;
    background-color: #e6ecf2;
}

    .ucpa-Product-choice .ucpa-Radio-label {
        margin: 0;
        vertical-align: top;
    }

.ucpa-Product-item-action {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.ucpa-Product-itemDesc {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ucpa-Product-itemDesc-tag {
    position: absolute;
    top: 1.5625rem;
    right: 1.5625rem;
    z-index: 1;
    border: solid 1px #fff;
    padding: 0.3125rem 0.625rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
    transition: opacity 0.2s ease-in;
}

.ucpa-Product-itemDesc-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(15, 31, 40, .1);
    padding-bottom: 1.1875rem;
}

.ucpa-Product-itemDesc-age {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    color: #0f1f28;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemDesc-age {
        font-size: 1rem;
    }
}

.ucpa-Product-itemDesc-list,
.ucpa-Product-itemDesc-bottomList {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

.ucpa-Product-itemDesc-item {
    margin: 0 0 0 0.625rem;
    display: inline-block;
    height: 25px;
    border: 1px solid #e81d00;
    padding: 0 0.75rem;
    vertical-align: top;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 25px;
    color: #e81d00;
}

    .ucpa-Product-itemDesc-item.label-0 {
        display: none;
    }

    .ucpa-Product-itemDesc-item.label-1 {
        position: absolute;
        z-index: 2;
        top: 15px;
        left: 15px;
        background-color: white;
        margin: 0;
    }

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemDesc-item {
        font-size: 0.75rem;
    }
}

.ucpa-Product-itemDesc-center {
    position: absolute;
    top: 1.5625rem;
    right: 0;
    bottom: 4.125rem;
    left: 0;
    z-index: 1;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    height: calc(100% - 225px);
    border: none;
    padding: 0 1.5625rem;
    color: #fff;
}

    .ucpa-Product-itemDesc-center .ucpa-Product-recap-list {
        margin: 0;
    }

@media screen and (max-width: 50em) {
    .ucpa-Product-itemDesc-center {
        top: 3.4375rem;
        padding: 0 0.9375rem;
    }
}

.ucpa-Product-itemDesc-center .ucpa-Product-itemDesc-age {
    height: 0;
    overflow: hidden;
    color: #fff;
    text-align: right;
    transition: 0.3s ease-in height;
}

.ucpa-PageColos .ucpa-Product-itemDesc-center .ucpa-Product-itemDesc-age {
    height: auto;
    overflow: visible;
}

.touchevents .ucpa-Product-listItem .ucpa-Product-itemDesc-age,
.touchevents .ucpa-Slide .ucpa-Product-itemDesc-age,
.no-touchevents .ucpa-PageColos .ucpa-Product-listItem .ucpa-Product-itemDesc-age,
.no-touchevents .ucpa-PageColos .ucpa-Slide .ucpa-Product-itemDesc-age,
.no-touchevents div:not(.ucpa-PageColos) .ucpa-Product-listItem:hover .ucpa-Product-itemDesc-age,
.no-touchevents div:not(.ucpa-PageColos) .ucpa-Slide:hover .ucpa-Product-itemDesc-age {
    height: 1.375rem;
}

@media screen and (min-width: 87.51em) {
    .touchevents .ucpa-PageColos .ucpa-Product-listItem .ucpa-Product-itemDesc-age,
    .touchevents .ucpa-PageColos .ucpa-Slide .ucpa-Product-itemDesc-age,
    .no-touchevents div:not(.ucpa-PageColos) .ucpa-Product-listItem:hover .ucpa-Product-itemDesc-age,
    .no-touchevents div:not(.ucpa-PageColos) .ucpa-Slide:hover .ucpa-Product-itemDesc-age {
        height: 1.75rem;
    }
}

.ucpa-Product-itemDesc-title {
    margin: 0 0 0.3125rem;
    max-width: 26.5625rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.1875rem;
    text-align: right;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemDesc-title {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Product-itemDesc-title {
        font-size: 1.5625rem;
    }
}

.ucpa-Product-itemDesc-title br {
    display: none;
}

.ucpa-Product-itemDesc-location {
    margin: 0 0 0.875rem;
    height: 0;
    overflow: hidden;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: right;
    transition: 0.3s ease-in height;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemDesc-location {
        margin: 0 0 0.6875rem;
        font-size: 1rem;
    }
}

.touchevents .ucpa-Product-listItem .ucpa-Product-itemDesc-location,
.touchevents .ucpa-Slide .ucpa-Product-itemDesc-location,
.no-touchevents .ucpa-Product-listItem:hover .ucpa-Product-itemDesc-location,
.no-touchevents .ucpa-Slide:hover .ucpa-Product-itemDesc-location {
    height: 1.625rem;
}

.ucpa-Product-itemDesc-activity {
    margin: 0;
    display: none;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    color: #00a6c6;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemDesc-activity {
        font-size: 1rem;
        line-height: 1.375rem;
    }
}

.ucpa-Product-itemDesc-activity-count {
    font-family: DINWeb, sans-serif;
}

.ucpa-Skill {
    margin: 0;
    display: none;
    -webkit-box-align: center;
    align-items: center;
    width: 12.5rem;
    height: auto;
}

.ucpa-Skill-table {
    position: relative;
    margin-top: 1.25rem;
    width: 100%;
    table-layout: fixed;
}

    .ucpa-Skill-table::after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 80%;
        content: "";
        background-color: #e6ecf2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.ucpa-Product-item--list .ucpa-Skill-table .ucpa-Skill {
    display: table-row;
}

.ucpa-Skill-label,
.ucpa-Skill-valueText {
    font-size: 0.9375rem;
    text-transform: uppercase;
}

.ucpa-Skill-label {
    margin-right: 0.8125rem;
    display: inline-block;
    padding-top: 0.3125rem;
    font-family: DINWeb-Cond, sans-serif;
    font-weight: bold;
    color: #00a6c6;
}

.ucpa-Skill-valueText {
    font-family: DINWeb-Cond, sans-serif;
    font-weight: bold;
}

.ucpa-Skill-table .ucpa-Skill-label,
.ucpa-Skill-table .ucpa-Skill-value {
    display: table-cell;
}

.ucpa-Skill-table .ucpa-Skill-label {
    text-align: right;
}

.ucpa-Skill-level {
    margin-right: 0.3125rem;
    font-size: 0;
}

.ucpa-Skill-icon {
    margin: 0 0.3125rem;
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background-color: #00a6c6;
}

.ucpa-Skill-level--0 .ucpa-Skill-icon:nth-child(n+1),
.ucpa-Skill-level--1 .ucpa-Skill-icon:nth-child(n+2),
.ucpa-Skill-level--2 .ucpa-Skill-icon:nth-child(n+3),
.ucpa-Skill-level--3 .ucpa-Skill-icon:nth-child(n+4),
.ucpa-Skill-level--4 .ucpa-Skill-icon:nth-child(n+5) {
    background-color: #e6ecf2;
}

.ucpa-Product-wish,
.ucpa-Product-share {
    position: absolute;
    z-index: 1;
    box-sizing: content-box;
    width: 1.6875rem;
    height: 1.6875rem;
    outline: none;
    border: none;
    padding: 1.25rem 1.25rem 0.6875rem;
    text-align: center;
    background-color: transparent;
    transition: 0.3s ease-in color;
}

.ucpa-Product-wish {
    top: 0;
    right: 0;
}

.ucpa-Product-share {
    top: 5rem;
}

.no-touchevents .ucpa-Product-wish.ucpa-Product-wish--active:hover,
.ucpa-Product-wish,
.ucpa-Product-share {
    color: #c8cdd2;
}

.no-touchevents .ucpa-Product-wish:hover,
.no-touchevents .ucpa-Product-share:hover,
.ucpa-Product-wish--active {
    color: #0f1f28;
}

.ucpa-Product-wishInner {
    border-bottom: 1px solid currentColor;
    padding-bottom: 0.5625rem;
}

.ucpa-Product-itemDesc-bottom {
    border-top: 1px solid rgba(15, 31, 40, .1);
    padding-top: 1.4375rem;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemDesc-bottom {
        padding-top: 1.125rem;
    }
}

.ucpa-Product-itemDesc-top,
.ucpa-Product-itemDesc-bottom {
    display: none;
}

.ucpa-Product-itemDesc-bottomItem {
    display: inline-block;
    width: 33.33333%;
    vertical-align: middle;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #0f1f28;
    text-transform: uppercase;
}

.ucpa-Product-item--list .ucpa-Product-itemDesc-bottomItem .ucpa-Skill {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.ucpa-Product-itemDesc-bottomItem .ucpa-Skill-icon {
    background-color: #0f1f28;
}

.ucpa-Product-itemDesc-bottomItem-label {
    display: inline-block;
    padding-top: 0.3125rem;
    vertical-align: middle;
}

.ucpa-Product-itemDesc-bottomItem-icon--perso {
    margin-left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
}

.ucpa-Product-itemDesc-bottomItem-icon--star {
    margin-right: 0.3125rem;
    width: 0.6875rem;
    height: 0.6875rem;
}

.ucpa-MiniProducts .ucpa-Product-itemDesc-bottomItem-icon--star {
    width: 1rem;
    height: 1rem;
}

.ucpa-Product-itemDesc,
.ucpa-Product-itemPrice {
    height: 100%;
}

.ucpa-Product-itemPrice {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 7.5rem;
    padding: 0 1.5625rem;
    background-color: #0f1f28;
}

    .ucpa-Product-itemPrice::before,
    .ucpa-Product-itemPrice::after {
        position: absolute;
        top: -0.625rem;
        left: 2.1875rem;
        width: 2.6875rem;
        height: 2.6875rem;
    }

    .ucpa-Product-itemPrice::before {
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .ucpa-Product-itemPrice::after {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        font-family: DINWeb-Cond, sans-serif;
        font-size: 1.0625rem;
        font-weight: bold;
        color: #fff;
        content: attr(data-reduc);
    }

@media screen and (max-width: 30em) {
    .ucpa-Product-itemPrice::after {
        font-size: 1.0625rem;
    }
}

.ucpa-Product-itemPrice-topBanner {
    position: absolute;
    top: 0;
    right: -1px;
    width: calc(100% + 2px);
    padding: 0.375rem 0;
    font-family: DINWeb-Medium, sans-serif;
    font-size: 0.8125rem;
    color: white;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

    .ucpa-Product-itemPrice-topBanner::after {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-color: transparent;
        border-width: 7px;
        content: "";
    }

.ucpa-Product-itemPrice--full {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

    .ucpa-Product-itemPrice--full .ucpa-Product-itemPrice-priceDate {
        padding-top: 0.5rem;
    }

        .ucpa-Product-itemPrice--full .ucpa-Product-itemPrice-priceDate::before {
            content: none;
        }

.ucpa-Product-itemPrice-price {
    /*margin-left: calc(100% - 155px);*/
    /*width: 9.6875rem;*/
    width: 100%;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    text-align: right;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemPrice-price {
        font-size: 0.8125rem;
    }
}

.ucpa-Product-offer .ucpa-Product-itemPrice-topBanner {
    padding: 0.625rem 0;
    font-size: 0.9375rem;
}

.ucpa-Product-offer .ucpa-Product-itemPrice-price {
    font-size: 0.9375rem;
}

.ucpa-Product-itemPrice-priceRegular {
    display: inline-block;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 2.1875rem;
    font-weight: bold;
    line-height: 1;
}

@media screen and (max-width: 30em) {
    .ucpa-Product-itemPrice-priceRegular {
        font-size: 1.875rem;
    }
}

.ucpa-Product-itemPrice-priceDepart {
    margin: 0.63158rem 0 1.5rem;
    display: none;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemPrice-priceDepart {
        margin: 0.42105rem 0 0.625rem;
    }
}

.ucpa-Product-itemPrice-priceDate {
    position: relative;
    display: none;
    padding-top: 1.25rem;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemPrice-priceDate {
        padding-top: 0.75rem;
    }
}

.ucpa-Product-itemPrice-priceDate::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 0.9375rem;
    height: 1px;
    content: "";
    background-color: rgba(255, 255, 255, .5);
}

.ucpa-Product-itemPrice-priceDate--date {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.5625rem;
    font-weight: bold;
    line-height: 1.2;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-itemPrice-priceDate--date {
        font-size: 1rem;
    }
}

.ucpa-Product-itemPrice-priceDate--word {
    display: none;
}

.ucpa-Product-itemPrice-priceDate--during {
    position: relative;
    margin-top: 0.5625rem;
    display: block;
    padding-top: 0.4375rem;
}

.ucpa-Product-itemPrice-sportsList {
    margin: 0;
    width: 100%;
    padding: 0;
    font-size: 0;
}

.ucpa-Product-itemPrice-sportsList-item {
    display: inline-block;
    width: 33.33333%;
}

.touchevents .ucpa-Product-itemPrice-sportsList-item {
    height: 6rem;
}

.no-touchevents .ucpa-Product-itemPrice-sportsList-item {
    height: 7.5rem;
}

.ucpa-Product-itemPrice-sportsList-icon {
    margin-bottom: 0.625rem;
    height: auto;
    font-size: 1.875rem;
    color: #00a6c6;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-itemPrice-sportsList-icon {
        font-size: 2.8125rem;
    }
}

.ucpa-Product-itemPrice-sportsList-label {
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #00a6c6;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-itemPrice-sportsList-label {
        font-size: 0.9375rem;
    }
}

.ucpa-Product-listItem-img {
    margin-bottom: 0.625rem;
    width: 100%;
    max-width: 6.25rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-listItem-img {
        max-width: 10rem;
    }
}

.ucpa-Product-listItem-bottomImg {
    width: 100%;
}

.ucpa-Product-listItem-label {
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #000;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-listItem-label {
        font-size: 0.9375rem;
    }
}

.ucpa-Product-listItem--square .ucpa-Product-listItem-label,
.ucpa-Product-listItem--rectangle .ucpa-Product-listItem-label,
.ucpa-SectionItemCol .ucpa-Product-listItem-label {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 1.25rem;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-listItem--square .ucpa-Product-listItem-label,
    .ucpa-Product-listItem--rectangle .ucpa-Product-listItem-label,
    .ucpa-SectionItemCol .ucpa-Product-listItem-label {
        font-size: 1.875rem;
    }
}

.ucpa-Product-listItem--square .ucpa-Product-listItem-img,
.ucpa-Product-listItem--rectangle .ucpa-Product-listItem-img {
    margin-bottom: 0;
    display: block;
    max-width: 100%;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #000;
}

.ucpa-SectionItemCol {
    position: relative;
    margin-top: 5%;
}

.ucpa-SectionItemCol--four {
    margin: 5% -2.5% 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

    .ucpa-SectionItemCol--four .ucpa-Product-listItem {
        margin: 0 2.5% 5%;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-SectionItemCol--four {
        display: block;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-SectionItemCol--four {
        display: -webkit-box;
        display: flex;
        flex-wrap: nowrap;
    }

        .ucpa-SectionItemCol--four .ucpa-Product-listItem {
            margin-bottom: 0;
        }
}

@media screen and (min-width: 30.01em) {
    .r-maxS--1of1.ucpa-SectionItemCol:nth-child(odd) {
        padding-right: 2.5%;
    }

    .r-maxS--1of1.ucpa-SectionItemCol:nth-child(even) {
        padding-left: 2.5%;
    }
}

@media screen and (min-width: 50.01em) {
    .r-maxM--1of1.ucpa-SectionItemCol:nth-child(odd) {
        padding-right: 2.5%;
    }

    .r-maxM--1of1.ucpa-SectionItemCol:nth-child(even) {
        padding-left: 2.5%;
    }
}

.ucpa-SectionItemCol-left .ucpa-Product-listItem-img {
    margin-bottom: 0;
    max-width: 100%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-listItem-label {
        max-width: 100%;
        font-size: 0.9375rem;
    }
}

.ucpa-Product-itemPrice-bottomBanner {
    position: absolute;
    right: 0;
    bottom: -100%;
    left: 0;
    width: 100%;
    border-top: solid 1px #c8cdd2;
    padding: 0.3125rem 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #00a6c6;
    transition: bottom 0.3s ease;
}

.ucpa-Product-itemPrice-priceDate--during::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.9375rem;
    height: 1px;
    content: "";
    background-color: #c8cdd2;
}

.ucpa-ShowMore {
    position: relative;
}

    .ucpa-ShowMore::before {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 1px;
        content: "";
        background-color: #e6ecf2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.ucpa-Wrapper--results .ucpa-ShowMore {
    margin-top: 3.75rem;
}

.ucpa-ShowMore-button {
    margin: 0 auto;
    width: 15rem;
}

    .ucpa-ShowMore-button .ucpa-Link {
        width: 100%;
    }

.ucpa-ShowMore-link {
    margin: 0 auto;
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

.ucpa-Product-item-action {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding: 1.25rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-item-action {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@-webkit-keyframes toolTipUp {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@keyframes toolTipUp {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

/* OVERLOAD PRODUCTITEM */

.ucpa-Product--listView .ucpa-Product-list {
    display: block;
}

.ucpa-Product--listView .ucpa-Product-listItem {
    margin-right: 0;
    max-width: 100%;
}

/* PRODUCTITEM LIST DISPLAY */

.ucpa-Product-item--list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
}

    .ucpa-Product-item--list::after {
        content: none;
    }

    .ucpa-Product-item--list .ucpa-Product-item-cell {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .ucpa-Product-item--list .ucpa-Product-item-cell--bg {
        display: block;
        width: 30%;
    }

    .ucpa-Product-item--list .ucpa-Product-itemImage {
        -webkit-box-flex: 1;
        flex-grow: 1;
    }

    .ucpa-Product-item--list .ucpa-Product-item-cell--center {
        width: 50%;
    }

    .ucpa-Product-item--list .ucpa-Product-itemDesc-location {
        height: auto;
        text-align: left;
    }

    .ucpa-Product-item--list .ucpa-Product-itemDesc {
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-basis: 0;
        border: 1px solid #d2d5d7;
        border-right: none;
        padding: 1.25rem 2.75rem;
        background-color: #fff;
    }

@media screen and (max-width: 80em) {
    .ucpa-Product-item--list .ucpa-Product-itemDesc {
        padding: 1.25rem;
    }
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-item--list .ucpa-Product-itemDesc {
        padding: 1rem;
    }
}

.ucpa-Product-item--list .ucpa-Product-item-cell--info {
    width: 20%;
}

.ucpa-Product-item--list .ucpa-Product-itemDesc-center {
    position: relative;
    top: auto;
    bottom: auto;
    margin: 0;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
    height: auto;
    padding: 1.5625rem 0 0;
    color: #0f1f28;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-item--list .ucpa-Product-itemDesc-center {
        padding: 1.25rem 0 0;
    }
}

.ucpa-Product-item--list .ucpa-Product-itemDesc-title {
    margin-right: 2.5rem;
    max-width: none;
    padding: 0;
    text-align: left;
}

    .ucpa-Product-item--list .ucpa-Product-itemDesc-title br {
        display: inline;
    }

.no-touchevents .ucpa-Product-listItem:hover .ucpa-Product-item--list .ucpa-Product-itemDesc-location {
    height: auto;
}

.ucpa-Product-item--list .ucpa-Product-itemDesc-activity {
    display: block;
}

.ucpa-Product-item--list .ucpa-Skill {
    display: -webkit-box;
    display: flex;
}

.ucpa-Product-item--list + .ucpa-Product-wish {
    top: 4.375rem;
    right: calc(20% - 5rem / 16);
}

@media screen and (min-width: 87.51em) {
    .ucpa-Product-item--list + .ucpa-Product-wish {
        right: calc(20% - -1.25rem);
    }
}

.ucpa-Product-item--list .ucpa-Product-itemDesc-top {
    display: -webkit-box;
    display: flex;
}

.ucpa-Product-item--list .ucpa-Product-itemDesc-bottom {
    display: block;
}

.ucpa-Product-item--list .ucpa-Product-itemPrice {
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: auto;
    border-bottom: 3px solid #00a6c6;
    padding-top: 4.75rem;
    padding-bottom: 1.5625rem;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-item--list .ucpa-Product-itemPrice {
        padding: 3.8125rem 1rem 1rem;
    }
}

.ucpa-Product-item--list .ucpa-Product-itemPrice::before,
.ucpa-Product-item--list .ucpa-Product-itemPrice::after {
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 3.4375rem;
    height: 3.4375rem;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-item--list .ucpa-Product-itemPrice::before,
    .ucpa-Product-item--list .ucpa-Product-itemPrice::after {
        width: 2.75rem;
        height: 2.75rem;
    }
}

.ucpa-Product-item--list .ucpa-Product-itemPrice::before {
    border: 1px solid #fff;
    background-color: #0f1f28;
}

.ucpa-Product-itemPrice--promo::before,
.ucpa-Product-item--list .ucpa-Product-itemPrice--promo::before {
    border: none;
    background-color: #e81d00;
}

.ucpa-Product-item--list .ucpa-Product-itemPrice::after {
    font-size: 1.25rem;
}

.ucpa-Product-item--list .ucpa-Product-itemPrice-price {
    margin: 0;
    width: 100%;
    text-align: center;
}

.ucpa-Product-item--list .ucpa-Product-itemPrice-priceRegular {
    margin-top: 0.25rem;
    font-size: 2.5rem;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-item--list .ucpa-Product-itemPrice-priceRegular {
        font-size: 2rem;
    }
}

.ucpa-Product-item--list .ucpa-Product-itemPrice-priceDepart,
.ucpa-Product-item--list .ucpa-Product-itemPrice-priceDate {
    display: block;
}

.ucpa-Product-item--list .ucpa-Product-itemPrice-priceDate--during {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 0;
    padding-bottom: 1.5rem;
}

@media screen and (max-width: 87.5em) {
    .ucpa-Product-item--list .ucpa-Product-itemPrice-priceDate--during {
        margin-bottom: 0.8125rem;
        padding-bottom: 1.1875rem;
    }
}

.ucpa-Product-item--list .ucpa-Product-itemPrice-priceDate--during::after {
    top: auto;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}

.ucpa-Product-item--list .ucpa-Product-itemPrice-priceRegular,
.ucpa-Product-item--list .ucpa-Product-itemPrice-priceDepart,
.ucpa-Product-item--list .ucpa-Product-itemPrice-priceDepart--city,
.ucpa-Product-item--list .ucpa-Product-itemPrice-priceDate--during,
.ucpa-Product-item--list .ucpa-Product-itemPrice-priceDate--word {
    display: block;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-item--list .ucpa-Product-itemDesc-age--hidden {
        display: none;
    }
}

/* END PRODUCTITEM LIST DISPLAY */

/* PRODUCTITEM SPECIAL */

.ucpa-Product-item--special::after {
    content: none;
}

.ucpa-Product-itemPrice--special .ucpa-Product-itemPrice-topBanner {
    background-color: #e81d00;
}

    .ucpa-Product-itemPrice--special .ucpa-Product-itemPrice-topBanner::after {
        border-top-color: #e81d00;
    }

.ucpa-Product-itemPrice--special {
    border: solid 1px #c8cdd2;
    border-top: none;
    background-color: #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-offer .ucpa-Product-itemPrice--special {
        height: 9.625rem;
    }
}

.ucpa-Product-itemPrice--special.ucpa-Product-itemPrice::before {
    content: none;
}

.ucpa-Product-itemPrice--special.ucpa-Product-itemPrice::after {
    content: none;
}

.ucpa-Product-itemPrice--special .ucpa-Product-itemPrice-price {
    color: #0f1f28;
}

/* END PRODUCTITEM SPECIAL */

/* PRODUCTITEMSPECIAL FULL */

.ucpa-Product-offer {
    margin-top: 3.125rem;
}

    .ucpa-Product-offer .ucpa-Product-itemImage {
        height: auto;
        padding: 0;
        line-height: 0;
    }

    .ucpa-Product-offer .ucpa-Product-itemImage {
        margin-bottom: 1.875rem;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-Product-offerDesc .ucpa-Product-itemImageOp {
        margin: 0;
        max-width: 20%;
    }

    .ucpa-Product-offerDesc .ucpa-Product-itemDesc-title {
        text-align: left;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-offer .ucpa-Product-itemImage {
        margin: 0;
    }

    .ucpa-Product-offerDesc {
        position: absolute;
        top: 3.125rem;
        left: 5%;
        z-index: 1;
    }

        .ucpa-Product-offerDesc .ucpa-Product-itemImageOp,
        .ucpa-Product-offerDesc .ucpa-Product-itemDesc-center {
            position: relative;
        }

        .ucpa-Product-offerDesc .ucpa-Product-itemImageOp {
            top: 0;
            left: 0;
            max-width: 11.25rem;
        }

        .ucpa-Product-offerDesc .ucpa-Product-itemDesc-center {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: auto;
            padding: 0;
        }

        .ucpa-Product-offerDesc .ucpa-Product-itemDesc-title {
            margin-top: 2%;
            font-size: 2.5rem;
            line-height: 1;
            text-align: left;
        }

    .ucpa-Product-offer .ucpa-Product-item-cell--info {
        position: absolute;
        top: calc(50% + 1.25rem); /* 50% of top + topBanner height */
        right: 5%;
        z-index: 1;
        width: 15rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Product-offerDesc .ucpa-Product-itemDesc-title {
        margin-top: 2.8125rem;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Product-offerDesc .ucpa-Product-itemDesc-title {
        margin-top: 5.3125rem;
    }
}

/* END PRODUCTITEMSPECIAL FULL */

/* PRODUCTITEM SPORT */

.ucpa-Product-item--sport {
    overflow: hidden;
}

    .ucpa-Product-item--sport::after {
        content: none;
    }

    .ucpa-Product-item--sport .ucpa-Product-itemDesc-location {
        height: auto;
    }

.no-touchevents .ucpa-Product-listItem:hover .ucpa-Product-item--sport .ucpa-Product-itemDesc-location,
.no-touchevents .ucpa-Slide:hover .ucpa-Product-item--sport .ucpa-Product-itemDesc-location {
    height: auto;
}

.ucpa-Product-item--sport .ucpa-Product-itemDesc-center {
    transition: all 0.3s ease;
}

.ucpa-Product-item--sport .ucpa-Product-itemPrice {
    transition: all 0.3s ease;
}

.ucpa-Product-item--sport .ucpa-Product-item-cell--info {
    position: relative;
    height: 7.5rem;
}

.touchevents .ucpa-Product-item--sport .ucpa-Product-itemPrice--sport {
    padding-right: 0;
    padding-left: 0;
}

.no-touchevents .ucpa-Product-item--sport:hover .ucpa-Product-itemImage::before {
    background-color: #00a6c6;
    background-image: none;
    opacity: 1;
}

.no-touchevents .ucpa-Product-item--sport:hover .ucpa-Product-itemDesc-tag {
    opacity: 0;
}

.no-touchevents .ucpa-Product-item--sport:hover .ucpa-Product-itemDesc-center {
    height: 25%;
}

.no-touchevents .ucpa-Product-item--sport:hover .ucpa-Product-itemPrice--sport {
    top: -12.5rem;
    height: 320px;
    padding-top: 3.125rem;
}

.no-touchevents .ucpa-Product-item--sport:hover .ucpa-Product-itemPrice-bottomBanner {
    bottom: 0;
}

.ucpa-Product-itemPrice--sport .ucpa-Product-itemPrice-topBanner {
    background-color: #00a6c6;
}

    .ucpa-Product-itemPrice--sport .ucpa-Product-itemPrice-topBanner::after {
        border-top-color: #00a6c6;
    }

.ucpa-Product-itemPrice--sport {
    position: absolute;
    top: 0;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 100%;
    border: solid 1px #c8cdd2;
    border-top: none;
    padding-top: 1.5625rem;
    background-color: #fff;
}

    .ucpa-Product-itemPrice--sport.ucpa-Product-itemPrice::before {
        content: none;
    }

    .ucpa-Product-itemPrice--sport.ucpa-Product-itemPrice::after {
        content: none;
    }

/* END PRODUCTITEM SPORT */

/* PRODUCTITEM TARIF */

.ucpa-Product-item--tarif {
    border: solid 1px #c8cdd2;
}

    .ucpa-Product-item--tarif::after {
        content: none;
    }

    .ucpa-Product-item--tarif .ucpa-Product-item-top {
        position: relative;
        padding: 1.25rem;
        background-color: #e6ecf2;
    }

        .ucpa-Product-item--tarif .ucpa-Product-item-top::after {
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -20px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 20px;
            border-top-color: #e6ecf2;
            pointer-events: none;
            content: " ";
        }

    .ucpa-Product-item--tarif .ucpa-Product-itemDesc-title {
        margin-bottom: 0.625rem;
        font-size: 1.25rem;
        text-align: center;
    }

    .ucpa-Product-item--tarif .ucpa-Product-itemDesc-Price {
        display: -webkit-box;
        display: flex;
    }

    .ucpa-Product-item--tarif .ucpa-Product-itemDesc-PriceCell {
        position: relative;
        width: 50%;
    }

        .ucpa-Product-item--tarif .ucpa-Product-itemDesc-PriceCell:first-child::after {
            position: absolute;
            top: 50%;
            right: 0;
            width: 1px;
            height: 40%;
            content: "";
            background-color: #c8cdd2;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .ucpa-Product-item--tarif .ucpa-Product-itemDesc-PriceCell-title {
        display: block;
        font-family: DINWeb-Medium, sans-serif;
        font-size: 0.9375rem;
    }

    .ucpa-Product-item--tarif .ucpa-Product-itemDesc-PriceCell-price {
        font-family: DINWeb-Cond, sans-serif;
        font-size: 2.1875rem;
        font-weight: bold;
    }

    .ucpa-Product-item--tarif .ucpa-Product-itemDesc-text {
        margin: 0;
        display: block;
        padding: 2.5rem 1.875rem;
        font-size: 1rem;
        font-weight: 400;
    }

.ucpa-Product-listItem--isSolo .ucpa-Product-itemDesc-text {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
}

/* END PRODUCTITEM TARIF */

/* END OVERLOAD PRODUCTITEM */
.ucpa-MiniProducts {
    display: table;
    width: 100%;
    max-width: 90rem;
    max-height: 100%;
    table-layout: fixed;
}

    .ucpa-MiniProducts .ucpa-Product-item-cell--bg {
        display: -webkit-box;
        display: flex;
    }

    .ucpa-MiniProducts .ucpa-Product-itemImage {
        padding-bottom: 0;
    }

    .ucpa-MiniProducts .ucpa-Date-content {
        margin: 2.5rem -100% 0 0;
        width: 200%;
        padding-right: 3.75rem;
    }

    .ucpa-MiniProducts .ucpa-Date-content--second {
        margin-right: 0;
        margin-left: -100%;
        padding-right: 0;
    }

    .ucpa-MiniProducts .ucpa-Date-text {
        margin: 0;
        padding-right: 0;
    }

.ucpa-MiniProduct-infos {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.ucpa-MiniProduct-info {
    display: table-cell;
    width: 50%;
}

.ucpa-MiniProduct-info--avis {
    padding-left: 1.25rem;
    text-align: center;
}

@media screen and (max-width: 65em) {
    .ucpa-MiniProduct-info {
        display: block;
        width: 100%;
    }

    .ucpa-MiniProduct-info--avis {
        margin-top: 0.9375rem;
        padding-left: 0;
        text-align: left;
    }
}

.ucpa-MiniProducts-container {
    position: relative;
    margin-top: -1.375rem;
    overflow: hidden;
    padding: 1.375rem 2.0625rem 0;
}

.ucpa-MiniProducts-button {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    border: 0;
    padding: 0;
    background: #fff;
}

.ucpa-MiniProducts-button--left {
    left: 0;
}

.ucpa-MiniProducts-button--right {
    right: 0;
}

.ucpa-MiniProducts-sliderIcon {
    font-size: 2.0625rem;
    color: #001b69;
}

.swiper-button-disabled .ucpa-MiniProducts-sliderIcon {
    color: rgba(0, 27, 105, 0.3);
}

.ucpa-MiniProducts .ucpa-Product-itemImage {
    height: 100%;
    background-position: 50%;
    background-size: cover;
}

.ucpa-MiniProducts .ucpa-Product-wish,
.ucpa-MiniProducts .ucpa-Product-share {
    right: -1.5625rem;
    z-index: 3;
    font-size: 1rem;
}

.ucpa-MiniProducts .ucpa-Product-wish {
    top: 0;
    padding-bottom: 0.3125rem;
}

.ucpa-MiniProducts .ucpa-Product-share {
    top: 3.625rem;
    padding-top: 0.3125rem;
}

.ucpa-MiniProducts .ucpa-Date-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    align-items: flex-end;
    height: 2.875rem;
    padding: 0;
    font-size: 1.25rem;
}

.ucpa-MiniProducts .ucpa-Date-buttonInner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    align-items: flex-end;
    width: 100%;
}

.ucpa-MiniProducts .ucpa-Product-itemDesc-title {
    padding: 0 1.5rem 0 0;
}

.ucpa-MiniProduct-avisTitle {
    margin-bottom: 1.875rem;
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
}

.ucpa-MiniProducts .ucpa-Product-itemPrice {
    border: none;
    padding: 7rem 0 3.75rem;
}

.ucpa-MiniProducts .ucpa-Product-itemPrice-priceDate--word {
    margin-bottom: 3.125rem;
}

.ucpa-MiniProducts .ucpa-Product-itemPrice .ucpa-Link {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.ucpa-MiniProducts .ucpa-Product-itemDesc-bottomItem-label {
    display: block;
    font-family: DINWeb, sans-serif;
    font-weight: 700;
}

.ucpa-Section-title {
    position: relative;
    margin: 2.3125rem 0;
    display: inline-block;
    width: 100%;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #0f1f28;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 30em) {
    .ucpa-Section-title {
        font-size: 1.5625rem;
    }
}

.ucpa-Section-title--line {
    position: relative;
    margin-bottom: 0;
}

    .ucpa-Section-title--line span {
        margin: 0 auto;
        display: block;
        max-width: 20rem;
        background-color: #fff;
    }

    .ucpa-Section-title--line::before {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 1px;
        content: "";
        background-color: #e6ecf2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.ucpa-Section--trip .ucpa-Section-title,
.ucpa-Section--colos .ucpa-Section-title,
.ucpa-Section--sports .ucpa-Section-title,
.ucpa-Section-activitySlider .ucpa-Section-title {
    margin: 2.8125rem 0 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--trip .ucpa-Section-title,
    .ucpa-Section--colos .ucpa-Section-title,
    .ucpa-Section--sports .ucpa-Section-title,
    .ucpa-Section-activitySlider .ucpa-Section-title {
        margin: 5.625rem 0 0;
    }
}

.ucpa-Section--whatNew .ucpa-Section-title {
    margin: 2.8125rem 0 0.9375rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--whatNew .ucpa-Section-title {
        margin: 5.625rem 0 2.8125rem;
    }
}

.ucpa-Section--square .ucpa-Section-title {
    margin-top: 0;
    margin-bottom: 1.4375rem;
}

.ucpa-Section--allInclusive .ucpa-Section-title {
    margin-top: 2.8125rem;
    margin-bottom: 1.875rem;
    padding-top: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--allInclusive .ucpa-Section-title {
        margin-top: 5.625rem;
        margin-bottom: 2.8125rem;
    }
}

.ucpa-Section--communityTop .ucpa-Section-title {
    z-index: 2;
    margin: 20px 0;
    padding-bottom: 10px;
    font-size: 3.375rem;
    color: #fff;
    text-align: left;
}

    .ucpa-Section--communityTop .ucpa-Section-title::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 140px;
        height: 0;
        border-bottom: 1px solid #00a6c6;
        overflow: hidden;
        content: '';
    }

@media screen and (min-width: 50.01em) {
    .ucpa-Section--communityTop .ucpa-Section-title {
        font-size: 7.1875rem;
        line-height: 7.1875rem;
    }
}

.ucpa-Section--frame .ucpa-Section-title {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    width: auto;
    width: initial;
    padding: 0 0.625rem;
    font-size: 1.5625rem;
    white-space: nowrap;
    background: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--frame .ucpa-Section-title {
        padding: 0 1.25rem;
        font-size: 1.875rem;
    }
}

.ucpa-Section--App .ucpa-Section-title {
    text-align: left;
}

.ucpa-Section--community,
.ucpa-Section--communityTop {
    background-color: rgba(15, 31, 40, .93);
}

    .ucpa-Section--communityTop .ucpa-Section-content {
        padding-bottom: 0;
        background-color: transparent;
    }

@media screen and (min-width: 50.01em) {
    .ucpa-Section--communityTop .ucpa-Section-content {
        padding: 6.25rem 0 1.875rem;
    }
}

.ucpa-Section--community .ucpa-Section-content {
    padding-bottom: 0;
    background-color: transparent;
}

.ucpa-Section--frame {
    position: relative;
    padding: 2.8125rem 0;
    background: #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--frame {
        padding: 5.625rem 0;
    }
}

.ucpa-Section--App {
    overflow: hidden;
    padding: 4.6875rem 0 2.8125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--App {
        padding: 5.625rem 0 0;
    }
}

.ucpa-Section--Sponsor {
    border-top: solid 1px #c8cdd2;
    padding: 2.1875rem 0;
    text-align: center;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--Sponsor {
        padding: 1.875rem 0;
    }
}

.ucpa-Section--FooterText {
    border-top: solid 1px #c8cdd2;
    padding: 3.125rem 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--FooterText {
        padding: 3.75rem 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-App--MReverse > .r-Grid {
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        -webkit-box-align: end;
        align-items: flex-end;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-AppPicture {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        align-items: flex-end;
        height: 100%;
    }
}

.ucpa-AppPicture::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100vw;
    height: 1px;
    content: " ";
    background-color: rgba(15, 31, 40, .2);
}

@media screen and (min-width: 50.01em) {
    .ucpa-AppPicture::after {
        content: none;
    }
}

.ucpa-AppImg {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 0 20%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-AppImg {
        max-width: 26.25rem;
        padding: 0;
    }
}

.ucpa-App-ctaContainer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 50.01em) {
    .ucpa-App-ctaContainer {
        display: inline-block;
    }
}

.ucpa-App-cta {
    max-width: calc(50% - 15px);
}

@media screen and (min-width: 50.01em) {
    .ucpa-App-cta {
        margin-bottom: 2.8125rem;
        display: inline-block;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-App-cta {
        margin-bottom: 5.625rem;
    }
}

.ucpa-App-cta--apple {
    margin-right: 2.125rem;
}

.ucpa-Section--hexa {
    padding-bottom: 2.8125rem;
}

.ucpa-App-ctaImg {
    width: 100%;
}

.ucpa-Section-frameContainer {
    position: relative;
    z-index: 1;
    margin-bottom: 1.375rem;
    border: solid 3px #0f1f28;
    padding: 1.875rem 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Section-frameContainer {
        margin-bottom: 0;
        padding: 3.4375rem 0 4.0625rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Section--textSlider {
        padding: 3.3125rem 0 7.1875rem;
    }
}

.ucpa-Section-text {
    margin: 0 0 2.8125rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: #0f1f28;
    text-align: center;
}

.ucpa-Section--communityTop .ucpa-Section-text {
    margin-bottom: 0.9375rem;
    color: #fff;
    text-align: left;
}

.ucpa-Section--frame .ucpa-Section-text {
    margin: 0;
    padding: 0 5%;
    font-weight: normal;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--frame .ucpa-Section-text {
        margin: 0;
        padding: 0 10%;
        font-size: 1.25rem;
    }
}

.ucpa-Section--App .ucpa-Section-text {
    text-align: left;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Section-text {
        font-size: 1.25rem;
    }
}

.ucpa-SectionItemCol-title {
    position: relative;
    margin: 0 0 1.125rem;
    display: inline-block;
    width: 100%;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.5625rem;
    font-weight: bold;
    color: #0f1f28;
    text-align: left;
    text-transform: uppercase;
}

@media screen and (min-width: 30.01em) {
    .ucpa-SectionItemCol-title {
        margin: 0 0 2.3125rem;
        font-size: 1.875rem;
    }
}

.ucpa-SectionItemCol-underTitle {
    margin: 0 0 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f1f28;
    text-align: left;
}

@media screen and (min-width: 30.01em) {
    .ucpa-SectionItemCol-underTitle {
        font-size: 1.25rem;
    }
}

.ucpa-SectionItemCol-text {
    margin: 0 0 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    color: #0f1f28;
    text-align: left;
}

@media screen and (min-width: 30.01em) {
    .ucpa-SectionItemCol-underTitle {
        font-size: 1.25rem;
    }
}

.ucpa-Section-img {
    width: 100%;
}

.ucpa-Section-content {
    padding: 3.75rem 0;
    background-color: rgba(15, 31, 40, .93);
}

@media screen and (max-width: 50em) {
    .ucpa-Section-content {
        padding: 3.125rem 0;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Section-content {
        padding: 1.875rem 0;
    }
}

.ucpa-Section-content--white {
    background-color: transparent;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section-content--equipement {
        margin-top: 6.25rem;
        border-top: 1px solid rgba(15, 31, 40, .2);
    }
}

.ucpa-Section--whatNew .ucpa-Section-content {
    padding-top: 0;
    background-color: transparent;
}

.ucpa-Section--allInclusive .ucpa-Section-content {
    padding-top: 0;
    background-color: #e6ecf2;
}

.ucpa-Section--colosTop .ucpa-Section-content,
.ucpa-Section--colosMid .ucpa-Section-content,
.ucpa-Section--colosBot .ucpa-Section-content {
    background-color: transparent;
}

.ucpa-Section-content .ucpa-Link {
    margin-top: 3.75rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Section-content .ucpa-Link {
        margin-top: 3.125rem;
        text-align: center;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Section-content .ucpa-Link {
        margin-top: 1.875rem;
    }
}

.ucpa-Section--allInclusive .ucpa-Link {
    margin-top: 1.875rem;
}

.ucpa-Section--frame .ucpa-Link {
    position: relative;
    z-index: 2;
}

.ucpa-Section--square .ucpa-Link {
    margin-top: 0;
}

.ucpa-Section-content .ucpa-Section-content-videoContainer {
    position: relative;
    height: 0;
    padding-top: 1.5625rem;
    padding-bottom: 45.75%;
}

.ucpa-Section-content .ucpa-Section-content-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ucpa-Section-content-videoContainer + .ucpa-Section-text {
    margin-top: 1.5625rem;
    margin-bottom: 0;
    display: block;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section-content-videoContainer + .ucpa-Section-text {
        margin: 3.125rem auto 0 auto;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Section-content-videoContainer + .ucpa-Section-text {
        max-width: 80%;
    }
}

.ucpa-Section-content .ucpa-Section-content-picture {
    width: 100%;
}

.ucpa-Section--square + .ucpa-Section--square {
    margin-top: 2.8125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--square + .ucpa-Section--square {
        margin-top: 5.625rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Section--frame .ucpa-Link {
        margin-top: -1.5625rem;
    }
}

.ucpa-Section-Slides.swiper-container {
    padding: 0 1.25rem;
}

.ucpa-Section--community .ucpa-Section-Slides.swiper-container {
    padding: 0.625rem 1.25rem 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Section-Slides.swiper-container {
        padding: 0 1.875rem;
    }
}

.ucpa-Section--communityColos .ucpa-Section-Slides.swiper-container {
    overflow: visible;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section-Slides.swiper-container {
        padding: 0;
    }

    .ucpa-Section--community .ucpa-Section-Slides.swiper-container,
    .ucpa-Section--communityColos .ucpa-Section-Slides.swiper-container,
    .ucpa-Section--communityList .ucpa-Section-Slides.swiper-container {
        padding: 0.625rem 0.625rem 0 0;
    }
}

.ucpa-Section--community .ucpa-Section-Slides.swiper-container,
.ucpa-Section--communityColos .ucpa-Section-Slides.swiper-container,
.ucpa-Section--communityList .ucpa-Section-Slides.swiper-container {
    overflow: visible;
}

.ucpa-Section-items {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 65em) {
    .ucpa-Section-items {
        margin-left: 4.16667%;
    }
}

.ucpa-Section-item {
    margin: 0;
    width: 100%;
}

    .ucpa-Section-item.swiper-slide {
        position: relative;
        margin: 0;
        margin-right: 5%;
        width: 22.5rem;
        width: 30.5%;
    }

@media screen and (max-width: 65em) {
    .ucpa-Section-item.swiper-slide {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 40%;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Section-item.swiper-slide {
        margin-right: 7%;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Section-item.swiper-slide {
        width: 85%;
    }
}

.ucpa-Section-itemIconPlay {
    position: absolute;
    top: 2.1875rem;
    left: 2.1875rem;
    z-index: 12;
    width: 40px;
    height: 40px;
}

.ucpa-Section-itemLink {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
}

    .ucpa-Section-itemLink:hover,
    .ucpa-Section-itemLink:active,
    .ucpa-Section-itemLink:focus {
        color: #fff !important;
    }

    .ucpa-Section-itemLink::after {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        z-index: 1;
        margin: 0 auto;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border: 3px solid #00a6c6;
        content: "";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.ucpa-Section--community .ucpa-Section-itemLink::after,
.ucpa-Section--communityList .ucpa-Section-itemLink::after,
.ucpa-Section--communityColos .ucpa-Section-itemLink::after {
    top: auto;
    right: auto;
    bottom: 10px;
    left: 10px;
    width: calc(50% - 20px);
    height: calc(50% - 80px);
    border-color: #00a6c6;
    border-width: 0 0 1px 1px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.ucpa-Section--community .ucpa-Section-itemLink::before,
.ucpa-Section--communityList .ucpa-Section-itemLink::before,
.ucpa-Section--communityColos .ucpa-Section-itemLink::before {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    margin: 0 auto;
    width: calc(50% - 20px);
    height: calc(50% - 80px);
    border: 1px solid #00a6c6;
    border-width: 1px 1px 0 0;
    content: "";
}

.ucpa-Section-itemLink--white::after {
    border: 3px solid #fff;
}

.ucpa-Section-itemImage {
    position: relative;
    height: 0;
    padding-bottom: 112.85714285714286%;
}

.ucpa-Section-itemLink--white .ucpa-Section-itemImage {
    padding-bottom: 56.94444444444444%;
}

.ucpa-Section-itemImage::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    background-blend-mode: overlay;
    background-color: rgba(15, 31, 40, .3);
    background-image: radial-gradient(circle, transparent, #001b69);
    opacity: 0.45;
}

.ucpa-Section-itemImageImg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ucpa-Section-itemCaption {
    position: absolute;
    bottom: 10.625rem;
    z-index: 1;
    padding: 0 6.875rem 0 2.1875rem;
}

.ucpa-Section-itemCaption--section {
    bottom: 6.25rem;
}

@media screen and (max-width: 80em) {
    .ucpa-Section-itemCaption {
        bottom: 7.5rem;
        padding-right: 4.375rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Section-itemCaption {
        top: 50%;
        bottom: auto;
        padding: 0 1.25rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ucpa-Section-itemTitle {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.ucpa-Section--communityColos .ucpa-Section-itemTitle,
.ucpa-Section--communityList .ucpa-Section-itemTitle,
.ucpa-Section--community .ucpa-Section-itemTitle {
    text-transform: uppercase;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--communityColos .ucpa-Section-itemTitle,
    .ucpa-Section--communityList .ucpa-Section-itemTitle,
    .ucpa-Section--community .ucpa-Section-itemTitle {
        margin-bottom: 0.625rem;
        font-size: 1.5625rem;
        text-transform: uppercase;
    }

    .ucpa-Section--whatNew .ucpa-Section-itemTitle {
        font-size: 1.5625rem;
        line-height: 1.875rem;
    }
}

.ucpa-Section--communityColos + .ucpa-Section--threeCol {
    margin-top: 3.125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--communityColos + .ucpa-Section--threeCol {
        margin-top: 6.25rem;
    }
}

.ucpa-Section--threeCol + .ucpa-Section--frame {
    margin-top: -1.5625rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--threeCol + .ucpa-Section--frame {
        margin-top: -4.6875rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Section-itemTitle {
        font-size: 1.25rem;
    }
}

.ucpa-Section-itemDate {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
}

.ucpa-Section-category {
    display: block;
    padding: 1.0625rem 2.1875rem 1.75rem;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    background-color: #0f1f28;
}

.ucpa-Section--communityColos .ucpa-Section-category,
.ucpa-Section--communityList .ucpa-Section-category,
.ucpa-Section--community .ucpa-Section-category {
    letter-spacing: 1px;
}

.ucpa-Section-itemLink--white .ucpa-Section-category {
    color: #fff;
}

.ucpa-Section-txt {
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    color: #0f1f28;
    text-align: center;
}

.ucpa-Section-txt--noMargin {
    margin: 0;
}

.ucpa-Section-linkContainer {
    margin-top: 2.5rem;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.ucpa-Section-link-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section-link-list {
        display: -webkit-box;
        display: flex;
        justify-content: space-around;
        -webkit-box-align: center;
        align-items: center;
    }
}

.ucpa-Section-link-listItem {
    margin: 0 auto;
    max-width: 12.5rem;
}

    .ucpa-Section-link-listItem:first-child {
        margin-bottom: 2.5rem;
    }

@media screen and (min-width: 50.01em) {
    .ucpa-Section-link-listItem {
        display: inline-block;
        width: 25%;
        max-width: 20.625rem;
        vertical-align: middle;
    }
}

.ucpa-Section-link {
    display: block;
}

.ucpa-Section-linkImg {
    width: 100%;
}

.ucpa-Slides {
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 20px;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Slides {
        padding: 0 30px;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Slides {
        padding: 0 0 1px;
    }
}

.ucpa-Slides--firstcolo {
    padding: 0;
    background-color: #0f1f28;
}

@media screen and (max-width: 50em) {
    .ucpa-Slides-wrapper {
        margin-left: 4.16667%;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Customisation-slider.ucpa-Slides-wrapper {
        margin-left: 0;
    }
}

.ucpa-Slide {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: 100%;
    font-size: 18px;
    text-align: center;
}

    .ucpa-Slide.swiper-slide {
        margin-right: 5%;
        width: 30%;
    }

@media screen and (max-width: 65em) {
    .ucpa-Slide.swiper-slide {
        margin-right: 5.5%;
        width: 43.5%;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Slide.swiper-slide {
        margin-right: 7%;
        width: 65%;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Slide.swiper-slide {
        width: 85%;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Slide--cart.swiper-slide {
        margin: 0;
        width: auto;
    }
}

@media screen and (max-width: 80em) {
    .ucpa-Slide--cart.swiper-slide {
        width: 298px;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Slide--cart.swiper-slide {
        width: 85%;
    }
}

.ucpa-Section--trip .ucpa-Section-content,
.ucpa-Section--colos .ucpa-Section-content,
.ucpa-Section--sports .ucpa-Section-content,
.ucpa-Section--square .ucpa-Section-content,
.ucpa-Section--rectangle .ucpa-Section-content,
.ucpa-Section--video .ucpa-Section-content,
.ucpa-Section--picture .ucpa-Section-content,
.ucpa-Section--threeCol .ucpa-Section-content,
.ucpa-Section--top-three .ucpa-Section-content,
.ucpa-Section--destination .ucpa-Section-content {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

.ucpa-Section--trip .ucpa-Slider-icon,
.ucpa-Section--colos .ucpa-Slider-icon,
.ucpa-Section--sports .ucpa-Slider-icon,
.ucpa-Section-activitySlider .ucpa-Slider-icon {
    font-size: 2.0625rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Section--trip .ucpa-Slider-button,
    .ucpa-Section--colos .ucpa-Slider-button,
    .ucpa-Section--sports .ucpa-Slider-button,
    .ucpa-Section-activitySlider .ucpa-Slider-button {
        display: none;
    }
}

.ucpa-Section--trip .ucpa-Slider-button--left,
.ucpa-Section--colos .ucpa-Slider-button--left,
.ucpa-Section--sports .ucpa-Slider-button--left,
.ucpa-Section-activitySlider .ucpa-Slider-button--left {
    left: -2.125rem;
}

.ucpa-Section--trip .ucpa-Slider-button--right,
.ucpa-Section--colos .ucpa-Slider-button--right,
.ucpa-Section--sports .ucpa-Slider-button--right,
.ucpa-Section-activitySlider .ucpa-Slider-button--right {
    right: -2.125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Slides.ucpa-Section-activitySlider,
    .ucpa-Slides--lastSeen {
        overflow: visible;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Section-activitySlider .ucpa-Slider-button {
        display: none;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Section--trip .ucpa-Slider-button--left,
    .ucpa-Section--colos .ucpa-Slider-button--left,
    .ucpa-Section--sports .ucpa-Slider-button--left,
    .ucpa-Section-activitySlider .ucpa-Slider-button--left {
        left: -3.125rem;
    }

    .ucpa-Section--trip .ucpa-Slider-button--right,
    .ucpa-Section--colos .ucpa-Slider-button--right,
    .ucpa-Section--sports .ucpa-Slider-button--right,
    .ucpa-Section-activitySlider .ucpa-Slider-button--right {
        right: -3.125rem;
    }
}

.ucpa-Section--trip .swiper-button-disabled .ucpa-Slider-icon,
.ucpa-Section--colos .swiper-button-disabled .ucpa-Slider-icon,
.ucpa-Section--sports .swiper-button-disabled .ucpa-Slider-icon,
.ucpa-Section-activitySlider .swiper-button-disabled .ucpa-Slider-icon {
    color: rgba(0, 0, 0, .3);
}

.ucpa-Section--threeCol {
    margin-bottom: 2.8125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--threeCol {
        margin-bottom: 6.25rem;
    }
}

.ucpa-Section--threeCol + .ucpa-Section--rectangle {
    margin-top: -2.8125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Section--threeCol + .ucpa-Section--rectangle {
        margin-top: -2.5rem;
    }
}

.ucpa-PageActivity-section + .ucpa-Section--threeCol {
    margin-top: 1.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-PageActivity-section + .ucpa-Section--threeCol {
        margin-top: 3.75rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageActivity-section + .ucpa-Section--threeCol {
        margin-top: 6.25rem;
    }
}

.ucpa-Section--threeCol + .ucpa-Section--picture {
    margin-top: -2.5rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--threeCol + .ucpa-Section--picture {
        margin-top: -2.8125rem;
    }
}

.ucpa-Section--picture + .ucpa-Section--Sponsor {
    margin-top: 3.125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section--picture + .ucpa-Section--Sponsor {
        margin-top: 6.25rem;
    }
}

.ucpa-Section--lastSeen .ucpa-Slides {
    overflow: hidden;
}

.ucpa-Section--lastSeen .ucpa-Slider-icon {
    font-size: 2.0625rem;
    color: #fff;
}

@media screen and (max-width: 50em) {
    .ucpa-Section--lastSeen .ucpa-Slider-button {
        display: none;
    }
}

.ucpa-Section--lastSeen .ucpa-Slider-button--left {
    left: -2.125rem;
}

.ucpa-Section--lastSeen .ucpa-Slider-button--right {
    right: -2.125rem;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Section--lastSeen .ucpa-Slider-button--left {
        left: -3.125rem;
    }

    .ucpa-Section--lastSeen .ucpa-Slider-button--right {
        right: -3.125rem;
    }
}

.ucpa-Section--lastSeen .swiper-button-disabled .ucpa-Slider-icon {
    color: rgba(255, 255, 255, .3);
}

.ucpa-InlineLink {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 50em) {
    .ucpa-InlineLink {
        overflow-x: scroll;
    }
}

.ucpa-InlineLink > div {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.ucpa-textSliderContainer {
    position: relative;
}

@media screen and (min-width: 65.01em) {
    .ucpa-textSlider {
        position: absolute;
        right: 10%;
        bottom: -2.8125rem;
        z-index: 2;
        width: 100%;
        max-width: 22.5rem;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-textSlider {
        right: 15%;
    }
}

.ucpa-textSlider-title {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
}

.ucpa-textSlider-text {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.35;
    color: #fff;
}

.ucpa-txtSliderImg {
    display: block;
    width: 100%;
}

.swiper-slide--TextSlider {
    padding: 2.8125rem 4.16667%;
    color: #fff;
}

@media screen and (min-width: 65.01em) {
    .swiper-slide--TextSlider {
        padding: 4.375rem 16.66667%;
    }
}

.ucpa-Section-hexaContainer {
    overflow: hidden;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Section-hexaContainer {
        padding: 0 1.25rem;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Section-hexaContainer {
        padding: 0 1.25rem;
    }
}

.ucpa-Wrapper--results .ucpa-Section-hexaContainer {
    margin-bottom: 3.125rem;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Section-hexaSwiper {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .ucpa-Section-pictureHexa {
        position: relative;
        width: 25%;
        padding: 0 1.5625rem;
    }

        .ucpa-Section-pictureHexa.swiper-slide {
            flex-shrink: inherit;
            height: inherit;
        }

        .ucpa-Section-pictureHexa:nth-last-child(-n+3) {
            margin-top: -1.5625rem;
            margin-bottom: 0;
        }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Section-pictureHexa:nth-last-child(-n+3) {
        margin-top: -2.5rem;
    }
}

.ucpa-Wrapper--results .ucpa-Section-pictureHexa:nth-last-child(-n+3) {
    margin-top: 0;
}

.ucpa-Section-pictureHexa-txt {
    margin-top: 1.25rem;
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f1f28;
    text-align: center;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Section-pictureHexa-txt {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0;
        color: #fff;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }
}

.ucpa-Wrapper--results .ucpa-Section-pictureHexa-txt {
    width: 100%;
}

.ucpa-Section-imgHexa {
    width: 100%;
}

.ucpa-SectionItemCol-left--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.ucpa-SectionItemCol-left a {
    position: relative;
    margin-bottom: 5%;
    display: block;
    width: 100%;
}

.ucpa-SectionItemCol-left li a {
    margin-bottom: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-SectionItemCol-left a {
        margin-bottom: -5px;
        display: block;
    }
}

@media screen and (min-width: 30.01em) {
    .r-Grid:not(.r-Grid--reversed) > .ucpa-SectionItemCol-right {
        padding-left: 5%;
    }

    .r-Grid:not(.r-Grid--reversed) > .ucpa-SectionItemCol-left.ucpa-SectionItemCol-left--twoCol {
        padding-right: 2.5%;
    }

    .r-Grid:not(.r-Grid--reversed) > .ucpa-SectionItemCol-right.ucpa-SectionItemCol-right--twoCol {
        padding-left: 2.5%;
    }
}

@media screen and (max-width: 50em) {
    .r-Grid--reversed > .ucpa-SectionItemCol-left {
        width: 100%;
    }

    .r-Grid--reversed > .ucpa-SectionItemCol-right {
        width: 100%;
    }

    .r-Grid--reversed > .ucpa-SectionItemCol-left.ucpa-SectionItemCol-left--twoCol .ucpa-Product-list + .ucpa-Product-list {
        display: block;
    }

        .r-Grid--reversed > .ucpa-SectionItemCol-left.ucpa-SectionItemCol-left--twoCol .ucpa-Product-list + .ucpa-Product-list .ucpa-Product-listItem {
            width: 100%;
        }

    .r-Grid--reversed > .ucpa-SectionItemCol-left.ucpa-SectionItemCol-left--twoCol .ucpa-Product-list:nth-child(2n) .ucpa-Product-listItem--rectangle:last-child {
        margin-top: 5%;
    }
}

@media screen and (min-width: 50.01em) {
    .r-Grid--reversed .ucpa-SectionItemCol-right {
        padding-right: 2.5%;
        padding-left: 0;
    }

    .r-Grid--reversed .ucpa-SectionItemCol-left {
        align-self: flex-start;
        padding-left: 2.5%;
    }

    .r-Grid--reversed > .ucpa-SectionItemCol-left.ucpa-SectionItemCol-left--twoCol .ucpa-Product-list + .ucpa-Product-list {
        display: -webkit-box;
        display: flex;
    }

        .r-Grid--reversed > .ucpa-SectionItemCol-left.ucpa-SectionItemCol-left--twoCol .ucpa-Product-list + .ucpa-Product-list .ucpa-Product-listItem {
            width: 46.15385%;
        }
}

@media screen and (min-width: 30.01em) {
    .ucpa-SectionItemCol-right .ucpa-Product-list + .ucpa-Product-list,
    .ucpa-SectionItemCol-left .ucpa-Product-list + .ucpa-Product-list {
        margin-top: 1.875rem;
    }
}

.ucpa-SectionItemCol-right .ucpa-Product-list,
.ucpa-SectionItemCol-left .ucpa-Product-list {
    margin-top: 0;
    width: 100%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-SectionItemCol-right .ucpa-Product-list,
    .ucpa-SectionItemCol-left .ucpa-Product-list {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
    }
}

.ucpa-SectionItemCol-right .ucpa-Product-listItem,
.ucpa-SectionItemCol-left .ucpa-Product-listItem {
    width: 100%;
    max-width: inherit;
}

@media screen and (min-width: 30.01em) {
    .ucpa-SectionItemCol-right .ucpa-Product-listItem,
    .ucpa-SectionItemCol-left .ucpa-Product-listItem {
        margin-bottom: 0;
        width: 46.15385%;
        max-width: inherit;
    }
}

.ucpa-Product-listItem--rectangle.ucpa-Product-listItem--big {
    width: 100%;
}

.ucpa-SectionItemCol-right .ucpa-Product-list:nth-child(1n) .ucpa-Product-listItem {
    align-self: flex-start;
}

.ucpa-SectionItemCol-right .ucpa-Product-list:nth-child(2n) .ucpa-Product-listItem {
    align-self: flex-end;
}

.ucpa-Sponsor-title {
    margin: 0;
    margin-bottom: 0.625rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    color: #0f1f28;
}

.ucpa-Sponsor-text {
    margin: 0;
    margin-bottom: 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    color: #0f1f28;
}

.ucpa-SectionFooterText-text {
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    color: #0f1f28;
    text-align: center;
}

.ucpa-Sponsor-link:last-child {
    margin-top: 0.625rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sponsor-link {
        margin: 0 2.08333%;
    }

        .ucpa-Sponsor-link:last-child {
            margin-top: 0;
        }
}

.ucpa-Footer {
    overflow: hidden;
    background-color: #0f1f28;
}

    .ucpa-Footer a:not(.ucpa-Link--borderWhite):hover,
    .ucpa-Footer a:not(.ucpa-Link--borderWhite):active,
    .ucpa-Footer a:not(.ucpa-Link--borderWhite):focus {
        color: #00a6c6 !important;
    }

@media screen and (min-width: 50.01em) {
    .ucpa-Footer {
        padding: 3.125rem 0;
    }
}

.ucpa-Footer-title {
    position: relative;
    margin: 0;
    padding: 1.25rem;
    padding-top: 1.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Footer-title {
        margin-top: 1.875rem;
        text-align: center;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Footer-title {
        margin-top: 0;
    }
}

.ucpa-Footer-social {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

@media screen and (min-width: 30.01em) {
    .ucpa-Footer-social {
        border: none;
        border-right: 1px solid rgba(255, 255, 255, .2);
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Footer-social {
        border: none;
    }
}

.ucpa-Social-list {
    margin: 0;
    padding: 0 0 2.5rem;
    font-size: 0;
    list-style-type: none;
}

.ucpa-Social-item {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: center;
}

.ucpa-Social-link {
    color: #fff;
}

.ucpa-Social-icon {
    width: 1.25rem;
    height: 1.125rem;
}

.ucpa-Newsletter-form {
    margin: 0 1.25rem 1.625rem;
    display: -webkit-box;
    display: flex;
    height: 2.5rem;
    border: 1px solid rgba(255, 255, 255, .3);
}

@media screen and (min-width: 30.01em) {
    .ucpa-Newsletter-form {
        height: auto;
    }
}

.ucpa-Field--newsletter {
    width: calc(100% - 40px);
    border: none;
    border-right: 1px solid rgba(255, 255, 255, .3);
    padding: 0 0.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    background-color: transparent;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Field--newsletter {
        height: 1.875rem;
    }
}

.ucpa-Button--newsletter {
    width: 2.5rem;
    border: none;
    font-family: DINWeb, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background-color: transparent;
}

.ucpa-Footer-slider-item {
    padding: 0.5625rem 0;
    text-align: center;
}

.ucpa-Footer-slider-link {
    display: inline-block;
    font-family: DINWeb, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    width: 105px;
    text-align: center;
    padding: 10px 0;
}

    .ucpa-Footer-slider-link:hover {
        color: #00a6c6;
    }

.ucpa-Footer-slider {
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 0 0.9375rem;
}

    .ucpa-Footer-slider .ucpa-Slider-icon {
        height: 1em;
        font-size: 0.9375rem;
        color: #fff;
    }

    .ucpa-Footer-slider .swiper-button-disabled .ucpa-Slider-icon {
        color: rgba(255, 255, 255, 0.3);
    }

    .ucpa-Footer-slider .ucpa-Slider-button {
        z-index: 2;
        background-color: #0f1f28;
    }

    .ucpa-Footer-slider .jsucpa-Slider-activity--right,
    .ucpa-Footer-slider .ucpa-Slider-button--right {
        right: 0;
    }

    .ucpa-Footer-slider .jsucpa-Slider-activity--left,
    .ucpa-Footer-slider .ucpa-Slider-button--left {
        left: 0;
    }

.ucpa-Footer .ucpa-Link {
    margin: 0 auto;
    display: block;
    max-width: 15rem;
    text-align: center;
}

.ucpa-Footer .ucpa-Accordion-button--active + .ucpa-Accordion-content {
    padding-bottom: 1.875rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Footer .ucpa-Accordion-button--active + .ucpa-Accordion-content {
        padding-bottom: 0;
    }
}

.ucpa-Rassurance {
    padding: 1.25rem 0;
    background-color: #e6ecf2;
}

.ucpa-Rassurance--community {
    padding-bottom: 5.625rem;
    background-color: rgba(15, 31, 40, .93);
}

.ucpa-Rassurance--brands {
    border: solid 1px #fff;
    padding: 2.8125rem 0 2.8125rem;
}

.ucpa-Section-brandsContainer {
    overflow: hidden;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Rassurance--brands {
        padding-top: 0;
    }
}

.ucpa-Rassurance--community .ucpa-Section-title {
    color: #fff;
}

.ucpa-Rassurance-imgHeader {
    text-align: center;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Rassurance-imgHeader {
        padding: 2.8125rem 0 2.8125rem;
        background-color: white;
    }
}

.ucpa-Rassurance-imgHeader-text {
    margin: 0 0 2.8125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Rassurance-imgHeader-text {
        margin: 0.625rem 0 0;
        font-family: DINWeb, sans-serif;
        font-size: 1.25rem;
        font-weight: 500;
    }
}

.ucpa-Rassurance-list {
    margin: 0;
    padding: 0 1.25rem;
    font-size: 0;
    list-style-type: none;
}

@media screen and (max-width: 65em) {
    .ucpa-Rassurance-list.swiper-wrapper {
        padding: 0;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Rassurance-list {
        padding: 0 1.875rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Rassurance-list {
        padding: 0 3.75rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Rassurance--community .ucpa-Rassurance-list {
        display: -webkit-box;
        display: flex;
    }

    .ucpa-Rassurance--brands .ucpa-Rassurance-list {
        display: block;
        padding: 0;
        text-align: center;
    }

    .ucpa-Rassurance--brands .ucpa-Rassurance-item:first-child {
        width: 100%;
        padding-bottom: 1.875rem;
    }
}

.ucpa-Rassurance-item {
    position: relative;
    margin: 1.1875rem 0;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f1f28;
    text-align: center;
}

/*@media screen and (min-width: 30.01em) {
    .ucpa-Rassurance-item {
        width: 33.33%;
    }
}*/

.ucpa-Rassurance--community .ucpa-Rassurance-item {
    margin-top: 1.25rem;
    margin-bottom: 0;
    width: 100%;
    padding: 1.25rem 3% 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Rassurance--community .ucpa-Rassurance-item {
        width: 50%;
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Rassurance--community .ucpa-Rassurance-item {
        width: 25%;
    }
}

.ucpa-Rassurance--community .ucpa-Rassurance-item:first-child {
    margin-top: 0;
    padding-top: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Rassurance--community .ucpa-Rassurance-item:nth-child(2) {
        margin-top: 0;
        padding-top: 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Rassurance--community .ucpa-Rassurance-item {
        margin-top: 0;
        padding-top: 0;
    }
}

.ucpa-Rassurance--community .ucpa-Rassurance-item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 1px;
    content: "";
    background-color: #fff;
    opacity: 0.3;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Rassurance--community .ucpa-Rassurance-item::after {
        top: 50%;
        width: 1px;
        height: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ucpa-Rassurance--community .ucpa-Rassurance-item:first-child::after {
    content: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Rassurance--community .ucpa-Rassurance-item:nth-child(-n+2)::after {
        content: none;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Rassurance--community .ucpa-Rassurance-item:nth-child(2)::after {
        content: "";
    }
}

.ucpa-Rassurance--brands .ucpa-Rassurance-item {
    margin-bottom: 2.8125rem;
    padding: 0 3%;
}

.ucpa-Rassurance-icon {
    margin: 0 auto 0.8125rem;
    display: block;
    width: 1.5625rem;
    height: 1.5625rem;
}

.ucpa-Rassurance-picture {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 5.625rem;
    text-align: center;
}

.ucpa-Rassurance-img {
    max-width: 100%;
}

.ucpa-Footer-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    /*height: 3.75rem;*/
    padding: 20px 8.3333%;
    background-color: #1b2a33;
}

@media screen and (max-width: 50em) {
    .ucpa-ProductPage .ucpa-Footer-bottom {
        margin-bottom: 5.9375rem;
    }
}

/*.ucpa-Footer-bottomNav {
  display: none;
}*/

@media screen and (min-width: 50.01em) {
    .ucpa-Footer-bottomNav {
        display: block;
    }
}

.ucpa-Footer-bottomList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ucpa-Footer-bottomItem {
    display: inline-block;
    padding: 0 1rem;
    vertical-align: middle;
}

.ucpa-Footer-bottomLink {
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    color: #e6ecf2;
    text-decoration: none;
}

    .ucpa-Footer-bottomLink:hover {
        color: #00a6c6;
    }

.ucpa-Footer-lang {
    font-size: 0;
    line-height: 0.75rem;
    color: #fff;
    text-transform: uppercase;
}

.ucpa-Footer-langImg,
.ucpa-Footer-langLabel {
    display: inline-block;
    vertical-align: middle;
}

.ucpa-Footer-langLabel {
    margin: 0.1875rem 0 0 0.5rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
}

.ucpa-Footer-component {
    position: relative;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Footer-component {
        width: 8.3333%;
    }
}

.ucpa-Footer-current-country {
    transition: all 0.25s;
}

    .ucpa-Footer-current-country .ucpa-Footer-langLabel {
        position: relative;
    }

        .ucpa-Footer-current-country .ucpa-Footer-langLabel::before,
        .ucpa-Footer-current-country .ucpa-Footer-langLabel::after {
            position: absolute;
            top: 25%;
            width: 0.4375rem;
            height: 0.125rem;
            content: "";
            background-color: #fff;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition-duration: 0.2s;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
        }

        .ucpa-Footer-current-country .ucpa-Footer-langLabel::before {
            right: -0.75rem;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .ucpa-Footer-current-country.is-open .ucpa-Footer-langLabel::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .ucpa-Footer-current-country .ucpa-Footer-langLabel::after {
        right: -1rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .ucpa-Footer-current-country.is-open .ucpa-Footer-langLabel::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.no-touchevents .ucpa-Footer-current-country:hover {
    color: #fff;
    cursor: pointer;
}

.ucpa-Footer-country {
    display: inline-block;
    vertical-align: middle;
}

.ucpa-Footer-countries-list {
    position: absolute;
    bottom: 1.875rem;
    z-index: 1;
    margin: 0 0 0 -1rem;
    width: 7.5rem;
    padding: 0;
    visibility: hidden;
    background-color: #fff;
    opacity: 0;
    transition: all 0.25s;
}

    .ucpa-Footer-countries-list.is-open {
        margin-top: -14.5rem;
        visibility: visible;
        opacity: 1;
    }

        .ucpa-Footer-countries-list.is-open::after {
            position: absolute;
            top: 100%;
            left: 25%;
            margin-left: -10px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-color: rgba(0, 0, 0, 0);
            border-width: 10px;
            border-top-color: #fff;
            pointer-events: none;
            content: " ";
        }

    .ucpa-Footer-countries-list .ucpa-Footer-countries-list-inner {
        position: relative;
        max-height: 12.5rem;
        overflow: hidden;
        overflow-y: scroll;
        padding: 1rem;
        text-transform: uppercase;
    }

    .ucpa-Footer-countries-list ul {
        margin: 0;
        padding: 0;
    }

        .ucpa-Footer-countries-list ul li {
            margin: 0;
            padding: 0;
            list-style-position: outside;
            list-style-type: none;
        }

            .ucpa-Footer-countries-list ul li a {
                display: block;
                padding: 0.625rem;
                text-decoration: none;
            }

                .ucpa-Footer-countries-list ul li a .ucpa-Footer-langLabel {
                    font-weight: 500;
                    color: #0f1f28;
                }

.no-touchevents .ucpa-Footer-countries-list ul li a:hover .ucpa-Footer-langLabel {
    font-weight: 700;
    text-decoration: none;
}

.ucpa-Accordion-item {
    border-bottom: 1px solid rgba(15, 31, 40, .2);
    padding: 0 1.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-program .ucpa-Accordion-item {
        margin-top: 2.625rem;
        border: none;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-program .ucpa-Accordion-item {
        margin: 0 0 2.625rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-program-colLeft .ucpa-Accordion-item {
        margin: 0;
    }
}

.ucpa-Accordion-item--about {
    padding: 0 0 0 16.66667;
}

.ucpa-Accordion-button,
.ucpa-Accordion-title {
    position: relative;
    margin: 0;
    padding: 1.25rem 0;
    padding-top: 1.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    cursor: pointer;
}

.ucpa-Accordion-button--footer {
    color: #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Accordion-button--footer {
        text-align: center;
        pointer-events: none;
    }
}

.ucpa-Accordion-button--footer::before,
.ucpa-Accordion-button--footer::after {
    background-color: #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Accordion-button--footer::before,
    .ucpa-Accordion-button--footer::after {
        content: none;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-program .ucpa-Accordion-button::before,
    .ucpa-Product-program .ucpa-Accordion-button::after {
        content: none;
    }
}

.ucpa-Accordion-button::before {
    right: 0.375rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Accordion-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-Accordion-button--active::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-Accordion-button--active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-program .ucpa-Accordion-content {
        max-height: 1000px;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Footer .ucpa-Accordion-content {
        max-height: 1000px;
    }
}

.ucpa-Accordion-button--active + .ucpa-Accordion-content .ucpa-ExpandBlock--small,
.ucpa-Accordion-button--active + .ucpa-Accordion-content .ucpa-ExpandBlock--medium,
.ucpa-Accordion-button--active + .ucpa-Accordion-content .ucpa-ExpandBlock--big,
.ucpa-Accordion-button--active + .ucpa-Accordion-content {
    max-height: 1000px;
    transition: max-height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.ucpa-Accordion-content--closed {
    max-height: 0;
    transition: max-height 0.5s ease-in;
}

@media screen and (max-width: 30em) {
    .ucpa-Accordion-item .ucpa-ExpandBlock-content {
        max-height: 1000px;
    }
}

.ucpa-Accordion-item .ucpa-Product-text {
    margin: 0.625rem 0;
    font-size: 0.9375rem;
    line-height: 1.25rem;
}

    .ucpa-Accordion-item .ucpa-Product-text strong {
        margin-bottom: 1.1875rem;
        display: block;
        font-weight: 500;
        line-height: 1.25rem;
    }

@media screen and (max-width: 30em) {
    .ucpa-Accordion-item .ucpa-Expand-button {
        display: none;
    }
}

.ucpa-Product-aboutTop .ucpa-Accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.ucpa-Footer .ucpa-Accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-aboutTop .ucpa-Accordion-item,
    .ucpa-Product-aboutBottom .ucpa-Accordion-item,
    .ucpa-Footer .ucpa-Accordion-item {
        border-bottom: none;
    }
}

.ucpa-Product-aboutTop .ucpa-Accordion-button {
    color: #fff;
}

.ucpa-Product-aboutTop .ucpa-Product-text,
.ucpa-Product-aboutTop .ucpa-Accordion-title {
    font-weight: normal;
    color: #fff;
}

@media screen and (max-width: 50em) {
    .ucpa-Product-aboutTop .ucpa-Accordion-item .ucpa-ExpandBlock-content,
    .ucpa-Product-aboutBottom .ucpa-Accordion-item .ucpa-ExpandBlock-content {
        max-height: 1000px;
        overflow: hidden;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Product-aboutTop .ucpa-Accordion-item .ucpa-Expand-button,
    .ucpa-Product-aboutBottom .ucpa-Accordion-item .ucpa-Expand-button {
        display: none;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-about .ucpa-Accordion-button::before,
    .ucpa-Product-about .ucpa-Accordion-button::after,
    .ucpa-PageActivity-section .ucpa-Accordion-button::before,
    .ucpa-PageActivity-section .ucpa-Accordion-button::after,
    .ucpa-Centre-about .ucpa-Accordion-button::before,
    .ucpa-Centre-about .ucpa-Accordion-button::after {
        content: none;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-aboutTop .ucpa-Accordion-content,
    .ucpa-Product-aboutBottom .ucpa-Accordion-content {
        max-height: 1000px;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Accordion-content .ucpa-ExpandBlock {
        margin-top: 0.875rem;
    }
}

.ucpa-Accordion-item--universal {
    border: 0;
    padding: 0;
}

    .ucpa-Accordion-item--universal .ucpa-Product-aboutBottom-text {
        height: auto;
        font-weight: 100;
    }

    .ucpa-Accordion-item--universal .ucpa-ExpandBlock {
        margin: 0;
    }

    .ucpa-Accordion-item--universal .ucpa-Accordion-content {
        max-height: 1000px;
    }

    .ucpa-Accordion-item--universal .ucpa-ExpandBlock-content {
        max-height: 0;
    }

    .ucpa-Accordion-item--universal .ucpa-Expand-button,
    .ucpa-Accordion-item--universal .ucpa-Product-dots {
        display: block;
    }

.ucpa-Centre-about-list {
    border-top: 1px solid rgba(15, 31, 40, .2);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Centre-about-list {
        margin: 0 -2.5%;
        border: none;
        font-size: 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Centre-about-item {
        margin: 0 2.5% 3.4375rem;
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Centre-about-item {
        width: 28.33333%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Centre-about-item .ucpa-Accordion-button,
    .ucpa-Centre-about-item .ucpa-Accordion-title {
        padding-top: 0;
        padding-bottom: 0.625rem;
    }
}

.ucpa-Centre-about-item .ucpa-Accordion-content .ucpa-ExpandBlock {
    margin-top: 0;
}

.ucpa-PageHome {
    position: relative;
}

.ucpa-PageList {
    position: relative;
}

#ucpa-QuickView {
    display: none;
}

.ucpa-Filters {
    padding: 0.625rem 0;
    background-color: #e6ecf2;
}

@media screen and (max-width: 30em) {
    .ucpa-Filters {
        display: none;
    }
}

.ucpa-Filters-tag {
    position: relative;
    margin-right: 0.625rem;
    display: inline-block;
    padding: 0.5rem 0.625rem;
    padding-right: 1.875rem;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
}

.ucpa-Filters-tag-label {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
}

.ucpa-Filters-tagIcon {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    font-size: 0.6875rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ucpa-Filters-button {
    margin-left: 0.625rem;
    border: none;
    padding: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase;
    background-color: transparent;
}

.ucpa-SortBy {
    box-shadow: 0 3px 15px 1px rgba(0, 31, 40, .05);
    border-bottom: 3px solid #e6ecf2;
}

@media screen and (max-width: 30em) {
    .ucpa-SortBy:not(.ucpa-Product-anchor) {
        box-shadow: none;
        border: none;
    }
}

.ucpa-SortBy-label {
    position: relative;
    display: block;
    padding: 0.875rem 0;
    font-family: DINWeb-Bold, sans-serif;
    font-size: 0.9375rem;
    cursor: pointer;
}

    .ucpa-SortBy-label .ucpa-SortBy-button {
        padding: 0;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-SortBy-label {
        display: none;
    }
}

.ucpa-SortBy-label::before,
.ucpa-SortBy-label::after {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    width: 0.4375rem;
    height: 0.125rem;
    content: "";
    background-color: #e81d00;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.ucpa-SortBy-label::before {
    right: 0.75rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-SortBy-label::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-SortBy-label--open::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-SortBy-label--open::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-SortBy-list {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0;
    list-style-type: none;
}

@media screen and (max-width: 30em) {
    .ucpa-SortBy-list {
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        overflow-x: auto;
    }
}

.ucpa-SortBy-list--anchor {
    display: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-SortBy-list--anchor {
        display: -webkit-box;
        display: flex;
    }
}

.ucpa-SortBy-list--open {
    display: block;
}

.ucpa-SortBy-item {
    position: relative;
}

@media screen and (max-width: 30em) {
    .ucpa-SortBy-item {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding: 0 1.875rem 1rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-SortBy-item::after {
        position: absolute;
        right: 0;
        bottom: 0.625rem;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 0.1875rem;
        content: "";
        background-color: #e6ecf2;
    }
}

.ucpa-SortBy-button {
    position: relative;
    outline: none;
    border: none;
    padding: 1.1875rem 0;
    font-family: DINWeb-Bold, sans-serif;
    font-size: 0.9375rem;
    background-color: transparent;
}

.ucpa-SortBy-button--active::before,
.ucpa-SortBy-button--active::after {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-SortBy-button--active::before {
    bottom: -0.625rem;
    width: 0.9375rem;
    height: 0.9375rem;
    background-color: #e6ecf2;
}

.ucpa-SortBy-button--active::after {
    bottom: -0.375rem;
    width: 0.4375rem;
    height: 0.4375rem;
    background-color: #0f1f28;
}

.ucpa-SortBy-buttonCount {
    font-family: DINWeb, sans-serif;
}

.ucpa-SwitchView-button {
    -webkit-box-flex: 0;
    flex: 0 0 3.4375rem;
    height: 3.625rem;
    outline: none;
    border: none;
    border-top: 1px solid #fff;
    padding: 1.1875rem 0;
    font-size: 1.0625rem;
    background-color: transparent;
}

@media screen and (max-width: 65em) {
    .ucpa-SwitchView-button {
        display: none;
    }
}

.ucpa-SwitchView-button--active {
    background-color: #e6ecf2;
}

.ucpa-SortBy-action {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.ucpa-SortBy-dropdown {
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 14.75rem;
    height: 3.625rem;
    padding-right: 3.75rem;
    cursor: pointer;
}

@media screen and (max-width: 50em) {
    .ucpa-SortBy-dropdown {
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 9;
        width: 100vw;
        height: 3.125rem;
        border-top: 1px solid #e6ecf2;
        padding: 0;
        background-color: #fff;
    }
}

.ucpa-SortBy-dropdown::before,
.ucpa-SortBy-dropdown::after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 0.4375rem;
    height: 0.125rem;
    content: "";
    background-color: #0f1f28;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.ucpa-SortBy-dropdown::before {
    right: 1.75rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 50em) {
    .ucpa-SortBy-dropdown::before {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }
}

@media screen and (max-width: 50em) {
    .ucpa-SortBy-dropdown::before,
    .ucpa-SortBy-dropdown::after {
        right: 1.25rem;
        display: block;
        width: 0.875rem;
        height: 0.125rem;
        background-color: #e81d00;
    }
}

.ucpa-SortBy-dropdown::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width: 50em) {
    .ucpa-SortBy-dropdown::after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ucpa-SortBy-dropdown--active::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-SortBy-dropdown--active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-SortBy-dropdown-item {
    display: block;
    width: 100%;
}

@media screen and (max-width: 50em) {
    .ucpa-SortBy-dropdown-item {
        padding-left: 50vw;
    }
}

.ucpa-SortBy-dropdown-label {
    position: relative;
    display: block;
    font-family: DINWeb-Bold, sans-serif;
    font-size: 0.9375rem;
    color: #0f1f28;
    text-align: right;
}

@media screen and (max-width: 50em) {
    .ucpa-SortBy-dropdown-label {
        padding: 0 1.875rem;
        text-align: left;
    }
}

.ucpa-SortBy-dropdown-menu {
    position: absolute;
    top: 100%;
    right: -3px;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    line-height: 2;
    list-style: none;
}

@media screen and (max-width: 50em) {
    .ucpa-SortBy-dropdown-menu {
        top: auto;
        right: 0;
        bottom: 100%;
    }
}

.ucpa-SortBy-dropdown-menu--show {
    z-index: 3;
    display: block;
    width: 100%;
    max-height: 9999px;
    border: 3px solid #e6ecf2;
    border-top: 0;
    padding: 1.25rem;
    background-color: #fff;
}

@media screen and (max-width: 50em) {
    .ucpa-SortBy-dropdown-menu--show {
        top: auto;
        bottom: 100%;
        border-top: 3px solid #e6ecf2;
        border-bottom: 0;
    }
}

.ucpa-SortBy-dropdown-menuItem {
    display: block;
    padding: 0.3125rem 1.25rem;
    font-family: DINWeb-Bold, sans-serif;
    font-size: 0.9375rem;
    color: #0f1f28;
    cursor: pointer;
}

.no-touchevents .ucpa-SortBy-dropdown-menuItem:hover {
    background: #e6ecf2;
}

/*
  *
  * SORTBYANCHOR
  *
 */

@media screen and (min-width: 30.01em) {
    .ucpa-SortByAnchor {
        position: relative;
        z-index: 1;
    }
}

.ucpa-SortByAnchor-list {
    text-align: center;
}

    .ucpa-SortByAnchor-list .ucpa-Button {
        display: block;
        color: #0f1f28;
        text-align: center;
        text-decoration: none;
    }

.ucpa-SortByAnchor--sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background-color: #fff;
    transition: 0.2s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

@media screen and (min-width: 50.01em) {
    .ucpa-SortByAnchor--sticky + div,
    .ucpa-SortByAnchor--sticky + section {
        padding-top: 3.5625rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-SortByAnchor .ucpa-SortByAnchor-group {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-SortByAnchor-list {
        width: 100%;
        box-shadow: 0 3px 15px 1px rgba(0, 31, 40, .05);
        border-bottom: 3px solid #e6ecf2;
        padding: 0;
        background-color: #fff;
    }
}

.ucpa-SortByAnchor .ucpa-SortBy-item {
    display: block;
    padding: 0.875rem;
}

.ucpa-SortByAnchor .ucpa-SortBy-item--hidden {
    display: none;
}

@media screen and (max-width: 30em) {
    .ucpa-SortByAnchor .ucpa-SortBy-item--hidden {
        display: block;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-SortByAnchor--sticky .ucpa-SortBy-item {
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0.875rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-SortByAnchor .ucpa-SortBy-item {
        padding: 1.1875rem;
    }

    .ucpa-SortByAnchor--sticky .ucpa-SortBy-button {
        padding: 1.5625rem 0 1.5rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-SortByAnchor--sticky .ucpa-SortBy-button {
        padding: 0.875rem 0;
    }
}

.ucpa-SortByAnchor .ucpa-SortBy-list {
    -webkit-box-align: stretch;
    align-items: stretch;
    padding: 0 1.1875rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SortByAnchor .ucpa-SortBy-list {
        -webkit-box-pack: space-evenly;
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-SortByAnchor .ucpa-SortBy-button--active {
        display: none;
    }
}

.ucpa-SortByAnchor .ucpa-SortBy-item::after,
.ucpa-SortByAnchor .ucpa-SortBy-button--active::before,
.ucpa-SortByAnchor .ucpa-SortBy-button--active::after {
    content: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-SortByAnchor .ucpa-SortBy-item:not(.ucpa-SortBy-button)::after,
    .ucpa-SortByAnchor .ucpa-SortBy-button--active:not(.ucpa-SortBy-button)::before,
    .ucpa-SortByAnchor .ucpa-SortBy-button--active:not(.ucpa-SortBy-button)::after {
        content: "";
    }
}

@media screen and (max-width: 30em) {
    .ucpa-SortByAnchor .ucpa-SortBy-list {
        position: absolute;
        z-index: 2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
    }
}

.ucpa-SortByAnchor .ucpa-SortBy-button {
    width: 100%;
    padding: 0 0.3125rem;
    line-height: 1.1;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-anchor {
        position: relative;
        z-index: 1;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Product-anchorList {
        margin: 0 auto;
        width: 65%;
    }
}



.ucpa-Product-anchorList .ucpa-Button {
    display: block;
    color: #0f1f28;
    text-decoration: none;
}

.ucpa-Product-anchor--sticky {
    z-index: 100;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-anchor--sticky {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        background-color: #fff;
        transition: 0.2s top cubic-bezier(0.3, 0.73, 0.3, 0.74);
    }
}

.ucpa-Product-anchor--sticky + div {
    margin-top: 11.25rem;
}

.ucpa-Product-anchor--sticky + section {
    margin-top: 11.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-anchor--sticky + div {
        margin-top: 3.875rem;
    }

    .ucpa-Product-anchor--sticky + section {
        margin-top: 3.875rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-anchor--sticky + div {
        margin-top: 4.625rem;
    }

    .ucpa-Product-anchor--sticky + section {
        margin-top: 4.625rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Product-anchor--sticky + div {
        margin-top: 3.6875rem;
    }

    .ucpa-Product-anchor--sticky + section {
        margin-top: 3.6875rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-anchor--sticky .ucpa-Product-anchorGroup {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .ucpa-Product-anchor--sticky .ucpa-Product-anchorGroup--center {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Product-anchor--sticky .ucpa-Product-anchorList {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        box-shadow: 0 3px 15px 1px rgba(0, 31, 40, .05);
        border-bottom: 3px solid #e6ecf2;
        padding: 0 1.875rem;
        background-color: #fff;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-anchor--sticky .ucpa-Product-anchorList {
        margin: 0 auto;
        width: 65%;
    }
}


@media screen and (min-width: 30.01em) {
    .ucpa-Product-anchor--sticky .ucpa-SortBy-item {
        /*width: 20%;*/
        text-align: center;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-anchor--sticky .ucpa-SortBy-button {
        padding: 1.5625rem 0 1.5rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Product-anchor--sticky .ucpa-SortBy-button {
        padding: 0.875rem 0;
    }
}

.ucpa-Product-anchor--sticky .ucpa-Search-mention {
    display: none;
}

.ucpa-Product-anchor--sticky .ucpa-Search-price {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    width: calc(100% - 90px);
    border: none;
    padding: 0 0.875rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-anchor--sticky .ucpa-Search-price {
        -webkit-box-pack: center;
        justify-content: center;
        max-width: 18.625rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Product-anchor--sticky .ucpa-Product-anchorPrice {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        margin: 0;
        display: block;
        width: 100%;
        padding: 0.75rem;
        background-color: #fff;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Product-anchor--sticky .ucpa-Search-priceBox {
        margin: 0 auto;
        width: 70vw;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Product-anchor--sticky .ucpa-Search-priceBox {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        width: calc(100vw - 24px);
    }
}

.ucpa-Product-anchor--sticky .ucpa-Search-actionButton {
    width: auto;
}

.ucpa-Product-anchor--sticky .ucpa-Search-button--red {
    width: 5.625rem;
    height: 4.375rem;
    padding: 0;
}

.ucpa-Product-anchor--sticky .ucpa-Search-button--black {
    width: 5.625rem;
    height: 4.375rem;
    padding: 0.625rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-anchor--sticky .ucpa-Search-button--red,
    .ucpa-Product-anchor--sticky .ucpa-Search-button--black {
        width: 7.5rem;
        height: 4.375rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Product-anchor--sticky .ucpa-Search-button--red,
    .ucpa-Product-anchor--sticky .ucpa-Search-button--black {
        height: 3.125rem;
    }
}

.ucpa-Product-anchor .ucpa-SortBy-list {
    left: 0;
    z-index: 1;
}

@media screen and (max-width: 30em) {
    .ucpa-Product-anchor .ucpa-SortBy-button--active {
        display: none;
    }
}

.ucpa-Product-anchor .ucpa-SortBy-item::after,
.ucpa-Product-anchor .ucpa-SortBy-button--active::before,
.ucpa-Product-anchor .ucpa-SortBy-button--active::after {
    content: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-anchor .ucpa-SortBy-item:not(.ucpa-SortBy-button)::after,
    .ucpa-Product-anchor .ucpa-SortBy-button--active:not(.ucpa-SortBy-button)::before,
    .ucpa-Product-anchor .ucpa-SortBy-button--active:not(.ucpa-SortBy-button)::after {
        content: "";
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Product-anchor .ucpa-SortBy-list {
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
    }
}

.ucpa-Product-recap:not(.ucpa-Product-recap--big) {
    padding: 2.1875rem 0;
    background-color: #e6ecf2;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-recap {
        position: relative;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-recap:not(.ucpa-Product-recap--big)::after {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        content: "";
        background-color: #fff;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-recapBlock:nth-child(odd) {
        padding-right: 3.75rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-recapBlock:nth-child(even) {
        padding-left: 3.75rem;
    }
}

.ucpa-Product-recap .ucpa-Expand-button {
    z-index: 1;
    border-color: #fff;
    background-color: #e6ecf2;
}

.ucpa-Product-title {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    color: #0f1f28;
    text-transform: uppercase;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-title {
        margin-right: 0.875rem;
        display: inline-block;
        width: auto;
        vertical-align: middle;
        font-size: 1.875rem;
    }
}

.ucpa-Product-title--center {
    margin-bottom: 0;
    display: block;
    width: 100%;
    text-align: center;
}

.ucpa-Product-title--small {
    display: block;
    font-size: 0.9375rem;
}

.ucpa-Product-title--noMargin {
    margin: 0;
}

.ucpa-Product-flyer {
    display: inline-block;
    width: auto;
    height: 1.5625rem;
    border: 1px solid #0f1f28;
    padding: 0 0.625rem;
    vertical-align: middle;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    background-color: #0f1f28;
}

.ucpa-Product-flyer--red {
    border-color: #e81d00;
    color: #e81d00;
    background-color: #fff;
}

.ucpa-Product-flyer.ucpa-Tooltip {
    border-radius: 0;
}

.ucpa-Product-text {
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    line-height: 23px;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-text {
        font-size: 1.25rem;
        line-height: 30px;
    }
}

.ucpa-Product-text--bold {
    font-weight: 700;
}

.ucpa-Product-text--small {
    font-size: 0.9375rem;
}

.ucpa-Product-text--thin {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    font-weight: 400;
}

.ucpa-ExpandBlock--expanded .ucpa-Product-text--thin {
    margin: 1rem 0;
    max-height: 62.5rem;
    overflow: visible;
    transition: max-height ease-in 0.5s;
}

.ucpa-Product-text--info {
    font-size: 0.9375rem;
}

.ucpa-Product-text--small.ucpa-Product-text--bold {
    font-weight: 700;
}

.ucpa-Product-dots {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-dots {
        display: block;
        font-family: DINWeb, sans-serif;
        font-size: 0.9375rem;
        font-weight: 500;
    }
}

.ucpa-Product-link {
    margin-bottom: 1.25rem;
    display: inline-block;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #00a6c6;
    text-transform: uppercase;
}

.ucpa-Product-details {
    margin-bottom: 2.5rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-details {
        margin-bottom: 4.375rem;
        border-bottom: none;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-details {
        margin-bottom: 5rem;
        border-bottom: 1px solid #e6ecf2;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-details .ucpa-Expand-button--all {
        margin-bottom: -0.75rem;
        background-color: #fff;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-details-block {
        margin: 0 auto;
        width: 13.125rem;
    }
}

.ucpa-Product-details-block .ucpa-Product-text {
    margin-top: 0;
    font-size: 0.9375rem;
    line-height: 23px;
}

.ucpa-Product-details-block .ucpa-Product-dots {
    padding: 0 0 0 1.875rem;
    line-height: 30px;
}

.ucpa-Product-details-middle {
    position: relative;
    width: 100%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-details-middle::before,
    .ucpa-Product-details-middle::after {
        position: absolute;
        top: 0;
        width: 1px;
        height: 100%;
        content: "";
        background-color: #e6ecf2;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-details-middle::before {
        left: 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-details-middle::after {
        right: 0;
    }
}

.ucpa-Product-recap-list {
    margin: 1.75rem 0;
    padding: 0;
    list-style-type: none;
}

.ucpa-Product-details .ucpa-Product-recap-list {
    position: relative;
    margin-left: 0.5rem;
}

.ucpa-Product-recap-list--loisir {
    margin-top: 0;
    margin-bottom: 0;
}

.ucpa-Product-recap-item {
    position: relative;
    padding: 0 0 1.25rem 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    line-height: 22px;
}

.ucpa-Product-recap-item--noPadding {
    padding: 0 0 0 1.25rem;
}

.ucpa-Product-recap-item--textLeft {
    text-align: left;
}

.ucpa-Product-recap .ucpa-Product-recap-item {
    font-size: 1.25rem;
    line-height: 30px;
}

.ucpa-Product-recap-item::after {
    position: absolute;
    top: 0.375rem;
    left: 1px;
    display: block;
    width: 0.375rem;
    height: 0.375rem;
    content: '';
    background-color: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Product-recap-item--bright::after {
    background-color: #fff;
}

.ucpa-Product-recap .ucpa-Product-recap-item::after {
    top: 0.625rem;
}

.ucpa-Product-recap-item--small::after {
    width: 0.25rem;
    height: 0.25rem;
}

.ucpa-Product-recap-icon {
    margin-right: 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
}

.ucpa-Product-recap-icon--grey {
    color: #c4c8ca;
}

.ucpa-Product-recap-label {
    display: inline-block;
    vertical-align: middle;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.ucpa-ExpandBlock {
    position: relative;
    margin-top: 2.1875rem;
}

.ucpa-ExpandBlock--small {
    max-height: 6.875rem;
    overflow: hidden;
}

.ucpa-ExpandBlock--medium {
    max-height: 310px;
    overflow: hidden;
}

.ucpa-ExpandBlock--big {
    max-height: 413px;
    overflow: hidden;
}

.ucpa-ExpandBlock-content {
    max-height: 0;
    overflow: hidden;
}

.ucpa-ExpandBlock--expanded .ucpa-ExpandBlock--small,
.ucpa-ExpandBlock--expanded .ucpa-ExpandBlock--medium,
.ucpa-ExpandBlock--expanded .ucpa-ExpandBlock--big,
.ucpa-ExpandBlock--expanded .ucpa-ExpandBlock-content {
    max-height: 9000px;
    transition: max-height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media screen and (min-width: 50.01em) {
    .ucpa-ExpandBlock--expanded .ucpa-Product-dots {
        display: none;
    }

    .ucpa-ExpandBlock--small {
        max-height: 107px;
    }
}

.ucpa-Expand-button {
    position: relative;
    width: 1.6875rem;
    height: 1.6875rem;
    outline: none;
    border: none;
    border-bottom: 1px solid #e6ecf2;
    padding: 0;
    background-color: transparent;
}

.ucpa-Centre-about-item .ucpa-Expand-button {
    margin-top: 2.8125rem;
}

.ucpa-Expand-link {
    margin-top: 1.875rem;
    display: inline-block;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #00a6c6;
    text-decoration: none;
}

.ucpa-Expand-icon {
    margin-right: 0.625rem;
    width: 1.0625rem;
    height: 1.0625rem;
}

@media screen and (min-width: 50.01em) {
    .jsucpa-ExpandAll .ucpa-Expand-button:not(.ucpa-Expand-button--all) {
        display: none;
    }
}

.ucpa-Expand-button--all {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Expand-button--all {
        margin: 0 auto;
        display: block;
    }
}

.ucpa-Expand-button::before,
.ucpa-Expand-button::after {
    position: absolute;
    top: 50%;
    right: -0.375rem;
    left: 0;
    margin: 0 auto;
    width: 0.625rem;
    height: 0.125rem;
    content: "";
    background-color: #e81d00;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.5s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.ucpa-Expand-button::before {
    right: 0.375rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Expand-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-ExpandBlock--expanded .ucpa-Expand-button::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-ExpandBlock--expanded .ucpa-Expand-button::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Product-infoList {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-infoList {
        display: -webkit-box;
        display: flex;
    }
}

.ucpa-Product-infoList--AgeTime:not(:first-child) {
    border-top: solid 1px #e6ecf2;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-infoList:not(:first-child) {
        border-top: solid 1px #e6ecf2;
    }

    .ucpa-Product-infoList--AgeTime:last-child {
        margin-bottom: 3.75rem;
        border-bottom: solid 1px #e6ecf2;
    }
}

.ucpa-Product-infoItem {
    position: relative;
    padding: 2.125rem 0;
    text-align: center;
}

.ucpa-Product-infoItem--AgeTime {
    border-bottom: none;
    padding-bottom: 0;
}

    .ucpa-Product-infoItem--AgeTime:last-child {
        padding: 2.125rem 0;
    }

@media screen and (min-width: 50.01em) {
    .ucpa-Product-infoItem--AgeTime {
        border-bottom: none;
        padding: 2.125rem 0;
    }
}

.ucpa-Product-infoItem--AgeTime:not(:first-child)::before {
    position: absolute;
    top: 0.9375rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 5.3125rem;
    height: 1px;
    content: "";
    background-color: #e6ecf2;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-infoItem--AgeTime:not(:first-child)::before {
        content: none;
    }
}

.ucpa-Product-infoItem:nth-child(2n) {
    border-left: 1px solid #e6ecf2;
}

.ucpa-Product-infoItem--AgeTime:nth-child(2n) {
    border-left: none;
}

.ucpa-Product-infoItem:nth-child(3),
.ucpa-Product-infoItem:nth-child(4) {
    border-top: 1px solid #e6ecf2;
}

.ucpa-Product-infoItem--AgeTime:nth-child(3),
.ucpa-Product-infoItem--AgeTime:nth-child(4) {
    border-top: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-infoItem:nth-child(2n),
    .ucpa-Product-infoItem:nth-child(3),
    .ucpa-Product-infoItem:nth-child(4) {
        border: none;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-infoItem::after {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 5.5rem;
        content: "";
        background-color: #e6ecf2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-infoItem:first-child::after {
        content: none;
    }
}

.ucpa-Product-infoItem-label {
    /*margin-bottom: 1.625rem;*/
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: #0f1f28;
}

/*.ucpa-Product-infoItem-label--first {
    margin-bottom: 0.375rem;
}

.ucpa-Product-infoItem--AgeTime:not(:last-child) .ucpa-Product-infoItem-label {
    margin-bottom: 0;
}*/

/*@media screen and (min-width: 50.01em) {
    .ucpa-Product-infoItem--AgeTime .ucpa-Product-infoItem-label {
        margin-bottom: 1.625rem;
    }
}*/

.ucpa-Product-infoItem-icon {
    margin: 0 auto;
    display: block;
    width: 3.625rem;
    height: 3.625rem;
}

.ucpa-Product-infoItem-icon--skier {
    width: 4.875rem;
    height: 4.875rem;
}

.ucpa-Product-infoItem-age {
    margin: 0.75rem 0 3.25rem;
    display: block;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #000;
    padding: 0 2.25rem;
}

.ucpa-Product-infoItem--AgeTime .ucpa-Product-infoItem-age {
    margin-bottom: 0;
}

.ucpa-Product-infoItem-link {
    margin-top: 1.375rem;
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.625rem;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-infoItem-link {
        font-size: 0.8125rem;
    }
}

.ucpa-Product-infoItem-rating {
    display: block;
}

.ucpa-Product-infoItem-rating-icon {
    width: 0.9375rem;
    height: 0.9375rem;
}

.ucpa-Product-infoItem-rating-label {
    margin-top: 0.625rem;
    display: block;
    font-size: 0.75rem;
}

.ucpa-Product-activity {
    padding: 2.625rem 0;
    background-color: #00a6c6;
}

    .ucpa-Product-activity .ucpa-Product-title {
        padding: 0 2.5rem;
        color: #fff;
    }

.ucpa-Product-activity-list {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ucpa-Product-activity-list--wrapper {
    max-height: 205px;
    overflow: hidden;
}

@media screen and (max-width: 50em) {
    .ucpa-Product-activity-list--wrapper {
        max-height: 405px;
    }
}

.ucpa-Product-activity-list--wrapper.ucpa-ExpandBlock--expanded {
    max-height: 1000px;
}

.ucpa-Product-activity-list--wrapper .ucpa-Product-activity-item {
    margin-bottom: 2.1875rem;
}

.ucpa-Product-activity-list--wrapper .ucpa-Expand-button {
    position: absolute;
    bottom: 0;
    left: 49%;
}

@media screen and (max-width: 30em) {
    .ucpa-Product-activity-list--wrapper .ucpa-Expand-button {
        left: 46%;
    }
}

.ucpa-Product-activity-item {
    text-align: center;
}

.ucpa-Product-activity-icon {
    margin-top: 1.5625rem;
    width: 3.125rem;
    height: 3.125rem;
    color: #fff;
}

.ucpa-Product-activity-label {
    margin-top: 0;
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff;
    min-height: 50px;
}

@media(max-width:50em) {
    .ucpa-Product-activity-item + .ucpa-Product-activity-item {
        margin-top: 30px;
    }
}

@media(min-width:50.01em) and (max-width:65em) {

    .ucpa-Product-activity-item:nth-child(n+3) {
        margin-top: 30px;
    }
}

@media(max-width:65em) {
    .ucpa-Product-activity-label {
        min-height: unset;
    }
}

.ucpa-Product-activity-info {
    display: block;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #fff;
    padding: 0 2.25rem;
    margin: 0;
}

.ucpa-Product-activity-button {
    display: inline-block;
    height: 1.875rem;
    border-color: white;
    padding: 0 0.9375rem;
    line-height: 1.875rem;
    color: white;
}

    .ucpa-Product-activity-button:hover {
        color: #00a6c6;
        background-color: #fff;
    }

@media screen and (max-width: 30em) {
    .ucpa-Product-activity-button {
        padding: 0 0.4375rem;
    }
}

.ucpa-Product-skill {
    padding: 2.5rem 0;
    background-color: #e6ecf2;
}

    .ucpa-Product-skill .ucpa-Skill {
        margin-bottom: 0.875rem;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

@media screen and (min-width: 50.01em) {
    .ucpa-Product-skill .ucpa-Skill--first {
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-skill .ucpa-Skill--middle {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-skill .ucpa-Skill--last {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
}

.ucpa-Product-skill .ucpa-Skill-label {
    font-size: 0.8125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-skill .ucpa-Skill-label {
        font-size: 0.9375rem;
        letter-spacing: 1px;
    }
}

.ucpa-Product-skill .ucpa-Skill-icons {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ucpa-Skill-text {
    margin-right: 1.125rem;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.ucpa-Product-skill .ucpa-Skill-level--0 .ucpa-Skill-icon:nth-child(n+1),
.ucpa-Product-skill .ucpa-Skill-level--1 .ucpa-Skill-icon:nth-child(n+2),
.ucpa-Product-skill .ucpa-Skill-level--2 .ucpa-Skill-icon:nth-child(n+3),
.ucpa-Product-skill .ucpa-Skill-level--3 .ucpa-Skill-icon:nth-child(n+4),
.ucpa-Product-skill .ucpa-Skill-level--4 .ucpa-Skill-icon:nth-child(n+5),
.ucpa-Product-skill .ucpa-Tooltip {
    background-color: #fff;
}

.ucpa-Product-program .ucpa-Product-title,
.ucpa-Product-spot .ucpa-Product-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 6.875rem;
    color: #fff;
    background-color: #0f1f28;
}

.ucpa-Product-program-content {
    margin-top: 2.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-program-content {
        margin-top: 3.25rem;
        margin-bottom: 4.375rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-program-content {
        margin-top: 4.25rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-program-colLeft .r-Grid {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-program-colRight {
        padding-left: 3.75rem;
    }
}

.ucpa-Product-slider {
    margin: 0 auto 1.25rem;
    display: block;
    max-width: 12.5rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-slider {
        display: inline-block;
        max-width: 100%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-slider {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
}

.ucpa-Product-slider .ucpa-Preview-slider .ucpa-Product-itemImage {
    min-height: 14.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-slider .ucpa-Preview-slider .ucpa-Product-itemImage {
        min-height: 22.875rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-slider .ucpa-Preview-slider .ucpa-Product-itemImage {
        min-height: 42.8125rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-arrivals {
        padding-left: 2rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-arrivals {
        margin-bottom: 2.5rem;
        -webkit-box-ordinal-group: 2;
        order: 1;
        padding-left: 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot-content .ucpa-Grid {
        font-size: 0;
    }
}

.ucpa-Product-spot-informations {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot-localisation,
    .ucpa-Product-spot-informations {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
    }

    .ucpa-Product-spot-localisation--top {
        padding-top: 2.5rem;
        vertical-align: top;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot + .ucpa-Product-spot {
        margin-top: 5.9375rem;
    }
}

.ucpa-Product-spot-map {
    position: relative;
    margin-top: 2.25rem;
    padding: 6.875rem 0 0;
    line-height: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot-map {
        margin: 0;
        padding-top: 0;
    }
}

.ucpa-Product-spot-map .ucpa-Product-title {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot-map .ucpa-Product-title {
        top: 36.1%;
        right: 0;
        left: auto;
        width: 15rem;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ucpa-Product-spot-mapImage,
.ucpa-Product-spot-image {
    width: 100%;
    height: auto;
}

.ucpa-Product-spot-image {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot-image {
        display: block;
    }
}

.ucpa-Product-spot-details {
    padding: 2.5rem 1.25rem 2rem;
    font-size: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot-details {
        padding-right: 0;
        padding-left: 3.75rem;
    }
}

.ucpa-Product-spot-details .ucpa-Product-title--spot {
    margin: 0;
    display: inline-block;
    width: 50%;
    height: auto;
    vertical-align: middle;
    color: #0f1f28;
    background-color: transparent;
}

.ucpa-Product-centre-details .ucpa-Product-title--spot {
    width: 100%;
}

.ucpa-Product-centre-content .ucpa-Product-recap-item {
    padding: 0 0 0.36rem 1.25rem;
    font-weight: 500;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-centre-content {
        border: 1px solid #e6ecf2;
        padding: 1.75rem 1.5625rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-centre-content .ucpa-Product-recap-list {
        margin: 0;
    }
}

.ucpa-Product-centre-content .ucpa-Product-text {
    margin-top: 0;
}

.ucpa-Product-spot-details .ucpa-Product-itemDesc-bottomItem {
    width: 50%;
    text-align: right;
}

.ucpa-Product-spot-details .ucpa-Product-text {
    font-weight: 700;
}

.ucpa-Product-spot-details .ucpa-Product-text--small {
    font-size: 1.25rem;
    font-weight: normal;
}

.ucpa-Product-spot-details .ucpa-Product-text--info {
    font-weight: 500;
}

.ucpa-Product-spot-details .ucpa-ExpandBlock-content .ucpa-Product-text {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 23px;
}

.ucpa-Product-spot-liveCam {
    position: relative;
}

.ucpa-Product-aboutCol .ucpa-Product-spot-liveCam {
    margin-top: 1.25rem;
}

.ucpa-Product-spot-liveCam--mobile {
    display: block;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot-liveCam--mobile {
        display: none;
    }
}

.ucpa-Product-spot-liveCam--desktop {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-spot-liveCam--desktop {
        display: block;
    }
}

.ucpa-Product-spot-liveCam-infos {
    position: absolute;
    right: 0;
    bottom: 1.5625rem;
    left: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    height: 3.125rem;
    padding: 0 1.375rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Product-spot-liveCam-infos {
        bottom: 1.25rem;
    }
}

.ucpa-Product-spot-liveCam-temp {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: calc(100% - 150px);
    height: 100%;
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(15, 31, 40, .6);
}

@media screen and (min-width: 80.01em) {
    .ucpa-Product-spot-liveCam-temp {
        width: calc(100% - 220px);
    }
}

.ucpa-Product-spot-liveCam-tempText {
    display: none;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    text-transform: uppercase;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-spot-liveCam-tempText {
        display: block;
    }
}

.ucpa-Product-spot-liveCam-tempLabel {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding: 0;
    vertical-align: middle;
    font-family: DINWeb, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 25px;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Product-spot-liveCam-tempLabel {
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 0 1.25rem;
    }
}

.ucpa-Product-spot-liveCam-tempDegrees {
    position: relative;
}

    .ucpa-Product-spot-liveCam-tempDegrees::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 1.625rem;
        content: "";
        background-color: #fff;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.ucpa-Product-spot-liveCam-tempIcon {
    margin: 0 0.9375rem;
    width: 1.5625rem;
    height: 1.5625rem;
}

.ucpa-Product-spot-liveCam-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 9.375rem;
    height: 100%;
    border: none;
    color: #0f1f28;
    background-color: #fff;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Product-spot-liveCam-link {
        width: 13.75rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-spot-details .ucpa-ExpandBlock-content {
        max-height: 1000px;
    }
}

.ucpa-Product-centre-details .ucpa-ExpandBlock {
    margin-top: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-centre-details .ucpa-ExpandBlock-content {
        max-height: 0;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-centre-details .ucpa-ExpandBlock--expanded .ucpa-ExpandBlock-content {
        max-height: 1000px;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-spot-details .ucpa-Expand-button {
        display: none;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-centre-details .ucpa-Expand-button {
        margin: -0.75rem auto;
        display: block;
        background-color: #fff;
    }
}

.ucpa-Product-photo {
    padding: 3.4375rem 0 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-photo {
        padding: 5.9375rem 0 0;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Product-photo {
        padding: 8.125rem 0 0;
    }
}

.ucpa-Product-photo .ucpa-Product-title {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    display: block;
    max-width: 15.625rem;
    padding: 0 0.625rem;
    line-height: 1;
    text-align: center;
    background-color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-photo .ucpa-Product-title {
        max-width: 31.875rem;
    }
}

.ucpa-Picture-slider {
    position: relative;
    margin-top: -2.5rem;
    padding: 4.0625rem 0 1.8125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Picture-slider {
        margin-top: -1.25rem;
        padding-top: 3.75rem;
    }
}

.ucpa-Picture-slider::after {
    position: absolute;
    right: 10px;
    bottom: -30px;
    z-index: 2;
    width: calc(25% - 30px);
    height: calc(50% - 80px);
    border: 1px solid #00a6c6;
    border-width: 0 1px 1px 0;
    pointer-events: none;
    content: "";
}

.ucpa-Picture-slider::before {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
    width: calc(25% - 30px);
    height: calc(50% - 80px);
    border: 1px solid #00a6c6;
    border-width: 1px 0 0 1px;
    pointer-events: none;
    content: "";
}

@media screen and (min-width: 30.01em) {
    .ucpa-Picture-slider::after {
        right: 30px;
        bottom: 0;
    }

    .ucpa-Picture-slider::before {
        top: 0;
        left: 30px;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Picture-slider::after {
        right: -30px;
    }

    .ucpa-Picture-slider::before {
        top: 0;
        left: -30px;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Picture-slider::after {
        right: -60px;
        bottom: -30px;
    }

    .ucpa-Picture-slider::before {
        top: 0;
        left: -60px;
    }
}

.jsucpa-Picture-slider {
    width: 100%;
    max-height: 25rem;
    overflow: hidden;
}

.ucpa-Picture-slides .swiper-wrapper {
    flex-wrap: nowrap;
}

.ucpa-Tarif-slides {
    position: relative;
    margin: 0 auto;
    max-width: 50rem;
}

.ucpa-Picture-slide {
    -ms-grid-row-align: center;
    align-self: center;
    width: 80vw;
    height: auto;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Picture-slide {
        width: 65vw;
    }
}

.ucpa-Picture-slider-content {
    margin: 0 0.625rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Picture-slider-content {
        margin: 0 1rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Picture-slider-content {
        margin: 0;
    }
}

.ucpa-Picture-slider-image {
    display: block;
    width: 100%;
    vertical-align: middle;
}

.ucpa-Picture-slider .ucpa-Slider-button {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Picture-slider .ucpa-Slider-button {
        z-index: 2;
        display: block;
        height: auto;
        max-height: 5rem;
        padding: 1.5rem 0;
        color: #0f1f28;
        background-color: #fff;
    }

    .ucpa-Picture-slider .swiper-button-disabled {
        cursor: default;
        opacity: 0.3;
    }

    .ucpa-Picture-slider .ucpa-Slider-icon {
        height: 1em;
    }

    .ucpa-Slider-button--enDirectLeft {
        left: -2.3125rem;
    }

    .ucpa-Slider-button--enDirectRight {
        right: -2.3125rem;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Slider-button--enDirectLeft {
        left: -4.3125rem;
    }

    .ucpa-Slider-button--enDirectRight {
        right: -4.3125rem;
    }
}

.ucpa-Slider-button--enTarifLeft,
.ucpa-Slider-button--enTarifRight {
    display: none;
    font-size: 2.0625rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Slider-button--enTarifLeft {
        left: -2.1875rem;
        display: block;
    }

    .ucpa-Slider-button--enTarifRight {
        right: -2.1875rem;
        display: block;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Slider-button--enTarifLeft {
        left: -4.3125rem;
        display: block;
    }

    .ucpa-Slider-button--enTarifRight {
        right: -4.3125rem;
        display: block;
    }
}

.ucpa-Slider-button--enTarifLeft.swiper-button-disabled,
.ucpa-Slider-button--enTarifRight.swiper-button-disabled {
    cursor: default;
    opacity: 0.3;
}

.ucpa-Product-about {
    margin-top: 3.125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-about {
        margin-top: 5.75rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-about {
        margin-top: 7.0625rem;
    }
}

.ucpa-Product-aboutTop {
    position: relative;
    margin-top: 0.8125rem;
    background-color: #0f1f28;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-aboutTop {
        margin-top: 2.25rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-aboutTop {
        margin-top: 3.25rem;
        padding: 2rem 3.75rem 0.9375rem;
    }
}

.ucpa-Product-aboutTop--destination::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: rgba(255, 255, 255, .5);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-aboutTop::after {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        content: "";
        background-color: rgba(255, 255, 255, .5);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.ucpa-Product-aboutTop--destination,
.ucpa-Product-aboutTop--destination .ucpa-Product-program-colLeft,
.ucpa-Product-aboutTop--destination .ucpa-Product-program-colRight {
    padding: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-aboutBottom {
        margin-top: 3.125rem;
    }

    .ucpa-Centre-about .ucpa-Product-aboutBottom {
        margin-top: 0;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-aboutBottom-text {
        margin-top: 0;
        display: block;
        overflow: hidden;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-aboutTop .ucpa-Expand-button--all {
        z-index: 1;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        background-color: #0f1f28;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-review {
        margin-top: 6.4375rem;
    }
}

.ucpa-Product-review .ucpa-Product-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 10rem;
    background-color: #e6ecf2;
}

.ucpa-Product-review-title {
    margin: 3.125rem 0 2.875rem;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.5625rem;
    font-weight: bold;
    color: #0f1f28;
    text-align: center;
    text-transform: uppercase;
}

.ucpa-Product-review-logo {
    margin: 0 auto 2.75rem;
    display: block;
    max-width: 200px;
}

.ucpa-Product-review-img {
    width: 100%;
    height: auto;
}

.ucpa-Product-partners {
    border-top: 1px solid rgba(15, 31, 40, .2);
    border-bottom: 1px solid rgba(15, 31, 40, .2);
    padding: 3.4375rem 0 5.3125rem;
}

.ucpa-Product-partners-title {
    margin: 0 0 0.875rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    color: #0f1f28;
    text-align: center;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-partners-title {
        margin: 2.25rem 0 0.875rem;
    }
}

.ucpa-Product-partners-list {
    margin: 0;
    padding: 0;
    font-size: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-partners-list {
        margin: 0 auto;
        display: block;
        max-width: 850px;
    }
}

.ucpa-Product-partners-item {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.ucpa-Product-partners-list--colos .ucpa-Product-partners-item {
    width: 100%;
    vertical-align: top;
}

.ucpa-Product-partners-logoContainer {
    display: block;
    text-align: center;
}

    .ucpa-Product-partners-logoContainer .ucpa-Product-partners-logo {
        display: inline-block;
        vertical-align: middle;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-Product-partners-item {
        width: 33.33333%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-partners-item {
        width: 25%;
    }

    .ucpa-Product-partners-logoContainer {
        min-height: 70px;
    }

    .ucpa-Product-partners-list--colos .ucpa-Product-partners-item {
        width: 33.33333%;
    }
}

.ucpa-Product-partners-link {
    display: block;
    padding: 0.875rem 1.25rem;
    text-align: center;
    text-decoration: none;
}

.ucpa-Product-partners-logo {
    max-width: 100%;
    height: auto;
}

.ucpa-Product-partners-text {
    margin-top: 1.5rem;
    display: block;
    font-size: 1.125rem;
    color: #0f1f28;
    text-align: center;
}

.ucpa-Preview-slider--centre {
    -webkit-box-ordinal-group: 3;
    order: 2;
    width: 100%;
    min-height: 100%;
}

.ucpa-Reservation {
    position: relative;
    padding: 0 1.875rem;
    background-color: #0f1f28;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Reservation {
        padding: 1.875rem 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Reservation::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: calc(100% - 60px);
        content: "";
        background-color: rgba(255, 255, 255, .3);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.ucpa-Reservation--withForm::after {
    content: none;
}

.ucpa-Reservation-call,
.ucpa-Reservation-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: 9.375rem;
}

.ucpa-Reservation-call {
    min-height: 7.1875rem;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

@media screen and (min-width: 50.01em) {
    .ucpa-Reservation-call,
    .ucpa-Reservation-text {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        min-height: 100%;
        border: none;
        padding: 0 3.75rem;
    }

    .ucpa-Reservation-call {
        -webkit-box-pack: end;
        justify-content: flex-end;
        padding-right: 3.75rem;
    }

    .ucpa-Reservation-text {
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding-left: 3.75rem;
    }

    .ucpa-Reservation .ucpa-Product-text-hours {
        display: block;
    }
}

.ucpa-Reservation .ucpa-Product-text {
    margin: 0.625rem 0;
    color: #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Reservation .ucpa-Product-text {
        margin: 0;
    }
}

.ucpa-Reservation-call .ucpa-Product-text,
.ucpa-Reservation-title .ucpa-Product-text {
    font-weight: 700;
}

.ucpa-Reservation-title .ucpa-Product-text--small {
    font-weight: normal;
}

.ucpa-Reservation .ucpa-Reservation-number {
    display: block;
    color: #fff;
    text-decoration: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Reservation-title {
        margin: 0 0 1.5625rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Reservation-title {
        margin: 0 auto;
        max-width: 18.75rem;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Resa-form {
        margin: 0 auto;
        max-width: 59.625rem;
        padding: 1.875rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Resa-form {
        padding: 1.875rem 0;
    }
}

.ucpa-Field--resa {
    margin-bottom: 1.5625rem;
    width: 100%;
    height: 3.125rem;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: 0 0.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #fff;
    background-color: transparent;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Field--resa {
        margin-bottom: 0;
        border-right: 0;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Field--resa-withBorder {
        border-right: 1px solid rgba(255, 255, 255, .3);
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Field--resa-withBorder {
        border-right: 0;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Field--resa-last {
        border-top: 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Field--resa-last {
        border-top: 1px solid rgba(255, 255, 255, .3);
    }
}

.ucpa-Button--resa {
    height: 3.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    background-color: #e81d00;
}

.ucpa-Layer {
    position: fixed;
    top: 0;
    right: -33.75rem;
    z-index: 101;
    width: 100%;
    height: 100vh;
    padding: 1.5rem;
    background-color: #fff;
    transition: right 0.5s ease-in;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Layer {
        width: 33.75rem;
        padding: 9.375rem 3.75rem 0;
    }
}

@media (max-width: 46rem) and (orientation: landscape) {
    .ucpa-Layer {
        padding: 1.5rem;
    }
}

@media (max-width: 46rem) and (orientation: landscape) {
    .ucpa-Layer {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }
}

.ucpa-Layer--grey {
    padding: 3.75rem 0;
    visibility: hidden;
    background-color: #e6ecf2;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Layer--grey {
        padding: 3.75rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Layer--grey {
        right: -42.5rem;
        width: 100%;
        max-width: 42.5rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Layer--grey {
        right: -56.25rem;
        width: 100%;
        max-width: 56.25rem;
        padding: 6.5625rem 7.5rem;
    }
}

.ucpa-Layer--open {
    right: 0;
    max-height: 100vh;
    overflow: scroll;
    transition: right 0.5s ease-in;
}

.ucpa-Layer--grey.ucpa-Layer--open {
    overflow-y: visible;
    visibility: visible;
}

@media screen and (max-width: 65em) {
    .ucpa-Layer--grey .ucpa-Layer-inner {
        max-height: 85vh;
        overflow-y: scroll;
    }
}

.ucpa-Layer-inner-top {
    padding: 1.25rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Layer-inner-top {
        padding: 0;
    }
}

.ucpa-Layer-title {
    margin: 0 0 0.75rem;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    color: #0f1f28;
    text-transform: uppercase;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Layer-title {
        font-size: 1.875rem;
    }
}

@media (max-width: 46rem) and (orientation: landscape) {
    .ucpa-Layer-title {
        font-size: 1.5625rem;
        line-height: 1;
    }

        .ucpa-Layer-title br {
            display: none;
        }
}

.ucpa-Layer--grey .ucpa-Layer-title {
    text-align: center;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Layer--grey .ucpa-Layer-title {
        text-align: left;
    }
}

.ucpa-Layer-text {
    margin: 0 0 0.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #0f1f28;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Layer-text {
        margin: 0 0 1.75rem;
        font-size: 1.25rem;
    }
}

@media (max-width: 46rem) and (orientation: landscape) {
    .ucpa-Layer-text {
        margin-bottom: 1rem;
        padding-right: 30%;
        font-size: 1rem;
    }
}

.ucpa-Layer-text--small {
    font-size: 0.9375rem;
    font-weight: normal;
}

.ucpa-Layer-text--contact {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Layer-text--contact {
        text-align: left;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Layer-text--contact br {
        display: none;
    }
}

.ucpa-Layer-text--contactSmall {
    margin: 0.375rem 0 0.75rem;
    display: block;
    font-size: 0.8125rem;
}

.ucpa-Layer-button {
    margin-top: 1.625rem;
    width: 100%;
    background-color: transparent;
}

.ucpa-Layer-button--help {
    margin: 1.875rem auto 0;
    max-width: 18.125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Layer-button--help {
        margin: 1.625rem 0 0;
        max-width: 15rem;
    }
}

.ucpa-Layer-button--red {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 3.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #e81d00;
}

.ucpa-Link .ucpa-Layer-button-label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 100%;
}

@media (max-width: 46rem) and (orientation: landscape) {
    .ucpa-Layer-action {
        display: -webkit-box;
        display: flex;
    }

    .ucpa-Layer-button {
        margin-top: 0;
    }

        .ucpa-Layer-button:first-child {
            margin-right: 1.25rem;
        }
}

.ucpa-LayerContact {
    margin-bottom: 0.375rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border: 1px solid #c8cdd2;
    border-bottom: 0;
    background-color: #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-LayerContact {
        border: none;
        background-color: transparent;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-LayerContact {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}

.ucpa-LayerContact-list {
    margin: 0;
    width: 100%;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-LayerContact-list {
        width: 50%;
    }
}

.ucpa-LayerContact-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #c8cdd2;
    padding: 1.875rem 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-LayerContact-item {
        margin-bottom: 1.5rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: start;
        align-items: flex-start;
        border: none;
        padding: 0;
    }
}

.ucpa-LayerContact-icon {
    margin: 0.3125rem 0 1.25rem;
    -webkit-box-flex: 0;
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-LayerContact-icon {
        margin: 0.3125rem 0 0;
    }
}

.ucpa-LayerContact-content {
    margin-left: 0.625rem;
}

.ucpa-LayerContact-tel {
    margin: 0 auto;
    display: block;
}

@media screen and (min-width: 50.01em) {
    .ucpa-LayerContact-tel {
        margin: 1rem 0 0;
    }
}

.ucpa-LayerContact-link {
    margin-top: 1rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    color: #00a6c6;
    text-transform: uppercase;
}

@media screen and (max-width: 50em) {
    .ucpa-LayerContact-link {
        display: block;
        text-align: center;
    }
}

.ucpa-LayerContact-link--bold {
    margin-top: 10px;
    font-size: 0.9375rem;
    color: #1a1a1a;
    text-decoration: none;
    text-transform: none;
}

.ucpa-Layer-question-list {
    margin: 0.625rem 0 0;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #c8cdd2;
    padding: 0;
    list-style-type: none;
}

.ucpa-Layer-question-item {
    position: relative;
    border-bottom: 1px solid #c8cdd2;
}

.ucpa-Layer-question-link {
    display: block;
    padding: 0.9375rem 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1;
    color: #0f1f28;
    text-decoration: none;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Layer-question-link {
        padding: 0.9375rem 2.5rem;
    }
}

.ucpa-Layer-question-icon {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    color: #e81d00;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 65.01em) {
    .ucpa-Layer-question-icon {
        right: 2.5rem;
    }
}

.ucpa-Layer-close {
    position: absolute;
    top: 2rem;
    right: 1.25rem;
    z-index: 2;
    border: 0;
    cursor: pointer;
    background-color: transparent;
}

.ucpa-Layer-close-icon {
    width: 25px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
}

#ucpa-Member-connected,
#ucpa-Member-notConnected {
    display: none;
}

.vanilla-modal .ucpa-Modal--member {
    background-color: transparent;
}

.ucpa-Modal--member .modal-inner {
    max-width: 26.25rem;
    height: 100vh;
    max-height: 100%;
    box-shadow: 0 40px 40px 0 rgba(15, 31, 40, .2);
    padding: 1.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Modal--member .modal-inner {
        height: auto;
        max-height: 100%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Modal--member .modal-inner {
        max-height: 90%;
    }
}

.ucpa-Modal-title {
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Member-title {
        font-size: 1.5625rem;
    }
}

.ucpa-Modal-text {
    margin: 0;
    border-top: 1px solid #e6ecf2;
    padding: 1.375rem 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
}

.ucpa.Member-list {
    margin: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 181px);
    border-top: 1px solid #e6ecf2;
    border-bottom: 1px solid #e6ecf2;
    overflow: auto;
    padding: 1.4375rem 0 0.5rem;
    list-style-type: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa.Member-list {
        height: auto;
    }
}

.ucpa-Member-item {
    margin-bottom: 0.9375rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Member-item {
        width: 50%;
    }
}

.ucpa-Member-image {
    margin: 0 0.625rem 0 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    overflow: hidden;
}

.ucpa-Member-photo {
    width: 100%;
    height: auto;
}

.ucpa-Member-label {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
}

.ucpa-Member-age {
    font-family: DINWeb, sans-serif;
    font-weight: normal;
}

.ucpa-Modal-button {
    margin-top: 0.9375rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Modal-button {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
}

.ucpa-Modal-button--connect {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Modal-button--connect {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}

.ucpa-Modal-button .ucpa-Link {
    width: 13.625rem;
}

.ucpa-Modal-button--connect .ucpa-Link {
    width: 100%;
    height: 3.125rem;
    font-size: 0.8125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Modal-button--connect .ucpa-Link {
        width: 10rem;
        height: 3.125rem;
        font-size: 0.8125rem;
    }
}

.ucpa-Modal-button--connect .ucpa-Modal-text {
    border: none;
    padding: 0;
}
/* *** */
.ucpa-PageActivity-section {
    padding-top: 3.125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageActivity-section {
        padding-top: 6.25rem;
    }
}

.ucpa-PageActivity-section .ucpa-Product-recap-item--small {
    font-size: 0.9375rem;
}

.ucpa-PageActivity-section .ucpa-Product-aboutTop {
    padding-right: 0;
    padding-left: 0;
}

    .ucpa-PageActivity-section .ucpa-Product-aboutTop .ucpa-Product-dots {
        color: #fff;
    }

@media screen and (min-width: 50.01em) {
    .ucpa-PageActivity-section .ucpa-Product-program-colLeft .ucpa-Accordion-item {
        padding: 0 0 0 3.75rem;
    }

    .ucpa-Product-aboutTop .ucpa-Product-program-colLeft .ucpa-Accordion-item {
        padding-right: 3.75rem;
    }
}

.ucpa-PageActivity-section .ucpa-Skill {
    display: block;
}

.ucpa-PageActivity-section .ucpa-Skill-label {
    margin-right: 0.3125rem;
}

.ucpa-PageActivity-communitySection .ucpa-Section {
    padding-bottom: 2.5rem;
}

@media screen and (max-width: 65em) {
    .ucpa-PageActivity-quotedBlock {
        margin-top: 5.625rem;
    }
}

.ucpa-PageActivity-quotedBlock {
    position: relative;
    border: 0.1875rem solid #e6ecf2;
    padding: 3.4375rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
}

@media screen and (max-width: 50em) {
    .ucpa-PageActivity-quotedBlock {
        padding: 1.5625rem;
    }
}

.ucpa-PageActivity-quotedBlockTitle {
    font-size: 1.25rem;
    font-weight: bold;
}

.ucpa-PageActivity-quotedBlock-quotes {
    position: absolute;
    width: 3.3125rem;
    height: 2.9375rem;
    border-right: 0.5rem solid white;
    color: #e6ecf2;
    background: white;
}

.ucpa-PageActivity-quotedBlock-quotes--regular {
    top: -1.4375rem;
    left: -1.25rem;
}

.ucpa-PageActivity-quotedBlock-quotes--reverted {
    right: -1.25rem;
    bottom: -1.4375rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ucpa-PageActivity-author {
    font-size: 0.9375rem;
}

.ucpa-PageActivity-authorImg {
    margin-right: 0.625rem;
    vertical-align: middle;
}

.ucpa-PageActivity-section .ucpa-Section-content.swiper-container,
.ucpa-PageActivity-section .ucpa-Section-content.ucpa-Section-content--white {
    padding: 0;
    background-color: transparent;
}

@media screen and (max-width: 50em) {
    .ucpa-PageActivity-section .swiper-container .ucpa-Arrows {
        display: none;
    }
}

.ucpa-Slider-button--destination {
    display: none;
}

.ucpa-Texts-LineTitle,
.ucpa-Texts-title {
    margin-top: 0;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.ucpa-Texts-title--withInitMargin {
    margin-top: 1.5625rem;
}

@media screen and (max-width: 50em) {
    .ucpa-Texts-title--withMargin {
        margin-top: 2.1875rem;
    }
}

.ucpa-FullWidthSlider .ucpa-Texts-title {
    margin: 1.875rem 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-FullWidthSlider .ucpa-Texts-title {
        margin: 0;
    }
}

.ucpa-Texts-titleimg {
    margin-left: 1.25rem;
}

@media screen and (max-width: 800px) {
    .ucpa-Texts-titleimg {
        display: block;
    }
}

.ucpa-Texts-mention {
    margin-bottom: 0.3125rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Texts-mention {
        margin-bottom: 1.5625rem;
    }
}

.ucpa-Texts-LineTitle {
    position: relative;
    text-align: center;
}

@media screen and (max-width: 50em) {
    .ucpa-Texts-LineTitle--withMargin {
        margin-top: 1.875rem;
    }
}

.ucpa-Texts-LineTitle--withLine {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 2.1875rem;
    background-color: #fff;
}

.ucpa-Texts-LineTitle-line {
    position: absolute;
    top: 40%;
    z-index: 1;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #00a6c6;
}

.ucpa-Texts-bodyShort,
.ucpa-Texts-body {
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
}

/*.ucpa-Texts-body ul {
        padding-left: 20px;
    }*/

.ucpa-Texts-bodyShort {
    font-weight: bold;
}

@media screen and (min-width: 50.01em) {
    .ucpa-TextPicSliderAndContent--MReverse > .r-Grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
}

.ucpa-TextPicSliderAndContent .ucpa-Cell-withSlider {
    width: 100%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-TextPicSliderAndContent .ucpa-Cell-withSlider {
        margin: 0 auto;
        width: 70vw;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-TextPicSliderAndContent .ucpa-Cell-withSlider {
        width: 100%;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Cell-withSlider .swiper-container .ucpa-Arrows {
        display: block;
    }
}

.ucpa-FullWidthSlider {
    position: relative;
    overflow: hidden;
}

    .ucpa-FullWidthSlider .ucpa-Product-itemImage {
        height: 100%;
        background-position: 50%;
        background-size: cover;
    }

.ucpa-FullWidthSlider-button {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    border: 0;
    padding: 0;
    font-size: 2.0625rem;
    background-color: #fff;
}

.ucpa-FullWidthSlider-button--right {
    right: 0;
}

@media screen and (max-width: 65em) {
    .ucpa-FullWidthSlider-button {
        display: none;
    }

    .ucpa-FullWidthSlider-wrapper {
        margin: 0 0 0 7.5%;
    }

    .ucpa-FullWidthSlider .swiper-slide {
        width: 85%;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-FullWidthSlider-wrapper {
        margin: 0;
    }
}

.ucpa-FullWidthSlider-button.swiper-button-disabled .ucpa-Icon {
    color: rgba(15, 31, 40, 0.3);
}

@media screen and (max-width: 50em) {
    .ucpa-TextPicSliderAndContent--rassurance .r-Grid--verticallyAlignedFlex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
}

@media (min-width: 50.01rem) and (max-width: 65rem) {
    .ucpa-TextPicSliderAndContent--rassurance .ucpa-Texts-title {
        margin-bottom: 0;
    }

    .ucpa-TextPicSliderAndContent--rassurance .ucpa-Texts-bodyShort,
    .ucpa-TextPicSliderAndContent--rassurance .ucpa-Texts-body {
        font-size: 1rem;
    }

        .ucpa-TextPicSliderAndContent--rassurance .ucpa-Texts-bodyShort p {
            margin-bottom: 0;
        }
}

.ucpa-PreviewSlider-itemImage,
.ucpa-PreviewSlider-itemVideo {
    position: relative;
    height: 0;
    padding-bottom: 112.85714285714286%;
}

.ucpa-PreviewSlider-itemImage--landscape,
.ucpa-PreviewSlider-itemVideo--landscape {
    padding-bottom: 56.57237936772047%;
}

.ucpa-PreviewSlider-itemImage::before,
.ucpa-PreviewSlider-itemVideo::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    background-blend-mode: overlay;
    background-color: rgba(15, 31, 40, .3);
    background-image: radial-gradient(circle, transparent, #001b69);
    opacity: 0.45;
}

.ucpa-PreviewSlider-itemImageImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ucpa-PreviewSlider-itemImageVideo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.ucpa-SpotsListWithGoogleMap-links {
    display: -webkit-box;
    display: flex;
    border-top: 1px solid #c8cdd2;
    border-bottom: 1px solid #c8cdd2;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsListWithGoogleMap-links {
        display: none;
    }
}

.ucpa-SpotsListWithGoogleMap-link {
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 3.125rem;
    border-bottom: 3px solid transparent;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 3.125rem;
    color: #0f1f28;
    text-align: center;
    text-decoration: none;
}

    .ucpa-SpotsListWithGoogleMap-link:first-child {
        border-right: 1px solid #c8cdd2;
    }

.ucpa-SpotsListWithGoogleMap-link--selected {
    border-bottom-color: #e81d00;
}

.ucpa-SpotsListWithGoogleMap-section {
    display: none;
}

.ucpa-PageActivity-spots--mobileMapOnly .ucpa-SpotsListWithGoogleMap-section--map {
    display: block;
}

.ucpa-PageActivity-spots--mobileMapOnly .ucpa-SpotsListWithGoogleMap-section--list {
    display: none;
}

.ucpa-PageActivity-spots--mobileMapOnly .ucpa-SpotsListWithGoogleMap-links {
    display: none;
}

.ucpa-SpotsListWithGoogleMap-section--selected {
    display: block;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsListWithGoogleMap-section {
        display: block;
    }

    .ucpa-SpotsListWithGoogleMap-section--noDesktop {
        display: none;
    }

    :not(.ucpa-SpotsListWithGoogleMap-section--noDesktop) + .ucpa-SpotsListWithGoogleMap-section--list {
        margin-top: 3.125rem;
    }
}

.ucpa-SpotsList {
    margin-bottom: 4.375rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList:not(.ucpa-SpotsList--alwaysDisplay) .ucpa-SpotsList-body {
        border-bottom: 1px solid #c8cdd2;
        padding-bottom: 4.375rem;
    }
}

/**
 * ZONES
 */

.ucpa-SpotsList-zones {
    position: relative;
}

    .ucpa-SpotsList-zones::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0.375rem;
        width: 50px;
        border-bottom: 1px solid transparent;
        content: "";
        background: transparent url(/images/skins/277//images/skins/221//images/skins/206//images/skins/184//images/skins/184/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAZCAQAAACs0AlsAAACXUlEQVRYw7VY7XKDMAyLoHf7u/d/2GpbaYPjyCbpUrhyEJMm/pJlUMKDKH/n/rhu9fd37ubu+B1j++Pcyu0h3+vzXt/bf2Wt5PaYfTP/1c7YzNNr1VK+yvfvE8vAsSUyHJq6MTzHD/kp5VPG5yhae9U5dGN8niV4/1yHZg8Tx5ZK4RYsdTtwb1hF7Z3dPMzZKtMbE85MaNTlOhX9trNxHTZWHTZqvCQQXkGV67UXepGph/PFxzLlFditz1jjBdXPDFJgiReVjRn49D5spteWEfgFbj0091idi61HaKw8HkLoMg4TMcNZkJkNVMrl8kUprG/N1QcyKqC0kMLAyAsD1SuzNdnijaHgH8JkFOWJZgYERn/AiyXIul51VURocLGITLI+izEU/1FvPBevJDRXpODCIUNCYOeHcjHKGauUB/MY1lH9dM6+Bxnm4QXv+3G7CFGIv2dHxzQ2QjCjkmwd0qfsAharERUB+KCSrPOJYqOQOaolPlIYKL2MwEHwjpyetVBEQcqu/QDJXSFBbmHRoMRVBrl2ImTbT5zdiI4RuisciY+Z1b9UzO2u6qLqExQjHYM5vKfWTNFg0vtdG6YkuTzChZESiYUELocFa4S2JWaAjj44edGx+LmLA1WBNRLIYUrmjw3eXVGJ2jI6pvMBAseuf3vngKyGfWPcew1v9bGTRQOdpRkyUk2f2VHvs6uk/PzRYmrGjxfmIs1bmEZEOHV8dlN8tylduWm9PZWR2+BmKakaE0bCMKTg8ptNb0mR7W1RWvxhg64A+zCNy7/nqHZj9y4fdctECXWTmPADFcoWEDIfQw4AAAAASUVORK5CYII=) repeat-y top right;
    }

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-zones::after {
        content: none;
    }
}

.ucpa-SpotsList-zones-inner {
    box-shadow: 0 -0.3125rem 0 0 #fff inset, 0 -0.375rem 0 0 #c8cdd2 inset;
    overflow-x: scroll;
    padding-bottom: 0.375rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-zones-inner {
        overflow: auto;
        padding-bottom: 0;
    }
}

.ucpa-SpotsList-list1 {
    margin: 0;
    padding: 0 0.625rem;
    font-size: 0;
    white-space: nowrap;
    list-style: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-list1 {
        padding: 0;
        white-space: normal;
    }
}

.ucpa-SpotsList-item1 {
    position: relative;
    display: inline-block;
    height: 3.125rem;
    padding: 0 0.625rem;
    line-height: 3.125rem;
    cursor: pointer;
}

.ucpa-SpotsList-item1--active::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 0;
    height: 0;
    border: 0.25rem solid #e81d00;
    content: "";
    -webkit-transform: rotate(45deg) translate(-50%, 50%);
    transform: rotate(45deg) translate(-50%, 50%);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

@media screen and (max-width: 50em) {
    .ucpa-SpotsList-item1:last-child {
        margin-right: 50px;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-item1 {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        border: 1px solid #c8cdd2;
        border-bottom: 0;
        padding: 3px 1.25rem 0;
        line-height: 1.1;
    }

    .ucpa-SpotsList-item1--active {
        border-right: 2px solid #e81d00;
    }

        .ucpa-SpotsList-item1--active::before {
            content: none;
        }
}

.ucpa-SpotsList-item1name {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
}

/**
 * AREAS
 * areas, area, select
 */

.ucpa-SpotsList-areas {
    overflow: hidden;
    padding-top: 0.9375rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-areas {
        padding-top: 0;
    }
}

.ucpa-SpotsList-area {
    display: none;
}

.ucpa-SpotsList-area--active {
    display: block;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-area--active {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
}

.ucpa-SpotsList-areas .ucpa-Select::before,
.ucpa-SpotsList-areas .ucpa-Select::after {
    background-color: #e81d00;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-item1Select {
        display: none;
    }
}

/**
 * AREAS
 * country
 */

.ucpa-SpotsList-country {
    display: none;
}

.ucpa-SpotsList-country--active {
    display: block;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-country {
        margin-bottom: 2.5rem;
        display: block;
        -webkit-box-flex: 0;
        flex: 0 1 33.3333%;
    }
}

.ucpa-SpotsList-title2 {
    margin: 1.25rem 0 0;
    padding: 0 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-title2 {
        padding: 0;
    }
}

.ucpa-SpotsList-list2 {
    margin: 0 1.25rem;
    padding: 0;
    list-style: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList-list2 {
        margin: 0;
    }
}

.ucpa-SpotsList-item2link {
    padding: 0.375rem 0 0.1875rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1;
    color: #0f1f28;
    text-decoration: none;
}

    .ucpa-SpotsList-item2link:hover {
        font-family: DINWeb, sans-serif;
        font-weight: 700;
    }

/**
 * SHOW MORE
 */

.ucpa-SpotsList-showMoreBtn.ucpa-ShowMoreButton {
    display: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 50.01em) {
    .ucpa-SpotsList:not(.ucpa-SpotsList--alwaysDisplay) .ucpa-ShowMoreButton {
        display: block;
    }
}

.ucpa-ShowMoreButton {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 1.6875rem;
    height: 1.6875rem;
    outline: none;
    border: none;
    border-bottom: 1px solid #c8cdd2;
    padding: 0;
    background-color: #fff;
}

    .ucpa-ShowMoreButton::before,
    .ucpa-ShowMoreButton::after {
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0 auto;
        width: 0.625rem;
        height: 0.125rem;
        content: "";
        background-color: #e81d00;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition-duration: 0.5s;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

    .ucpa-ShowMoreButton::before {
        right: 0.375rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .ucpa-ShowMoreButton::after {
        right: -0.375rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.ucpa-ShowMoreButton--contentShown::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-ShowMoreButton--contentShown::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-GoogleMap {
    position: relative;
    height: 34.375rem;
}

    .ucpa-GoogleMap iframe {
        height: 100%;
        border: 0;
    }

.ucpa-ColoSolo-Head {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    border-top: 1px solid #c8cdd2;
}

.ucpa-ColoSolo-choice {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0 1 18.75rem;
    height: 3.125rem;
    border-color: #c8cdd2;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding-bottom: 2px;
    font-family: DINWeb, sans-serif;
    font-weight: bold;
    line-height: 1.1;
    color: #000;
    color: initial;
    text-align: center;
    text-decoration: none;
}

    .ucpa-ColoSolo-choice:first-child {
        border-left-width: 1px;
    }

.ucpa-ColoSolo-choice--active {
    border-bottom: 3px solid #e81d00;
    padding-bottom: 0;
}

.ucpa-ColoSolo-choiceBig {
    font-size: 0.9375rem;
}

.ucpa-ColoSolo-choiceSmall {
    font-size: 0.625rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-ColoSolo-choice {
        height: 4.6875rem;
    }

    .ucpa-ColoSolo-choiceBig {
        font-size: 1.5625rem;
    }

    .ucpa-ColoSolo-choiceSmall {
        font-size: 0.9375rem;
    }
}

body:not(.ucpa-BodyColoSolo--onlySolo):not(.ucpa-BodyColoSolo--onlyColo) .ucpa-ElemColoSolo--solo,
body.ucpa-BodyColoSolo--onlyColo .ucpa-ElemColoSolo--solo,
body.ucpa-BodyColoSolo--onlySolo .ucpa-ElemColoSolo--colo,
.ucpa-BodyColoSolo--onlyColo .ucpa-BlockColoSolo--solo,
.ucpa-BodyColoSolo--onlySolo .ucpa-BlockColoSolo--colo {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageActivity-invertedColumnsHolder {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
}

.ucpa-NbParticipants--hidden,
.ucpa-ParticipantDetailsList--hidden,
.ucpa-ParticipantsListA-item--hidden,
.ucpa-ParticipantDetails--hidden {
    display: none;
}

.ucpa-CartField-icon {
    display: none;
}

.ucpa-CartField--isValid + .ucpa-CartField-icon--valid,
.ucpa-CartField--isInValid + .ucpa-CartField-icon--error,
.ucpa-CartFieldset--valid .ucpa-CartField-icon--valid,
.ucpa-CartFieldset--error .ucpa-CartField-icon--error {
    display: block;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Nbparticipant-group {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
    }
}

.ucpa-Nbparticipant-button {
    height: 3.125rem;
}

    .ucpa-Nbparticipant-button .ucpa-Button-cart {
        background-color: #e81d00;
        transition: 0.3s ease-in all;
    }

.no-touchevents .ucpa-Nbparticipant-button .ucpa-Button-cart:hover {
    background-color: #ff2200;
}

.ucpa-ParticipantDetailsList-goNextPage {
    background-color: #e81d00;
    transition: 0.3s ease-in all;
}

.no-touchevents .ucpa-ParticipantDetailsList-goNextPage:hover {
    background-color: #ff2200;
}

.ucpa-ParticipantDetailsList-goNextPage:disabled {
    pointer-events: none;
    opacity: 0.3;
}

.ucpa-ParticipantsList {
    margin: 1.5625rem 0;
    padding: 0;
    list-style-type: none;
}

.ucpa-ParticipantsList-item,
.ucpa-ParticipantDetails {
    border-top: 1px solid #e6ecf2;
}

.ucpa-ParticipantDetails {
    margin: 1.5625rem 0 0;
    padding: 1.375rem 0 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-ParticipantDetails {
        padding: 1.625rem 0 0;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-ParticipantDetails:last-of-type {
        padding: 0;
    }
}

.ucpa-CartHeader {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 3.75rem;
    padding: 0 1.5625rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartHeader {
        padding: 0 6.66667%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartHeader {
        padding: 0 4.16667%;
    }
}

/* backlink */

.ucpa-CartHeader-backLink {
    margin-right: 1.25rem;
    color: #000;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartHeader-backLink {
        display: none;
    }
}

.ucpa-CartHeader-quitCart {
    width: 1.5625rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* logo */

.ucpa-CartHeader-title {
    margin: 0;
    flex-shrink: 0;
}

.ucpa-CartHeader-logo {
    display: block;
    width: 5rem;
    color: #1a1a1a;
}

/* help  - general */

.ucpa-CartHeader-help {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    text-align: right;
}

.ucpa-CartHeader-helpText {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartHeader-helpText {
        margin: 0 0 0 1.25rem;
        display: inline-block;
        font-size: 0.9375rem;
    }
}

.ucpa-CartHeader-helpList {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    padding: 0;
    list-style: none;
}

.ucpa-CartHeader-helpItem {
    margin-left: 2.5rem;
    display: inline;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartHeader-helpIcon {
        display: none;
    }
}

.ucpa-CartHeader-helpIcon--chat {
    width: 1.3125rem;
}

.ucpa-CartHeader-helpIcon--talk {
    width: 1.1875rem;
}

.ucpa-CartHeader-helpItemText {
    display: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartHeader-helpItemText {
        display: inline;
    }
}

/* chat */

.ucpa-CartHeader-chatButton {
    border: 0;
    padding: 0;
    text-align: right;
    background-color: transparent;
}

.ucpa-CartHeader-helpItemText--chat {
    font-size: 0.8125rem;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

/* call */

.ucpa-CartHeader-talkLink {
    color: #000;
    text-decoration: none;
}

    .ucpa-CartHeader-talkLink:focus,
    .ucpa-CartHeader-talkLink:active,
    .no-touchevents .ucpa-CartHeader-talkLink:hover {
        color: #001b69;
    }

.ucpa-CartHeader-helpItemText--number {
    font-weight: bold;
    white-space: nowrap;
}

.ucpa-CartBody {
    min-height: calc(100vh - 60rem / 16); /* 60px = height .ucpa-CartHeader */
    background-color: #eaf1f9; /* color of the last row of the background pic */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: calc(50% - 31.25vw); /* 31.25vw = 5/16*100vw */
    background-position-y: 0;
    background-origin: border-box;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartBody {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }
}

@media (min-width: 105em) { /* 1680px = max width of .ucpa-Wrapper */
    .ucpa-CartBody {
        background-position-x: calc(50% - 32.8125rem); /* 32.8125rem = 5/16*105rem */
    }
}

.ucpa-CartBody-aside {
    display: none;
    padding: 0 4.166666666666667%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartBody-aside {
        display: block;
        width: 29.16667%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartBody-aside {
        width: 37.5%;
    }

        .ucpa-CartBody-aside .ucpa-Link {
            display: -webkit-inline-box;
            display: inline-flex;
            padding-right: 1.25rem;
            padding-left: 1.25rem;
        }
}

.ucpa-CartBody-asideButton {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 9.375rem;
}

    .ucpa-CartBody-asideButton .ucpa-Link {
        width: 100%;
    }

@media screen and (min-width: 65.01em) {
    .ucpa-CartBody-asideButton .ucpa-Link {
        width: auto;
    }
}

.ucpa-CartBody-main {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0 6.666666666666667%;
    background: #f3f6f9;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartBody-main {
        width: 70.83333%;
        padding: 0 4.166666666666667%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartBody-main {
        width: 62.5%;
    }
}

@media screen and (max-width: 23.4375em) {
    .ucpa-CartBody-main {
        padding: 0 0.3125rem;
    }
}

.ucpa-Cart-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 5.625rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Cart-top {
        height: 9.375rem;
    }
}

.ucpa-Cart-top + .ucpa-CartWhiteBlock {
    margin-top: 0;
}

.ucpa-Cart-topLabel {
    vertical-align: middle;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Cart-topLabel {
        font-size: 1.875rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Cart-topLabel {
        font-size: 1.5625rem;
    }
}

.ucpa-Cart-topList {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style-type: none;
}

.ucpa-Cart-topItem {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: pre;
}

    .ucpa-Cart-topItem:first-child {
        margin-left: 0;
        padding-left: 0;
    }

.ucpa-Cart-topLabel--step {
    color: rgba(15, 31, 40, .3);
}

.ucpa-Cart-topLink {
    color: #0f1f28;
    text-decoration: none;
}

.ucpa-Cart-topIcon {
    margin: 0 0.1875rem 4px;
    width: 0.875rem;
    height: 0.875rem;
    color: rgba(15, 31, 40, .3);
}

@media screen and (min-width: 23.4475em) {
    .ucpa-Cart-topIcon {
        margin: 0 0.625rem 4px;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Cart-topIcon {
        margin: 0 1.25rem 4px;
        width: 1.25rem;
        height: 1.25rem;
    }
}

.ucpa-Cart-topLink .ucpa-Cart-topIcon {
    color: #0f1f28;
}

.ucpa-Cart-button {
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 15rem;
    height: 3.125rem;
    background-color: #e81d00;
}

.ucpa-Cart-button--disabled {
    opacity: 0.3;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Cart-button {
        width: 15rem;
        height: 3.125rem;
    }
}

.ucpa-Button-cart {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: transparent;
}

.ucpa-Button-cart--black {
    height: 3.125rem;
    background-color: #0f1f28;
}

.ucpa-Button-cart--add {
    height: 3.125rem;
    border: 1px solid #0f1f28;
    color: #0f1f28;
}

.ucpa-CartMember-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
    min-height: 5.625rem;
    padding: 1.125rem 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-wrap {
        min-height: 6.875rem;
        padding: 0;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember-wrap {
        padding: 0;
    }
}

.ucpa-CartMember--separator::before {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #e6ecf2;
    content: "";
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember--separator::before {
        right: 1.625rem;
        left: 1.625rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember--separator::before {
        right: 3.125rem;
        left: 3.125rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember--separator::before {
        right: 3.75rem;
        left: 3.75rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartMember--separator::before {
        right: 3.75rem;
        left: 3.75rem;
    }
}

.ucpa-CartMember {
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
    border-top: 1px solid #e6ecf2;
    padding: 0 1.5rem;
}

    .ucpa-CartMember.ucpa-CartMember--close,
    .ucpa-CartMember.ucpa-CartMember--open {
        cursor: pointer;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember {
        min-height: 6.875rem;
        padding: 0 3.125rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember {
        padding: 0 3.75rem;
    }
}

.ucpa-CartMember--withOutPrice .ucpa-CartMember-prices {
    display: none;
}

.ucpa-CartMember-checkboxWrap {
    position: relative;
    min-height: 5rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-checkboxWrap {
        padding: 1.5625rem 1.9375rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember-checkboxWrap {
        padding: 1.5625rem 2.5625rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember-checkboxWrap {
        padding: 1.5625rem 0.5rem;
    }
}

.ucpa-CartMember-checkbox {
    padding: 0 1.125rem 0;
}

    .ucpa-CartMember-checkbox .ucpa-Checkbox-label {
        margin: auto;
        line-height: 2.5rem;
    }

.ucpa-CartMember-promoCode--hidden {
    display: none;
}

.ucpa-CartMember-promoCode .ucpa-CartField {
    margin: 0 0 0 1.125rem;
    width: auto;
    height: 1.875rem;
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember-promoCode .ucpa-CartField {
        width: 9.375rem;
    }
}

.ucpa-CartMember-promoCode .ucpa-CartEditLabel {
    margin: 0 0 0 1.125rem;
    display: inline-block;
}

.ucpa-CartMember-btnGroup {
    position: relative;
    display: -webkit-box;
    display: flex;
    padding: 1.875rem 0 1.25rem 0;
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember-btnGroup {
        display: block;
    }
}

.ucpa-CartMember-button {
    width: 12.5rem;
}

    .ucpa-CartMember-button:first-of-type {
        margin: 0 2% 0 3rem;
    }

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember-button:first-of-type {
        margin: 0 1.25rem 0 3.625rem;
    }

    .ucpa-CartMember-buttonBlack:first-of-type {
        margin-right: 0;
        margin-left: auto;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Button-cart.ucpa-CartMember-button {
        margin: 0 7% 1.25rem 7%;
        width: 86%;
    }

    .ucpa-Button-cart.ucpa-CartMember-buttonBlack {
        margin-right: auto;
        margin-left: 0;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-CartMember-checkbox,
    .ucpa-CartMember-promoCode {
        display: block;
    }

        .ucpa-CartMember-promoCode.ucpa-CartMember-promoCode--hidden {
            display: none;
        }
}

.ucpa-CartMember:first-of-type {
    border: none;
}

.ucpa-CartMember--close::before,
.ucpa-CartMember--close::after,
.ucpa-CartMember--open::before,
.ucpa-CartMember--open::after {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    width: 0.6875rem;
    height: 0.125rem;
    content: "";
    background-color: #e81d00;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember--close::before,
    .ucpa-CartMember--close::after,
    .ucpa-CartMember--open::before,
    .ucpa-CartMember--open::after {
        right: 1.5rem;
    }
}

.ucpa-CartMember--close::before {
    right: 1.0625rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember--close::before {
        right: 1.875rem;
    }
}

.ucpa-CartMember--close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-CartMember--open::before {
    right: 1.0625rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember--open::before {
        right: 1.875rem;
    }
}

.ucpa-CartMember--open::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-CartMember-icon {
    position: absolute;
    top: 50%;
    left: 1.125rem;
    display: none;
    width: 1.5625rem;
    height: 1.5625rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-icon {
        display: inline-block;
    }
}

.ucpa-CartMember-icon--avatar {
    position: relative;
    left: inherit;
    margin: 0 0.625rem 0.625rem 0;
    -webkit-transform: none;
    transform: none;
}

.ucpa-Account-col .ucpa-CartMember-icon {
    top: 20%;
    display: inline-block;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-col .ucpa-CartMember-icon {
        top: 40%;
    }
}

.ucpa-ParticipantsListA-name {
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 80%;
    max-width: 100%;
    font-family: DINWeb, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    color: #0f1f28;
}

@media screen and (max-width: 30em) {
    .ucpa-ParticipantsListA-name {
        padding: 1.25rem 0;
    }
}

.ucpa-ParticipantsListA-nameSmall,
.ucpa-CartMember-labelSmall {
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
}

.ucpa-CartMember-label {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
}

.ucpa-CartMember-labelSmall {
    display: inline-block;
}

.ucpa-Account-col .ucpa-CartMember-label {
    font-size: 0.9375rem;
}

.ucpa-CartMember.ucpa-CartMember--changes .ucpa-ParticipantsListA-nameSmall {
    color: #ff7800;
}

.ucpa-CartMember.ucpa-CartMember--changes .ucpa-CartMember-label {
    text-decoration: line-through;
}

.ucpa-Account-col .ucpa-CartMember-labelSmall {
    font-size: 0.9375rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-ParticipantsListA-nameSmall {
        max-width: 100%;
    }
}

.ucpa-CartMember-list {
    margin: 0.625rem 0 0;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember-list {
        margin: 0.625rem 0 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-CartMember-list {
        flex-wrap: nowrap;
    }
}

.ucpa-CartMember-listItem {
    padding-bottom: 0.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember-listItem {
        width: 50%;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-CartMember-listItem {
        width: auto;
        padding-bottom: 0;
    }
}

.ucpa-CartMember-listItem--mail {
    word-break: break-all;
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartMember-list--small .ucpa-CartMember-listItem {
        width: 33.33333%;
    }
}

.ucpa-CartEdit {
    border: 0;
    padding: 0;
    background-color: transparent;
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartEdit--anotherNumber {
        margin-left: 2.125rem;
    }
}

.ucpa-CartMember-container {
    transition: height 0.3s ease-in;
}

.ucpa-CartEditLabel {
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #0f1f28;
    text-decoration: underline;
    text-transform: uppercase;
}

.ucpa-CartEdit:disabled .ucpa-CartEditLabel {
    color: #c8cdd2;
}

.ucpa-Account-col .ucpa-CartMember-action a {
    color: #0f1f28;
}

.ucpa-CartMember-infosSup {
    margin-top: 0;
    border-bottom: 1px solid #e6ecf2;
    padding: 1rem 0 1.5625rem 3.125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-infosSup {
        padding: 1rem 0 1.5625rem 0.9375rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember-infosSup {
        padding: 1rem 0 1.5625rem 1.5625rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember-infosSup {
        padding: 1rem 0 1.5625rem 1.5625rem;
    }
}

.ucpa-CartMember-offerInfos {
    position: relative;
    display: -webkit-box;
    display: flex;
    padding: 0 0.9375rem 0.9375rem 2.1875rem;
    font-size: 0.9375rem;
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember-offerInfos {
        padding: 0 2.5rem 0.9375rem 2.1875rem;
    }

        .ucpa-CartMember-offerInfos .ucpa-Tooltip {
            position: absolute;
            top: 0;
            right: 0.3125rem;
            width: 1.5625rem;
            height: 1.5625rem;
            line-height: 1.5625rem;
            cursor: pointer;
        }
}

.ucpa-CartMember-offerInfos .ucpa-CartMember-icon {
    top: 0.625rem;
    left: 0;
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember-offerInfos .ucpa-CartMember-icon {
        display: block;
    }
}

.ucpa-CartMember-infosSup .ucpa-CartMember-offerInfos {
    color: #00a6c6;
}

.ucpa-CartMember-infosSup .ucpa-CartMember--changes {
    color: #ff7800;
}

.ucpa-CartMember-infosSup .ucpa-Tooltip {
    margin: 0 0 0 1.25rem;
}

.ucpa-CartMember-prices {
    display: -webkit-box;
    display: flex;
    text-align: right;
}

@media screen and (max-width: 50em) {
    .ucpa-CartMember-prices {
        display: block;
        width: 20%;
        min-width: 3.4375rem;
    }
}

.ucpa-CartMember-total {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.5625rem;
    font-weight: bold;
    color: #0f1f28;
}

.ucpa-CartMember-oldTotal {
    text-decoration: line-through;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-total {
        font-size: 2.5rem;
    }
}

.ucpa-ParticipantsListA-item--unfilled .ucpa-ParticipantsListA-name,
.ucpa-ParticipantsListA-item--unfilled .ucpa-CartMember-total,
.ucpa-ParticipantsListA-item--unfilled .ucpa-CartMember-icon {
    color: rgba(15, 31, 40, .2);
}

.ucpa-CartMember-avatar {
    position: relative;
    display: none;
    text-align: right;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-avatar {
        display: block;
    }
}

.ucpa-CartMember-avatar-name {
    display: block;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #0f1f28;
    text-transform: uppercase;
}

.ucpa-CartInfos.ucpa-cartMember-cartInfos {
    border: 0;
}

    .ucpa-CartInfos.ucpa-cartMember-cartInfos .ucpa-CartInfos-listItem {
        line-height: 1.25rem;
    }

@media screen and (max-width: 30em) {
    .ucpa-CartInfos.ucpa-cartMember-cartInfos {
        margin: 0 3.75rem 1.25rem 4.75rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartInfos.ucpa-cartMember-cartInfos {
        margin: 0 3.75rem 1.25rem 5.625rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartInfos.ucpa-cartMember-cartInfos {
        margin: 0 3.75rem 1.25rem 6.875rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartInfos.ucpa-cartMember-cartInfos {
        margin: 0 3.75rem 1.25rem 7.5rem;
    }
}

.ucpa-CartMember.ucpa-CartMember-detailsItem {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember.ucpa-CartMember-detailsItem {
        padding-right: 3.75rem;
        padding-left: 5.625rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember.ucpa-CartMember-detailsItem {
        padding-right: 3.75rem;
        padding-left: 6.875rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartMember.ucpa-CartMember-detailsItem {
        padding-right: 3.75rem;
        padding-left: 7.5rem;
    }
}

.ucpa-CartMember-detailsItem .ucpa-CartMember-icon {
    left: 3.75rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-detailsItem .ucpa-CartMember-icon {
        left: 3.125rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember-detailsItem .ucpa-CartMember-icon {
        left: 3.75rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-detailsItem .ucpa-ParticipantsListA-name {
        font-size: 1.25rem;
    }

    .ucpa-CartMember-detailsItem .ucpa-ParticipantsListA-nameSmall {
        font-size: 0.9375rem;
    }

    .ucpa-CartMember-detailsItem .ucpa-CartMember-total {
        margin-left: 1.25rem;
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-CartMember-detailsItem .ucpa-ParticipantsListA-name {
        padding: 0 0 0 3.125rem;
        font-size: 1.125rem;
    }

    .ucpa-CartMember-detailsItem .ucpa-ParticipantsListA-nameSmall {
        font-size: 0.9375rem;
        font-weight: normal;
    }

    .ucpa-CartMember-detailsItem .ucpa-CartMember-icon {
        left: 1.625rem;
        display: inline-block;
    }

    .ucpa-CartTotal-amountSmall {
        display: none;
    }
}

.ucpa-CartMember-infos {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 1.875rem 1.5rem 0.75rem;
}

.ucpa-Account-col .ucpa-CartMember-infos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: inherit;
    align-items: inherit;
    padding: 1.25rem 1.375rem 1.25rem 3.75rem;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-col .ucpa-CartMember-infos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        padding: 1.875rem;
        padding-left: 3.75rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartMember-infos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        min-height: 6.875rem;
        padding: 0.625rem 1.375rem 0.625rem 3.75rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartMember-infos {
        padding: 1.875rem;
        padding-left: 3.75rem;
    }
}

.ucpa-CartMember-infos-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    max-width: 34.0625rem;
}

/* REFACTORING STYLES */

.ucpa-CartMember-name {
    margin: 0;
}

.ucpa-CartMember-action {
    text-align: right;
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartMember-action .ucpa-CartEdit {
        margin-top: 1.25rem;
    }
}

@media screen and (max-width: 65em) {
    .ucpa-Account-col .ucpa-CartMember-infos-inner {
        align-self: flex-start;
    }

    .ucpa-Account-col .ucpa-CartMember-action {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        align-self: flex-start;
        width: 50%;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Account-col .ucpa-CartMember-action {
        width: 70%;
    }
}

.ucpa-CartChoiceTitle {
    position: relative;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    line-height: 1;
}

.ucpa-CartChoiceTitle,
.ucpa-CartChoiceTitle-titleIEwrapper {
    display: -webkit-box;
    display: flex;
    min-height: 4.375rem;
}

.ucpa-CartChoiceTitle,
.ucpa-CartPayment-titleIEwrapper {
    display: -webkit-box;
    display: flex;
    min-height: 4.375rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceTitle {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        padding: 1.25rem 3.75rem;
    }
}

.ucpa-CartChoiceTitle-inner {
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 75%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceTitle-inner {
        max-width: 100%;
    }
}

.ucpa-CartChoiceTitle.ucpa-CartChoiceTitle--recap {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0;
}

@media screen and (max-width: 30em) {
    .ucpa-CartChoiceTitle.ucpa-CartChoiceTitle--recap,
    .ucpa-CartPayment-titleIEwrapper {
        min-height: 2.8125rem;
    }

    .ucpa-CartChoiceTitle.ucpa-CartChoiceTitle--recap {
        padding-bottom: 0.625rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceTitle-inner {
        padding-right: 0.625rem;
    }
}

.ucpa-CartChoiceTitle-label {
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f1f28;
}

.ucpa-CartChoiceTitle-label-small {
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-CartChoiceTitle-total {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #0f1f28;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceTitle-total {
        right: 0;
    }
}

.ucpa-CartChoiceList {
    margin: 0 0.625rem;
    border: 1px solid #e6ecf2;
    padding: 0;
    list-style-type: none;
}

.ucpa-CartWhiteBlock--recap .ucpa-CartChoiceList {
    margin: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceList {
        margin: 0 3.75rem;
    }
}

.ucpa-CartChoiceList--full {
    margin: 0;
    background-color: #fff;
}

.ucpa-CartChoiceList--subStep {
    margin: 0;
    border: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceList--subStep {
        margin: 0 0 0 1.875rem;
    }
}

.ucpa-CartChoiceList-item {
    border-top: 1px solid #e6ecf2;
    padding: 0 0.875rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceList-item {
        padding: 0 2.25rem 0 2.5rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-CartChoiceList--full .ucpa-CartChoiceList-item .ucpa-Radio {
        width: 80%;
    }

    .ucpa-CartChoiceList--full .ucpa-CartChoiceList-item .ucpa-CartChoiceList-priceGroup {
        width: 20%;
    }
}

.ucpa-CartChoiceList-item--subStep {
    padding: 0;
}

.ucpa-CartChoiceList-item:first-child {
    border-top: 0;
}

.ucpa-CartChoiceList-item--subStep:first-child {
    border-top: 1px solid #e6ecf2;
}

.ucpa-CartChoiceList-item-innerIE,
.ucpa-CartChoiceList-item-inner {
    display: -webkit-box;
    display: flex;
    min-height: 4.375rem;
}

.ucpa-CartChoiceList-item-inner {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.ucpa-CartChoiceList-item-inner--fielded .ucpa-CartChoice-input::-webkit-input-placeholder {
    color: #bababa;
}

.ucpa-CartChoiceList-item-inner--fielded .ucpa-CartChoice-input:-ms-input-placeholder {
    color: #bababa;
}

.ucpa-CartChoiceList-item-inner--fielded .ucpa-CartChoice-input::placeholder {
    color: #bababa;
}

@media screen and (max-width: 30em) {
    .ucpa-CartChoiceList-item-inner--fielded {
        display: block;
        padding: 1.4375rem 0;
    }

    .ucpa-CartChoice-inputBlock {
        margin: 0.625rem 0 0 1.6875rem;
        width: 7.8125rem;
    }
}

.ucpa-Customisation-sharingWith {
    display: none;
}

.ucpa-Customisation-sharingWith--visible {
    display: block;
}

.ucpa-Customisation-sharingWith-line {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end;
    padding-bottom: 0.8125rem;
}

.ucpa-Customisation-sharingWith-name {
    margin: 0 1.625rem 0 2.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: normal;
}

@media screen and (max-width: 65em) {
    .ucpa-Customisation-sharingWith-name {
        margin-left: 0;
    }
}

.ucpa-Customisation-sharingWith-number {
    font-weight: 700;
}

.ucpa-CartChoiceList-field {
    position: relative;
    margin: 0 0.8125rem 0 2.0625rem;
    width: 12.5rem;
}

@media screen and (max-width: 65em) {
    .ucpa-CartChoiceList-field {
        margin-left: 0;
    }
}

.ucpa-CartChoiceList-field .ucpa-CartLabel {
    margin: 0;
}

.ucpa-CartChoiceList-field .ucpa-CartField-icon {
    top: 64%;
}

.ucpa-CartChoiceList-text,
.ucpa-CartChoiceList-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 3.125rem;
}

.ucpa-CartChoiceList-radio + .ucpa-Radio-label,
.ucpa-CartChoiceList-radio + .ucpa-Checkbox-label {
    margin: 0;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    font-family: DINWeb, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-CartChoiceTitle-right {
    margin-top: 0.625rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceTitle-right {
        position: relative;
        margin: 0;
        width: auto;
        padding-right: 7.5rem;
    }
}

.ucpa-CartChoiceList-priceGroup {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
}

    .ucpa-CartChoiceList-priceGroup .ucpa-Tooltip {
        margin-right: 0.75rem;
    }

.ucpa-CartChoiceList-price {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1;
    color: #0f1f28;
    text-align: right;
}

.ucpa-CartChoice-inputBlock {
    position: relative;
    line-height: 3.125rem;
}

.ucpa-CartChoice-input {
    width: 7.8125rem;
    min-height: 3.125rem;
    border: 1px solid #e6ecf2;
    padding: 0 1.5625rem 0 0.9375rem;
}

.ucpa-CartChoice-fieldUnit {
    position: absolute;
    right: 0.9375rem;
    font-size: 0.9375rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartChoiceList-price {
        font-size: 1.875rem;
        font-size: 1.5625rem;
    }
}

.ucpa-CartChoiceList-price-part {
    display: block;
}

.ucpa-CartChoice-img {
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartChoiceList-price-part {
        display: inline;
    }
}

.ucpa-CartChoiceList-price-part--small {
    display: block;
    width: 3.75rem;
    font-size: 0.8125rem;
}

.ucpa-CartChoiceList-priceStart {
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 500;
}

.ucpa-CartChoice-action {
    margin: 1.5625rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 0 3.75rem;
}

.ucpa-CartChoiceList-smallLabel {
    display: block;
    padding-left: 2rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: normal;
}

.ucpa-CartInfos {
    margin: 0 1.5rem;
    border-top: 1px solid #e6ecf2;
    color: #191919;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartInfos {
        margin: 0 1.5rem 0 3.75rem;
    }
}

.ucpa-CartInfos--member {
    margin: 0;
    border: none;
}

.ucpa-CartInfos--assurance {
    margin: 0 0 1.5625rem 1.875rem;
    border: none;
}

.ucpa-CartInfos-text {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1;
}

.ucpa-CartInfos--assurance .ucpa-CartInfos-text {
    margin-top: 0;
}

.ucpa-CartInfos-text--help {
    padding: 0.625rem 1.875rem;
    font-size: 0.8125rem;
    background-color: #e6ecf2;
}

.ucpa-CartInfos-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ucpa-CartInfos-listItem {
    position: relative;
    padding-left: 1.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: normal;
}

    .ucpa-CartInfos-listItem::after {
        position: absolute;
        top: 45%;
        left: 2px;
        display: block;
        width: 0.3125rem;
        height: 0.3125rem;
        content: '';
        background-color: #000;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

@media screen and (min-width: 30.01em) {
    .ucpa-CartInfos-listItem--layer {
        margin-bottom: 0.625rem;
    }
}

.ucpa-CartInfos--assurance .ucpa-CartInfos-listItem::after {
    top: 0.375rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-CartInfos-listItem--withlink::after {
    content: none;
}

.ucpa-CartInfos-listItem-link {
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #0f1f28;
    text-decoration: underline;
    text-transform: uppercase;
}

.ucpa-CartSejourList {
    margin: 0;
    padding: 2rem 1.5rem 1.5rem;
    list-style-type: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartSejourList {
        padding: 2rem 3.75rem;
    }
}

.ucpa-CartSejourItem-nameSejour {
    font-family: DINWeb, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartSejourItem-nameSejour {
        font-size: 1.875rem;
    }
}

.ucpa-CartSejourItem-destination,
.ucpa-CartSejourItem-duration,
.ucpa-CartSejourItem-activity {
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-CartSejourItem-destination {
    margin-top: 0.4375rem;
    line-height: 1;
}

@media screen and (max-width: 30em) {
    .ucpa-CartSejourItem-duration {
        display: block;
    }
}

.ucpa-CartSejourItem-activity {
    margin-top: 1rem;
    color: #00a6c6;
}

.ucpa-CartSejourItem-skill {
    display: block;
}

    .ucpa-CartSejourItem-skill .ucpa-Skill-label {
        padding: 0;
    }

.ucpa-CartBlock {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
    min-height: 6.25rem;
}

.ucpa-CartBlueBlock {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-height: 6.25rem;
    padding: 0 1.5rem;
    background-color: #0f1f28;
}

.ucpa-CartPrice-total .ucpa-CartBlock,
.ucpa-CartPrice-total .ucpa-CartBlueBlock {
    min-height: 10.625rem;
}

.ucpa-CartPrice-total .ucpa-CartBlueBlock {
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 1.875rem 1.5rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartPrice-total .ucpa-CartBlueBlock {
        padding: 0 1.5rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartPrice-total .ucpa-CartBlock,
    .ucpa-CartPrice-total .ucpa-CartBlueBlock {
        -webkit-box-align: center;
        align-items: center;
        min-height: 6.25rem;
    }
}

.ucpa-CartBlock-icon {
    position: absolute;
    top: 1.625rem;
    left: 0.9375rem;
    width: 1.875rem;
    height: 1.875rem;
    color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartBlock-icon {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartBlueBlock {
        padding: 0 3.75rem;
    }
}

.ucpa-CartTotal-label {
    font-family: DINWeb, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartTotal-label {
        font-size: 1.875rem;
    }
}

.ucpa-CartPrice-total .ucpa-CartTotal-label {
    max-width: 78%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartPrice-total .ucpa-CartTotal-label {
        max-width: 100%;
    }
}

.ucpa-CartTotal-label--name {
    margin-left: 2.5rem;
    padding: 1.25rem 0;
    font-size: 1.5625rem;
    line-height: 1.5;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartTotal-label--name {
        margin-left: 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartTotal-label--name {
        font-size: 1.875rem;
    }
}

.ucpa-CartTotal-amount {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: right;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartTotal-amount {
        display: block;
        height: auto;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartTotal-amount {
        font-size: 2.5rem;
    }
}

.ucpa-CartTotal-amountSmall,
.ucpa-CartTotal-labelSmall {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #fff;
}

.ucpa-CartPrice-total .ucpa-CartTotal-amountSmall {
    position: absolute;
    right: 1.5rem;
    bottom: 1.875rem;
    display: block;
    width: 60%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartPrice-total .ucpa-CartTotal-amountSmall {
        width: 80%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartPrice-total .ucpa-CartTotal-amountSmall {
        position: inherit;
        width: 100%;
    }
}

.ucpa-CartTotal-labelSmall {
    max-width: 9.375rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartTotal-labelSmall {
        max-width: 100%;
    }
}

.ucpa-CartBottom {
    margin: 1.5625rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-color: white;
}

@media screen and (max-width: 30em) {
    .ucpa-CartBottom {
        position: relative;
        display: block;
        min-height: 7.5rem;
    }
}

.ucpa-CartBottom-logos {
    margin: 0.625rem 0 0 0.625rem;
    min-width: 0;
    min-height: 0;
}

@media screen and (max-width: 30em) {
    .ucpa-CartBottom-logos {
        position: absolute;
        bottom: 20px;
        margin: 0;
        width: 100%;
        height: auto;
    }

    .ucpa-CartBottom .ucpa-Cart-button {
        width: 100%;
    }
}

.ucpa-CartPayment-collapser {
    position: relative;
    border-bottom: 1px solid #e6ecf2;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 6.25rem;
    cursor: pointer;
}

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-collapser {
        line-height: 4.375rem;
    }
}

.ucpa-CartPayment-collapser--cart {
    border: none;
    line-height: 1;
}

    .ucpa-CartPayment-collapser--cart + .ucpa-CartWhiteBlock {
        margin-top: 2.375rem;
    }

.ucpa-CartMember-container--cart .ucpa-ParticipantsListA-nameSmall {
    font-weight: normal;
}

.ucpa-CartPayment-paymentInfos {
    margin-top: 1.5625rem;
    padding: 0.625rem 1.5625rem;
    font-size: 0.8125rem;
    background-color: rgba(55, 224, 0, .1);
}

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-paymentInfos {
        margin-bottom: 1.25rem;
    }
}

.ucpa-CartPayment-innerSection {
    position: relative;
    margin: 1.875rem 0;
    border-top: 1px solid #e6ecf2;
}

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-innerSection {
        padding-top: 1.25rem;
    }
}

.ucpa-CartPayement-numDossier {
    font-weight: 500;
}

.ucpa-CartPayement-pricePaid {
    opacity: 0.2;
}

.ucpa-CartPayment-paymentSelection {
    margin: 0;
    border: 1px solid #e6ecf2;
}

.ucpa-CartPayment-paidItem .ucpa-Radio-label::before {
    display: none;
}

.ucpa-CartPayment-selectionSection {
    border-bottom: 1px solid #e6ecf2;
    padding: 0 7.69231%;
}

.ucpa-CartPayment-paymentWrapper--hidden {
    display: none;
}

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-selectionSection {
        padding: 0 1.5625rem;
    }
}

.ucpa-CartPayment-selectionSection--oneLine {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.ucpa-CartPayment-multipleCardList {
    margin-top: 1.5625rem;
    border-top: 1px solid #e6ecf2;
    padding: 0.625rem 0 1.5625rem 0;
}

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-multipleCardList {
        padding-bottom: 0.75rem;
    }
}

.ucpa-CartPayment-largeFieldSection {
    margin-bottom: 0.625rem;
    display: inline-block;
    width: 45%;
}

.ucpa-CartPayment-userCard {
    display: none;
}

.ucpa-CartPayment-userCard--active {
    display: block;
}

.ucpa-CartPayment-missingAmount {
    margin-top: 1.5625rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-top: 1px solid #e6ecf2;
    padding: 1.5625rem 0 0;
}

    .ucpa-CartPayment-missingAmount .ucpa-CartChoiceList-price {
        margin-left: 0.625rem;
    }

.ucpa-CartPayment-buttonBlock {
    text-align: right;
}

    .ucpa-CartPayment-buttonBlock .ucpa-Button-cart {
        background-color: #e81d00;
    }

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-buttonBlock {
        text-align: center;
    }

        .ucpa-CartPayment-buttonBlock .ucpa-CartPayment-payboxInfos {
            margin-top: 0.625rem;
        }
}

.ucpa-CartPayment-payboxInfos {
    font-size: 0.8125rem;
}

.ucpa-CartPayment-payboxLogo {
    vertical-align: text-bottom;
}

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-largeFieldSection {
        width: 100%;
    }
}

.ucpa-CartFieldset.ucpa-CartPayment-smallFieldSection {
    margin: 0 0.9375rem 0 5%;
    display: inline-block;
    width: 40%;
}

.ucpa-CartPayment-smallFieldSection .ucpa-CartChoice-input::-webkit-input-placeholder {
    color: #c5c5c5;
}

.ucpa-CartPayment-smallFieldSection .ucpa-CartChoice-input:-ms-input-placeholder {
    color: #c5c5c5;
}

.ucpa-CartPayment-smallFieldSection .ucpa-CartChoice-input::placeholder {
    color: #c5c5c5;
}

@media screen and (max-width: 30em) {
    .ucpa-CartFieldset.ucpa-CartPayment-smallFieldSection {
        margin: 1.5625rem 0.9375rem 0 0;
    }
}

.ucpa-CartPayment-selector {
    margin: 1.5625rem 0;
}

.ucpa-CartPayment-validation {
    margin: 1.5625rem 0;
    display: -webkit-box;
    display: flex;
    border-top: 1px solid #e6ecf2;
    padding-top: 1.5625rem;
}

@media screen and (max-width: 50em) {
    .ucpa-CartPayment-validation .ucpa-Cart-button {
        margin: 1.5625rem auto 0;
        width: 100%;
    }
}

.ucpa-CartChoice-img {
    margin: 0 0.625rem 0 0;
}

@media screen and (max-width: 50em) {
    .ucpa-CartPayment-validation {
        display: block;
    }
}

.ucpa-CartPayment-validation .ucpa-Checkbox-label {
    position: relative;
    margin: 0.3125rem 0 0 0;
    padding: 0 0 0 2.1875rem;
}

    .ucpa-CartPayment-validation .ucpa-Checkbox-label::before {
        position: absolute;
        top: 0.625rem;
        left: 0;
    }

.ucpa-Checkbox-label .ucpa-CartPayment-cgvLink {
    color: black;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartPayment-selectionBlock {
        margin: 0;
    }
}

.ucpa-CartPayment-cardList {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-cardList {
        display: block;
    }
}

.ucpa-CartPayment-cardOption {
    border: 1px solid #e6ecf2;
    line-height: 4.375rem;
    text-align: center;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartPayment-cardOption {
        width: 8.125rem;
        max-width: calc(100% / 3 - 0.3125rem);
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-CartPayment-cardOption {
        width: 11.25rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-CartPayment-cardOption {
        margin: 1.25rem 0;
        width: 100%;
        padding-left: 0.9375rem;
        text-align: left;
    }
}

.ucpa-CartForm {
    padding: 3.75rem 0;
}

.ucpa-CartForm-content .r-Grid--withGutter {
    margin: 0;
}

    .ucpa-CartForm-content .r-Grid--withGutter > .r-Grid-cell {
        padding: 0;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-CartForm-content .r-Grid--withGutter {
        margin: 0 -5%;
    }

        .ucpa-CartForm-content .r-Grid--withGutter > .r-Grid-cell {
            padding: 0 5%;
        }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartForm-content .r-Grid--withGutter {
        margin: 0 -1.5625rem;
    }

        .ucpa-CartForm-content .r-Grid--withGutter > .r-Grid-cell {
            padding: 0 1.5625rem;
        }
}

@media screen and (min-width: 80.01em) {
    .ucpa-CartForm-content .r-Grid--withGutter {
        margin: 0 -1.875rem;
    }

        .ucpa-CartForm-content .r-Grid--withGutter > .r-Grid-cell {
            padding: 0 1.875rem;
        }
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartForm-radio + .ucpa-Radio-label {
        margin-bottom: 0.9375rem;
    }
}

.ucpa-CartForm-title {
    margin: 0 0 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6;
    color: #0f1f28;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartForm-title {
        line-height: 1;
    }
}

.ucpa-CartForm-title--bordered {
    border-bottom: 1px solid #c8cdd2;
    padding-bottom: 0.625rem;
}

.ucpa-CartForm-title-small {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartForm-title-small {
        display: inline;
    }
}

.ucpa-CartBlock + .ucpa-CartForm-title {
    margin-top: 2.75rem;
}

.ucpa-CartForm-content {
    padding-top: 1.875rem;
}

.ucpa-CartForm-content--hidden {
    display: none;
}

.ucpa-CartForm-legend {
    display: block;
    width: 100%;
    border-bottom: 1px solid #c8cdd2;
    padding-bottom: 1.5625rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
}

.ucpa-CartConnect {
    margin-bottom: 2.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartConnect {
        margin-bottom: 3.75rem;
    }
}

.ucpa-CartConnect-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: center;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartConnect-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}

.ucpa-CartForm-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1.5625rem 0 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartConnect .ucpa-Link {
        width: 15rem;
    }
}

.ucpa-CartConnect-orTxt {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 3.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f1f28;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartConnect-orTxt {
        width: 3.75rem;
    }
}

.ucpa-CartForm-btnNext {
    width: 100%;
    height: 3.125rem;
    background-color: #e81d00;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartForm-btnNext {
        width: 50%;
    }
}

.ucpa-CartForm-civility {
    position: relative;
}

    .ucpa-CartForm-civility .ucpa-Radio {
        display: inline-block;
        padding-right: 2.8125rem;
        vertical-align: middle;
    }

.ucpa-CartForm .ucpa-CartLabel {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    height: 3.125rem;
    word-break: break-all;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartForm .ucpa-CartLabel br {
        display: none;
    }
}

.ucpa-CartFiliation {
    position: relative;
    padding-bottom: 1.5625rem;
}

    .ucpa-CartFiliation::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2.0625rem;
        height: 1px;
        content: "";
        background-color: #c8cdd2;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-CartFiliation {
        padding-bottom: 1.25rem;
    }
}

.ucpa-CartInfos-text--form {
    margin: 1.25rem 0;
}

.ucpa-CartSave {
    margin-top: 1.5625rem;
    border-top: 1px solid #c8cdd2;
    padding-top: 1.5625rem;
}

    .ucpa-CartSave .ucpa-CartFieldset {
        margin-bottom: 1.5625rem;
        border: 1px solid #c8cdd2;
        padding: 1.25rem 2.5rem;
        padding-left: 0.875rem;
        background-color: #fff;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-CartSave .ucpa-CartFieldset {
        padding: 1.25rem 2.5rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-CartChoiceTitle.ucpa-CartChoiceTitle--confirmPage {
        padding-top: 1.25rem;
    }
}

.ucpa-CartConfirmation-infosReservation {
    margin-top: 0.625rem;
}

.ucpa-CartConfirmation-accountButtonBlock {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.9375rem 0;
}

    .ucpa-CartConfirmation-accountButtonBlock .ucpa-Button-cart--black {
        width: 11.25rem;
    }

    .ucpa-CartConfirmation-accountButtonBlock .ucpa-Button-cart--add {
        width: 15rem;
    }

@media screen and (max-width: 30em) {
    .ucpa-CartConfirmation-accountButtonBlock {
        display: block;
    }

        .ucpa-CartConfirmation-accountButtonBlock .ucpa-Button-cart--black,
        .ucpa-CartConfirmation-accountButtonBlock .ucpa-Button-cart--add {
            width: 100%;
        }
}

.ucpa-CartConfirmation-accountButtonBlock-text {
    margin: 0 1.25rem;
    line-height: 2.5rem;
    text-align: center;
}

.ucpa-CartConfirmation-reminders {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 0 1.5625rem;
}

.ucpa-CartConfirmation-reminder {
    position: relative;
    display: inline-block;
    width: 15rem;
    height: 21.25rem;
    border: 1px solid #e6ecf2;
    padding: 1.25rem;
    vertical-align: top;
    font-size: 0.9375rem;
    text-align: center;
    background: white;
}

@media screen and (max-width: 80em) {
    .ucpa-CartConfirmation-reminders {
        display: block;
        padding-bottom: 0;
    }

    .ucpa-CartConfirmation-reminder {
        margin: 0 1.25rem 1.5625rem 0;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-CartConfirmation-reminder {
        margin: 0 0 1.5625rem 0;
        width: 100%;
    }
}

.ucpa-CartConfirmation-reminderImg {
    margin: 3.75rem auto 1.25rem;
    display: block;
}

.ucpa-CartConfirmation-reminder-textBlock {
    height: 7.8125rem;
}

.ucpa-CartConfirmation-reminder-text {
    font-size: 0.8125rem;
}

.ucpa-CartConfirmation-reminderButton {
    height: 1.875rem;
    border: 1px solid #0f1f28;
    font-size: 0.8125rem;
    line-height: 1.875rem;
    color: #0f1f28;
}

.ucpa-CartConfirmation-tripReminder.ucpa-CartWhiteBlock {
    margin-top: 0.625rem;
    padding: 1.5625rem;
}

.ucpa-CartConfirmation-smallTitle {
    font-size: 0.9375rem;
}

.ucpa-CartWhiteBlock.ucpa-CartConfirmation-firstRecap {
    margin-top: 0;
}

.ucpa-CartWhiteBlock.ucpa-CartConfirmation-missingDocuments {
    margin-bottom: 0;
    display: -webkit-box;
    display: flex;
    min-height: 10.625rem;
}

.ucpa-CartConfirmation-missingDocumentsUser {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    min-width: 7.5rem;
    border-right: 1px solid #e6ecf2;
    text-align: center;
}

.ucpa-CartConfirmation-missingDocumentsList {
    padding: 1.5625rem;
    font-size: 0.9375rem;
}

.ucpa-CartConfirmation-missingDocuments-icon {
    margin: 0 0 0.625rem 0;
    width: 1.4375rem;
    height: 1.4375rem;
}

.ucpa-CartConfirmation-downloadable {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #00a6c6;
    text-decoration: none;
}

.ucpa-CartConfirmation-downloadIcon {
    margin: 0 0.625rem 0 0;
    width: 0.9375rem;
    height: 0.9375rem;
    vertical-align: text-top;
}

@media screen and (max-width: 30em) {
    .ucpa-CartConfirmation-downloadable {
        -webkit-box-align: baseline;
        align-items: baseline;
    }

    .ucpa-CartConfirmation-downloadIcon {
        margin: 0 0.3125rem 0 0;
    }
}

.ucpa-CartConfirmation-missingDocumentsList .ucpa-CartInfos-listItem {
    margin-bottom: 0.625rem;
}

.ucpa-CartConfirmation-sendDocumentsItem .ucpa-ParticipantsListA-name {
    line-height: 1;
}

@media screen and (max-width: 30em) {
    .ucpa-CartConfirmation-missingDocumentsList .ucpa-CartInfos-listItem::after {
        top: 0.625rem;
    }
}

.ucpa-CartConfirmation-sendDocumentsItem .ucpa-CartMember-label {
    font-size: 1.25rem;
}

.ucpa-CartConfirmation-sendDocumentsItem .ucpa-ParticipantsListA-nameSmall {
    font-size: 0.9375rem;
    line-height: 1.4;
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartConfirmation-sendDocumentsItem .ucpa-Button {
        margin-left: 1.25rem;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-CartConfirmation-sendDocumentsItem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 0 1.5rem 0 3.75rem;
    }

        .ucpa-CartConfirmation-sendDocumentsItem .ucpa-CartMember-icon {
            top: 30%;
            display: block;
        }
}

.ucpa-CartConfirmation-mailTo {
    color: black;
    text-decoration: none;
}

.ucpa-CartConfirmation-separator {
    border-bottom: 1px solid #e6ecf2;
    padding-bottom: 1.5625rem;
}

.ucpa-CartConfirmation-separator--withMargin {
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #e6ecf2;
}

.ucpa-CartConfirmation-separator--noSpace {
    border-bottom: 1px solid #e6ecf2;
}

.ucpa-CartWhiteBlock {
    margin: 1.5625rem 0;
    border: 1px solid #e6ecf2;
    background-color: #fff;
}

.ucpa-CartWhiteBlock--recap {
    margin: 0;
    border: 0;
    background-color: #fff;
}

.ucpa-CartWhiteBlock--withForm {
    margin-bottom: 0;
}

.ucpa-CartWhiteBlock--fadeOut {
    opacity: 0;
    transition: opacity ease-in 0.3s;
}

.ucpa-CartTitle,
.ucpa-ParticipantDetails-name {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    color: #0f1f28;
}

.ucpa-CartTitle {
    display: inline-block;
    font-size: 1.5625rem;
    font-weight: 700;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartTitle {
        margin: 1.75rem 0 1.4375rem;
        font-size: 1.875rem;
    }
}

.ucpa-CartLegend {
    margin: 1.125rem 0 0.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartLegend {
        font-size: 1.25rem;
    }
}

.ucpa-CartLegend--small {
    font-size: 0.9375rem;
}

.ucpa-CartConnect .ucpa-Button-cart--black {
    height: 3.125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartConnect .ucpa-Button-cart--black {
        width: 11.25rem;
    }
}

.ucpa-ParticipantDetails-name {
    font-weight: 700;
}

.ucpa-CartFieldset {
    position: relative;
    margin: 0;
    border: none;
    padding: 0;
}

.ucpa-CartCol-left,
.ucpa-CartCol-right {
    margin-top: 1.5625rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-CartCol-left {
        margin-right: 5%;
    }

    .ucpa-CartCol-right {
        margin-left: 5%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-CartCol-left {
        margin-right: 1.5625rem;
    }

    .ucpa-CartCol-right {
        margin-left: 1.5625rem;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-CartCol-left {
        margin-right: 1.875rem;
    }

    .ucpa-CartCol-right {
        margin-left: 1.875rem;
    }
}

.ucpa-CartLabel {
    margin: 0.875rem 0 0;
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f1f28;
}

.ucpa-CartLabel--bordered {
    border-top: 1px solid #c8cdd2;
    padding-top: 0.625rem;
}

    .ucpa-CartLabel--bordered + .ucpa-Account-choices {
        border: none;
        padding-top: 0.9375rem;
    }

.ucpa-CartField-group {
    position: relative;
}

.ucpa-CartField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 3.125rem;
    border: 1px solid #c8cdd2;
    border-radius: 0;
    padding: 0 0.9375rem;
    padding-right: 3rem;
}

    .ucpa-CartField::-webkit-input-placeholder {
        color: #c5c5c5;
    }

    .ucpa-CartField:-ms-input-placeholder {
        color: #c5c5c5;
    }

    .ucpa-CartField::placeholder {
        color: #c5c5c5;
    }

    .ucpa-CartField:focus::-webkit-textfield-decoration-container {
        visibility: hidden;
        pointer-events: none;
    }

.ucpa-CartField--isInValid,
.ucpa-CartFieldset--error .ucpa-CartField {
    border-color: #ff7800;
}

.ucpa-CartTextArea {
    width: 100%;
    height: 8.75rem;
    border: 1px solid #c8cdd2;
    padding: 0.9375rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-ParticipantDetails-button {
    padding-right: 1.5rem;
    text-align: right;
}

@media screen and (min-width: 30.01em) {
    .ucpa-ParticipantDetails-button {
        padding-right: 3.75rem;
    }
}

.ucpa-ParticipantSelect {
    margin-bottom: 1.75rem;
}

.ucpa-CartField-icon {
    position: absolute;
    top: 70%;
    right: 1.375rem;
    width: 0.75rem;
    height: 0.75rem;
    color: #37e000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ucpa-CartField-group .ucpa-CartField-icon {
    top: 50%;
}

.ucpa-CartField--isInValid + .ucpa-CartField-icon,
.ucpa-CartFieldset--error .ucpa-CartField-icon {
    color: #ff7800;
}

.ucpa-CartField-error {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ff7800;
}

.ucpa-Cart-validatedPayment {
    margin: 1.5625rem 0 1.25rem;
    padding: 0.625rem 1.5625rem;
    font-size: 0.8125rem;
    background-color: rgba(55, 224, 0, .1);
}

.ucpa-Cart-infobox {
    padding: 0.625rem 1.5625rem;
    font-size: 0.8125rem;
    background-color: rgba(255, 120, 0, .1);
}

.ucpa-Cart-paidItem-icon {
    margin-right: 0.625rem;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0.125rem;
    vertical-align: middle;
    color: #37e000;
}

.ucpa-Cart-alert-icon {
    margin-right: 0.625rem;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0.125rem;
    vertical-align: middle;
    color: #ff7800;
}
/**
 * USER
 *   1) unfilled
 *   2) filling
 *   3) filling + filled
 *   4) filled
 */

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation .ucpa-CartBlueBlock {
        padding-right: 3.125rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Customisation .ucpa-CartBlueBlock {
        padding-right: 3.75rem;
    }
}

/**
 * USERHEAD
 */

.ucpa-Customisation-userHead {
    position: relative;
    cursor: pointer;
}

.ucpa-Customisation-user--neverStarted .ucpa-Customisation-userHead {
    background-color: transparent;
}

.ucpa-Customisation-userHead::before,
.ucpa-Customisation-userHead::after {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    width: 0.4375rem;
    height: 0.125rem;
    background-color: #e81d00;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.ucpa-Customisation-user--filled .ucpa-Customisation-userHead::before,
.ucpa-Customisation-user--filled .ucpa-Customisation-userHead::after {
    content: "";
}

.ucpa-Customisation-userHead::before {
    right: 0.75rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-Customisation-userHead::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Customisation-user--folded .ucpa-Customisation-userHead::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Customisation-user--folded .ucpa-Customisation-userHead::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/**
 * USERBODY
 */

.ucpa-Customisation-user--neverStarted .ucpa-Customisation-userBody,
.ucpa-Customisation-user--folded .ucpa-Customisation-userBody {
    display: none;
}

/**
 * STEP
 */

.ucpa-Customisation-step {
    border-bottom: 1px solid #e6ecf2;
}

.ucpa-Customisation-step--ignored {
    display: none;
}

.ucpa-Customisation-step:first-of-type {
    border-top: 1px solid #e6ecf2;
}

.ucpa-Customisation-step--unfilled {
    position: relative;
    background-color: transparent;
    opacity: 0.2;
}

    .ucpa-Customisation-step--unfilled::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: "";
    }

.ucpa-Customisation-step--filling,
.ucpa-Customisation-step--unfilled {
    border-color: transparent;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation-step .ucpa-CartChoiceTitle {
        padding-right: 3.125rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Customisation-step .ucpa-CartChoiceTitle {
        padding-right: 3.75rem;
    }
}

/**
 * STEPBODY
 */

.ucpa-Customisation-stepBody {
    display: none;
}

.ucpa-Customisation-step--filling .ucpa-Customisation-stepBody {
    display: block;
}

.ucpa-Customisation-step--unfilled .ucpa-Customisation-stepBody {
    display: block;
}

.ucpa-Customisation-stepBody .ucpa-CartChoiceList-item {
    padding-right: 0.875rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation-stepBody .ucpa-CartChoiceList-item {
        padding-right: 1.5625rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Customisation-stepBody .ucpa-CartChoiceList-item {
        padding-right: 2.5rem;
    }
}

.ucpa-Customisation-subStep--hidden {
    display: none;
}

/**
 * BUTTONS
 *   CartMember-edit
 *   nextStep
 *   goToBasket
 */

.ucpa-Customisation-stepButton {
    margin: 0 0.625rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation-stepButton {
        margin: 0 3.75rem;
    }
}

.ucpa-Customisation-stepButton--applyToAll {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation-stepButton--applyToAll {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}

.ucpa-Customisation-stepButton--goToBasket {
    margin: 0;
}

.ucpa-Customisation-step--filling.ucpa-Customisation-step--filled .ucpa-Customisation-btnNextStep {
    display: block;
}

.ucpa-Customisation-btnNextStep,
.ucpa-Customisation-goToBasket--hidden {
    display: none;
}

.ucpa-Customisation-btnNextStep,
.ucpa-Customisation-goToBasket,
.ucpa-Customisation-goToPayment {
    margin: 1.5625rem 0;
    height: 3.125rem;
    background-color: #e81d00;
    transition: 0.3s ease-in all;
}

.no-touchevents .ucpa-Customisation-btnNextStep:hover,
.no-touchevents .ucpa-Customisation-goToBasket:hover,
.no-touchevents .ucpa-Customisation-goToPayment:hover {
    background-color: #ff2200;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation-btnNextStep {
        width: 50%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Customisation-goToBasket {
        width: 50%;
    }
}

.ucpa-Customisation-btnNextStep:disabled,
.ucpa-Customisation-goToBasket:disabled,
.ucpa-Customisation-goToPayment:disabled {
    opacity: 0.3;
}

.ucpa-Customisation-goToPayment {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
}

.ucpa-Customisation-step--unfilled .ucpa-CartMember-edit,
.ucpa-Customisation-step--filling .ucpa-CartMember-edit {
    display: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation-step--unfilled .ucpa-CartMember-edit,
    .ucpa-Customisation-step--filling .ucpa-CartMember-edit {
        visibility: hidden;
    }
}

/*
 * SLIDER & CAROUSEL
 */

.ucpa-Customisation-step--filled .ucpa-Switch-label {
    display: none;
}

.ucpa-Customisation-step--unfilled .ucpa-Switch-label,
.ucpa-Customisation-step--filling .ucpa-Switch-label {
    display: inline-block;
}

.ucpa-Customisation-step .ucpa-Switch-slider {
    font-size: 1rem;
    cursor: default;
}

.ucpa-Customisation-step--filling .ucpa-Switch-slider {
    cursor: pointer;
}

/*
 * VARIOUS
 */

.ucpa-Customisation-applyToAll {
    margin: 1.5625rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 3.125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation-applyToAll {
        width: 50%;
    }
}

.ucpa-Customisation-applyToAll .ucpa-Checkbox-label {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ucpa-Customisation-extensionBody--hidden {
    display: none;
}

.ucpa-Customisation-applyToAll--hidden {
    display: none;
}

.ucpa-Customisation-slider {
    position: relative;
    margin-bottom: 3.125rem;
    padding: 0 1.5rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Customisation-slider {
        padding: 0 3.75rem;
    }
}

.ucpa-Customisation-slider .ucpa-Slides-wrapper {
    margin-left: 0;
}

.ucpa-Customisation-slider .ucpa-Slider-button {
    display: none;
}

.ucpa-Customisation-slider .ucpa-Slides {
    padding: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Customisation-slider .ucpa-Slider-button {
        display: block;
    }

    .ucpa-Customisation-slider .ucpa-Slider-button--left {
        left: 0.625rem;
    }

    .ucpa-Customisation-slider .ucpa-Slider-button--right {
        right: 0.625rem;
    }

    .ucpa-Customisation-slider .swiper-button-disabled .ucpa-Slider-icon {
        color: rgba(15, 31, 40, .3);
    }

    .ucpa-Customisation-slider .ucpa-Slider-icon {
        font-size: 2.0625rem;
        color: #0f1f28;
    }
}

.ucpa-Customisation-label {
    margin-top: 0;
    padding: 0 0.625rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0f1f28;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Customisation-label {
        padding: 0 3.75rem;
    }
}

.ucpa-CartPayBoxes {
    padding-bottom: 1.5625rem;
}

@media (min-width: 37.5em) {
    .ucpa-CartPayBoxes {
        margin-top: 1.5625rem;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #c8cdd2;
        padding: 1.5625rem 0;
    }
}

.ucpa-CartPayBox {
    margin-bottom: 1.5625rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #e6ecf2;
    padding: 1.75rem;
    background-color: #fff;
}

@media (min-width: 37.5em) {
    .ucpa-CartPayBox {
        margin: 0;
        width: calc(50% - 0.875rem); /* 50% - space between the 2 boxes */
    }
}

.ucpa-CartPayBox-title {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

.ucpa-CartPayBox-text {
    margin: 1rem 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    line-height: 1;
}

.ucpa-PageUser-Field--relationship--hidden {
    display: none;
}

.ucpa-Collapse {
    margin-bottom: 0.625rem;
}

.ucpa-Collapse-trigger {
    position: relative;
    font-size: 1.25rem;
    font-weight: 700;
    cursor: pointer;
}

.ucpa-Collapse-trigger--withOutArrow {
    cursor: default;
}

.ucpa-Collapse-trigger::before,
.ucpa-Collapse-trigger::after,
.ucpa-Collapse-trigger--open::before,
.ucpa-Collapse-trigger--open::after {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    width: 0.6875rem;
    height: 0.125rem;
    content: "";
    background-color: #e81d00;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.ucpa-Collapse-trigger--withOutArrow::before,
.ucpa-Collapse-trigger--withOutArrow::after {
    content: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Collapse-trigger::before,
    .ucpa-Collapse-trigger::after,
    .ucpa-Collapse-trigger--open::before,
    .ucpa-Collapse-trigger--open::after {
        right: 1.5rem;
    }
}

.ucpa-Collapse-trigger::before {
    right: 1.0625rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width: 30.01em) {
    .ucpa-Collapse-trigger::before {
        right: 1.875rem;
    }
}

.ucpa-Collapse-trigger::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ucpa-Collapse-trigger--open::before {
    right: 1.0625rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (min-width: 30.01em) {
    .ucpa-Collapse-trigger--open::before {
        right: 1.875rem;
    }
}

.ucpa-Collapse-trigger--open::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Collapse-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in;
}

.ucpa-Collapse-body--visible {
    max-height: 312.5rem;
    transition: max-height 0.3s ease-out;
}

.ucpa-Collapse + .ucpa-CartForm {
    padding-top: 0;
}

.ucpa-PageDestination--switchTitle {
    margin: 0 0 1.5625rem;
}

@media screen and (max-width: 30em) {
    .ucpa-PageDestination--switchTitle {
        padding: 6.25% 4.16667%;
        text-align: left;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageDestination--switchTitle {
        margin: 0 0 1.5625rem;
    }
}

.ucpa-Pagedestination-miniProduct {
    margin-top: 3.125rem;
}

    .ucpa-Pagedestination-miniProduct .ucpa-Product-itemPrice {
        padding: 4.375rem 0 1.875rem;
    }

@media screen and (max-width: 50em) {
    .ucpa-Pagedestination-miniProduct {
        display: none;
    }
}

.ucpa-PageDestination-weatherBloc {
    min-height: 10rem;
    line-height: 0;
}

@media screen and (min-width: 80.01em) {
    .ucpa-PageDestination-weatherBloc {
        width: 100%;
        min-height: 12.625rem;
    }

    .ucpa-PageDestination-weatherBlocInfos {
        position: absolute;
        top: 50%;
        bottom: auto;
        margin: 0 auto;
        display: block;
        width: 100%;
        min-width: 14.0625rem;
        max-width: 240px;
        height: auto;
        padding: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ucpa-PageDestination-weatherBloc .ucpa-Product-spot-liveCam-temp,
    .ucpa-PageDestination-weatherBloc .ucpa-Product-spot-liveCam-link {
        width: 100%;
    }

    .ucpa-PageDestination-weatherBloc .ucpa-Product-spot-liveCam-link {
        padding: 0.625rem 0;
    }

    .ucpa-PageDestination-weatherBloc .ucpa-Product-spot-liveCam-tempLabel {
        padding: 0.75rem 1.25rem;
    }
}

.ucpa-PageDestination-weatherBloc-img {
    width: 100%;
}

.ucpa-Accordion-title.ucpa-Accordion-title--withIcon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ucpa-Product-destination-icon {
    margin-right: 30px;
    width: 2.25rem;
    height: 2.25rem;
}

.ucpa-Destination-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 1.875rem 1.25rem;
    color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Destination-title {
        -webkit-box-align: center;
        align-items: center;
        padding: 3.125rem 0;
    }
}

.ucpa-Destination-titleInner {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.1;
}

.ucpa-Destination-titleInner-small {
    margin-top: 0.625rem;
    display: block;
    font-size: 0.9375rem;
}

.ucpa-Product-aboutGrid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ucpa-Product-aboutCol {
    width: 100%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-aboutCol {
        margin-bottom: 4.25rem;
        width: 50%;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Product-aboutCol {
        width: 33.33333%;
        max-width: 22.5rem;
    }
}

.ucpa-Product-aboutCol .ucpa-Product-spot-liveCam {
    margin: 1.25rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-aboutCol .ucpa-Product-spot-liveCam {
        margin: 1.875rem;
        margin-top: 1.25rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-aboutCol .ucpa-Product-spot-liveCam {
        margin: 0;
        margin-top: 1.25rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Product-aboutCol:first-child {
        border-bottom: 1px solid #c8cdd2;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Product-aboutCol .ucpa-Product-spot-liveCam-infos {
        padding: 0 0.625rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Product-program-content .ucpa-Accordion-button {
        padding-bottom: 0;
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Product-program-colLeft .ucpa-Accordion-button,
    .ucpa-Product-program-colRight .ucpa-Accordion-button,
    .ucpa-Product-aboutCol .ucpa-Accordion-button {
        padding-bottom: 0;
        font-size: 1.25rem;
    }
}

.ucpa-ColoSolo-grid {
    padding: 0 4.16667%;
}

@media screen and (min-width: 50.01em) {
    .ucpa-ColoSolo-grid {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 0;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-ColoSolo-cell + .ucpa-ColoSolo-cell {
        margin-top: 1.25rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-ColoSolo-cell {
        width: calc(50% - 2.625rem);
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-ColoSolo-cell {
        width: calc(50% - 3.75rem);
    }
}

.ucpa-ColoSolo-BodyInner {
    padding: 2.75rem 0 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-ColoSolo-BodyInner {
        padding: 5.875rem 0 0;
    }
}

.ucpa-ColoSolo-BodyInner .ucpa-Product-activity {
    margin-top: 5.875rem;
}

.ucpa-ColoSolo-BodyInner .ucpa-Expand-button {
    margin-top: 0.9375rem;
}

.ucpa-ColoSolo-BodyInner .ucpa-Product-aboutBottom-text--big {
    font-size: 1.25rem;
    line-height: 1.6em;
}

.ucpa-PageCentreLoisirs-headerButtonSection {
    position: absolute;
    bottom: 3.125rem;
    width: 100%;
}

@media screen and (max-width: 50em) {
    .ucpa-PageCentreLoisirs-headerButtonSection {
        position: static;
        bottom: 0;
    }
}

.ucpa-PageCentreLoisirs-headerButtonBlock {
    width: 22.5rem;
}

@media screen and (max-width: 50em) {
    .ucpa-PageCentreLoisirs-headerButtonBlock {
        width: 100%;
    }
}

.ucpa-PageCentreLoisirs-headerButton {
    position: relative;
    width: 100%;
    height: 3rem;
    border: none;
    padding: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #e81d00;
}

.ucpa-PageCentreLoisirs-headerButtonLabel {
    position: relative;
}

.ucpa-PageCentreLoisirs-headerButtonIcon {
    position: absolute;
    top: 0;
    right: -30px;
}

.ucpa-PageCentreVacances-hebergementButtonContainer {
    text-align: center;
}

.ucpa-PageCentreVacances-hebergementButton {
    margin-bottom: 1.875rem;
    height: 1.875rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.ucpa-Tabs--grey {
    background-color: #fafafa;
}

.ucpa-Product-title + .ucpa-Tabs {
    margin-top: 1.25rem;
}

.ucpa-Tabs-Head {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    border-top: 1px solid #c8cdd2;
}

.ucpa-Tabs-choice {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0 1 18.75rem;
    height: 3.125rem;
    border-color: #c8cdd2;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding-bottom: 2px;
    font-family: DINWeb, sans-serif;
    font-weight: bold;
    line-height: 1.1;
    color: #000;
    color: initial;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
}

    .ucpa-Tabs-choice:first-child {
        border-left-width: 1px;
    }

.ucpa-Tabs-choice--active {
    border-bottom: 3px solid #e81d00;
    padding-bottom: 0;
}

.ucpa-Tabs-choiceBig {
    font-size: 0.9375rem;
}

.ucpa-Tabs-choiceSmall {
    font-size: 0.625rem;
}

.ucpa-Tabs-BodyInner {
    display: none;
}

.ucpa-Tabs-BodyInner--shown {
    display: block;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Tabs-choice {
        height: 4.6875rem;
    }

    .ucpa-Tabs-choiceBig {
        font-size: 1.5625rem;
    }

    .ucpa-Tabs-choiceSmall {
        font-size: 0.9375rem;
    }
}

.ucpa-Tabs--grey .ucpa-FullWidthSlider-button {
    background-color: #fafafa;
}

.ucpa-tablePlaning {
    margin-bottom: 1.25rem;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}

@media screen and (min-width: 50.01em) {
    .ucpa-tablePlaning {
        margin-bottom: 3.125rem;
        border-right: solid 1px #c8cdd2;
        border-left: solid 1px #c8cdd2;
    }
}

.ucpa-tablePlaning-period {
    width: 33.33333%;
    padding: 0.9375rem 0.625rem;
    cursor: pointer;
    text-align: center;
}

@media screen and (min-width: 50.01em) {
    .ucpa-tablePlaning-period {
        width: auto;
        border-top: solid 1px #c8cdd2;
        border-bottom: solid 1px #c8cdd2;
        padding: 1.25rem 0;
        cursor: default;
    }
}

.ucpa-tablePlaning-period:first-child {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-tablePlaning-period:first-child {
        display: table-cell;
    }
}

.ucpa-tablePlaning-period:nth-child(2),
.ucpa-tablePlaning-period:nth-child(4) {
    border-top: solid 1px #c8cdd2;
    border-bottom: solid 1px #c8cdd2;
}

.ucpa-tablePlaning-period:nth-child(3) {
    border-top: solid 1px #c8cdd2;
    border-right: solid 1px #c8cdd2;
    border-bottom: solid 1px #c8cdd2;
    border-left: solid 1px #c8cdd2;
}

@media screen and (min-width: 50.01em) {
    .ucpa-tablePlaning-period:nth-child(3) {
        border-right: none;
        border-left: none;
    }
}

.ucpa-tablePlaning-period.ucpa-tablePlaning-period--active {
    border-bottom: 3px solid #e81d00;
}

@media screen and (min-width: 50.01em) {
    .ucpa-tablePlaning-period.ucpa-tablePlaning-period--active {
        border-bottom: solid 1px #c8cdd2;
    }
}

.ucpa-tablePlaning-cell {
    border-bottom: solid 1px #c8cdd2;
    padding: 0.9375rem 0;
    padding-right: 8.33333%;
    font-family: DINWeb-Medium, sans-serif;
    font-size: 0.9375rem;
    text-align: right;
}

@media screen and (min-width: 50.01em) {
    .ucpa-tablePlaning-cell {
        padding-right: 0;
        text-align: left;
    }
}

.ucpa-tablePlaning-cell--hidden {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-tablePlaning-cell--hidden {
        display: table-cell;
    }
}

.ucpa-tablePlaning-day {
    border-bottom: solid 1px #c8cdd2;
    padding: 0.9375rem 0;
    padding-left: 2%;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
}

.ucpa-PageNoResults .ucpa-SortBy-list .ucpa-SortBy-item:not(:first-child) .ucpa-Button {
    pointer-events: none;
    cursor: default;
    opacity: 0.2;
}

.ucpa-PageNoResults .ucpa-SortBy-action {
    display: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageNoResults .ucpa-SortBy-action {
        display: -webkit-box;
        display: flex;
        pointer-events: none;
        cursor: default;
        opacity: 0.2;
    }
}

.ucpa-PageNoResults .ucpa-Show-filter {
    width: 100vw;
}

@media screen and (min-width: 30.01em) {
    .ucpa-PageNoResults .ucpa-Show-filter {
        width: 50vw;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageNoResults .ucpa-Section--lastSeen .ucpa-Section-title {
        margin-top: 5.625rem;
    }
}

body {
    background-color: transparent;
}

.ucpa-Login {
    position: relative;
    width: 100%;
    height: 100vh;
    padding-top: 1.25rem;
    background-image: url(/images/skins/277/4b3128ce9cf36b9c1e760253a02d73b6.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: 0;
}

    .ucpa-Login::before {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        display: table;
        width: 100vw;
        height: 100vh;
        content: "";
        background-image: inherit;
        background-position: center center;
        background-size: cover;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .ucpa-Login .ucpa-Wrapper {
        padding-bottom: 50px;
    }

.ucpa-Login-container {
    margin: 0 1.25rem 3.125rem;
    max-width: 30rem;
    padding: 1.875rem 4.16667%;
    background-color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Login-container {
        margin: 0 auto 3.125rem;
        width: 30rem;
        padding: 2.5rem 4.16667%;
    }
}

.ucpa-Login-container--large {
    width: auto;
    max-width: 30rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Login-container--large {
        width: 100%;
        max-width: 48rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Login-container--large {
        width: 100%;
        max-width: 60rem;
    }
}

.ucpa-Login-title {
    margin: 0 0 1.125rem;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.ucpa-Login-social {
    margin-bottom: 1.25rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 3.125rem;
    text-decoration: none;
}

.ucpa-Login-social--facebook {
    color: #fff;
    background-color: #425f9c;
}

.ucpa-Login-social--google {
    border: 1px solid #c8cdd2;
    color: #000;
}

.ucpa-Login-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.ucpa-Login-social-label {
    margin: 0.1875rem 0 0 0.9375rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Login-social-label {
        font-size: 1.25rem;
    }
}

.ucpa-Login-separator {
    position: relative;
    text-align: center;
}

    .ucpa-Login-separator::before {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 100%;
        height: 2px;
        content: "";
        background-color: #c8cdd2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.ucpa-Login-separator-label {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: block;
    width: 3.125rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
    color: #000;
    background-color: #fff;
}

.ucpa-Login-button {
    margin-top: 1.25rem;
}

.ucpa-Login-bottom {
    padding: 1.125rem 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Login-bottom {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        align-content: center;
        padding: 1.125rem 0;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Login-bottom .ucpa-CartEdit {
        margin-top: 1.5625rem;
        display: block;
    }
}

.ucpa-Login-remember + .ucpa-Checkbox-label {
    margin: 0;
}

.ucpa-Login-text {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-Login-text--centered {
    text-align: center;
}

.ucpa-Login-text--bold {
    font-weight: 700;
}

.ucpa-Login-text-link {
    color: #00adca;
    text-transform: uppercase;
}

.ucpa-Login-text-label {
    display: block;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Login-text--label {
        display: inline;
    }
}

.ucpa-Login-suscribe {
    margin-top: 0.625rem;
    border-top: 2px solid #c8cdd2;
}

    .ucpa-Login-suscribe .ucpa-Link {
        font-size: 0.9375rem;
    }

.ucpa-Login-backTo {
    margin-top: 1.25rem;
    display: block;
}

.ucpa-Login-col:last-child {
    margin-top: 2.5rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Login-cols {
        display: -webkit-box;
        display: flex;
    }

    .ucpa-Login-col {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }

        .ucpa-Login-col:nth-child(even) {
            margin: 0;
            padding-left: 4.16667%;
        }

        .ucpa-Login-col:nth-child(odd) {
            padding-right: 4.16667%;
        }
}

.ucpa-Login-registerForm {
    margin-bottom: 1.875rem;
}

    .ucpa-Login-registerForm .ucpa-CartForm-civility {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

        .ucpa-Login-registerForm .ucpa-CartForm-civility .ucpa-Radio {
            padding: 0;
        }

.ucpa-Login-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ucpa-Login-item {
    position: relative;
    margin-bottom: 1.875rem;
    padding: 0 0 0 3.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-Login-item-reason {
    margin-bottom: 0.25rem;
    display: block;
    font-weight: 700;
}

.ucpa-Login-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
}

.ucpa-Login-cgv .ucpa-Checkbox-label {
    margin: 0;
}

.ucpa-Login-cgv {
    margin-top: 0.625rem;
}

.ucpa-Login-cgv-link {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-Login-recaptcha {
    max-height: 0;
    overflow: hidden;
    transition-timing-function: ease-in;
    transition-duration: 0.5s;
    transition-property: all;
}

.ucpa-Login-recaptcha--visible {
    max-height: 9.375rem;
    padding-top: 1.875rem;
}

@media screen and (max-width: 30em) {
    .g-recaptcha {
        -webkit-transform: scale(0.83);
        transform: scale(0.83);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.ucpa-Login-group {
    position: relative;
}

.ucpa-Login-hint {
    margin: 1.25rem 0 0.25rem;
    border: 2px solid #c8cdd2;
    padding: 1.25rem;
    background-color: #e6ecf2;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Login-hint {
        position: absolute;
        top: 50%;
        right: -24.0625rem;
        z-index: 1;
        margin: 0;
        padding: 1.25rem 1.875rem;
        padding-right: 5rem;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all ease-in 0.3s;
    }

    .ucpa-Login-hint--visible {
        visibility: visible;
        opacity: 1;
    }

    .ucpa-Login-hint::before,
    .ucpa-Login-hint::after {
        position: inherit;
        top: 50%;
        left: -0.625rem;
        content: "";
        background-color: inherit;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .ucpa-Login-hint::before {
        z-index: 2;
        width: 20px;
        height: 20px;
    }

    .ucpa-Login-hint::after {
        left: -0.75rem;
        z-index: -1;
        width: 1.3125rem;
        height: 1.3125rem;
        background-color: #c8cdd2;
    }
}

.ucpa-Login-hint-text {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
}

.ucpa-Login-hint-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ucpa-Login-hint-item {
    position: relative;
    margin-top: 0.625rem;
    padding: 0 0 0 1.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1;
    color: #0f1f28;
}

.ucpa-Login-hint-icon {
    position: absolute;
    top: 40%;
    left: 0;
    width: 0.375rem;
    height: 0.375rem;
    background-color: #000;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.ucpa-Login-hint-icon--check {
    display: inline-block;
    width: 5px;
    height: 0.625rem;
    border-right: 3px solid #37e000;
    border-bottom: 3px solid #37e000;
    background-color: transparent;
}

img {
    border: 0;
}

.ucpa-HeaderCommunity-container {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    min-height: 20.625rem;
    padding-top: 7.875rem;
    font-family: DINWeb, sans-serif;
    color: #fff;
    background: #0f1f28;
}

@media screen and (max-width: 65em) {
    .ucpa-HeaderCommunity-container {
        display: block;
    }
}

.ucpa-HeaderCommunity-section {
    position: relative;
    padding: 1.5625rem;
}

.ucpa-HeaderCommunity-profilBlock,
.ucpa-HeaderCommunity-contributionInfosBlock {
    width: 40%;
}

@media screen and (max-width: 65em) {
    .ucpa-HeaderCommunity-profilBlock,
    .ucpa-HeaderCommunity-contributionInfosBlock {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }

    .ucpa-HeaderCommunity-contributionInfosBlock {
        float: right;
    }

    .ucpa-HeaderCommunity-section.ucpa-HeaderCommunity-contributionInfosBlock::after {
        border: 0;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-HeaderCommunity-profilBlock,
    .ucpa-HeaderCommunity-contributionInfosBlock {
        width: 32%;
    }
}

.ucpa-HeaderCommunity-questionBlock {
    width: 30%;
}

@media screen and (max-width: 65em) {
    .ucpa-HeaderCommunity-questionBlock {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        background-color: #1b2a33;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-HeaderCommunity-container {
        display: block;
        padding-top: 3.75rem;
    }

    .ucpa-HeaderCommunity-section {
        width: 100%;
    }

    .ucpa-HeaderCommunity-profilBlock {
        text-align: center;
    }
}

.ucpa-HeaderCommunity-section::after {
    position: absolute;
    top: 70px;
    right: 0;
    height: 1.875rem;
    border-right: 1px solid #e6ecf2;
    content: "";
}

@media screen and (max-width: 50em) {
    .ucpa-HeaderCommunity-section::after {
        border: 0;
    }
}

.ucpa-HeaderCommunity-section:last-child::after {
    border: 0;
}

.ucpa-HeaderCommunity-profilImgBlock {
    position: relative;
    display: inline-block;
    width: 7.8125rem;
    height: 7.8125rem;
}

.ucpa-HeaderCommunity-profilImg {
    width: 100%;
    border-radius: 7.8125rem;
}

.ucpa-HeaderCommunity-profilImgChange {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.5625rem;
    height: 1.5625rem;
}

.ucpa-HeaderCommunity-profilInfos {
    display: inline-block;
    padding: 1.5625rem 0 0 1.4375rem;
    vertical-align: top;
    line-height: 1.6875rem;
}

@media screen and (max-width: 50em) {
    .ucpa-HeaderCommunity-profilInfos {
        display: block;
        padding: 0;
    }
}

.ucpa-HeaderCommunity-title {
    font-size: 1.125rem;
    font-weight: 700;
}

.ucpa-HeaderCommunity-profilInfosLink,
.ucpa-HeaderCommunity-button {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

@media screen and (max-width: 50em) {
    .ucpa-HeaderCommunity-status,
    .ucpa-HeaderCommunity-profilInfosLink {
        display: none;
    }
}

.ucpa-HeaderCommunity-badge {
    position: relative;
    margin: 0.9375rem 1.25rem 0 0;
    display: inline-block;
}

    .ucpa-HeaderCommunity-badge a {
        color: white;
        text-decoration: none;
    }

.ucpa-HeaderCommunity-badgeValue {
    position: absolute;
    top: calc(50% - 0.8125rem);
    left: calc(50% - 0.75rem);
    width: 1.5rem;
    height: 1.375rem;
    font-size: 1.25rem;
}

.ucpa-HeaderCommunity-contributionImg {
    width: 3.5625rem;
    height: 3.5625rem;
    color: #00a6c6;
}

.ucpa-HeaderCommunity-contributionLevel {
    margin: 0 0 0 0.625rem;
    display: inline-block;
}

.ucpa-HeaderCommunity-contributionLevelImg {
    margin: 0 0 0 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: sub;
    color: #00a6c6;
}

.ucpa-HeaderCommunity-button {
    margin-top: 0.9375rem;
    display: inline-block;
    height: 1.875rem;
    border: 2px solid #00a6c6;
    padding: 0 1.25rem;
    line-height: 1.875rem;
    text-decoration: none;
    transition: all 0.2s ease-in;
}

    .ucpa-HeaderCommunity-button:hover {
        color: #00a6c6;
    }

.no-touchevents .ucpa-HeaderCommunity-button:hover {
    cursor: pointer;
}

.ucpa-HeaderCommunity-rightSection {
    border-left: 1px solid rgba(255, 255, 255, .3);
}

@media screen and (min-width: 50.01em) {
    .ucpa-HeaderCommunity-rightSection {
        padding-right: 2.9375rem;
    }

    .ucpa-Header--black .ucpa-HeaderCommunity-rightSection {
        border-left: 1px solid rgba(15, 31, 40, .3);
    }
}

.ucpa-HeaderCommunity-icon {
    font-size: 1.0625rem;
}

@media screen and (min-width: 65.01em) {
    .ucpa-HeaderCommunity-icon {
        height: 1rem;
    }
}

.ucpa-HeaderCommunity-leftIcon {
    margin-right: 0.9375rem;
    font-size: 1rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-HeaderCommunity-leftIcon {
        margin-right: 0.3125rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-HeaderCommunity-leftIcon {
        height: 1rem;
    }
}

.ucpa-HeaderCommunity-navTopLabel {
    margin: 0 0 0 0.4375rem;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 50em) {
    .ucpa-Nav-container--open .ucpa-HeaderCommunity-navTopLabel {
        display: none;
    }

    .ucpa-HeaderCommunity-badges {
        display: -webkit-box;
        display: flex;
    }

    .ucpa-HeaderCommunity-badge {
        margin-right: 0.625rem;
    }
}

.ucpa-HeaderCommunity-navTopImg {
    margin: 0 0.4375rem 0 0;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    vertical-align: middle;
}

.ucpa-HeaderCommunity-navTopitem {
    position: relative;
    z-index: 1000;
    margin: 0 0 0 2.9375rem;
    color: #fff;
    text-decoration: none;
}

.ucpa-HeaderCommunity-navTopitem--button {
    width: 100%;
    border: none;
    background-color: transparent;
}

@media screen and (min-width: 50.01em) {
    .ucpa-HeaderCommunity-navTopitem--button {
        width: auto;
    }
}

.ucpa-Header--black .ucpa-HeaderCommunity-navTopitem {
    color: #1a1a1a;
}

@media screen and (max-width: 65em) {
    .ucpa-HeaderCommunity-navTopitem {
        margin: 0 0 0 1.0625rem;
    }

    .ucpa-Header-account .ucpa-HeaderCommunity-navTopitem {
        margin: 0 0 0 1.6875rem;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Header-account .ucpa-HeaderCommunity-navTopitem {
        margin: 0;
    }
}

.ucpa-HeaderCommunity .ucpa-Header-top {
    font-family: DINWeb, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}

.ucpa-HeaderCommunity-dropDownIcon {
    font-size: 0.625rem;
}

@media screen and (min-width: 65.01em) {
    .ucpa-HeaderCommunity-dropDownIcon {
        height: 1rem;
    }
}

.ucpa-HeaderCommunity-notificationQuantity {
    position: absolute;
    top: -3px;
    right: -7px;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 1.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 0.875rem;
    color: white;
    text-align: center;
    background-color: #00a6c6;
}

.ucpa-HeaderCommunity-button--mobile {
    display: none;
}

@media screen and (max-width: 50em) {
    .ucpa-HeaderCommunity-questionBlock {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .ucpa-HeaderCommunity-questionText {
        display: none;
    }

    .ucpa-HeaderCommunity-questionBlock .ucpa-HeaderCommunity-button {
        margin-top: 0;
        height: auto;
        text-align: center;
    }

    .ucpa-HeaderCommunity-questionBlock .ucpa-HeaderCommunity-button--mobile {
        display: inline-block;
    }
}

.ucpa-HeaderCommunity-collapsedContent {
    display: none;
}

@media screen and (max-width: 50em) {
    .ucpa-HeaderCommunity-collapsedContent {
        display: block;
        max-height: 3.75rem;
        overflow: hidden;
        transition: max-height 0.5s;
    }

    .ucpa-HeaderCommunity-collapsedContent--open {
        max-height: 1000px;
    }

    .ucpa-HeaderCommunity-collapsedContent .ucpa-HeaderCommunity-status,
    .ucpa-HeaderCommunity-collapsedContent .ucpa-HeaderCommunity-profilInfosLink {
        margin: 0 0 0 1.375rem;
        display: block;
    }
}

.ucpa-HeaderCommunity-collapser {
    height: 3.75rem;
    border-top: 1px solid #979797;
    padding: 0 1.375rem;
    line-height: 3.75rem;
}

.ucpa-Account {
    padding: 2.8125rem 0 3.75rem;
    background-color: rgba(230, 236, 242, .5);
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account {
        padding-top: 4.375rem;
    }
}

.ucpa-Account-cols {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 0.625rem;
}

@media screen and (min-width: 23.4475em) {
    .ucpa-Account-cols {
        padding: 0 1.5rem;
    }
}

@media (max-width: 46rem) and (orientation: landscape) {
    .ucpa-Account-cols {
        padding: 0 0.625rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-cols {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        padding: 0;
    }

    .ucpa-Account-col--left {
        width: 22.5rem;
    }

    .ucpa-Account-col--right {
        width: calc(100% - 22.5rem - 4.16667%); /* 100% - .ucpa-Account-col--left - 1of24 */
    }
}

.ucpa-Account-block {
    margin-bottom: 2.5rem;
    padding: 1.875rem 0.625rem;
    background-color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-block {
        padding: 1.875rem 1.25rem;
    }
}

@media screen and (min-width: 23.4475em) {
    .ucpa-Account-block {
        padding: 1.875rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-block {
        font-size: 0;
    }
}

.ucpa-Account-block--transparent {
    margin: 0;
    display: -webkit-box;
    display: flex;
    border-bottom: 1px solid #c8cdd2;
    padding: 0;
    background-color: transparent;
}

.ucpa-Account-blockLabel {
    margin: 0 0 1.5625rem;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: #1a1a1a;
}

.ucpa-Account-block--transparent .ucpa-Account-blockLabel {
    margin: 0 0 1rem;
    font-size: 1.875rem;
}

.ucpa-Account-blockLabel--withIcon {
    position: relative;
    padding-left: 1.875rem;
}

.ucpa-Account-blockIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1875rem;
    height: 1.1875rem;
}

.ucpa-Account-profilComplete {
    margin-left: 1.25rem;
    font-size: 0.75rem;
    color: #00a6c6;
}

.ucpa-Progress {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Progress {
        -webkit-box-pack: inherit;
        justify-content: inherit;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Progress {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.ucpa-Progress-bar {
    width: 85%;
    height: 0.625rem;
    box-shadow: none;
    border-radius: 1.25rem;
    overflow: hidden;
    background-color: #f2f5f8;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Progress-bar {
        margin-right: 1.25rem;
        width: 50%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Progress-bar {
        width: 85%;
    }
}

.ucpa-Progress-bg {
    height: 100%;
    box-shadow: none;
    border-radius: 1.25rem;
    background: linear-gradient(to right, #00a6c6 0%, #37e000 100%);
}

.ucpa-Progress-value {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
}

.ucpa-Account-userList {
    margin: 1.5625rem 0 0;
    border-top: 1px solid #c8cdd2;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-userList {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
}

.ucpa-Account-userItem {
    position: relative;
    margin-top: 1.75rem;
    padding-left: 1.875rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-userItem {
        width: 50%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-userItem {
        width: 100%;
    }
}

.ucpa-Account-userIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.9375rem;
    height: 0.9375rem;
}

.ucpa-Account-userlink {
    margin-top: 0.5rem;
    display: block;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    color: #00a6c6;
    text-transform: uppercase;
}

.ucpa-Account-userlink--info {
    margin: 1.25rem 0 0;
    text-align: center;
}

.ucpa-Account-destinations {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #c8cdd2;
}

.ucpa-Account-destination {
    width: 100%;
    padding: 1.5625rem 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-destination {
        width: 100%;
    }

        .ucpa-Account-destination:last-of-type {
            border-top: 1px solid #c8cdd2;
        }
}

.ucpa-Account-destination-name,
.ucpa-Account-destination-during {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    color: #0f1f28;
}

.ucpa-Account-destination-name {
    margin-bottom: 0.625rem;
    line-height: 1;
}

.ucpa-Account-destination-name--big {
    font-size: 1.25rem;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-destination-name--big {
        font-size: 1.5625rem;
    }
}

@media (min-width: 82.5rem) {
    .ucpa-Account-destination-name--big {
        font-size: 1.875rem;
    }
}

@media screen and (min-width: 87.51em) {
    .ucpa-Account-destination-name--big {
        max-width: 90%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Sejour-itemContent--coming .ucpa-Account-destination-name {
        font-size: 1.875rem;
    }
}

.ucpa-Sejour-itemContent--canceled .ucpa-Account-destination-name--big {
    opacity: 0.3;
}

.ucpa-Account-destination-during {
    margin-bottom: 1.25rem;
    font-size: 0.9375rem;
    font-weight: 500;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Account-destination-during--big {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Sejour-itemContent--coming .ucpa-Account-destination-during {
        font-size: 1.25rem;
    }
}

.ucpa-Sejour-itemContent--canceled .ucpa-Account-destination-during--big {
    opacity: 0.3;
}

.ucpa-Account-destination-seeAll {
    text-align: center;
}

.ucpa-Account-memberList {
    margin: 1.5625rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-memberList {
        -webkit-box-pack: inherit;
        justify-content: inherit;
    }
}

.ucpa-Account-memberItem {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-memberItem {
        margin: 0 0.4375rem;
        width: 2.875rem;
        height: 2.875rem;
    }
}

.ucpa-Account-memberItem--number {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border: 2px solid #0f1f28;
}

.ucpa-Account-memberPics {
    width: 100%;
    height: auto;
}

.ucpa-Account-memberCount {
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
}

.ucpa-Account-memberLink {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 1.875rem;
    border: 1px solid #000;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    transition: all 0.5s ease-in;
}

    .ucpa-Account-memberLink:hover {
        color: #fff;
        background-color: #0f1f28;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-Account-memberLink--small {
        width: 14.375rem;
    }
}

.ucpa-Account-memberLink--add {
    height: 3.125rem;
}

.ucpa-Account-memberLink-label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.ucpa-Account-choices {
    border-top: 1px solid #c8cdd2;
    padding: 1.5625rem 0 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-choices {
        display: -webkit-box;
        display: flex;
    }
}

.ucpa-Account-choices--agreement {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ucpa-Account-choice {
    margin: 0.9375rem 0 0 0;
    height: 4.375rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-choice {
        margin: 0 0 0 0.625rem;
        width: 33.33333%;
        height: 4.375rem;
    }

    .ucpa-Account-choice--half {
        width: 50%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-choice {
        margin: 0 0 0 1.5625rem;
    }
}

.ucpa-Account-choice:first-of-type {
    margin: 0;
}

.ucpa-Account-choice .ucpa-Radio-label--user {
    border-top: 1px solid #e6ecf2;
}

.ucpa-Account-userInfos {
    border-top: 1px solid #c8cdd2;
    padding: 1.5625rem 0 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-userInfos {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-userInfos {
        padding: 1.5625rem 1.875rem;
    }
}

.ucpa-Account-userInfo-pics {
    position: relative;
    margin: 0 auto;
    width: 11.25rem;
    height: 11.25rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-userInfo-pics {
        margin: 0;
    }
}

img.ucpa-Account-userInfo-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.ucpa-Account-userInfo-upload {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
    background-color: rgba(15, 31, 40, .3);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.2s ease;
}

.ucpa-Account-userInfo-icon {
    margin: 0 auto 0.875rem;
    display: block;
    width: 2.9375rem;
    height: 2.9375rem;
}

.ucpa-Account-userInfo-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-userInfo-form {
        width: calc(100% - 15rem);
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-userInfo-form {
        width: calc(100% - 13rem);
    }
}

.ucpa-Account-userInfos-chars {
    font-family: DINWeb, sans-serif;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
    text-align: right;
}

.ucpa-Account-action {
    text-align: right;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-button {
        width: 22.5rem;
    }
}

.ucpa-Account-button {
    border: 1px solid #0f1f28;
    transition: 0.3s ease-in all;
}

.no-touchevents .ucpa-Account-button:hover {
    color: #0f1f28;
    background-color: #fff;
}

.ucpa-Account-infosForm {
    border-top: 1px solid #c8cdd2;
    padding-top: 2.5rem;
}

.ucpa-Account-legend {
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
}

.ucpa-Account-legend-small {
    font-weight: normal;
}

.ucpa-Account-formBlock {
    margin-bottom: 2.1875rem;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #c8cdd2;
    padding-bottom: 2.1875rem;
}

    .ucpa-Account-formBlock .ucpa-CartFieldset {
        width: 100%;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-Account-formBlock .ucpa-CartFieldset {
        width: calc(50% - 0.9375rem);
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-formBlock .ucpa-CartFieldset {
        width: calc(50% - 1.875rem);
    }
}

.ucpa-Account-accordion {
    border: 1px solid #c8cdd2;
    border-bottom: 0;
}

.ucpa-Account-sportList {
    margin: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 1.5rem;
    list-style-type: none;
}

.ucpa-Account-sportItem {
    width: 50%;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-sportItem {
        width: 33.33333%;
    }
}

.ucpa-Account-text {
    margin: 2.5rem 0 1.75rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #0f1f28;
}

.ucpa-Account-text--small {
    margin: 0;
    font-size: 0.8125rem;
}

.ucpa-Account-text--service {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-text--service {
        max-width: 90%;
        padding: 0 1.875rem;
    }
}

.ucpa-Account-text-bold {
    display: block;
    font-weight: 700;
}

.ucpa-Account-text--service .ucpa-Catalog-link {
    margin: 1.25rem 0 0;
    display: block;
}

.ucpa-Account-civility {
    display: -webkit-box;
    display: flex;
}

    .ucpa-Account-civility .ucpa-Radio:first-child {
        margin-right: 1.375rem;
    }

.ucpa-Account-familyForm {
    margin-top: 1.25rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.ucpa-Account-familyForm--open {
    max-height: 187.5rem;
}

.ucpa-Account-familyForm .ucpa-Account-formBlock:not(.ucpa-Account-formBlock--last) {
    margin: 0;
    border: 0;
    padding: 0;
}

.ucpa-Account-button-red {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 1.875rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #e81d00;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-button-red {
        width: 100%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Sejour-itemContent--coming .ucpa-Account-button-red {
        max-width: 8.75rem;
    }
}

.ucpa-Catalog-link.ucpa-Account-button-blue {
    margin-top: 1.25rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
    height: 1.875rem;
    font-size: 0.8125rem;
    text-decoration: underline;
    text-transform: uppercase;
}

.ucpa-Sejour-itemContent--canceled .ucpa-Catalog-link.ucpa-Account-button-blue {
    display: none;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Catalog-link.ucpa-Account-button-blue {
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.ucpa-Catalog-link.ucpa-Account-button-blue br {
    display: none;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Catalog-link.ucpa-Account-button-blue br {
        display: block;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-button-blue {
        margin-top: 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-button-blue {
        margin-top: 1.25rem;
        width: 100%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Catalog-link.ucpa-Account-button-blue {
        margin-top: 0;
        width: auto;
    }
}

.ucpa-FieldPseudo {
    font-size: 1rem;
}

.ucpa-Sejour-col .ucpa-Account-button-blue {
    width: auto;
    line-height: 1.4;
}

@media screen and (max-width: 30em) {
    .ucpa-Sejour-col .ucpa-Account-button-blue {
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-col .ucpa-Account-button-blue {
        margin-top: 0.625rem;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-col .ucpa-Account-button-blue {
        margin-top: 1.125rem;
        width: 8.75rem;
        text-align: center;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-Sejour-col .ucpa-Account-button-blue br {
        display: none;
    }
}

.ucpa-Account-memberList + .ucpa-Account-button-blue {
    margin: 0;
    width: 100%;
}

.ucpa-Account-sortByList .ucpa-SortByAnchor-list {
    height: 4.25rem;
    padding: 0;
    background-color: transparent;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-sortByList .ucpa-SortByAnchor-list {
        height: auto;
        padding: 0 1.5rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-sortByList {
        border-bottom: 1px solid rgba(15, 31, 40, .2);
    }

        .ucpa-Account-sortByList .ucpa-SortByAnchor-list {
            margin: 0 auto;
            max-width: 57.5rem;
            padding: 0 0.625rem;
        }
}

@media screen and (max-width: 50em) {
    .ucpa-Account-sortByList .ucpa-SortBy-list {
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        overflow-x: auto;
    }

    .ucpa-Account-sortByList .ucpa-SortBy-item {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding: 0 1.875rem 1rem;
    }

    .ucpa-Account-sortByList .ucpa-SortBy-button--active::before {
        border: 1px solid rgba(15, 31, 40, .2);
    }

    .ucpa-Account-sortByList .ucpa-SortBy-item::after {
        position: absolute;
        right: 0;
        bottom: 0.625rem;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 0.1875rem;
        content: "";
        background-color: #e6ecf2;
    }
}

.ucpa-Account-block-error {
    display: none;
    font-family: DINWeb, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ff7800;
}

.ucpa-Account-block-error--visible {
    display: block;
}

.ucpa-Account-Nav-list {
    margin: 0 0 1.5625rem;
    border: 1px solid #c8cdd2;
    border-bottom: 0;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-Nav-list {
        margin: 0;
    }
}

.ucpa-Account-Nav-item {
    border-bottom: 1px solid #c8cdd2;
}

@media screen and (max-width: 50em) {
    .ucpa-Account-Nav-item {
        position: relative;
    }

    .ucpa-Account-Nav-item--current {
        border-left: 3px solid #e81d00;
    }

        .ucpa-Account-Nav-list--active .ucpa-Account-Nav-item:first-child::before,
        .ucpa-Account-Nav-list--active .ucpa-Account-Nav-item:first-child::after,
        .ucpa-Account-Nav-item--current::before,
        .ucpa-Account-Nav-item--current::after {
            position: absolute;
            top: 50%;
            right: 1.25rem;
            width: 0.625rem;
            height: 0.125rem;
            content: "";
            background-color: #e81d00;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            transition-duration: 0.2s;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
        }

        .ucpa-Account-Nav-list--active .ucpa-Account-Nav-item:first-child::before,
        .ucpa-Account-Nav-item--current::before {
            right: 1.625rem;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .ucpa-Account-Nav-item--current::after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .ucpa-Account-Nav-list--active .ucpa-Account-Nav-item:first-child::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .ucpa-Account-Nav-list--active .ucpa-Account-Nav-item:first-child::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .ucpa-Account-Nav-list--active .ucpa-Account-Nav-item--current::before,
    .ucpa-Account-Nav-list--active .ucpa-Account-Nav-item--current::after {
        content: none;
    }

    .ucpa-Account-sortByList {
        position: relative;
    }

        .ucpa-Account-sortByList::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0.375rem;
            width: 50px;
            border-bottom: 1px solid transparent;
            content: "";
            background: transparent url(/images/skins/277//images/skins/221//images/skins/206//images/skins/184//images/skins/184/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAZCAQAAACs0AlsAAACXUlEQVRYw7VY7XKDMAyLoHf7u/d/2GpbaYPjyCbpUrhyEJMm/pJlUMKDKH/n/rhu9fd37ubu+B1j++Pcyu0h3+vzXt/bf2Wt5PaYfTP/1c7YzNNr1VK+yvfvE8vAsSUyHJq6MTzHD/kp5VPG5yhae9U5dGN8niV4/1yHZg8Tx5ZK4RYsdTtwb1hF7Z3dPMzZKtMbE85MaNTlOhX9trNxHTZWHTZqvCQQXkGV67UXepGph/PFxzLlFditz1jjBdXPDFJgiReVjRn49D5spteWEfgFbj0091idi61HaKw8HkLoMg4TMcNZkJkNVMrl8kUprG/N1QcyKqC0kMLAyAsD1SuzNdnijaHgH8JkFOWJZgYERn/AiyXIul51VURocLGITLI+izEU/1FvPBevJDRXpODCIUNCYOeHcjHKGauUB/MY1lH9dM6+Bxnm4QXv+3G7CFGIv2dHxzQ2QjCjkmwd0qfsAharERUB+KCSrPOJYqOQOaolPlIYKL2MwEHwjpyetVBEQcqu/QDJXSFBbmHRoMRVBrl2ImTbT5zdiI4RuisciY+Z1b9UzO2u6qLqExQjHYM5vKfWTNFg0vtdG6YkuTzChZESiYUELocFa4S2JWaAjj44edGx+LmLA1WBNRLIYUrmjw3eXVGJ2jI6pvMBAseuf3vngKyGfWPcew1v9bGTRQOdpRkyUk2f2VHvs6uk/PzRYmrGjxfmIs1bmEZEOHV8dlN8tylduWm9PZWR2+BmKakaE0bCMKTg8ptNb0mR7W1RWvxhg64A+zCNy7/nqHZj9y4fdctECXWTmPADFcoWEDIfQw4AAAAASUVORK5CYII=) repeat-y top right;
        }
}

.ucpa-Account-Nav-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 3.125rem;
    padding: 0 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #1a1a1a;
    text-decoration: none;
    background-color: #fff;
}

@media screen and (min-width: 50.01em) {
    .ucpa-Account-Nav-link {
        background-color: rgba(255, 255, 255, .5);
        opacity: 0.5;
        transition: all 0.5s ease-in;
    }

    .ucpa-Account-Nav-item:hover .ucpa-Account-Nav-link {
        background-color: #fff;
        opacity: 1;
    }

    .ucpa-Account-Nav-link--current {
        border-right: 3px solid #e81d00;
        background-color: #fff;
        opacity: 1;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-Account-Nav-item:not(.ucpa-Account-Nav-item--current) {
        max-height: 0;
        border: 0;
        overflow: hidden;
    }

    .ucpa-Account-Nav-list--active .ucpa-Account-Nav-item:not(.ucpa-Account-Nav-item--current) {
        max-height: 6.25rem;
        border-bottom: 1px solid #c8cdd2;
        overflow: visible;
    }

    .ucpa-Account-Nav-item--current .ucpa-Account-Nav-link {
        border-left: 3px solid #e81d00;
    }
}

.ucpa-Account-sliderContent {
    border-top: 1px solid #c8cdd2;
    padding: 2.1875rem 0 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-sliderContent {
        padding: 2.1875rem 2rem 0;
    }
}

.ucpa-Account-slider {
    width: 100%;
    min-height: 14.375rem;
    font-size: 1rem;
}

.ucpa-Account-slider-label,
.ucpa-Account-slider-title {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1;
    color: #1a1a1a;
}

.ucpa-Account-slider-title {
    margin: 0.875rem 0 1.25rem;
    font-size: 1.5625rem;
    font-weight: 700;
}

.ucpa-Account-slider-links {
    position: relative;
    margin-top: 0.9375rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 1.25rem;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-slider-links {
        max-width: 21.875rem;
    }
}

.ucpa-Account-slider-links::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #c8cdd2;
}

.ucpa-Account-slider-link {
    width: 30%;
    font-family: DINWeb, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    color: #00a6c6;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-slider-link {
        width: auto;
        text-decoration: underline;
    }
}

.ucpa-Account-slider-link.swiper-button-disabled {
    cursor: default;
    opacity: 0.3;
}

.ucpa-Account-slider-link.ucpa-Account-slider-disabled {
    pointer-events: none;
    opacity: 0.3;
}

.ucpa-Catalogs {
    position: relative;
    border-top: 1px solid #c8cdd2;
}

.ucpa-Catalog {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    padding-top: 1.125rem;
    white-space: nowrap;
}

.ucpa-Catalog-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.125rem;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

@media screen and (min-width: 30.01em) {
    .ucpa-Catalog-overlay {
        display: none;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Catalog {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.ucpa-Catalog + .ucpa-Catalogs,
.ucpa-Account-blockLabel:not(:first-of-type) + .ucpa-Catalogs {
    border: none;
}

.ucpa-Catalogs + .ucpa-Account-blockLabel {
    margin: 0;
    border-top: 1px solid #c8cdd2;
    padding-top: 2.1875rem;
}

.ucpa-Catalog-block {
    margin: 0 1.875rem 1.5625rem 0;
    display: inline-block;
    width: 10.625rem;
    vertical-align: top;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Catalog-block {
        margin: 0 0 1.5625rem;
        width: 50%;
    }

    .ucpa-Catalog-block--small {
        width: 33.33333%;
        max-width: 10rem;
        padding-top: 0;
    }
}

.ucpa-Catalog-title {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #1a1a1a;
}

.ucpa-Catalog-period {
    margin-top: 0.625rem;
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
}

.ucpa-Catalog-parution {
    margin-top: 0.625rem;
    display: block;
    font-size: 0.8125rem;
    font-weight: normal;
}

.ucpa-Catalog-cover {
    width: 8.75rem;
}

.ucpa-Catalog-img {
    width: 100%;
    height: auto;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Catalog-cover,
    .ucpa-Catalog-list {
        display: inline-block;
        vertical-align: middle;
    }
}

.ucpa-Catalog-cover--verticalCentered {
    margin-bottom: 0.875rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 11.4375rem;
}

.ucpa-Catalog-list {
    margin: 0;
    width: 8.75rem;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Catalog-list {
        width: auto;
        padding: 0 0 0 1.875rem;
    }
}

.ucpa-Catalog-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 2.5rem;
    border-top: 1px solid #c8cdd2;
}

    .ucpa-Catalog-item:first-child {
        border: 0;
    }

.ucpa-Catalog-link {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #00a6c6;
    text-decoration: none;
}

.ucpa-Catalog-icon {
    margin-right: 0.625rem;
    width: 0.9375rem;
    height: 0.9375rem;
}

.ucpa-Sejour-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background-color: #fff;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}

.ucpa-Sejour-itemPics {
    width: 100%;
    line-height: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-itemPics {
        width: 12.5rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Sejour-itemPics {
        width: 15rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Sejour-itemPics--large {
        -webkit-box-flex: 0;
        flex: 0 0 13.125rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Sejour-itemPics--large {
        -webkit-box-flex: 0;
        flex: 0 0 16.25rem;
    }
}

@media (min-width: 82.5rem) {
    .ucpa-Sejour-itemPics--large {
        -webkit-box-flex: 0;
        flex: 0 0 18.75rem;
    }
}

.ucpa-Sejour-itemImg {
    width: 100%;
    height: auto;
}

.ucpa-Sejour-itemContent {
    padding: 1.875rem 1rem 0;
}

@media screen and (min-width: 23.4475em) {
    .ucpa-Sejour-itemContent {
        padding: 1.875rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-itemContent {
        width: calc(100% - 12.5rem);
        padding: 1rem 1.25rem 0;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Sejour-itemContent {
        width: calc(100% - 15rem);
        padding: 1.5rem 2.5rem 0;
    }
}

.ucpa-Sejour-itemContent--past {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 1.875rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-itemContent--past {
        padding: 1.25rem;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Sejour-itemContent--past {
        padding: 1.875rem;
    }
}

.ucpa-Account-sejour:first-child {
    margin: 0;
}

.ucpa-Account-sejour + .ucpa-Account-sejour {
    margin-top: 2.5rem;
}

.ucpa-Account-sejour .ucpa-Account-block {
    margin: 0;
}

.ucpa-Account-sejour .ucpa-Account-blockLabel {
    border-bottom: 1px solid #c8cdd2;
    padding-bottom: 1.5625rem;
}

.ucpa-Account-sejour .ucpa-Account-memberList {
    margin: 1rem 0;
    width: 100%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-sejour .ucpa-Account-memberList {
        margin: 1rem 0;
        width: auto;
    }
}

.ucpa-Account-member-list {
    margin: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0;
    list-style-type: none;
}

.ucpa-Account-member-item {
    margin-bottom: 1.5625rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 5rem;
    border: 1px solid #e6ecf2;
    text-transform: uppercase;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Account-member-item {
        margin-bottom: 1.875rem;
        width: calc(50% - 0.9375rem);
    }
}

.ucpa-Account-member-icon {
    margin-bottom: 0.625rem;
    width: 1.5625rem;
    height: 1.5625rem;
}

.ucpa-Account-member-label {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1;
    color: #1a1a1a;
}

.ucpa-Account-sejour-members {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-sejour-members {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
}

.ucpa-Account-sejour-members .ucpa-Account-memberLink {
    width: 100%;
}

@media screen and (min-width: 65.01em) {
    .ucpa-Account-sejour-members .ucpa-Account-memberLink {
        width: calc(50% - 0.9375rem);
    }
}

.ucpa-Account-sejour-label {
    margin: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #1a1a1a;
}

.ucpa-Transport-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Transport-list {
        width: 72%;
    }
}

.ucpa-Transport-item {
    border-bottom: 1px solid #c8cdd2;
    padding: 0 0 1.25rem;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    line-height: 1;
    color: #1a1a1a;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Transport-item {
        padding: 0 1.875rem 1.25rem;
    }
}

.ucpa-Transport-item:first-child {
    margin-bottom: 1.5625rem;
}

.ucpa-Transport-date {
    font-weight: 700;
}

.ucpa-Transport-detail {
    margin: 0.625rem 0 1.25rem;
    display: block;
    font-weight: normal;
}

.ucpa-Document-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ucpa-Document-item {
    display: table;
    width: 100%;
    border-bottom: 1px solid #c8cdd2;
    padding: 0.9375rem 0;
    table-layout: fixed;
}

    .ucpa-Document-item:first-child {
        padding-top: 0;
    }

@media screen and (min-width: 30.01em) {
    .ucpa-Document-item {
        padding: 0.9375rem 1.875rem;
    }
}

.ucpa-Document-label,
.ucpa-Document-link {
    display: block;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Document-label,
    .ucpa-Document-link {
        display: table-cell;
    }
}

.ucpa-Document-label {
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1;
    color: #1a1a1a;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Document-link {
        width: 6.875rem;
    }
}

.ucpa-Sejour-itemLinks {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-itemLinks {
        max-width: 22.8125rem;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-Sejour-itemLinks {
        max-width: 100%;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-Sejour-itemLinks {
        max-width: 22.8125rem;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-cols {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        max-width: 26.25rem;
    }
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-cols {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}

@media (max-width: 46rem) and (orientation: landscape) {
    .ucpa-Sejour-cols {
        margin-top: 0.625rem;
        max-width: 21.875rem;
    }
}

.ucpa-Sejour-col:first-child {
    position: relative;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #c8cdd2;
    padding-bottom: 0.625rem;
}

.ucpa-Sejour-itemContent--canceled .ucpa-Sejour-col:first-child {
    margin: 0;
    border: 0;
    padding: 0;
}

.ucpa-Sejour-col {
    position: relative;
    font-size: 0;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-col {
        font-size: inherit;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-col:first-child {
        margin: 0;
        width: 8.625rem;
        border: none;
        padding-bottom: 0;
    }
}

.ucpa-Sejour-colBorder {
    position: relative;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-border {
        position: absolute;
        top: 50%;
        display: block;
        width: 1px;
        height: 1.875rem;
        background-color: #c8cdd2;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.ucpa-Sejour-col .ucpa-Sejour-itemLinks {
    margin-bottom: 0;
}

.ucpa-Sejour-col .ucpa-Sejour-itemLinks {
    display: inline-block;
    width: 50%;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-col .ucpa-Sejour-itemLinks {
        display: -webkit-box;
        display: flex;
        width: 100%;
    }
}

.ucpa-Sejour-col .ucpa-Sejour-itemLinks:last-child {
    margin-top: 0;
    width: 100%;
}

.ucpa-Sejour-participant {
    margin-bottom: 0.625rem;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: left;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Sejour-participant {
        width: 50%;
    }
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-participant {
        margin-top: 0.1875rem;
        display: block;
        width: 100%;
        text-align: center;
    }
}

.ucpa-Sejour-itemContent--canceled .ucpa-Sejour-participant {
    opacity: 0.3;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-participant + .ucpa-Sejour-participant {
        margin-top: 1.25rem;
    }
}

.ucpa-Sejour-participant-icon {
    margin: 0;
}

.ucpa-Sejour-participant-label {
    margin-left: 0.625rem;
    display: inline-block;
    vertical-align: middle;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1;
    color: #1a1a1a;
    text-transform: uppercase;
}

.ucpa-Sejour-participant-label--regular {
    font-family: DINWeb, sans-serif;
    font-weight: 500;
    text-transform: none;
}

.ucpa-Sejour-col .ucpa-Account-memberList {
    margin: 0.75rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 12.5rem;
}

.ucpa-Sejour-col .ucpa-Account-memberLink {
    width: auto;
    max-width: 10.9375rem;
    padding: 0 0.625rem;
}

@media screen and (min-width: 80.01em) {
    .ucpa-Sejour-col .ucpa-Account-memberLink {
        width: 12.8125rem;
        max-width: 100%;
        padding: 0;
    }
}

.ucpa-Sejour-col .ucpa-Account-memberItem {
    margin: 0;
    width: 2.5rem;
    height: 2.5rem;
}

.ucpa-Sejour-col-txt {
    margin: 0.375rem 0 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
}

.ucpa-Sejour-col--avis {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ucpa-PageNotifications-paragraph {
    padding: 1.25rem 0 0 0;
    font-family: DINWeb, sans-serif;
}

    .ucpa-PageNotifications-paragraph .ucpa-Account-userlink {
        margin: 0.9375rem 0;
    }

.ucpa-PageNotifications-separator {
    border-top: 1px solid #c8cdd2;
}

@media screen and (max-width: 50em) {
    .ucpa-PageNotifications-rightSection {
        margin-top: 2.5rem;
    }
}

.ucpa-PageNotifications-highlighted,
.ucpa-PageNotifications-paragraph,
.ucpa-PageNotifications-downloadLink {
    font-size: 0.9375rem;
}

.ucpa-PageNotifications-highlighted {
    padding: 0.625rem 2.9375rem;
    color: #00a6c6;
    background: #e3f5f9;
}

@media screen and (max-width: 30em) {
    .ucpa-PageNotifications-highlighted {
        padding: 0.9375rem 1.875rem;
        line-height: 1.4;
    }
}

.ucpa-PageNotifications-downloadLink {
    display: block;
    font-weight: 700;
    color: #00a6c6;
    text-decoration: none;
}

.ucpa-PageNotifications-icon {
    margin-right: 0.625rem;
}

.ucpa-PageNotifications-imgBlock {
    margin-bottom: 2.5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    background: white;
}

@media screen and (max-width: 30em) {
    .ucpa-PageNotifications-imgBlock {
        display: block;
    }
}

.ucpa-PageNotifications-imgBlock .ucpa-Account-block {
    position: relative;
    margin-bottom: 1.875rem;
    width: 60%;
}

@media screen and (min-width: 30.01em) {
    .ucpa-PageNotifications-imgBlock .ucpa-Account-block {
        padding-bottom: 0;
    }
}

.ucpa-PageNotifications-imgBlockIllustration {
    position: relative;
    margin-bottom: -6px; /* annulation marge img navigateur */
    width: 40%;
}

@media screen and (max-width: 80em) {
    .ucpa-PageNotifications-imgBlock .ucpa-Account-blockLabel {
        margin-bottom: 0.625rem;
    }

    .ucpa-PageNotifications-imgBlock .ucpa-Account-block {
        margin-bottom: 0;
        padding: 0.9375rem;
    }

    .ucpa-PageNotifications-imgBlock .ucpa-PageNotifications-paragraph {
        margin-bottom: 0;
        padding-top: 0;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-PageNotifications-imgBlockIllustration,
    .ucpa-PageNotifications-imgBlock .ucpa-Account-block {
        width: 100%;
    }
}

.ucpa-PageNotifications-imgBlockIllustration img {
    width: 100%;
}

.ucpa-PageNotifications-widgetLink {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 3.125rem;
    border: 1px solid #000;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    color: #0f1f28;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in;
}

@media screen and (min-width: 30.01em) {
    .ucpa-PageNotifications-widgetLink--inline {
        display: inline-block;
        width: auto;
        padding: 0 4.375rem;
        line-height: 3.125rem;
    }
}

.ucpa-PageNotifications-widgetLink:hover {
    color: #fff;
    background-color: #0f1f28;
}

.ucpa-PageNotifications-imgBlockContentWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: calc(100% - 50px);
}

.ucpa-PageNotifications-boldInfos {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #1a1a1a;
}

.ucpa-Account-promoBlock {
    position: relative;
}

    .ucpa-Account-promoBlock::before,
    .ucpa-Account-promoBlock::after {
        position: absolute;
        top: -2.9375rem;
        right: 0.625rem;
        width: 3.4375rem;
        height: 3.4375rem;
    }

    .ucpa-Account-promoBlock::after {
        padding-top: 0.625rem;
    }

@media screen and (max-width: 30em) {
    .ucpa-Account-promoBlock::before,
    .ucpa-Account-promoBlock::after {
        top: -3.1875rem;
    }
}

.ucpa-Account-promoBlock::before {
    content: "";
    background-color: red;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-Account-promoBlock::after {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.0625rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    content: attr(data-promo);
}

.ucpa-PageSegment-link {
    margin-bottom: 1.875rem;
    display: block;
    font-weight: 700;
    color: #00a6c6;
    text-decoration: none;
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageSegment-link {
        margin-bottom: 0;
    }
}

.ucpa-PageSegment-linkIcon {
    margin: 0 0.625rem 0 0;
}

@media screen and (max-width: 65em) {
    .ucpa-Product-itemDesc-text,
    .ucpa-Product-itemDesc-innerList {
        display: none;
    }
}

.ucpa-PageSegment-buttonBlock {
    margin-top: 3.125rem;
}

@media screen and (min-width: 30.01em) {
    .ucpa-PageSegment-buttonBlock {
        margin-top: 0;
    }
}

.ucpa-PageSegment-buttonBlock .ucpa-Link--default {
    margin: 1.25rem 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-PageSegment-buttonBlock {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }

        .ucpa-PageSegment-buttonBlock .ucpa-Link--default {
            margin: 3.125rem 1.875rem 0;
        }
}

@media screen and (max-width: 65em) {
    .ucpa-Section-Slides.swiper-container.swiper-container--MteOffer,
    .ucpa-Section-Slides.swiper-container.swiper-container--NatOffer,
    .ucpa-Section-Slides.swiper-container.swiper-container--SeaOffer {
        margin-right: 0;
        padding: 0;
    }
}

@media screen and (min-width: 65.01em) {
    .swiper-container--MteOffer .swiper-wrapper,
    .swiper-container--NatOffer .swiper-wrapper,
    .swiper-container--SeaOffer .swiper-wrapper {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .swiper-container--MteOffer .ucpa-Slide.swiper-slide,
    .swiper-container--NatOffer .ucpa-Slide.swiper-slide,
    .swiper-container--SeaOffer .ucpa-Slide.swiper-slide {
        margin-right: 0;
        flex-shrink: inherit;
        width: 100%;
        height: inherit;
        text-align: left;
    }
}

.ucpa-PageContact {
    font-family: DINWeb, sans-serif;
}

.ucpa-PageContact-section {
    margin-top: 4.0625rem;
}

@media screen and (max-width: 50em) {
    .ucpa-PageContact-section {
        margin-top: 2.1875rem;
    }
}

.ucpa-PageContact .ucpa-Wrapper {
    background-color: #f3f6f9;
}

.ucpa-PageContact-paragraph {
    text-align: center;
}

.ucpa-PageContact-highligthedInfos {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #0f1f28;
    text-decoration: none;
}

.ucpa-PageContact-contactTypes {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 0.625rem;
}

.ucpa-PageContact-contactType {
    width: 50%;
    max-width: 22.5rem;
    min-height: 9.375rem;
    padding: 2.5rem;
    text-align: center;
}

    .ucpa-PageContact-contactType:last-child {
        border-left: 0;
    }

@media screen and (max-width: 30em) {
    .ucpa-PageContact-contactTypes,
    .ucpa-PageContact-contactType {
        display: block;
    }

    .ucpa-PageContact-contactType {
        width: 100%;
        max-width: 100%;
    }

        .ucpa-PageContact-contactType:last-child {
            border-top: 0;
            border-left: 1px solid #c8cdd2;
        }
}

.ucpa-PageContact-form,
.ucpa-PageContact-contactType {
    border: 1px solid #c8cdd2;
    background-color: #fff;
}

.ucpa-PageContact-form {
    margin-top: 2.1875rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
    padding: 1.875rem 2.5rem 2.5rem 2.5rem;
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageContact-form-fields {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: calc(100% - 240px);
        padding-right: 6.25%;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageContact-form .ucpa-CartFieldset {
        width: 45.83333%;
    }
}

.ucpa-PageContact-form .ucpa-CartFieldset--disable {
    opacity: 0.3;
}

.ucpa-PageContact-form .ucpa-Cart-button {
    width: 15rem;
}

@media screen and (max-width: 50em) {
    .ucpa-PageContact-form {
        margin-top: 0.9375rem;
        padding: 1.25rem;
        padding-top: 0.3125rem;
    }

        .ucpa-PageContact-form .ucpa-CartFieldset {
            margin-right: 1.25rem;
        }

    .ucpa-PageContact-form {
        display: block;
    }

        .ucpa-PageContact-form .ucpa-CartFieldset {
            margin-top: 0.3125rem;
            margin-right: 0;
            -webkit-box-flex: 1;
            flex-grow: 1;
            max-width: 100%;
        }

        .ucpa-PageContact-form .ucpa-Cart-button {
            margin-top: 1.25rem;
            width: 100%;
        }
}

.ucpa-PageContact-contactList {
    margin-top: 3.4375rem;
}

.ucpa-PageContact-contactList-container {
    font-size: 0;
}

@media screen and (min-width: 30.01em) {
    .ucpa-PageContact-contactList-container {
        margin: 0 -2.5% 0;
    }
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageContact-contactList-container {
        margin: 0 -1% 0;
    }
}

.ucpa-PageContact-contact {
    margin: 0 0 3.4375rem;
    display: inline-block;
    width: 31.3%;
    padding: 1.5625rem;
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    background-color: #fff;
}

.ucpa-PageContact-contactList-container:not(.ucpa-ExpandBlock--expanded) .ucpa-PageContact-contact:nth-child(n+3) {
    display: none;
}

@media screen and (min-width: 30.01em) {
    .ucpa-PageContact-contact {
        margin: 0 1% 3.4375rem;
    }

    .ucpa-PageContact-contactList-container:not(.ucpa-ExpandBlock--expanded) .ucpa-PageContact-contact:nth-child(n+3),
    .ucpa-PageContact-contactList-container .ucpa-PageContact-contact:nth-child(n+3) {
        display: inline-block;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-PageContact-contactList {
        margin-top: 1.5625rem;
        justify-content: space-around;
    }

    .ucpa-PageContact-contact {
        margin: 0 2.5% 1.5625rem;
        width: 45%;
    }
}

@media screen and (max-width: 30em) {
    .ucpa-PageContact-contact {
        margin: 0 0 1.5625rem;
        width: 100%;
        max-width: 100%;
    }
}

.ucpa-PageContact-profilImgBlock {
    display: inline-block;
    width: 7.8125rem;
    height: 7.8125rem;
}

.ucpa-PageContact-profilImg {
    margin-bottom: 0.625rem;
    width: 100%;
    box-shadow: 0 1px 4px 2px #ccc;
    border-radius: 7.8125rem;
}

.ucpa-PageContact-contactName {
    font-size: 1.25rem;
    font-weight: 700;
}

.ucpa-PageContact-contactPhone {
    position: relative;
    margin-top: 0.9375rem;
    padding-top: 0.9375rem;
}

    .ucpa-PageContact-contactPhone::before {
        position: absolute;
        top: 0;
        left: calc(50% - 10px); /* half the width of the separator */
        display: block;
        width: 20px;
        border-top: 2px solid #c8cdd2;
        content: "";
    }

.ucpa-PageContact-contactType-icon {
    margin-bottom: 0.3125rem;
    height: 1.4375rem;
    font-size: 1.4375rem;
}

.ucpa-Expand-button--contact {
    margin: 0 auto 2.5rem;
    display: block;
}

@media screen and (min-width: 30.01em) {
    .ucpa-Expand-button--contact {
        display: none;
    }
}

.ucpa-PageBlanche .ucpa-Product--listView {
    display: none;
}

@media screen and (min-width: 65.01em) {
    .ucpa-PageBlanche .ucpa-Product--listView {
        display: block;
    }
}

@media screen and (min-width: 65.01em) {
    .ucpa-PageBlanche .ucpa-Slide:first-child {
        display: none;
    }
}

.ucpa-PageDevis {
    background-color: #f3f6f9;
}

.ucpa-PageDevis-form {
    margin-bottom: 3.75rem;
}

.ucpa-PageDevis-inputGroup {
    margin-bottom: 1.875rem;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #c8cdd2;
    padding-bottom: 1.875rem;
}

.ucpa-PageDevis-inputGroup--last {
    margin-bottom: 1.25rem;
    border: 0;
    padding: 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageDevis-inputGroup--last {
        margin-bottom: 0.625rem;
    }
}

.ucpa-PageDevis-radioFieldSet {
    border: 1px solid #c8cdd2;
    padding: 1.25rem 0.9375rem;
    background-color: #fff;
}

.ucpa-PageDevis .ucpa-CartFieldset,
.ucpa-PageDevis-radioFieldSet {
    margin: 1.875rem 0 0;
}

@media screen and (min-width: 50.01em) {
    .ucpa-PageDevis .ucpa-CartFieldset,
    .ucpa-PageDevis .ucpa-PageDevis-radioFieldSet {
        width: 47%;
    }
}

@media screen and (max-width: 50em) {
    .ucpa-PageDevis .ucpa-CartFieldset,
    .ucpa-PageDevis-radioFieldSet {
        margin: 0.9375rem 0 0;
        width: 100%;
    }

    .ucpa-PageDevis-radioFieldSet {
        margin-top: 0;
        border-top: 0;
    }

        .ucpa-PageDevis-radioFieldSet:first-child {
            margin: 1.875rem 0 0;
            border-top: 1px solid #c8cdd2;
        }
}

.ucpa-PageDevis-inputGroup .ucpa-Radio-label {
    padding-left: 1.875rem;
}

    .ucpa-PageDevis-inputGroup .ucpa-Radio-label::before {
        position: absolute;
        left: 0;
    }

.ucpa-PageDevis-inputGroup .ucpa-Radio-label,
.ucpa-PageDevis-inputGroup .ucpa-CartLabel {
    margin: 0;
}

.ucpa-PageDevis-textarea {
    margin-top: 1.875rem;
    width: 100%;
    height: 200px;
    border: 1px solid #c8cdd2;
    padding: 0.9375rem;
}

.ucpa-PageDevis-submitButton {
    position: relative;
    height: 3.125rem;
}

    .ucpa-PageDevis-submitButton .ucpa-Button {
        position: absolute;
        right: 0;
        width: 47%;
        background-color: #e81d00;
    }

@media screen and (max-width: 50em) {
    .ucpa-PageDevis-submitButton .ucpa-Button {
        margin-top: 1.875rem;
        width: 100%;
    }
}

/*# sourceMappingURL=bundle.css.map*/

/******************* MODAL */

.modal h5 {
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.modal .btn {
    width: 100%;
    height: 3.125rem;
    border: none;
    padding: 0;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #0f1f28;
    border-radius: 0;
    line-height: 1;
}

.modal input[type="text"],
.modal input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 3.125rem;
    border: 1px solid #c8cdd2;
    border-radius: 0;
    padding: 0 0.9375rem;
    padding-right: 3rem;
    margin-top: 15px;
}

/******************* COPYRIGHT */

.copyright {
    background-color: #1b2a33;
    color: #e6ecf2;
    text-align: center;
    font-size: 0.75rem;
    font-family: DINWeb, sans-serif;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

    .copyright p {
        margin: 0;
    }

/******************* BOUTON RETOUR EN HAUT */

#back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    z-index: 1001;
    background-color: #00a6c6;
    border: 1px solid white;
    color: white;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 35px;
}

    #back-to-top svg {
        transform: rotate(-90deg);
    }

/******************* COOKIE BAR */

.mlCookieBar {
    background-color: rgba(15, 31, 40, 0.8) !important;
    color: white;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
}

    .mlCookieBar button {
        border: 1px solid #00a6c6;
        color: #fff;
        background-color: transparent;
        font-family: DINWeb, sans-serif;
        font-size: 0.9375rem;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 10px;
        padding: 8px 15px;
        border-radius: 0;
        transition: 0.3s ease-in all;
    }

        .mlCookieBar button:hover,
        .mlCookieBar button:focus,
        .mlCookieBar button:active {
            background-color: #00a6c6;
            transition: 0.3s ease-in all;
        }


/******************* INFO WINDOW */

#map .map-nom {
    font-family: DINWeb, sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
    color: #00a6c6;
    font-weight: normal;
    font-weight: 700;
}

#map .map-bt-telephone {
    font-family: DINWeb, sans-serif;
    margin: 10px 0;
    display: block;
    font-weight: 700;
}

#map .map-adresse,
#map .map-cp-ville {
    font-family: DINWeb, sans-serif;
    font-size: 14px;
}

#map .map-bt-url,
#map .map-bt-itineraire {
    padding: 6px 12px !important;
    display: inline-block;
    border: none;
    padding: 0;
    font-family: DINWeb, sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #0f1f28;
    border-radius: 0;
    line-height: 1;
}

#map .map-bt-url {
    background-color: #00a6c6;
    margin-right: 5px;
}

#map .map-bt-itineraire {
    background-color: #0f1f28;
}

.map-title {
    text-align: center;
    color: #00a6c6;
    margin: 20px;
    font-family: DINWeb, sans-serif;
    font-size: 48px;
    text-transform: uppercase;
}

/******************* PAGER */

.page-item.active .page-link,
.page-item.active a {
    position: relative;
    display: block;
    padding: 12px 17px;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
    background-color: #00a6c6;
    border: 1px solid #dee2e6;
}

    .page-item.active .page-link:hover,
    .page-item.active .page-link:active,
    .page-item.active .page-link:focus {
        color: #fff;
    }

.page-item .page-link,
.page-item a {
    color: #00a6c6;
    padding: 12px 17px;
    font-family: DINWeb, sans-serif;
    background-color: #0f1f28;
    color: white;
    font-weight: 500;
    transition: color 0.3s ease, background-color 0.3s ease;
}

    .page-item .page-link:hover,
    .page-item .page-link:focus,
    .page-item .page-link:active {
        color: #fff;
        outline: none;
        box-shadow: none;
        background-color: #00a6c6;
        transition: color 0.3s ease, background-color 0.3s ease;
    }


.page-item:last-child .page-link {
    border-radius: 0;
}

/******************* BOUTIQUE */

.breadcrumb-boutique {
    position: absolute;
    top: 7.5rem;
    left: 4.1666%;
    margin: 0;
    display: block;
    padding: 0;
}

    .breadcrumb-boutique li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        font-family: DINWeb, sans-serif;
        font-size: 0.8125rem;
        color: white;
    }

        .breadcrumb-boutique li a {
            color: white;
        }


        .breadcrumb-boutique li span {
            margin-left: 5px;
        }

#idml_search_input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    border-radius: 0;
    padding: 0 3.125rem 0 0.9375rem;
    font-family: DINWeb, sans-serif;
    font-weight: 700;
    color: #0f1f28;
    background-color: #e6ecf2;
    transition: background-color 0.3s ease-in;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
}

.ucpa-Search .Bouton {
    width: 3.125rem;
    height: 100%;
    font-family: DINWeb, sans-serif;
    font-weight: 700;
    outline: none;
    border: none;
    padding: 0;
    color: #e81d00;
    background-color: #e6ecf2;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

    .ucpa-Search .Bouton:hover {
        cursor: pointer;
    }

.search-boutique {
    text-align: center;
}

    .search-boutique form {
        height: 3rem;
        display: inline-block;
    }

    .search-boutique #idml_sort_select {
        margin: 0 -5px !important;
    }


    .search-boutique [id^= idml_filter_filter_],
    .search-boutique #idml_cat_select,
    .search-boutique [id^= idml_cat_select_],
    .search-boutique #idml_sort_select {
        box-sizing: border-box;
        display: inline-block;
        height: 3rem;
        outline: none;
        line-height: 3rem;
        border: none;
        border-radius: 0;
        padding: 0 3.125rem 0 0.9375rem;
        font-family: DINWeb, sans-serif;
        font-weight: 700;
        color: #0f1f28;
        background-color: #e6ecf2;
        transition: background-color 0.3s ease-in;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #fff;
        border-left: solid 1px #fff;
    }


    .search-boutique a {
        box-sizing: border-box;
        display: inline-block;
        outline: none;
        line-height: 3rem;
        border: none;
        border-radius: 0;
        padding: 0 3.125rem 0 0.9375rem;
        font-family: DINWeb, sans-serif;
        font-weight: 700;
        color: #fff;
        background-color: #0f1f28;
        transition: background-color 0.3s ease-in;
        box-shadow: inset 0 0 0 1px #0f1f28;
    }

    .search-boutique #idml_cat_select,
    .search-boutique a,
    .search-boutique [id^= idml_cat_select_] {
        margin-left: -5px;
    }


    .search-boutique [id^= idml_cat_select_] {
        border-right: solid 1px #fff;
        /*margin-left: -5px;*/
    }

    .search-boutique select option {
        padding: 10px;
        font-family: DINWeb-Bold, sans-serif;
        font-size: 0.9375rem;
        color: #0f1f28;
        display: block;
    }


@media (max-width:800px) {
    .search-boutique [id^= idml_filter_filter_],
    .search-boutique #idml_cat_select,
    .search-boutique a,
    .search-boutique [id^= idml_cat_select_],
    .search-boutique #idml_sort_select {
        width: 100%;
        text-align: left;
    }

    .search-boutique {
        height: auto;
        text-align: left;
    }

        .search-boutique .ucpa-Grid {
            width: 100%;
        }

    #idml_search_input {
        border: none;
        width: 100% !important;
    }

    .ucpa-Search .Bouton {
        position: absolute;
        border: none;
        right: 0;
        top: 0;
    }

    .search-boutique form {
        width: 100%;
        position: relative;
    }

    .search-boutique #idml_sort_select {
        margin: 0;
    }

    .breadcrumb-boutique {
        display: none;
    }

    .search-boutique #idml_cat_select,
    .search-boutique a,
    .search-boutique [id^= idml_cat_select_] {
        margin-left: 0;
    }
}

/******************* TOP MENU */

/*.ucpa-Nav .ucpa-Nav-item--hasChildren .ucpa-Nav-item:last-child .ucpa-Nav-link {
    color: #e81d00;
}

    .ucpa-Nav .ucpa-Nav-item--hasChildren .ucpa-Nav-item:last-child .ucpa-Nav-link:hover,
    .ucpa-Nav .ucpa-Nav-item--hasChildren .ucpa-Nav-item:last-child .ucpa-Nav-link:active,
    .ucpa-Nav .ucpa-Nav-item--hasChildren .ucpa-Nav-item:last-child .ucpa-Nav-link:focus {
        color: #e81d00;
    }*/

/******************* PAGE 404 */

#error404 {
    text-align: center;
}

    #error404 h1 {
        position: relative;
        margin: 2.3125rem 0;
        display: inline-block;
        width: 100%;
        font-family: DINWeb-Cond, sans-serif;
        font-size: 1.875rem;
        font-weight: bold;
        color: #0f1f28;
        text-align: center;
    }

    #error404 p {
        font-family: DINWeb, sans-serif;
        font-size: 1.25rem;
        line-height: 1.5;
    }

    #error404 a {
        border: 1px solid #0f1f28;
        font-family: DINWeb, sans-serif;
        font-size: 0.9375rem;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        background-color: #0f1f28;
        margin-top: 30px;
        transition: 0.3s ease-in all;
        position: relative;
        z-index: 2;
        display: inline-block;
        text-align: center;
        padding: 15px 70px;
    }

        #error404 a:hover {
            color: #0f1f28;
            background-color: #fff;
            transition: 0.3s ease-in all;
        }

/******************* NEWSLETTER */

#idml_div_mailing_ok,
#idml_div_confirm_abo,
#idml_div_confirm_desabo,
#idml_div_store_no_item,
#idml_div_mailing_ko {
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center;
    margin-top: 50px;
}

    #idml_div_confirm_abo a {
        color: #00a6c6;
    }


/******************* PANIER + ESPACE CLIENT */

div[id^=idml-cart-step] {
    font-family: DINWeb, sans-serif;
    position: relative;
}

    div[id^=idml-cart-step] h5 {
        margin: 0;
    }

.nav-pills .nav-link {
    border-radius: 0;
    font-family: DINWeb, sans-serif;
}

.nav-justified .nav-item {
    margin: 0 1px;
}

#idml-cart-step.nav-pills > li.active > a,
#idml-cart-step.nav-pills > li.active > a:focus,
#idml-cart-step.nav-pills > li.active > a:hover {
    background-color: #0f1f28;
}

.btn-primary {
    border: 1px solid #0f1f28;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0;
    background-color: #0f1f28;
    margin-top: 30px;
    transition: 0.3s ease-in all;
    position: relative;
    z-index: 2;
    display: inline-block;
    text-align: center;
    line-height: 1;
    padding: 15px 70px;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        color: #0f1f28;
        background-color: #fff;
        border-color: #0f1f28;
        box-shadow: none;
        transition: 0.3s ease-in all;
    }

    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        color: #0f1f28;
        background-color: white;
        border-color: #0f1f28;
    }

#idml-coupon-validation-btn {
    margin-top: 0;
    padding: 0 40px;
}

.btn-secondary {
    border: 1px solid #00a6c6;
    font-family: DINWeb, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #00a6c6;
    margin-top: 30px;
    line-height: 1;
    transition: 0.3s ease-in all;
    position: relative;
    z-index: 2;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    padding: 15px 70px;
}

    .btn-secondary:hover {
        color: #00a6c6;
        background-color: #fff;
        border-color: #0f1f28;
        transition: 0.3s ease-in all;
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active {
        color: #00a6c6;
        background-color: #fff;
        border-color: #0f1f28;
        box-shadow: none;
        transition: 0.3s ease-in all;
    }

    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .btn-secondary.dropdown-toggle {
        color: #00a6c6;
        background-color: white;
        border-color: #0f1f28;
    }

#idml-cart-button-container {
    border: none;
}

#idml-cart-client-form-login .btn-primary {
    padding: .375rem .75rem;
    margin-top: 0;
}

#idml-account-tabs {
    margin-top: 20px;
}

#idml_div_account_order h1 {
    font-family: DINWeb-Cond, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #00adca;
}

#idml-cart-content .card {
    border-radius: 0;
    margin-top: 30px;
}

.Array_Contour {
    margin-top: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.Array_Titre {
    padding: 10px;
    background-color: #efefef;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.Array_Data {
    padding: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

#idml-cart-client-area-titre h3 {
    border: 0;
    font-family: DINWeb-Cond, sans-serif;
    font-size: 1.5625rem;
    font-weight: 700;
    color: #00a6c6;
    text-transform: uppercase;
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 3.125rem;
    border: 1px solid #c8cdd2;
    border-radius: 0;
    padding: 0 0.9375rem;
    padding-right: 3rem;
}

    .form-control:focus {
        color: #0f1f28;
        background-color: #fff;
        border-color: #00a6c6;
        outline: 0;
        box-shadow: none;
    }

.input-cart-quantity {
    padding: 0 0.9375rem !important;
}

select.form-control:not([size]):not([multiple]) {
    height: 3.125rem;
}

#idml-cart-client-form-login .input-group-text {
    color: #0f1f28;
    background-color: #ffffff;
    border-radius: 0;
}

#modify_invoiceaddress {
    text-align: left !important;
    margin-bottom: 30px;
}

    #modify_invoiceaddress button {
        margin-top: 0;
        padding: 15px 20px;
        background-color: #0f1f28;
        border: 1px solid #0f1f28;
    }

        #modify_invoiceaddress button:hover,
        #modify_invoiceaddress button:active,
        #modify_invoiceaddress button:focus {
            color: #0f1f28;
            outline: none;
            box-shadow: none;
            background-color: transparent;
        }

#idml-account-tabs.nav-tabs {
    border: none;
}

#idml-account-tabs .nav-link {
    font-family: DINWeb, sans-serif;
    border: none;
    border-radius: 0;
    color: #888;
}

    #idml-account-tabs .nav-link:hover,
    #idml-account-tabs .nav-link:active,
    #idml-account-tabs .nav-link:focus {
        background-color: #f5f5f5;
        color: #0f1f28;
    }

    #idml-account-tabs .nav-link.active {
        background-color: #0f1f28;
        color: white;
    }

#idml_div_myorders_container .list-group-item:first-child,
#idml_div_myorders_container .list-group-item:last-child {
    border-radius: 0;
}

#idml_div_myorders_container .list-group {
    border-radius: 0;
}

#idml_div_myorders_container .list-group-item-action:focus,
#idml_div_myorders_container .list-group-item-action:hover {
    background-color: rgba(0, 166, 198, 0.05);
}

#ID_CGV_READ {
    margin-top: 10px;
}
/******************* FORMULAIRE */
.ucpa-CartField-group.select::before,
.ucpa-CartField-group.select::after {
    position: absolute;
    top: 50%;
    right: 0.9375rem;
    width: 0.4375rem;
    height: 0.125rem;
    content: "";
    background-color: #e81d00;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.ucpa-CartField-group.select::before {
    right: 1.2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ucpa-CartField-group.select::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/******************* CHAMPS SUPPLEMENTS MODE DETAIL */

[class^=cssml_supplement_div_] .ucpa-Accordion-content {
    font-size: 1rem;
    font-family: DINWeb, sans-serif;
}

[class^=cssml_supplement_div_] .ucpa-Accordion-item {
    padding: 1.25rem;
}

[class^=cssml_supplement_div_] .ucpa-Accordion-button {
    padding: 0;
}

.cssml_supplement_div_3 .ucpa-Product-infoItem-age {
    font-size: 1rem;
    font-family: DINWeb, sans-serif;
    font-weight: initial;
}

@media(min-width:800px) {
    .cssml_supplements_div .ucpa-Centre-about-item {
        margin: 0 0 3.4375rem;
    }

    [class^=cssml_supplement_div_] .ucpa-Accordion-button {
        margin-bottom: 20px;
    }

    .cssml_supplement_div_3 .ucpa-Product-infoItem-age {
        font-size: 1rem;
        font-family: DINWeb, sans-serif;
        font-weight: initial;
    }

    .cssml_supplement_div_3 {
        padding: 2.125rem 10px !important;
    }
}

@media(max-width:800px) {
    [class^=cssml_supplement_div_] .ucpa-Accordion-content {
        line-height: 2;
    }
}

/******************* MENU ESPACE CLIENT MOBILE */

@media (max-width:800px) {
    .ucpa-HeaderCommunity-navTopitem--active .ucpa-HeaderCommunity-dropDown--visible {
        display: block !important;
    }


    .ucpa-HeaderCommunity-navTopitem .ucpa-DropDownList {
        top: 3.8rem;
    }

    .ucpa-Header-top--mobile .ucpa-Header-item {
        width: 100%;
        line-height: 3.75rem;
    }

    .ucpa-Header-top--mobile .ucpa-HeaderCommunity-navTopitem {
        width: 100%;
        margin: 0;
        vertical-align: inherit;
    }

    .ucpa-Header-top--mobile .ucpa-Header-item .ucpa-DropDownList-item {
        text-align: left;
    }
}



/******************* ACTUALITE */

#activity .ucpa-Texts-bodyShort {
    font-size: 1.75rem;
}

    #activity .ucpa-Texts-bodyShort small {
        font-size: 60%;
    }

.cssml_div_cat_container_6 {
    width: 83.33333%;
    margin: 0 auto;
    display: block;
    padding: 0;
}

@media screen and (max-width: 80em) {
    .cssml_div_cat_container_6 {
        width: 91.66667%;
    }
}

@media screen and (max-width: 50em) {
    .cssml_div_cat_container_6 {
        width: 83.33333%;
    }
}


.cssml_div_cat_item_6 {
    position: relative;
    margin: 3.125rem 5% 0 0;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding: 0;
}

    .cssml_div_cat_item_6:nth-child(-n+1) {
        margin-top: 0;
    }

    .cssml_div_cat_item_6:nth-child(3n) {
        margin-right: 0;
    }

@media screen and (min-width: 30.01em) {
    .cssml_div_cat_item_6:nth-child(-n+2) {
        margin-top: 0;
    }
}

@media screen and (min-width: 65.01em) {
    .cssml_div_cat_item_6:nth-child(-n+3) {
        margin-top: 0;
    }
}


@media screen and (max-width: 65em) {
    .cssml_div_cat_item_6 {
        width: 50%;
        margin-right: 5%;
        max-width: 47.5%;
    }

        .cssml_div_cat_item_6:nth-child(3n) {
            margin-right: 5%;
        }

        .cssml_div_cat_item_6:nth-child(2n) {
            margin-right: 0;
        }
}


@media screen and (max-width: 30em) {
    .cssml_div_cat_item_6 {
        width: 100%;
        margin-right: 0;
        max-width: 100%;
    }
}

#Page_Number {
    float: none !important;
    margin-top: 30px;
}

#Prod_Number {
    display: none;
}



@media screen and (max-width: 30em) {
    .event_month {
        display: flex;
        overflow-x: scroll;
    }

        .event_month .r-Grid-cell {
            width: 250px;
        }

        .event_month .cssml_div_cat_item_6 {
            margin: 0 5% 0 0;
            width: 250px;
            max-width: none;
        }
}

/***** filtre */

#idml_div_all_filters_cat_haut {
    position: absolute;
    z-index: 2;
    top: 450px;
    text-align: center;
    width: 100%;
}

    #idml_div_all_filters_cat_haut select {
        box-sizing: border-box;
        display: inline-block;
        height: 3rem;
        outline: none;
        line-height: 3rem;
        border: none;
        margin-left: -5px;
        border-radius: 0;
        padding: 0 3.125rem 0 0.9375rem;
        font-family: DINWeb, sans-serif;
        font-weight: 700;
        color: #0f1f28;
        background-color: #e6ecf2;
        transition: background-color 0.3s ease-in;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #fff;
        border-left: solid 1px #fff;
    }

        #idml_div_all_filters_cat_haut select option {
            padding: 10px;
            font-family: DINWeb-Bold, sans-serif;
            font-size: 0.9375rem;
            color: #0f1f28;
            display: block;
        }

    #idml_div_all_filters_cat_haut .Bouton {
        box-sizing: border-box;
        display: inline-block;
        outline: none;
        line-height: 3rem;
        border: none;
        margin-left: -5px;
        border-radius: 0;
        padding: 0 1rem;
        font-family: DINWeb, sans-serif;
        font-weight: 700;
        color: #fff;
        background-color: #0f1f28;
        transition: background-color 0.3s ease-in;
        box-shadow: inset 0 0 0 1px #0f1f28;
    }

        #idml_div_all_filters_cat_haut .Bouton:hover {
            cursor: pointer;
        }

@media(min-width: 801px) {
    #idml_div_all_filters_cat_haut {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media(max-width: 800px) {
    #idml_div_all_filters_cat_haut select {
        margin-left: 0;
        width: 100%;
        text-align: left;
    }

    #idml_div_all_filters_cat_haut .Bouton {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    #idml_div_all_filters_cat_haut {
        top: 300px;
        width: 100%;
    }
}

@media(max-width: 30rem) {
    #idml_div_all_filters_cat_haut {
        top: 260px;
    }
}

#idml_div_all_filters_cat_haut .filter-btn {
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    line-height: 3rem;
    border: none;
    border-radius: 0;
    padding: 0 3.125rem 0 0.9375rem;
    font-family: DINWeb, sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #0f1f28;
    margin-right: 7px;
    transition: background-color 0.3s ease-in;
    box-shadow: inset 0 0 0 1px #0f1f28;
    position: relative;
    transition: 0.3s ease-in all;
}

    #idml_div_all_filters_cat_haut .filter-btn:hover {
        cursor: pointer;
        color: #0f1f28;
        background-color: #fff;
        transition: 0.3s ease-in all;
    }


    #idml_div_all_filters_cat_haut .filter-btn .fa {
        position: absolute;
        right: 0.9375rem;
        line-height: 44px;
    }

@media(max-width: 800px) {
    #idml_div_all_filters_cat_haut .filter-btn {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }
}

/******************* PLANNING */
.container-btn-horaires {
    margin-top: 30px;
    text-align: center;
}

    .container-btn-horaires a {
        display: inline-block;
        color: #fff;
        padding: 10px 30px;
        background-color: #bababa;
        margin: 0 30px;
        transition: background-color 0.3s ease;
    }

        .container-btn-horaires a:hover {
            background-color: #d4d4d4;
            transition: background-color 0.3s ease;
        }

        .container-btn-horaires a.active-horaires {
            background-color: #e81d00;
            border-bottom: 3px solid #000;
            transition: background-color 0.3s ease;
        }

            .container-btn-horaires a.active-horaires:hover {
                background-color: #ff2203;
                transition: background-color 0.3s ease;
            }

.hidden-horaires {
    display: none;
}

@media(max-width:747px) {
    .container-btn-horaires a {
        margin: 0 15px;
    }
}

/******************* BG */

.dark-bg {
    background-color: #202f37 !important;
    color: white;
}

    .dark-bg .ucpa-Product-title {
        background-color: #202f37;
        color: white;
    }

    .dark-bg .ucpa-Product-infoItem-label {
        color: #00a6c6;
    }

    .dark-bg .ucpa-Product-infoItem-age {
        color: white;
    }

color-white {
    color: white;
}

/******************* SECTIONS POURCENTAGE */

.fleche-bleu {
    padding: 22px 0;
    margin-top: 0;
    /*background: url(https://www-ucpa-asso-fr.cdn.ampproject.org/i/s/www.ucpa.asso.fr/resource/ucpa/img/fleche-bleu-top.png) no-repeat center top,url(https://www-ucpa-asso-fr.cdn.ampproject.org/i/s/www.ucpa.asso.fr/resource/ucpa/img/fleche-bleu-bottom.png) no-repeat center bottom;*/
}

    .fleche-bleu h2 {
        font-size: 4rem;
        line-height: 4rem;
        font-family: DINWeb-CondBold;
        text-transform: uppercase;
        letter-spacing: .1em;
        margin: 0;
    }

    .fleche-bleu h3 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        font-family: DINWeb-CondBold;
        margin: 0;
        font-weight: 700;
        letter-spacing: .04em;
    }

        .fleche-bleu h3 + p {
            font-size: 1.25rem;
            line-height: 1.25rem;
            padding-top: 10px;
            padding-bottom: 20px;
            margin: 0;
        }

.section-bleu {
    background-color: #202f37;
    color: #fff;
}

.px1 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.grand-cercle.cercle-rouge {
    height: 165px;
    width: 165px;
    line-height: 165px;
}

.chiffre-cle .cercle-rouge {
    max-width: 200px;
}

.cercle-rouge {
    border: 2px solid red;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.trait-rouge {
    height: 3px;
    background-color: red;
}

.pointille-rouge {
    height: 0;
    padding-top: 6px;
    border-bottom: 2px dotted red;
}

/*.mx-auto {
    margin-left: auto;
}

.mr-auto, .mx-auto {
    margin-right: auto;
}*/


@media (max-width: 64rem) {
    .fleche-bleu h1 {
        font-size: 2.34375rem;
        line-height: 2.34375rem;
        text-align: center;
    }

    .fleche-bleu h2 {
        font-size: 1.406rem;
        line-height: 1.475rem;
        text-align: center;
    }

        .fleche-bleu h2 + p {
            font-size: .94rem;
            line-height: 1.41rem;
        }
}

@media (min-width: 64.06rem) {
    .desktop-mb1 {
        margin-bottom: 2rem;
    }
}


@media (min-width: 64.06rem) {
    .desktop-mt1 {
        margin-top: 2rem;
    }
}

@media (max-width: 64rem) {
    .cercle-rouge img {
        max-width: 70px;
    }
}

@media (max-width: 64rem) {
    .grand-cercle.cercle-rouge.cercle-cle {
        height: 100px;
        width: 100px;
        line-height: 100px;
    }
}

/*@media (max-width: 64rem) {
    .grand-cercle.cercle-rouge {
        height: 120px;
        width: 120px;
        line-height:120px;
    }
}*/

/*@media (max-width: 64rem) {
    .chiffre-cle .cercle-rouge {
        max-width: 120px;
    }
}*/

@media (max-width: 64rem) {
    .mobile-mb2 {
        margin-bottom: 1rem;
    }
}

@media (max-width: 64rem) {
    .mobile-mt2 {
        margin-top: 1rem;
    }
}

@media (max-width: 64rem) {
    .mobile-mx4 {
        margin-right: 2rem;
    }
}

@media (max-width: 64rem) {
    .mobile-ml4, .mobile-mx4 {
        margin-left: 2rem;
    }
}

@media (min-width: 64.06rem) {
    .py100 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media (max-width: 64rem) {
    .py100 {
        padding-top: 4.125rem;
        padding-bottom: 4.125rem;
    }
}

@media (min-width: 64.06rem) {
    .desktop-px4 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (max-width: 64rem) {
    .mobile-px1 {
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

@media (min-width: 64.06rem) {
    .px1 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 64.06rem) {
    .sm-col-3 {
        width: 25%;
    }
}

@media (min-width:768px) and (max-width: 64rem) {
    .sm-col-6 {
        width: 50%;
    }
}


@media (min-width: 768px) {
    .sm-col {
        float: left;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .mobile-my4 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}

/******************* SECTEURS & FORMATIONS */

.cssml_div_cat_container_2,
.cssml_div_cat_container_1 {
    padding: 0 8.3%;
    margin-bottom: 30px;
}

@media (max-width: 800px) {
    .cssml_div_cat_container_1 {
        margin: 85px 5% 0 5% !important;
    }

    #formations .cssml_div_cat_container_1 {
        margin: 10px 5% 0 5% !important;
    }

    .cssml_div_cat_container_2 {
        margin: 0 5% !important;
    }
}

@media (max-width: 80em) {
    .cssml_div_cat_container_2,
    .cssml_div_cat_container_1 {
        padding: 0 4.17%;
        margin: 0;
    }
}

.cssml_div_cat_item_2,
.cssml_div_cat_item_1 {
    position: relative;
    margin: 0;
    margin-right: 4.25%;
    width: 30.5%;
}

@media (min-width: 65.01rem) {
    .cssml_div_cat_item_2:nth-child(3n),
    .cssml_div_cat_item_1:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 65em) {
    .cssml_div_cat_item_2,
    .cssml_div_cat_item_1 {
        width: 43%;
        margin-right: 14%;
    }

        .cssml_div_cat_item_2:nth-child(2n),
        .cssml_div_cat_item_1:nth-child(2n) {
            margin-right: 0;
        }
}

@media (max-width: 37.4em) {
    .cssml_div_cat_item_2,
    .cssml_div_cat_item_1 {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 50rem) {
    .margin-top-resp {
        margin-top: 30px;
    }
}


.cssml_div_cat_item_2 .ucpa-Section-content,
.cssml_div_cat_item_1 .ucpa-Section-content {
    background-color: transparent;
}

/*.cssml_div_cat_item_1 .ucpa-Section-itemImage {
    padding-bottom:50%;
}*/

/******************* TEMOIGNAGE */

#idml_div_cat_container_3 {
    display: block;
}

.fleche-gris {
    padding: 22px 0 22px 0;
    background-color: #eeeff0;
}

    .fleche-gris h2 {
        font-size: 3.125rem;
        line-height: 3.75rem;
        font-family: DINWeb-CondBold;
        font-weight: 700;
        letter-spacing: .04em;
    }

    .fleche-gris .circle img {
        border-radius: 50%;
        width: 100%;
    }

.section-gris {
    max-width: 1440px;
    margin: 0 auto;
}

@media (max-width: 64rem) {
    .fleche-gris .circle img {
        max-width: 100px;
        margin-right: auto;
        margin-left: auto;
    }
}

.my0 {
    margin-top: 0;
    margin-bottom: 0;
}



@media (min-width: 64.06rem) {
    .desktop-pl4 {
        padding-left: 8rem;
    }
}

@media (min-width: 64.06rem) {
    .desktop-pr2 {
        padding-right: 4rem;
    }
}

@media (min-width: 64.06rem) {
    .desktop-pl2 {
        padding-left: 4rem;
    }
}

@media (min-width: 64.06rem) {
    .sm-col-9 {
        width: 75%;
    }
}

@media (min-width: 64.06rem) {
    .sm-col {
        float: left;
        box-sizing: border-box;
    }
}

@media (min-width: 64.06rem) {
    .desktop-pb2 {
        padding-bottom: 4rem;
    }
}

@media (min-width: 64.06rem) {
    .alinea {
        margin-left: 130px;
        margin-top: -35px;
    }
}

.court {
    width: 94px;
}

@media (min-width: 64.06rem) {
    .temoignage-name {
        font-size: 1.375rem;
        line-height: 2.1875rem;
        font-family: DINWeb-Bold;
        text-transform: uppercase;
        letter-spacing: .01em;
        margin: 0;
    }
}

.fleche-gris .col-3 {
    width: 25%;
}

.fleche-gris .col,
.fleche-gris .col-right {
    box-sizing: border-box;
}

.fleche-gris .col {
    float: left;
}

.fleche-gris .chevron-rouge {
    width: 95px;
    height: 86px;
}

@media (max-width: 64rem) {
    .fleche-gris .chevron-rouge {
        width: 47px;
        height: 43px;
    }
}

.fleche-gris .right {
    float: right;
}

@media (min-width: 64.06rem) {
    .desktop-pr4 {
        padding-right: 8rem;
    }
}

.fleche-gris .col-9 {
    width: 75%;
}

.mt1 {
    margin-top: .5rem;
}

    .mt1 p {
        font-size: 1.5625rem;
        line-height: 2.1875rem;
        padding-top: 10px;
        padding-bottom: 20px;
    }

@media (max-width: 64rem) {
    .mt1 p {
        font-size: .94rem;
        line-height: 1.41rem;
    }
}


@media (min-width: 64.06rem) {
    .mt1 {
        margin-top: 2rem;
    }
}

@media (min-width: 64.06rem) {
    .mt70 {
        margin-top: 4.375rem;
    }
}

.long {
    width: 410px;
}

@media (max-width: 64rem) {
    .fleche-gris {
        padding: 15px 0 15px 0;
    }
}

@media (max-width: 64rem) {
    .py100 {
        padding-top: 4.125rem;
        padding-bottom: 4.125rem;
    }
}

@media (max-width: 64rem) {
    .mobile-center {
        text-align: center;
    }
}

@media (max-width: 64rem) and (min-width: 40.06rem) {
    .sm-hide {
        display: none;
    }
}

@media (max-width: 64rem) {
    .mobile-mx-auto {
        margin-left: auto;
    }
}

@media (max-width: 64rem) {
    .mobile-mr-auto, .mobile-mx-auto {
        margin-right: auto;
    }
}

@media (max-width: 64rem) {
    .mobile-mt2 {
        margin-top: 1rem;
    }
}

@media (max-width: 64rem) {
    .court {
        width: 52px;
    }
}

@media (max-width: 64rem) {
    .mobile-pt4 {
        padding-top: 2rem;
    }
}

@media (max-width: 64rem) {
    .temoignage-name {
        font-size: .9375rem;
        line-height: 1.40625rem;
        margin: 0;
    }
}

@media (max-width: 64rem) {
    .mobile-pt4 {
        padding-top: 2rem;
    }
}

@media (max-width: 64rem) {
    .mobile-px2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 64rem) {
    .long {
        width: 226px;
    }
}

@media (max-width: 64rem) and (min-width: 40.06rem) {
    .sm-hide {
        display: none;
    }
}

@media (max-width: 64rem) {
    .mobile-py2 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}


/******************* HOME CAROUSEL */

@media screen and (min-width: 50.01em) {
    #homeCarousel.ucpa-Hero {
        min-height: 0px;
    }
}

@media screen and (max-width: 50em) {
    #homeCarousel .carousel-inner {
        width: 184%;
        left: 50%;
        transform: translateX(-50%);
    }
}

#homeCarousel.ucpa-Hero::before {
    z-index: 1;
}


/*@media(min-width:1200px){
    .ucpa-Hero {
        min-height:initial;
    }
}

@media(max-width:1199px) {
    #homeCarousel {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}*/

#homeCarousel .ucpa-Hero-text {
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    right: unset;
    position: absolute;
    display: inline-block;
    width: auto;
}

@media (max-width: 50em) {
    #homeCarousel .ucpa-Hero-text {
        position: absolute;
        left: 50%;
        min-height: unset;
        padding-top: 0;
        width: 100%;
    }

        #homeCarousel .ucpa-Hero-text h1 {
            font-size: 1.8rem;
            margin: 0;
        }
}


.carousel-control-next,
.carousel-control-prev {
    z-index: 1;
}


.owl-label .owl-stage {
    display: flex;
    align-items: center;
}

.owl-label img {
    width: 200px !important;
    display: block;
    margin: auto;
}

.owl-label .owl-prev,
.owl-label .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px !important;
    color: #00a6c6 !important;
}

.owl-label .owl-nav .owl-prev {
    left: 0;
}

.owl-label .owl-nav .owl-next {
    right: 0;
}

.tooltip.show {
    opacity: 1 !important;
}

.tooltip-inner {
    background-color: #00a6c6;
    border-radius: 0;
    color: white;
    padding: 15px;
    opacity: 1;
}

    .tooltip-inner p {
        margin: 0;
    }

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #00a6c6 !important;
}

[data-toggle="tooltip"]:hover {
    cursor: pointer;
}

.eligibilite .ucpa-Product-activity-label {
    color: #202f37;
}

/******************* CENTRES DE FORMATIONS */

#idml_div_cat_container_4 {
    padding: 0 15px;
}

.cssml_div_cat_item_4 {
    width: 25%;
    max-width: 25%;
    padding: 0 40px;
    margin-bottom: 50px;
}

@media(max-width:991px) {
    .cssml_div_cat_item_4 {
        width: 50%;
        max-width: 50%;
    }
}

@media(max-width:767px) {
    .cssml_div_cat_item_4 {
        width: 100%;
        max-width: 100%;
    }
}

.cssml_div_cat_item_4 .centre {
    border: solid 1px #0f1f28;
    position: relative;
    padding: 20px;
    border-bottom: none;
    width: 100%;
}

    .cssml_div_cat_item_4 .centre:before {
        position: absolute;
        top: -10px;
        right: -10px;
        z-index: 1;
        margin: 0 auto;
        width: calc(50% - 20px);
        height: calc(50% - 80px);
        border: 1px solid #00a6c6;
        border-width: 1px 1px 0 0;
        content: "";
    }


/******************* LES METIERS */

.accordion#metier .ucpa-Accordion-button::before,
.accordion#metier .ucpa-Accordion-button::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.625rem;
    height: 0.125rem;
    content: "";
    background-color: #e81d00;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.accordion#metier .ucpa-Accordion-button::before {
    right: 0.375rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordion#metier .ucpa-Accordion-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.accordion#metier .card {
    border-radius: 0;
}

.accordion#metier .card-header {
    background-color: transparent;
    border-radius: 0;
}

.accordion#metier .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion#metier .card .card-header {
    margin-bottom: -1px;
}

.accordion#metier .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}

.accordion#metier .card {
    overflow: hidden;
}

    .accordion#metier .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0;
    }

    .accordion#metier .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }


/******************* ETAPES INSCRIPTION */

.inscription {
    padding: 0 20px;
}

    .inscription .etape {
        position: relative;
        text-align: center;
        margin-bottom: 60px;
    }

        .inscription .etape h3 {
            color: white;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -25px;
            line-height: 50px;
            height: 50px;
            width: 50px;
            font-size: 30px;
        }

            .inscription .etape h3:before {
                content: "";
                position: absolute;
                z-index: -1;
                background-color: #e81d00;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                transform: rotate(45deg);
            }

        .inscription .etape p {
            background-color: #0f1f28;
            color: white;
            font-weight: bold;
            font-size: 24px;
            font-family: DINWeb-Cond, sans-serif;
            padding: 25px;
            padding-top: 55px;
            margin: 0;
            line-height: 1.2;
        }

@media(min-width:992px) {
    .inscription .etape p {
        height: 165px;
    }
}

.inscription .etape p span {
    font-family: DINWeb, sans-serif;
    font-size: 20px;
    font-weight: normal;
}

.inscription .etape .info {
    color: #e81d00;
    font-size: 13px;
    text-align: left;
    font-family: DINWeb, sans-serif;
    margin-top: 5px;
    margin-bottom: 0;
}

/******************* SWIPER */

.ucpa-Slider-button--next {
    right: 0px;
    left: auto;
}

.ucpa-Slider-button--prev {
    left: 0px;
    right: auto;
}

.ucpa-Slider-button--next, .ucpa-Slider-button--prev {
    position: absolute;
    top: 50%;
    width: calc( 44px / 44 * 27);
    height: 44px;
    margin-top: calc(-1 * 44px / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-size: 20px;
    background-color: white;
    padding-top: 12px;
}

    .ucpa-Slider-button--next.swiper-button-disabled .fas, .ucpa-Slider-button--prev.swiper-button-disabled .fas {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

#list_calendar {
    padding-top: 20px;
}


/******************* CORRECTION QUANTITE PRODUIT */

#id_qt_option,
#qty_1 {
    display: none;
}

#idml-cart-content .card-title .row div:nth-child(3) {
    display: none !important;
}

#idml-cart-content .card-body .row div:nth-child(3) {
    display: none !important;
}


/******************* LISTE SECTEUR */

.liste-secteur .ucpa-Section--communityList .ucpa-Section-itemLink::before {
    content: none;
}

.liste-secteur .ucpa-Section-content {
    background-color: transparent;
    margin-top: 40px;
    padding: 0;
}

.liste-secteur .ucpa-Section-itemImageImg {
    position: relative;
}

.liste-secteur .ucpa-Section-itemImage {
    height: auto;
    padding-bottom: 0;
}

.liste-secteur .ucpa-Section-itemCaption {
    z-index: 2;
    padding: 0;
    bottom: 30px;
    right: 30px;
    top: auto !important;
}

    .liste-secteur .ucpa-Section-itemCaption .ucpa-Section-itemTitle {
        color: white;
        text-align:right;
        margin: 0;
    }

/******************* LISTE PORTRAITS */

#idml_div_cat_container_7 {
    width: 83.33333%;
    margin: 66px auto 0 auto;
    padding: 0;
}

@media(max-width: 80em){
    #idml_div_cat_container_7 {
        width: 91.66667%;
    }

        #idml_div_cat_container_7 .cssml_div_cat_item_7 {
            -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
            max-width: 50% !important;
        }
}

@media(max-width: 767px) {

    #idml_div_cat_container_7 .cssml_div_cat_item_7 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}


#idml_div_cat_container_7 .cssml_div_cat_item_7 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#idml_div_cat_container_7 .ucpa-Product-item {
    border-bottom: 10px solid #00a6c6;
    margin-bottom:30px;
}

    #idml_div_cat_container_7 .ucpa-Product-item-cell:hover .ucpa-Product-itemDesc-title {
        padding-top:0;
        transition:padding-top 0.3s ease;
    }

    #idml_div_cat_container_7 .cssml_div_cat_item_7 .ucpa-Product-itemImageImg {
        position: static;
        height: auto;
    }

    #idml_div_cat_container_7 .cssml_div_cat_item_7 .ucpa-Product-itemImage {
        padding-bottom: 0;
        height: auto;
    }

#idml_div_cat_container_7 .cssml_div_cat_item_7 .ucpa-Product-itemDesc-title {
    margin: 0;
    max-width: none;
    padding: 55px 15px 0 15px;
    transition: padding-top 0.3s ease;
}

    #idml_div_cat_container_7 .cssml_div_cat_item_7 .ucpa-Product-itemDesc-center {
       height:auto;
       display:block;
    }

/******************* DETAIL PORTRAITS */

.entete-portrait-detail {
    height: 100%;
    background-color: #e6ecf2;
    padding:40px 0;
    position:relative;
}

@media(min-width:1250px) {
    .entete-portrait-detail .content {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
}

    .entete-portrait-detail .content {
        padding:0 40px;
    }

    .entete-portrait-detail .content .tag {
        height: 25px;
        border: 1px solid #00a6c6;
        padding: 0 0.75rem;
        font-family: DINWeb, sans-serif;
        font-size: 0.9375rem;
        background-color:#00a6c6;
        font-weight: 700;
        line-height: 25px;
        color: #fff;
        display:inline-block;
        margin-bottom:50px;
    }

    @media(min-width:1250px)(max-width:1415px) {
        .entete-portrait-detail .content .tag {
            margin-bottom: 30px;
        }
    }

    .entete-portrait-detail .content h2 {
        font-family: DINWeb-Cond, sans-serif;
        font-size: 1.875rem;
        font-weight: bold;
        color: #0f1f28;
        text-transform: uppercase;
    }

        .entete-portrait-detail .content h2 span {
            font-family: DINWeb, sans-serif;
            font-size: 1.125rem;
            font-weight: 700;
            color: #0f1f28;
            display: block;
            text-transform: none;
            margin:15px 0;
        }

        .entete-portrait-detail .content .date {
            color:#00a6c6;
        }

.resume-portrait {
    margin-top:60px;
    font-family: DINWeb, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
}


.bg-light-blue {
    background-color:#e6ecf2;
}

.detail-portrait .ucpa-PreviewSlider-itemImage--landscape {
    padding-bottom: 50.1%;
}