* {
    margin                 : 0;
    padding                : 0;
    font-family            : 'Aleo', Arial, sans-serif;
    -webkit-font-smoothing : antialiased;
}

.visually-hidden {
    display : none;
}

.container-fluid {
    padding-left  : 0;
    padding-right : 0;
}

.row {
    margin-bottom : 0;
}

.text-align-center {
    text-align : center !important;
}

/* Ensure Gin Toolbar are displayed over all even on catalog pages */
#gin-toolbar-bar {
    z-index : 1000010;
}

/**
 * Header
 */
#header {
    position         : fixed;
    top              : 0;
    width            : 100%;
    height           : 71px;
    background-color : #ffffff;
    z-index          : 100;
}

#header .header-container {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    position        : relative;
    height          : 100%;
}

#header .burger-menu {
    position  : absolute;
    top       : 50%;
    left      : 0;
    transform : translateY(-50%);
}

#header .burger-menu .menu-button {
    display : block;
}

#header .burger-menu .hamburger {
    padding   : 16px;
    font-size : 0;
}

#header .burger-menu .hamburger-box {
    width  : 17px;
    height : 11px;
}

#header .burger-menu .hamburger-inner,
#header .burger-menu .hamburger-inner:after,
#header .burger-menu .hamburger-inner:before {
    width  : 17px;
    height : 2px;
}

#header .burger-menu .hamburger-inner::before {
    display : none;
}

#header .burger-menu .hamburger-inner::after {
    top : 10px;
}

#header .burger-menu .hamburger--elastic-r.is-active .hamburger-inner {
    top : -4px;
}

#header .burger-menu .hamburger--elastic-r.is-active .hamburger-inner::after {
    top : 20px;
}

#header .logo {
    position  : absolute;
    left      : 50%;
    transform : translateX(-50%);
}

.logo .small-logo {
    display : none;
}

#header .logo a {
    display   : inline-block;
    font-size : 0;
}

#header .header-icons {
    position : absolute;
    right    : 16px;
}

#header .header-icons .social-networks,
#header .header-icons .advisor-area {
    display : none;
}

#header .header-icons .social-networks .icons a {
    text-decoration : none;
}

#header .header-icons .social-networks .icons a:hover,
#header .header-icons .social-networks .icons a:focus,
#header .header-icons .social-networks .icons a:active {
    color : #000000;
}

#header .header-icons .cart-button {
    padding   : 0;
    font-size : 0;
}

#header .header-icons .cart-button a {
    display : inline-block;
}

#header .header-icons .cart-button .mazelie-icon {
    position  : relative;
    font-size : 0;
    color     : #161615;
}

#header .header-icons .cart-button .mazelie-icon-bag:before {
    font-size : 27px;
}

#header .header-icons .cart-button .mazelie-icon-bag:after {
    font-family : 'MazelieIcon', sans-serif;
    content     : '\f005';
    position    : absolute;
    font-size   : 13px;
    left        : 45%;
    top         : 67%;
    transform   : translate(-50%, -50%);
    color       : #da0764;
}

/**
 * Main
 */
#main {
    padding-top : 71px;
}

#main .alert-message-container {
    position : relative;
    padding  : 17px 17px 0 17px;
}

#main .alert-message-container .alert-closer {
    display : none;
}

#main .alert-message-container .alert {
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
    width           : 100%;
    max-width       : 765px;
    margin          : 0 auto;
    padding         : 20px 20px 30px 20px;
    border-radius   : 8px;
    text-align      : center;
    color           : #fff;
}

#main .alert-message-container .alert.alert-success {
    background-color : #70d587;
}

#main .alert-message-container .alert:after {
    content          : '';
    display          : block;
    position         : absolute;
    left             : 50%;
    bottom           : 17px;
    width            : 36px;
    height           : 4px;
    background-color : #fff;
    transform        : translateX(-50%);
}

#main .alert-message-container .alert p {
    margin      : 0;
    font-family : 'Aleo', Arial, sans-serif;
    font-size   : 16px;
    font-weight : bold;
    font-style  : italic;
    line-height : 21px;
}

#main .alert-message-container .alert p:first-of-type:before {
    content      : '\f005';
    display      : inline;
    margin-right : 5px;
    /*noinspection CssNoGenericFontName*/
    font-family  : 'MazelieIcon';
}

#main .alert-message-container .alert p:first-of-type,
#main .alert-message-container .alert p:first-of-type strong,
#main .alert-message-container .alert p:first-of-type b {
    font-family : 'Lato', Arial, sans-serif;
    font-size   : 19px;
    font-weight : 900;
    line-height : 20px;
}

#main .alert-message-container .alert p:first-of-type:not(:last-child) {
    padding-bottom : 14px;
}

#main .banner-and-title {
    position : relative;
    margin   : 0;
}

#main .page-banner {
    position  : relative;
    max-width : 1440px;
    margin    : 0 auto;
}

#main .page-banner img {
    max-width : 100%;
}

#main .page-banner:after {
    content          : '';
    position         : absolute;
    top              : 50%;
    left             : 0;
    right            : 0;
    bottom           : 0;
    background-image : linear-gradient(to bottom, rgba(28, 28, 57, 0) 0%, rgba(28, 28, 57, 0.9) 100%);
    z-index          : 1;
}

#main .page-banner-video video {
    display : block;
    width   : 100%;
}

#main .page-banner-video video.video-desktop {
    display : none;
}

#main .page-title {
    width      : 100%;
    max-width  : 800px;
    margin     : 0 auto;
    padding    : 45px 15px 12px 15px;
    text-align : center;
    z-index    : 3;
}

#main .page-title h1 {
    margin         : 0;
    font-family    : 'JosefinSans', Arial, sans-serif;
    font-size      : 21px;
    font-weight    : 500;
    text-transform : uppercase;
    color          : #000;
}

#main .page-banner + .page-title {
    position  : absolute;
    left      : 50%;
    bottom    : 0;
    transform : translateX(-50%);
}

#main .page-banner + .page-title h1 {
    color : #ffffff;
}

#main .page-breadcrumbs {
    padding : 16px;
}

#main .page-breadcrumbs ul {
    max-width : 1440px;
    margin    : 0 auto;
    font-size : 0;
}

#main .page-breadcrumbs li {
    display     : inline-block;
    font-weight : bold;
}

#main .page-breadcrumbs li,
#main .page-breadcrumbs li a {
    font-family : 'Aleo', Arial, sans-serif;
    font-size   : 10px;
    color       : #151e47;
}

#main .page-breadcrumbs li a {
    font-weight     : 400;
    text-decoration : underline;
    cursor          : pointer;
}

#main .page-breadcrumbs li:not(:last-child):after {
    content          : '';
    display          : inline-block;
    width            : 4px;
    height           : 4px;
    margin           : 1px 7px;
    background-color : #da0764;
    border-radius    : 50%;
    font-size        : 10px;
}

#main .page-subtitle .page-subtitle-container {
    position    : relative;
    max-width   : 800px;
    margin      : 0 auto;
    padding     : 15px 40px 20px 40px;
    font-size   : 23px;
    font-weight : 500;
    font-style  : italic;
    line-height : 31px;
    text-align  : center;
    color       : #151e47;
}

#main .page-subtitle .page-subtitle-container:after {
    content          : '';
    display          : block;
    position         : absolute;
    bottom           : 0;
    left             : 50%;
    width            : 86px;
    height           : 4px;
    transform        : translateX(-50%);
    background-color : #da0764;
}

#main .page-body .page-body-container {
    max-width : 900px;
    margin    : 0 auto;
    padding   : 40px 15px 13px 15px;
}

#main .page-body,
#main .page-body p,
#main .page-body em,
#main .page-body strong,
#main .page-body b {
    margin      : 0;
    font-family : 'Lato', Arial, sans-serif;
    font-size   : 19px;
    line-height : 25px;
    text-align  : center;
    color       : #151e47;
}

#main .page-body em,
#main .page-body strong,
#main .page-body b {
    font-family : 'Aleo', Arial, sans-serif;
    font-size   : 16px;
    font-weight : 600;
}

#main .page-body p:not(:last-child) {
    padding-bottom : 20px;
}

/**
 * Footer
 */
#footer {
    display          : flex;
    justify-content  : center;
    align-items      : center;
    position         : absolute;
    width            : 100%;
    padding-left     : 15px;
    padding-right    : 15px;
    background-color : #000000;
    z-index          : 10;
}

#footer .logo {
    display       : flex;
    margin-top    : 25px;
    margin-bottom : 6px;
}

#footer .logo img {
    min-width  : 136px;
    min-height : 66px;
}

#footer .container-content-footer .first-text p {
    font-family    : 'JosefinSans', Arial, sans-serif;
    font-size      : 15px;
    color          : #ffffff;
    text-transform : uppercase;
    margin-top     : 25px;
    margin-bottom  : 5px;
}

#footer .container-content-footer .second-text p {
    font-family   : 'inter', Arial, sans-serif;
    font-size     : 13px;
    color         : #ffffff;
    margin-bottom : 16px;
}

#footer .newsletter-form {
    background-color : #222;
}

#footer .newsletter-form form.webform-submission-form {
    position : relative;
    margin   : 0 !important;
}

#footer .newsletter-form form.webform-submission-form > div {
    float   : none;
    padding : 0;
}

#footer .newsletter-form .alert-message-container .global-alert {
    margin-bottom : 0;
}

#footer .newsletter-form .alert-message-container .alert-closer {
    display : none;
}

#footer .newsletter-form .edit-email,
#footer .newsletter-form div[class*=' edit-email'] {
    width : 100%;
}

#footer .newsletter-form .input-field {
    margin : 0;
}

#footer .newsletter-form .form-type-email input {
    height        : 47px;
    padding-right : 47px;
    border        : none !important;
    color         : #000;
}

#footer .newsletter-form .form-type-email label {
    top         : 50% !important;
    left        : 16px !important;
    font-size   : 15px;
    font-weight : 500;
    color       : #151e47;
    transform   : translateY(-50%) !important;
}

#footer .newsletter-form .form-type-email label.active,
#footer .newsletter-form .form-type-email input:focus ~ label {
    opacity : 0;
}

#footer .newsletter-form .form-type-email label:after {
    display : none;
}

#footer .newsletter-form strong.form-item--error-message.error {
    display : block;
}

#footer .newsletter-form .input-submit-edit-actions-submit,
#footer .newsletter-form div[class*=' input-submit-edit-actions-submit'] {
    position : absolute;
    top      : 0;
    right    : 0;
    width    : 47px;
    height   : 100%;
}

#footer .newsletter-form .btn.btn-primary {
    width      : 100%;
    height     : 100%;
    min-width  : auto;
    padding    : 0 !important;
    border     : none !important;
    color      : transparent;
    background : none;
}

#footer .newsletter-form .alert-message-container.success ~ div > .form-item-email,
#footer .newsletter-form .alert-message-container.success ~ .input-submit-container,
#footer .newsletter-form .alert-message-container.success ~ .input-submit-container > .btn.btn-primary {
    display : none;
}

#footer .newsletter-form .btn.btn-primary::after {
    display     : block;
    content     : '\f0013';
    position    : absolute;
    top         : 50%;
    left        : 50%;
    /*noinspection CssNoGenericFontName*/
    font-family : 'MazelieIcon';
    font-size   : 14px;
    font-weight : normal;
    font-style  : normal;
    text-shadow : none;
    line-height : 18px;
    color       : #da0764;
    transform   : translate(-50%, -50%);
}

#footer .newsletter-form .btn.btn-primary:hover:after {
    color : #000;
}

#footer .newsletter-form .btn.btn-primary input {
    opacity : 0;
}

#footer .social-networks {
    margin-top    : 26px;
    padding-left  : 0;
    margin-bottom : 11px;
}

#footer .social-networks p {
    font-family    : 'JosefinSans', Arial, sans-serif;
    font-size      : 15px;
    font-weight    : 400;
    color          : #ffffff;
    text-transform : uppercase;
    margin-bottom  : 5px;
}

#footer .social-networks .icons {
    display : flex;
}

#footer .social-networks .icon {
    font-size     : 23px;
    margin-right  : 24px;
    margin-bottom : 10px;
}

#footer .social-networks .icon a {
    color           : #da0764;
    text-decoration : none;
}

#footer .social-networks .icon a:hover {
    color : #ffffff;
}

#footer .container-button {
    margin : 20px 0;
}

#footer .container-button .button {
    margin-bottom : 20px;
}

#footer .container-button .button a {
    background-color : #000000;
    border           : 2px solid #fff;
    border-radius    : 35px;
    text-transform   : none;
    width            : 100%;
    font-family      : 'Aleo', Arial, sans-serif;
    font-size        : 16px;
    font-weight      : bold;
    color            : #ffffff;
}

#footer .container-button .button a:hover {
    color  : #da0764;
    border : 1px solid #da0764;
}

#footer .footer-navigation {
    margin-bottom : 21px;
    padding-left  : 1px;
}

#footer .footer-navigation ul li {
    padding : 9px 0 11px 0;
}

#footer .footer-navigation ul li a {
    font-family     : 'Aleo', Arial, sans-serif;
    font-weight     : bold;
    font-size       : 15px;
    color           : #ffffff;
    text-decoration : none;
    display         : inline-block;
}

#footer .footer-navigation ul li i {
    color        : #da0764;
    height       : 0;
    margin-right : 5px;
    font-size    : 10px;
}

#footer .footer-navigation ul li:hover i {
    color : #ffffff;
}

#footer .legal-notices nav {
    border-top      : 1px solid rgba(255, 255, 255, 0.3);
    border-bottom   : 1px solid rgba(255, 255, 255, 0.3);
    padding         : 12px 0 16px 0;
    text-decoration : underline;
}

#footer .legal-notices nav ul {
    display         : flex;
    justify-content : space-between;
    list-style      : none;
    padding         : 0;
    margin          : 0;
}

#footer .legal-notices nav ul li a {
    font-family : 'Aleo', Arial, sans-serif;
    font-size   : 13px;
    font-weight : 400;
}

#footer .legal-notices nav ul li a:hover {
    color : #da0764;
}

#footer .footer-partner {
    display : flex;
}

#footer .container-partner-empty {
    width : 0;
}

#footer .footer-partner .container-partner {
    display        : flex;
    flex-direction : column;
    width          : 100%;
}

#footer .footer-partner .text {
    display : flex;
    margin  : 14px 0;
}

#footer .footer-partner img {
    width  : 38px;
    height : 38px;
}

#footer .footer-partner .text p {
    font-family : 'Inter', Arial, sans-serif;
    font-size   : 12px;
    font-weight : 400;
    color       : #ffffff;
    margin      : 10px 0 5px 8px;
}

#footer .footer-partner .partner-text {
    border-top : 1px solid rgba(255, 255, 255, 0.3);
}

#footer .footer-partner .partner-text p a {
    font-family     : 'Inter', Arial, sans-serif;
    font-size       : 15px;
    font-weight     : 600;
    color           : #ffffff;
    margin          : 5px 0 10px;
    text-decoration : underline;
}

#footer .footer-partner .partner-text p a:hover {
    color : #da0764;
}

#footer .footer-partner .partner-text p {
    font-family   : 'Inter', Arial, sans-serif;
    font-size     : 12px;
    font-weight   : 400;
    color         : #ffffff;
    margin-top    : 8px;
    margin-bottom : 0;
}

/**
 * Navigation
 */
#navigation {
    display : none;
}

#mm-navigation .mm-panels .mm-panel.panel-level-1 .mm-navbar.mm-navbar_sticky {
    display : none;
}

#mm-navigation .nav-container ul li {
    margin : 10px 0 20px 0;
}

#mm-navigation .nav-container ul li a {
    font-family    : 'JosefinSans', sans-serif;
    font-weight    : bold;
    font-size      : 16px;
    text-transform : uppercase;
    white-space    : nowrap;
}

#mm-navigation a,
#mm-navigation a:active,
#mm-navigation a:hover,
#mm-navigation a:link,
#mm-navigation a:visited {
    color             : #000000;
    border            : none;
    --mm-color-button : #000000;
}

#navigation .nav-container .advisor-and-shop-container {
    display : none;
}

#mm-navigation .advisor-and-shop-container {
    width    : 100%;
    position : fixed;
    bottom   : 13%;
}

#mm-navigation .advisor-and-shop-container ul.level-1 li {
    margin : 0;
}

#mm-navigation .advisor-and-shop-container ul.level-1 li a {
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 227px;
    height          : 46px;
    margin          : 0 0 24px 23px;
    border          : 2px solid #da0764;
    border-radius   : 50px;
}

#mm-navigation .advisor-and-shop-container ul:last-child.level-1 li a {
    font-family    : 'Aleo', Arial, sans-serif;
    font-size      : 16px;
    font-weight    : Bold;
    text-transform : capitalize;
    color          : #da0764;
    line-height    : 0;
}

#mm-navigation .advisor-and-shop-container ul.level-1 li a:hover {
    border           : 2px solid #ffffff;
    background-color : #000000;

}

#mm-navigation .advisor-and-shop-container ul.level-1 li:hover a {
    color : #ffffff;
}

#mm-navigation .advisor-and-shop-container ul.level-1 li:first-child a:hover {
    background-color : #000000;
    border           : 2px solid #ffffff;
}

#mm-navigation .advisor-and-shop-container ul.level-1:first-child li a i {
    position       : relative;
    height         : 44px;
    line-height    : 35px;
    font-size      : 32px;
    text-transform : none;
}

#mm-navigation .advisor-and-shop-container ul.level-1:first-child li a {
    display          : inline-block;
    border           : 2px solid #da0764;
    background-color : #da0764;
    text-align       : center;
    font-family      : 'Aleo', Arial, sans-serif;
    font-size        : 17px;
    font-weight      : bold;
    text-transform   : capitalize;
    color            : #ffffff;
}

#mm-navigation .advisor-and-shop-container ul.level-1 .mazelie-icon-bag:before {
    color : #ffffff;
}

#mm-navigation .advisor-and-shop-container ul.level-1 .mazelie-icon-bag:after {
    font-family : 'MazelieIcon', sans-serif;
    content     : '\f005';
    position    : absolute;
    left        : 46%;
    top         : 50%;
    transform   : translate(-50%, -50%);
    font-size   : 45%;
    color       : #ffffff;
}

#mm-navigation .social-networks {
    font-size     : 20px;
    position      : inherit;
    padding-right : 10px;
    bottom        : 25px;
    margin-left   : 23px;
}

#mm-navigation .social-networks a {
    padding-right : 15px;
    color         : #da0764;
}

#mm-navigation .mm-btn:before {
    border : none;
}

#mm-navigation #mm-2 span {
    font-weight : bold;
    font-size   : 16px;
}

#mm-navigation #mm-2 .mm-navbar_sticky,
#mm-navigation #mm-3 .mm-navbar_sticky {
    background-color : #da0764;
}

#mm-navigation #mm-2 .mazelie-icon-arrow-simple-higher,
#mm-navigation #mm-3 .mazelie-icon-arrow-simple-higher {
    display : flex;
    color   : #ffffff;
}

#mm-navigation #mm-2 .mm-menu-panel-title-binded,
#mm-navigation #mm-3 .mm-menu-panel-title-binded {
    display         : flex;
    justify-content : start;
    font-family     : 'Inter', SemiBold, sans-serif;
    font-size       : 11px;
    color           : #ffffff;
}

#mm-navigation #mm-2 .submenu-header,
#mm-navigation #mm-3 .submenu-header {
    display        : flex;
    align-items    : center;
    margin         : 30px 69px 41px 23px;
    font-family    : 'JosefinSans', sans-serif;
    font-weight    : bold;
    font-size      : 16px;
    color          : #000000;
    text-transform : uppercase;
}

#mm-navigation #mm-2 ul.level-2 li,
#mm-navigation #mm-3 ul.level-2 li {
    margin-bottom : 25px;
}

#mm-navigation #mm-2 ul.level-2 li a,
#mm-navigation #mm-3 ul.level-2 li a {
    font-family    : 'JosefinSans', SemiBold, sans-serif;
    font-size      : 15px;
    text-transform : uppercase;
    display        : flex;
    align-items    : center;
    margin-left    : 5px;
}

#mm-navigation #mm-2 ul.level-2 i,
#mm-navigation #mm-3 ul.level-2 i {
    font-size     : 10px;
    color         : #da0764;
    height        : 14px;
    padding-right : 7px;
}

/**
 * Cookies banner
 */
.sliding-popup-bottom {
    width   : 100%;
    z-index : 30;
}

div#sliding-popup {
    background : none;
}

#sliding-popup h2 {
    font-family    : 'JosefinSans', Arial, sans-serif;
    font-size      : 16px;
    font-weight    : 500;
    text-transform : uppercase;
    color          : #000000;
}

#sliding-popup p {
    font-family : 'Inter', Arial, sans-serif;
    font-size   : 11px;
    font-weight : 400;
    color       : #000000;
}

.eu-cookie-compliance-banner {
    border-radius    : 15px 15px 0 0;
    box-shadow       : 0 8px 10px 8px rgba(0, 0, 0, 0.5);
    background-color : #ffffff;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content {
    display        : flex;
    align-items    : center;
    flex-direction : column;
    max-width      : none;
    padding        : 10px 20px;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message {
    display         : flex;
    flex-direction  : column;
    justify-content : start;
    align-items     : start;
    width           : 100%;
    max-width       : none;
    margin          : 10px 10px 10px 10px;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message h2 {
    font-family : 'JosefinSans', Arial, sans-serif;
    font-size   : 16px;
    font-weight : 500;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message button {
    height      : auto;
    padding     : 0;
    border      : none;
    font-family : 'Aleo', Arial, 'sans-serif';
    font-size   : 13px;
    font-weight : 500;
    line-height : 17px;
    color       : #000000;
    background  : none;
    position    : relative;
    margin-left : 2px;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message button:hover {
    color : #da0764;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message button:before {
    font-family : 'MazelieIcon', sans-serif;
    content     : '\f0013';
    font-size   : 10px;
    position    : absolute;
    top         : 39%;
    transform   : translateY(-50%);
    left        : -14%;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message button:hover:before {
    color : #000000;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons {
    width   : 100%;
    margin  : 0 0 10px 0;
    display : flex;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button:first-child {
    margin-right     : 0;
    width            : 142px;
    border           : 1px solid transparent;
    border-radius    : 5px;
    background-color : #000000;
    font-family      : 'Aleo', Arial, 'sans-serif';
    font-size        : 13px;
    font-weight      : 600;
    line-height      : 35px;
    color            : #ffffff;
    white-space      : nowrap;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button:first-child:hover {
    border           : 1px solid #000000;
    color            : #000000;
    background-color : #ffffff;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button:last-child {
    height       : auto;
    margin-right : 0;
    margin-left  : 32px;
    width        : 142px;
    border       : none;
    font-family  : 'Aleo', Arial, 'sans-serif';
    font-size    : 13px;
    font-weight  : bold;
    line-height  : 17px;
    color        : #fff;
    background   : #000000 none;
    white-space  : nowrap;
    text-shadow  : none;
    box-shadow   : none;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button:last-child:hover {
    border           : 1px solid #000000;
    color            : #000000;
    background-color : #ffffff;
}

@media (min-width : 768px) {

    /**
     * Toolbar admin
     */
    .user-logged-in.gin--vertical-toolbar #header,
    .user-logged-in.gin--vertical-toolbar #footer {
        /*max-width : calc(100% - 65px);*/
        max-width : calc(100% - var(--gin-toolbar-x-offset, 65px));
    }

    .user-logged-in.gin--vertical-toolbar #navigation {
        padding-left : var(--gin-toolbar-x-offset, 256px) !important;
        top          : 199px !important;
    }

    .user-logged-in.gin--vertical-toolbar #navigation.nav-reduced {
        top : 133px !important;
    }

    /**
     * Header
     */
    #header {
        height     : 130px;
        transition : height 0.5s ease-in-out;
    }

    #header .header-icons .cart-button.bag-reduce span {
        font-size : 0;
    }

    .header-reduced {
        height : 100px !important;
    }

    #navigation {
        transition : top 0.5s ease-in-out;
    }

    .nav-reduced {
        top : 70px !important;
    }

    .logo .small-logo, .logo .large-logo {
        display    : block;
        opacity    : 0;
        transition : opacity 0.5s ease-in-out;
    }

    .logo.scrolled .small-logo {
        opacity : 1;
    }

    .logo.scrolled .large-logo {
        display : none;
        opacity : 0;
    }

    .logo:not(.scrolled) .large-logo {
        opacity : 1;
    }

    .logo:not(.scrolled) .small-logo {
        display : none;
        opacity : 0;
    }

    #header .logo img.small-logo {
        width      : 176px;
        height     : 104px;
        transition : width 0.5s ease-in-out, height 0.5s ease-in-out;
    }

    #header.header-reduced .logo img.small-logo {
        width  : 117px;
        height : 28px;
    }

    #header .header-icons .cart-button .mazelie-icon-bag:before,
    #header .header-icons .cart-button .mazelie-icon-bag:after,
    #header .header-icons .social-networks .icons a,
    #header .header-icons .advisor-area a {
        transition : font-size 0.5s ease-in-out;
    }

    #header .header-icons .cart-button .mazelie-icon-bag.bag-reduce:before {
        font-size : 27px;
    }

    #header .header-icons .cart-button .mazelie-icon-bag.bag-reduce:after {
        font-size : 13px;
    }

    #header .header-icons .social-networks .icons.social-reduce a {
        font-size : 18px;
    }

    #header .header-icons .advisor-area.advisor-reduce a {
        font-size : 14px;
    }

    #header .burger-menu .hamburger {
        padding : 32px;
    }

    #header .burger-menu .hamburger-box {
        width  : 34px;
        height : 22px;
    }

    #header .burger-menu .hamburger-inner,
    #header .burger-menu .hamburger-inner:after,
    #header .burger-menu .hamburger-inner:before {
        width  : 34px;
        height : 4px;
    }

    #header .burger-menu .hamburger-inner::after {
        top : 20px;
    }

    #header .logo img.large-logo {
        width  : 189px !important;
        height : 88px !important;
    }

    #header .header-icons .cart-button .mazelie-icon-bag:before {
        font-size : 49px;
    }

    #header .header-icons .cart-button .mazelie-icon-bag:after {
        font-size : 24px;
    }

    #header .header-icons .cart-button a:hover .mazelie-icon-bag:before,
    #header .header-icons .cart-button a:focus .mazelie-icon-bag:before,
    #header .header-icons .cart-button a:active .mazelie-icon-bag:before {
        color : #da0764;
    }

    #header .header-icons .cart-button a:hover .mazelie-icon-bag:after,
    #header .header-icons .cart-button a:focus .mazelie-icon-bag:after,
    #header .header-icons .cart-button a:active .mazelie-icon-bag:after {
        color : #161615;
    }

    /**
     * Main
     */
    #main {
        padding-top : 130px;
        transition  : padding-top .5s ease-in-out;
    }

    #header.header-reduced + #main {
        padding-top : 105px;
    }

    #main .alert-message-container {
        padding-top    : 25px;
        padding-bottom : 20px;
    }

    #main .alert-message-container .alert {
        padding : 35px 35px 55px 35px;
    }

    #main .alert-message-container .alert:after {
        bottom : 37px;
    }

    #main .alert-message-container .alert p {
        font-size   : 20px;
        line-height : 30px;
    }

    #main .alert-message-container .alert p:first-of-type:before {
        margin-right : 11px;
        font-size    : 25px;
    }

    #main .alert-message-container .alert p:first-of-type,
    #main .alert-message-container .alert p:first-of-type strong,
    #main .alert-message-container .alert p:first-of-type b {
        font-size   : 21px;
        line-height : 20px;
    }

    #main .page-banner-video video.video-mobile {
        display : none;
    }

    #main .page-banner-video video.video-desktop {
        width   : 100%;
        display : block;
    }

    #main .page-title h1 {
        font-size : 43px;
    }

    #main .page-breadcrumbs li,
    #main .page-breadcrumbs li a {
        font-size : 12px;
    }

    #main .page-subtitle .page-subtitle-container {
        /*margin-bottom: 61px;*/
        padding     : 30px 30px 35px;
        font-size   : 42px;
        line-height : 59px;
    }

    #main .page-subtitle .page-subtitle-container:after {
        width  : 114px;
        height : 7px;
    }

    #main .page-body .page-body-container {
        padding : 50px 30px 34px 30px;
    }

    #main .page-subtitle + .node {
        padding-top : 34px;
    }

    #main .page-body,
    #main .page-body p,
    #main .page-body em,
    #main .page-body strong,
    #main .page-body b {
        font-size   : 30px;
        line-height : 38px;
    }

    #main .page-body p em {
        font-size   : 29px;
        line-height : 38px;
    }

    #main .page-body p:not(:last-child) {
        padding-bottom : 50px;
    }

    /**
     * Footer
     */
    #footer .footer-partner .container-partner {
        flex-direction : row;
        width          : 100%;
    }

    #footer .footer-partner .partner-text {
        margin-top    : 14px;
        margin-bottom : 10px;
        margin-left   : 10px;
        border-top    : 0;
    }

    #footer .footer-partner .partner-text p {
        position     : relative;
        padding-left : 15px;
        margin       : 11px 0 5px 8px;
        color        : #ffffff;
    }

    #footer .footer-partner .partner-text p::before {
        content    : '';
        position   : absolute;
        left       : 0;
        top        : 37%;
        bottom     : 33%;
        width      : 1px;
        background : #fff;
    }

    /**
     * Cookies banner
     */
    #sliding-popup h2 {
        font-size : 17px;
    }

    #sliding-popup p {
        font-size : 12px;
    }

    .eu-cookie-compliance-banner .eu-cookie-compliance-content {
        flex-direction : row;
        padding        : 10px 13px;
    }

    .eu-cookie-compliance-banner .eu-cookie-compliance-buttons {
        display : flex;
        width   : 100%;
        height  : 100%;
    }

    .eu-cookie-compliance-banner .eu-cookie-compliance-message button {
        margin-left : 3px;
    }

    .eu-cookie-compliance-banner .eu-cookie-compliance-buttons button:first-child {
        width     : 129px;
        font-size : 14px;
    }

    .eu-cookie-compliance-banner .eu-cookie-compliance-buttons button:last-child {
        width       : 129px;
        margin-left : 17px;
        font-size   : 14px;
    }

    .eu-cookie-compliance-banner .eu-cookie-compliance-message button:before {
        color : #da0764;
    }

    .eu-cookie-compliance-banner {
        max-width : 646px;
        margin    : auto;
    }

    .eu-cookie-compliance-buttons {
        max-width : none;
    }
}

@media (min-width : 992px) {
    /**
     * Footer
     */
    #footer .footer-navigation {
        padding-left : 8%;
        margin       : 15px 0;
    }

    #footer .container-partner-empty {
        width : 31%;
    }

    #footer .footer-partner {
        width : 80%;
    }
}

@media (min-width : 1200px) {
    /**
     * Header
     */
    #header {
        height : 170px;
    }

    #header .header-container {
        max-width      : 1442px;
        margin         : 0 auto;
        padding-bottom : 31px;
    }

    #header .burger-menu {
        display : none;
    }

    #header .header-icons {
        display     : flex;
        align-items : flex-end;
        right       : 0;
    }

    #header .header-icons .social-networks,
    #header .header-icons .advisor-area {
        display : block;
    }

    #header .header-icons .social-networks .icons {
        display     : flex;
        line-height : 30px;
    }

    #header .header-icons .social-networks .icons a {
        display   : block;
        height    : 24px;
        font-size : 22px;
        color     : #da0764;
    }

    #header .header-icons .social-networks .icons .icon:not(:last-child) {
        margin-right : 17px;
    }

    #header .header-icons .advisor-area {
        display         : flex;
        align-items     : center;
        justify-content : center;
        padding         : 0;
        text-align      : center;
    }

    #header .header-icons .advisor-area:before,
    #header .header-icons .advisor-area:after {
        content          : '';
        display          : inline-block;
        width            : 1px;
        height           : 22px;
        margin           : 0 11px;
        background-color : #000;
    }

    #header .header-icons .advisor-area a {
        font-family     : 'Aleo', Arial, sans-serif;
        font-size       : 17px;
        font-weight     : bold;
        text-transform  : capitalize;
        text-decoration : underline;
        color           : #da0764;
        white-space     : nowrap;
    }

    #header .header-icons .advisor-area a:hover,
    #header .header-icons .advisor-area a:active,
    #header .header-icons .advisor-area a:focus {
        color : #000000;
    }

    /**
     * Main
     */
    #main {
        padding-top : 170px;
    }

    /**
     * Footer
     */
    #footer .logo {
        margin-top : 51px;
    }

    #footer .logo a img {
        width  : 192px;
        height : 89px;
    }

    #footer .container-fluid {
        width     : 100%;
        max-width : 1442px;
    }

    #footer .container-content-footer .first-text p {
        font-size   : 17px;
        font-weight : 400;
    }

    #footer .container-content-footer .second-text p {
        font-size   : 15px;
        font-weight : 400;
    }

    #footer .social-networks p {
        font-size : 17px;
    }

    #footer .social-networks .icon {
        font-size : 25px;
    }

    #footer .container-button .button {
        margin-bottom : 54px;
    }

    #footer .container-button .button a {
        min-width   : 348px;
        height      : 48px;
        line-height : 46px;
    }

    #footer .footer-navigation {
        margin-top : 37px;
    }

    #footer .footer-navigation ul.level-1 {
        width     : 100%;
        max-width : 1442px;
        margin    : auto;
    }

    #footer .footer-navigation .level-1 li {
        position : relative;
    }

    #footer .footer-navigation .level-1 li a {
        text-decoration : none;
        color           : #ffffff;
        padding         : 5px 0 16px 0;
        display         : block;
        font-size       : 17px;
        font-weight     : 500;
    }

    #footer .footer-navigation .level-1 li a:hover {
        color : #da0764;
    }

    #footer .container-content-footer .first-text {
        margin-top : 50px;
    }

    #footer .legal-notices nav {
        display : flex;
        padding : 19px 0 20px 0;
    }

    #footer .legal-notices nav ul {
        justify-content : center;
    }

    #footer .legal-notices nav ul li {
        margin-right : 90px;
    }

    #footer .legal-notices nav ul li a {
        font-size   : 15px;
        font-weight : 500;
    }

    #footer .footer-partner {
        justify-content : start;
        width           : 80%;
    }

    #footer .footer-partner .partner-text {
        margin-top : 10px;
    }

    #footer .footer-partner .text p {
        font-size : 15px;
        margin    : 10px 0 5px 10px;
    }

    #footer .footer-partner .partner-text p {
        font-size : 15px;
    }

    #footer .container-partner-empty {
        width : 30%;
    }

    #footer .footer-partner .container-partner {
        align-items : center;
        width       : 70%;
    }

    #footer .footer-partner img {
        width  : 51px;
        height : 51px;
    }

    #footer .footer-partner p {
        padding   : 10px 0;
        font-size : 14px;
    }

    /**
     * Navigation
     */
    #navigation {
        display          : block;
        position         : fixed;
        top              : 139px;
        left             : 0;
        right            : 0;
        margin           : 0 auto;
        background-color : #ffffff;
        z-index          : 101;
    }

    #navigation .nav-container {
        display     : flex;
        align-items : center;
        position    : relative;
        width       : 100%;
        height      : 31px;
        max-width   : 1442px;
        margin      : 0 auto;
        padding     : 0 15px;
    }

    #navigation .nav-container::after {
        content    : '';
        position   : absolute;
        left       : 0;
        right      : 0;
        bottom     : 0;
        height     : 1px;
        box-shadow : 2px 4px 5px 1px rgba(0, 0, 0, 0.1);
        z-index    : -1;
    }

    #navigation .social-networks {
        display : none;
    }

    #navigation .nav-container ul.level-1 {
        display         : flex;
        width           : 100%;
        justify-content : space-between;
        padding         : 0;
        margin          : 0;
    }

    #navigation .nav-container ul li {
        padding : 0;
    }

    #navigation li {
        display    : inline-block;
        text-align : center;
    }

    #navigation li.active {
        background : none;
    }

    #navigation li a {
        display         : inline-block;
        position        : relative;
        padding-bottom  : 3px;
        font-family     : 'JosefinSans', Arial, sans-serif;
        font-size       : 16px;
        font-weight     : bold;
        text-decoration : none;
        text-transform  : uppercase;
        color           : #000000;
    }

    #navigation ul.level-2 {
        display                    : inline-flex;
        visibility                 : hidden;
        position                   : absolute;
        top                        : 31px;
        width                      : auto;
        max-width                  : 600px;
        margin-left                : -50%;
        transform                  : translateX(50%);
        padding-top                : 8px;
        background-color           : #fff;
        transition-property        : opacity, visibility;
        transition-duration        : 250ms;
        transition-timing-function : ease-in-out;
        flex-wrap                  : wrap;
        border-radius              : 0 0 10px 10px;
        box-shadow                 : 3px 4px 6px 3px rgba(0, 0, 0, 0.2);
        opacity                    : 0;
    }

    #navigation ul.level-1 li:first-child ul.level-2 {
        left          : 0;
        right         : auto;
        margin-left   : 0;
        transform     : translateX(0);
        max-width     : 1442px;
        border-radius : 0 0 8px 0;
    }

    #navigation ul.level-1 li:last-child ul.level-2 {
        left          : auto;
        right         : 0;
        margin-left   : 0;
        transform     : translateX(0);
        max-width     : 1442px;
        border-radius : 0 0 0 10px;
    }

    #navigation li:hover ul.level-2,
    #navigation li:active ul.level-2,
    #navigation li:focus ul.level-2,
    #navigation ul.level-2:hover,
    #navigation ul.level-2:active,
    #navigation ul.level-2:focus,
    #navigation ul.level-2.force-opened {
        visibility : visible;
        opacity    : 1;
        z-index    : 2;
    }

    #navigation ul.level-2.force-opened {
        z-index : 1;
    }

    #navigation .nav-container ul li.has-sub-items > a::after {
        content     : "\f008";
        display     : inline-block;
        font-family : 'MazelieIcon', sans-serif;
        font-size   : 10px;
        transform   : translateY(-2px) rotate(90deg);
        color       : #000000;
        margin-left : -3px;
    }

    #navigation .nav-container ul.level-1 > li::after {
        content          : '';
        display          : block;
        width            : 30%;
        height           : 3px;
        background-color : #da0764;
        margin-top       : 4px;
        margin-left      : 50%;
        transform        : translateX(-50%) scaleX(0);
        transition       : transform 0.5s ease-in-out;
    }

    #navigation .nav-container ul.level-1 > li:hover::after {
        transform : translateX(-50%) scaleX(1);
    }

    #navigation .nav-container ul.level-2 > li::after {
        content          : '';
        display          : block;
        position         : relative;
        top              : -45px;
        width            : 30%;
        height           : 3px;
        background-color : #da0764;
        margin-top       : 4px;
        margin-left      : 50%;
        transform        : translateX(-50%) scaleX(0);
        transition       : transform 0.5s ease-in-out;
    }

    #navigation .nav-container ul.level-2 > li:hover::after {
        transform : translateX(-50%) scaleX(1);
    }

    #navigation ul.level-2 > li {
        height  : 40px;
        padding : 8px 10px 0;
    }

    #navigation .nav-container li.has-sub-items ul.level-2 a {
        font-size   : 12px;
        font-weight : normal;
    }

    #navigation .nav-container li.has-sub-items ul.level-2 i {
        color : #da0764;
    }
}

@media (min-width : 1442px) {
    /**
     * Header
     */
    #header .header-icons {
        align-items : center;
    }

    #header .header-icons .cart-button {
        position : relative;
    }

    #header .header-icons .cart-button a {
        display             : flex;
        align-items         : center;
        height              : 47px;
        padding             : 0 15px;
        border              : 1px solid #ffffff;
        border-radius       : 24px;
        background-color    : #da0764;
        font-family         : 'Aleo', Arial, sans-serif;
        font-size           : 17px;
        font-weight         : bold;
        line-height         : 18px;
        color               : #fff;
        transition          : height .5s ease-in-out;
        transition-property : height, padding, font-size;
    }

    #header .header-icons .cart-button.bag-reduce a {
        height  : 36px;
        padding : 0 10px;
    }

    #header .header-icons .cart-button.bag-reduce span {
        font-size : 16px;
    }

    #header .header-icons .cart-button a:hover,
    #header .header-icons .cart-button a:active,
    #header .header-icons .cart-button a:focus {
        background-color : #000;
        text-decoration  : none;
    }

    #header .header-icons .cart-button .mazelie-icon:before,
    #header .header-icons .cart-button .mazelie-icon:after {
        color : #fff !important;
    }

    #header .header-icons .cart-button .mazelie-icon:before {
        font-size : 32px;
    }

    #header .header-icons .cart-button .mazelie-icon:after {
        font-size : 14px;
    }

    #header .header-icons .cart-button span {
        margin-top  : 3px;
        margin-left : 3px;
    }

    /**
     * Main
     */
    .node-resseler .title {
        padding-top : 33px;
    }

    /**
     * Navigation
     */
    #navigation .nav-container {
        padding : 0;
    }

    #navigation .nav-container ul li a {
        font-size : 16px;
    }
}

/* Fix menu display on iPhone SE (320x568px) */
@media (max-height : 570px) {
    #mm-navigation .nav-container ul li {
        margin : 10px 0 10px 0;
    }

    #mm-navigation .nav-container ul li a {
        font-size : 14px;
    }

    #mm-navigation .nav-container .mm-btn_next:after,
    #mm-navigation .nav-container .mm-btn_prev:before {
        top : -4px;
    }

    #mm-navigation .advisor-and-shop-container {
        bottom : 10%;
    }

    #mm-navigation .advisor-and-shop-container ul.level-1 li {
        text-align : center;
    }

    #mm-navigation .advisor-and-shop-container ul.level-1 li a {
        display : inline-flex;
        margin  : 8px 5px;
    }

    .grecaptcha-badge {
        right : -600px !important;
    }
}