/*
 * (C)opyright Solocal Group 2015-2016
 *
 * This is Solocal Group proprietary source code.
 * Any reproduction modification or use without prior written
 * approval from Solocal Group is strictly forbidden.
 *
 */
@import 'base.css';
@import 'base_popin.css';
@import 'base_cart.css';
@import 'base_footer.css';
@import 'base_html_lists.css';
@import 'base_map.css';
@import 'cart.css';
@import 'animate.css';
@import 'font-awesome.min.css';

.component.cookies_policy.banner_view {
    top: auto;
    bottom: 0;
    z-index: 10000;
}

/********/
/*common*/
/********/
@font-face {
font-family: 'icomoon-ecommerce';
    src:url('../fonts/icomoon-ecommerce.eot?jccwo0');
    src:url('../fonts/icomoon-ecommerce.eot?#iefixjccwo0') format('embedded-opentype'),
        url('../fonts/icomoon-ecommerce.woff?jccwo0') format('woff'),
        url('../fonts/icomoon-ecommerce.ttf?jccwo0') format('truetype'),
        url('../fonts/icomoon-ecommerce.svg?jccwo0#icomoon-ecommerce') format('svg');
    font-weight: normal;
    font-style: normal;
}
.title,
.subtitle,
.title_contact_header,
h1, h2, h3,
.menu a, .sub-menu a,
.component.booking .booking-button,
.component.slider .content .site-title,
.contact_form.default_view .actions .button {
    font-family: Cinzel, serif, serif, 'Lato', sans-serif;
}

body {
    font-family: 'Droid Serif', sans-serif, sans-serif, 'Lato', sans-serif;
}
/* Wow, should we do that ? */
[class^="icon-"], [class*=" icon-"] {
    /*font-family: 'icomoon-ecommerce';*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/********/
/*common*/
/********/
html{height:100%}
body{min-height:100%;position:relative;/*line-height:/*1.3126px*/;background-color: transparent ;color:#000000;background-attachment:fixed;background-size:cover !important;}
body.overlay{overflow: hidden}

.no_background .bkg {padding: 0;}

.main-content .component.point_of_sale.default_view {background: $background-color;}

.page-size {/*max-width: 960px;*/ margin: 0 auto;padding:20px 10px 20px;background: 'Uncustomized color';position: relative}
.catalog-home-page-content.page-size,
.catalog-page-content.page-size,
.presentation-page-content.page-size,
.activity-page-content.page-size,
.photos-page-content.page-size,
.video-page-content.page-size,
.contact-page-content,
.cart-page-content.page-size,
.legal-notice-page-content.page-size{padding:160px 10% 20px;background:'Uncustomized color';}

.catalog-home-page-content.page-size .item-container,
.catalog-page-content.page-size .item-container,
.presentation-page-content.page-size .item-container,
.activity-page-content.page-size .item-container,
.photos-page-content.page-size .item-container,
.video-page-content.page-size .item-container,
.cart-page-content.page-size .item-container
 {background:'Uncustomized color';padding: 0px;}

 .catalog-product-page .catalog-page-content.page-size .item-container{padding:0;}
 .catalog-product-page .catalog-page-content.page-size > .item-container{padding:20px;}

.component.vertical_layout.page-size > .item-container > .item {margin-top: 10px;}
.component.vertical_layout.page-size > .item-container > .item-first {margin-top: 0;}

/******No display h1 title in activity page*************/
.activity-page .activity .title {display:none;}

.component.contact.phone_view.phone-mobile .phone::before .phone-link.link{color: #000000;}

.component.map .phone-link{color:black;}

@media screen and (min-width: 769px) {
    /* TODO: split the badge component into sub-views and use the column-width class */
    .component.content_badges .title,
    .component.content_badges .content-badges-text,
    .component.point_of_sale_selector,  /* due to the point_of_sale_selector component not taking class */
    .column-width {padding-left: 0%; padding-right: 0%;padding-bottom: 30px; padding-top: 0px;}
}

#page{position: relative; }

.presentation .block{display: table;width: 100%;}

.component.contact.mobile_view .mobile:before{color:#000000;}

#resa-contact{text-align: center;padding-bottom: 1%;margin-top:1%;}

.spomean .item-container.slots-1.break_at_tablet{padding:0px !important;}

.component.contact.with-h2-like .title{font-size:4rem;}

 .contact-box.horizontal_layout>.item-container.slots-3>.item{padding: 10px;}

  .contact-box.horizontal_layout>.item-container.slots-2>.item{padding: 10px;}

 .contact-box.horizontal_layout>.item-container.slots-1>.item{padding: 10px;}

#section-site-map{text-align: center;font-size:21px;margin-top:130px;}

.resa-contact{
margin-top:50px;
background-color:#E9E9E9;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
margin: 30px 0px 0px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
display: inline-block;
font-size: 14px !important;
font-weight: 100;
border: 1px solid white;
text-transform: uppercase;
text-align: center;
}

.no-content{border:0px;}

.news-content .text a{color:#000000;}

.news-content .text a:hover{color:#00103F;}

.activity-3 .block-text .short-text a{color:#000000;}

.activity-3 .block-text .short-text a:hover{color:#00103F;}

.activity-1 .block-text .short-text a{color:#000000;}

.activity-1 .block-text .short-text a:hover{color:#00103F;}

.component.content_badges .svg-icon{width:150px;height:150px;background-size:150px 150px;display: inline-block;border-radius: 25px;-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}

.resa-contact .component.booking .booking-button{color:#000000 !important;}

/* clear floats in richtext */
.richtext .clear {clear: both;}

.richtext table,
.richtext table td,
.richtext table th {
    border-color: #ccc;
}

.catalog-product-page .component.social_sharing .share-by-email{margin:0px;}

.intervention_area .description{color:#000000;}

.brochures .brochures-items{color:#000000;}

.component.contact.phone_view.phone-mobile{display: none;}

.component.photos.slideshow_view .close{top:200px;right:200px;}

/********/
/*header*/
/********/

.component.photos.slideshow_view.popin-content{z-index: 222;}

#page > header .header-content {width: 100%;display: table; height: 120px;margin: 0 auto;text-align: center;position: fixed;background:rgba(255,255,255,0.9);box-shadow: 2px 2px 10px #E9E9E9}

/******/
/*Link*/
/******/
/* link with chevron on the right */

.component.presentation.short_view.using-link-with-chevron-on-right .more-info,
.component.news.short_view.using-link-with-chevron-on-right .link,
.component.mba.default_view.using-link-with-chevron-on-right .more-info,
.component.activity.short_view.using-link-with-chevron-on-right .more-info,
.component.content_badges.default_view.using-link-with-chevron-on-right .content-badge-wrapper-link .content-badge-label,
.component.point_of_sale.more_info_link_view.using-link-with-chevron-on-right .more-info,
.component.point_of_sale.point-of-sale-block .using-link-with-chevron-on-right .link,
.component.contact.list_view.using-link-with-chevron-on-right .link,
.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .link,
.footer-layout .component.brochures.using-link-with-chevron-on-right .link,
.footer-layout .component.links.using-link-with-chevron-on-right .link,
.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .link,
.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .more-info{
   /* color: #00103F;
    text-decoration: none;*/

}
.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .more-info {
    float: none;
}
.component.contact_page.contact_link_view.using-link-with-chevron-on-right .contact-link:after,
.component.practical_info.default_view.using-link-with-chevron-on-right .more-info:after,
.component.presentation.short_view.using-link-with-chevron-on-right .more-info:after,
.component.news.short_view.using-link-with-chevron-on-right .link:after,
.component.mba.default_view.using-link-with-chevron-on-right .more-info:after,
.component.activity.short_view.using-link-with-chevron-on-right .more-info:after,
.component.content_badges.default_view.using-link-with-chevron-on-right .content-badge-wrapper-link .content-badge-label:after,
.component.point_of_sale.more_info_link_view.using-link-with-chevron-on-right .more-info:after,
.component.point_of_sale.point-of-sale-block .using-link-with-chevron-on-right .link:after,
.component.contact.list_view.using-link-with-chevron-on-right .link:after,
.footer-layout .component.brochures.using-link-with-chevron-on-right .link:after,
/*.footer-layout .component.links.using-link-with-chevron-on-right .link:after,*/
/*.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .link:after,*/
.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .more-info:after{
    content:"";
    display: inline-block;
    background: url(../img/link_generated_secondary.png);
    width: 6px;
    height: 10px;
    margin-left: 8px
}

.component.news.using-link-with-chevron-on-right .link:hover,
.component.content_badges.default_view.using-link-with-chevron-on-right .content-badge-wrapper-link .content-badge-label:hover,
.component.point_of_sale.point-of-sale-block .using-link-with-chevron-on-right .link:hover,
.component.contact.list_view.using-link-with-chevron-on-right .link:hover,
.footer-layout .component.brochures.using-link-with-chevron-on-right .link:hover,
.footer-layout .component.links.using-link-with-chevron-on-right .link:hover,
.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .link:hover{
text-decoration: underline
}
.component.presentation.short_view.using-link-with-chevron-on-right .more-info:hover,
.component.mba.default_view.using-link-with-chevron-on-right .more-info:hover,
.component.activity.short_view.using-link-with-chevron-on-right .more-info:hover,
.component.point_of_sale.more_info_link_view.using-link-with-chevron-on-right .more-info:hover,
.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .more-info:hover{
    text-decoration: none;
    font-family: 'Oswald';
}

/* pdf link*/
.component.catalog_terms_of_sale .brochure.link,
.component.catalog_product.brochure_view .link{
    color: #000000;
    text-decoration: none;
    display: inline-block;
    background: url("../img/pdf.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    line-height: 16px;
    margin-bottom: 5px;
    min-height: 16px;
    padding-left: 20px;
}
.component.catalog_terms_of_sale .brochure.link:after,
.component.catalog_product.brochure_view .link:after{
    content: "";
    display: inline-block;
    background: url("../img/link_generated_secondary.png");
    width: 6px;
    height: 10px;
    margin-left: 8px;
}
.component.catalog_terms_of_sale .brochure.link:hover,
.component.catalog_product.brochure_view .link:hover{
    text-decoration: underline
}

/* simple link (without chevron) */
.bottom-footer .last_updated.using-simple-link .localch-logo,
.bottom-footer .last_updated.using-simple-link .link,
.bottom-footer .legal_notice.using-simple-link .legal-notice-link,
.bottom-footer .privacy_policy.using-simple-link .privacy-policy-link,
.component.presentation.default_view.using-simple-link a,
.component.activity.default_view.using-simple-link a,
.component.spoken_languages.default_view.using-simple-link a,
.component.means_of_payment.default_view.using-simple-link a,
.component.news.short_view.using-link-with-chevron-on-right .richtext a{
    color: #000;
    text-decoration: none;
}
.bottom-footer .last_updated.using-simple-link .localch-logo:hover,
.bottom-footer .last_updated.using-simple-link .link:hover,
.bottom-footer .legal_notice.using-simple-link .legal-notice-link:hover,
.bottom-footer .privacy_policy.using-simple-link .privacy-policy-link:hover,
.component.presentation.default_view.using-simple-link a:hover,
.component.activity.default_view.using-simple-link a:hover,
.component.spoken_languages.default_view.using-simple-link a:hover,
.component.means_of_payment.default_view.using-simple-link a:hover,
.component.news.short_view.using-link-with-chevron-on-right .richtext a:hover,
.component.privacy_policy.notice_view a:hover,
.component.privacy_policy.default_view a:hover,
.component.cookies_policy.default_view a:hover{
    text-decoration: underline
}

.component.privacy_policy.notice_view a,
.component.privacy_policy.default_view a,
.component.cookies_policy.default_view a{

    color: #000000;
}

/* link with specific chevrons for catalog */
.component.catalog_product.separated_pagination_view .nav-previous,
.component.catalog_product.separated_pagination_view .nav-next{
    color: #00103F;
    text-decoration: none
}

.sitemappage-menu ul{padding:0px;}

.component.catalog_product.separated_pagination_view .nav-previous:before{
    content:"";
    background: url(../img/mini-left_generated_secondary.png) no-repeat;
    padding-left: 8px;
    display: inline-block;
    width: 9px;
    height: 17px;
    vertical-align: middle
}
.component.catalog_product.separated_pagination_view .nav-next:after{
    content:"";
    background: url(../img/mini-right_generated_secondary.png) no-repeat scroll 8px center;
    padding-right: 8px;
    display: inline-block;
    width: 9px;
    height: 17px;
    vertical-align: middle
}
.component.catalog_product.separated_pagination_view .nav-previous:hover,
.component.catalog_product.separated_pagination_view .nav-next:hover{
    text-decoration: underline;
}
.component.catalog.back_view .nav-previous,
.component.catalog_product.back_view .nav-previous{
    color:#E9E9E9;
    text-decoration: none;
}
.component.catalog.back_view .nav-previous:hover,
.component.catalog_product.back_view .nav-previous:hover{
    text-decoration: underline
}
.component.catalog.back_view .nav-previous:before,
.component.catalog_product.back_view .nav-previous:before {
    content:"";
    margin-right:9px;
    background: url(../img/mini-left_generated_primary.png);
    display: inline-block;
    width: 9px;
    height: 17px;
    vertical-align: middle
}

.sitemappage-menu a{color:#000000;}

/* Back link for cart */
.component.cart .prev-step {
    color: #00103F;
    text-decoration:none;
}

.component.cart .prev-step:before {
    content:"";
    background: url(../img/mini-left_generated_secondary.png);
    display: inline-block;
    width: 9px;
    height: 17px;
    vertical-align: middle;
    margin-right: 10px;
}
.component.cart .prev-step:hover {text-decoration: underline;}

/********/
/*Button*/
/* general rules
- see specific rules (padding, width) in each section */
/********/
.component.booking .booking-button,
.component.contact_page.contact_link_view .contact-link,
.home-page .component.catalog.short_view .link-button,
.component.contact .send_button,
.component.catalog_product.ecommerce_view .add-to-basket,
.component.cart .next-step,
.component.cart .cart-item .shopping-info .actions .delete,
.component.cart .order-recap .promo-code-input .redeem,
.component.social_sharing.share_by_email_form_view .button,
.component.map.share_form_view .button {
    cursor: pointer;
    text-align: center;
    position: relative;
}
/*override the default component styles*/
.resa-contact .component.contact_page.contact_link_view .contact-link:hover,
.resa-contact .component.booking .booking-button:hover {
    background-color: #00103F;
    color:#FFFFFF !important;
}

.home-page .component.catalog.short_view .link-button:hover:after,
.component.contact .send_button:hover:after,
.component.catalog_product.ecommerce_view .add-to-basket:hover:after,
.component.cart .next-step:hover:after,
.component.cart .cart-item .shopping-info .actions .delete:hover:after,
.component.cart .order-recap .promo-code-input .redeem:hover:before,
.component.social_sharing.share_by_email_form_view .button:hover:before,
.component.map.share_form_view .button:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Same selection without delete's cart buttons
   which follow baseCart.css color rules */
.resa-contact .component.booking .booking-button,
.resa-contact .component.contact_page.contact_link_view .contact-link,
.home-page .component.catalog.short_view .link-button,
.component.contact .send_button,
.component.catalog_product.ecommerce_view .add-to-basket,
.component.cart .next-step,
.component.cart .order-recap .promo-code-input .redeem,
.component.social_sharing.share_by_email_form_view .button:hover,
.component.map.share_form_view .button:hover {
    background-color: #E9E9E9;
    color: #000000;
    /*font-family: 'Oswald';*/
    font-weight:100;
}

/* cart buttons : general rules in baseCart.css - specific rules here
TODO : should be refactored on baseCart.css ? */
.component.cart .cart-item .shopping-info .actions .delete,
.component.cart .order-recap .promo-code-input .redeem {
    padding: 5px 9px;
    width: auto;
    min-width:80px;
}

/******/
/*List*/
/******/
.richtext ul, .referential-module-items, .means-of-payment-items {padding-left: 0; list-style: none outside;}
.richtext li, .referential-module-items > .item:not(.no-bullet), .means-of-payment-items > .item, .spoken-languages-items > .item { display: list-item;}/* due to SPT-20160316*/
/******************/
/*spoken languages*/
/******************/
.spoken_languages .spoken-languages-item:before{display: none}
.spomean >.item-container{
    display:table;
    margin: 0 auto;
}
.spomean >.item-container >.item{
    display:table-cell;
    width:auto !important;
    padding:0 30px;
}
/**************/
/*error field*/
/************/
.nagare-error-message {display: none;}
form .field.error label {color: red}
.nagare-error-field .nagare-error-input input,
.nagare-error-field .nagare-error-input select,
.nagare-error-field .nagare-error-input textarea,
.contact_form.default_view .nagare-error-input input[type="text"],/* needs to be specified*/
.contact_form.default_view .nagare-error-input textarea,/* needs to be specified*/
.field.error .custom-select,
.custom-select.error {border-color: red}

/*******/
/*Title*/
/*******/
.component .site_title.default_view .title,.component .site_title {
    font-weight: bold;
    line-height: 1.2em;
    font-size: 8rem;
    text-shadow: 0px -1px 0px rgba(0,0,0,1),1px 0px 0px rgba(0,0,0,1),0px 1px 0px rgba(0,0,0,1),-1px 0px 0px rgba(0,0,0,1), 3px 3px 0 rgba(150,150,150,1);
    color:white;
    font-family:'Oswald';
    text-transform: uppercase;
}
h3, .h3-like , h2 , .h2-like{
    font-size: 4rem;
    font-weight:100;
}
h1, .h1-like {
    font-size: 5rem;
    font-weight:100;
}
.share-by-email-form h3{font-size:2.5rem}

 .title, .subtitle, h1, h2, h3, .contact-element .label{color:#E9E9E9;}
.with-h1-like .title, .richtext h1{text-align: center;font-weight: bold;margin-bottom:25px}
.with-h2-like .title, .subtitle, .richtext h2{font-weight: bold;text-align: center;margin-bottom:20px}
.with-h2-like .title {
    margin-top: 40px;
}
.with-h3-like .title, .subsubtitle, .richtext h3{font-weight: bold;text-align: left;margin:25px 0 25px 0;font-size:3rem;}
.with-h4-like .title, .richtext h4{font-weight: bold;padding-top: 0}

.contact-element .label{font-size:22px;margin-bottom:15px;font-weight:100}

.site_title.with_link_view .title {
    float: none;
    margin-left: 10%;
    width: auto;
    text-align: left;
    position: absolute;
    background: rgba(0,0,0,0.7);
    z-index:1;
    max-width: 370px;
    top:150px;
    padding: 20px;
    display: table;
    box-shadow: 2px 10px 20px black;
}
.component.site_title.default_view {
    position: absolute;
    z-index: 1;
    top: 200px;
    width: 100%;
    text-align: center;
}

/********/
/*header*/
/********/
#container-phone-basket{
    display: block;
    width: 240px;
    background-color: #E9E9E9;
    position:fixed;
    top:200px;
    right: -194px;
    background-color: #E9E9E9;
    z-index: 11111;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left:15px;
    padding-top:5px;
    padding-right: 10px;
    color:#000000;
     transition: right 0.2s ease-in 0.2s;
      box-shadow: 0px 0px 10px #000000;
}

#container-phone-basket:hover{right: 0px;}

#container-basket-mobile{display:none;}

#container-phone-basket .component.contact.phone_view .phone::before{padding-right:10px;}

.component.cart.basket_button_view{
display: block;
    width: 100%;
    background-color: #E9E9E9;
    position:fixed;
    top:250px;
    right: 0px;
    background-color: #E9E9E9;
    width: auto;
    z-index: 11111;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left:15px;
    padding-top:5px;
    padding-right: 10px;
    color:#000000;
    box-shadow: 0px 0px 10px #000000;
}

#container-phone-basket .phone-link.link:hover{underline:none;color:#000000;}

.component.contact.phone_view{
    display:inline-block;
    width:100%;
    padding: 0px;
}

.component.contact.phone_view .phone::before{
    position:relative;
    margin-right:10px;
    color:#000000;
    top:3px;
}

.component.contact.phone_view .phone{margin-top:5px;margin-bottom: 5px;}

.practical-info-point-of-sale-elements .component.contact.phone_view .phone{margin-bottom: 23px;margin-top: 0px;}

.phone-link{
    color:#000000;
    font-size: 19px;
}
#container-logo-menu{
    display:table;
    width:100%;
}

.component.background.header_view {background: #FFF; color: #E9E9E9}
.component.background.header_view.secondary {color: #E9E9E9}
header{
    background:white;
    background:'Uncustomized color';
    border-bottom: 1px solid #E9E9E9;
    transition: all 0.4s ease;
    position: fixed;
    top:0px;
    z-index: 111;
    width: 100%;
    height: 130px;
    -webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;

}

.contact-page .contact-element .phone-link{color:#000000;}

.component.logo {
    height: 130px;
    line-height: 80px;
    position: relative;
    float:left ;
    width: 25%;
    text-align:center;
    -webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;

}
.logo_image {
    max-height: 80px;
}
.header-buttons {
    position: relative;
    width: 100%;
    float: none;
    display: table;
}
/*********burger***********/
#menu-toggle  {
    /*background: #E9E9E9;*/
   /*border: 2px solid #fff;*/
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    padding-left: 16px;
    padding-top: 0px;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 60px;
    z-index: 9999;
    display:none;
}

#menu-toggle .bun-top {
    height: 6px;
    margin-top: 0;
    width: 42px;
}
#menu-toggle .bun-mid {
    height: 6px;
    margin-top: 8px;
    width: 42px;
}
#menu-toggle .bun-bottom {
    height: 6px;
    margin-top: 8px;
    width: 42px;
}
#menu-toggle .bun {
    background: #E9E9E9;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid white;
}

#menu-toggle.open .bun-top {
    background: #fff;
    top: 16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height:4px;
}
#menu-toggle.open .bun-mid {opacity: 0;}

#menu-toggle.open .bun-bottom {
    background: #fff;
    top: -10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height:4px;
}

/* Menu Responsive */

#menu-toggle .component.menu.title_view .menu-title{
    font-size: 14px;
    line-height: 16px;
    color: #E9E9E9;
    text-transform: uppercase;
}
.component.menu.title_view {
    top: 0;
    position: relative;}

.component.menu.default_view{display: table;width: 100%;height: 100%}
#main-menu{
    background: rgba(0,0,0,0.8);
    text-align: center;
    position: fixed;
    top:0;
    bottom: 0;
    z-index: 9999;
    color:white;
    font-size: 24px/* default font-size because not specify by LCH at the moment;display: none*/;
    overflow: auto;
    transition:all 1s;
    left:-100%;
    width: 0;
    right:0;}
#main-menu.open{display: block ;right:0;left:0;width:100%;}
#main-menu .item-container{list-style: none;padding: 0 0 0 20px;display: table-cell;text-align: left;padding-top:140px;}
#main-menu .item-container .item{text-transform: uppercase;padding:0 0 10px 0}
#main-menu .item-container .item .item-container .item{text-transform: none}
#main-menu .menu-link{
    text-decoration: none;
    color: inherit;
    position:relative}
#main-menu .menu-link:not(:only-child):after{
    content:"";
    display: inline-block;
    background: url(../img/menu-right.png) no-repeat center center;
    height: 14px;
    width: 14px;
    position: relative;
    top: 50%;
    margin-top: -7px;
    margin-left: 13px}
#main-menu .menu-link.open:not(:only-child):after{background: url(../img/menu-down.png) no-repeat center center}
#main-menu .menu-link:not(:only-child)+ul{display:none}
#main-menu .menu-link.open:not(:only-child)+ul{display:block;margin-top: 10px !important;padding-top: 0px !important;}
#main-menu .menu-link:hover{
color: #cccccc;}
#main-menu .menu-item-tab{height:auto !important;padding: 0 0 10px 0 !important;width:300px;}
#main-menu .close{display: block;height: 27px;width: 27px;background: url(../img/close.png);position: absolute;right: 45px;
top: 20px;cursor: pointer}
#main-menu .menu-items-pages{margin-top:10px !important}
.component.menu.default_view {
    display: table;
    margin:0 auto
}
/* Menu Desktop */

#main-menu-desktop .item-container .menu-item.active{background-color: #E9E9E9;}

#main-menu-desktop {
    width: 75%;
    line-height: 18px;
    display: table-cell;
}
 #main-menu-desktop .item-container {
    text-align:right;
}
#main-menu-desktop .item-container {
    list-style: none;
    padding: 0;
    text-align: center;
    }
#main-menu-desktop .item-container.slots-8 .item {width:9.375%;}

#main-menu-desktop .item-container.slots-7 .item {width:10.714%;}

#main-menu-desktop .item-container.slots-6 .item {width:12,5%;}

#main-menu-desktop .item-container.slots-5 .item {width:15%;}

#main-menu-desktop .item-container.slots-4 .item {width:18,75%;}

#main-menu-desktop .item-container .item {
    display: table-cell;
    width: 12.5%;
    height:130px;
    vertical-align: middle;
    text-align:center;
    position: relative;
    margin-left:-4px;
    border-top: 3px solid transparent;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    -webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}

#main-menu-desktop .item-container .item.sticky{height:110px;}

.component.logo.sticky{height:110px;}

header.sticky{height:110px;}

#main-menu-desktop .item-container .item .menu-link{
    padding: 10px 8px;
    line-height:14px;
    display:block;
    text-decoration:none;
    font-size: 11px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    text-transform:uppercase;
    font-weight:100;
    color:#000000;
}

#main-menu-desktop .item-container .active{background-color: #E9E9E9;}

#main-menu-desktop .item-container .active.item .menu-link{color:#000000;}

#main-menu-desktop .item-container .active.item:hover > .menu-link{text-decoration: underline;}

#main-menu-desktop .item-container .item:hover{background-color: #E9E9E9;}

#main-menu-desktop .item-container .item:hover .menu-link{
color:#000000;
text-decoration: underline;
}

#main-menu-desktop .item-container .item .item-container .item:hover, #main-menu-desktop .item-container .item .item-container .active.item{
    background:black;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#main-menu-desktop .item-container .item-container .item:hover {border-radius:0; border:none;}
#main-menu-desktop .item-container .item:hover .item-container{display:block;max-height:700px}

#main-menu-desktop .item-container .item:hover .active.item .menu-link {color: white;}
/*#main-menu-desktop .item-container .item:hover  > .menu-link{color: #E9E9E9;text-decoration:none;}*/
/*#main-menu-desktop .item-container .item:hover .menu-link:after{content:"\f107";font-family:"FontAwesome";}*/

#main-menu-desktop .item-container .item:hover .menu-link .item-container .item .menu-link{color: black;}

/*#main-menu-desktop .item-container .item  .item-container .item  .menu-link{color:black;}*/
#main-menu-desktop .item-container .item  .item-container .item  .menu-link:hover{color:white;border-left:3px solid #E9E9E9;}
#main-menu-desktop .item-container .item:hover ~ .item-container .item-first .menu-link{color: #E9E9E9}

#main-menu-desktop .menu-link.open:not(:only-child):after{/*background: url(../img/menu-down.png) no-repeat center center*/}
/*#main-menu-desktop .menu-link:not(:only-child)+ul*/#main-menu-desktop .item-container .item .item-container{
    display: none;
    top: 100%;
    padding: 0px 0 0 0;
    margin-top: 0px;
    position: absolute;
    background:#fff;
    left:0px;
    z-index: 500;
    width: 150%;
    opacity:0;
    overflow:hidden;
    min-width: 200px;
    -webkit-transition: 0.5s opacity 2s ease;
    -moz-transition: 0.5s opacity 2s ease;
    -o-transition: 0.5s opacity 2s ease;
    transition: 0.5s opacity 2s ease;
}
#main-menu-desktop .item-container .item:hover .item-container , #main-menu-desktop .item-container .item:hover .item-container:after {
    display:block;
    opacity:1;
    overflow:visible;
    /*display:block;*/
    background-color:#E9E9E9;
}

#main-menu-desktop .item-container .item .item-container:after{
content: "";
width: 15px;
height: 15px;
display: block;
background: #fff;
position: absolute;
top: -4px;
left: 44px;
z-index: -1;
overflow:hidden;
opacity:0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#main-menu-desktop .menu-link:hover:not(:only-child)+ul,#main-menu-desktop .menu-link:not(:only-child)+ul:hover{display:block;margin-left: 0;}

#main-menu-desktop .item-container .item-container .item :hover{display:block}

#main-menu-desktop .item-container .item-container .item {
    display: block;
    width: 100%;
    border: none;
    text-align: left;
    padding: 0;
    left:4px;
    height:auto;
}

.foot .phone-link{color:#000000;font-size: 15px;}

.sitemap .title{font-weight: bold;}

.component.languages.dropdown_view{color:#E9E9E9;text-transform: uppercase;position: absolute;left: 10px;top:50%;margin-top:-9px;cursor: pointer;text-align: left;z-index: 210}
.component.languages.dropdown_view .available-languages{box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);position: relative;left: -20px;margin-top: 0;padding:0;}
.component.languages.dropdown_view .available-languages .item{padding-left: 17px;}
.component.languages.dropdown_view .active .flag,
.component.languages.dropdown_view .available-languages .flag{color:#E9E9E9;text-decoration: none;padding-right: 13px;}
.component.languages.dropdown_view .active .flag:after{content:"";background: url(../img/lang-down_generated_primary.png);width: 9px;height: 5px}

.component.languages.default_view.with_icons {
    text-align: center;
	position: absolute;
	right: 10px;
}
.languages ul li a {
    opacity: 0.4;
    transition: opacity 0.2s;
}
.languages ul li a:hover{
    opacity: 0.6;
}
.languages ul li.active a {
    opacity: 1;
}

.component.logo{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    position:relative;
    width:25%;
    float:left;
    }

.sitemappage-menu ul li{list-style: none;}

.component.logo.default_view.logomobile {display: none;}

.header-buttons .component.cart.basket_button_view {display: none;}

.component.map .phone-link{font-size: 13px;}

@media screen and (min-width: 768px) {
    .component.logo {
    float: none;
    margin: 0 auto;
}
}

.logo_image {max-height: 100px !important;vertical-align: middle;}
/
/* Resa Bar */

.reservation_bar{border-bottom: 1px solid #00103F;border-top: 1px solid #00103F;background:white;}
.is-sticky .reservation_bar{z-index: 200;}
.reservation_bar .reservation-content{width: 960px;min-height: 50px;margin: 0 auto;padding: 0 0 0 10px}
.reservation_bar .reservation-content .item-container{padding: 0; list-style: none}
.reservation_bar .reservation-content .item-container > .item{padding: 0;}
.component.booking.default_view:before{display: none}
.resa-contact .component.booking .booking-button{
    border-radius: 0px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    border: 1px solid white;
    text-transform: uppercase;
    }

.component.booking.phone_view{color:#00103F;line-height: 50px}
.component.booking.phone_view .label{display: inline;margin-right: 7px}
.component.booking.phone_view a{color:inherit;text-decoration: none}
.component.booking.phone_view a:hover{color:inherit;background: rgba(0,0,0,0.2)}

.component.cart.basket_button_view a{background: url(../img/cart_generated_primary.png) no-repeat white;height: 50px;width: 50px;display: block;overflow: hidden;text-indent: -5000px; background-size:50px;float: right;
}

/**reservation contact bar button**/
.resa-contact .component.booking.default_view,
.resa-contact .component.contact_page.contact_link_view{
    margin: 0;
    width:100%;
    position : relative;
    text-align: center;
}
.resa-contact .contact-link {
    display : inline-block;
    text-decoration: none;
    padding : 0px 28px;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    border: 1px solid white;
    text-transform: uppercase;
}

.schedules-block{color:#000000;}

.contact-page .schedules-block{color:#000000;}

.brochures-content{color:#000000;}

.brochure.pdf.link{color:#000000;}

@media screen and (max-width: 480px) {
    .reservation_free_text{
        padding: 0 15px;
        text-align: center
    }
    .component.booking.default_view,
    .reservation_bar .reservation-content .component.contact_page.contact_link_view {float: none}


    .reservation_bar .reservation-content .component.contact_page.contact_link_view .contact-link{
        width: 100%;
        text-align: center
    }
    .component.booking.phone_view{text-align:center;}
}

/*home */

.component.site_title.default_view {
    position: absolute;
    opacity: 0;
    z-index: -100000000000000;
}

.component.vertical_layout.default_view.slid {
    position: relative;
    background:#E9E9E9;
}

/*slider*/

.component.slider.with_site_title_view > .item-container > .item .content .site-title,
.component.slider.with_site_title_view > .item-container > .item .content .title,
.component.slider.with_site_title_view > .item-container > .item .content .text {
    color: #00103F;
}

@media screen and (min-width: 768px) {
    .component.slider.with_site_title_view > .item-container > .item .content .site-title{
        font-size: 32px;
    }
}

.component.slider.with_site_title_view > .item-container > .item .content .site-title,
.component.slider.with_site_title_view > .item-container > .item .content .title,
.component.slider.with_site_title_view > .item-container > .item .content .text {
    color:#00103F;
}

 .component.slider.with_site_title_view > .item-container > .item .content .site-title{
        font-size: 32px;
    }

.component.slider.with_site_title_view  .site-title{font-size:3.2rem}

.component.slider.with_site_title_view  .title{font-size:2.8rem}

.component.slider.with_site_title_view  .text{font-size:1.5rem}

.component.slider.with_site_title_view > .item-container > .item .content {
    width: 100%;
    position:relative;
    display:block;
    height: auto;
    left:0;
    max-height: none;
    padding: 20px;
    float:left;
    bottom:0;
    background-color:#E9E9E9;
    opacity: 1 !important;
}

.component.slider .visual {
    margin-top: 130px;
    background-attachment:fixed;
}

.visual-item {visibility: hidden;}

.component.slider > .item-container > .item .content{
    position :relative;
    text-align: center;
    right:0;
    width:100%;
}

.component.slider > .item-container > .item{z-index: 0 !important;}
/*baseline*/

/*nav with buttons*/
.component.slider .slider-buttons{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 775px;
}
.component.slider .slider-buttons .slider-button{
    opacity: 1;
    background:none;
    width:18px;
    height:18px;
    border-radius:50px;
    border: 1px solid white;
    webkit-transition: all 800ms ease-out;
    -moz-transition: all 800ms ease-out;
    -o-transition: all 800ms ease-out;
    transition: all 800ms ease-out;
    border: 2px solid white;
    background:none;
}
.component.slider .slider-buttons .slider-button.active{background:none;}

.component.slider .slider-buttons .slider-button:after{
    content: "";
    background: white;
    border-radius: 50px;
    width: 16px;
    height: 16px;
    position: absolute;
    margin: -1px -8px;
    -webkit-transition: all 800ms ease-out;
    -moz-transition: all 800ms ease-out;
    -o-transition: all 800ms ease-out;
    transition: all 800ms ease-out;
    z-index:-1;
}
.component.slider .slider-buttons .slider-button.active:after{
    content: "";
    background: white;
    border-radius: 50px;
    width: 16px;
    height: 16px;
    position: absolute;
    margin: -1px -8px;
    transform: scale(0);
    z-index:-1;
}
.component.slider .slider-buttons .slider-button:hover{background: none;}

.component.slider > .item-container > .item .content {
background: none;
position: relative;
width: 100%;
margin: 0px auto;
padding:5%;
}

.component.slider{background-color:#E9E9E9;}

/*arrow*/

/*mobile version*/
@media screen and (max-width: 480px) {
    .component.slider .visual{
        height:154px;
        max-height: 154px;
        background-attachment: scroll;
    }
    .component.slider .slider-buttons{
        top: 380px !important;
        position: absolute;
    }
    .component.slider.with_site_title_view > .item-container > .item .content .site-title {
        color:white;
    }
    .component.slider > .item-container > .item .content .title{
        line-height: 1.1em
    }
}

.home-page #page > footer:before{display: none}
.home-page #page > footer:after{display: none}

.first-home-blocks > .item-container > .item:not(.item-first) {margin-top: 20px;}

.home-page .component.catalog.short_view {text-align: center}
.home-page .component.catalog.short_view .description{text-align: left}
.home-page .component.catalog.short_view .link-button{display: inline-block;text-decoration: none;margin: 0 auto;padding:15px 25px}

.home-page .component.catalog_carousel.main-slider{padding-top: 25px}

.home-page .component.catalog_highlights .title{padding-top:55px}
.home-page .component.catalog_highlights .highlights-content{width: 210px;height: 330px;margin: auto}
.home-page .component.catalog_highlights .highlights-content .internal_component.catalog_product.short_view{height: 330px}
.home-page .component.catalog_highlights.default_view .product-slider .arrow.next{right:-60px}
.home-page .component.catalog_highlights.default_view .product-slider .arrow.prev{left:-60px}

.home-page .component.point_of_sale.more_info_link_view{text-align: center;padding-bottom: 30px}

.home-page .multimedia-block .with-h1-like .title {margin-bottom: 15px;}
.home-page .multimedia-block .gallery-block{margin-top:-50px;}
.home-page .component.photos.first_photo_view .photo .img{
    width: 350px;
    border-radius: 1000px;
    height: 350px;
    webkit-box-shadow: 0 0 0 10px #f1f1f1;
    -moz-box-shadow: 0 0 0 10px #f1f1f1;
    box-shadow: 0 0 0 10px #f1f1f1;
}

.home-page .page-size { padding:0px 0px}

.home-page .map_separator{border-top : 1px solid #E9E9E9;}

.home-page .point-of-sale-map-block .item-container{padding-left : 0px;}

.news-display{display:block;clear: right;}

.clear{clear:both;}

.email-link.link {word-wrap: break-word;}

.component.practical_info.default_view .practical-info-point-of-sale-elements, .component.practical_info.default_view .practical-info-point-of-sale-link{padding-top: 2%;}

#section-infos .email-link.link{color:#000000;vertical-align: middle;}

.component.practical_info.default_view .practical-info-point-of-sale-link {background: none;display: none;}

.home-page main .component.vertical_layout.default_view.gallery-block{background:none;}

main .component.vertical_layout.default_view.white {background: white;}

main .component.vertical_layout.default_view.color {background: #E9E9E9;}

main .component.vertical_layout.default_view.color .title, main .component.vertical_layout.default_view.color .short-text{color:#000000;}

main .item-container.slots-1.break_at_tablet {padding: 0 10% 0 0;}

main .line2 .item-container.slots-1.break_at_tablet {padding: 0 ;}

main .multimedia-block .item-container.slots-1.break_at_tablet{padding:0}

.component.layout.default_view.resa-cont-slider {
    position: absolute;
    z-index: 100;
    top: 520px;
    width: 100%;
    margin: 0 auto;
}
.component.horizontal_layout.default_view.line2 {padding: 50px 0 0;}

.component.booking.default_view {padding: 0;}

/* Animate */
.presanimate, .photoanimate, .practanimate,.contanimate,.bookanimate, .newsanimate,.activanimate, .badganimate1, .badganimate2, .badganimate3, .badganimate{visibility:hidden;}

/* presentation */

.presentation{
display: table;
width:100%;
height:100%;
}

.presentation .block-text{
    display: table-cell;
    width:50%;
    padding-left:5%;
    vertical-align: middle;
}

.presentation .block-images{
    vertical-align: middle;
    display: table-cell;
    width:50%;
    position: relative;
    background-color: #00103F;
}

.presentation .block-image{
    display: inline-block;
   width: 650px;
    position: relative;
    margin-top:10%;
    margin-left: 15%;
    margin-bottom: 10%;
}
.presentation .block-text .title::after{
    content:"";
    position:relative;
    width:20%;
    height:3px;
    background-color: #00103F;
    top:-6px;
    left:5%;
    display: inline-block;
}

.presentation .block-text .short-text{width:100%;}

.presentation .block-text .richtext{font-size: 17px;}

.presentation .content{width:85%;}

.presentation-page .presentation .content{width:100%;}


.presentation .more-info{
float:right;
background: white;
background:'Uncustomized color';
border:2px solid #00103F;
color:#000000;
line-height:40px;
padding-top:5px;
padding-bottom: 5px;
height: auto;
}

.presentation .more-info:hover{
background:#00103F;
border:2px solid 'Uncustomized color';
color:#FFFFFF;
}

.presentation .block-image::before{
    position: absolute;
    display: block;
    width:90%;
    content:"";
    border-top:2px solid white;
    border-bottom:2px solid white;
    top:50px;
    bottom: 50px;
    left:30px;
    -webkit-transform: scale(0,1);
    transform: scale(0, 1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

.presentation .block-image::before, .presentation .block-image::after{
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

.presentation .block-image::after{
    position: absolute;
    display: block;
    width:80%;
    content:"";
    border-left:2px solid white;
    border-right:2px solid white;
    top:20px;
    bottom: 20px;
    left:60px;
    right: 60px;
}

.presentation:hover.presentation .block-image::before, .presentation:hover.presentation .block-image::after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

/* activite 1*/

.activity-1{
        position:relative;
        display: table;
        width:100%;
        background-color: #E9E9E9;
        height: 100%;
}

.activity-1 .block-text{
    width:50%;
    display: table-cell;
    color:#000000;
    padding-top:15%;
    padding-bottom: 1%;
}

.activity-1 .block-text .more-info{
    float:right;
    background:#E9E9E9;
border:2px solid #000000;
color:#000000;
line-height:40px;
padding-top:5px;
padding-bottom: 5px;
height: auto;
}

.activity-1 .more-info:hover{
background:#00103F;
border:2px solid 'Uncustomized color';
color:#FFFFFF;

}

.activity-1 .block-text .short-text{width:100%;}

.activity-1 .block-text .richtext{font-size: 17px;}

.activity-1 .content{width:70%;}

.activity-1 .block-images{
    display: table-cell;
    width:50%;
    position: relative;
    float:left;
}

.activity-1 .block-image{
    display:block;
   width: 650px;
    position: relative;
    margin-top:10%;
    margin-left: 15%;
    margin-bottom: 10%;
}

.activity-1 > .clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}

.activity-1 .block-text .title::after{
    content:"";
    position:relative;
    width:20%;
    height:3px;
    background-color: #000000;
    top:-6px;
    left:5%;
    display: inline-block;
}

.activity-1 .block-text .title{color:#000000;}

.activity-1 .block-image::before{
    position: absolute;
    display: block;
    width:90%;
    content:"";
    border-top:2px solid white;
    border-bottom:2px solid white;
    top:50px;
    bottom: 50px;
    left:30px;
    -webkit-transform: scale(0,1);
    transform: scale(0, 1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;

}

.activity-1 .block-image::before, .activity-1 .block-image::after{
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

.activity-1 .block-image::after{
    position: absolute;
    display: block;
    width:80%;
    content:"";
    border-left:2px solid white;
    border-right:2px solid white;
    top:20px;
    bottom: 20px;
    left:60px;
    right: 60px;
}

.activity-1:hover.activity-1 .block-image::before, .activity-1:hover.activity-1 .block-image::after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

/*activite 2*/

.activity-2{
    display: table;
    width: 100%;
}

.activity-2 .block-text{
    display: table-cell;
    width:50%;
    padding-left:5%;
    vertical-align: middle;
}

.activity-2 .block-images{
    display: table-cell;
    width:50%;
    background-color: #00103F;
    vertical-align: middle;
}
.activity-2 .block-text .title::after{
    content:"";
    position:relative;
    width:20%;
    height:3px;
    background-color: #00103F;
    top:-6px;
    left:5%;
    display: inline-block;
}

.activity-2 .block-text .short-text{width:100%;}

.activity-2 .block-text .richtext{font-size: 17px;}

.activity-2 .content{width:85%;}

.activity-2 .more-info{
float:right;
background-color: white;
background:'Uncustomized color';
border:2px solid #00103F;
color:#000000;
line-height:40px;
padding-top:5px;
padding-bottom: 5px;
height: auto;
}

.activity-2 .more-info:hover{
background:#00103F;
border:2px solid 'Uncustomized color';
color:#FFFFFF;
}

.activity-2 .block-image{
    display: inline-block;
   width: 650px;
    position: relative;
    margin-top:10%;
    margin-left: 15%;
    margin-bottom: 10%;
}

.activity-2 .block-image::before{
    position: absolute;
    display: block;
    width:90%;
    content:"";
    border-top:2px solid white;
    border-bottom:2px solid white;
    top:50px;
    bottom: 50px;
    left:30px;
    -webkit-transform: scale(0,1);
    transform: scale(0, 1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

.activity-2 .block-image::before, .activity-2 .block-image::after{
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

.activity-2 .block-image::after{
    position: absolute;
    display: block;
    width:80%;
    content:"";
    border-left:2px solid white;
    border-right:2px solid white;
    top:20px;
    bottom: 20px;
    left:60px;
    right: 60px;
}

.activity-2:hover.activity-2 .block-image::before, .activity-2:hover.activity-2 .block-image::after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

/* activity 3 */

.activity-3{
        position:relative;
        display: table;
        width:100%;
        background-color: #E9E9E9;
        height: 100%;
}

.activity-3 .block-text{
    width:50%;
    display: table-cell;
    color:#000000;
    padding-top:15%;
}

.activity-3 .block-text .more-info{
    float:right;
    background:#E9E9E9;
border:2px solid #000000;
color:#000000;
line-height:40px;
padding-top:5px;
padding-bottom: 5px;
height: auto;
}


.activity-3 .more-info:hover{
background:#00103F;
border:2px solid 'Uncustomized color';
color:#FFFFFF;
}

.activity-3 .block-text .short-text{width:100%;}

.activity-3 .block-text .richtext{font-size: 17px;}

.activity-3 .content{width:70%;}

.activity-3 .block-images{
    display: table-cell;
    width:50%;
    position: relative;
    float:left;
}

.activity-3 .block-image{
    display:block;
   width: 650px;
    position: relative;
    margin-top:10%;
    margin-left: 15%;
    margin-bottom: 10%;
}

.activity-3 > .clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}

.activity-3 .block-text .title::after{
    content:"";
    position:relative;
    width:20%;
    height:3px;
    background-color: #000000;
    top:-6px;
    left:5%;
    display: inline-block;
}

.activity-3 .block-text .title{color:#000000;}

.activity-3 .block-image::before{
    position: absolute;
    display: block;
    width:90%;
    content:"";
    border-top:2px solid white;
    border-bottom:2px solid white;
    top:50px;
    bottom: 50px;
    left:30px;
    -webkit-transform: scale(0,1);
    transform: scale(0, 1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

.activity-3 .block-image::before, .activity-3 .block-image::after{
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

.activity-3 .block-image::after{
    position: absolute;
    display: block;
    width:80%;
    content:"";
    border-left:2px solid white;
    border-right:2px solid white;
    top:20px;
    bottom: 20px;
    left:60px;
    right: 60px;
}

.activity-3:hover.activity-3 .block-image::before, .activity-3:hover.activity-3 .block-image::after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

/* badge */

.section-badges:hover.component.content_badges .title::before,.section-badges:hover.component.content_badges .title::after{
-webkit-animation: anim 0.6s 250ms ease-out forwards;
  animation: anim 0.6s 250ms ease-out forwards;
}

@-webkit-keyframes anim{
    0% {width: 10%;}
    50% {width: 20%;}
    100% {width: 10%;}
}

@keyframes anim{
     0% {width:10%;}
    50% {width: 20%;}
    100% {width: 10%;}
}

.content-badge-item:hover.content-badge-item .content-badge-img,
.content-badge-item:focus.content-badge-item .content-badge-img,
.content-badge-item:hover.content-badge-item .svg-icon,
.content-badge-item:focus.content-badge-item .svg-icon {
    transform: scale(1.2);
    box-shadow: 0 0 65px #00103F inset, 0 0 20px #00103F inset, 0 0 15px #00103F;
}

.component.content_badges .title::before{
    content: "";
    position: relative;
    width:10%;
    height:3px;
    background-color: #00103F;
    top:-6px;
    right:10px;
    display: inline-block;
}

.component.content_badges .title::after{
    content: "";
    position: relative;
    width:10%;
    height:3px;
    background-color: #00103F;
    top:-6px;
    left:10px;
    display: inline-block;
}

.component.content_badges .content-badge-label {
    margin-top: 20px;
    display: inline-block;
    border-bottom: 2px solid #00103F;
    font-size: 17px;
}
.richtext.content-badges-text {
    margin-bottom: 30px;
    font-size: 15px;
    margin-left:15px;
    margin-right: 15px;
}
.component.content_badges.default_view {
    margin-top: 1%;
    margin-bottom: 1%;
}
.component.content_badges .icomoon{width: 130px; height: 130px;margin: 0 auto;padding-top: 25px;}
.component.content_badges .content-badge-image-placeholder { height: 130px;}
.component.content_badges .content-badge-img {
    display: block;
    height: 150px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.home-page .component.content_badges {padding: 0px 100px;/*background: #F6F6F6;*/}
.component.content_badges .title{text-align:center;/*font-family: 'Oswald', cursive;*/}
.component.content_badges .content-badge-item {
    display: block;
    padding: 0;
    float: left;
}
.component.content_badges .item-container.slots-3 .item {width: 33%;}

/*****display 2 badges*****/
 .component.content_badges.default_view  .item-container.slots-2   .item-first .content-badge {
    width: 50%;
    float: right;
 }
 .component.content_badges.default_view  .item-container.slots-2  .item-last .content-badge {
    width: 50%;
    float: left;
 }

/*referential-module */

.referential-module{padding:20px 0}
.referential-module .referential-module-title{margin-bottom:0}

/*localina popin*/

#localina-modal-overlay{opacity: 0.8!important;z-index: 9999!important}

/*popins*/

.component.popin {background: rgba(0, 0, 0, 0.8);}
.component.popin .title{text-align: left}
.component.popin .subtitle{margin-bottom: 0;text-align: left}
.component.popin .field .captcha-label{border: 0}

/*photos*/

.home-page .multimedia-block .component.vertical_layout.default_view {padding: 0px;}

.component.photos.gallery_short_view .gallery-photos .photo {margin: 0;}

.component.photos.gallery_short_view .gallery-photos .item {
    width: 25%;
    display: inline-block;
    margin-right: 2%;
    float: none;
}

.photos-title.title {
    padding: 20px 0;
    margin-bottom: 0;
}
main  .component.photos{text-align:center;}

.component.photos .gallery-photos {
margin-left: 0px !important;
width: 100%;
text-align: center;
}

.component.photos.gallery_light_view .photos-title { margin-bottom: 60px; }

.component.photos.gallery_short_view .gallery-photos .photo .image .img{
    width:100%;
    border-radius:100%;
 filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
        -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
        }

.component.photos.gallery_short_view .gallery-photos .photo .image .img:hover{
        filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}

/* Mobile version */
@media screen and (max-width: 480px) {
    .component.photos.slideshow_light_view .previous {
        left: 0;
    }

    .component.photos.slideshow_light_view .next,
    .component.photos.slideshow_light_view .close {
        right: 0;
    }
}

.home-page-content{
    background: #f7f8fa;
    padding: 20px 0 0;
}

.gallery-block .item-first{padding:0px 0}


/* section Infos News */

.section-infos-news{
position: relative;
width: 100%;
margin-bottom: 50px;
display: block;
top:0px;
}

.section-infos-news .item-container.slots-2 .item-1{display: table-cell;width: 50%;vertical-align: middle;}

.section-infos-news .item-container.slots-2 .item-2{display: table-cell;width: 50%;vertical-align: middle;}

#section-news{vertical-align:middle;}

#section-news .news-images .item-container{
    width:100%;
    text-align: center;
}

#section-news .news-images ul .item-container item{
    width:100%;
    text-align: center;
}

#section-infos{text-align: center;}

#section-infos .component.contact.phone_view .phone::before {color:#000000;}

#section-infos .practical-info-point-of-sale-elements .component.address.default_view:before,
#section-infos .practical-info-point-of-sale-elements .component.address.long_view:before,
#section-infos .practical-info-point-of-sale-elements .component.address.short_view:before,
#section-infos .practical-info-point-of-sale-elements .component.address.short_with_label_view:before{color:#000000;}


#section-infos .practical-info-point-of-sale-elements .component.contact.phone_view .phone::before,
#section-infos .practical-info-point-of-sale-elements .component.contact.fax_view .fax::before,
#section-infos .practical-info-point-of-sale-elements .component.contact.mobile_view .mobile::before,
#section-infos .practical-info-point-of-sale-elements .component.contact.email_view .email::before,
#section-infos .practical-info-point-of-sale-elements .component.contact.email_label_view .email::before,
#section-infos .practical-info-point-of-sale-elements .component.contact.url_view .url::before{color:#000000;}

#section-infos .phone-link{color: #000000;}

#section-infos .practical_info_contents .item-container .block-item.item{
    display: inline-block;
    width: 50%;
    margin-top:15px;
    border:1px solid #00103F;
    position: relative;
}

.component.contact.label_view .label, .component.contact.phone_view .phone, .component.contact.fax_view .fax, .component.contact.mobile_view .mobile, .component.contact.email_view .email, .component.contact.email_label_view .email, .component.contact.url_view .url{
padding: 0px !important;

}

.component.contact.phone_view .phone::before, .component.contact.fax_view .fax::before, .component.contact.mobile_view .mobile::before, .component.contact.email_view .email::before, .component.contact.email_label_view .email::before, .component.contact.url_view .url::before{
    display: inline-block;
    position: relative;
    top:0px;
    left:0px;
    margin-right: 10px;
}

#section-infos .mobile-link.link{display: inline-block;font-size:19px;color:#000000;}

.component.address.default_view::before, .component.address.long_view::before, .component.address.short_view::before{
 vertical-align: top;
display: inline-block;
color: #000000;
position: relative;
    }

.practical-info-point-of-sale-elements .component.contact.fax_view .fax{font-size:19px;}

#section-infos .practical-info-point-of-sale-elements .address{display: inline-block;}
#section-infos .practical-info-point-of-sale-elements .component.schedule.practical_information_view {
    padding: 0 0 0 38px;
}

.practical_info_contents{text-align: center;}

#section-infos{
    text-align: center;
    padding: 50px;
    position: relative;
}

#section-infos .title::before{
    content: "";
position: relative;
top:-6px;
right:10px;
width: 15%;
height: 3px;
background-color: #00103F;
display: inline-block;
    }

#section-infos .title::after{
    content: "";
position: relative;
top:-6px;
left:10px;
width: 15%;
height: 3px;
background-color: #00103F;
display: inline-block;
    }

/* section news */

#section-news{
background-color: #E9E9E9;
display: table;
margin-right:25px;
position: relative;
}

#section-news .news-images{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.news-text{
    display: table-cell;
    width: 50%;
    vertical-align: middle;

}
#section-news .title{
    text-align: center;
     color:#000000;
}

#section-news .news-content{
    color:#000000;
    padding: 10px;
}

.news-text .title::before{
content: "";
position: relative;
top:-6px;
right:10px;
width: 15%;
height: 3px;
background-color: #FFFFFF;
display: inline-block;
    }

.news-text .title::after{
 content: "";
position: relative;
top:-6px;
left:10px;
width: 15%;
height: 3px;
background-color: #FFFFFF;
display: inline-block;
    }

#section-infos:hover#section-infos .title::before, #section-infos:hover#section-infos .title::after{
  -webkit-animation: anim-infos-title 0.6s 250ms ease-out forwards;
  animation: anim-infos-title 0.6s 250ms ease-out forwards;
}

@-webkit-keyframes anim-infos-title{
    0% {width: 10%;}
    50% {width: 25%;}
    100% {width: 10%;}
}

@keyframes anim-infos-title{
     0% {width:10%;}
    50% {width: 25%;}
    100% {width: 15%;}
}

#section-news::before{
    position: absolute;
    width: 100px;
    height: 100px;
    border-top:2px solid #00103F;
    border-left: 2px solid #00103F;
    display: block;
    content: "";
    top:-20px;
    left:-20px;
}

.news-content .text{text-align: justify;}

@-webkit-keyframes anim-news-corner_left{
    0% { top: -20px; left:-20px; }

    100% { top: -40px; left:-50px; }
}

@keyframes anim-news-corner_left{
      0% { top: -20px; left:-20px; }

    100% { top: -40px; left:-50px; }
}

#section-news:hover#section-news::before{
  -webkit-animation: anim-news-corner_left 0.8s 250ms ease-out forwards;
  animation: anim-news-corner_left 0.8s 250ms ease-out forwards;
}

/*360 & video*/

/* players on the home page */
.threesixty-block .component.threesixties.current_player_view,
.video-block .component.videos.current_player_view {
    margin: 0;
}

#section-videos{
    position: relative;
    padding: 50px;
    margin-bottom: 0px;
}


#section-videos .current_video{position: relative;}

#section-videos .current_video:before{
    content: "";
    display: inline-block;
    width: 100px;
    height: 100px;
    border-top: 2px solid #00103F;
    border-left: 2px solid #00103F;
    top:-20px;
    left:-20px;
    position: absolute;
}

#section-videos .current_video:after{
    content: "";
    display: inline-block;
    width: 100px;
    height: 100px;
    border-bottom: 2px solid #00103F;
    border-right: 2px solid #00103F;
    bottom: -20px;
    right:-20px;
    position: absolute;
}

@-webkit-keyframes anim-video-corner{
    0% { top: -20px; left:-20px; }
    50% { top: -40px; left:-50px; }
    100% { top: -20px; left:-20px; }
}

@keyframes anim-video-corner{
      0% { top: -20px; left:-20px; }
    50% { top: -40px; left:-50px; }
    100% { top: -20px; left:-20px; }
}

#section-videos.hover .current_video:before{
  -webkit-animation: anim-video-corner 0.8s 250ms infinite forwards;
  animation: anim-video-corner 0.8s 250ms infinite forwards;
}

.threesixty-block .component.threesixties .threesixty_player { height: 450px;}
/* fixed height mode in desktop only */
@media screen and (min-width: 769px) {
    .video-block .component.videos .video_player_wrapper {
        padding: 0;  /* disable height ratio */
        height: 300px;  /* fixed height instead */
    }
}

/* 360/video pages */
@media screen and (min-width: 769px) {
    .threesixty-page-content,
    .video-page-content{
        padding: 0 10px 20px;
    }
}

.component.threesixties.current_title_view,
.component.threesixties.current_description_view,
.component.videos.current_title_view,
.component.videos.current_description_view {margin-top: 20px;}

.component.threesixties.current_title_view,
.component.videos.current_title_view {text-align: center;}

.component.threesixties.current_description_view,
.component.videos.current_description_view {text-align: justify;}

.component.threesixties.current_title_view .title,
.component.videos.current_title_view .title {padding-top: 0;}

.component.threesixties.current_player_view,
.component.videos.current_player_view {margin-bottom: 50px;}

.component.videos .video_player_wrapper {padding-bottom: 56.25%; /* 16:9 ratio */}

.component.threesixties .threesixties_items,
.component.videos .videos_items {margin-top: 50px;}

.component.threesixties .threesixties_items .item,
.component.videos .videos_items .item {width: calc(100% / 3);}

@media screen and (max-width: 1600px) {

.presentation .block-text{padding-left:1%;}

.presentation .content{width:95%;}

.presentation .block-image{
    width:80%;
    margin-left:10%;
}

.activity-1 .block-image{
    width:80%;
    margin-left: 10%;
}

.activity-1 .content{width: 95%;}

.activity-2 .block-image{
    width:80%;
    margin-left: 10%;
}

.activity-2 .content{width: 95%;}

.activity-3 .block-image{
    width:80%;
    margin-left: 10%;
}

.activity-3 .content{width: 95%;}

#section-infos#section-infos:hover .title::before, #section-infos#section-infos:hover .title::after {animation:none;}

.foot{ padding:15px 0 0 0 !important;}

.col1{padding: 0px !important;}
}

@media screen and (max-width: 768px) {
    .component.threesixties.current_title_view,
    .component.threesixties.current_description_view,
    .component.videos.current_title_view,
    .component.videos.current_description_view {padding: 0 30px;}

    .component.threesixties .threesixties_items .item,
    .component.videos .videos_items .item {width: calc(100% / 2);}
}

@media screen and (max-width: 480px) {
    .component.threesixties.current_title_view,
    .component.threesixties.current_description_view,
    .component.videos.current_title_view,
    .component.videos.current_description_view {padding: 0;}
    .component.threesixties .threesixties_items .item,
    .component.videos .videos_items .item {width: 100%;}
}

.component.address.default_view, .component.address.long_view, .component.address.short_view{position: relative;padding:0px;}

/*contact*/

.foot .component.contact.email_view .email::before{display: none;}

.col2.schedules-block.column-width.with-h2-like .item-container{}

.col1 .schedule {color:#000000;}

.component.point_of_sale .item-container{list-style: none;}
.component.point_of_sale .selector {width: 50%}
.component.point_of_sale_selector{text-align: center;padding-bottom: 35px}
.component.point_of_sale_selector p{margin-bottom: 15px}

.component.address.default_view,
.component.address.long_view{padding:0; margin-bottom: 0;text-align: center;}
footer .component.address.default_view,
footer .component.address.long_view{float:none;width:auto;}
.component.address.default_view::before,
.component.address.long_view::before{display: none}

.address-block{width:100%;overflow:hidden;}
.address-block .col1{width:47%;display: inline-block;vertical-align: top}
.address-block .col1 .title{padding-top: 0;text-align: left;margin-bottom: 15px}
.address-block .col2{width:46%;display: inline-block;vertical-align: top;float: right}

.component.contact.list_view .item-container .item{margin-bottom:15px;text-align: center;}
footer .component.contact.list_view .item-container .item{float:none;}
.component.contact.list_view .label{color:#E9E9E9}
.component.contact.list_view .item-container .item-1 .contact-element .label {display: none}
.component.contact.email_view .email{padding: 0}
.component.contact.email_view .email::before{color:#000000;}

.contact-page .address-block {margin-bottom:30px;font-size: 1.4em;}

.contact-page .address-block .link{color: #000000;}

.component.accesses .accesses-with-icons {
    width: 40%;
    margin: 0 auto;
}

.component.accesses .access .type {
    display: inline-block;
    padding-left: 10px;
    width: 80%;
}
.component.accesses .accesses-with-icons .access::before {
    position:relative;
    vertical-align:middle;
    float:left;}

.component.accesses .item{display:inline-block;width:49%;vertical-align:top;text-align:left;float: left;}

.contact_form.default_view .contact_form_send {text-align: center;}

.component.accesses {
    text-align: center;
}

/*********************************/
/*catalog breadcrumb*/
/*********************************/
.breadcrumb-catalog {
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
}
.breadcrumb-catalog ul li{
    display:block;
}
.breadcrumb-catalog ul li a{
    text-decoration:none;
    display: block;
    float: left;
    padding-right: 5px;
    color: #000000;
}
.breadcrumb-catalog ul li a:hover{
    color:#000000;
}
.breadcrumb-catalog ul li a::after {
    margin-left: 5px;
    font: normal normal normal 8px/12px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000000;
    content: "\f054";
}

/*schedule*/

.component.schedule .richtext{padding-left:0px}
.component.schedule .title{padding-top: 0;text-align: center;margin-bottom: 15px}

.component.schedule .opening_hours::before{display: none}
.component.schedule .opening_hours{padding: 0}
.component.schedule li{padding-left: 0}
.component.schedule .opening_hours .appointment {display: block;}
.component.vertical_layout.default_view.col2.schedules-block.column-width.with-h2-like {
    text-align: center;color: #000000;
}

/*footer*/

footer { position:relative}
.home-page footer{background:white;}
 #page > footer{
    border-top: 1px solid #E9E9E9;}

.bottom-footer.page-size {
    padding: 0px;
    background: white;
}
#page > footer .social-buttons{ text-align:center ;background:#E9E9E9;bottom: 0; width: 100%;z-index:1000;}
#page > footer .social-buttons:empty{display: none}
#page > footer .title{text-align: center;padding:0 0 15px 0;margin: 0}

footer .component.logo{text-align:left;opacity:1 !important}

.component.footer-layout{padding:20px 10% 20px 10%;background:#00103F;color:#FFFFFF}
.component.footer-layout a{ color:#FFFFFF;text-decoration:none}
.component.footer-layout a:hover{text-decoration:underline}
.component.footer-layout .item-container .item{margin-bottom: 3px}

.horizontal_layout.social-buttons > .item-container > .item{height:69px;}

.horizontal_layout.social-buttons > .item-container.slots-6 > .item{
    width:16.666666%;
    border-right: 1px solid #00103F;
    background: #E9E9E9;
}
.horizontal_layout.social-buttons > .item-container.slots-5 > .item{
    width:20%;
    border-right: 1px solid #00103F;
    background: #E9E9E9;
}
.horizontal_layout.social-buttons > .item-container.slots-4 > .item{
    width:25%;
    border-right: 1px solid #00103F;
    background: #E9E9E9;
}
.horizontal_layout.social-buttons > .item-container.slots-3 > .item{
    width:33.33333333%;
    border-right: 1px solid #00103F;
    background: #E9E9E9;
}
.horizontal_layout.social-buttons > .item-container.slots-2 > .item{
    width:50%;
    border-right: 1px solid #00103F;
    background: #E9E9E9;
}
.horizontal_layout.social-buttons > .item-container.slots-1 > .item{
    width:100%;
    border-right: 0px solid #00103F;
    background: #E9E9E9;
}
.horizontal_layout.social-buttons > .item-container> .item-last{border:none !important;}

.horizontal_layout.social-buttons > .item-container > .item:hover{background: #00103F;}

.component.social_sharing .badge-button-label
{display: inline-block;overflow: hidden;text-indent: -5000px;margin:20px 10px;
webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;vertical-align: middle;}
.component.social_sharing .fb-badge-button-label{background: url(../img/social-fb.png) no-repeat center top ;width: 29px;height: 29px}
.component.social_sharing .tw-badge-button-label{background: url(../img/social-twitter.png) no-repeat center top ;width: 29px;height: 29px}
.component.social_sharing .in-badge-button-label{background: url(../img/social-linkedin.png) no-repeat center top ;width: 29px;height: 29px}
.component.social_sharing .gp-badge-button-label{background: url(../img/social-google.png) no-repeat center top ;width: 29px;height: 29px}
.component.social_sharing .share-by-email{background: url(../img/social-mail.png) no-repeat center top ;width: 29px;height: 29px;    display: inline-block;margin: 20px 10px;overflow: hidden;text-indent: -5000px;
;webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;vertical-align: middle;}
.component.social_sharing .share-by-sms{background: url(../img/social-sms.png) no-repeat center top ;width: 29px;height: 29px;    display: inline-block;margin: 20px 10px;overflow: hidden;text-indent: -5000px;
webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;vertical-align: middle;}
.component.social_sharing .badge-popin{top:auto;bottom: 40px;border:1px solid #00103F;padding: 10px;width: 386px;left:0px;z-index: 1;}
.component.social_sharing .badge-popin:after, .component.social_sharing .badge-popin:before {top: 100%;left: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none}

.component.social_sharing .fb-badge-popin{top:auto;bottom: 40px;border:1px solid #00103F;padding: 10px;width: 386px;left:0px;z-index: 1;}
.component.social_sharing .fb-badge-popin:after, .component.social_sharing .badge-popin:before {top: 100%;left: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none}

.component.social_sharing .badge-popin:after {border-color: rgba(136, 183, 213, 0);border-top-color: white;border-width: 10px;margin-left: -10px}
.component.social_sharing .badge-popin:before {border-color: rgba(194, 225, 245, 0);border-top-color: #00103F;border-width: 11px;margin-left: -11px}
.component.social_sharing a{border-radius:1px}
.contact-box ul {padding: 0;list-style: none}
.contact-box li {display: block}

#page > footer .with-h3-like .title{padding-bottom:15px;display: inline-block}

.foot {
    padding: 30px 120px;
    display:table;
    width:100%;
    background: #E9E9E9;
}
.foot a {text-decoration:none;}

.foot .title{color:#000000;}

.foot .location-block{color:#000000;}

.foot a:hover{text-decoration:underline;}

.col1 {
    width: 100%;
    padding: 0 40px 0 40px;
    text-align: center;
}
footer .col2 {
    width: 100%;
    border-top: 1px solid #E9E9E9;
    padding: 0 ;
    margin-top:20px;
}

.foot .phone-link{color:#000000;}

.foot .mobile-link{color:#000000;}

.foot .email-link{color:#000000;}

.sitemap a{color:#000000;}

.links a{color:#000000;}

.component.content_badges a.content-badge-wrapper{color: #000000;}

/*mogs*/

.component.mogs.default_view {text-align: center;}

.mogs-items {padding: 15px;}

/*form*/

form{margin: 0 auto}
.field label{display: block}
.field.send-copy label{display: inline-block}
.field .captcha-label{display: inline-block;border-radius:3px;height: 44px;border: 1px solid #cbcbcb;margin-top: 0;float: left;background-color: white;}
.captcha .captcha-image{width: 168px}
.captcha.mandatory{margin-top: 15px;overflow: auto;padding-bottom: 10px}
.captcha .captcha-text{padding-bottom:10px}
.contact_form.default_view .field .captcha-input{display: inline-block;width: calc(100% - 181px);float: right}
.contact_form .mandatory.field label::after, .contact_form .mandatory-message::before,.captcha.mandatory .captcha-text::after{color:#bf051d}
.contact_form.default_view input[type="text"],
.contact_form.default_view select,
select.selector,
.contact_form.default_view textarea{background-color: #ffffff;color: #666666;border: 1px solid #cbcbcb;line-height: 15px;padding:10px;margin:0 0 10px 0;border-radius:3px;height: 44px}
.contact_form.default_view textarea {height: 105px; overflow: auto; resize:none}
.contact_form.default_view input[type="text"],
.contact_form.default_view select,
.contact_form.default_view textarea {display: inline-block; width: 100%}

.component.contact_form_view form{max-width: 380px}

.button.send_button{width: 168px;padding: 11px;}

/*catalog menu*/

.component.catalog_page.sub_menu_view{padding: 20px 0 0;}
.component.catalog_page.sub_menu_view .item-container{list-style: none;color:#999b9e;padding: 0; margin-left: 0px; overflow: hidden;}
.component.catalog_page.sub_menu_view .menu-item-page{float: left}
.component.catalog_page.sub_menu_view .menu-item-page .menu-link-page{display: block; margin: 0 0 20px 20px; border:1px solid #E9E9E9;color:#E9E9E9;width: 170px; height:44px;line-height:44px;overflow: hidden;text-decoration: none;text-align: center}
.component.catalog_page.sub_menu_view .menu-item-page.active .menu-link-page{border:1px solid #00103F;color:#00103F}

/*prolive*/

.prolive {
    position: absolute;
    right: -25px;
    left:0;
    top: 200px;
    z-index: 6;
    width: 600px;
    transition: 1s ease;
    height: auto;
    margin:0 auto;
    display:none;
    color:#000;
}
.prolive .pro-close:before {
    content: "\f00d";
    display: block;
    z-index: 10;
    font-family:FontAwesome;
    font-size:40px;
    text-align:center;
    cursor:pointer;
}
.prolive.close .pro-close:before {
    content: "\f060";
    display: block;
    z-index: 10;
    font-family:FontAwesome;
    font-size:40px;
    text-align:center;
    cursor:pointer;
}

.prolive:before {
    content: "";
    width: 50px;
    position: absolute;
    background: #00103F;
    display: block;
    left: -50px;
    bottom: 50px;
    top: 50px;
    z-index: 10;
    font-family:FontAwesome;
    font-size:40px;
    text-align:center;
    cursor:pointer;
}
.prolive.close {
    width: 0px;
    right:-100%;
    z-index:10000;
    top: 100px;
}
.prolive.close::before {height: 53px;}

.component.pro_live .carousel-container .item {
    width: 500px;
    /*height: 300px;*/
}
.component.pro_live .carousel-container {margin: 0 auto;}

.component.pro_live .carousel {
    margin-left: 0;
    background: white;
}
.component.pro_live.default_view {
    width: 600px;
    padding: 50px;
    background: white;
    margin: 50px auto;
    position:relative;
}
.component.pro_live .carousel-container .item.big {height: auto !important ;}

.component.pro_live .items {padding: 0;}

.component.pro_live .item .name {font-size: 18px;}

.component.pro_live .item {font-size: 14px;}

.pro-close {
    background: none;
    border: none;
    position: absolute;
    top: 45px;
    z-index: 10;
    left: -45px;
    font-size: 40px;
    width: 40px;
    color:#FFFFFF;
}
.prolive .prolive-after {
    position: absolute;
    width: 100%;
    background: white;
    bottom: 50px;
    height: 50px;
}
.prolive .prolive-after:before {
    /*content: "\f103";*/
    font-family: FontAwesome;
    font-size: 40px;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-width:600px;
    line-height: 50px;
}
.prolive .prolive-after.bigg:before {
/*content: "\f102";*/
}
body.bkG::before {
    content: "";
    background: rgba(0,0,0,0.5);
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 6;
}
@media screen and (max-width: 768px) {
    .component.pro_live .carousel-container .item {width:300px;}

    .prolive {
        width: 400px;
        z-index:100;
    }
    .component.pro_live.default_view {width: 400px;}

    .prolive .prolive-after::before {min-width: 400px;}

    @media screen and (max-width: 480px) {
        .component.pro_live .carousel-container .item {width:200px;}

        .prolive {
            width: 250px;
            z-index:100;
        }
        .prolive::before {
            width: 25px;
            left: -25px;
            bottom: 25px;
            top: 25px;
            font-size: 20px;
        }
        .prolive.close::before {height: 30px;}

        .pro-close {
            top: 23px;
            left: -23px;
            font-size: 20px;
            width: 20px;
        }
        .prolive .pro-close::before {
            font-size: 20px;
        }
        .prolive.close .pro-close::before {
            font-size: 20px;
        }
        .component.pro_live.default_view {
            width: 250px;
            padding:25px;
            margin: 25px auto;
        }
        .prolive .prolive-after::before {
            min-width: 250px;
            font-size: 20px;
            line-height: 25px;
        }
        .prolive .prolive-after {
            bottom: 25px;
            height: 25px;
        }
        .component.pro_live .item .name {font-size: 14px;}

        .component.pro_live .item .period {font-size: 12px;}

        .component.pro_live .item {font-size: 12px;}
    }
}


/*spoken languages*/

.styled-lists ul .spoken-languages-item:not(.no-bullet)::before {
    content: '';
}

/*catalog icons*/

.icon_on_nav .nav-element:hover{text-decoration: none}
.icon_on_nav .nav-element:focus{outline:0}
.icon_on_nav .product-slider .nav-element.nav-previous{background: url(../img/slider-left_generated_primary.png);display: inline-block;width: 29px;height: 56px}
.icon_on_nav .product-slider .nav-element.nav-next{background: url(../img/slider-right_generated_primary.png);display: inline-block;width: 29px;height: 56px}

/*catalog products*/

.component.catalog.back_view,
.component.catalog_product.back_view {position:relative;left: 0;bottom: 0px}
.component.catalog_product form{max-width: inherit}

.title-area { position: relative; }

.catalog-controls {display: block;padding-bottom: 5px;display:table;width:100%;margin-bottom:40px}
.catalog-controls .control-item {display:table-cell}
.catalog-controls .control-item .title{color: inherit;display:inline-block;font-size: 15px/* default font-size because not specify by LCH at the moment*/;margin: 0;padding: 11px 9px 11px 0;width: auto;text-transform:none;font-weight: normal;}
.catalog-controls .control-item.component.catalog.sort_view{padding-right: 30px}
.catalog-controls .control-item.component.catalog.filter_view{padding-right: 25px}
.catalog-controls .control-item.component.catalog.display_mode_view{padding-right:0;text-align:right;}
.catalog-controls .control-item .custom-select {vertical-align: middle}

.catalog-controls .control-item .sorting-form,
.catalog-controls .control-item .filter-form {display: inline-block;}

.component.catalog.display_mode_view .buttons-grp{display: inline-block;white-space: nowrap; vertical-align: middle}

.component.catalog.display_mode_view a.display-grid,
.component.catalog.display_mode_view a.display-list {display: inline-block;width: 44px;height: 44px;padding: 0;margin: 0;border: 1px solid #ececec;outline: 0;background-color: #FFF;vertical-align:middle;border-radius: 3px}
.component.catalog.display_mode_view a.display-grid.active,
.component.catalog.display_mode_view a.display-list.active {background-color: #d0d0d0}
.component.catalog.display_mode_view a.display-list {background-image: url(../img/list.png);background-position: center center;background-repeat: no-repeat}
.component.catalog.display_mode_view a.display-grid {background-image: url(../img/grid.png);background-position: center center;background-repeat: no-repeat;margin-right: 9px}

.component.catalog > .description {padding:0px 0 20px}
.component.catalog > .description p {margin: 0}

.component.catalog .products_list  {padding:0;margin:0;list-style-type:none;}
.component.catalog .products_list.grid-view {margin-right:-80px}
.component.catalog .products_list.grid-view .product_item{padding: 0; display:inline-block;margin:0 80px 80px 0;width: 210px;height: 330px;max-height: 330px;overflow: hidden;vertical-align:top}

.component.catalog .products_list.list-view .product_item{display:block;margin:0 0 8px 0;width: 100%;height: 120px;padding: 0}

.component.catalog .products_list.list-view .product_item:last-child{margin-bottom:0px;}

.component.catalog_product.title_view{display:table-cell;width:100%}
.component.catalog_product.title_view .title{margin:0;color:#E9E9E9;font-weight: 100}

.component.catalog.description_view{padding-bottom: 30px}

/*product item view*/
.component.catalog_product.separated_pagination_view {display:table;white-space:nowrap;width: 100%;}
.component.catalog_product.separated_pagination_view .nav-previous{display:table-cell;text-align:left; }
.component.catalog_product.separated_pagination_view .nav-next{display:table-cell;text-align:right; }

/* BEWARE: this view is not for a Socrea component but an internal component */
.internal_component.catalog_product.short_view {border: 1px solid #ececec;cursor: pointer; width:100%;height:100%;background-color: white;text-align: left;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-bottom: 37px; }
.list-view .internal_component.catalog_product.short_view {padding-bottom: 0;}  /* no need to reserve space for the prices anymore */
.internal_component.catalog_product.short_view .product_visual_link {display: inline;}
.internal_component.catalog_product.short_view .product_visual {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 3px; margin: 0;width: 100%}
.list-view .internal_component.catalog_product.short_view .product_visual {margin: 0;padding: 10px;width: auto;height: 100%;max-height: 100%;float: left}

/* The product label should take as much space as possible, with a minimum of 2
 * lines when the space is constrained (i.e. in the catalog_highlights) */
.internal_component.catalog_product.short_view .product-label {margin: 5px 10px 0;line-height: 1.4;padding: 0;overflow:hidden;text-align: center;}
.list-view .internal_component.catalog_product.short_view .product-label {margin: 20px 10px 5px 120px;position: relative; height:calc(100% - 55px);}
.internal_component.catalog_product.short_view .product-label {min-height: 2.8em;color:black;}
@media  screen and (min-width:768px){
    .component.catalog_highlights .internal_component.catalog_product.short_view .product-label {max-height: 2.8em;color:;}
}

.internal_component.catalog_product.short_view .prices {
    position: absolute;
    bottom: 0;
    display: block;
    margin: 10px;
    width: calc(100% - 20px);  /* minus margins */
    height: 1em;  /* 1-line height */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: black;
}

.internal_component.catalog_product.short_view .flag {position: absolute;top:3px;right:3px;height:90px;width:90px;overflow:hidden;}
.internal_component.catalog_product.short_view .flag .flag-label {position: absolute; bottom:0; width:100%; padding:0; color: white; font-weight: bold; font-size: 12px/* default font-size because not specify by LCH at the moment*/; text-transform: uppercase; margin:0;}
.internal_component.catalog_product.short_view .flag .promo,
.internal_component.catalog_product.short_view .percent {background: #f53547;height: 90px;width: 90px;left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.internal_component.catalog_product.short_view .flag .sale {background: #a02b9d; height:90px; width:90px; left: 45px; top: -45px; position: absolute; text-align: center; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);}
.internal_component.catalog_product.short_view .flag .new {background: #691567;height:90px;width:90px; left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.internal_component.catalog_product.short_view .flag .promo-campaign {background: #8AB860;height:90px;width:90px; left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}

.component.product-detail .flag {position: absolute;top:3px;right:3px;height:90px;width:90px;overflow:hidden;}
.component.product-detail .flag .flag-label {position: absolute; bottom:0; width:100%; padding:0; color: white; font-weight: bold; font-size: 12px/* default font-size because not specify by LCH at the moment*/; text-transform: uppercase; margin:0;}
.component.product-detail .flag .promo,
.component.product-detail .percent {background: #f53547;height: 90px;width: 90px;left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.component.product-detail .flag .sale {background: #a02b9d; height:90px; width:90px; left: 45px; top: -45px; position: absolute; text-align: center; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);}
.component.product-detail .flag .new {background: #691567;height:90px;width:90px; left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.component.product-detail .flag .promo-campaign {background: #8AB860;height:90px;width:90px; left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}

/*product detail view*/
.component.product-detail{padding-top:20px;/*max-width: 715px;*/margin: 20px auto 0 auto}
.component.product-detail  h2.title{text-align: left;padding: 0}
.component.product-detail .custom-select{float: right}
.component.product-detail .component.vertical_layout > .item-container > .item { margin-bottom: 20px;}

/* specific design for product detail in T009 */
.component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-1 {width: 45%;}

.component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-2 { width: 55%;}

.horizontal_layout.product-detail > .item-container > .item {padding-right: 0px}
.horizontal_layout.product-detail > .item-container > .item-last {padding-left:8%}

.catalog_highlights .internal_component.catalog_product.short_view {
        float:left;
        width:45%;
        margin:0 10px 10px 0;
    }

/*****/
@media screen and (max-width: 960px) {
.component.catalog .products_list.grid-view .product_item{margin:0 10px 10px 0;width:45%;height:auto;}

.section-infos-news .item-container.slots-2 .item-1{
display: block;
width: 100%;
}

.section-infos-news .item-container.slots-2 .item-2{
    display: block;
    width: 100%;
}

#section-news{
    margin-right:0px;
    display: block;
    margin:0 auto;
    text-align: center;
}

.news-text{
    display: inline-block;
    width: 100%;
}

#section-news .news-images{
    display: inline-block;
    width:50%;
}

.section-infos-news{margin-bottom: 0px;}

#section-news::before{content:"";display: none;}

#section-news#section-news:hover::before{animation:none;}

.presentation{padding-bottom: 1%;}
.activity-1{padding-bottom: 1%;}
.activity-2{padding-bottom: 1%;}
.activity-3{padding-bottom: 1%;}

.presentation .block-text{width:100%;display: block;padding-bottom: 1%;padding-left:5%;}

.presentation .content{width: 100%;}

.presentation .block-images{width:100%;display: block;background-color: 'Uncustomized color';}

.presentation .more-info{float: none;position:relative;}

.activity-1 .block-text{width:100%;display: block;padding-left:5%;padding-bottom: 1%;}

.activity-1 .block-images{width:100%;display: block;}

.activity-1 .content{width: 100%;}

.activity-2 .block-text{width:100%;display: block;padding-left:5%;padding-bottom: 1%;}

.activity-2 .block-images{width:100%;display: block;background-color: 'Uncustomized color';}

.activity-2 .more-info{float: none;position:relative;}

.activity-2 .content{width: 100%;}

.activity-3 .block-text{width:100%;display: block;padding-left:5%;}

.activity-3 .block-images{width:100%;display: block;}

.activity-3 .content{width: 100%;}
}
@media screen and (max-width: 768px) {
    .horizontal_layout.product-detail > .item-container > .item {padding-right: 0px}

    .component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-1 {
    width: 100%;
    }
    .component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-2 {
        width: 100%;
    }
    .component.catalog .products_list.grid-view .product_item{margin:0 30px 30px 0;width:100%;height:auto;}
    .catalog_highlights .internal_component.catalog_product.short_view {
        float:left;
        width:100%;
        margin:0 30px 30px 0;
    }

    header.sticky{height: 130px;}

    .component.photos.gallery_short_view .gallery-photos .item{width:60%;}
}

.horizontal_layout.product-detail .title {margin: 15px 0 10px 0;padding: 0; text-align:left;}
.component.catalog_product.price_view .prices .price-item .title{margin: 0}


.component.catalog_product .product-detail-thumb {max-width: 100%;}
.component.catalog_product .product-detail-thumb .main-image {display:inline-block;max-width: 100%; border: 1px solid #ececec;padding: 3px;margin-bottom: 3%;position:relative;}
.component.catalog_product .product-detail-thumb .product-image {max-width: 100%;}
.component.catalog_product .product-detail-thumb .thumb-box {max-width: calc(100% + 5px);/*display:inline-block;*/margin-left:-5px; overflow:hidden;}

.component.catalog_product .product-detail-thumb .thumb {width: 25%;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 5px}
.thumb-zoom {background-color: #FFF;border-radius: 10px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);padding: 10px;width: 560px;height: 560px;position: absolute;margin-bottom: 5px;max-width: none;max-height: none;z-index: 9999;}

.component.catalog_product.brochure_view .terms{margin-bottom:20px}
.component.catalog_product.brochure_view .terms.uploaded_pdf_box {border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding-top: 20px}

.component.catalog_product.options_view .listing_options .label {padding-right: 9px;margin: 12px 0 0 0;width: auto;display: inline-block;min-width: 120px}
.component.catalog_product.options_view .field {margin-bottom: 15px;}
.component.catalog_product.options_view .field:after {clear:both; display:block; content:"";}

.horizontal_layout.product-share-links-desktop {list-style-type:none;padding:0;font-size:0 /* ??? */}
.horizontal_layout.product-share-links-desktop .item-container > .item {width:auto;margin:0px 0px 0px 0px !important;border-left: 1px solid #00103F;}
.horizontal_layout.product-share-links-desktop .item-container > .item-first{border-left: 0px solid #00103F;}

.horizontal_layout > .item-container.slots-4 > .item.item-3 {
    clear: none !important;
}

.horizontal_layout.product-share-links-desktop li a {display: inline-block;margin:0;height: 29px;width: 29px; text-indent: -9999px;position:relative;text-decoration: none;border-radius:0px}
footer .horizontal_layout.product-share-links-desktop li a {margin:0 10px;}
.horizontal_layout.product-share-links-desktop .fb {background:url("../img/social-fb_generated_primary.png") no-repeat scroll }
.horizontal_layout.product-share-links-desktop .tweet {background:url("../img/social-twitter_generated_primary.png") no-repeat scroll }
.horizontal_layout.product-share-links-desktop .share-by-email {background:url("../img/social-mail_generated_primary.png") no-repeat scroll ;margin:0px}
.horizontal_layout.product-share-links-desktop .print {background: url("../img/social-print_generated_primary.png") no-repeat scroll;}
/*.horizontal_layout.product-share-links-desktop .print:before {color: #666666;content: "";font-family: "icomoon_catalog";font-size: 16px;line-height: 1;margin: 0;position:absolute;left:0;top:0;text-indent:0;height: 29px;width: 29px;text-align: center;vertical-align: middle;line-height: 29px;}
*/
.component.catalog_product.promotion_view .promotion {color: #00103F;font-weight: bold;}
.component.catalog_product.price_view .prices .regular-price {color: #999;text-decoration: line-through; background-color: white;font-weight: normal;}
.component.catalog_product.price_view .prices {border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding: 13px 0;width: 100%}
.component.catalog_product.price_view .prices .price {position: relative;float:right;font-size:3rem;}
.component.catalog_product.price_view .prices .price-item {margin-bottom: 10px}
.component.catalog_product.price_view .price {font-weight: bold;float:right;}

/* A REVOIR */
.component .short.prices {font-size: 17px/* default font-size because not specify by LCH at the moment*/; line-height: 1em;}
.component .short.prices .regular-price {color: #999;text-decoration: line-through; background-color: white;font-weight: normal;}
.component .short.prices .price-item {display: inline;}
.component.catalog .prices.short .price.regular-price {margin-right:10px;}
.list-view .internal_component.catalog_product.short_view .prices.short {left: 108px;}

.component.catalog_product.ecommerce_view .add-to-basket {display: inline-block;padding: 10px;line-height: 22px;color: #000000;width:100%;}

/* pagination */
.component.catalog.pagination_view {border-top: 1px solid #ececec;margin-top: 30px;text-align: center;}
.component.catalog.pagination_view .pagination-elements {position: relative;margin-top: 30px;text-align: center;display: inline-block;padding: 0 1.2em}
.component.catalog.pagination_view .pagination-elements .pagination-items {display: inline-block;margin: 0 auto;padding:0 25px}
.component.catalog.pagination_view .pagination-elements .pagination-items .pagination-item{list-style: none;padding: 0;display: inline-block;vertical-align: middle;margin: 0 .5em;}
.component.catalog.pagination_view .pagination-elements .pagination-btn.prev {position: absolute;top: 3px;left: 0;}
.component.catalog.pagination_view .pagination-elements .pagination-btn.next {position: absolute;top: 3px;right: 0;}
.component.catalog.pagination_view .pagination-elements .pagination-item .number {font-weight: bold;font-size: 12px/* default font-size because not specify by LCH at the moment*/;}
.component.catalog.pagination_view .pagination-elements .pagination-item .number{color: #000000;}
.component.catalog.pagination_view .pagination-elements .pagination-item .number.active {font-size: 16px/* default font-size because not specify by LCH at the moment*/;color: #cccccc;}

/* terms of sales block */
.component.catalog_terms_of_sale.terms_pdf_view, .component.catalog_terms_of_sale.brochure_pdf_view{text-align: center}
.component.catalog_terms_of_sale.title_view .title {word-wrap: break-word;text-align: center;margin: 0 0 25px 0; padding-top:20px}
.component.catalog_terms_of_sale.description_view .description{padding: 10px 0 30px 0}
.component.catalog_terms_of_sale .brochure.pdf {margin-bottom: 15px;}

/*dropdown*/

.custom-select,
.custom-select ul {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 165px;background: #fff;border: 1px solid #cbcbcb}
.custom-select {position: relative;display: inline-block;padding: 11px 25px 11px 8px;cursor: pointer;outline: none;border-radius: 3px;height: 44px}
.custom-select ul {position: absolute;top: 100%;left: -1px;list-style: none;border-top: 0;margin: 0;padding: 0 8px 11px 8px;z-index: 999;overflow: auto;}
.custom-select .sorting-title {font-size: 14px/* default font-size because not specify by LCH at the moment*/;font-weight: normal;margin: 0;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 100%;color:#666666}
.custom-select .sorting-title:after {background:url(../img/dropdown.png);width: 16px;height: 8px;content: "";display: block;position: absolute;right: 8px;top: 18px}
.custom-select .option-list {display: none;}
.custom-select .option-list .grouptitle {border-top: 1px solid #CCCCCC; color: #000000; font-weight: bold; margin-top: 5px; padding-top: 5px;}
.custom-select.unfolded .option-list{display: block;z-index: 1;color:#666666}

/* CAROUSEL */

.component.catalog_carousel.default_view .product-slider .item-container-wrapper{margin-right: 13px;}
.main-visual .component.catalog_carousel.default_view .product-slider .item-container .item .internal_component.catalog_product.short_view {margin: 0 13px 0 0; height:330px}
.component.catalog_carousel.default_view .product-slider .item-container .item .internal_component.catalog_product.short_view {margin: 0 80px 0 0; height:330px}
.component.catalog_highlights.default_view .product-slider .arrow,
.component.catalog_carousel.default_view .product-slider .arrow{position: absolute; top: 50%; z-index: 5;}
.component.catalog_highlights.default_view .product-slider .arrow.prev,
.component.catalog_carousel.default_view .product-slider .arrow.prev{left: 0;}
.component.catalog_highlights.default_view .product-slider .arrow.next ,
.component.catalog_carousel.default_view .product-slider .arrow.next{right: 0;}
.component.catalog_highlights.default_view .product-slider .arrow.hidden,
.component.catalog_carousel.default_view .product-slider .arrow.hidden {display: none;}

.component.catalog_carousel.default_view .product-slider {margin: 0 auto;}
.component.catalog_carousel.default_view .product-slider .item-container .item .internal_component.catalog_product.short_view {width: 210px}

.main-visual .component.catalog_carousel.main-slider {padding: 48px 20px}
.main-visual .component.catalog_carousel.main-slider .product-slider .arrow.prev{left: 5px;}
.main-visual .component.catalog_carousel.main-slider .product-slider .arrow.next{right: 5px;}
.main-visual .component.catalog_carousel.main-slider {background-color: #F6F6F6;}

/* MAP ROUTE */

.component.map .map-content div.way .way_start{width:72%}
.component.map .map-content div.way .way_end{width:72%}
.component.map .map-content div.way input[type="text"]{width:65%}

.default-logo, .copyright, .target{z-index:10 !important;}

.intervention_area .title {text-align: center;}

.intervention_area .description {
    text-align: center;
    padding: 0 10px 10px;
}

/* terms of sale */

.terms-of-sale-block-content{padding-top:30px;}

.terms-of-sale-block-content > *{
    width:80%;
    margin:0 auto;
}

/**************************
       RGPD MODIFICATIONS
***************************/
/*******FOOTER COOKIES LINK********/
.bottom-footer .cookies_policy.using-simple-link .cookies-policy-link{
    color: #000;
    text-decoration: none;
	margin: 0 10px;
}
.component.cookies_policy.default_view a{
    color: #000000;
    text-decoration: none;
}
.bottom-footer .cookies_policy.using-simple-link .cookies-policy-link:hover{
	text-decoration: underline;
}
@media  screen and (max-width:480px) {
	.bottom-footer .solocalms-generic-footer .legal-payments .component.link_view {
		display: block;
		width: 100%;
	}
}
/********BANNER COOKIES******/
.component.cookies_policy.banner_view .button,
.component.cookies_policy.default_view .button{
	color:#000;
}
/*********FORM RGPD**************/
.contact_form.default_view .contact_form_send {
    text-align: center;
	margin: 10px 0;
}
.checkbox_field {
    display: flex;
    align-items: baseline;
}
input[type="checkbox"], input[type="radio"]{
	margin-right:5px;
}
.contact_form_field .field:nth-last-child(1),
.contact_form_field .field:nth-last-child(2),
.contact_form_field .field:nth-last-child(3) {
    font-size: 11px;
}
/*******FORM SHARE********/
.field.our-communications,
.field.partners-communications {
    display: flex;
    align-items: baseline;
}
.component.social_sharing .share-by-email-form input[type="checkbox"] {
    width: auto;
    margin-right: 5px;
}
.field.our-communications label,
.field.partners-communications label{
	width:100%;
	display:block;
}
#share-by-sms-popin .component.privacy_policy.notice_view a,
#share-by-email-popin .component.privacy_policy.notice_view a
 {
    color: #000;
}
/********CART FORM*******/
.checkbox-field{
    display: flex;
    align-items: baseline;
}
.component.cart .form-fields.subscription-field {
    width: 100%;
}

/*responsive*/

    .component.slider > .item-container > .item .content .site-title{
    font-weight: 100;
    line-height: 1.1em;
    font-size: 3rem;}

    .component.slider > .item-container > .item .content .title{
    font-weight: 100;
    line-height: 1.1em;
    font-size: 2.5rem;
}
    .component.slider > .item-container > .item .content .text {
    font-weight: 100;
    line-height: 1.5em;
    font-size: 2.0rem;
}

@media screen and (max-width: 1440px) {
    .visual-item{
        visibility: visible;
    width: 100%;
}
}

@media screen and (max-width: 1200px) {
    #main-menu-desktop .item-container .item-last .item-container{min-width: 200px;}
}

 .component.accesses .accesses-with-icons {
    width: 60%;
}
@media screen and (min-width: 1150px) {
    .logo {opacity:1 !important;}

    .logo_image {max-height: 140px;}
}
@media screen and (max-width: 1024px) {

    .component.slider .visual{background-image: none;}

    .visual-item{visibility:visible; }

.presentation .block-image::before{content: none;display: none;}

    .presentation .block-image::after{content: none;display: none;}

    .activity-1 .block-image::before{content: none;display: none;}

    .activity-1 .block-image::after{content: none;display: none;}

    .activity-2 .block-image::before{content: none;display: none;}

    .activity-2 .block-image::after{content: none;display: none;}

    .activity-3 .block-image::before{content: none;display: none;}

    .activity-3 .block-image::after{content: none;display: none;}

    .section-infos-news .item-container.slots-2 .item-1{display: block;width: 100%;}

    .section-infos-news .item-container.slots-2 .item-2{display: block;width: 100%;}

    #section-news{margin:2%;}

    .presentation .block-text{padding-bottom: 1%;}

    .activity-1 .block-text{padding-bottom: 1%;}

    .activity-3 .block-text{padding-bottom: 1%;}
}

@media screen and (min-width: 960px) {
    #main-menu.open{left:70%;}
    .horizontal_layout.social-buttons > .item-container > .item {
    width: 40px !important;
    height: 40px;
    border-radius: 40px;
    margin: 10px 0 10px 10px;}

    .component.social_sharing .badge-button-label,
    .component.social_sharing .share-by-email,
    .component.social_sharing .share-by-sms {margin:5px ;}

    #page > footer .social-buttons {width:auto !important;top: 50%;transform: translateY(-50%);bottom: auto;margin-left: 0px;}

    .horizontal_layout.social-buttons > .item-container > .item-last {border-bottom:none;}

    .horizontal_layout.social-buttons > .item-container > .item{border-right: none !important;}

    .component.slider.with_site_title_view > .item-container > .item .content {
        padding: 0 50px;
        width: 100%;
    }

    .address-block {
    width: 60%;
    margin: 0 auto;}
}
@media screen and (max-width: 1150px) {

.short .component.logo{width:17%;}

.short #main-menu-desktop {width: 83%;}

#m3 .practical-info-point-of-sale {
    width: 50%;
    margin-left: 50%;
}
.component.slider .slider-buttons{z-index:100;}

.home-page .multimedia-block {margin-top: 0px;}

.component .site_title.default_view .title, .component .site_title {font-size: 6rem;}
.home-page .component.photos.first_photo_view .photo .img {width: 270px;height: 270px;float:none;}

.home-page #page > header{
    -moz-box-shadow: 0px 0 0px black !important;
    -webkit-box-shadow: 0px 0 0px black !important;
    -o-box-shadow: 0px 0 0px black !important;
    -ms-box-shadow: 0px 0 0px black !important;
    box-shadow: 0px 0px 0px black !important;
}

.component.logo{
    height:100px !important;
    line-height: 90px !important;
}
.short .logo_image {max-height: 80px !important;}

.phone-mobile{display: block;}

/*****display 2 badges*****/
 .component.content_badges.default_view  .item-container.slots-2   .item-first .content-badge {
    width: 50%;
    float: none;
    margin:0 auto;
 }
 .component.content_badges.default_view  .item-container.slots-2  .item-last .content-badge {
    width: 50%;
    float: none;
    margin:0 auto;
 }

}

@media screen and (max-width: 960px) {

.home-page #page > header{height: 140px;}

.component.cart.basket_button_view a{
width: 60px;
height: 60px;
background-size: 60px;
border-radius: 15px;
}

.component.contact.phone_view.phone-mobile{
display: block;
width: 100%;
text-align: center;
background-color: #E9E9E9;
padding-top: 5px;

}

#container-phone-basket{display: none;}

.component.contact.phone_view.phone-mobile .phone-link:hover{color:#000000;text-decoration: none;}

.component.contact.phone_view.phone-mobile .phone::before{color:#000000;}

.component.contact.phone_view.phone-mobile .phone{
margin:0px !important;
padding: 0px !important;

}


#main-menu-desktop .item-container .item-last .item-container{min-width: 150px;}

.short #main-menu-desktop {display: none!important;}

#menu-toggle{
display: table-cell;
width: 25%;
text-align: left;
vertical-align: middle;
}

.short .component.logo {width: 100%;}

.component.logo.default_view.logomobile {
display: table-cell;
width: 50%;
vertical-align: middle;
float: none;
}

.component.cart.basket_button_view{display: none;}

.layout-basket-mobile{
display: table-cell;
width: 25%;
text-align: center;
vertical-align: middle;
}

.component.cart.basket_button_view.basket-mobile{
display: table-cell;
width: 25%;
text-align: center;
vertical-align: middle;
padding-right: 16px;
position: relative;
top:0px;
background-color: 'Uncustomized color';
}

.component.cart.basket_button_view.basket-mobile a{margin: 0px;}

.component.logo.default_view.logoheader {display: none;}

#page > header .header-content{width: 100%}

.reservation_bar .reservation-content{width: 100%}

.component.footer-layout{width: 100%}

.component.slider > .item-container > .item .content .site-title{
font-weight: 100;
line-height: 1.1em;
font-size: 2.8rem;
}

.component.slider > .item-container > .item .content .title{
font-weight: 100;
line-height: 1.1em;
font-size: 2.2rem;
}

.component.slider > .item-container > .item .content .text {
font-weight: 100;
line-height: .9em;
font-size: 1.8rem;
}

.component.content_badges .content-badge-img {
height: 180px;
width: 180px;
}

.activity-page .component.content_badges .content-badge-img {
height: 160px;
width: 160px;
}

/*****display 2 badges*****/
.component.content_badges.default_view  .item-container.slots-2   .item-first .content-badge { width: 100%;}

.component.content_badges.default_view  .item-container.slots-2  .item-last .content-badge {width: 100%;}

.activity-page-content.page-size .item-container.content-badge-items{padding:0;}

footer {padding-bottom: 70px;}

.foot {padding: 30px ;}
}

@media screen and (max-width: 768px) {

.component .site_title.default_view .title , .component .site_title{font-size: 5rem;}

#container-phone-basket{display: none;}

#container-basket{display: none;}

.component.cart.basket_button_view{display: none;}

.layout-basket-mobile{
display: table-cell;
width: 25%;
text-align: center;
vertical-align: middle;
}

.contact-page .component.contact.list_view.using-link-with-chevron-on-right .link{color:#000000;}

.component.cart.basket_button_view.basket-mobile{
display: table-cell;
width: 25%;
text-align: center;
vertical-align: middle;
padding-right: 16px;
position: relative;
top:0px;
background-color: 'Uncustomized color';
z-index: 0;
box-shadow: none;
}

.component.cart.basket_button_view.basket-mobile a{margin: 0px;}

.component.content_badges .title::before{
content:"" !important;
display: none !important;
}

.component.content_badges .title::after{
content:"" !important;
display: none !important;
}

.home-page .component.content_badges{padding:0px;}

.activity-1 .content{width:90%;}

.activity-2 .content{width:90%;}

.activity-3 .content{width:90%;}

.presentation .content{width:90%;}

 .component.accesses .accesses-with-icons {width: 100%;}

footer .component.logo {text-align: center;}

.page-size{width: 100%;padding:20px 30px 20px;}

.home-page .multimedia-block .component.vertical_layout.default_view {padding: 0px 0 60px 0;}

.home-page .multimedia-block .gallery-block { margin-top: 0px;}

#page > header .header-content{height: 120px}

header.short {
-moz-box-shadow: 0px 0 0px black !important;
-webkit-box-shadow: 0px 0 0px black !important;
-o-box-shadow: 0px 0 0px black !important;
-ms-box-shadow: 0px 0 0px black !important;
box-shadow: 0px 0 0px black !important;
}

.component.logo{height: 120px;width:100%;background:none;}

.component.languages.dropdown_view{left: 30px}

.presentation.short_view {padding:0px}

.activity.short_view{padding:0px 0 20px}

.horizontal_layout > .item-container.slots-2 > .item-last {padding-left: 0px;}

.horizontal_layout > .item-container.slots-2 > .item-first {padding-right: 0px;}

.component.address.default_view,
.component.address.long_view{float:none;width:auto;}
.component.contact.list_view .item-container .item{float: none;width:auto;}
.resa-contact .component.booking.default_view,
/*.resa-contact .component.contact_page.contact_link_view {padding: 0 25%;}*/
.reservation_bar .reservation-content{padding:0;}

.site_title.with_link_view .title {
position:absolute;
top: 120px;
margin: 0;
max-width: 100%;
text-align: center;
}

.Col-left{width:50%}

 .Col-right{width:48%;margin:0 0 0 2%}

.Col-center{display:block}

.Col-center .news{margin-top: 30px;}

.news-display{display:none}

.home-page-content {padding: 0 ;}

.home-page .page-size {padding: 10px ;}

.component.slider.with_site_title_view > .item-container > .item .content {margin: 0 ;}

.short_title_view{padding:0 !important;}

.component.catalog .products_list.grid-view{margin-right:0px}
.component.catalog .products_list.grid-view .product_item{margin:0 30px 30px 0}
.bottom-footer.page-size {padding: 0px  !important;}

#page > footer{text-align: center;padding-bottom: 69px;}

#page > footer .component.footer-layout .title{text-align: center;padding: 0 0 25px;}

.component.footer-layout{padding:20px 30px 10px 30px}

.component.footer-layout > .item-container > .item{
margin-top: 20px;
margin-bottom: 0px;
}

/*spacing between each list item of footer block */
.component.footer-layout .component.brochures.default_view .brochures-content .brochures-items .brochures-item,
.component.footer-layout .component.point_of_sale.default_view .location-block .item-container .item,
.component.footer-layout .component.point_of_sale.default_view .schedules-block .item-container .item,
.component.footer-layout .component.point_of_sale.default_view .component.contact_page.more_info_link_view,
.component.footer-layout .component.links.default_view .links-content .links-items .links-item{
 margin-bottom: 30px
}

.horizontal_layout > .item-container.break_at_tablet.slots-2 > .item-last{/*width: 100%;padding-left:0;*/}
.horizontal_layout > .item-container.slots-2 > .item-first{padding-right:15px;}

.spomean >.item-container >.item {padding: 0px;}

.component.content_badges .item-container.slots-3 .item {
width: 100%;
padding: 0 0 50px;
}
.component.content_badges .item-container.slots-2 .item {width:100%;}

.col1 {
width: 100%;
float: none;
padding:0;
}
.col2 {
width: 100%;
float: none;
padding: 0 ;
border-left: 0px solid #BF190A;
margin-top: 20px;
}

.component.brochures.default_view.with-h2-like.using-link-with-chevron-on-right{padding-bottom:40px}
#page > footer .title {
text-align: center;}
footer .more-info{ float:none !important;}

.component.slider .slider-buttons {
width: 100%;
text-align: center;
padding:10px 0;
top:750px;
}

.component.slider {
    width: 100%;
    margin: 0 ;
}
.component.slider .slider-arrows .slider-arrow.previous {left: 10px;}

.component.slider .slider-arrows .slider-arrow.next {right: 10px;}

.component.slider .visual {height: auto;}

.component.slider.with_site_title_view > .item-container > .item .content {position: relative;}

.visual-item {visibility: visible;}

}

@media screen and (max-width: 600px) {
.catalog-controls {display: table;}
.catalog-controls .control-item{display:table-row}
.catalog-controls .control-item .title{display:table-cell;float:inherit;vertical-align:middle}
.catalog-controls .control-item.component.catalog.display_mode_view{float:inherit;vertical-align:middle;text-align:inherit;}
.component.catalog.display_mode_view .buttons-grp{display: table-cell;text-align: right;padding-top: 13px}
.catalog-controls .control-item .custom-select{max-width: 150px;margin-top:13px;float:right; }

#section-infos .practical_info_contents .item-container .block-item.item{width:90%;}

}

#section-news .news-images .news-image{
width:90%;
display: inline-block;
}


@media  screen and (max-width:480px) {
body{
background-size:cover !important;
background-position:center center !important;
    }
.bkg {padding: 100px;}

.component.catalog_product .product-detail-thumb .main-image {width: 100%;}
.component.catalog_product .product-detail-thumb .product-image {width: 100%;}
.with-h1-like .title, .richtext h1{padding-top:0px;margin-bottom:25px}
.home-page #page > header{padding:0;}
#page > header{padding:0;}
#page > header .header-content{height: 75px!important}
.component.logo{padding:0;text-align: center;line-height: 72px !important;}
.component.logo img{max-height: 65px !important;margin: 5px 0;}
.component.languages.dropdown_view{left: 10px}

.component.logo {width: 50%;}

.site_title.with_link_view .title {
position:absolute;
top: 75px;
margin: 0;
font-size: 100%;
max-width: 100%;
text-align: center;
background: none;
box-shadow:none;
}

.Col-left{width:100%}
.Col-right{width:100%;margin: 10px 10px 0 0 !important;}

 /*.resa-contact .component.booking .booking-button,.resa-contact .contact-link{
font-size:16px;
height: 25px;
line-height: 25px;
width: auto;
}*/

.reservation_bar .reservation-content{padding: 0}
.component .site_title.default_view .title , .component .site_title{font-size: 2rem;}
.component.site_title.default_view {top:100px;}
#main-menu{font-size: 18px;}

#main-menu .menu-item-tab {width:200px;}
#menu-toggle  {padding-top:0px;}

.short .component.logo {width: 50%;}

.component.slider .visual {margin-top: 140px;}

.component.catalog.back_view,
.component.catalog_product.back_view {position: static; margin: 20px 0 -20px}
.component.catalog.back_view .nav-element,
.component.catalog_product.separated_pagination_view .nav-element{font-size:12px !important;}
.component.product-detail.horizontal_layout.product-detail > .item-container > .item-last{padding-left:0px}
/* specific design for product detail in T009 */
.component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-1,
.component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-2{width: 100%;}
 .component.catalog .products_list.grid-view{margin-right:0px}
.component.catalog .products_list.grid-view .product_item{
margin:0 10px 10px 0;
width: 100%;
height: auto;
max-height: 100%;
}
.component.product-detail.horizontal_layout > .item-container > .item:nth-child(n+2){
padding-top:20px;
padding-left:0px;
}

.thumb-zoom {width: 100%;height: auto;position: absolute;left: 0!important}

.address-block{width: 100%}.address-block .col1{width: 100%;text-align: center}
.address-block .col1 .title{text-align: center}
.address-block .col2{text-align: center;width: 100%;float: none}
.address-block .col2 .title{text-align: center;margin-top: 25px}
.component.accesses .accesses-with-icons .item{display: block;width: 100%}
.component.accesses .access .type{display: inline-block}
.component.accesses .access .text{display: inline-block}

.contact_form.default_view .field .captcha-input{display: block;margin: 10px auto 0 auto;width: 168px;float: none}
.field .captcha-label{float: none;width: 168px;margin: 0 auto;display: block}
.captcha .captcha-text{text-align: center}
.button.send_button{width: 100%}
.component.footer-layout{padding:20px 15px 10px 15px}

.horizontal_layout.social-buttons > .item-container > .item{height:49px;}

.terms-of-sale-block-content > *{width:100%;}

.social-buttons {padding: 10px 0;}

.component.slider.with_site_title_view > .item-container > .item .content .site-title,
.component.slider.with_site_title_view > .item-container > .item .content .title,
.component.slider.with_site_title_view > .item-container > .item .content .text {color: #000;}
.component.slider.with_site_title_view > .item-container > .item .content {width: 100%;}
.component.slider > .item-container > .item .content .site-title{
font-weight: 100;
line-height: 1.1em;
font-size: 2.5rem;
}

.component.slider > .item-container > .item .content .title{
font-weight: 100;
line-height: 1.1em;
font-size: 2rem;
}
.component.slider > .item-container > .item .content .text {
font-weight: 100;
line-height: 1.1em;
font-size: 1.5rem;
}

.component.slider .slider-arrows {
    top: 200px;
    opacity: 0.5;
}
.component.slider.with_site_title_view > .item-container > .item .content{position:relative;}
.component.slider {height: auto;}

.component.slider {margin-bottom: 0px;}
.component.social_sharing .share-by-sms,.component.social_sharing .share-by-email, .component.social_sharing .badge-button-label{margin: 0px;}
footer .component.social_sharing .share-by-sms,footer .component.social_sharing .share-by-email,footer .component.social_sharing .badge-button-label{margin: 10px 0 0 0;}
.horizontal_layout.product-share-links-desktop li a{margin:0;}
.horizontal_layout > .item-container.break_at_tablet.slots-4 > .item {/*width: 100%;*/}
.component.booking .booking-button {font-size:20px;margin:0 auto;}
.component.booking.default_view{padding:0;}
.component.layout.default_view.resa-cont-slider {top: 270px;}
.dents::before {top: 335px;}
.home-page .component.photos.first_photo_view .photo .img {width: 200px;height: 200px;}
.resa-contact .component.booking.default_view, .resa-contact .component.contact_page.contact_link_view {padding: 0%;text-align: center;}

.foot{padding:20px 0 ;}
.col2 {margin-top:20px}
.social-buttons {padding:  0;}
.component.catalog_page.sub_menu_view .menu-item-page .menu-link-page {
margin: 0 0 20px;
width: 100%;}

 #page > footer {padding-bottom: 49px;}

.component.photos .gallery-photos .photo {margin: 0 0px 20px 0px;}

.component.catalog_page.sub_menu_view .menu-item-page {width: 100%;}

h3, .h3-like, h2, .h2-like {font-size: 2.4rem;}

h1, .h1-like {font-size: 3.2rem;}

}

@media  screen and (max-width:425px) {
.component.slider.with_site_title_view > .item-container > .item .content .site-title, .component.slider.with_site_title_view > .item-container > .item .content .title, .component.slider.with_site_title_view > .item-container > .item .content .text{
color:#000000;

}
header.sticky{height:130px;}

}

@media  screen and (max-width:375px) {
header.sticky{heigh:130px;}

.component.point_of_sale .selector{width:100%;}

}

@media  screen and (max-width:369px) {
#section-infos{padding:0px;}

.component.slider > .item-container > .item .content .site-title{
font-weight: 100;
line-height: 1.1em;
font-size: 2rem;
}

.component.slider > .item-container > .item .content .title{
font-weight: 100;
line-height: 1.1em;
font-size: 1.5rem;
}
.component.slider > .item-container > .item .content .text {
font-weight: 100;
line-height: .9em;
font-size: 1.3rem;
}

@media  screen and (max-width:320px) {
header.sticky{heigh:130px;}

}