@charset "UTF-8";
/*
*****************
*****************
1. IMPORTS
*****************
*****************
*/
html {
    font-size: 87.5%;
    line-height: 1.5em;
}

/*
*****************
*****************
2. PARTIALS
*****************
*****************
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    position: relative;
    line-height: 1;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a, a:active, a:focus {
    outline: none;
}

input:invalid,
textarea:invalid {
    box-shadow: none;
}

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #f3f3f3;
    text-shadow: none;
}

::selection {
    background: #f3f3f3;
    text-shadow: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #484e53;
    opacity: 0.75;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #484e53;
    opacity: 0.75;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #484e53;
    opacity: 0.75;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #484e53;
    opacity: 0.75;
}

textarea,
input[type="text"],
input[type="email"]
input[type="button"],
input[type="submit"],
input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0;
}

*:focus {
    outline: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
       * Don't show links for images, or javascript/internal links
       */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    text-size-adjust: 100%;
}

body {
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.4px;
    color: #242424;
    background-color: #fff;
    overflow-x: hidden;
}

@supports (display: flex) {
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
}

@media only screen and (max-width: 480px) {
    .page-registration main {
        padding-top: 0 !important;
    }
}

sup {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    position: relative;
    top: 0;
    color: #C90205;
}

b,
strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

a {
    text-decoration: underline;
    text-decoration-color: #047d77;
    color: #242424;
}

a,
button {
    font-family: "Dosis", sans-serif;
    cursor: pointer;
}


ul li {
    position: relative;
    padding-left: 15px;
}

ul li:before {
    content: "●";
    position: absolute;
    top: 0;
    left: 0;
    color: #c90205;
}

p,
ul li {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.5178571429em;
}

.black-color-list li:before {
  color: black;
}

/*
*****************
*****************
STYLE FOR LAYOUTS 
*****************
*****************
*/
.block-container {
    position: relative;
    width: 100%;
    max-width: 1440px;
    padding: 0 30px;
    margin: 0 auto;
}

.block-container.is-small {
    max-width: 720px;
}

/*
*****************
*****************
STYLE FOR ICONS
SOCIAL 
*****************
*****************
*/
*[class^="icon"] {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center top;
}

*[class^="icon"].icon-menu-home {
    width: 30px;
    height: 30px;
    background-image: url("../img/icons/icon-menu-home.svg");
}

*[class^="icon"].icon-menu-list {
    width: 30px;
    height: 30px;
    background-image: url("../img/icons/icon-menu-list.svg");
}

*[class^="icon"].icon-menu-cards {
    width: 30px;
    height: 30px;
    background-image: url("../img/icons/icon-menu-cards.svg");
}

*[class^="icon"].icon-menu-mail {
    width: 30px;
    height: 30px;
    background-image: url("../img/icons/icon-menu-mail.svg");
}

*[class^="icon"].icon-menu-help {
    width: 30px;
    height: 30px;
    background-image: url("../img/icons/icon-menu-help.svg");
}

*[class^="icon"].icon-menu-good-deal {
    width: 40px;
    height: 40px;
    background-image: url("../img/icons/icon-menu-good-deal.svg");
}

*[class^="icon"].icon-menu-account {
    width: 30px;
    height: 30px;
    background-image: url("../img/icons/icon-menu-account.svg");
}

*[class^="icon"].icon-menu-power {
    width: 26px;
    height: 29px;
    background-image: url("../img/icons/icon-menu-power.svg");
}

*[class^="icon"].icon-menu-personal-information {
    width: 21px;
    height: 16px;
    background-image: url("../img/icons/icon-menu-personal-information.svg");
}

*[class^="icon"].icon-menu-support {
    width: 32px;
    height: 30px;
    background-image: url("../img/icons/icon-menu-support.svg");
}

*[class^="icon"].icon-card-leisure {
    width: 55px;
    height: 44px;
    background-image: url("../img/icons/icon-card-leisure.svg");
}

*[class^="icon"].icon-card-inscription {
    width: 48px;
    height: 48px;
    background-image: url("../img/icons/icon-card-inscription.svg");
}

*[class^="icon"].icon-card-beneficiary {
    width: 35px;
    height: 46px;
    background-image: url("../img/icons/icon-card-beneficiary.svg");
}

*[class^="icon"].icon-card-sport {
    width: 53px;
    height: 53px;
    background-image: url("../img/icons/icon-card-sport.svg");
}

*[class^="icon"].icon-card-equipment {
    width: 61px;
    height: 61px;
    background-image: url("../img/icons/icon-card-equipment.svg");
}

*[class^="icon"].icon-card-transport {
    width: 56px;
    height: 59px;
    background-image: url("../img/icons/icon-card-transport.svg");
}

*[class^="icon"].icon-card-accommodation {
    width: 59px;
    height: 45px;
    background-image: url("../img/icons/icon-card-accommodation.svg");
}

*[class^="icon"].icon-card-catering {
    width: 57px;
    height: 49px;
    background-image: url("../img/icons/icon-card-catering.svg");
}

*[class^="icon"].icon-card-textbook {
    width: 55px;
    height: 44px;
    background-image: url("../img/icons/icon-card-textbook.svg");
}

*[class^="icon"].icon-card-lordi {
    width: 68px;
    height: 45px;
    background-image: url("../img/icons/icon-card-lordi.svg");
}

*[class^="icon"].icon-card-licence {
    width: 67px;
    height: 43px;
    background-image: url("../img/icons/icon-card-licence.svg");
}

*[class^="icon"].icon-card-folder-valid {
    width: 56px;
    height: 48px;
    background-image: url("../img/icons/icon-card-folder-valid.svg");
}

*[class^="icon"].icon-card-folder-alert {
    width: 56px;
    height: 48px;
    background-image: url("../img/icons/icon-card-folder-alert.svg");
}

*[class^="icon"].icon-card-search {
    width: 55px;
    height: 55px;
    background-image: url("../img/icons/icon-card-search.svg");
}

*[class^="icon"].icon-action-pen {
    width: 22px;
    height: 22px;
    background-image: url("../img/icons/icon-action-pen.svg");
}

*[class^="icon"].icon-action-pen-disabled {
    width: 22px;
    height: 22px;
    background-image: url("../img/icons/icon-action-pen-disabled.svg");
}

*[class^="icon"].icon-action-eye {
    width: 23px;
    height: 14px;
    background-image: url("../img/icons/icon-action-eye.svg");
}

*[class^="icon"].icon-action-eye-disabled {
    width: 23px;
    height: 14px;
    background-image: url("../img/icons/icon-action-eye-disabled.svg");
}

*[class^="icon"].icon-action-reject {
    width: 19px;
    height: 19px;
    background-image: url("../img/icons/icon-action-reject.svg");
}

*[class^="icon"].icon-action-reject-red {
    width: 19px;
    height: 19px;
    background-image: url("../img/icons/icon-action-reject-red.svg");
}

*[class^="icon"].icon-action-reject-disabled {
    width: 19px;
    height: 19px;
    background-image: url("../img/icons/icon-action-reject-disabled.svg");
}

*[class^="icon"].icon-action-check {
    width: 20px;
    height: 15px;
    background-image: url("../img/icons/icon-action-check.svg");
}

*[class^="icon"].icon-action-add {
    width: 19px;
    height: 19px;
    background-image: url("../img/icons/icon-action-add.svg");
}

*[class^="icon"].icon-personal-data {
    width: 37px;
    height: 50px;
    background-image: url("../img/icons/icon-personal-data.svg");
}

*[class^="icon"].icon-legal-representative {
    width: 39px;
    height: 56px;
    background-image: url("../img/icons/icon-legal-representative.svg");
}

*[class^="icon"].icon-formation {
    width: 40px;
    height: 61px;
    background-image: url("../img/icons/icon-formation.svg");
}

*[class^="icon"].icon-info {
    width: 45px;
    height: 25px;
    background-image: url("../img/icons/icon-info.svg");
}

*[class^="icon"].icon-warning {
    width: 45px;
    height: 25px;
    background-image: url("../img/icons/icon-warning.svg");
}

*[class^="icon"].icon-identity-photo {
    width: 46px;
    height: 46px;
    background-image: url("../img/icons/icon-identity-photo.svg");
}

*[class^="icon"].icon-light {
    width: 51px;
    height: 51px;
    background-image: url("../img/icons/icon-light.svg");
}

*[class^="icon"].icon-portrait {
    width: 80px;
    height: 70px;
    background-image: url("../img/icons/icon-portrait.svg");
}

*[class^="icon"].icon-camera {
    width: 80px;
    height: 60px;
    background-image: url("../img/icons/icon-camera.svg");
}

*[class^="icon"].icon-validate {
    width: 80px;
    height: 62px;
    background-image: url("../img/icons/icon-validate.svg");
}

*[class^="icon"].icon-note {
    width: 35px;
    height: 46px;
    background-image: url("../img/icons/icon-note.svg");
}

*[class^="icon"].icon-credit-card {
    width: 86px;
    height: 49px;
    background-image: url("../img/icons/icon-credit-card.svg");
}

*[class^="icon"].icon-handshake {
    width: 56px;
    height: 35px;
    background-image: url("../img/icons/icon-handshake.svg");
}

*[class^="icon"].icon-credit-card-skew {
    width: 100px;
    height: 100px;
    background-image: url("../img/icons/icon-credit-card-skew.svg");
}

*[class^="icon"].icon-writing-document {
    width: 48px;
    height: 48px;
    background-image: url("../img/icons/icon-writing-document.svg");
}

*[class^="icon"].icon-bank-details {
    width: 49px;
    height: 36px;
    background-image: url("../img/icons/icon-bank-details.svg");
}

*[class^="icon"].icon-leader {
    width: 40px;
    height: 50px;
    background-image: url("../img/icons/icon-leader.svg");
}

*[class^="icon"].icon-point-of-sale {
    width: 47px;
    height: 51px;
    background-image: url("../img/icons/icon-point-of-sale.svg");
}

*[class^="icon"].icon-payment-terminal {
    width: 41px;
    height: 55px;
    background-image: url("../img/icons/icon-payment-terminal.svg");
}

*[class^="icon"].icon-pre-registration {
    width: 38px;
    height: 46px;
    background-image: url("../img/icons/icon-pre-registration.svg");
}

*[class^="icon"].icon-driving-school {
    width: 50px;
    height: 50px;
    background-image: url("../img/icons/icon-driving-school.svg");
}

*[class^="icon"].icon-download {
    width: 37px;
    height: 27px;
    background-image: url("../img/icons/icon-download.svg");
}

*[class^="icon"].icon-presentation {
    width: 52px;
    height: 61px;
    background-image: url("../img/icons/icon-presentation.svg");
}

*[class^="icon"].icon-cheque {
    width: 100px;
    height: 68px;
    background-image: url("../img/icons/icon-cheque.svg");
}

*[class^="icon"].icon-question {
    width: 53px;
    height: 53px;
    background-image: url("../img/icons/icon-question.svg");
}

/*
*****************
*****************
Forcer le retour à la ligne
des éléments flottants
*****************
*****************
*/
.clear {
    clear: both;
}

/*
*****************
*****************
Forcer la suppression 
de la marge de droite
*****************
*****************
*/
.last {
    margin-right: 0 !important;
}

/*
*****************
*****************
Forcer la suppression 
de l'ensemble des marges extérieures
*****************
*****************
*/
.no-margin {
    margin: 0 !important;
}

/*
*****************
*****************
Forcer la suppression 
de l'ensemble des marges intérieures
*****************
*****************
*/
.no-padding {
    padding: 0 !important;
}

/*
*****************
*****************
Forcer la largeur 
d'un bloc à 100%
*****************
*****************
*/
.fullwidth {
    width: 100%;
}

/*
*****************
*****************
Forcer le mode d'alignement
avec la propriété FLEX
*****************
*****************
*/
.flex-row {
    display: flex !important;
}

/*
*****************
*****************
Forcer l'alignements des enfants
d'un parent FLEX en CENTER
*****************
*****************
*/
.is-flex-center {
    justify-content: center !important;
}

/*
*****************
*****************
Forcer l'alignements des enfants 
d'un parent FLEX en FLEX-END
*****************
*****************
*/
.is-flex-end {
    justify-content: flex-end !important;
}

/*
*****************
*****************
Forcer le masquage d'un élément
*****************
*****************
*/
.is-hide {
    display: none !important;
}

/*
*****************
*****************
Forcer l'affichage du texte 
en majuscule
*****************
*****************
*/
.text-transform-upper {
    text-transform: uppercase !important;
}

/*
*****************
*****************
Forcer l'alignement du texte
à centrer
*****************
*****************
*/
.text-align-center {
    text-align: center !important;
}

/*
*****************
*****************
Forcer l'alignement du texte
à gauche
*****************
*****************
*/
.text-align-left {
    text-align: left !important;
}

/*
*****************
*****************
Forcer l'alignement du texte
à justifier
*****************
*****************
*/
.text-align-justify {
    text-align: justify !important;
}

/*
*****************
*****************
Change la couleur d'un texte
avec la couleur principale.
*****************
*****************
*/
.text-brand-color {
    color: #c90205;
}

/*
*****************
*****************
Forcer l'affichage de la couleur 
en couleur principal $brand-accent-color;
*****************
*****************
*/
.is-highlight {
    color: #047d77;
}

/*
*****************
*****************
Forcer l'affichage d'une scrollbar
sur la hauteur
*****************
*****************
*/
.with-scroll {
    height: 300px;
    padding: 20px;
    margin-bottom: 30px;
    overflow-y: scroll;
}

/*
*****************
*****************
Modifier l'affichage d'un bloc
avec une variation sur la couleur
de fonds et des bordures. Permet de le 
mettre en avant.
*****************
*****************
*/
.is-block-highlight {
    padding: 40px !important;
    border-radius: 3px !important;
    background-color: #f7f7f7 !important;
}

@media only screen and (max-width: 480px) {
    .is-block-highlight {
        padding: 20px !important;
    }
}

/*
*****************
*****************
Bloc d'affichage lorsque
le navigateur est trop ancien.
*****************
*****************
*/
.browserupgrade {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.8);
}

.browserupgrade p {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

.browserupgrade p a {
    font-weight: 700;
    color: #fff;
}

/*
*****************
*****************
3. COMPONENTS
*****************
*****************
*/
/*
*****************
3.1 NAVIGATION (ENTRE LES PAGES)
*****************
*/
/*
*****************
*****************
STYLE FOR NAVIGATION
LAYOUT 
*****************
*****************
*/
.block-navigation {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 700;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 50;
    transform: translateY(-50%);
    color: #7f7f7f;
    text-decoration: none;
    background-color: #d8d8d8;
}

/*
*****************
3.2 BUTTON
*****************
*/
/*
*****************
*****************
STYLE FOR BUTTON
LAYOUT 
*****************
*****************
*/
.button {
    font-size: 1.0714285714em;
    line-height: 2.2666666667em;
    line-height: 1.2142857143em;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    width: 100%;
    max-width: 300px;
    text-align: center;
    text-decoration: none;
    padding: 15px 40px;
    cursor: pointer;
    border: none;
}

@media only screen and (max-width: 768px) {
    .button {
        max-width: none;
    }
}

/*
*****************
*****************
STYLE FOR BUTTON
BLOCK 
*****************
*****************
*/
.block-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
}

@media only screen and (max-width: 768px) {
    .block-button {
        flex-wrap: wrap;
    }
}

.block-button.is-flex-end {
    justify-content: flex-end;
}

.block-button.is-flex-end > *:not(:first-child) {
    margin-left: 15px;
}

@media only screen and (max-width: 768px) {
    .block-button.is-flex-end > *:not(:first-child) {
        margin-left: 0;
    }
}

.block-button.is-flex-center {
    justify-content: center;
}

.block-button > *:not(:first-child) {
    margin-left: 15px;
}

@media only screen and (max-width: 768px) {
    .block-button > *:not(:first-child) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .block-button > *:not(:last-child) {
        margin-bottom: 15px;
    }
}

/*
*****************
*****************
STYLE FOR BUTTON
ICON 
*****************
*****************
*/
.button .button-icon {
    margin-left: 10px;
}

.button .button-icon:first-child {
    margin-right: 10px;
    margin-left: 0;
}

/*
*****************
*****************
STYLE FOR BUTTON
LEGEND 
*****************
*****************
*/
.button .button-legend {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    text-align: left;
}

.button .button-legend .small {
    font-size: 0.8571428571em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    text-align: left;
}

/*
*****************
*****************
STYLE FOR BUTTON
VARIATIONS
*****************
*****************
*/
.button {
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    background-color: #047d77;
    transition: background-color .45s ease, color .45s ease;
}

.button:hover {
    color: #047d77;
    background-color: #fff;
}

.button.is-reset, .button.is-dark {
    color: #fff;
    background-color: #232222;
}

.button.is-brand-accent-naked {
    border: none;
    box-shadow: none;
    color: #047d77 !important;
    background-color: transparent;
}

.button.is-brand-accent-naked:hover {
    background-color: transparent;
}

.button:disabled, .button.disabled {
    cursor: not-allowed;
    color: #bcbcbc;
    background-color: #f9f9f9;
}

.button:disabled:hover, .button.disabled:hover {
    color: #bcbcbc;
    background-color: #f9f9f9;
}

/*
*****************
*****************
STYLE FOR ACTIONS BUTTON
LAYOUT
*****************
*****************
*/
.block-actions {
    display: flex;
    align-items: center;
    flex-basis: 100%;
}

@media only screen and (max-width: 480px) {
    .block-actions {
        justify-content: flex-start;
    }
}

.block-actions .actions-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-right: 15px;
    border: none;
    background-color: #ffffff;
}

.block-actions .actions-button:disabled {
    cursor: not-allowed;
    background-color: #f9f9f9;
}

.block-actions .actions-button:disabled .icon-add {
    background-image: url(../img/icons/icon-add-disabled.svg);
}

.block-actions .actions-button:disabled .icon-pen {
    background-image: url(../img/icons/icon-pen-disabled.svg);
}

.block-actions .actions-button:disabled .icon-eye {
    background-image: url(../img/icons/icon-eye-disabled.svg);
}

.block-actions .actions-button > * {
    flex: 1 1 auto;
}

/*
*****************
3.3 MODAL
*****************
*/
/*
*****************
*****************
STYLE FOR MODAL
LAYOUT 
*****************
*****************
*/
.block-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.7);
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      END OVERWRITE
      *****************
      */
}

.block-modal .block-container {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 840px;
    padding: 50px 0 0;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    z-index: 50;
    background-color: #fff;
    box-shadow: 0 -1px 0 #ebebeb;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 480px) {
    .block-modal .block-container {
        padding-top: 30px;
    }
}

.block-modal .modal-header,
.block-modal .modal-section,
.block-modal .modal-footer {
    padding-left: 80px;
    padding-right: 80px;
}

@media only screen and (max-width: 480px) {
    .block-modal .modal-header,
    .block-modal .modal-section,
    .block-modal .modal-footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.block-modal.is-small {
    /*
		*****************
		LAYOUT 
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		LAYOUT 
		END OVERWRITE
		*****************
		*/
}

.block-modal.is-small .block-container {
    max-width: 480px;
    padding-top: 20px;
}

.block-modal.is-small .modal-header,
.block-modal.is-small .modal-section,
.block-modal.is-small .modal-footer {
    padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 480px) {
    .block-modal.is-small .modal-header,
    .block-modal.is-small .modal-section,
    .block-modal.is-small .modal-footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.block-modal.is-small .modal-section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.block-modal.is-small .modal-footer {
    flex-direction: column;
    padding-bottom: 20px;
}

.block-modal.is-small .modal-footer > *:nth-last-of-type(1):not(.is-only) {
    margin-top: 20px;
    margin-left: 0;
}

/*
*****************
*****************
STYLE FOR MODAL
HEADER
*****************
*****************
*/
.block-modal {
    /*
      *****************
      ACTIVATE VERTICAL SCROLLBAR 
      FOR LONG MODAL
      START OVERWRITE
      *****************
      */
    /*
      *****************
      ACTIVATE VERTICAL SCROLLBAR 
      FOR LONG MODAL
      END OVERWRITE
      *****************
      */
}

.block-modal .modal-header {
    position: relative;
}

.block-modal .modal-header .header-title {
    font-size: 2.1428571429em;
    line-height: 1.1333333333em;
    line-height: 1.2142857143em;
    font-weight: 600;
    text-align: center;
    color: #333;
}

.block-modal .modal-header .header-button {
    font-size: 2.1428571429em;
    line-height: 1.1333333333em;
    line-height: 1.2142857143em;
    font-weight: 700;
    position: absolute;
    top: -40px;
    right: 15px;
    width: 30px;
    height: 30px;
    border: none;
    color: #dfdfdf;
    text-decoration: none;
    background-color: transparent;
}

@media only screen and (max-width: 480px) {
    .block-modal .modal-header .header-button {
        top: -25px;
        right: 5px;
    }
}

.block-modal .vertical-scroll .modal-header .header-button {
    top: -25px;
}

/*
*****************
*****************
STYLE FOR MODAL
SECTION 
*****************
*****************
*/
.block-modal {
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      END OVERWRITE
      *****************
      */
}

.block-modal > .block-container {
    max-height: 100%;
}

.block-modal .modal-section {
    padding-top: 50px;
    padding-bottom: 50px;
    /*
		*****************
		DIVIDER (COMPONENT/_DIVIDER.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		DIVIDER
		END OVERWRITE
		*****************
		*/
    /*
		*****************
		FORM (LAYOUT/FORM/_FORM-SECTION.SCSS)
		START OVERWRITE 
		*****************
		*/
    /*
		*****************
		FORM
		END OVERWRITE 
		*****************
		*/
    /*
		*****************
		CHECKLIST (COMPONENTS/CHECKLIST/_*.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		CHECKLIST (COMPONENTS/CHECKLIST/_*.SCSS)
		END OVERWRITE
		*****************
		*/
}

@media only screen and (max-width: 480px) {
    .block-modal .modal-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.block-modal .modal-section .block-divider {
    margin: 20px 0 0;
}

.block-modal .modal-section .block-form-section {
    margin: 30px 0 0;
}

.block-modal .modal-section .section-title {
    font-size: 1.4285714286em;
    line-height: 1.7em;
    line-height: 1.2142857143em;
    font-weight: 600;
    text-align: center;
    color: #333;
}

.block-modal .modal-section .section-paragraph {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 400;
    word-break: break-word;
    hyphens: auto;
    text-align: center;
}

.block-modal .modal-section .block-checklist {
    text-align: left;
}

.block-modal .modal-section .block-checklist .content-list {
    margin-left: 0;
}

/*
*****************
SECTION ROW / COLUMN (COMPONENTS/CONTENT/_CONTENT-SECTION.SCSS)
START OVERWRITE
*****************
*/
.section-row {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 768px) {
    .section-row {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 768px) {
    .section-row .row-column {
        flex-basis: 100%;
    }
}

.section-row .row-column:not(:first-child) {
    margin-left: 25px;
}

@media only screen and (max-width: 768px) {
    .section-row .row-column:not(:first-child) {
        margin-top: 25px;
        margin-left: 0;
    }
}

/*
*****************
SECTION ROW / COLUMN
END OVERWRITE
*****************
*/
/*
*****************
*****************
STYLE FOR MODAL
LAYOUT 
*****************
*****************
*/
.block-modal .modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 40px;
    border-top: 1px solid #e9e9e9;
    background-image: linear-gradient(to top, #ffffff 0%, #fafafa 100%);
}

@media only screen and (max-width: 768px) {
    .block-modal .modal-footer {
        flex-direction: column;
    }
}

.block-modal .modal-footer > *:nth-last-of-type(1):not(.is-only) {
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
    .block-modal .modal-footer > *:nth-last-of-type(1):not(.is-only) {
        margin-left: 0;
        margin-top: 20px;
    }
}

.block-modal .modal-footer > *.is-only {
    margin-top: 0;
    margin-left: 0;
}

/*
*****************
*****************
STYLE FOR MODAL
SCROLL 
*****************
*****************
*/
.block-modal {
    /*
      *****************
      ACTIVATE VERTICAL SCROLLBAR 
      FOR LONG MODAL
      START OVERWRITE
      *****************
      */
    /*
      *****************
      ACTIVATE VERTICAL SCROLLBAR 
      FOR LONG MODAL
      END OVERWRITE
      *****************
      */
}

.block-modal .vertical-scroll {
    width: 100%;
    overflow: auto;
}

/*
*****************
3.4 CONTENT
*****************
*/
/*
*****************
*****************
STYLE FOR CONTENT
HEADER
*****************
*****************
*/
.block-content .content-header {
    margin-bottom: 15px;
}

.block-content .content-header .header-title {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    margin-bottom: 15px;
}

.block-content .content-header .header-subtitle {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.2142857143em;
    margin-bottom: 15px;
}

.block-content .content-header .header-title,
.block-content .content-header .header-subtitle {
    font-weight: 700;
}

/*
*****************
*****************
STYLE FOR CONTENT
SECTION
*****************
*****************
*/
.block-section {
    margin: 25px 0 50px;
}

.content-section {
    margin-bottom: 30px;
}

.block-content .section-title {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 700;
    margin-top: 25px;
    text-transform: uppercase;
    color: #c90205;
}

.block-content .block-table {
    margin: 0;
}

.block-content .block-table caption {
    margin-bottom: 10px;
}

.block-content .block-table .table {
    background-color: #f6f6f6;
}

.block-content .section-paragraph.with-icon {
    display: flex;
}

.block-content .section-paragraph .paragraph-illustration {
    margin-right: 40px;
}

.block-content .section-paragraph img {
    max-width: 100%;
}

.block-content .section-list .list-item:not(:nth-of-type(1)) {
    margin-top: 5px;
}

.block-content .section-list .list-item .item-link {
    text-decoration: none;
}

.block-content .section-list .list-item .item-link:hover {
    text-decoration: underline;
    text-decoration-color: #000;
}

.block-content .section-paragraph,
.block-content .section-list {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.5178571429em;
    font-weight: 400;
    margin-top: 10px;
}

/*
*****************
3.5 ACCORDION
*****************
*/
/*
*****************
*****************
STYLE FOR ACCORDION
LAYOUT
*****************
*****************
*/
.block-accordion {
    padding: 30px 0;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      END OVERWRITE
      *****************
      */
    /*
      *****************
      HEAD (COMPONENTS/HEAD/_HEAD-LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      HEAD 
      END OVERWRITE
      *****************
      */
}

.block-accordion > .block-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media only screen and (max-width: 980px) {
    .block-accordion > .block-container {
        flex-wrap: wrap;
    }
}

.block-accordion .block-head .head-title {
    font-size: 1.5714285714em;
    line-height: 1.5454545455em;
    line-height: 1.2142857143em;
}

/*
*****************
*****************
STYLE FOR ACCORDION
SIDEBAR
*****************
*****************
*/
.block-accordion .accordion-sidebar {
    flex: 0 0 350px;
    padding: 30px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    background-color: #232222;
    background-image: linear-gradient(180deg, #f6f6f8 0%, #ffffff 100%);
}

@media only screen and (max-width: 980px) {
    .block-accordion .accordion-sidebar {
        flex: 1 1 100%;
    }
}

.block-accordion .accordion-sidebar .sidebar-list {
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 980px) {
    .block-accordion .accordion-sidebar .sidebar-list {
        flex-flow: wrap row;
        justify-content: space-between;
    }
}

.block-accordion .accordion-sidebar .sidebar-list .list-item {
    padding: 25px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}

@media only screen and (max-width: 980px) {
    .block-accordion .accordion-sidebar .sidebar-list .list-item {
        width: calc(100% / 3 - 10px);
        padding: 12.5px;
    }
}

@media only screen and (max-width: 768px) {
    .block-accordion .accordion-sidebar .sidebar-list .list-item {
        width: calc(100% / 2 - 10px);
    }
}

@media only screen and (max-width: 480px) {
    .block-accordion .accordion-sidebar .sidebar-list .list-item {
        width: 100%;
    }
}

.block-accordion .accordion-sidebar .sidebar-list .list-item:before {
    display: none;
}

.block-accordion .accordion-sidebar .sidebar-list .list-item .item-link {
    display: flex;
    align-items: flex-start;
    text-decoration: none;
}

.block-accordion .accordion-sidebar .sidebar-list .list-item .item-link .link-description {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 700;
    flex: 1 1 0%;
    display: inline-block;
    margin-top: 4.5px;
    margin-left: 30px;
}

/*
*****************
*****************
STYLE FOR ACCORDION
GROUPS
*****************
*****************
*/
.block-accordion .accordion-groups {
    flex: 1 1 auto;
    margin-left: 30px;
}

@media only screen and (max-width: 980px) {
    .block-accordion .accordion-groups {
        flex: 1 1 100%;
        margin-top: 50px;
        margin-left: 0;
    }
}

.block-accordion .accordion-groups .accordion-group {
    padding: 30px;
}

@media only screen and (max-width: 980px) {
    .block-accordion .accordion-groups .accordion-group {
        padding: 30px 0;
    }
}

/*
*****************
*****************
STYLE FOR ACCORDION
LIST
*****************
*****************
*/
.block-accordion .accordion-list .accordion-item {
    padding: 0;
    border-bottom: 1px solid #ccc;
}

.block-accordion .accordion-list .accordion-item:before {
    display: none;
}

.block-accordion .accordion-list .accordion-trigger {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 700;
    display: block;
    padding: 25px 0;
    text-decoration: none;
    transition: color .45s ease;
}

.block-accordion .accordion-list .accordion-trigger.is-active {
    color: #c90205;
}

.block-accordion .accordion-list .accordion-content {
    display: none;
    padding: 0 0 25px 0;
}

.block-accordion .accordion-list .accordion-content > *:first-child {
    margin-top: 0 !important;
}

.block-accordion .accordion-list .accordion-content .content-section .content-title {
    font-weight: 700;
}

.block-accordion .accordion-list .accordion-content .content-section .content-list {
    margin-top: 5px;
}

.block-accordion .accordion-list .accordion-content .content-illustration {
    margin-top: 5px;
}

.block-accordion .accordion-list .accordion-content .content-section,
.block-accordion .accordion-list .accordion-content .content-paragraph,
.block-accordion .accordion-list .accordion-content .content-list {
    margin-top: 15px;
}

/*
*****************
3.6 TABLE
*****************
*/
/*
*****************
*****************
STYLE FOR TABLE 
LAYOUT 

(BASE: BOOSTRAP)
*****************
*****************
*/
.block-table {
    margin-top: 45px;
    min-height: 0.01%;
}

.block-table.is-highlight {
    padding: 40px;
    color: #000;
    background-color: #f6f6f7;
}

.block-table:last-child {
    margin-bottom: 45px;
}

table {
    background-color: transparent;
}

caption {
    font-size: 2.1428571429em;
    line-height: 1.1333333333em;
    line-height: 1.2142857143em;
    font-weight: 600;
    color: #c90205;
    text-align: left;
    margin-bottom: 30px;
}

caption div {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

caption div > *:first-child {
    margin-right: 15px;
}

@media only screen and (max-width: 480px) {
    caption div .icon {
        display: none;
    }
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 15px 10px;
    font-size: 15px;
    line-height: 1.42857143;
    border-top: 1px solid #e5e5e5;
}

.table.is-vertical-border tr td {
    border-top: 0;
}

.table.is-vertical-border tr td:not(:first-child) {
    border-left: 1px solid #e5e5e5;
}

.table.is-vertical-border tr th {
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

.table.is-vertical-border tr th:not(:first-child) {
    border-left: 1px solid #e5e5e5;
}

.table > thead > tr > th .selectric-wrapper,
.table > tbody > tr > th .selectric-wrapper,
.table > tfoot > tr > th .selectric-wrapper,
.table > thead > tr > td .selectric-wrapper,
.table > tbody > tr > td .selectric-wrapper,
.table > tfoot > tr > td .selectric-wrapper {
    max-width: 250px;
}

.table > thead > tr > th.is-max-width,
.table > tbody > tr > th.is-max-width,
.table > tfoot > tr > th.is-max-width,
.table > thead > tr > td.is-max-width,
.table > tbody > tr > td.is-max-width,
.table > tfoot > tr > td.is-max-width {
    max-width: 275px;
}

.table > thead > tr.is-highlight td,
.table > tbody > tr.is-highlight td,
.table > tfoot > tr.is-highlight td,
.table > thead > tr.is-highlight th,
.table > tbody > tr.is-highlight th,
.table > tfoot > tr.is-highlight th {
    color: #047d77;
    font-weight: 700;
    background-color: #f6f6f7;
}

.table > thead > tr > th .button,
.table > tbody > tr > th .button,
.table > tfoot > tr > th .button,
.table > thead > tr > td .button,
.table > tbody > tr > td .button,
.table > tfoot > tr > td .button {
    display: block;
}

.table > thead > tr > th .selectric,
.table > tbody > tr > th .selectric,
.table > tfoot > tr > th .selectric,
.table > thead > tr > td .selectric,
.table > tbody > tr > td .selectric,
.table > tfoot > tr > td .selectric,
.table > thead > tr > td .selectric .button,
.table > tbody > tr > td .selectric .button,
.table > tfoot > tr > td .selectric .button {
    background-color: #f7f7f7;
}

.table > thead > tr > th .field-checkbox,
.table > tbody > tr > th .field-checkbox,
.table > tfoot > tr > th .field-checkbox,
.table > thead > tr > td .field-checkbox,
.table > tbody > tr > td .field-checkbox,
.table > tfoot > tr > td .field-checkbox {
    float: none;
    padding-left: 0;
}

.table > thead > tr > th .field-checkbox,
.table > tbody > tr > th .field-checkbox,
.table > tfoot > tr > th .field-checkbox,
.table > thead > tr > td .field-checkbox,
.table > tbody > tr > td .field-checkbox,
.table > tfoot > tr > td .field-checkbox {
    float: none;
    padding-left: 0;
}

.table > thead > tr > th .field-checkbox label,
.table > tbody > tr > th .field-checkbox label,
.table > tfoot > tr > th .field-checkbox label,
.table > thead > tr > td .field-checkbox label,
.table > tbody > tr > td .field-checkbox label,
.table > tfoot > tr > td .field-checkbox label {
    top: 10px;
    left: 45px;
}

.table > thead > tr > th {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 700;
    vertical-align: bottom;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #e5e5e5;
}

.table .table {
    background-color: #ffffff;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

@media screen and (max-width: 767px) {
    .block-table {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .block-table > .table {
        margin-bottom: 0;
    }

    .block-table .table > thead > tr > th,
    .block-table .table > tbody > tr > th,
    .block-table .table > tfoot > tr > th,
    .block-table .table > thead > tr > td,
    .block-table .table > tbody > tr > td,
    .block-table .table > tfoot > tr > td {
        min-width: 250px;
    }
}

/*
*****************
3.7 CHAT
*****************
*/
/*
*****************
*****************
STYLE FOR CHAT 
ITEM 
*****************
*****************
*/
.block-chat .chat-item {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 30px 0;
    padding: 0;
}

.block-chat .chat-item:before {
    display: none;
}

/*
*****************
*****************
STYLE FOR CHAT 
AVATAR 
*****************
*****************
*/
.block-chat .chat-item .item-avatar {
    order: 1;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 10px;
}

.block-chat .chat-item .item-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    background-color: #f6f6f7;
}

.block-chat .chat-item.is-support {
    align-items: flex-start;
    justify-content: flex-start;
}

.block-chat .chat-item.is-support .item-avatar {
    order: -1;
}

/*
*****************
*****************
STYLE FOR CHAT 
MESSAGE 
*****************
*****************
*/
.block-chat .chat-item .item-message {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px;
    background-color: #f6f6f7;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
}

@media only screen and (max-width: 768px) {
    .block-chat .chat-item .item-message {
        flex-basis: 100%;
    }
}

.block-chat .chat-item .item-message .message-author {
    color: #c90205;
}

.block-chat .chat-item .item-message .message-content {
    margin: 5px 0;
}

.block-chat .chat-item .item-message .message-date {
    font-size: 0.8571428571em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    font-weight: 700;
    align-self: flex-end;
}

/*
*****************
3.8 CARD
*****************
*/
/*
*****************
*****************
STYLE FOR CARD
LAYOUT
*****************
*****************
*/
.block-card {
    padding: 30px 0;
    /*
      *****************
      HEAD (COMPONETS/HEAD/_HEAD-LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      HEAD 
      END OVERWRITE
      *****************
      */
}

.block-card .block-head {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.block-card .block-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.block-card .block-wrapper:not(:first-child) {
    margin-top: 25px;
}

@supports (display: grid) {
    .block-card .block-wrapper {
        display: grid;
        grid-template-columns: repeat(3, minmax(250px, 1fr));
        grid-template-rows: auto;
        grid-gap: 20px;
    }

    @media only screen and (max-width: 768px) {
        .block-card .block-wrapper {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media only screen and (max-width: 480px) {
        .block-card .block-wrapper {
            grid-template-columns: 1fr;
        }
    }
}

/*
*****************
*****************
STYLE FOR CARD
LAYOUT
*****************
*****************
*/
.block-card .block-wrapper .card-item {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% / 3 - 15px);
    margin-bottom: 20px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
    background-color: #ffffff;
}

@media only screen and (max-width: 768px) {
    .block-card .block-wrapper .card-item {
        width: calc(100% / 2 - 10px);
    }
}

@media only screen and (max-width: 480px) {
    .block-card .block-wrapper .card-item {
        width: 100%;
        margin-bottom: 30px;
    }
}

@supports (display: grid) {
    .block-card .block-wrapper .card-item {
        width: auto;
        margin-bottom: 0;
    }
}

.block-card .block-wrapper .card-item > * {
    flex-basis: 100%;
}

.block-card .block-wrapper .card-item .item-header {
    padding: 20px;
}

.block-card .block-wrapper .card-item .item-header .header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 75px;
}

.block-card .block-wrapper .card-item .item-header .header-title {
    font-size: 2.1428571429em;
    line-height: 1.1333333333em;
    line-height: 1.2142857143em;
    font-weight: 700;
    margin-bottom: 10px;
}

.block-card .block-wrapper .card-item .item-header .header-description {
    font-size: 0.9285714286em;
    line-height: 1.3076923077em;
    line-height: 1.2142857143em;
    font-weight: 400;
}

.block-card .block-wrapper .card-item .item-header .header-link {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 700;
    display: block;
    margin-top: 10px;
    text-decoration: none;
}

.block-card .block-wrapper .card-item .item-section {
    display: flex;
    align-items: center;
    align-self: flex-end;
    justify-content: center;
    height: 100px;
    padding: 15px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
}

.block-card .block-wrapper .card-item .item-section .section-price,
.block-card .block-wrapper .card-item .item-section .section-link,
.block-card .block-wrapper .card-item .item-section .section-statut {
    color: #fff;
    font-weight: 700;
}

.block-card .block-wrapper .card-item .item-section .section-statut {
    font-size: 2.1428571429em;
    line-height: 1.1333333333em;
    line-height: 1.2142857143em;
}

.block-card .block-wrapper .card-item .item-section .section-price .price-item {
    font-size: 1.5714285714em;
    line-height: 1.5454545455em;
    line-height: 1.2142857143em;
}

.block-card .block-wrapper .card-item .item-section .section-price .price-item:not(:first-child) {
    margin-top: 5px;
}

.block-card .block-wrapper .card-item .item-section .section-price sup {
    font-size: 0.4285714286em;
    line-height: 2.8333333333em;
    line-height: 1.2142857143em;
    position: relative;
    top: -13px;
    left: 2px;
    color: #fff;
}

.block-card .block-wrapper .card-item .item-section .section-link {
    font-size: 1.0714285714em;
    line-height: 2.2666666667em;
    line-height: 1.2142857143em;
    text-decoration: none;
    margin-left: 40%;
}

/*
*****************
*****************
STYLE FOR CARD
THEMES
*****************
*****************
*/
.block-card .card-item.leisure .header-title {
    color: #3224af;
}

.block-card .card-item.leisure .header-link {
    color: #3224af;
}

.block-card .card-item.leisure .item-section {
    background-image: linear-gradient(135deg, #3022ad 0%, #c86dd7 100%);
}

.block-card .card-item.sport .header-title {
    color: #fc6b30;
}

.block-card .card-item.sport .header-link {
    color: #c55223;
}

.block-card .card-item.sport .item-section {
    background-image: linear-gradient(-22deg, #fb956c 0%, #fe6d31 100%);
}

.block-card .card-item.equipment .header-title {
    color: #033983;
}

.block-card .card-item.equipment .header-link {
    color: #033983;
}

.block-card .card-item.equipment .item-section {
    background-image: linear-gradient(-27deg, #076ab8 0%, #023883 100%);
}

.block-card .card-item.transport .header-title {
    color: #429321;
}

.block-card .card-item.transport .header-link {
    color: #397f1d;
}

.block-card .card-item.transport .item-section {
    background-image: linear-gradient(-37deg, #b4ec50 0%, #419321 100%);
}

.block-card .card-item.accommodation .header-title {
    color: #503f30;
}

.block-card .card-item.accommodation .header-link {
    color: #503f30;
}

.block-card .card-item.accommodation .item-section {
    background-image: linear-gradient(152deg, #4f3f2f 0%, #916f4e 100%);
}

.block-card .card-item.catering .header-title {
    color: #9f041b;
}

.block-card .card-item.catering .header-link {
    color: #9f041b;
}

.block-card .card-item.catering .item-section {
    background-image: linear-gradient(-31deg, #f4505f 0%, #9f031b 100%);
}

.block-card .card-item.textbook .header-title {
    color: #f76b1c;
}

.block-card .card-item.textbook .header-link {
    color: #f76b1c;
}

.block-card .card-item.textbook .item-section {
    background-image: linear-gradient(-36deg, #fad961 0%, #f66b1c 100%);
}

.block-card .card-item.lordi .header-title {
    color: #333;
}

.block-card .card-item.lordi .header-link {
    color: #333;
}

.block-card .card-item.lordi .item-section {
    background-image: linear-gradient(180deg, #535353 0%, #1a1a1a 100%);
}

.block-card .card-item.licence .header-title {
    color: #0098c9;
}

.block-card .card-item.licence .header-link {
    color: #007fa9;
}

.block-card .card-item.licence .item-section {
    background-image: linear-gradient(11deg, #0098c9 0%, #2bb5e2 100%);
}

/*
*****************
3.9 COOKIES
*****************
*/
/*
*****************
*****************
STYLE FOR COOKIES 
LAYOUT
*****************
*****************
*/
.block-cookies {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    border-top: 1px solid #fbeed5;
    color: #826534;
    text-align: center;
    z-index: 50;
    background-color: #ffffcc;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      START OVERWRITE
      *****************
      */
}

.block-cookies > .block-container {
    padding: 0 100px;
}

.block-cookies .cookies-link {
    color: #826534;
    text-decoration-color: #826534;
}

.block-cookies.is-active {
    display: block;
    animation: cookies 1s 1;
}

.hide-cookies {
    position: absolute;
    top: -45px;
    right: 10px;
    background-color: transparent;
    color: #826534;
    padding: 5px 10px;
    border: 1px solid #826534;
    transition: all 0.2s ease-out;
    transform: translate3d(0, 50px, 0);
}

@keyframes cookies {
    0% {
        transform: translate3d(0, 50px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

/*
*****************
3.10 HEAD
*****************
*/
/*
*****************
*****************
STYLE FOR HEAD
LAYOUT 
*****************
*****************
*/
.block-head {
    display: flex;
    align-items: center;
    /*
      *****************
      DIVIDER (COMPONENTS/_DIVIDER.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      DIVIDER 
      START OVERWRITE
      *****************
      */
}

@media only screen and (max-width: 768px) {
    .block-head {
        flex-wrap: wrap;
    }
}

.block-head .block-divider {
    margin: 10px 0 20px;
}

.block-head.is-highlight .head-title {
    margin-top: 50px;
    padding: 10px;
    color: #fff !important;
    text-transform: uppercase;
    text-align: left;
    background-color: #c90205;
}

.block-head.is-highlight .head-title + .block-divider {
    display: none;
}

.block-head .head-title.is-highlight,
.block-head .head-subtitle.is-highlight {
    color: #c90205;
}

/*
*****************
*****************
STYLE FOR HEAD
BUTTON
*****************
*****************
*/
.block-head .head-button {
    flex: 1 0 auto;
    align-self: center;
    display: flex;
    margin-left: 25px;
}

@media only screen and (max-width: 768px) {
    .block-head .head-button {
        margin-left: 0;
    }
}

.block-head .head-button > *:not(:first-child) {
    margin-left: 25px;
}

/*
*****************
*****************
STYLE FOR HEAD
GROUP
*****************
*****************
*/
.block-head .head-group {
    flex: 0 1 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.block-head .head-group > * {
    flex: 1 1 100%;
}

/*
*****************
*****************
STYLE FOR HEAD
ICON 
*****************
*****************
*/
.block-head .head-icon {
    margin-right: 20px;
    flex: 0 0 65px;
}

@media only screen and (max-width: 768px) {
    .block-head .head-icon {
        display: none;
    }
}

/*
*****************
*****************
STYLE FOR HEAD
LINK
*****************
*****************
*/
.block-head .head-link {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.2142857143em;
    font-weight: 700;
    color: #047d77;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .block-head .head-link {
        margin-left: auto;
    }
}

/*
*****************
*****************
STYLE FOR HEAD
STEP 
*****************
*****************
*/
.block-head .head-step {
    font-size: 2.1428571429em;
    line-height: 1.1333333333em;
    line-height: 1.2142857143em;
    font-weight: 700;
    color: #c90205;
    flex-basis: 250px;
    text-align: right;
    margin-left: auto;
    margin-right: 35px;
}

@media only screen and (max-width: 768px) {
    .block-head .head-step {
        display: none;
    }
}

/*
*****************
*****************
STYLE FOR HEAD
SUBTITLE 
*****************
*****************
*/
.block-head .head-subtitle {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    color: #333;
}

/*
*****************
*****************
STYLE FOR HEAD
TITLE
*****************
*****************
*/
.block-head .head-title {
    font-size: 2.1428571429em;
    line-height: 1.1333333333em;
    line-height: 1.2142857143em;
    font-weight: 600;
    color: #333;
}

.block-head .head-title .title-error {
    font-size: 0.5714285714em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 700;
    color: #C90205;
}

/*
*****************
3.11 CHECKLIST
*****************
*/
/*
*****************
*****************
STYLE FOR CHECKLIST
LAYOUT 
*****************
*****************
*/
.block-checklist {
    margin-bottom: 15px;
}

/*
*****************
*****************
STYLE FOR CHECKLIST
HEADER 
*****************
*****************
*/
.block-checklist .checklist-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.block-checklist .checklist-header .header-icon {
    flex-shrink: 0;
    margin-right: 20px;
}

@media only screen and (max-width: 480px) {
    .block-checklist .checklist-header .header-icon {
        display: none;
    }
}

.block-checklist .checklist-header .header-title {
    font-size: 1.7857142857em;
    line-height: 1.36em;
    line-height: 1.2142857143em;
    font-weight: 600;
    color: #047d77;
}

/*
*****************
*****************
STYLE FOR CHECKLIST
CONTENT
*****************
*****************
*/
.block-checklist .checklist-content {
    /*
          *****************
          BUTTON (COMPONENTS/BUTTON/_BUTTON-BLOCK.SCSS)
          START OVERWRITE
          *****************
          */
    /*
          *****************
          BUTTON 
          END OVERWRITE
          *****************
          */
}

.block-checklist .checklist-content .content-list {
    margin-left: 35px;
}

@media only screen and (max-width: 480px) {
    .block-checklist .checklist-content .content-list {
        margin-left: 0;
    }
}

.block-checklist .checklist-content .content-list .list-item {
    padding-left: 30px;
    margin-top: 10px;
    font-weight: 700;
    color: #047d77;
}

.block-checklist .checklist-content .content-list .list-item:before {
    content: '';
    top: 2px;
    background-image: url("../img/icons/icon-action-check.svg");
    width: 20px;
    height: 15px;
}

.block-checklist .checklist-content .content-list .list-item.is-rejected {
    color: #c90205;
}

.block-checklist .checklist-content .content-list .list-item.is-rejected:before {
    background-image: url("../img/icons/icon-action-reject-red.svg");
    width: 17px;
    height: 17px;
}

.block-checklist .checklist-content .content-list .list-item.is-rejected a {
    color: #c90205;
    text-decoration-color: #000;
}

.block-checklist .checklist-content .content-paragraph {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.5178571429em;
    font-weight: 400;
}

.block-checklist .checklist-content .block-button {
    margin-bottom: 0;
}

/*
*****************
3.12 ALERT
*****************
*/
/*
*****************
*****************
STYLE FOR ALERT 
LAYOUT
*****************
*****************
*/
.block-alert {
    padding: 15px 0;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      END OVERWRITE
      *****************
      */
}

.block-alert > .block-container {
    display: flex;
    align-items: center;
    background-color: #f2dede;
}

/*
*****************
*****************
STYLE FOR ALERT 
CONTENT
*****************
*****************
*/
.block-alert .alert-content {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 700;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #C90205;
}

/*
*****************
3.13 PROGRESS BAR
*****************
*/
/*
*****************
*****************
STYLE FOR PROGRESS BAR 
COMPONENT
*****************
*****************
*/
.block-progress-bar {
    padding: 15px 50px;
}

.block-progress-bar .progress,
.block-progress-bar .progress-bar {
    border-radius: 2px;
}

/*
*****************
*****************
STYLE FOR PROGRESS BAR 
BAR
*****************
*****************
*/
.block-progress-bar .progress {
    margin-top: 10px;
    background-color: #dfdfdf;
}

.block-progress-bar .progress-bar {
    height: 4px;
    background-color: #c90205;
    transition: 0.4s linear;
}

/*
*****************
*****************
STYLE FOR PROGRESS BAR 
ITEMS
*****************
*****************
*/
.block-progress-bar .progress-bar-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media only screen and (max-width: 980px) {
    .block-progress-bar .progress-bar-items {
        justify-content: flex-start;
    }
}

.block-progress-bar .progress-bar-items .progress-bar-item {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.5178571429em;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-align: center;
    color: #a9a9a9;
    padding-left: 0;
}

@media only screen and (max-width: 980px) {
    .block-progress-bar .progress-bar-items .progress-bar-item {
        margin-right: 15px;
    }
}

.block-progress-bar .progress-bar-items .progress-bar-item:before {
    display: none;
}

.block-progress-bar .progress-bar-items .progress-bar-item.is-active {
    font-weight: 700;
    color: #c90205;
}

/*
*****************
3.14 SCROLLBAR
*****************
*/
/*
*****************
*****************
STYLE FOR SCROLLBAR
COMPONENT 
*****************
*****************
*/
/* VARIABLES */
/* STYLES */
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #efefef;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #efefef;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c90205;
}

/*
*****************
3.15 DIVIDER
*****************
*/
/*
*****************
*****************
STYLE FOR DIVIER 
LAYOUT
*****************
*****************
*/
.block-divider {
    height: 1px;
    width: 100%;
    margin: 40px 0;
    text-align: left;
    background-color: #d4d4d4;
}

.block-divider.is-vertical {
    height: 100%;
    min-height: 100%;
    width: 1px;
}

/*
*****************
3.16 LEGEND
*****************
*/
/*
*****************
*****************
STYLE FOR LEGEND 
LAYOUT
*****************
*****************
*/
.block-legend {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 25px;
}

.block-legend:not(:nth-last-of-type(1)) {
    margin-bottom: 10px;
}

/*
*****************
*****************
STYLE FOR LEGEND 
ICON
*****************
*****************
*/
.block-legend .legend-icon {
    flex: 0 0 45px;
    display: flex;
    align-items: center;
}

/*
*****************
*****************
STYLE FOR LEGEND 
CONTENT
*****************
*****************
*/
.block-legend .legend-content .content-paragraph {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.5178571429em;
    font-weight: 400;
}

.block-legend .legend-content .content-list .list-item {
    padding-left: 30px;
}

.block-legend .legend-content .content-list .list-item:before {
    content: '';
    top: 0;
    background-image: url("../img/icons/icon-action-check.svg");
    width: 20px;
    height: 15px;
}

.block-legend .legend-content .content-paragraph:not(:first-child),
.block-legend .legend-content .content-list:not(:first-child) {
    margin-top: 25px;
}

/*
*****************
3.17 BURGER
*****************
*/
/*
*****************
*****************
STYLE FOR BURGER
COMPONENT
*****************
*****************
*/
.block-burger-menu {
    position: fixed;
    top: 30px;
    right: 30px;
    width: 25px;
    height: 20px;
    z-index: -10;
    cursor: pointer;
    border: none;
    background-color: transparent;
    transform: rotate(0deg);
    transition: all .45s ease-in-out;
}

@media only screen and (max-width: 480px) {
    .block-burger-menu {
        position: absolute;
        right: 15px;
    }
}

.block-burger-menu span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: #c90205;
    border-radius: 9px;
    opacity: 1;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

@media only screen and (max-width: 480px) {
    .block-burger-menu span {
        background: #fff;
    }
}

.block-burger-menu span:nth-child(1) {
    top: 0px;
}

.block-burger-menu span:nth-child(2), .block-burger-menu span:nth-child(3) {
    top: 8px;
}

.block-burger-menu span:nth-child(4) {
    top: 16px;
}

.block-burger-menu.is-open span:nth-child(1) {
    top: 8px;
    width: 0%;
    left: 50%;
}

.block-burger-menu.is-open span:nth-child(2) {
    transform: rotate(45deg);
}

.block-burger-menu.is-open span:nth-child(3) {
    transform: rotate(-45deg);
}

.block-burger-menu.is-open span:nth-child(4) {
    top: 8px;
    width: 0%;
    left: 50%;
}

/*
*****************
3.18 WARNING
*****************
*/
/*
*****************
*****************
STYLE FOR WARNING
LAYOUT
*****************
*****************
*/
.block-warning {
    width: 100%;
    border-bottom: 1px solid #fbeed5;
    background-color: #ffffcc;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      END OVERWRITE
      *****************
      */
}

.block-warning > .block-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 768px;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
}

/*
*****************
*****************
STYLE FOR WARNING
CONTENT
*****************
*****************
*/
.block-warning .warning-title {
    font-size: 1.5714285714em;
    line-height: 1.5454545455em;
    line-height: 1.2142857143em;
    font-weight: 700;
    color: #826534;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 480px) {
    .block-warning .warning-title {
        font-size: 1.1428571429em;
        line-height: 2.125em;
        line-height: 1.2142857143em;
    }
}

.block-warning .warning-description {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 700;
    color: #826534;
}

@media only screen and (max-width: 480px) {
    .block-warning .warning-description {
        font-size: 1.1428571429em;
        line-height: 2.125em;
        line-height: 1.2142857143em;
        font-weight: 500;
    }
}

.block-warning .warning-description:not(:first-child) {
    margin-top: 10px;
}

/*
*****************
*****************
STYLE FOR WARNING
STATES
*****************
*****************
*/
.block-warning.is-alert .warning-title {
    color: #fff;
}

.block-warning.is-alert .warning-description {
    font-weight: 400;
    color: #fff;
}

/*
*****************
3.19 LOADER
*****************
*/
/*
*****************
*****************
STYLE FOR LOADER
LAYOUT
*****************
*****************
*/
.block-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    z-index: 100;
}

/*
*****************
*****************
STYLE FOR LOADER
MESSAGE
(VOLONTAIREMENT SANS ENGLOBANT ".BLOCK-LOADER" 
CAR PEUT ETRE UTILISE EN DEHORS DU LAYOUT ".BLOCK-LOADER")
*****************
*****************
*/
.loader-message {
    font-size: 1.7142857143em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    font-weight: 700;
    padding-left: 25px;
}

@media only screen and (max-width: 480px) {
    .loader-message {
        font-size: 1.2857142857em;
        line-height: 1.8888888889em;
        line-height: 1.2142857143em;
    }
}

/*
*****************
*****************
4. LAYOUTS
*****************
*****************
*/
/*
*****************
4.1 FORM
*****************
*/
/*
*****************
*****************
STYLE FOR FORM 
FIELD INPUT
*****************
*****************
*/
/* VARIABLES */
/* STYLES */
label {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1em;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
}

input[type="file"] {
    display: none;
}

input[type="file"]:disabled, input[type="file"].is-disabled {
    cursor: not-allowed;
}

input[type="file"]:disabled + label, input[type="file"].is-disabled + label {
    cursor: not-allowed;
    color: #bcbcbc;
    background-color: #f9f9f9;
    background-image: none;
}

input[type="password"] {
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
}

input::placeholder,
textarea::placeholder {
    font-family: "Dosis", sans-serif;
    color: #444;
    opacity: 0.4;
}

input:focus,
textarea:focus {
    border-color: #000;
}

input:disabled, input.is-disabled,
textarea:disabled,
textarea.is-disabled {
    cursor: not-allowed !important;
    background-color: #f9f9f9 !important;
}

input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:focus,
textarea[type="reset"]:focus,
textarea[type="button"]:focus,
textarea[type="submit"]:focus {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

input:required:invalid,
textarea:required:invalid {
    outline: none;
}

input,
textarea,
select {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.5178571429em;
    font-weight: 400;
    font-family: "Dosis", sans-serif;
    padding: 9px 10px;
    color: #000;
    border: 1px solid #6e6e6e;
    background-color: #fff;
}

textarea {
    height: 160px;
    resize: none;
}

textarea[type="submit"] {
    border-radius: 0;
    cursor: pointer;
}

/*
*****************
*****************
STYLE FOR FORM 
SECTION
*****************
*****************
*/
.block-form-section {
    margin-top: 30px;
    /*
      *****************
      HEAD (COMPONENTS/HEAD/_HEAD-LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      HEAD 
      END OVERWRITE
      *****************
      */
}

.block-form-section:nth-last-of-type(1) {
    margin-bottom: 60px;
}

.block-form-section .block-head {
    margin-bottom: 20px;
}

.block-form-section .section-content {
    padding: 40px;
    border-radius: 3px;
    background-color: #fff;
}

@media only screen and (max-width: 480px) {
    .block-form-section .section-content {
        padding: 20px;
    }
}

.block-form-section .section-content .field-row .field-wrapper .labInfos {
    flex: 1 1 100%;
}

.field-row.is-action .field-wrapper {
    flex-wrap: nowrap;
    justify-content: space-between;
}

@media only screen and (max-width: 480px) {
    .field-row.is-action .field-wrapper {
        flex-wrap: wrap;
    }
}

.field-row.is-action .field-wrapper .button:first-child {
    margin-right: 30px;
}

@media only screen and (max-width: 480px) {
    .field-row.is-action .field-wrapper .button:first-child {
        margin-right: 0;
    }
}

.field-row.is-action .field-wrapper .button:last-child {
    margin-left: auto;
}

@media only screen and (max-width: 480px) {
    .field-row.is-action .field-wrapper .button:not(:first-child) {
        margin-top: 20px;
    }
}

/*
*****************
*****************
STYLE FOR FIELD 
LABEL
*****************
*****************
*/
.field-label {
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    width: 100%;
}

.field-label sup {
    top: -5px;
    left: 2.5px;
    color: #C90205;
}

/*
*****************
*****************
STYLE FOR FORM 
ROW / WRAPPER
*****************
*****************
*/
.field-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.field-row .field-wrapper {
    flex: 1 1 0%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 20px;
}

@media only screen and (max-width: 480px) {
    .field-row .field-wrapper {
        flex-basis: 100%;
    }
}

.field-row .field-wrapper.without-label {
    margin-top: 27px;
}

@media only screen and (max-width: 480px) {
    .field-row .field-wrapper.without-label {
        margin-top: 0;
    }
}

.field-row .field-wrapper + .field-wrapper {
    padding-left: 20px;
}

@media only screen and (max-width: 480px) {
    .field-row .field-wrapper + .field-wrapper {
        padding-left: 0;
    }
}

.field-row-2x {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .field-row-2x {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.field-row-2x .row-column {
    flex: 1 1 auto;
    max-width: 50%;
}

@media only screen and (max-width: 768px) {
    .field-row-2x .row-column {
        flex-basis: 100%;
        max-width: none;
    }

    .field-row-2x .row-column:not(:first-child) {
        margin-top: 20px;
    }
}

.field-row-2x .row-column:first-child {
    padding-right: 15px;
}

@media only screen and (max-width: 768px) {
    .field-row-2x .row-column:first-child {
        padding-right: 0;
    }
}

.field-row-2x .row-column .section-paragraph {
    margin-top: 20px;
}

/*
*****************
*****************
STYLE FOR FORM 
FIELD ERROR
*****************
*****************
*/
.field-error {
    font-size: 0.8571428571em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    color: #c90205;
    clear: both;
    width: 100%;
    display: block;
    padding: 5px 0;
}

.field-error {
    display: flex;
    align-items: center;
    width: 100%;
}

.field-error .error-icon {
    flex: 0 0 45px;
    display: flex;
    align-items: center;
}

.field-error .error-content .content-paragraph {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 700;
}

/*
*****************
*****************
STYLE FOR FIELD 
LINK
*****************
*****************
*/
.field-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.field-link .link {
    font-size: 0.8571428571em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    display: block;
    margin-top: 2.5px;
}

/*
*****************
*****************
STYLE FOR FIELD 
CHECKBOX SWITCH
*****************
*****************
*/
.field-checkbox-switch input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.field-checkbox-switch input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding: 10px 0 0 50px;
    margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
    .field-checkbox-switch input[type="checkbox"] + label {
        padding-top: 0;
    }
}

.field-checkbox-switch input[type="checkbox"] + label:before {
    width: 40px;
}

.field-checkbox-switch input[type="checkbox"] + label:after {
    width: 24px;
}

.field-checkbox-switch input[type="checkbox"] + label:before, .field-checkbox-switch input[type="checkbox"] + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 5px;
    height: 24px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #6e6e6e;
    transition: all 0.3s;
}

.field-checkbox-switch input[type="checkbox"] + label:hover:after {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.field-checkbox-switch input[type="checkbox"] + input[type="hidden"] + label {
    display: block;
    position: relative;
    padding: 10px 0 0 50px;
    margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
    .field-checkbox-switch input[type="checkbox"] + input[type="hidden"] + label {
        padding-top: 0;
    }
}

.field-checkbox-switch input[type="checkbox"] + input[type="hidden"] + label:before {
    width: 40px;
}

.field-checkbox-switch input[type="checkbox"] + input[type="hidden"] + label:after {
    width: 24px;
}

.field-checkbox-switch input[type="checkbox"] + input[type="hidden"] + label:before, .field-checkbox-switch input[type="checkbox"] + input[type="hidden"] + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 5px;
    height: 24px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #6e6e6e;
    transition: all 0.3s;
}

.field-checkbox-switch input[type="checkbox"] + input[type="hidden"] + label:hover:after {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.field-checkbox-switch input[type="checkbox"]:checked + label:after {
    margin-left: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.field-checkbox-switch input[type="checkbox"]:checked + label:before {
    background: #c90205;
}

.field-checkbox-switch input[type="checkbox"]:checked + input[type="hidden"] + label:after {
    margin-left: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.field-checkbox-switch input[type="checkbox"]:checked + input[type="hidden"] + label:before {
    background: #c90205;
}

.field-checkbox-switch input[type="checkbox"]:disabled + label, .field-checkbox-switch input[type="checkbox"].is-disabled + label {
    cursor: not-allowed;
}

.field-checkbox-switch input[type="checkbox"]:disabled + label:before, .field-checkbox-switch input[type="checkbox"]:disabled + label:after, .field-checkbox-switch input[type="checkbox"].is-disabled + label:before, .field-checkbox-switch input[type="checkbox"].is-disabled + label:after {
    cursor: not-allowed;
    background-color: #f9f9f9;
}

.field-checkbox-switch input[type="checkbox"]:disabled + input[type="hidden"] + label, .field-checkbox-switch input[type="checkbox"].is-disabled + input[type="hidden"] + label {
    cursor: not-allowed;
}

.field-checkbox-switch input[type="checkbox"]:disabled + input[type="hidden"] + label:before, .field-checkbox-switch input[type="checkbox"]:disabled + input[type="hidden"] + label:after, .field-checkbox-switch input[type="checkbox"].is-disabled + input[type="hidden"] + label:before, .field-checkbox-switch input[type="checkbox"].is-disabled + input[type="hidden"] + label:after {
    cursor: not-allowed;
    background-color: #f9f9f9;
}

/*
*****************
*****************
STYLE FOR FIELD 
CHECKBOX & RADIO
*****************
*****************
*/
.field-radio,
.field-checkbox {
    display: inline-block;
    padding-left: 35px;
    margin-right: 30px;
    min-height: 30px;
}

.field-radio input,
.field-checkbox input {
    position: absolute;
    opacity: 0;
}

.field-radio input:checked + label:before,
.field-checkbox input:checked + label:before {
    border: 1px solid #6e6e6e;
}

.field-radio input:checked + label:after,
.field-checkbox input:checked + label:after {
    background-color: #c90205;
}

.field-radio input:checked + input[type="hidden"] + label:before,
.field-checkbox input:checked + input[type="hidden"] + label:before {
    border: 1px solid #6e6e6e;
}

.field-radio input:checked + input[type="hidden"] + label:after,
.field-checkbox input:checked + input[type="hidden"] + label:after {
    background-color: #c90205;
}

.field-radio input:disabled + label, .field-radio input.is-disabled + label,
.field-checkbox input:disabled + label,
.field-checkbox input.is-disabled + label {
    cursor: not-allowed;
}

.field-radio input:disabled + label:before, .field-radio input.is-disabled + label:before,
.field-checkbox input:disabled + label:before,
.field-checkbox input.is-disabled + label:before {
    cursor: not-allowed;
}

.field-radio input:disabled + label:after, .field-radio input.is-disabled + label:after,
.field-checkbox input:disabled + label:after,
.field-checkbox input.is-disabled + label:after {
    background-color: #f9f9f9;
}

.field-radio input:disabled + input[type="hidden"] + label, .field-radio input.is-disabled + input[type="hidden"] + label,
.field-checkbox input:disabled + input[type="hidden"] + label,
.field-checkbox input.is-disabled + input[type="hidden"] + label {
    cursor: not-allowed;
}

.field-radio input:disabled + input[type="hidden"] + label:before, .field-radio input.is-disabled + input[type="hidden"] + label:before,
.field-checkbox input:disabled + input[type="hidden"] + label:before,
.field-checkbox input.is-disabled + input[type="hidden"] + label:before {
    cursor: not-allowed;
}

.field-radio input:disabled + input[type="hidden"] + label:after, .field-radio input.is-disabled + input[type="hidden"] + label:after,
.field-checkbox input:disabled + input[type="hidden"] + label:after,
.field-checkbox input.is-disabled + input[type="hidden"] + label:after {
    background-color: #f9f9f9;
}

.field-radio input:focus + label:before,
.field-checkbox input:focus + label:before {
    border-color: #000;
}

.field-radio input:focus + input[type="hidden"] + label:before,
.field-checkbox input:focus + input[type="hidden"] + label:before {
    border-color: #000;
}

.field-radio label,
.field-checkbox label {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    line-height: 0 !important;
}

.field-radio label:before,
.field-checkbox label:before {
    position: absolute;
    top: 0;
    left: -34.5px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #6e6e6e;
}

.field-radio label:after,
.field-checkbox label:after {
    position: absolute;
    top: 3px;
    left: -31.5px;
    width: 16px;
    height: 16px;
}

.field-radio label:before, .field-radio label:after,
.field-checkbox label:before,
.field-checkbox label:after {
    content: '';
    display: inline-block;
}

/*
*****************
*****************
STYLE FOR FIELD 
WITH LEGEND
*****************
*****************
*/
.field-with-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .field-with-legend {
        flex-wrap: wrap;
    }
}

.field-with-legend .field-label {
    font-weight: 700;
    margin-bottom: 20px;
}

.field-with-legend .field-wrapper {
    flex-basis: 50%;
}

@media only screen and (max-width: 768px) {
    .field-with-legend .field-wrapper {
        flex-basis: 100%;
    }
}

.field-with-legend .field-wrapper + .field-wrapper {
    padding-left: 0;
}

/*
*****************
*****************
STYLE FOR FILE
FIELD

1. FILE
2. LOADER
3. STATUS
*****************
*****************
*/
/*
*****************
1.FILE
*****************
*/
.field-file {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.field-file:not(:nth-last-of-type(1)) {
    margin-bottom: 10px;
}

.field-file .file-icon {
    flex: 0 0 auto;
    margin-right: 20px;
}

@media only screen and (max-width: 768px) {
    .field-file .file-icon {
        display: none;
    }
}

.field-file .button {
    margin-bottom: 0;
}

.field-file + .field-error {
    font-size: 0.8571428571em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    font-weight: 400;
    color: #C90205;
    text-align: center;
    display: none;
    margin-top: 25px;
}

/*
*****************
2.LOADER
*****************
*/
.field-loader {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.field-loader.is-visible {
    display: flex;
}

.field-loader .loader-image {
    width: 30px;
    height: 30px;
    margin-right: 20px;
}

.field-loader .loader-description {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 700;
}

.loader-message {
    font-size: 1.7142857143em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    font-weight: 700;
    padding-left: 25px; }
/*
*****************
3.STATUS
*****************
*/
.field-status {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.field-status .is-success {
    color: #7aa749;
}

.field-status .is-error {
    color: #C90205;
}

.field-status .is-success,
.field-status .is-error {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 700;
}

/*
*****************
*****************
STYLE FOR FIELD 
SELECTRIC
*****************
*****************
*/
.field-select,
.selectric-field-select,
.selectric-wrapper {
    flex: 1 1 100%;
    width: 100%;
}

/*
*****************
*****************
STYLE FOR INPUT
FIELD
*****************
*****************
*/
.field-input {
    flex: 1 1 100%;
    width: 100%;
}

/*
*****************
*****************
STYLE FOR TEXTAREA
FIELD
*****************
*****************
*/
.field-textarea {
    flex: 1 1 100%;
    width: 100%;
}

/*
*****************
*****************
STYLE FOR DATE 
FORM
*****************
*****************
*/
.form-row.date label {
    margin-left: 10px;
    margin-right: 10px;
}

.form-row.date .selectric-wrapper {
    flex: 1 1 85px;
}

/*
*****************
*****************
STYLE FOR SEARCH 
FORM
*****************
*****************
*/
.form-row.search {
    position: relative;
}

.form-row.search:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url("../img/icon/icon-magnifying-glass.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.form-row.search .search-input {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 600;
    flex-basis: 250px;
    padding: 10px 40px 10px 10px;
    border: none;
    border-radius: 20px;
    color: #c90205;
}

.form-row.search .search-input::placeholder {
    font-family: "Dosis", sans-serif;
    font-weight: 600;
    color: #c90205;
    opacity: 1;
}

/*
*****************
4.2 HEADER/FOOTER
*****************
*/
/*
*****************
*****************
STYLE FOR FOOTER 
LAYOUT
*****************
*****************
*/
.block-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 25;
    background-color: #fff;
    transition: top .25s ease;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
}

@media only screen and (max-width: 480px) {
    .block-header {
        position: relative !important;
    }
}

.block-header > .block-container {
    display: flex;
    align-items: center;
    max-width: 1440px;
    /*
	*****************
	LAYOUT 
	END OVERWRITE
	*****************
	*/
}

.block-header > .block-container > :not(.block-logo) {
    flex: 1 1 auto;
}

@media only screen and (max-width: 768px) {
    .block-header > .block-container > .block-progress-bar {
        display: none;
    }
}

/*
*****************
*****************
STYLE FOR HEADER 
STATES
*****************
*****************
*/
@media only screen and (max-width: 480px) {
    .block-header.is-hidden + main {
        margin-top: 0 !important;
    }
}

/*
*****************
*****************
STYLE FOR FOOTER 
LAYOUT
*****************
*****************
*/
.block-footer {
    padding: 20px 0;
    border-top: 1px solid #e9e9e9;
    background-color: #f6f6f7;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      END OVERWRITE
      *****************
      */
}

.block-footer > .block-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.block-footer .footer-logo {
    width: 100%;
    max-width: 350px;
    margin-left: 7.5px;
    margin-right: 7.5px;
}

.block-footer .footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

@media only screen and (max-width: 768px) {
    .block-footer .footer-content > * {
        flex-basis: 100%;
    }
}

.block-footer .footer-content .content-list .list-item {
    display: inline-block;
    padding-left: 0;
    margin: 0 7.5px;
}

@media only screen and (max-width: 768px) {
    .block-footer .footer-content .content-list .list-item {
        display: block;
    }
}

.block-footer .footer-content .content-list .list-item:before {
    display: none;
}

.block-footer .footer-content .content-list .list-item .item-link {
    text-decoration: none;
}

.block-footer .footer-content .content-list .list-item .item-link:hover {
    text-decoration: underline;
}

.block-footer .footer-content .content-list .list-item.is-active .item-link {
    color: #c90205;
    text-decoration-color: #000;
}

.block-footer .footer-content .content-list .list-item.is-active .item-link:hover {
    text-decoration-color: #c90205;
}

.block-footer .footer-content .content-text {
    margin-left: 7.5px;
    margin-right: 7.5px;
}

/*
*****************
4.3 MENU
*****************
*/
/*
*****************
*****************
STYLE FOR MENU WITH LOGO
LAYOUT
*****************
*****************
*/
.block-menu-with-logo {
    position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
}

.block-menu-with-logo > .block-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    padding: 0;
    /*
	*****************
	LAYOUT 
	END OVERWRITE
	*****************
	*/
    /*
		*****************
		LOGO (LAYOUT/_LOGO.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		LOGO (LAYOUT/_LOGO.SCSS)
		START OVERWRITE
		*****************
		*/
}

.block-menu-with-logo > .block-container > :not(.block-logo) {
    flex: 1 1 auto;
}

@media only screen and (max-width: 1440px) {
    .block-menu-with-logo > .block-container .block-logo {
        display: none;
    }
}

/*
*****************
*****************
STYLE FOR MENU 
LAYOUT
*****************
*****************
*/
.block-menu {
    display: flex;
    justify-content: flex-end;
    transition: right .25s ease;
}

@media only screen and (max-width: 1440px) {
    .block-menu {
        display: block;
        position: fixed;
        right: -195px;
        width: 195px;
        z-index: 50;
    }

    .block-menu .menu-items {
        background-color: #f6f6f7 !important;
        box-shadow: none !important;
    }
}

/*
*****************
*****************
STYLE FOR MENU 
ITEMS
*****************
*****************
*/
.block-menu.is-toggle {
    right: 0;
}

@media only screen and (max-width: 1440px) {
    .block-menu.is-toggle {
        overflow-y: auto;
    }
}

.block-menu > .menu-items {
    display: flex;
    width: 100%;
    background-color: #fff;
}

@media only screen and (max-width: 1440px) {
    .block-menu > .menu-items {
        display: block;
    }
}

.block-menu > .menu-items .item {
    flex: 1 1 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-right: 1px solid #d8d8d8;
    transition: background-color .25s ease-in-out;
    /* FIXED ISSUE ON IE11 */
    /* FIXED ISSUE ON SAFARI 10.1 + */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .block-menu > .menu-items .item {
        flex: 1 1 auto;
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    .block-menu > .menu-items .item {
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 1440px) {
    .block-menu > .menu-items .item {
        flex: 0 1 auto;
        border: none;
    }

    .block-menu > .menu-items .item span {
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.block-menu > .menu-items .item:before {
    display: none;
}

.block-menu > .menu-items .item:nth-last-of-type(1) {
    border-right: none;
}

.block-menu > .menu-items .item .item-link {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
    text-decoration: none;
}

.block-menu > .menu-items .item .icons {
    flex-shrink: 0;
    margin-right: 10px;
}

.block-menu > .menu-items .item .menu-items {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    background-color: #f7f7f7;
}

@media only screen and (max-width: 1440px) {
    .block-menu > .menu-items .item .menu-items {
        position: static;
        display: flex;
    }
}

.block-menu > .menu-items .item .menu-items .item {
    width: 100%;
}

.block-menu > .menu-items .item .menu-items .item .item-link {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
}

.block-menu > .menu-items .has-child {
    display: flex;
    flex-wrap: wrap;
}

.block-menu > .menu-items .has-child .menu-items {
    display: none;
    box-shadow: none;
    flex-direction: column;
}

.block-menu > .menu-items .has-child .menu-items .item {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

@media only screen and (max-width: 1440px) {
    .block-menu > .menu-items .has-child .menu-items .item {
        border: none;
    }
}

@media only screen and (max-width: 1440px) {
    .block-menu > .menu-items {
        flex-direction: column;
    }

    .block-menu > .menu-items .item {
        justify-content: flex-start;
    }

    .block-menu > .menu-items .item.is-active {
        border-bottom: none !important;
    }
}

/*
*****************
*****************
STYLE FOR MENU 
ITEMS
*****************
*****************
*/
.block-menu .menu-items .item.is-active {
    border-bottom: 3px solid #c90104;
    background-color: #f7f7f7;
}

/*
*****************
4.4 PERSONNAL ACOUNT
*****************
*/
/*
*****************
*****************
STYLE FOR ACCOUNT DETAILS
LAYOUT
*****************
*****************
*/
.personal-account-wrapper {
    margin: 60px 0;
}

@media only screen and (max-width: 480px) {
    .personal-account-wrapper {
        margin: 30px 0;
    }
}

.personal-account-wrapper .block-account-details {
    /*
		*****************
		LAYOUT (PARTIALS/_LAYOUT.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		LAYOUT 
		END OVERWRITE
		*****************
		*/
    /*
		*****************
		LAYOUT (COMPONENT/HEAD/_*.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		LAYOUT (COMPONENT/_*.SCSS)
		END OVERWRITE
		*****************
		*/
    /*
		*****************
		DIVIDER (COMPONENTS/_DIVIDER.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		DIVIDER 
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		FORM FIELD (LAYOUT/FORM/FIELD/_FIELD-ROW.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		FORM FIELD 
		END OVERWRITE
		*****************
		*/
}

.personal-account-wrapper .block-account-details:not(:first-child) {
    margin-top: 60px;
}

@media only screen and (max-width: 480px) {
    .personal-account-wrapper .block-account-details:not(:first-child) {
        margin: 30px 0;
    }
}

.personal-account-wrapper .block-account-details > .block-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px;
}

@media only screen and (max-width: 480px) {
    .personal-account-wrapper .block-account-details .block-head {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 480px) {
    .personal-account-wrapper .block-account-details .block-head .head-button {
        flex-shrink: 1;
        flex-wrap: wrap;
        margin-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    .personal-account-wrapper .block-account-details .block-head .head-button > *:not(:first-child) {
        margin-top: 15px;
        margin-left: 0;
    }
}

.personal-account-wrapper .block-account-details .block-divider {
    margin: 10px 0 0;
}

.personal-account-wrapper .block-account-details .field-row .field-wrapper {
    margin-bottom: 10px;
}

.personal-account-wrapper .block-account-details .block-divider + .account-details-content {
    margin-top: 0;
}

.personal-account-wrapper .is-action {
    justify-content: flex-end;
}

.personal-account-wrapper .is-action > * {
    width: auto;
}

@media only screen and (max-width: 480px) {
    .personal-account-wrapper .is-action > * {
        width: 100%;
        margin-top: 15px;
    }
}

.personal-account-wrapper .is-action > *:not(:first-child) {
    margin-left: 25px;
}

@media only screen and (max-width: 480px) {
    .personal-account-wrapper .is-action > *:not(:first-child) {
        margin-left: 0;
    }
}

/*
*****************
*****************
STYLE FOR ACCOUNT DETAILS
LAYOUT
*****************
*****************
*/
.block-account-details .account-details-content {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
    margin-top: 10px;
}

@media only screen and (max-width: 768px) {
    .block-account-details .account-details-content {
        flex-wrap: wrap;
    }
}

.block-account-details .account-details-content .details-content-group {
    flex: 1 1 0%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.block-account-details .account-details-content .details-content-group.is-button {
    flex: 0 0 auto;
    /*
              *****************
              ACTIONS BUTTON (COMPONENTS/BUTTON/_BUTTON-ACTIONS.SCSS)
              START OVERWRITE
              *****************
              */
    /*
              *****************
              ACTIONS BUTTON 
              END OVERWRITE
              *****************
              */
}

@media only screen and (max-width: 480px) {
    .block-account-details .account-details-content .details-content-group.is-button {
        margin-bottom: 25px;
    }
}

.block-account-details .account-details-content .details-content-group.is-button .block-actions {
    flex-basis: auto;
    justify-content: flex-end;
}

.block-account-details .account-details-content .details-content-legend {
    flex: 0 0 170px;
    font-weight: 700;
}

.block-account-details .account-details-content .details-content-description {
    flex: 1 1 280px;
    word-break: break-all;
    hyphens: auto;
}

@media only screen and (max-width: 480px) {
    .block-account-details .account-details-content .details-content-description {
        margin-bottom: 5px;
    }
}

.block-account-details .account-details-content .details-content-description.is-highlight {
    font-weight: 700;
    color: #047d77;
}

.block-account-details .account-details-content .details-content-legend,
.block-account-details .account-details-content .details-content-description {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.2142857143em;
    padding-right: 10px;
}

@media only screen and (max-width: 768px) {
    .block-account-details .account-details-content .details-content-legend,
    .block-account-details .account-details-content .details-content-description {
        flex-basis: 100%;
    }
}

.block-account-details .account-details-content .details-content-edit-description {
    flex-basis: 100%;
}

.block-account-details .account-details-content .details-content-photo {
    width: 100%;
    max-width: 210px;
    border: 1px solid #e9e9e9;
}

.block-account-details .account-details-content .details-content-button {
    width: auto;
    max-width: 300px;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
    .block-account-details .account-details-content .details-content-button {
        max-width: none;
        margin-top: 10px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    .block-account-details .account-details-content .details-content-button {
        width: 100%;
    }
}

/*
*****************
4.5 PHOTO
*****************
*/
/*
*****************
*****************
STYLE FOR TAKE PHOTO 
LAYOUT
*****************
*****************
*/
.block-take-photo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.block-take-photo .block-column {
    flex: 1 0 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
}

.block-take-photo .block-column .column-video {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.block-take-photo .block-column .block-legend {
    margin: 25px 0 0;
}

/*
*****************
4.6 LOGO
*****************
*/
/*
*****************
*****************
STYLE FOR LOGO 
LAYOUT
*****************
*****************
*/
.block-logo {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    padding: 10px;
    overflow: hidden;
    background-color: #ab080e;
}

@media only screen and (max-width: 480px) {
    .block-logo {
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 768px) {
    .block-logo img {
        width: 150px;
        height: 67px;
    }
}

/*
*****************
4.7 BREADCRUMB
*****************
*/
/*
*****************
*****************
STYLE FOR BREADCRUMB 
LAYOUT
*****************
*****************
*/
.block-breadcrumb {
    position: relative;
    z-index: -10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #f6f6f7;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      END OVERWRITE
      *****************
      */
}

.block-breadcrumb > .block-container {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    max-width: 1440px;
    padding: 0;
}

@media only screen and (max-width: 480px) {
    .block-breadcrumb > .block-container {
        flex-wrap: wrap;
    }
}

.block-breadcrumb .block-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width: 480px) {
    .block-breadcrumb .block-content {
        width: 100%;
    }
}

.block-breadcrumb .block-content > * {
    flex-basis: 100%;
}

@media only screen and (max-width: 480px) {
    .block-breadcrumb .block-content > * {
        flex-basis: auto;
    }
}

.block-breadcrumb .block-content:first-child {
    display: none;
    background-color: #ab080e;
}

@media only screen and (max-width: 1440px) {
    .block-breadcrumb .block-content:first-child {
        display: block;
    }
}

.block-breadcrumb .block-content:not(:first-child) {
    width: 100%;
    padding: 20px 30px;
}

@media only screen and (max-width: 768px) {
    .block-breadcrumb .block-content:not(:first-child) {
        padding: 10px 15px;
    }
}

/*
*****************
*****************
STYLE FOR BREADCRUMB 
NAVIGATION
*****************
*****************
*/
.block-breadcrumb .breadcrumb-navigation {
    margin-bottom: 5px;
}

@media only screen and (max-width: 1440px) {
    .block-breadcrumb .breadcrumb-navigation {
        padding-right: 45px;
    }
}

.block-breadcrumb .breadcrumb-navigation .navigation-item {
    display: inline-block;
    padding: 0;
}

.block-breadcrumb .breadcrumb-navigation .navigation-item:before {
    display: none;
}

.block-breadcrumb .breadcrumb-navigation .navigation-item .item-link {
    font-size: 0.8571428571em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    font-weight: 400;
    text-decoration: none;
}

.block-breadcrumb .breadcrumb-navigation .navigation-item .item-arrow {
    padding: 0 15px;
}

.block-breadcrumb .breadcrumb-navigation .navigation-item.is-active .item-link {
    color: #c90205;
}

/*
*****************
*****************
STYLE FOR BREADCRUMB 
TITLE
*****************
*****************
*/
.block-breadcrumb .breadcrumb-title {
    font-size: 2.1428571429em;
    line-height: 1.1333333333em;
    line-height: 1.2142857143em;
    font-weight: 600;
    color: #c90205;
}

@media only screen and (max-width: 1440px) {
    .block-breadcrumb .breadcrumb-title {
        padding-right: 45px;
    }
}

@media only screen and (max-width: 480px) {
    .block-breadcrumb .breadcrumb-title {
        font-size: 1.7142857143em;
        line-height: 1.4166666667em;
        line-height: 1.2142857143em;
    }
}

/*
*****************
*****************
STYLE FOR BREADCRUMB 
CONTENT
*****************
*****************
*/
.block-breadcrumb .breadcrumb-content {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-width: 480px) {
    .block-breadcrumb .breadcrumb-content {
        font-size: 1em;
        line-height: 2.4285714286em;
        line-height: 1.2142857143em;
    }
}

/*
*****************
4.8 SUPPORT
*****************
*/
/*
*****************
*****************
STYLE FOR SUPPORT
LAYOUT
*****************
*****************
*/
.block-support {
    margin-top: 25px;
    /*
      *****************
      HEAD (COMPONENTS/HEAD/*.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      HEAD (COMPONENTS/HEAD/*.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT (COMPONENTS/TABLE/_TABLE-LAYOUT.SCSS)
      END OVERWRITE
      *****************
      */
}

.block-support .block-head {
    margin-bottom: 25px;
}

@media only screen and (max-width: 480px) {
    .block-support .block-head {
        flex-wrap: wrap;
    }
}

.block-support .block-head .head-button {
    flex: 1 1 auto;
}

@media only screen and (max-width: 480px) {
    .block-support .block-head .head-button {
        margin-top: 15px;
        margin-left: 0;
    }
}

.block-support .block-table tbody tr td .button {
    max-width: 100%;
}

/*
*****************
*****************
5. PAGES
*****************
*****************
*/
/*
*****************
5.1 LOGIN
*****************
*/
/*
*****************
*****************
STYLE FOR LOGIN 
LAYOUT
*****************
*****************
*/
.page-login {
    background-color: #f6f6f6;
}

.page-login .block-login {
    padding: 25px 0;
    background-image: url("../img/background/background-espace-beneficiaire.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    /*
		*****************
		LAYOUT (PARTIALS/_LAYOUT.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		LAYOUT 
		END OVERWRITE
		*****************
		*/
}

.page-login .block-login > .block-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    max-width: 1110px;
}

@media only screen and (max-width: 768px) {
    .page-login .block-login .button.is-reset {
        margin-bottom: 20px !important;
    }
}

/*
*****************
*****************
STYLE FOR LOGIN 
HEADER
*****************
*****************
*/
.block-login .block-login-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 30px 0 30px;
    background-color: #fff;
}

.block-login .block-login-header > * {
    margin-top: 15px;
    margin-left: 7.5px;
    margin-right: 7.5px;
}

@media only screen and (max-width: 480px) {
    .block-login .block-login-header > * {
        margin-left: 0;
        margin-right: 0;
    }
}

.block-login .block-login-header > *:not(.logo) {
    flex-basis: 100%;
}

.block-login .block-login-header .header-baseline {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.2142857143em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

/*
*****************
*****************
STYLE FOR LOGIN 
FORM
*****************
*****************
*/
.block-login {
    min-height: 100vh;
}

.block-login .block-login-form {
    width: 100%;
    padding: 30px;
    background-color: #fff;
}

.block-login .block-login-form.is-column {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media only screen and (max-width: 980px) {
    .block-login .block-login-form.is-column {
        flex-wrap: wrap;
    }
}

.block-login .block-login-form > *:not(.block-divider) {
    flex: 1 1 50%;
    margin-top: 25px;
}

@media only screen and (max-width: 980px) {
    .block-login .block-login-form > *:not(.block-divider) {
        flex-basis: 100%;
    }
}

.block-login .block-login-form > *.block-divider {
    flex: 0 0 1px;
    height: 390px;
    margin: 0 25px;
}

@media only screen and (max-width: 980px) {
    .block-login .block-login-form > *.block-divider {
        display: none;
    }
}

.block-login .block-login-form > * .block-button {
    margin-bottom: 0;
}

.block-login .block-login-form > *.block-login-connexion .block-button {
    margin-top: 87px;
}

@media only screen and (max-width: 980px) {
    .block-login .block-login-form > *.block-login-connexion .block-button {
        margin-top: 25px;
    }
}

.block-login .block-login-form .block-login-title {
    margin-bottom: 25px;
}

.block-login .block-login-form .block-login-title .login-title {
    font-size: 1.7142857143em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    font-weight: 700;
    color: #c90205;
    position: relative;
}

.block-login .block-login-form .block-login-title .login-separator {
    width: 60px;
    text-align: left;
    border-top: 2px solid #c90205;
}

.block-login .block-login-form .block-login-content p,
.block-login .block-login-form .block-login-content ul {
    margin: 10px 0;
}

.block-login .block-login-form .block-login-content p,
.block-login .block-login-form .block-login-content ul li {
    font-size: 1em;
    line-height: 2.4285714286em;
    line-height: 1.5178571429em;
}

.block-login .block-login-form .block-login-content ul li {
    margin-top: 5px;
}

/*
*****************
5.2 REGISTRATION
*****************
*/
/*
*****************
*****************
STYLE FOR REGISTRATION 
LAYOUT
*****************
*****************
*/

.page-registration .block-header {
    border-bottom: 1px solid #e9e9e9;
}

.page-registration main {
    /*
		*****************
		LAYOUT (PARTIALS/_LAYOUT.SCSS)
		START OVERWRITE
		*****************
		*/
    /*
		*****************
		LAYOUT 
		END OVERWRITE
		*****************
		*/
}

.page-registration main .block-container {
    max-width: 1110px;
}

/*
*****************
5.3 LAYOUT
*****************
*/
/*
*****************
*****************
STYLE FOR ERROR 
LAYOUT
*****************
*****************
*/
.page-error {
    /*
      *****************
      BREADCRUMB (LAYOUT/BREADCRUMB/_BREADCRUMB-LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      BREADCRUMB 
      END OVERWRITE
      *****************
      */
}

.page-error .block-breadcrumb > .block-container {
    flex-wrap: nowrap;
}

.page-error .block-breadcrumb .block-content:first-child {
    display: flex;
}

/*
*****************
*****************
STYLE FOR NOT FOUND 
LAYOUT
*****************
*****************
*/
.block-not-found {
    padding: 45px 0;
    /*
      *****************
      LAYOUT (PARTIALS/_LAYOUT.SCSS)
      START OVERWRITE
      *****************
      */
    /*
      *****************
      LAYOUT 
      END OVERWRITE
      *****************
      */
}

.block-not-found > .block-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 900px;
}

.block-not-found .not-found-title {
    font-size: 1.2857142857em;
    line-height: 1.8888888889em;
    line-height: 1.2142857143em;
    font-weight: 700;
    margin-top: 25px;
}

.block-not-found .not-found-description {
    font-size: 1.1428571429em;
    line-height: 2.125em;
    line-height: 1.2142857143em;
    font-weight: 400;
    margin-top: 25px;
    text-align: center;
}

.block-not-found img {
    position: relative;
}

.block-not-found img.is-animate {
    animation: bounce 1s ease infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-20px);
    }
}

/*
*****************
5.4 LORDI
*****************
*/
/*
*****************
*****************
STYLE FOR LORDI 
LAYOUT
*****************
*****************
*/
.block-lordi {
    margin-top: 25px;
}

.block-lordi .block-content {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 980px) {
    .block-lordi .block-content {
        flex-wrap: wrap;
    }
}

.block-lordi .block-content .block-content-section {
    flex: 1 1 50%;
}

@media only screen and (max-width: 980px) {
    .block-lordi .block-content .block-content-section {
        flex-basis: 100%;
    }
}

.block-lordi .block-content .block-content-section:first-child {
    margin-right: 25px;
}

@media only screen and (max-width: 980px) {
    .block-lordi .block-content .block-content-section:first-child {
        margin-right: 0;
    }
}

.block-lordi .block-content .block-content-section .content-section-title {
    font-size: 1.7142857143em;
    line-height: 1.4166666667em;
    line-height: 1.2142857143em;
    font-weight: 700;
    color: #c90205;
}

.block-lordi .block-content .block-content-section .content-section-list {
    margin-top: 10px;
}

/*
*****************
*****************
STYLE FOR LORDI 
STEP 1
*****************
*****************
*/
.block-lordi.step-1 .block-content .block-content-section > *:not(:first-child) {
    margin-top: 25px;
}

.block-lordi.step-1 .block-content .block-content-section img {
    width: 100%;
    border-radius: 13px;
}

/*
*****************
*****************
STYLE FOR LORDI 
LAYOUT
*****************
*****************
*/
.block-lordi.step-2 .block-content .block-content-section {
    /*
                  *****************
                  CHECKLIST (COMPONENTS/CHECKLIST/_CHECKLIST-LAYOUT.SCSS)
                  START OVERWRITE
                  *****************
                  */
    /*
                  *****************
                  CHECKLIST (COMPONENTS/CHECKLIST/_CHECKLIST-LAYOUT.SCSS)
                  END OVERWRITE
                  *****************
                  */
    /*
                  *****************
                  TABLE (COMPONENTS/TABLE/_TABLE-LAYOUT.SCSS)
                  START OVERWRITE
                  *****************
                  */
    /*
                  *****************
                  TABLE (COMPONENTS/TABLE/_TABLE-LAYOUT.SCSS)
                  END OVERWRITE
                  *****************
                  */
}

.block-lordi.step-2 .block-content .block-content-section > *:not(:first-child) {
    margin-top: 25px;
}

.block-lordi.step-2 .block-content .block-content-section .block-checklist {
    margin-top: 50px;
}

@media only screen and (max-width: 980px) {
    .block-lordi.step-2 .block-content .block-content-section .block-checklist {
        margin-top: 0;
    }
}

@media only screen and (max-width: 980px) {
    .block-lordi.step-2 .block-content .block-content-section .block-checklist .checklist-content .content-list {
        margin-left: 0;
    }
}

.block-lordi.step-2 .block-content .block-content-section .block-table .section-title {
    margin-top: 0;
}

/*
*****************
*****************
STYLE FOR LORDI 
LAYOUT
*****************
*****************
*/
.block-lordi.step-3 {
    /*
          *****************
          HEAD (COMPONENTS/HEAD/_HEAD-TITLE.SCSS)
          START OVERWRITE
          *****************
          */
    /*
          *****************
          HEAD (COMPONENTS/HEAD/_HEAD-TITLE.SCSS)
          END OVERWRITE
          *****************
          */
}

.block-lordi.step-3 .block-head {
    margin-bottom: 25px;
}

.block-lordi.step-3 .block-head .head-title {
    font-size: 1.5714285714em;
    line-height: 1.5454545455em;
    line-height: 1.2142857143em;
}

.block-lordi.step-3 .block-content {
    align-items: stretch;
}

.block-lordi.step-3 .block-content .block-content-section {
    flex: 1 1 50%;
    margin-top: 45px;
}

/*
*****************
*****************
6. VENDORS
*****************
*****************
*/
.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    border: 1px solid #6e6e6e;
    border-radius: 0px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.selectric .label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 40px 0 10px;
    font-size: 15px;
    line-height: 40px;
    color: #444;
    height: 40px;
    user-select: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .selectric .label {
        line-height: 35px;
        height: 35px;
    }
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #5A5A5A;
    text-align: center;
    font: 0/0 a;
    *font: 20px/40px Lucida Sans Unicode, Arial Unicode MS, Arial;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
    background-image: none;
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #5A5A5A;
    border-bottom: none;
}

.selectric-focus .selectric {
    border-color: #3b3b3b;
}

.selectric-hover .selectric {
    border-color: #555454;
}

.selectric-hover .selectric .button {
    color: #414040;
}

.selectric-hover .selectric .button:after {
    border-top-color: #414040;
}

.selectric-open {
    z-index: 9999;
}

.selectric-open .selectric {
    border-color: #555454;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #555454;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    min-height: 20px;
    list-style-type: none;
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer;
}

.selectric-items li.selected {
    background: #E0E0E0;
    color: #444;
}

.selectric-items li.highlighted {
    background: #D0D0D0;
    color: #444;
}

.selectric-items li:hover {
    background: #D5D5D5;
    color: #444;
}

.selectric-items li:before {
    display: none;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

/*
*****************
*****************
STYLE FOR JQUERY UI 
AUTOCOMPLETE
*****************
*****************
*/
.ui-autocomplete.ui-menu {
    list-style-type: none;
}

.ui-autocomplete.ui-menu .ui-menu-item {
    list-style-image: none;
}

/*# sourceMappingURL=screen.css.map */