.viewer-element body {
    font-family: Arial, serif;}

.viewer-element .page-content-front {
    width: 1200px !important;}

.viewer-element .wrapper,
.viewer-element .viewer-content,
.viewer-element .checkout-bundle .ck-form-element,
.viewer-element .form-element .form-group label {
    font-size: 16px;    color: #313030;}

.viewer-element a,
.viewer-element .wrapper a,
.viewer-element .viewer-content a {
    font-size: 12px;    color: #777777;}

.viewer-element a:hover,
.viewer-element .wrapper a:hover,
.viewer-element .viewer-content a:hover
.viewer-element a:active,
.viewer-element .wrapper a:active,
.viewer-element .viewer-content a:active,
.viewer-element a:focus,
.viewer-element .wrapper a:focus,
.viewer-element .viewer-content a:focus {
    font-size: 16px;    color: #777777;}
.viewer-element h1,
.viewer-element .title-lvl-1 {
    font-size: 18px;    color: #777777;}
.viewer-element h2,
.viewer-element .title-lvl-2 {
    font-size: 16px;    color: #777777;}
.viewer-element h3,
.viewer-element .title-lvl-3 {
    font-size: 14px;    color: #777777;}
.viewer-element h4,
.viewer-element .title-lvl-4 {
    font-size: 14px;    color: #777777;}
.viewer-element h5,
.viewer-element .title-lvl-5 {
    font-size: 14px;    color: #777777;}
.viewer-element h6,
.viewer-element .title-lvl-6 {
    font-size: 14px;    color: #777777;}

/* ------------------------
// BUTTONS
 ------------------------ */
.viewer-element .form-button,
.viewer-element .wrapper-front .form-element .btn.btn-primary,
.viewer-element .input-group-btn,
.viewer-element .carousel-caption a.btn,
.viewer-element .article-new .article-new-link,
.viewer-element .outlined-btn.btn,
.viewer-element .btn.btn-primary,
.viewer-element .btn-default-link,
.viewer-element .iframe-preview-menu-btn {
    color: #ffffff;    background-color: #777777;    font-size: 12px;}

.viewer-element .form-button:hover,
.viewer-element .wrapper-front .form-element .btn.btn-primary:hover,
.viewer-element .input-group-btn:hover,
.viewer-element .carousel-caption a.btn:hover,
.viewer-element .article-new .article-new-link:hover,
.viewer-element .outlined-btn.btn:hover,
.viewer-element .btn.btn-primary:hover,
.viewer-element .btn-default-link:hover,
.viewer-element .iframe-preview-menu-btn:hover,
.viewer-element .iframe-preview-menu-btn.is-active {
    background-color: #777777;    color: #ffffff;    font-size: 12px;}

/* -----------------------
 CAROUSEL
 ------------------------ */
.viewer-element .carousel-element .swiper-pagination-bullet,
.viewer-element .carousel-indicators li {
    background-color: #777777;
}
.viewer-element .carousel-element .carousel-element-button {
    color: #777777;
}

.viewer-element .carousel-element .swiper-pagination-bullet-active,
.viewer-element .carousel-indicators .active {
    background-color: #777777;
}
.viewer-element .page-catalog-details .owl-carousel .owl-prev,
.viewer-element .page-catalog-details .owl-carousel .owl-next,
.viewer-element .page-catalog-details .item-carousel-controls .item-carousel-prev,
.viewer-element .page-catalog-details .item-carousel-controls .item-carousel-next {
    color: #777777;
}

/* ------------------------
// COOKIE
  ------------------------ */
.viewer-element #aw-thirds #aw-thirds-disclamer .aw-thirds-disclamer-toggle,
.viewer-element #aw-thirds #aw-thirds-disclamer .aw-thirds-disclamer-wrapper,
.viewer-element #aw-thirds #aw-thirds-forced .aw-thirds-forced-wrapper,
.viewer-element #aw-thirds #aw-thirds-forced .aw-thirds-forced-wrapper p,
.viewer-element #aw-thirds #aw-thirds-forced .aw-thirds-forced-wrapper h1 {
        }
.viewer-element #aw-thirds #aw-thirds-disclamer .aw-thirds-disclamer-toggle svg {
    }
.viewer-element #aw-thirds #aw-thirds-disclamer .aw-thirds-disclamer-wrapper a {
    }
.viewer-element #aw-thirds #aw-thirds-disclamer .aw-thirds-disclamer-actions .aw-thirds-button-allow,
.viewer-element #aw-thirds #aw-thirds-forced .aw-thirds-forced-header-actions .aw-thirds-button-allow {
        }
.viewer-element #aw-thirds #aw-thirds-disclamer .aw-thirds-disclamer-actions .aw-thirds-button-allow:hover,
.viewer-element #aw-thirds #aw-thirds-disclamer .aw-thirds-disclamer-actions .aw-thirds-button-allow:focus,
.viewer-element #aw-thirds #aw-thirds-forced .aw-thirds-forced-header-actions .aw-thirds-button-allow:hover,
.viewer-element #aw-thirds #aw-thirds-forced .aw-thirds-forced-header-actions .aw-thirds-button-allow:focus {
        }

/* -----------------------
 BUNDLE - ecommerce
 ----------------------- */
.viewer-element .ck-form-element.ck-form-element--radio a,
.viewer-element .ck-form-element.ck-form-element--checkbox a,
.viewer-element .ck-form-element label sup,
.viewer-element .checkout .checkout-fail .checkout-title,
.viewer-element .checkout-bundle .checkout-pagination a.is-active {
    color: #777777;
}
.viewer-element .ecommercebundle-list.is-loading::after,
.viewer-element .popin-connect .popin-loader::after,
.viewer-element .ecommercebundle-detail.is-loading .ecommercebundle-detail-buy::after,
.viewer-element .checkout-bundle .checkout-loader::after {
    border-top-color: #777777;
}
.viewer-element .ck-form-element.ck-form-element--radio a,
.viewer-element .ck-form-element.ck-form-element--checkbox a {
    border-color: #777777;
}
.viewer-element .noUi-connect,
.viewer-element .ecommercebundle-filters-radio + label::after,
.viewer-element .ck-form-element.ck-form-element--radio input[type=checkbox]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--radio input[type=radio]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--checkbox input[type=checkbox]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--checkbox input[type=radio]:checked + label::before {
    background-color: #777777;
    border-color: #777777;
}
.viewer-element .ecommercebundle-filters-treecat.is-some::after {
    background-color: #777777;
}
.viewer-element .ecommercebundle-filters-treecat.is-all::after,
.viewer-element .ecommercebundle-filters-checkbox + label::after {
    color: #777777;
}

.viewer-element .ecommerce-component .ecommerce-components-connexion-link,
.viewer-element .ecommerce-component .ecommerce-components-cart-link {
    color: #777777;
}
.viewer-element .ecommerce-component [data-header-hassubmenu]::after {
    border-color: #777777 transparent transparent transparent;
}

.viewer-element .ck-flash-message,
.viewer-element .ck-promo .ck-promo-wrapper .ck-promo-valid-btn,
.viewer-element .ck-total .ck-promo-element .ck-promo-valid-btn,
.viewer-element .login .login-btn,
.viewer-element a.ck-btn,
.viewer-element button.ck-btn {
    color: #ffffff;    background-color: #777777;    font-size: 12px;}
.viewer-element .ck-product .ck-product-btn-quantity,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button {
    color: #ffffff;    background-color: #777777;}

.viewer-element .ck-promo .ck-promo-wrapper button:hover,
.viewer-element .ck-promo .ck-promo-wrapper button:focus,
.viewer-element .ck-resume-promo .ck-promo-element button:hover,
.viewer-element .ck-resume-promo .ck-promo-element button:focus,
.viewer-element .ck-total .ck-promo-element button:hover,
.viewer-element .ck-total .ck-promo-element button:focus,
.viewer-element .login .login-btn:hover,
.viewer-element .login .login-btn:focus,
.viewer-element a.ck-btn:hover,
.viewer-element a.ck-btn:focus,
.viewer-element button.ck-btn:hover,
.viewer-element button.ck-btn:focus {
    background-color: #777777;    color: #ffffff;    font-size: 12px;}
.viewer-element .ck-product .ck-product-btn-quantity:hover,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button:hover {
    background-color: #777777;    color: #ffffff;}

/* ------------------------
// BUNDLE - social network
 ------------------------ */
// social network - mosaic view
.viewer-element .socialnetwork-element .socialnetwork-element-content,
.viewer-element .socialnetwork-element .socialnetwork-element-title {
     font-size: 14px;     color: #777777;}

/* social network - list view */
.viewer-element .socialnetwork-list-loader {
    border-top-color: #777777;
}

.viewer-element .socialnetwork-element .socialnetwork-element-content,
.viewer-element .socialnetwork-element .socialnetwork-element-title {
     font-size: 14px;     color: #777777;}
.viewer-element .socialnetwork-list .socialnetwork-list-button {
     font-size: 12px;      color: #ffffff;         background-color: #777777;
    border-color: #777777;
    }
.viewer-element .socialnetwork-list .socialnetwork-list-button:hover,
.viewer-element .socialnetwork-list .socialnetwork-list-button:focus {
    background-color: #777777;
    border-color: #777777;
}

/* ------------------------
// ACCORDION
------------------------ */
.viewer-element .accordion_element .panel-title .panel-button {
    font-size: 12px;    color: #777777;}
.viewer-element .accordion_element .panel-title .panel-button:hover {
    color: #777777;
}
.viewer-element .accordion_element .panel-body {
    font-size: 16px;    color: #313030;}

/* ------------------------
// NEW HEADER
// NEW HEADER - top header
------------------------ */
            .viewer-element .header-top .header-top-nav-link {
                    }
    .viewer-element .header-top .header-top-nav-link.active,
    .viewer-element .header-top .header-top-nav-link:focus,
    .viewer-element .header-top .header-top-nav-link:hover {
                    }
        
        
/* ------------------------
// NEW HEADER - main header
------------------------ */
    
    
        .viewer-element .header-new-is-break-full .header-main {
        background-color: #e8e8e8;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .header-new-is-break-768 .header-main {
            background-color: #e8e8e8;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .header-new-is-break-1024 .header-main {
            background-color: #e8e8e8;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .header-new-is-break-1200 .header-main {
            background-color: #e8e8e8;
        }
    }
    
        .viewer-element .is-scrolling .header-new--burger-scroll-fixed.header-new-is-break-full .header-main {
        background-color: #e8e8e8;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .is-scrolling .header-new--burger-scroll-fixed.header-new-is-break-768 .header-main {
            background-color: #e8e8e8;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .is-scrolling .header-new--burger-scroll-fixed.header-new-is-break-1024 .header-main {
            background-color: #e8e8e8;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .is-scrolling .header-new--burger-scroll-fixed.header-new-is-break-1200 .header-main {
            background-color: #e8e8e8;
        }
    }
    
        .viewer-element .header-new-is-break-full .header-main-nav-element ul,
    .viewer-element .header-new-is-break-full .header-main .header-main-nav{
        background-color: #d96944;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .header-new-is-break-768 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-768 .header-main .header-main-nav{
            background-color: #d96944;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .header-new-is-break-1024 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-1024 .header-main .header-main-nav{
            background-color: #d96944;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .header-new-is-break-1199 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-1199 .header-main .header-main-nav{
            background-color: #d96944;
        }
    }
    
    .viewer-element .header-main .header-main-nav-link {
         color: #e8e8e8;         background-color: rgba(255, 255, 255, 0.03);    }
    .viewer-element .header-main .header-main-nav-link:focus,
    .viewer-element .header-main .header-main-nav-link:hover,
    .viewer-element .header-main .header-main-nav-link.active {
         color: #e8e8e8;         background-color: #e8e8e8;    }
        .viewer-element .header-main [data-header-hassubmenu]::after {
        border-top-color: #e8e8e8;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]::after {
        border-left-color: #e8e8e8;
        border-top-color: transparent;
    }
            .viewer-element .header-main [data-header-hassubmenu]:hover::after {
        border-top-color: #e8e8e8;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]:hover::after {
        border-left-color: #e8e8e8;
        border-top-color: transparent;
    }
            .viewer-element .header-main .header-main-burger i {
        background-color: #e8e8e8;
    }
            .viewer-element .header-main .header-main-burger {
        background-color: #d96944;
    }
            .viewer-element .header-main .header-main-burger:hover i {
        background-color: #e8e8e8;
    }
            .viewer-element .header-main .header-main-burger:hover {
        background-color: #d96944;
    }
    
.viewer-element body {
         background-color:#367f8c;     background-position: top center;
}
@font-face {
  font-family: 'Marine Wezel';
  src: url("/files/madame-webfont_5de7eb382f621.eot");
  src: url("/files/madame-webfont_5de7eb382f621.eot?#iefix") format('embedded-opentype'), 
    url("/files/madame-webfont_5de7eb3876d62.woff") format('woff'), 
    url("/files/madame-webfont_5de7eb385815a.ttf") format('truetype'), 
    url("/files/madame-webfont_5de7eb384bc72.svg#icons") format('svg');
  font-weight: normal;
  font-style: normal;
}
body h1,
body p {
	font-family: 'Marine Wezel', Arial;
}