* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    font-size: 14px;
    font-family: Roboto-Regular;
}

body.catalog-category-view .message-success.success.message {
    display: none;
}

img, object, embed, video {
    max-width: 100%;
}

img {
    border: 0px;
    vertical-align: middle;
    display: inline-block;
}

.ie6 img {
    width: 100%;
}

ul, ol {
    list-style: none;
}

#clear {
    clear: both;
}

h1, h2, h3, h4 {
    font-feature-settings: normal;
    font-kerning: auto;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    text-rendering: auto;
    font-family: Zilla;
}

h2 {
    text-transform: capitalize;
    font-size: 30px;
    color: rgb(63, 63, 63);
}

p {
    text-align: justify;
}

.white {
    background: rgb(255, 255, 255);
}

.lightgray {
    background: rgb(244, 244, 244);
}

.lightgray2 {
    background: rgb(244, 244, 244);
    display: block;
    position: relative;
}

.lightgray2::before, .lightgray2::after {
    background: rgb(244, 244, 244);
    content: "";
    width: 100%;
    top: 0px;
    bottom: 0px;
    position: absolute;
}

.lightgray2::before {
    left: -100%;
}

.lightgray2::after {
    right: -100%;
}

.darkbluenew {
    background: rgb(13, 75, 131);
    color: rgb(255, 255, 255);
}

a {
    transition: all 0.4s ease 0s;
    color: rgb(55, 109, 156);
    text-decoration: none;
    line-height: inherit;
}

a:hover {
    color: rgb(60, 59, 59);
    text-decoration: none;
}

.button.auto {
    line-height: 30px;
}

.pdd_lft {
    padding-left: 15px !important;
}

.pdd_rht {
    padding-right: 15px !important;
}

.mrg_tp {
    margin-top: 15px !important;
}

.mrg_bot {
    margin-bottom: 15px !important;
}

.pdd_tp {
    padding-top: 15px !important;
}

.pdd_bot {
    padding-bottom: 15px !important;
}

.pdd_all {
    padding: 1% !important;
}

.link {
    display: block;
    margin: 10px 0px;
}

.link a {
    display: inline-block;
    color: rgb(51, 51, 51);
}

.link a:hover {
    color: rgb(253, 129, 7);
}

#main {
    position: relative;
    overflow: hidden;
    min-height: 1500px;
}

.crawsal .item {
    display: block;
}

.crawsal ul {
    margin-bottom: 0px;
}

.crawsal .owl-theme .owl-controls {
    margin-top: 0px;
}

.crawsal .owl-prev {
    position: absolute;
    left: -5px;
    top: 42%;
}

.crawsal .owl-next {
    position: absolute;
    right: -5px;
    top: 42%;
}

.crawsal .owl-prev, .crawsal .owl-next {
    width: 50px;
    height: 50px;
    text-indent: -99999px;
    text-align: center;
    z-index: 1;
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 0) !important;
    border-radius: 0px !important;
}

.crawsal .owl-prev::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 28px;
    text-indent: 11px;
    line-height: 50px;
}

.crawsal .owl-next::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 0px;
    font-size: 28px;
    text-indent: 13px;
    line-height: 50px;
}

.crawsal .owl-theme .owl-controls .owl-buttons div {
    opacity: 0;
    transition: all 0.4s ease 0s;
}

.crawsal:hover .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
}

.crawsal .owl-pagination {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.header-container {
    border-bottom: 1px solid rgb(234, 234, 234);
}

.home-style-1 .brand-slider .owl-theme .owl-nav div.owl-prev {
    left: -15px !important;
}

.home-style-1 .brand-slider .owl-theme .owl-nav div.owl-next {
    right: -15px !important;
}

#custom_carousel .item {
    color: rgb(255, 255, 255);
    background-color: rgb(238, 238, 238);
    padding: 20px 0px;
    text-align: center;
    height: auto;
    font-family: Raleway-black;
}

#custom_carousel p {
    font-family: Raleway;
    text-align: center;
    font-size: 13px;
}

.link a::before {
    content: '\2192';
    margin-right: 10px;
}

#custom_carousel .link a:hover {
    color: rgb(255, 255, 255);
}

#custom_carousel .link a {
    display: inline-block;
    position: relative;
    color: rgb(0, 0, 0);
    z-index: 1;
    padding: 8px 10px;
    font-family: Raleway;
    font-size: 13px;
}

.tab_slider {
    padding-top: 20%;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    cursor: pointer;
}

header {
    position: relative;
    top: 0px;
    z-index: 9;
    display: block;
    transition: all 0.4s ease 0s;
}

header .logomain {
    position: relative;
    display: block;
    min-height: 90px;
}

header .logomain .logo {
    display: block;
    text-align: center;
    line-height: 0;
    padding-top: 36px;
}

header .logomain .header_leftmenu {
    position: absolute;
    left: 25px;
    top: 0px;
    bottom: 0px;
}

header .logomain .header_leftmenu>ul {
    display: block;
    margin: 0px;
}

header .logomain .header_leftmenu>ul>li {
    float: left;
    position: relative;
    transition: all 0.4s ease 0s;
}

header .logomain .header_leftmenu>ul>li>a {
    display: block;
    padding: 40px 10px 20px;
    line-height: 3;
    color: rgb(0, 0, 0);
    font-size: 10px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

header .logomain .header_leftmenu>ul>li:hover>a {
    background: rgb(236, 236, 236);
}

header .logomain .header_leftmenu>ul>li>ul {
    position: absolute;
    background: rgb(255, 255, 255);
    width: 400px;
    left: 0px;
    top: 100%;
    z-index: 9999;
    border: 1px solid rgb(234, 234, 234);
    padding: 20px;
    opacity: 0;
    visibility: hidden;
}

header .logomain .header_leftmenu>ul>li>ul>li {}

header .logomain .header_leftmenu ul li ul:focus,
header .logomain .header_leftmenu ul li ul:focus-within,
header .logomain .header_leftmenu ul li:hover ul {
    opacity: 1;
    visibility: visible;
}

header .logomain .header_leftmenu ul::before, header .logomain .header_leftmenu ul::after {
    display: table;
    content: " ";
    clear: both;
}

ul.gender li:last-child {
    display: none;
}

.news_topcontainer {
    display: block;
    overflow: hidden;
    color: rgb(101, 101, 101);
}

.news_topcontainer .news_topinfo {
    color: rgb(0, 0, 0);
    display: block;
}

.news_topcontainer .news_topinfo .title {
    color: rgb(64, 180, 166);
    font-size: 18px;
    display: block;
    padding: 10px 0px 15px;
    text-transform: uppercase;
}

.news_topcontainer .news_topinfo p {
    color: rgb(0, 0, 0);
    text-align: left;
    font-size: 13px;
}

.news_topcontainer .newscivility {
    display: block;
    padding: 20px;
    margin: 20px -20px 0px;
    border-top: 1px solid rgb(234, 234, 234);
}

.news_topcontainer .newscivility>ul {
    width: 100%;
    overflow: hidden;
}

.news_topcontainer .newscivility>ul>li {
    line-height: 2;
    position: relative;
    float: left;
}

.news_topcontainer .newscivility>ul>li+li {
    margin-left: 5px;
}

.news_topcontainer label {
    position: relative;
    display: block;
    padding: 0px 15px 0px 26px;
    margin: 0px;
    cursor: pointer;
    font-weight: 300;
}

.news_topcontainer label input[type="radio"] {
    position: absolute;
    left: 8px;
    top: 3px;
}

.news_topcontainer label input[type="radio"]:checked+span {
    color: rgb(64, 180, 166);
}

.news_topcontainer .birth_date {
    display: block;
    overflow: hidden;
}

.news_topcontainer .birth_date p {
    text-align: left;
    text-transform: uppercase;
}

.news_topcontainer .birth_date>ul {
    width: 100%;
    overflow: hidden;
}

.news_topcontainer .birth_date>ul>li {
    line-height: 2;
    position: relative;
    float: left;
    width: 32%;
}

.news_topcontainer .birth_date>ul>li+li {
    margin-left: 5px;
}

.news_topcontainer input[type="text"], .news_topcontainer input[type="password"], .news_topcontainer input[type="emal"], .news_topcontainer input[type="tel"] {
    width: 100%;
    border: 1px solid rgb(234, 234, 234);
    padding: 10px;
}

.news_topcontainer .select {
    display: block;
    position: relative;
    border: 1px solid rgb(231, 231, 231);
    overflow: hidden;
}

.news_topcontainer .select select {
    background: rgb(255, 255, 255);
    width: 100%;
    border: none;
    height: 36px;
    cursor: pointer;
    padding: 0px 5px;
}

.news_topcontainer .select::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 30px;
    background: rgb(255, 255, 255);
    text-align: center;
    line-height: 36px;
    pointer-events: none;
    border-left: 1px solid rgb(231, 231, 231);
}

.news_topcontainer .newsform p {
    text-align: left;
    font-size: 12px;
    line-height: 22px;
}

.news_topcontainer .newsform {
    display: block;
    padding: 20px 0px 0px;
}

.news_topcontainer .newsform ul {
    margin-right: 0;
    margin-left: 0;
}

#maincontent .columns .container .row .main .login-container .block-customer-login .block-content .form-login .login .actions-toolbar .remind {
    padding-right: 10px;
}

.news_topcontainer .newsform ul li {
    margin-bottom: 10px;
    background-color: rgb(255, 255, 255);
    padding: 0;
}

.news_topcontainer .newsform input[type="submit"], .news_topcontainer .newsform input[type="button"], .news_topcontainer .newsform button {
    width: 100%;
    border: none;
    background: rgb(27, 189, 187);
    color: rgb(255, 255, 255);
    padding: 10px;
}

.news_topcontainer .top_contact {
    display: block;
    padding: 20px;
    margin: 20px -20px 0px;
    border-top: 1px solid rgb(234, 234, 234);
}

.news_topcontainer .top_contact .top_contactinfo {
    display: block;
}

.news_topcontainer .top_contact .top_contactinfo i {
    display: table;
    margin: 10px 0px;
    font-size: 18px;
}

.news_topcontainer .top_contact .top_contactinfo p {
    text-align: left;
    font-size: 13px;
    color: rgb(102, 102, 102);
}

.news_topcontainer .top_contact .top_contactinfo p strong {
    font-family: Roboto-Regular;
    font-weight: 600;
    text-transform: uppercase;
}

.news_topcontainer .top_contact .top_contactinfo a {
    color: rgb(64, 180, 166);
}

header .menumain {
    display: block;
    position: relative;
    border-top: 1px solid rgb(234, 234, 234);
    border-bottom: 1px solid rgb(234, 234, 234);
}

header .menumain .search {
    position: absolute;
    right: 0px;
    top: 0px;
}

header .menumain .search a {
    position: absolute;
    right: 6px;
    top: 14px;
    padding-right: 26px;
}

header .menumain .search a::after {
    content: "o";
    font-family: etatpur;
    color: rgb(130, 154, 165);
    font-size: 18px;
    line-height: 20px;
    width: 18px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 2px;
}

header .logomain .header_rightmenu, .header-bottom.menumain.menu-on-top .header_rightmenu {
    right: 40px;
    left: auto;
}

header .logomain .header_rightmenu>ul>li>ul, .header-bottom.menumain.menu-on-top .header_rightmenu>ul>li>ul {
    left: auto;
    right: 0px;
}

header .logomain .header_rightmenu>ul>li>a, .header-bottom.menumain.menu-on-top .header_rightmenu>ul>li>a {
    padding: 20px 15px 7px;
}

header .logomain .header_rightmenu>ul>li>a i, .header-bottom.menumain.menu-on-top .header_rightmenu>ul>li>a i {
    font-size: 21px;
    color: rgb(130, 154, 165);
    top: 3px;
    position: relative;
    margin-right: 10px;
}

header .logomain .header_rightmenu .myaccnt_top .title2, .header-bottom.menumain.menu-on-top .header_rightmenu .myaccnt_top .title2 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    display: block;
    padding-bottom: 15px;
}

header .logomain .header_rightmenu .myaccnt_top, .header-bottom.menumain.menu-on-top .header_rightmenu .myaccnt_top {
    border-top: 1px solid rgb(234, 234, 234);
}

header .logomain .header_rightmenu .news_topcontainer label, .header-bottom.menumain.menu-on-top .header_rightmenu .news_topcontainer label {
    position: relative;
    display: block;
    padding: 5px 15px 5px 22px;
    margin: 0px;
    cursor: pointer;
    font-weight: 300;
}

header .logomain .header_rightmenu .news_topcontainer label input[type="checkbox"], .header-bottom.menumain.menu-on-top .header_rightmenu .news_topcontainer label input[type="checkbox"] {
    position: absolute;
    left: 0px;
    top: 4px;
}

header .logomain .header_rightmenu .news_topcontainer label input[type="checkbox"]:checked+span, .header-bottom.menumain.menu-on-top .header_rightmenu .news_topcontainer label input[type="checkbox"]:checked+span {
    color: rgb(64, 180, 166);
}

header .logomain .header_rightmenu .righmenulink, .header-bottom.menumain.menu-on-top .header_rightmenu .righmenulink {
    display: block;
}

header .logomain .header_rightmenu .righmenulink a, .header-bottom.menumain.menu-on-top .header_rightmenu .righmenulink a {
    display: block;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 10px;
    text-align: center;
}

.header-bottom.menumain .logo-header figure, .header-bottom.menumain .icons-cart-header .icons-cart-header-wrapper {
    display: none;
}

.header-bottom.menumain.menu-on-top .logo-header figure, .header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper {
    display: block;
}

.header-bottom.menumain.menu-on-top .logo-header figure img {
    padding: 8px 10px 0px 15px;
    max-height: 30px;
}

.page-wrapper.cart-wrapper .minicart-wrapper .action.showcart::after {
    height: auto;
}

.header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper {
    text-align: right;
    padding: 0px 30px 0px 0px;
}

.header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper .cutomer-action::before, .header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper .search-container .btn-search {
    width: 35px;
}

.header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper .cart-wrapper .minicart-wrapper {
    height: 46px;
}

.header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper .cart-wrapper .minicart-wrapper .action.showcart::after {
    height: auto;
}

.header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper .cart-wrapper .minicart-wrapper:hover .mage-dropdown-dialog {
    top: 45px;
}

.header-navigation {
    text-align: center;
}

.header-navigation .desktop-navigation {
    margin: auto;
}

.header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper .cutomer-action .dropdown-links {
    text-align: left;
    margin: 0px;
    right: -4px;
}

.header-bottom.menumain.menu-on-top .icons-cart-header .icons-cart-header-wrapper .cutomer-action .dropdown-links .menu_customer {
    top: -1px;
}

.top_basketcontainer {
    display: block;
    overflow: hidden;
    color: rgb(101, 101, 101);
}

.top_basketcontainer .topbasket_box {
    display: block;
    max-height: 131px;
    overflow: auto;
}

.top_basketcontainer .topbasket_box ul {
    width: 100%;
    overflow: hidden;
}

.top_basketcontainer .topbasket_box ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.top_basketcontainer .topbasket_box ul li+li {
    padding-top: 10px;
    border-top: 1px solid rgb(204, 204, 204);
}

.top_basketcontainer .topbasket_box ul li figure {
    float: left;
    width: 16%;
    text-align: center;
}

.top_basketcontainer .topbasket_box ul li figure img {
    max-height: 90px;
}

.top_basketcontainer .topbasket_box ul li .topbasket_info {
    float: left;
    width: 83%;
}

.top_basketcontainer .topbasket_box ul li .topbasket_info .topbasket_quntity {
    display: block;
    padding-top: 5px;
}

.top_basketcontainer .topbasket_box ul li .topbasket_info .topbasket_discpt {
    display: block;
    color: rgb(102, 102, 102);
    text-align: left;
    padding: 5px 0px;
}

.top_basketcontainer .topbasket_box ul li .topbasket_info .topbasket_price {
    display: block;
    color: rgb(27, 99, 121);
    font-size: 16px;
    text-align: right;
}

.top_basketcontainer .totalprice {
    display: block;
    padding: 20px 0px;
}

.top_basketcontainer .totalprice p {
    overflow: hidden;
    color: rgb(0, 0, 0);
}

.top_basketcontainer .totalprice p span {
    float: right;
}

.top_basketcontainer .totalprice p strong {}

.top_basketcontainer .totalprice .topamt {
    font-size: 23px;
    text-align: right;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
}

.top_basketcontainer .totalprice .basketlink {
    display: block;
    margin: 10px 0px;
}

.top_basketcontainer .totalprice .basketlink a {
    display: block;
    background: rgb(27, 189, 187);
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}

.top_basketcontainer .basket_consern {
    display: block;
    padding: 0px;
}

.top_basketcontainer .basket_consern ul {
    width: 100%;
    overflow: hidden;
}

.top_basketcontainer .basket_consern ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-left: 45px;
    min-height: 30px;
}

.top_basketcontainer .basket_consern ul li+li {
    margin-top: 15px;
}

.top_basketcontainer .basket_consern ul li i {
    position: absolute;
    left: 0px;
    top: 0px;
}

header.sticky {
    top: -40px;
    position: fixed;
    left: 0px;
    right: 0px;
    box-shadow: rgba(53, 53, 53, 0.75) 0px 0px 5px 0px;
    background: rgb(255, 255, 255);
}

header.sticky .logomain .logo {
    width: 143px;
    margin: 18px auto 0px;
}

header.sticky .logomain .header_leftmenu>ul>li>a {
    padding: 50px 10px 10px;
}

header.sticky .logomain .header_rightmenu>ul>li>a {
    padding: 27px 10px 0px;
}

.wdh-40 {
    width: 40% !important;
}

.wdh-80 {
    width: 80% !important;
}

.wdh-20 {
    width: 20% !important;
}

.stellarnav.desktop li.mega li li a span {
    position: relative;
    padding-left: 45px;
    min-height: 50px;
    padding-bottom: 10px;
    display: block;
}

.stellarnav.desktop li.mega li li a span strong {
    display: block;
    padding: 3px 0px 5px;
}

.stellarnav.desktop li.mega li li a em {
    height: 33px;
    width: 33px;
    text-align: center;
    line-height: 33px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: rgb(175, 197, 207);
    border-radius: 50%;
    font-style: normal;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 13px;
}

.stellarnav.desktop li.mega li li a span {
    font-size: 12px;
}

.stellarnav.desktop li.mega.colum-3 ul li {
    padding: 0px 20px;
    width: 33.33% !important;
}

.stellarnav.desktop li.mega.colum-3 ul li a {
    padding-left: 0px;
}

.stellarnav.desktop li.mega.colum-3 ul li figure, .stellarnav.mobile.light li figure {
    margin-bottom: 20px;
}

.navigation-mobile {
    padding: 0px !important;
}

.header-container .navigation-mobile .sm_megamenu_menu>li {
    border-bottom: 1px solid rgb(221, 221, 221);
    position: relative;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px !important;
    display: block !important;
    color: rgb(64, 180, 166) !important;
    line-height: 30px !important;
}

.header-container .navigation-mobile .sm_megamenu_menu>li>a {
    background: none;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgb(64, 180, 166) !important;
    line-height: 30px !important;
}

.homeproduct_list {
    display: block;
    padding: 30px 0px;
}

.homeproduct_list .tabmenu {
    display: block;
}

.homeproduct_list .tabmenu ul li a {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 0px;
    text-transform: capitalize;
    display: block;
    color: rgb(0, 0, 0);
    padding: 0px 45px;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    margin-left: 30px;
}

.homeproduct_list .tabmenu ul li a:focus, .homeproduct_list .tabmenu ul li a:active {
    outline: none;
}

.homeproduct_list .tabmenu .nav-tabs>li.active>a, .homeproduct_list .tabmenu .nav-tabs>li.active>a:hover, .homeproduct_list .tabmenu .nav-tabs>li.active>a:focus {
    border-bottom-color: transparent !important;
}

.homeproduct_list ul {}

.homeproduct_list .tab_content ul li {
    margin-bottom: 30px;
}

.homeproduct_list .homeproduct_box {
    display: block;
}

.homeproduct_list .homeproduct_box figure a {
    display: block;
}

.homeproduct_list .homeproduct_box figure {
    display: block;
    overflow: hidden;
    text-align: center;
}

.homeproduct_list .homeproduct_box figure img {
    max-height: 200px;
}

.homeproduct_list .homeproduct_box .product_info {
    width: 100%;
    border: 1px solid rgb(224, 224, 224);
    display: block;
}

.homeproduct_list .homeproduct_box .product_info .product_title {
    display: table;
    width: 100%;
    height: 56px;
    font-weight: 600;
}

.homeproduct_list .homeproduct_box .product_info .product_title .product_reference {
    display: table-cell;
    color: rgb(0, 0, 0);
    width: 70px;
    text-align: center;
    border-right: 1px solid rgb(224, 224, 224);
    font-size: 20px;
    vertical-align: middle;
}

.homeproduct_list .homeproduct_box .product_info .product_title .product_name {
    display: table-cell;
    color: rgb(0, 0, 0);
    font-size: 13px;
    vertical-align: middle;
    line-height: 16px;
    padding: 0px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.homeproduct_list .homeproduct_box .product_info .product_pricerating {
    display: table;
    width: 100%;
    height: 53px;
    border-top: 1px solid rgb(224, 224, 224);
    position: relative;
}

.homeproduct_list .homeproduct_box .product_info .product_pricerating .price_box {
    display: table-cell;
    border-right: 1px solid rgb(224, 224, 224);
    width: 50%;
    text-align: center;
    font-size: 21px;
    color: rgb(0, 0, 0);
    vertical-align: middle;
    letter-spacing: 0.8px;
    font-weight: 600;
}

.homeproduct_list .homeproduct_box .product_info .product_pricerating .rating_summary {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 3px 0px;
}

.homeproduct_list .homeproduct_box .product_info .product_pricerating .rating_summary .rating_start {
    margin: 0px;
    display: table-cell;
    vertical-align: top;
    width: 80%;
    font-size: 11px;
    color: rgb(0, 124, 255);
}

.homeproduct_list .homeproduct_box .product_info .product_pricerating .rating_summary .rating_start i {}

.homeproduct_list .homeproduct_box .product_info .product_pricerating .rating_summary .count_ratings {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    font-weight: 600;
}

.homeproduct_list .homeproduct_box .product_info .product_pricerating button {
    position: absolute;
    inset: 0px;
    width: 100%;
    border: none;
    opacity: 0;
    transition: all 0.4s ease 0s;
    background: rgb(27, 189, 187);
    color: rgb(255, 255, 255);
}

.homeproduct_list .homeproduct_box:hover .product_info .product_pricerating button {
    opacity: 1;
}

.homeproduct_right {
    display: block;
    margin-top: 30px;
}

.homeproduct_right .crawsal .owl-pagination {
    bottom: 20px;
}

.homeproduct_right .homeprodutright_box {
    display: block;
    text-align: center;
    min-height: 386px;
    border: 20px solid rgb(0, 0, 0);
    overflow: hidden;
    padding: 20px 20px 50px;
}

.homeproduct_right .homeprodutright_box p {
    text-align: center;
}

.homeproduct_right .homeprodutright_box figure {
    display: block;
}

.homeproduct_right .homeprodutright_box figure img {
    max-height: 104px;
}

.homeproduct_right .homeprodutright_box .homeprodutright_info {
    color: rgb(0, 0, 0);
}

.homeproduct_right .homeprodutright_box .homeprodutright_info h2 {
    font-size: 13px;
    color: rgb(0, 0, 0);
}

.homeproduct_right .homeprodutright_box .homeprodutright_info p {
    font-size: 13px;
}

.homeproduct_right .homeprodutright_box .homeprodutright_info .link {
    display: block;
}

.homeproduct_right .homeprodutright_box .homeprodutright_info .link a {
    display: block;
    position: relative;
    color: rgb(0, 0, 0);
    z-index: 1;
    padding: 8px 10px;
}

.homeproduct_right .homeprodutright_box .homeprodutright_info .link a::after {
    transition: all 0.4s ease 0s;
    content: "";
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.homeproduct_right .homeprodutright_box .homeprodutright_info .link a:hover::after {
    width: 100%;
}

.homeproduct_right .homeprodutright_box .homeprodutright_info .link a:hover {
    color: rgb(255, 255, 255);
}

.homeproduct_right .homeprodutright_box .homeprodutright_info .link a::before {
    content: '\2192';
    margin-right: 10px;
}

.homeproduct_right .crawsal .owl-buttons {
    display: none;
}

.static_block {
    background: rgb(243, 248, 251);
    display: block;
    position: relative;
    padding: 30px;
    text-align: center;
}

.static_block::before, .static_block::after {
    background: rgb(243, 248, 251);
    content: "";
    width: 100%;
    top: 0px;
    bottom: 0px;
    position: absolute;
}

.static_block::before {
    left: -100%;
}

.static_block::after {
    right: -100%;
}

.static_block .static_blockbox {
    display: block;
    min-height: 152px;
}

.static_block .static_blockbox figure {
    display: block;
    overflow: hidden;
    line-height: 90px;
}

.static_block .static_blockbox figure img {}

.static_block .static_blockbox .static_blockinfo {
    display: block;
}

.static_block .static_blockbox .static_blockinfo p {
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 13px;
    margin-bottom: 3px;
}

.static_block .static_blockbox .static_blockinfo p strong {
    text-transform: uppercase;
}

.fotorama .fotorama__stage {
    max-height: 560px;
}

.gallery-placeholder__image {
    max-height: 560px;
    width: auto;
}

.products-grid .product-image-wrapper {
    padding-bottom: initial !important;
}

.diagpeau_image {
    display: inline-flex;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    margin: 80px 0px;
}

.diagpeau_image .diagpeau_imageinfo {
    display: block;
    padding: 60px 60px 60px 90px;
}

.diagpeau_image .diagpeau_imageinfo h3 {
    margin: 0px 0px 15px;
}

.diagpeau_image .diagpeau_imageinfo p {
    color: rgb(255, 255, 255);
}

.diagpeau_image .diagpeau_imageinfo .link {
    display: block;
    margin: 24px 0px 0px;
}

.diagpeau_image .diagpeau_imageinfo .link a {
    display: inline-block;
    text-align: center;
    position: relative;
    color: rgb(255, 255, 255);
    z-index: 1;
    padding: 8px 20px;
    border: 1px solid rgb(255, 255, 255);
}

.diagpeau_image .diagpeau_imageinfo .link a::after {
    transition: all 0.4s ease 0s;
    content: "";
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

.diagpeau_image .diagpeau_imageinfo .link a:hover::after {
    width: 100%;
}

.diagpeau_image .diagpeau_imageinfo .link a:hover {
    color: rgb(0, 0, 0);
}

#custom_carousel .item {
    color: rgb(0, 0, 0);
    background-color: rgb(238, 238, 238);
    padding: 20px 0px;
}

.featurette {
    display: block;
    position: relative;
}

.featurette .controls {
    display: block;
}

.featurette .controls ul {
    display: table;
    margin: auto;
    overflow: hidden;
}

.featurette .controls ul li {
    float: left;
}

.featurette .controls ul li+li {}

.featurette .controls ul li a {
    border: 1px solid rgb(204, 204, 204);
    padding: 20px 45px;
}

.featurette .controls ul li+li a {
    border-left: none;
}

.featurette .carousel-control-prev, .featurette .carousel-control-next {
    position: absolute;
    top: 65%;
    z-index: 1;
}

.featurette .carousel-control-prev {
    left: 0px;
}

.featurette .carousel-control-next {
    right: 0px;
}

.featurette .carousel-control-prev i, .featurette .carousel-control-next i {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 15px 20px;
    font-size: 28px;
    transition: all 0.4s ease 0s;
    opacity: 1;
}

.featurette .carousel-control-prev i:hover, .featurette .carousel-control-next i:hover {
    opacity: 0.7;
}

.featurette .tab_slider {
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    padding: 60px 30px 0px;
}

.featurette .tab_slider small {
    font-weight: 600;
    font-size: 14px;
}

.featurette .tab_slider p {
    padding: 0px 10%;
    text-align: center;
    color: rgb(255, 255, 255);
}

.featurette .tab_slider h2 {
    font-family: Roboto-Black;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    font-size: 40px;
}

.featurette .tab_slider .link {}

.featurette .tab_slider .link {
    display: block;
}

.featurette .tab_slider .link a {
    display: inline-block;
    position: relative;
    color: rgb(0, 0, 0);
    z-index: 1;
    padding: 8px 10px;
}

.featurette .tab_slider .link a::after {
    transition: all 0.4s ease 0s;
    content: "";
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.featurette .tab_slider .link a:hover::after {
    width: 100%;
}

.featurette .tab_slider .link a:hover {
    color: rgb(255, 255, 255);
}

.featurette .tab_slider .link a::before {
    content: '\2192';
    margin-right: 10px;
}

.pur_state {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 30px;
    margin: 50px 0px;
    display: flex;
}

.pur_state p {
    color: rgb(255, 255, 255);
    text-align: left;
}

.pur_state .tabmenu {
    padding: 80px 0px 0px 50px;
    max-width: 300px;
}

.pur_state .tabmenu .nav-tabs>li.active>a, .pur_state .tabmenu .nav-tabs>li.active>a:hover, .pur_state .tabmenu .nav-tabs>li.active>a:focus {
    background-color: transparent;
    color: rgb(255, 255, 255);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-image: initial;
    border-radius: 0px;
    outline: none;
    border-left: 3px solid rgb(255, 255, 255);
}

.pur_state .tabmenu ul li {
    border: 1px solid rgb(255, 255, 255);
    width: 100%;
    border-radius: 0px;
}

.pur_state .tabmenu ul li a {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-image: initial;
    color: rgb(255, 255, 255);
    border-radius: 0px;
    outline: none;
    border-left: 3px solid rgb(0, 0, 0);
    display: block !important;
}

.pur_state .tabmenu .nav>li>a:hover, .pur_state .tabmenu .nav>li>a:focus {
    outline: none;
    background-color: transparent;
    border-radius: 0px;
}

.pur_statebox {
    display: block;
    padding: 40px 20% 20px 3%;
}

.pur_statebox .link {
    display: block;
    margin: 24px 0px;
}

.pur_statebox .link a {
    display: inline-block;
    text-align: center;
    position: relative;
    color: rgb(255, 255, 255);
    z-index: 1;
    padding: 8px 20px;
    border: 1px solid rgb(255, 255, 255);
}

.pur_statebox .link a::after {
    transition: all 0.4s ease 0s;
    content: "";
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

.pur_statebox .link a:hover::after {
    width: 100%;
}

.pur_statebox .link a:hover {
    color: rgb(0, 0, 0);
}

.pur_statebox .link a::before {
    content: '\2192';
    margin-right: 10px;
}

#purestate_news {
    display: block;
    background: rgb(244, 249, 250);
    padding-bottom: 50px;
    position: relative;
    margin-bottom: 50px;
}

#purestate_news h2 {
    margin: 0px;
    text-align: center;
    padding: 40px 0px;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-size: 257.142%;
    font-family: Roboto-Regular;
    font-weight: 600;
}

#purestate_news .crawsal .owl-pagination {
    bottom: -40px;
}

#purestate_news .item {}

#purestate_news .item figure {
    position: relative;
    color: rgb(0, 0, 0);
}

#purestate_news .item figure p {
    color: rgb(0, 0, 0);
}

#purestate_news .item figure img {
    max-height: 390px;
    height: 100vh;
}

#purestate_news .item figure .purestate_newsbox {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 240px;
    background: rgb(255, 255, 255);
    padding: 20px;
}

#purestate_news .crawsal .owl-wrapper .owl-item:nth-child(2n) .purestate_newsbox {
    top: auto;
    bottom: 0px;
}

#purestate_news .item figure .purestate_newsbox h3 {
    color: rgb(0, 0, 0);
    font-size: 19px;
}

#purestate_news .item figure .purestate_newsbox .link {
    display: block;
}

#purestate_news .item figure .purestate_newsbox .link a {
    display: inline-block;
    position: relative;
    color: rgb(0, 0, 0);
    z-index: 1;
    padding: 8px 10px;
}

#purestate_news .item figure .purestate_newsbox .link a::after {
    transition: all 0.4s ease 0s;
    content: "";
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

#purestate_news .item figure .purestate_newsbox .link a:hover::after {
    width: 100%;
}

#purestate_news .item figure .purestate_newsbox .link a:hover {
    color: rgb(255, 255, 255);
}

#purestate_news .item figure .purestate_newsbox .link a::before {
    content: '\2192';
    margin-right: 10px;
}

.reassure {
    border: 1px solid rgb(226, 226, 226);
    display: block;
    margin: 30px 0px;
}

.reassure ul {
    margin-bottom: 0px;
}

.reassure ul li {}

.reassure ul li+li .reassure_box {
    border-left: 1px solid rgb(226, 226, 226);
}

.reassure .reassure_box {
    color: rgb(0, 0, 0);
    display: block;
    position: relative;
    padding: 40px 0px;
    /* height: 168px; */
    text-align: center;
}

.reassure .reassure_box i {
    position: absolute;
    left: 30px;
}

.reassure .reassure_box h4 {
    font-size: 13px;
    margin: 7px 0px 2px;
}

.reassure .reassure_box p {
    font-size: 13px;
    text-align: center;
    margin: 0;
}

footer {
    display: block;
    overflow: hidden;
    padding: 20px 0px 0px;
}

footer p {
    color: rgb(0, 0, 0);
    text-align: left;
    font-size: 13px;
}

footer h6 {
    color: rgb(27, 189, 187);
    font-size: 13px;
    font-family: Roboto-Regular;
    margin: 0px 0px 16px;
}

footer address {
    display: block;
}

footer address p {}

footer address p strong {}

footer address .footer_call {
    font-family: Roboto-Regular;
    display: block;
    color: rgb(0, 0, 0);
    margin: 20px 0px 40px;
    font-size: 22px;
    font-weight: 600;
}

footer address .footer_call a {
    position: relative;
    display: block;
    padding: 0px 0px 0px 35px;
    min-height: 35px;
}

footer address .footer_call p {
    color: rgb(0, 0, 0);
}

footer address .footer_call a::before {
    content: url("../images/icon-headset.jpg");
    position: absolute;
    left: 0px;
    top: 7px;
}

footer address .footer_mail {
    display: block;
    color: rgb(0, 0, 0);
}

footer address .footer_mail a {
    position: relative;
    display: block;
    color: rgb(0, 0, 0);
    margin: 0px 0px 40px;
    font-size: 13px;
    padding: 0px 0px 0px 35px;
    min-height: 27px;
    font-weight: 600;
    line-height: 35px;
}

footer address .footer_mail p {
    margin: 0px 0px 2px;
}

footer address .footer_mail a::before {
    content: url("../images/icon-email.jpg");
    position: absolute;
    left: 0px;
    top: 2px;
}

footer .footermenu {
    display: block;
}

footer .footermenu ul {
    width: 100%;
}

footer .footermenu ul li {
    width: 100%;
}

footer .footermenu ul li a {
    font-family: Roboto-Regular;
    color: rgb(0, 0, 0);
    display: block;
    padding: 2px 0px;
    font-size: 13px;
}

footer .footerform {}

footer .footerform input[type="text"], footer .footerform input[type="email"], footer .footerform input[type="tel"], footer .footerform textarea {
    height: 30px;
    font-size: 12px;
    color: rgb(0, 0, 0);
    font-family: Roboto;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(224, 224, 224);
    width: 100%;
    padding-left: 0px;
    margin-bottom: 10px;
}

footer .footerform .submit_btn {
    display: inline-block;
    background: rgb(28, 197, 195);
    color: rgb(255, 255, 255);
}

footer .footerform .submit_btn::after {}

footer .footerform .submit_btn input[type="submit"] {
    background: rgb(28, 197, 195);
    color: rgb(255, 255, 255);
    padding: 7px 20px;
    display: inline-block;
    border: none;
}

footer .footerform p {
    margin-top: 8px;
}

footer .footer_social {
    background: rgb(0, 0, 0);
    display: block;
    position: relative;
    padding: 10px 0px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 30px;
}

footer .footer_social::before, footer .footer_social::after {
    background: rgb(0, 0, 0);
    content: "";
    width: 100%;
    top: 0px;
    bottom: 0px;
    position: absolute;
}

footer .footer_social::before {
    left: -100%;
}

footer .footer_social::after {
    right: -100%;
}

footer .footer_social a {
    display: inline-block;
    margin: 10px;
    color: rgb(255, 255, 255);
}

footer .footerbox {
    display: block;
    padding: 20px 0px;
}

footer .footerbox p {}

footer .footerbox .footer_logo {
    display: block;
}

footer .footerbox .footer_logo img {}

footer .footerbox .footer_logo a {
    display: inline-block;
}

footer .footerbox .footer_logo a+a {
    margin-left: 5px;
}

.morecontent span {
    display: none;
}

.morelink {
    display: inline-block;
    color: rgb(255, 255, 255);
}

.morelink:focus, .morelink:active {
    color: rgb(255, 255, 255);
    outline: none;
}

.innerbanner {
    clear: both;
    display: block;
    background: rgb(135, 158, 189);
    color: rgb(255, 255, 255);
}

.innerbanner .banner_info {
    padding: 30px 0px;
}

.innerbanner .banner_info .banner_title {
    margin-bottom: 5px;
    display: block;
}

.innerbanner p {
    text-align: left;
}

ol.breadcrumb {
    list-style: none;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    text-transform: uppercase;
    padding: 16px 0px;
}

ol.breadcrumb li {
    display: inline;
    color: rgb(175, 175, 175);
    position: relative;
    line-height: 20px;
}

ol.breadcrumb li a {
    color: rgb(175, 175, 175);
    font-family: Roboto-Regular;
    letter-spacing: 1px;
}

ol.breadcrumb li strong {
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    letter-spacing: 1px;
}

ol.breadcrumb li.separator {
    display: inline-block;
    margin: 0px 8px;
}

.m ol.breadcrumb li.nolink {
    display: none;
}

.spring_beauty {
    display: block;
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 0);
    padding: 20px;
    margin: 40px 0px;
}

.spring_beautybox {
    display: block;
    padding: 0px 20%;
}

.spring_beautybox h1, .spring_beautybox h2 {
    font-family: Roboto-Regular;
    color: rgb(255, 255, 255);
    font-size: 30px;
}

.spring_beautybox p {
    text-align: center;
    color: rgb(255, 255, 255);
}

.spring_beautybox .link {
    display: block;
    margin: 30px 0px 20px;
}

.spring_beautybox .link a {
    display: inline-block;
    position: relative;
    background: rgb(27, 189, 187);
    color: rgb(255, 255, 255);
    z-index: 1;
    padding: 8px 10px;
}

.spring_beautybox .link a::after {
    transition: all 0.4s ease 0s;
    content: "";
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.spring_beautybox .link a:hover::after {
    width: 100%;
}

.spring_beautybox .link a:hover {
    color: rgb(255, 255, 255);
}

.spring_beautybox .link a::before {
    content: '\2192';
    margin-right: 10px;
}

.text_wraper {
    display: block;
    text-align: center;
    color: rgb(0, 0, 0);
    margin: 100px 0px 40px;
}

.text_wraper p {
    text-align: center;
    color: rgb(0, 0, 0);
}

.text_wraper h1, .text_wraper h2, .text_wraper h3 {
    display: table;
    margin: 30px auto;
    font-family: Roboto-Regular;
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 0);
    font-size: 19px;
    padding: 10px;
    letter-spacing: 1px;
}

.text_wraper .link {
    display: block;
    margin: 30px 0px 20px;
}

.text_wraper .link a {
    display: inline-block;
    font-family: Roboto-Regular;
    position: relative;
    background: rgb(241, 155, 191);
    color: rgb(255, 255, 255);
    z-index: 1;
    padding: 8px 10px;
}

.text_wraper .link a::after {
    transition: all 0.4s ease 0s;
    content: "";
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.text_wraper .link a:hover::after {
    width: 100%;
}

.text_wraper .link a:hover {
    color: rgb(255, 255, 255);
}

.text_wraper .link a::before {
    content: '\2192';
    margin-right: 10px;
}

.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_2 {
    padding: 0px 5px !important;
}

.sm_megamenu_head_item>.sm_megamenu_title>a span {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 5px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    display: block;
    color: rgb(0, 0, 0) !important;
}

a:hover {
    text-decoration: none !important;
}

header .logomain .header_rightmenu {
    padding-top: 30px !important;
}

.menumain {
    border-bottom: 1px solid rgb(234, 234, 234);
    border-top: 1px solid rgb(234, 234, 234);
}

.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li a.sm_megamenu_head {
    padding: 5px;
    font-family: Roboto-Regular, sans-serif;
    font-size: 13px !important;
}

.home-style-1 .slidershow .owl-theme .owl-nav div {
    background-color: rgb(0, 0, 0) !important;
    border-radius: 0% !important;
}

.home-style-1 .slidershow .owl-theme .owl-nav div {
    text-align: center;
    width: 45px !important;
    height: 45px !important;
    line-height: 45px !important;
}

.home-style-1 .slidershow .owl-theme .owl-nav div::before {
    line-height: 45px !important;
}

.home-style-1 .slidershow {
    margin-bottom: 5px !important;
}

.home-style-1 .product-slider {
    margin-bottom: 85px !important;
}

.home-style-1 .group-title h2 {
    color: rgb(0, 0, 0) !important;
}

.newsletter-content .action {
    background-color: rgb(27, 189, 187) !important;
}

.cutomer-action::before {
    display: block;
    width: 46px;
    height: 46px;
    content: "a" !important;
    background: none !important;
    overflow: inherit !important;
    font-size: 21px !important;
    font-family: etatpur !important;
}

.cart-wrapper .minicart-wrapper .action.showcart::after {
    display: block;
    width: 46px;
    height: 50px;
    font-size: 21px;
    text-align: center;
    content: "b" !important;
    background: url("") -80px -62px no-repeat !important;
    font-family: etatpur !important;
    padding-left: 9px !important;
}

.cart-wrapper .minicart-wrapper .action.showcart .counter.qty {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: -1px;
    right: 0px;
    font-size: 85.751%;
    border-radius: 12px;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    color: rgb(255, 255, 255) !important;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: rgb(27, 189, 187) !important;
}

.wishlist-header a::before {
    content: "P";
    display: block;
    width: 46px;
    height: 46px;
    font-size: 21px;
    background: none !important;
    font-family: etatpur !important;
}

.wishlist-header a {
    background: url("") -80px -62px no-repeat !important;
}

.search-container .btn-search::after {
    content: "o";
    display: block;
    width: 100px;
    height: 46px;
    font-size: 21px;
    text-align: left;
    background: none !important;
    font-family: etatpur !important;
}

.search-container .btn-search {
    display: block;
    width: 46px;
    height: 46px;
    overflow: inherit !important;
    text-indent: 0px !important;
    background: none !important;
}

.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_dropdown_3columns {
    width: 100% !important;
}

.sidebar .block .empty, .sidebar .block .block-content {
    border-right: 1px solid rgb(229, 229, 229);
    border-bottom: 1px solid rgb(229, 229, 229);
    border-left: 1px solid rgb(229, 229, 229);
    border-image: initial;
    padding: 20px;
    border-top: 1px solid rgb(229, 229, 229) !important;
}

.row::before, .row::after {
    display: none !important;
}

.product_listingmainbox {
    display: block;
    border-bottom: 1px solid rgb(224, 224, 224);
    border-top: 1px solid rgb(224, 224, 224);
}

.product_listingmain {
    display: block;
    border-left: 1px solid rgb(224, 224, 224);
}

.left_inc {
    display: block;
}

.left_inc .catogry_left {
    display: block;
    margin: 0px 0px 20px;
}

.left_inc .catogry_left .panel {
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.left_inc .catogry_left .panel-heading {
    background: rgb(255, 255, 255);
    border: none;
}

.left_inc .catogry_left .panel-heading {
    padding: 0px;
}

.left_inc .catogry_left .panel-heading a {
    display: block;
    position: relative;
    padding: 10px 45px 10px 10px;
    border-bottom: 1px solid rgb(224, 224, 224);
    font-size: 14px;
    text-transform: uppercase;
    color: rgb(49, 95, 118);
}

.left_inc .catogry_left .panel-heading a .glyphicon {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 41px;
    text-align: center;
    color: rgb(30, 28, 28);
    line-height: 3.3;
    font-size: 11px;
}

.left_inc .catogry_left .panel-heading a:focus {
    outline: none;
    text-decoration: none;
}

.left_inc .catogry_left .panel-group .panel+.panel {
    margin-top: 10px;
}

.left_inc .catogry_left .panel-body {
    padding: 0px;
    border-top: none !important;
}

.left_inc .catogry_left .panel-body p {
    color: rgb(51, 51, 51);
}

.left_inc .catogry_left {
    display: block;
}

.leftmenu {
    display: block;
    padding: 10px;
}

.leftmenu ol {
    width: 100%;
    overflow: hidden;
    counter-reset: my-badass-counter 0;
    margin-top: 0px;
}

.leftmenu ol li {
    position: relative;
    display: block;
    padding: 0px 0px 0px 40px;
    min-height: 40px;
}

.leftmenu ol li+li {
    margin-top: 5px;
}

.leftmenu ol li a {
    color: rgb(0, 0, 0);
    line-height: 34px;
}

.leftmenu ol li a:hover {
    color: rgb(201, 150, 84);
    text-decoration: none;
}

.leftmenu ol li span {
    display: block;
    font-size: 14px;
    padding: 5px 0px;
    color: rgb(249, 77, 2);
}

.leftmenu ol li::before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter 1;
    position: absolute;
    left: 0px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    color: rgb(80, 116, 134);
    text-align: center;
    border: 1px solid rgb(182, 198, 206);
}

.leftmenu ol li:hover::before {
    background: rgb(182, 198, 206);
    color: rgb(255, 255, 255);
}

.left_inc .catogry_menu {
    display: block;
    padding: 10px;
}

.left_inc .catogry_menu ul {
    width: 100%;
    overflow: hidden;
}

.left_inc .catogry_menu ul li {
    display: block;
    padding: 5px 0px;
}

.left_inc .catogry_menu ul li+li {
    border-top: 1px dotted rgb(204, 204, 204);
}

.left_inc .catogry_menu ul li label {
    display: block;
    position: relative;
    padding-left: 22px;
    margin: 0px;
    cursor: pointer;
    font-weight: 300;
}

.left_inc .catogry_menu ul li label input[type="checkbox"] {
    position: absolute;
    left: 0px;
    top: 1px;
    opacity: 0;
}

.left_inc .catogry_menu ul li label span {
    display: block;
    transition: all 0.4s ease 0s;
    color: rgb(96, 94, 94);
    text-transform: capitalize;
    line-height: 23px;
    font-size: 13px;
}

.left_inc .catogry_menu ul li label span::before {
    content: "";
    left: 0px;
    top: 4px;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(204, 204, 204);
    position: absolute;
    transition: all 0.4s ease 0s;
}

.left_inc .catogry_menu ul li label span::after {
    background: rgb(120, 154, 169);
    content: "";
    height: 9px;
    left: 3px;
    position: absolute;
    top: 7px;
    width: 9px;
    opacity: 0;
    transition: all 0.4s ease 0s;
}

.left_inc .catogry_menu ul li label input[type="checkbox"]:checked+span {
    color: rgb(0, 0, 0);
}

.left_inc .catogry_menu ul li label input[type="checkbox"]:checked+span::before {
    border-color: rgb(120, 154, 169);
}

.left_inc .catogry_menu ul li label input[type="checkbox"]:checked+span::after {
    opacity: 1;
}

.product_listing {
    position: relative;
    min-height: 500px;
    padding: 58px 0px;
}

.product_listing::before {
    content: "";
    left: -31px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    position: absolute;
    background: rgb(224, 224, 224);
}

.product_listing h2 {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-family: Zilla;
    text-align: center;
    margin: 0px;
}

.product_listing h2 span {
    position: relative;
    display: inline-block;
    background: rgb(255, 255, 255);
    padding: 0px 20px;
}

.product_listbox {
    display: block;
    margin: 70px 0px 20px;
}

.product_listbox>ul {}

.product_listbox>ul>li {
    margin-bottom: 35px;
}

.product_listbox>ul>li figure {
    text-align: center;
    position: relative;
}

.product_listbox>ul>li figure .bestseller {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 10px;
    letter-spacing: 2px;
    background: rgb(0, 0, 0);
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -50px;
}

.product_listbox>ul>li figure img {
    padding: 0px;
}

.product_listbox .product_listinfo {
    transition: all 0.4s ease 0s;
    display: block;
    padding: 0px;
    border: 1px solid rgb(224, 224, 224);
    color: rgb(0, 0, 0);
}

.product_listbox>ul>li:hover .product_listinfo {
    border-color: rgb(0, 0, 0);
}

.product_listbox .product_listinfo h3 {
    color: rgb(0, 0, 0);
    margin: 0px 0px 10px;
    font-size: 13px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 0px 10px 15px;
}

.product_listbox .product_listinfo p {
    text-align: left;
    padding: 10px;
    font-size: 13px;
    color: rgb(0, 0, 0);
    letter-spacing: 1px;
}

.product_listbox .product_listinfo p strong {}

.product_listbox .product_listinfo .actions_container {
    display: block;
    padding: 10px;
}

.product_listbox .product_listinfo .actions_container ul {
    width: 100%;
    border-bottom: none;
}

.product_listbox .product_listinfo .actions_container ul li {
    width: 100%;
    overflow: hidden;
    display: table;
    margin: 4px 0px;
}

.product_listbox .product_listinfo .actions_container ul li .valeur_action {
    width: 165px;
    font-family: Roboto-Regular;
    display: table-cell;
    font-size: 12px;
}

.product_listbox .product_listinfo .actions_container ul li .resultat_action {
    display: table-cell;
    width: 70px;
}

.product_listbox .product_listinfo .product_price ul {
    display: flex;
    padding: 0px;
}

.product_listbox .product_listinfo ul {
    display: block;
    padding: 10px;
    border-bottom: 1px solid rgb(224, 224, 224);
}

.product_listbox .product_listinfo ul li {
    list-style: inside;
    font-size: 11px;
    font-weight: 300;
    margin-left: 15px;
}

.product_listbox .product_listinfo .product_price {
    display: block;
    position: relative;
}

.product_listbox .product_listinfo .product_price ul {
    width: 100%;
    overflow: hidden;
    border-bottom: none;
}

.product_listbox .product_listinfo .product_price ul li {
    float: left;
    width: 50%;
    display: block;
    padding: 15px 10px;
    text-align: center;
    color: rgb(0, 0, 0);
    vertical-align: middle;
    font-family: Helvetica, Arial;
    letter-spacing: 0.8px;
    margin: 0px;
    font-size: 21px !important;
}

.price-box .price {
    font-size: 21px !important;
}

.product_listbox .product_listinfo .product_price ul li+li {
    border-left: 1px solid rgb(204, 204, 204);
}

.product_listbox .product_listinfo .product_price ul li i {
    font-size: 10px;
}

.product_listbox .product_listinfo .product_price ul li i+i {}

.product_listbox .product_listinfo .product_price ul li span {
    display: inline-block;
}

.product_listbox .product_listinfo .product_price button {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    border: none;
    background: rgb(28, 197, 195);
    color: rgb(255, 255, 255);
    display: none;
}

.product_listbox>ul>li:hover .product_listinfo .product_price button {
    display: block;
}

.etatpur_newsletter-block-footer-success {
    color: rgb(255, 255, 255);
    font-weight: bold;
    margin-top: 3px;
    width: 380px;
}

#etatpur_newsletter-block-footer_bt-subscribe {
    margin-left: 12px;
    float: left;
}

#etatpur_newsletter-block-footer_bt-close {
    float: right;
    margin-left: 21px;
    margin-top: -14px;
    margin-right: 5px;
}

#etatpur_newsletter-block-footer-container-de {
    width: 1080px;
}

#etatpur_newsletter-block-footer-container-de .etatpur_newsletter-block-footer-container-right-div .validation-advice {
    font-size: 12px;
}

#etatpur_newsletter-block-footer-container-be_nl, #etatpur_newsletter-block-footer-container-nl {
    width: 1040px;
}

.gift-card * {
    box-sizing: border-box;
}

.gift-card button * {
    box-sizing: content-box;
}

.gift-card .row {
    margin-right: -10px;
    margin-left: -10px;
}

.gift-card .col-xs-1, .gift-card .col-xs-2, .gift-card .col-xs-3, .gift-card .col-xs-4, .gift-card .col-xs-5, .gift-card .col-xs-6, .gift-card .col-xs-7, .gift-card .col-xs-8, .gift-card .col-xs-9, .gift-card .col-xs-10, .gift-card .col-xs-11, .gift-card .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.6667%;
}

.col-xs-10 {
    width: 83.3333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.6667%;
}

.col-xs-7 {
    width: 58.3333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.6667%;
}

.col-xs-4 {
    width: 33.3333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.6667%;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.6667%;
}

.col-xs-pull-10 {
    right: 83.3333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.6667%;
}

.col-xs-pull-7 {
    right: 58.3333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.6667%;
}

.col-xs-pull-4 {
    right: 33.3333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.6667%;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.6667%;
}

.col-xs-push-10 {
    left: 83.3333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.6667%;
}

.col-xs-push-7 {
    left: 58.3333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.6667%;
}

.col-xs-push-4 {
    left: 33.3333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.6667%;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.6667%;
}

.col-xs-offset-10 {
    margin-left: 83.3333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.6667%;
}

.col-xs-offset-7 {
    margin-left: 58.3333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.6667%;
}

.col-xs-offset-4 {
    margin-left: 33.3333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.6667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-0 {
    margin-left: 0px;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.6667%;
    }

    .col-sm-10 {
        width: 83.3333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.6667%;
    }

    .col-sm-7 {
        width: 58.3333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.6667%;
    }

    .col-sm-4 {
        width: 33.3333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.6667%;
    }

    .col-sm-1 {
        width: 8.33333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.6667%;
    }

    .col-sm-pull-10 {
        right: 83.3333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.6667%;
    }

    .col-sm-pull-7 {
        right: 58.3333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.6667%;
    }

    .col-sm-pull-4 {
        right: 33.3333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.6667%;
    }

    .col-sm-pull-1 {
        right: 8.33333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.6667%;
    }

    .col-sm-push-10 {
        left: 83.3333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.6667%;
    }

    .col-sm-push-7 {
        left: 58.3333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.6667%;
    }

    .col-sm-push-4 {
        left: 33.3333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.6667%;
    }

    .col-sm-push-1 {
        left: 8.33333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.6667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.3333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.6667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.3333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.6667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.3333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.6667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }

    .col-sm-offset-0 {
        margin-left: 0px;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.6667%;
    }

    .col-md-10 {
        width: 83.3333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.6667%;
    }

    .col-md-7 {
        width: 58.3333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.6667%;
    }

    .col-md-4 {
        width: 33.3333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.6667%;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.6667%;
    }

    .col-md-pull-10 {
        right: 83.3333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.6667%;
    }

    .col-md-pull-7 {
        right: 58.3333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.6667%;
    }

    .col-md-pull-4 {
        right: 33.3333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.6667%;
    }

    .col-md-pull-1 {
        right: 8.33333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.6667%;
    }

    .col-md-push-10 {
        left: 83.3333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.6667%;
    }

    .col-md-push-7 {
        left: 58.3333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.6667%;
    }

    .col-md-push-4 {
        left: 33.3333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.6667%;
    }

    .col-md-push-1 {
        left: 8.33333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.6667%;
    }

    .col-md-offset-10 {
        margin-left: 83.3333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.6667%;
    }

    .col-md-offset-7 {
        margin-left: 58.3333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.6667%;
    }

    .col-md-offset-4 {
        margin-left: 33.3333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.6667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-0 {
        margin-left: 0px;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.6667%;
    }

    .col-lg-10 {
        width: 83.3333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.6667%;
    }

    .col-lg-7 {
        width: 58.3333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.6667%;
    }

    .col-lg-4 {
        width: 33.3333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.6667%;
    }

    .col-lg-1 {
        width: 8.33333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.6667%;
    }

    .col-lg-pull-10 {
        right: 83.3333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.6667%;
    }

    .col-lg-pull-7 {
        right: 58.3333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.6667%;
    }

    .col-lg-pull-4 {
        right: 33.3333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.6667%;
    }

    .col-lg-pull-1 {
        right: 8.33333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.6667%;
    }

    .col-lg-push-10 {
        left: 83.3333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.6667%;
    }

    .col-lg-push-7 {
        left: 58.3333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.6667%;
    }

    .col-lg-push-4 {
        left: 33.3333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.6667%;
    }

    .col-lg-push-1 {
        left: 8.33333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.6667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.3333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.6667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.3333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.6667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.3333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.6667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    .col-lg-offset-0 {
        margin-left: 0px;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: rgb(119, 119, 119);
    text-align: left;
}

.gift-card .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.gift-card .table>thead>tr>th, .gift-card .table>tbody>tr>th, .gift-card .table>tfoot>tr>th, .gift-card .table>thead>tr>td, .gift-card .table>tbody>tr>td, .gift-card .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid rgb(221, 221, 221);
}

.gift-card .table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 2px solid rgb(221, 221, 221);
}

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

.gift-card .table>tbody+tbody {
    border-top: 2px solid rgb(221, 221, 221);
}

.gift-card .table .table {
    background-color: rgb(255, 255, 255);
}

.gift-card .table-condensed>thead>tr>th, .gift-card .table-condensed>tbody>tr>th, .gift-card .table-condensed>tfoot>tr>th, .gift-card .table-condensed>thead>tr>td, .gift-card .table-condensed>tbody>tr>td, .gift-card .table-condensed>tfoot>tr>td {
    padding: 5px;
}

.gift-card .table-bordered {
    border: 1px solid rgb(221, 221, 221);
}

.gift-card .table-bordered>thead>tr>th, .gift-card .table-bordered>tbody>tr>th, .gift-card .table-bordered>tfoot>tr>th, .gift-card .table-bordered>thead>tr>td, .gift-card .table-bordered>tbody>tr>td, .gift-card .table-bordered>tfoot>tr>td {
    border: 1px solid rgb(221, 221, 221);
}

.gift-card .table-bordered>thead>tr>th, .gift-card .table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.gift-card .table-striped>tbody>tr:nth-child(2n+1) {
    background-color: rgb(249, 249, 249);
}

.gift-card .table-hover>tbody>tr:hover {
    background-color: rgb(245, 245, 245);
}

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

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

.gift-card .table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .gift-card .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        border: 1px solid rgb(221, 221, 221);
    }

    .gift-card .table-responsive>.table {
        margin-bottom: 0px;
    }

    .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }

    .gift-card .table-responsive>.table-bordered {
        border: 0px;
    }

    .gift-card .table-responsive>.table-bordered>thead>tr>th:first-child, .gift-card .table-responsive>.table-bordered>tbody>tr>th:first-child, .gift-card .table-responsive>.table-bordered>tfoot>tr>th:first-child, .gift-card .table-responsive>.table-bordered>thead>tr>td:first-child, .gift-card .table-responsive>.table-bordered>tbody>tr>td:first-child, .gift-card .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0px;
    }

    .gift-card .table-responsive>.table-bordered>thead>tr>th:last-child, .gift-card .table-responsive>.table-bordered>tbody>tr>th:last-child, .gift-card .table-responsive>.table-bordered>tfoot>tr>th:last-child, .gift-card .table-responsive>.table-bordered>thead>tr>td:last-child, .gift-card .table-responsive>.table-bordered>tbody>tr>td:last-child, .gift-card .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0px;
    }

    .gift-card .table-responsive>.table-bordered>tbody>tr:last-child>th, .gift-card .table-responsive>.table-bordered>tfoot>tr:last-child>th, .gift-card .table-responsive>.table-bordered>tbody>tr:last-child>td, .gift-card .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0px;
    }

    .product-info-main {
        order: 1;
    }

    .product.media {
        order: 2;
    }

    .fotorama .fotorama__stage {
        max-height: 420px;
    }

    .gallery-placeholder__image {
        max-height: 420px;
        width: auto;
    }
}

.gift-card input[type="search"] {
    box-sizing: border-box;
}

.gift-card input[type="radio"], .gift-card input[type="checkbox"] {
    margin: 3px 0px 0px;
    line-height: normal;
}

.gift-card input[type="file"] {
    display: block;
}

.gift-card input[type="range"] {
    display: block;
    width: 100%;
}

.gift-card select[multiple], .gift-card select[size] {
    height: auto;
}

.gift-card input[type="file"]:focus, .gift-card input[type="radio"]:focus, .gift-card input[type="checkbox"]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.gift-card output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
}

.gift-card .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.gift-card .form-control:focus {
    border-color: rgb(102, 175, 233);
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px;
}

.gift-card .form-control::-webkit-input-placeholder {
    color: rgb(153, 153, 153);
}

.gift-card .form-control[disabled], .gift-card .form-control[readonly], .gift-card textarea.form-control {
    height: auto;
}

input[type="search"] {
    appearance: none;
}

.gift-card input[type="date"], .gift-card input[type="time"], .gift-card input[type="datetime-local"], .gift-card input[type="month"] {
    line-height: 34px;
}

.gift-card input[type="date"].input-sm, .gift-card input[type="time"].input-sm, .gift-card input[type="datetime-local"].input-sm, .gift-card input[type="month"].input-sm {
    line-height: 30px;
}

.gift-card input[type="date"].input-lg, .gift-card input[type="time"].input-lg, .gift-card input[type="datetime-local"].input-lg, .gift-card input[type="month"].input-lg {
    line-height: 46px;
}

.gift-card .form-group {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    text-align: left;
}

.gift-card .radio, .gift-card .checkbox {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.gift-card .radio label, .gift-card .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0px;
    font-weight: normal;
    cursor: pointer;
}

.gift-card .radio input[type="radio"], .gift-card .radio-inline input[type="radio"], .gift-card .checkbox input[type="checkbox"], .gift-card .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -19px;
}

.radio+.radio, .checkbox+.checkbox {
    margin-top: -5px;
}

.gift-card .radio-inline, .gift-card .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-top: 0px;
    margin-left: 10px;
}

.gift-card .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.gift-card .hide {
    display: none;
}

.gift-card .disabled {
    opacity: 0.3;
    cursor: default;
}

.gift-card .text-left {
    text-align: left;
}

.gift-card .text-right {
    text-align: right;
}

.gift-card .text-center {
    text-align: center;
}

.gift-card .text-justify {
    text-align: justify;
}

.gift-card .text-nowrap {
    white-space: nowrap;
}

.gift-card .text-lowercase {
    text-transform: lowercase;
}

.gift-card .text-uppercase {
    text-transform: uppercase;
}

.gift-card .text-capitalize {
    text-transform: capitalize;
}

.dialog.giftcard-preview-template-dialog {
    left: 50% !important;
    margin-left: -330px !important;
}

.input-select.validation-failed {
    border-color: red;
}

span#giftvoucher_wait {
    color: rgb(47, 47, 47);
}

.giftvoucher-discount-code button {
    border: medium none;
    background: none 0px 0px repeat scroll transparent;
}

.giftvoucher-discount-code button:hover {
    cursor: pointer;
}

.giftvoucher-media {
    border: 2px solid rgb(247, 249, 249);
}

.giftvoucher-media .giftmedia {
    border-bottom: 2px solid rgb(247, 249, 249);
    padding: 7px;
    color: rgb(241, 130, 0);
    font-size: 15px;
}

#giftmedia pre {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.giftvoucher-media .giftmedia-image {
    overflow: hidden;
    width: 265px;
    position: relative;
}

.giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc {
    font-size: 0.9em;
    font-style: italic;
    color: rgb(0, 136, 0);
    margin-top: -5px;
}

.giftvoucher-product-info #message {
    width: 100%;
    height: 88px;
}

.giftvoucher-product-info #recipient_address {
    width: 325px;
    height: 57px;
}

.giftvoucher-product-info #recipient_email, .giftvoucher-product-info #recipient_name, .giftvoucher-product-info #customer_name {
    width: 100%;
}

#giftvoucher-result {
    font-size: 15px;
}

#giftvoucher-result label {
    width: 160px;
}

.data-table .giftvoucher-grid-title th {
    background-image: none;
    border-bottom: 1px solid rgb(194, 211, 224);
}

.data-table .giftvoucher-grid-search th {
    vertical-align: top;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item {
    padding-bottom: 2px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text {
    width: 97%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container {
    float: left;
    padding-bottom: 2px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range {
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label {
    display: block;
    width: 36px;
    float: left;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text {
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select {
    width: 100%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price {
    min-width: 100px;
}

.giftvoucher-search-button {
    padding-bottom: 5px;
    text-align: right;
}

.customer-account-giftcard .balance {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dotted black;
}

.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend {
    background-color: rgb(246, 178, 107);
}

.customer-account-giftcard .account-balance {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dotted black;
}

.giftcard-preview-template-dialog .top, .giftcard-preview-template-dialog .bot {
    display: none;
}

.giftcard-preview-template-dialog .dialog_e, .giftcard-preview-template-dialog .dialog_w {
    width: 0px;
}

.giftcard-preview-template-dialog .dialog_close {
    display: none;
}

.giftcard-preview-template-dialog .dialog_content {
    font: 12px / 1.55 Arial, Helvetica, sans-serif;
    background-color: transparent !important;
    color: rgb(47, 47, 47) !important;
}

.gift-active {
    border: 2px solid rgb(228, 121, 17) !important;
}

.uploader .file-row {
    display: inline-block;
    width: 315px;
    padding: 0.3em 0.6em;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(249, 249, 249);
}

.uploader .file-row-narrow {
    width: auto;
    margin: 0px 0px 2px 40px;
}

.uploader .file-row .file-info {
    float: left;
}

.uploader .file-row-info {
    margin: 0px 0px 0px 10px;
}

.uploader .file-row-info .file-info-name {
    font-weight: bold;
}

.uploader .file-row .progress-text {
    float: right;
    font-weight: bold;
}

.uploader .file-row .delete-button {
    float: right;
}

.uploader .buttons {
    float: left;
}

.uploader .flex {
    float: right;
}

.uploader .progress {
    border: 1px solid rgb(240, 230, 183);
    background-color: rgb(254, 255, 204);
}

.uploader .error {
    border: 1px solid rgb(170, 23, 23);
    background-color: rgb(255, 230, 222);
}

.uploader .error .progress-text {
    padding-right: 10px;
}

.uploader .complete {
    border: 1px solid rgb(144, 200, 152);
    background-color: rgb(229, 255, 237);
}

#amount_range {
    width: 160px;
}

#popup-giftcard {
    position: fixed;
    z-index: 10000;
    width: 600px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    text-align: left;
}

#bg-fade {
    background: rgb(0, 0, 0);
    position: absolute;
    z-index: 9999;
    width: 100%;
    min-height: 800px;
    float: left;
    top: 0px;
    left: 0px;
    opacity: 0.8;
}

#giftvoucher-view-condition {
    float: left;
    clear: both;
}

#giftvoucher-view-condition:hover {
    text-decoration: none;
}

.calendar {
    z-index: 99999;
}

.calendar .button {
    display: table-cell;
}

.ajax-file-upload-progress {
    width: 95% !important;
}

.ajax-file-upload-green {
    display: none !important;
}

.ajax-file-upload-abort {
    display: none !important;
}

.ajax-file-upload-statusbar {
    width: 88% !important;
}

#giftcard-template-top {
    overflow: hidden;
    max-height: 550px;
    font-size: 14px;
    width: 100%;
    height: 365px;
}

#giftcard-template-top .giftcard-template-content {
    margin-left: 0px;
    padding: 0px;
    position: relative;
}

#giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2 {
    height: 190px;
    background-color: rgb(255, 255, 255);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#giftcard-template-top .giftcard-template-content-temp2 {
    padding-top: 0px;
    background-repeat: repeat;
    background-size: 100%;
}

.logo-title.logo-title-top {
    padding-left: 15px;
    float: left;
    height: 84px;
}

.logo-title.logo-title-top img {
    float: left;
    border-radius: 0px 0px 5px 5px;
    max-height: 70px;
    background-position: 15px 0px !important;
}

.name-value-top .giftcard-title {
    float: left;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    margin-left: 15px;
    line-height: 48px;
    font-weight: 600;
}

.name-value-top .giftcard-value .giftcard-text-color {
    float: left;
    font-size: 12px;
    padding-top: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.name-value-top .giftcard-value .giftcard-price-change {
    float: right;
    margin-left: 15px;
    font-size: 26px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

.name-value-top .value-price span {
    margin-right: 5px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin-top: -3px;
}

.name-value-top .giftcard-value .giftcard-price-change .price {
    margin-right: 10px;
    font-size: 26px;
    font-family: "Open Sans", sans-serif;
}

.giftcard-date-top {
    width: 59%;
    float: left;
    padding-top: 10px;
}

.giftcard-date-top .giftcard-from-to {
    float: left;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    margin-left: 15px;
    color: rgb(99, 99, 99) !important;
}

.giftcard-date-top .giftcard-from-to .giftcard-from {
    float: left;
    max-height: 25px;
}

.giftcard-date-top .giftcard-from-to .giftcard-text-color, .giftcard-date-top .giftcard-from-to .giftcard-style-color {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
}

.giftcard-information {
    float: left;
    clear: both;
    width: 342px;
    margin-top: 8px;
    margin-left: 15px;
}

.giftcard-date-top .giftcard-barcode {
    float: right;
    text-align: right;
    padding-right: 15px;
}

.giftcard-date-top span.giftcard-barcode img {
    max-width: 100%;
    float: right;
    height: 40px;
}

.giftcard-date-top .giftcard-barcode {
    padding-right: 15px;
    margin-top: -10px;
}

.giftcard-date-top .giftcard-from-to .giftcard-style-color {
    color: orange;
    font-size: 16px;
}

.giftcard-date-top .giftcard-to {
    margin-left: 0px;
    max-height: 25px;
    float: left;
    clear: both;
}

.giftcard-date-top .giftcard-number .giftcard-style-color {
    color: orange;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
    line-height: 30px;
}

.name-value-top .value-price {
    float: right;
    line-height: 55px;
}

.giftcard-date-top .giftcard-message {
    padding: 3px 6px 14px;
    height: 80px;
    vertical-align: middle;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid rgb(206, 206, 206);
    text-align: left;
}

.barcode-note .giftcard-code {
    float: right;
    margin-right: 15px;
}

.barcode-note .barcode {
    text-align: right;
    float: right;
    width: 158px;
    height: 40px;
}

.barcode-note .barcode img {
    height: 40px;
    max-width: 100%;
    float: right;
}

.giftcard-date-top .giftcard-custom-message {
    margin: 0px;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
}

.barcode-note .giftcard-note {
    margin-top: 5px;
    float: right;
    width: 215px;
    text-align: right;
    overflow: hidden;
    height: 90px;
    position: absolute;
    bottom: 10px;
}

.barcode-note .giftcard-note .giftcard-text-color {
    font-size: 12px;
    margin: 0px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

#timezone_to_send {
    visibility: visible !important;
}

#giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2 {
    position: relative;
    width: 100% !important;
}

#giftcard-template-top .giftcard-template-content {
    width: 100%;
    float: left;
    height: 175px;
    background-size: 100% !important;
}

#giftcard-template-top .giftcard-title-top {
    width: 100%;
    position: relative;
}

.hidden-giftcard-content-temp2 .giftcard-barcode-value {
    height: 30px !important;
}

#giftcard-template-top .title {
    width: 60% !important;
}

#giftcard-template-top .barcode-note {
    width: 230px;
    float: right;
    margin-top: 5px;
    position: relative;
    height: 170px;
}

#giftcard-template-top .giftcard-value-bottom {
    display: none;
}

.from-to-barcode-background {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.giftcard-change-image-background-popup .giftcard-logo {
    float: left;
    height: 84px;
    margin-left: 15px;
}

.giftcard-change-image-background-popup .giftcard-logo img {
    margin-bottom: 15px;
    border-radius: 0px 0px 5px 5px;
    max-height: 70px;
    float: left;
}

.giftcard-logo-background .giftcard-text-color {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    padding-right: 10px;
}

.giftcard-logo-background .giftcard-style-color.giftcard-price-change {
    font-size: 26px;
    margin-top: 6px;
}

.giftcard-logo-background .giftcard-style-color.giftcard-price-change .price {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    float: right;
    line-height: 52px;
}

.giftcard-logo-background .giftcard-title {
    float: left;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    margin-left: 15px;
    line-height: 52px;
    font-weight: 600;
}

.from-to-barcode-background .from-to {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    float: left;
    margin-left: 15px;
}

.from-to-barcode-background .from-to .giftcard-form {
    float: left;
    text-align: left;
    margin-top: 10px;
}

.from-to-barcode-background .from-to .giftcard-to {
    float: left;
    text-align: left;
    clear: both;
}

.giftcard-text {
    height: 90px;
}

.from-to-barcode-background span img {
    height: 40px;
    max-width: 100%;
}

.from-to-barcode-background .from-to .giftcard-text-color {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.from-to-barcode-background .from-to .giftcard-style-color {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}

.giftcard-box-background {
    overflow: hidden;
    width: 95%;
    margin: 0px auto;
}

.giftcard-box-background .giftcard-text-box {
    background: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid rgb(204, 204, 204);
    padding: 3px 0px 10px;
    display: table-cell;
    vertical-align: middle;
}

.giftcard-box-background .giftcard-text-color.giftcard-custom-message {
    margin: 0px;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
    font-family: "Open Sans", sans-serif;
    padding: 0px 5px;
    color: black !important;
}

.from-to-barcode-background .giftcard-barcode {
    float: right;
    margin-right: 15px;
}

.from-to-barcode-background .giftcard-barcode .giftcard-style-color {
    color: orange;
    font-weight: bold;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
}

.from-to-barcode-background .giftcard-barcode .giftcard-style-color {
    font-size: 14px;
    line-height: 30px;
    color: orange;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
}

.giftcard-note-background {
    float: left;
    box-sizing: content-box;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin-top: 8px;
    height: 30px;
}

.giftcard-note-background .form-note {
    width: 100%;
    margin: 0px auto;
}

.giftcard-note-background .giftcard-text-color {
    font-size: 12px;
    line-height: 15px;
    margin: 0px;
    font-family: "Open Sans", sans-serif;
    text-align: left;
    padding: 0px 15px;
    font-weight: 600;
    max-height: 33px;
    overflow: hidden;
}

#giftcard-template-back {
    width: 100%;
    float: left;
    position: relative;
}

#giftcard-template-back .giftcard-change-image-background-popup {
    width: 100%;
    top: 0%;
}

.giftcard-box-background .giftcard-text-box {
    height: 98px;
    text-align: left;
    display: inherit !important;
    background-size: 100% !important;
    width: 100% !important;
}

.giftcard-box-background {
    height: 95px;
    padding: 5px 3%;
    box-sizing: content-box;
    float: left;
    width: 93% !important;
    margin-top: 0px !important;
}

.from-to-barcode-background .giftcard-number {
    float: right;
    text-align: right;
}

.from-to-barcode-background .giftcard-barcode span.barcode {
    float: right;
}

.giftcard-change-image-background-popup img#img-type-background {
    position: relative;
    top: 0px;
    z-index: 10;
    left: 0px;
}

#giftcard-template-back img#img-type-background {
    width: 100%;
}

#giftcard-preview-template img#img-type-background {
    width: 100%;
}

#giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image {
    top: 0%;
    position: absolute;
    width: 100% !important;
}

.giftcard-product-media {
    float: left;
    width: 600px;
    height: 365px;
    transform-origin: left top;
}

.product-img-box {}

#giftcard-preview-template-content {
    float: left;
    width: 100%;
    overflow: hidden;
}

.giftvoucher-product-info {
    overflow: hidden;
}

#giftcard-template-left {
    overflow: hidden;
    width: 655px;
    font-size: 14px;
    float: left;
    background-size: 100% 100%;
}

#giftcard-preview-template .giftcard_value-color .giftcard-text-color {
    padding-right: 10px;
    margin-top: 15px;
}

.dialog.giftcard-preview-template-dialog .dialog_e {
    background: none;
}

.giftcard-template-content-left, .giftcard-change-image {
    width: 275px;
    height: 365px;
    display: block;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 275px 400px;
}

.logo1 {
    width: 100%;
    height: 50px;
    margin-top: -7px;
}

#giftcard-template-left .giftcard-title {
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-top: 10px !important;
    margin-left: 10px !important;
}

.giftcard-from {
    margin-right: 15px;
    overflow: hidden;
    display: table-cell;
    float: left;
    margin-bottom: 5px;
}

.giftcard-from-to .giftcard-style-color {
    color: orange;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}

.giftcard-to {
    max-height: 25px;
}

.giftcard-box {
    overflow: hidden;
    margin-top: 10px;
}

.giftcard-box .giftcard-text-box {
    display: block;
    border-radius: 5px;
    border: 1px solid rgb(204, 204, 204);
    padding: 0px 6px;
    height: 90px;
    vertical-align: middle;
    background: rgb(255, 255, 255);
    margin-top: 10px;
    text-align: left;
}

.giftcard_value .giftcard-text-color {
    float: left;
    padding-right: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

#giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color {
    padding-right: 10px;
    margin-top: 10px;
}

.giftcard_value .giftcard-style-color {
    float: left;
    clear: both;
}

.giftcard_value .giftcard-style-color .price {
    font-size: 22px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

.giftcard-number {
    width: 100%;
    float: right;
    text-align: right;
    margin-bottom: 5px;
}

.giftcard-number .giftcard-style-color {
    color: orange;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
}

.giftcard-custom-message {
    margin: 0px;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
}

.giftcard-barcode .giftcard-style-color {
    font-size: 14px;
    color: orange;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
}

.giftcard-text {
    overflow: hidden;
    vertical-align: bottom;
    height: 70px;
}

.giftcard-text .giftcard-text-color {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-align: left;
}

#giftcard-template-show-images .gift-active {
    overflow: hidden;
}

#giftcard-template-show-images .gift-active img {
    display: inline;
}

#giftcard-template-left .giftcard-template-content {
    background-position: 0px center;
    background-size: 100%;
    width: 350px;
    display: block;
    margin-left: 0px;
    float: right;
    height: 365px;
    background-repeat: repeat;
    box-sizing: content-box;
}

#giftcard-template-left .giftcard-logo div {
    width: 100% !important;
    margin-top: -7px !important;
    background-size: 80% 50px !important;
}

#giftcard-template-left .giftcard-from-to .giftcard-text-color {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

#giftcard-template-left {
    width: 100% !important;
}

#giftcard-template-left .giftcard-change-image {
    width: 250px;
    height: 365px;
    padding-bottom: 0px;
    position: relative;
    background-position: inherit !important;
    background-size: 100% 100% !important;
}

.giftcard-change-image img {
    height: 63px;
    max-width: 100%;
    display: inline;
}

.giftcard-change-image img#img-type-left {
    position: relative;
    top: 0px;
    z-index: 10;
    left: 0px;
}

.giftcard-template-content-left .giftcard-logo {
    position: absolute;
    top: 280px;
    text-align: center;
    width: 100%;
}

#giftcard-template-left .giftcard-template-content div.giftcard-style-color {
    margin: 15px 10px 0px 15px;
    text-align: left;
}

#giftcard-template-left .giftcard-template-content div.giftcard_value {
    float: left;
}

#giftcard-template-left .giftcard-template-content div.giftcard-code {
    float: right;
    width: 200px;
    margin-top: -5px;
}

#giftcard-template-left .giftcard-template-content .value-barcode {
    width: 320px;
    float: left;
    margin: 15px 15px 10px;
}

#giftcard-template-left .giftcard-template-content div.giftcard-from-to, #giftcard-template-left .giftcard-template-content div.giftcard-box, #giftcard-template-left .giftcard-template-content div.giftcard-text {
    width: 320px;
    float: left;
    margin: 0px 15px;
}

#giftcard-template-left .giftcard-barcode {
    float: right;
    width: 177px;
    text-align: right;
}

#giftcard-template-left .giftcard-barcode img {
    float: right;
    max-width: 100%;
    height: 40px;
}

#giftcard-template-left .giftcard-to {
    float: left;
    clear: both;
    margin-left: 0px;
}

#giftcard-template-show-images {
    overflow: hidden;
    position: relative;
    height: 60px;
}

#giftcard-template-show-images .images-for-slide {
    float: left;
    position: absolute;
    height: 60px;
    left: 0px;
}

.giftcard-template-control {
    z-index: 10;
    position: absolute;
    top: 10px;
    width: 27px;
    height: 31px;
    background: url("/media/fr/icon-nav.png") left 1px no-repeat transparent;
    text-decoration: none !important;
    outline: none !important;
}

#giftcard-template-prev {
    left: 0px;
}

#giftcard-template-next {
    right: 0px;
    background: url("/media/fr/icon-nav.png") left -41px no-repeat transparent;
}

.gift-card .discount {
    display: inline-block;
    width: 100%;
}

.gift-card .discount .form-group label {
    display: inline;
}

.discount .giftvoucher #giftvoucher {
    position: relative;
    margin-right: -33px;
    margin-top: 10px;
    margin-left: 15px;
}

.giftcard_change img {
    display: inline;
}

.discount .giftvoucher #giftvoucher {
    position: relative;
    margin-right: 0px;
    margin-top: -1px;
    margin-left: 0px;
}

.giftvoucher-discount-code img {
    display: inline;
}

.gift-card .table .col-xs-12 .label {
    float: left;
    margin-bottom: 5px;
}

.gift-card .table .col-xs-12 .v-middle {
    float: left;
    margin-top: 3px;
    margin-left: 3px;
}

#giftcard_history_table .item-hidden {
    display: none;
}

.giftvoucher-index-email .form-list li {
    width: 100%;
    float: left;
}

.dialog.giftcard-preview-template-dialog .dialog_w {
    background: none;
}

.gift-card .sub-title {
    font-size: 17px;
    text-transform: none;
    font-weight: 600;
    margin: 0px 0px 5px;
    padding: 0px;
}

.gift-card label em {
    color: red;
    font-weight: normal;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
}

.giftvoucher-product-info .giftcard-date-box img {
    display: inline;
    vertical-align: middle;
}

.giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {
    float: left;
    margin-right: 3px;
}

.giftcard-date-box button span {
    padding-left: 0px !important;
}

.add-to-box {
    clear: both;
}

.giftvoucher-receiver {
    float: left;
    clear: both;
    padding-bottom: 20px;
    width: 100%;
}

.giftvoucher-product-info .validation-advice {
    float: left;
    clear: both;
}

.recipient_email, .message, .recipient_ship_form {
    /*float: left;*/
    clear: both;
}

#notice-cookie-block {
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px 3px;
    color: rgb(0, 0, 0);
    max-width: 600px;
    left: 20px;
    padding: 20px;
}

.fieldset .giftvoucher #giftvoucher {
    position: relative;
    margin-right: -33px;
    margin-top: 10px;
    margin-left: 15px;
}

.giftcard_change img {
    display: inline;
}

.fieldset .giftvoucher_credit #giftvoucher_credit {
    position: relative;
    margin-right: -33px;
    margin-top: 10px;
    margin-left: 15px;
}

.fieldset #giftvoucher_container {
    float: left;
    padding-bottom: 12px;
    width: 100% !important;
}

.fieldset .sp-methods {
    float: left;
    clear: both;
    width: 100% !important;
}

.credit_input img {
    display: inline;
}

.credit_input .input-text {
    width: 68px !important;
}

.notice-msg li {
    font-weight: 700;
}

.giftvoucher-index-index .pager {
    margin-top: 7px;
}

.discount-form.giftvoucher #giftvoucher {
    position: relative;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 0px;
}

.discount-form .giftvoucher_credit #giftvoucher_credit {
    position: relative;
    margin-right: 5px;
    margin-left: 0px;
    float: left;
}

.giftvoucher-discount-code img {
    display: inline;
}

dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit, li.giftvoucher-discount-code strong {
    margin: 5px 0px;
}

#payment_form_giftvoucher_credit #gift_credit_message {
    float: left;
    width: 100%;
}

li.giftvoucher-discount-code strong {
    float: none;
}

.giftcard-code-hidden {
    display: none;
}

#giftcard-template-simple {
    width: 600px;
    float: left;
    background: rgb(255, 255, 255);
    border-radius: 3px;
    border: 1px solid rgb(221, 221, 221);
}

#giftcard-template-simple .simple-top {
    padding: 6px 6px 10px;
    float: left;
    width: 100%;
}

.giftcard-template-content-simple {
    float: left;
    width: 100%;
    height: 310px;
}

#giftcard-template-simple .simple-content-top {
    margin: 0px;
}

.simple-content-top .simple-logo {
    min-height: 85px;
    display: flex;
}

#giftcard-template-simple img {
    margin: auto;
}

.simple-bottom {
    float: left;
    width: 100%;
    padding: 6px;
    border-top: 1px solid rgb(221, 221, 221);
    min-height: 90px;
}

.two-border {
    border-left: 1px solid rgb(221, 221, 221);
    border-right: 1px solid rgb(221, 221, 221);
}

.no-right {
    border-left: 1px solid rgb(221, 221, 221);
}

.giftcard-number .giftcard-style-color {
    font-size: 16px;
}

.value-price .giftcard-text-color {
    font-size: 36px;
    line-height: 1;
}

.simple-barcode img {
    height: 35px;
    margin: auto;
}

.simple-content-top .simple-logo img {
    max-height: 100px;
    max-width: 100%;
}

#giftcard-template-simple .form-group.giftcard-value, #giftcard-template-simple .form-group.giftcard-number {
    margin: 5px 0px;
}

.simple-bottom .giftcard-custom-message {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 10px;
    font-size: 14px;
    color: rgb(68, 68, 68);
    line-height: 18px;
}

#giftcard-template-simple .giftcard-template-content-simple {
    background-size: 100%;
}

#giftcard-template-simple .logo-title {
    padding: 0px;
    float: none;
    height: auto;
}

#giftcard-template-simple img {
    display: inline;
    max-height: 90px;
    max-width: 180px;
}

#giftcard-template-simple .simple-barcode {
    min-height: 85px;
    display: flex;
}

#giftcard-template-simple .simple-content-top .col-xs-4, #giftcard-template-simple .simple-content-top .col-xs-6 {
    height: 90px;
}

#giftcard-template-simple .giftcard-number .giftcard-style-color {
    font-style: normal;
}

#giftcard-template-simple .giftcard-change-image {
    background-size: 100%;
}

@media (max-width: 1199px) {
    #gift-voucher-code {
        width: 65% !important;
    }
}

#gift-voucher-code {
    width: 90% !important;
}

#giftcard-template-left .giftcard-template-content .hidden-giftcard {
    height: 65px !important;
}

#giftcard-template-left .hidden-content {
    height: auto;
}

@media (max-width: 990px) {}

@media (max-width: 880px) {
    #gift-voucher-code {
        width: 100% !important;
    }
}

@media only screen and (max-width: 770px) {
    .col-main .giftvoucher-fieldset .input-box input[type="text"] {
        width: 365px !important;
    }
}

@media (max-width: 640px) {}

@media (max-width: 533px) {
    .buttons-set button {
        margin-bottom: 3px;
    }

    #addredeem-giftvoucher-code .buttons-set button.button {
        width: 40%;
        float: right !important;
    }
}

@media (max-width: 440px) {
    .page-title h1 {
        font-size: 18px !important;
    }

    .balance .button {
        float: none !important;
        width: 185px !important;
    }

    .giftvoucher-search-button {
        text-align: left !important;
    }

    .button {
        padding: 5px !important;
    }

    #giftvoucher_grid-gift_code {
        margin-left: 70px;
        width: 65px !important;
    }
}

@media (max-width: 420px) {
    .giftcard {
        display: block;
    }
}

dd#giftcard_shoppingcart_apply ul, dd.giftvoucher ul#payment_form_giftvoucher {
    list-style-type: none;
}

.gift-card .discount .giftvoucher #giftvoucher {
    margin-left: 15px;
    margin-right: -33px;
}

dd.giftvoucher .giftvoucher-discount-code label {
    font-size: 13px;
}

dd.giftvoucher .giftvoucher-discount-code li {
    margin-left: 45px;
    margin-top: 10px;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0px, 0px, 0px);
    }

    40%, 43% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0px, -30px, 0px);
    }

    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0px, -15px, 0px);
    }

    90% {
        transform: translate3d(0px, -4px, 0px);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0px, 0px, 0px);
    }

    40%, 43% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0px, -30px, 0px);
    }

    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0px, -15px, 0px);
    }

    90% {
        transform: translate3d(0px, -4px, 0px);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        transform: translate3d(0px, 0px, 0px);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0px, 0px);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0px, 0px);
    }
}

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

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0px, 0px);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0px, 0px);
    }
}

.shake {
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: center top;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        transform: none;
    }
}

@keyframes wobble {
    0% {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
    animation-duration: 0.75s;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0px, -3000px, 0px);
    }

    60% {
        opacity: 1;
        transform: translate3d(0px, 25px, 0px);
    }

    75% {
        transform: translate3d(0px, -10px, 0px);
    }

    90% {
        transform: translate3d(0px, 5px, 0px);
    }

    100% {
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0px, -3000px, 0px);
    }

    60% {
        opacity: 1;
        transform: translate3d(0px, 25px, 0px);
    }

    75% {
        transform: translate3d(0px, -10px, 0px);
    }

    90% {
        transform: translate3d(0px, 5px, 0px);
    }

    100% {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0px, 0px);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0px, 0px);
    }

    75% {
        transform: translate3d(-10px, 0px, 0px);
    }

    90% {
        transform: translate3d(5px, 0px, 0px);
    }

    100% {
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0px, 0px);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0px, 0px);
    }

    75% {
        transform: translate3d(-10px, 0px, 0px);
    }

    90% {
        transform: translate3d(5px, 0px, 0px);
    }

    100% {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0px, 0px);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0px, 0px);
    }

    75% {
        transform: translate3d(10px, 0px, 0px);
    }

    90% {
        transform: translate3d(-5px, 0px, 0px);
    }

    100% {
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0px, 0px);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0px, 0px);
    }

    75% {
        transform: translate3d(10px, 0px, 0px);
    }

    90% {
        transform: translate3d(-5px, 0px, 0px);
    }

    100% {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0px, 3000px, 0px);
    }

    60% {
        opacity: 1;
        transform: translate3d(0px, -20px, 0px);
    }

    75% {
        transform: translate3d(0px, 10px, 0px);
    }

    90% {
        transform: translate3d(0px, -5px, 0px);
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0px, 3000px, 0px);
    }

    60% {
        opacity: 1;
        transform: translate3d(0px, -20px, 0px);
    }

    75% {
        transform: translate3d(0px, 10px, 0px);
    }

    90% {
        transform: translate3d(0px, -5px, 0px);
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    animation-name: bounceOut;
    animation-duration: 0.75s;
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0px, 10px, 0px);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0px, -20px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, 2000px, 0px);
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0px, 10px, 0px);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0px, -20px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, 2000px, 0px);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0px, 0px);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0px, 0px);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate3d(2000px, 0px, 0px);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate3d(2000px, 0px, 0px);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0px, -10px, 0px);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0px, 20px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, -2000px, 0px);
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0px, -10px, 0px);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0px, 20px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, -2000px, 0px);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0px, -2000px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0px, -2000px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0px, 2000px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0px, 2000px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, 2000px, 0px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, 2000px, 0px);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(-100%, 0px, 0px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(-100%, 0px, 0px);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0px, 0px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0px, 0px);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(2000px, 0px, 0px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(2000px, 0px, 0px);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, -2000px, 0px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, -2000px, 0px);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

.flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    animation-duration: 0.75s;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    animation-name: flipOutY;
    animation-duration: 0.75s;
    backface-visibility: visible !important;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0px, 0px) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0px, 0px) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0px, 0px) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0px, 0px) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center center;
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: left top;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: left top;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: left top;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        transform: translate3d(0px, 700px, 0px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform-origin: left top;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: left top;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: left top;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        transform: translate3d(0px, 700px, 0px);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px);
    }

    100% {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0px, 0px);
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px);
    }

    100% {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0px, 0px);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px);
    }

    100% {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0px, 0px);
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px);
    }

    100% {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0px, 0px);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        transform: translateY(0px);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        transform: translateX(0px);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        transform: translateX(0px);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        transform: translateY(0px);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateY(0px);
    }

    100% {
        visibility: hidden;
        transform: translateY(100%);
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0px);
    }

    100% {
        visibility: hidden;
        transform: translateY(100%);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateX(0px);
    }

    100% {
        visibility: hidden;
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0px);
    }

    100% {
        visibility: hidden;
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateX(0px);
    }

    100% {
        visibility: hidden;
        transform: translateX(100%);
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0px);
    }

    100% {
        visibility: hidden;
        transform: translateX(100%);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateY(0px);
    }

    100% {
        visibility: hidden;
        transform: translateY(-100%);
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0px);
    }

    100% {
        visibility: hidden;
        transform: translateY(-100%);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    overflow: hidden;
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0px;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0px;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
}

#cboxOverlay {
    background: rgb(0, 0, 0);
}

#colorbox {
    outline: 0px;
}

#cboxTopLeft {
    width: 25px;
    height: 25px;
    background: url("/media/fr/border1.png") 0px 0px no-repeat;
}

#cboxTopCenter {
    height: 25px;
    background: url("/media/fr/border1.png") 0px -50px repeat-x;
}

#cboxTopRight {
    width: 25px;
    height: 25px;
    background: url("/media/fr/border1.png") -25px 0px no-repeat;
}

#cboxBottomLeft {
    width: 25px;
    height: 25px;
    background: url("/media/fr/border1.png") 0px -25px no-repeat;
}

#cboxBottomCenter {
    height: 25px;
    background: url("/media/fr/border1.png") 0px -75px repeat-x;
}

#cboxBottomRight {
    width: 25px;
    height: 25px;
    background: url("/media/fr/border1.png") -25px -25px no-repeat;
}

#cboxMiddleLeft {
    width: 25px;
    background: url("/media/fr/border2.png") 0px 0px repeat-y;
}

#cboxMiddleRight {
    width: 25px;
    background: url("/media/fr/border2.png") -25px 0px repeat-y;
}

#cboxContent {
    background: rgb(255, 255, 255);
}

.cboxIframe {
    background: rgb(255, 255, 255);
}

#cboxError {
    padding: 50px;
    border: 1px solid rgb(204, 204, 204);
}

#cboxLoadedContent {
    margin-bottom: 20px;
}

#cboxTitle {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    color: rgb(153, 153, 153);
}

#cboxCurrent {
    position: absolute;
    bottom: 0px;
    left: 100px;
    color: rgb(153, 153, 153);
}

#cboxLoadingOverlay {
    background: url("/media/fr/loading.gif") center center no-repeat rgb(255, 255, 255);
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0px;
    padding: 0px;
    margin: 0px;
    overflow: visible;
    width: auto;
    background: none;
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0px;
}

#cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 42px;
    color: rgb(68, 68, 68);
}

#cboxPrevious {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: rgb(68, 68, 68);
}

#cboxNext {
    position: absolute;
    bottom: 0px;
    left: 63px;
    color: rgb(68, 68, 68);
}

#cboxClose {
    position: absolute;
    top: -27px;
    right: -25px;
    display: block;
    color: transparent;
    background: url("/media/fr/fancy_close.png") 0px 0px no-repeat;
    width: 30px;
    height: 30px;
}

.action_button li {
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0px;
}

.action_button li a.button {
    padding: 8px 10px;
}

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {}

.container-small, .container-large {
    max-width: 100%;
}

.ajax-loading-img {
    background-image: url("/media/fr/preloader.gif");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}

@media (min-width: 768px) {
    .container-small {
        width: 300px;
    }

    .container-large {
        width: 970px;
    }
}

@media (min-width: 992px) {
    .container-small {
        width: 500px;
    }

    .container-large {
        width: 1170px;
    }
}

@media (min-width: 1200px) {
    .container-small {
        width: 700px;
    }

    .container-large {
        width: 1500px;
    }
}

@media (max-width: 992px) {
    .offcanvas-widget-siderbars .offcanvas-widget-sidebar {
        display: none;
        width: 100%;
    }

    .offcanvas-widget-siderbars.column-left-active .offcanvas-widget-sidebar.canvas-show {
        display: block;
    }

    .offcanvas-widget-siderbars.column-left-active .main-column, .offcanvas-widget-siderbars.column-right-active .main-column {
        display: none;
    }
}

.col-nopadding, .row-nopadding, .widget-nopadding {
    padding: 0px !important;
}

.row.no-gutters {
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters>[class^="col-"], .row.no-gutters>[class*=" col-"], .row.no-gutters>.row-inner>[class^="col-"], .row.no-gutters>.row-inner>[class*=" col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.left-block {
    display: block;
    margin-left: 0px;
    margin-right: auto;
}

.right-block {
    display: block;
    margin-left: auto;
    margin-right: 0px;
}

.block .opener {
    position: absolute;
    right: 0px;
    top: 2px;
    display: block;
    cursor: pointer;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.accordian-play .panel-item-content {
    display: none;
    margin: 0px auto;
    max-width: 1080px;
    text-align: center;
    overflow: hidden;
}

.accordian-play .menu-title {
    transition: all 0.5s ease 0s;
    color: rgb(20, 20, 20);
    cursor: pointer;
    text-align: center;
    padding: 60px 0px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgb(216, 216, 215);
}

.accordian-play .menu-title .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    padding-bottom: 80px;
    position: absolute;
    top: 0px;
    opacity: 0;
    width: 100%;
    z-index: 0;
}

.accordian-play .menu-title h3 {
    transition: all 0.5s ease 0s;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 4.5em;
    letter-spacing: 0.09em;
    line-height: 1em;
    position: relative;
    z-index: 5;
}

.accordian-play .menu-title h3 span {
    display: block;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 0;
    letter-spacing: 0px;
    position: relative;
    top: 15px;
}

.accordian-play .menu-title p {
    transition: all 0.5s ease 0s;
    font-size: 2em;
    font-style: italic;
    margin: 0.3em 0px 0px;
    position: relative;
    z-index: 5;
}

.accordian-play .menu-title i {
    transition: all 0.5s ease 0s;
    color: rgb(204, 204, 204);
    display: block;
    height: 38px;
    position: absolute;
    font-size: 38px;
    width: 38px;
    margin-top: -19px;
    top: 50%;
    right: 90px;
    z-index: 5;
}

.accordian-play .menu-title.adjust {
    padding: 50px 0px;
}

.accordian-play.press .menu-title a {
    color: inherit;
    text-decoration: none;
}

.accordian-play.press .menu-title p {
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    color: rgb(72, 71, 71);
    font-size: 1.3em;
    letter-spacing: 0.15em;
    margin: 0px 0px 0.75em;
}

.accordian-play.press .menu-title .bg {
    background-repeat: no-repeat;
    background-size: cover;
}

.accordian-play.press .menu-title i {
    border: 3px solid rgb(204, 204, 204);
    border-radius: 36px;
    height: 32px;
    width: 32px;
    font-size: 20px;
}

.accordian-play.press .menu-title i::before {
    left: 1px;
    top: 6px;
    position: relative;
}

.accordian-play.press .menu-title:hover {
    background: rgb(143, 38, 38);
}

.accordian-play.press .menu-title:hover p {
    color: rgb(255, 255, 255);
}

.accordian-play.press .menu-title:hover i {
    border: 3px solid rgb(255, 255, 255);
}

.widget-images .image-description p {
    margin: 0px;
}

.widget-images .image-description br {
    display: none !important;
}

.social-sharing-links li {
    float: left;
    padding: 0px 7px 7px;
}

.social-sharing-links a {
    font-size: 18px;
}

.lookbook-products {
    overflow: auto;
    height: 100%;
    width: 100%;
    min-width: 100px;
}

.product-shop {
    width: 775px;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
}

.productshop_card {
    border: 1px solid rgb(224, 224, 224);
}

.product-view .ves-container .product-img-box, .product-view .ves-container .product-shop, .product-view .ves-container .add-to-cart-wrapper, .product-view .ves-container .block-related {
    width: 100%;
}

.jcarousel-control {
    display: block;
    text-align: center;
}

.productdeals .item-countdown {
    padding: 10px 0px;
}

.productdeals .item-countdown ul {}

.productdeals .item-countdown ul li {
    display: inline-block;
    margin: 0px 8px 0px 0px;
    line-height: normal;
    border: 0px;
}

.productdeals .item-countdown ul li.first {}

.productdeals .item-countdown ul li.last {
    margin: 0px;
}

.productdeals .item-countdown ul li div {
    text-transform: lowercase;
    font-size: 12px;
    display: inline-block;
}

.productdeals .item-countdown ul li div.countdown_num {}

.productdeals .item-countdown ul li div.countdown_num span.mw_dld_detail_num {}

.productdeals .timeleft {}

.productdeals .item-countdown ul li div.countdown_num span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    padding: 4px 0px;
}

.productdeals .item-countdown ul li div.countdown_num span+span {
    border-left: 0px;
}

.product-image-gallery .gallery-image {
    display: none;
}

.product-img-box .product-image img {
    max-width: 100%;
    max-height: 750px;
    margin: 0px auto;
}

.product-image-gallery .gallery-image.visible {
    display: block;
}

.banner-countdowns .timeleft h3 {
    padding: 0px;
    margin: 0px;
    line-height: 40px;
    font-family: verdana, arial;
    font-size: 19px;
    font-weight: normal;
    color: rgb(255, 255, 255) !important;
}

.banner-countdowns .item-countdown {
    padding: 10px 0px;
    direction: ltr;
}

.banner-countdowns .item-countdown ul {}

.banner-countdowns .item-countdown ul li {
    display: inline-block;
    margin: 0px 8px 0px 0px;
    line-height: normal;
    border: 0px;
}

.banner-countdowns .item-countdown ul li.first {}

.banner-countdowns .item-countdown ul li.last {
    margin: 0px;
}

.banner-countdowns .item-countdown ul li div {
    text-transform: lowercase;
    clear: both;
    text-align: center;
    width: 100%;
    font-size: 12px;
}

.banner-countdowns .item-countdown ul li div.countdown_num {}

.banner-countdowns .item-countdown ul li div.countdown_num span.mw_dld_detail_num {}

.banner-countdowns .timeleft {
    background-color: rgb(107, 158, 27);
    background-image: linear-gradient(rgb(122, 168, 50), rgb(75, 111, 19));
}

.banner-countdowns .item-countdown ul li div.countdown_num span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(235, 235, 235);
    padding: 4px 6px;
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(248, 248, 248) 51%, rgb(248, 248, 248) 100%);
}

.banner-countdowns .item-countdown ul li div.countdown_num span+span {
    border-left: 0px;
}

.banner-countdowns .product-block .group-item {
    display: inline-block;
}

.banner-countdowns .group-action .cart {
    float: none;
}

.banner-countdowns .group-action .cart input {
    background-color: rgb(126, 172, 34);
    display: inline-block;
    height: auto;
    overflow: hidden;
    padding: 0px;
    text-indent: 0px;
    width: auto;
}

.banner-countdowns .group-action .group-action-inner {
    background-color: rgb(126, 172, 34);
    bottom: 30px;
    height: 33px;
    margin: 0px;
    position: absolute;
    width: 100%;
    right: -100%;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.banner-countdowns .product-block:hover .group-action .group-action-inner {
    right: 0px;
    opacity: 1;
    transition: all 1s ease 0s;
}

.banner-countdowns .group-action .wishlist, .banner-countdowns .group-action .compare {
    float: left;
    width: 19.5%;
    border-left: 1px solid rgb(140, 188, 43);
    border-right: 1px solid rgb(109, 149, 29);
}

.banner-countdowns .group-action .cart {
    float: left;
    border-left: 1px solid rgb(140, 188, 43);
    width: 56%;
}

.banner-countdowns .group-action .wishlist:hover, .banner-countdowns .group-action .compare:hover, .banner-countdowns .group-action .cart:hover {}

.banner-countdowns .group-action .wishlist a, .banner-countdowns .group-action .compare a, .banner-countdowns .group-action .cart .button {
    background-image: url("/media/fr/icon-action.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 100%;
}

.banner-countdowns .group-action .wishlist a, .banner-countdowns .group-action .compare a {
    overflow: hidden;
    text-indent: -9999em;
    padding: 0px;
}

.banner-countdowns .group-action .wishlist a {
    background-position: 55% 12px;
}

.banner-countdowns .group-action .compare a {
    background-position: 58% -52px;
}

.banner-countdowns .group-action .cart .button {
    background-position: 14% -125px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    padding-left: 30px;
}

.banner-countdowns .group-action .icon-plus {
    background-color: rgb(242, 113, 31);
    bottom: 0px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0px;
    text-align: center;
    width: 30px;
}

.banner-countdowns .product-block:hover .group-action .icon-plus {
    background-color: rgb(126, 172, 34);
}

.banner-countdowns .product-block .rating {
    display: none;
}

.banner-countdowns .carousel-controls {
    position: absolute;
    right: 0px;
    top: 10px;
    width: 80px;
}

.banner-countdowns .carousel-control {
    border-radius: 15px;
    font-size: 24px;
    height: 20px;
    line-height: 15px;
    margin-top: 0px;
    width: 20px;
    opacity: 0.5;
}

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

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

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

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

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

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

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

.swiper-slide {
    transform-style: preserve-3d;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

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

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

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

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

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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("/media/fr/arrow-left-blue.svg");
    left: 10px;
    right: auto;
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("/media/fr/arrow-left-black.svg");
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("/media/fr/arrow-left-white.svg");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("/media/fr/arrow-right-blue.svg");
    right: 10px;
    left: auto;
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("/media/fr/arrow-right-black.svg");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("/media/fr/arrow-right-white.svg");
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: all 300ms ease 0s;
    transform: translate3d(0px, 0px, 0px);
    z-index: 10;
}

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.2;
}

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

.swiper-pagination-white .swiper-pagination-bullet {
    background: rgb(255, 255, 255);
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: rgb(0, 122, 255);
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: rgb(255, 255, 255);
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: rgb(0, 0, 0);
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {}

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

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

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

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    transform-origin: 0px 0px;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
}

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.6;
    filter: blur(50px);
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    background: rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

.swiper-lazy-preloader::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("/media/fr/loading-gray.svg");
    background-position: 50% center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white::after {
    background-image: url("/media/fr/loading-white.svg");
}

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

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

.boxed-layout .slider.banners {
    margin: 0px -15px;
}

.slider.banners .swiper-slide .slide-inner {
    overflow: hidden;
    padding-right: 8px;
}

.slider.banners .swiper-slide:last-child .slide-inner {
    padding-right: 0px;
}

.slider.banners .swiper-slide {
    box-sizing: content-box;
}

.slider.banners .swiper-slide-big {
    width: 400px;
}

.slider.banners .swiper-slide-small {
    width: 234px;
}

.slider.banners .swiper-slide-big.swiper-slide:last-child {
    width: 392px;
}

.slider.banners .swiper-slide-small.swiper-slide:last-child {
    width: 224px;
}

.slider.banners .slide-wrapper {
    overflow: hidden;
    position: relative;
}

.slider.banners .swiper-slide-small .slide-wrapper {
    margin: 0px 0px 6px;
}

.slider.banners .swiper-wrapper {
    width: 100%;
}

.slider.banners .swiper-slide-big .slide-wrapper, .slider.banners .swiper-slide-big .slide-inner {
    height: 100%;
}

.slider.banners .swiper-slide img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.slider.banners img {
    transition: all 1.2s ease 0s;
}

.slider.banners .slide-wrapper:hover img {
    transform: scale(1.2) rotateZ(-5deg);
}

.slider.banners .slide-wrapper::after {
    content: "";
    position: absolute;
    inset: 0px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 20px 450px inset;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 0;
}

.slider.banners .slide-wrapper:hover::after {
    visibility: visible;
    opacity: 1;
}

.slider.banners .next, .slider.banners .prev {
    padding: 6px 14px;
    width: 50px;
    height: 50px;
    margin: -26px 0px 0px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease 0s;
    border: 2px solid rgba(255, 255, 255, 0);
    text-indent: 100%;
}

.slider.banners .prev {
    left: -51px;
}

.slider.banners .next {
    right: -51px;
}

.slider.banners:hover .prev {
    left: 15px;
    opacity: 0.8;
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.8);
}

.slider.banners:hover .next {
    right: 15px;
    opacity: 0.8;
    color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.8);
}

.slider.banners .next::before, .slider.banners .prev::before {
    font-family: FontAwesome;
    font-size: 30px;
    width: 15px;
    position: absolute;
    top: 2px;
}

.slider.banners .next::before {
    content: "ï„…";
    left: 0px;
}

.slider.banners .prev::before {
    content: "ï„„";
    left: -3px;
}

.slider.banners .prev:hover, .slider.banners .next:hover {
    opacity: 1;
}

.slider.banners .slide-text {
    position: absolute;
    display: block;
    left: 36px;
    right: 36px;
    z-index: 1;
    text-align: center;
    padding: 12px 0px 4px;
    margin: 32px 0px;
}

.slider.banners .slide-wrapper a.slide-link {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.slider.banners .swiper-slide-small .slide-text {
    left: 18px;
    right: 18px;
}

.slider.banners .slide-text.top {
    top: 0px;
}

.slider.banners .slide-text.bottom {
    bottom: 0px;
}

.slider.banners .slide-text.center {
    top: 0px;
}

.slider.banners .slide-text.border {
    border-top: 1px solid rgba(255, 255, 255, 0.43);
    border-bottom: 1px solid rgba(255, 255, 255, 0.43);
    border-right-color: rgba(255, 255, 255, 0.43);
    border-left-color: rgba(255, 255, 255, 0.43);
}

.slider.banners .slide-text h3, .slider.banners .slide-text h4 {
    color: rgb(255, 255, 255);
    margin: 0px 0px 5px;
    text-align: center;
    line-height: 0.85em;
}

.slider.banners .slide-text h3 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0px;
}

.slider.banners .slide-text h4 {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.widget-swiper .slider.banners {
    margin-top: -25px;
}

.bx-wrapper {
    position: relative;
    margin: 0px auto 60px;
    padding: 0px;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bx-wrapper .bx-viewport {
    left: -5px;
    background: rgb(255, 255, 255);
    transform: translateZ(0px);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url("/media/fr/bx_loader.gif") center center no-repeat rgb(255, 255, 255);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2000;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: bold;
    color: rgb(102, 102, 102);
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgb(102, 102, 102);
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0px 5px;
    outline: 0px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgb(0, 0, 0);
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url("/media/fr/controls.png") 0px -32px no-repeat;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url("/media/fr/controls.png") -43px -32px no-repeat;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0px 0px;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0px;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0px;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0px;
    background: url("/media/fr/controls.png") -86px -11px no-repeat;
    margin: 0px 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0px;
    background: url("/media/fr/controls.png") -86px -44px no-repeat;
    margin: 0px 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0px;
    width: 35px;
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: rgb(255, 255, 255);
    font-family: Arial;
    display: block;
    font-size: 0.85em;
    padding: 10px;
}

.ves-container .clearfix {
    overflow: visible !important;
}

.widget-raw-html {
    margin: 60px 0px;
}

.m .widget-raw-html {
    margin: 30px 0px;
}

.widget-title {
    position: relative;
    text-align: center;
}

.pb_center {
    text-align: center;
}

.pb_section_01 {
    font-size: 24px;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
    padding: 0px 20px;
    text-align: center;
    display: table;
    margin: 0px auto;
}

.pb_section_01::before {
    content: "";
    position: absolute;
    top: 15px;
    background: rgb(224, 224, 224);
    height: 1px;
    width: 100%;
    left: 0px;
    z-index: -1;
}

.pb_section_02 {
    display: inline;
    text-align: center;
    background-color: rgb(0, 0, 0);
    color: white;
    font-size: 19px;
    text-transform: uppercase;
    font-family: Roboto-Regular;
    padding: 5px 20px;
    line-height: 23px;
    letter-spacing: 1px;
}

.m .pb_section_02 {
    display: block;
}

.pb_title_left {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 23px;
}

.pb_txt_left {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    line-height: 23px;
}

.pb_title_right {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 23px;
    text-align: right;
}

.pb_txt_right {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    line-height: 23px;
    text-align: right;
}

.pb_stats_txt {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    line-height: 23px;
    color: rgb(0, 0, 0);
}

.pb_title_center {
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
    text-align: center;
    font-family: Roboto-Regular;
}

.pb_txt_center {
    font-size: 14px;
    text-align: center;
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    padding: 10px 0px;
    max-width: 778px;
    margin: auto;
    line-height: 23px;
}

.pb_link {
    text-align: center;
}

.pb_link a {
    margin: 10px 0px;
    display: inline-block;
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 7px 15px;
}

.pb_link a:hover, .pb_link a:active {
    color: rgb(255, 255, 255);
    background-position: 0px 0px;
}

.pb_link a::before {
    content: '\2192';
    margin-right: 10px;
}

.pb_cta_2 a {
    margin: 10px 0px;
    display: inline-block;
    border: 2px solid rgb(128, 151, 162);
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: rgb(33, 170, 155);
    letter-spacing: 0.8px;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(33, 170, 155), rgb(33, 170, 155) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 10px 75px;
    text-transform: uppercase;
}

.pb_cta_2 a:hover, .pb_cta_2 a:active {
    color: rgb(255, 255, 255);
    background-position: 0px 0px;
}

.pb_cta_3 a {
    margin: 10px 0px;
    display: inline-block;
    border: 2px solid rgb(255, 255, 255);
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: rgb(255, 255, 255);
    letter-spacing: 0.8px;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 10px 75px;
    text-transform: uppercase;
}

.m .pb_cta_3 a {
    padding: 10px 0px;
    text-align: center;
    width: 100%;
}

.pb_cta_3 a:hover, .pb_cta_3 a:active {
    background-position: 0px 0px;
    color: rgb(65, 93, 132) !important;
}

.pb_quote_txt_center_italic {
    font-family: Raleway-Italic;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.8px;
    line-height: 23px;
    color: rgb(0, 0, 0);
    padding: 18px 0px;
}

.widget-citation .picto-citation {
    text-align: center;
}

.pb_quote_txt_center_big {
    font-size: 24px;
    letter-spacing: 0.8px;
    line-height: 35px;
    color: rgb(0, 0, 0);
    text-align: center;
}

.widget-citation .pb_quote_txt_center_big {
    padding: 0px 150px;
    margin: 20px 0px 14px;
}

.m .widget-citation .pb_quote_txt_center_big {
    padding: 0px;
    margin: 23px 0px 27px;
}

.pb_quote_center_author {
    font-family: Raleway-Extrabold;
    font-size: 12px;
    letter-spacing: 0.8px;
    line-height: 23px;
    color: rgb(0, 0, 0);
    text-align: center;
}

.pb_subtitle_left_italic {
    font-family: Raleway-italic;
    font-size: 14px;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    text-align: left;
}

.pb_title_fond {
    font-size: 13px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    padding: 3px 10px;
    color: white;
    background-color: rgb(0, 0, 0);
    display: inline-block;
    margin-bottom: 6px;
}

.pb_title_fond_bold {
    font-family: Raleway-extrabold;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    padding: 3px 10px;
    color: white;
    background-color: rgb(0, 0, 0);
    display: inline-block;
    margin-bottom: 6px;
}

.pb_title_left_white {
    font-family: Raleway-black;
    color: white;
    font-size: 29px;
    letter-spacing: 0.8px;
    line-height: 30px;
    text-align: left;
}

.pb_txt_left_white {
    font-family: Roboto-Regular;
    color: white;
    font-size: 14px;
    letter-spacing: 0.8px;
    line-height: 23px;
    text-align: left;
}

.pb_title_left_border_white {
    font-size: 14px;
    font-family: Raleway-extrabold;
    letter-spacing: 0.8px;
    line-height: 23px;
    color: rgb(255, 255, 255);
    text-align: left;
    border-bottom: 1px solid white;
}

.pb_txt_bullet_white {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    line-height: 23px;
    color: rgb(255, 255, 255);
    text-align: left;
}

.widget-texte-image-background .block-content {
    display: inline-block;
}

.widget-texte-image-background .bloc-txt-img-visuel {
    width: 550px;
    float: right;
    text-align: center;
}

.widget-texte-image-background .bloc-txt-img-contenu {
    width: 600px;
    float: left;
    padding: 80px 0px 0px 100px;
}

.m .widget-texte-image-background .bloc-txt-img-visuel, .m .widget-texte-image-background .bloc-txt-img-contenu {
    width: auto;
    float: none;
}

.m .widget-texte-image-background .bloc-txt-img-contenu {
    padding: 50px 30px;
}

a.animate-link-blue::before {
    content: '\2192';
    margin-right: 10px;
}

a.animate-link-blue {
    display: inline-block;
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 7px 15px;
    letter-spacing: 0.8px;
}

a.animate-link-blue:hover {
    color: rgb(255, 255, 255);
    background-position: 0px 0px;
}

.widget-texte-image-background .bloc-sous-titre {
    text-align: left;
    font-size: 29px;
    font-family: Raleway-black;
    letter-spacing: 0.8px;
    color: rgb(255, 255, 255);
}

.widget-texte-image-background .bloc-texte {
    text-align: left;
    letter-spacing: 0.8px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Roboto-Regular;
    line-height: 22px;
    margin: 25px 0px 20px;
}

.widget-ancres ul {
    display: table;
    width: auto;
    margin: 0px auto;
}

.widget-ancres ul li {
    float: left;
    cursor: pointer;
    border: 8px solid rgb(244, 249, 250);
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    font-size: 14px;
    width: 265px;
    height: 216px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 30px;
    list-style-type: none;
}

.widget-ancres ul li:hover {
    border: 8px solid rgb(0, 0, 0);
}

.widget-ancres ul a:last-child li {
    margin-right: 0px;
}

.widget-ancres ul li img {
    display: block;
    margin: 33px auto 13px;
}

.widget-ancres ul li strong {
    font-family: Roboto-Regular;
}

.m .widget-ancres ul li {
    width: 100%;
    margin: 0px 0px 15px;
    height: 120px;
    padding-top: 35px;
    text-align: left;
}

.m .widget-ancres ul li img {
    float: left;
    margin: -10px 20px 0px;
    width: 55px;
}

.widget-conseils-expert-introduction .block-content {
    display: inline-block;
}

.widget-conseils-expert-introduction .conseils-expert-introduction-image {
    float: left;
    width: 590px;
}

.widget-conseils-expert-introduction .conseils-expert-introduction-image img {
    max-width: 100%;
}

.widget-conseils-expert-introduction .conseils-expert-introduction-contenu {
    float: left;
    width: 560px;
    padding: 50px 0px 0px 80px;
}

.widget-conseils-expert-introduction .conseils-expert-introduction-contenu .pb_title_left {
    margin-bottom: 25px;
}

.widget-conseils-expert-introduction .conseils-expert-introduction-contenu img.picto {
    float: left;
    padding: 6px 15px 15px 0px;
}

.m .widget-conseils-expert-introduction .conseils-expert-introduction-contenu, .m .widget-conseils-expert-introduction .conseils-expert-introduction-image {
    float: none;
    width: 100%;
}

.m .widget-conseils-expert-introduction .conseils-expert-introduction-contenu {
    padding: 30px 30px 0px;
}

.m .widget-conseils-expert-introduction .conseils-expert-introduction-contenu .pb_title_left {
    text-align: center;
}

.m .widget-conseils-expert-introduction .conseils-expert-introduction-contenu img.picto {
    display: block;
    margin: 0px auto 20px;
    float: none;
    padding: 0px;
}

.m .widget-conseils-expert-introduction .conseils-expert-introduction-contenu .pb_txt_left {
    text-align: center;
}

.widget-quinconce .block-content {
    display: inline-block;
}

.widget-quinconce .quinconce-left {
    float: left;
    width: 590px;
}

.widget-quinconce .quinconce-right {
    float: right;
    width: 590px;
}

.widget-quinconce .quinconce-image img {
    max-width: 100%;
    display: block;
}

.widget-quinconce .quinconce-texte {
    padding: 65px 85px 0px;
}

.widget-quinconce .break-quinconce {
    clear: both;
    height: 0px;
}

.widget-quinconce .quinconce-texte .pb_title_left {
    margin: 3px 0px 25px;
}

.widget-quinconce .quinconce-texte .pb_link, .widget-quinconce .quinconce-texte .pb_cta_2 {
    text-align: left;
    margin-top: 15px;
}

.m .widget-quinconce .quinconce-left, .m .widget-quinconce .quinconce-right {
    width: 100%;
    float: none;
}

.m .widget-quinconce .block-content {
    display: block;
}

.m .widget-quinconce .quinconce-texte {
    padding: 50px 30px 35px;
}

.m .widget-quinconce .quinconce-texte .pb_subtitle_left_italic, .m .widget-quinconce .quinconce-texte .pb_title_left, .m .widget-quinconce .quinconce-texte .pb_txt_left, .m .widget-quinconce .quinconce-texte .pb_link, .m .widget-quinconce .quinconce-texte .pb_cta_2 {
    text-align: center;
}

.m .widget-quinconce .quinconce-texte .pb_cta_2 a {
    padding: 10px 0px;
    width: 100%;
}

.widget-conseils-utilisation .block-content {
    width: 600px;
    margin: 0px auto;
    padding: 85px 100px;
}

.widget-conseils-utilisation img.picto-conseils {
    float: left;
    margin-right: 30px;
}

.widget-conseils-utilisation .nom-actif {
    font-size: 14px;
    color: rgb(0, 0, 0);
    text-align: left;
    letter-spacing: 0.8px;
    padding: 3px 0px;
}

.widget-conseils-utilisation .pb_txt_left {
    margin-top: 20px;
}

.m .widget-conseils-utilisation .block-content {
    width: 100%;
    padding: 45px 35px 50px;
}

.m .widget-conseils-utilisation img.picto-conseils {
    float: none;
    display: block;
    margin: 0px auto;
}

.m .widget-conseils-utilisation .nom-actif, .m .widget-conseils-utilisation .pb_title_left, .m .widget-conseils-utilisation .pb_txt_left {
    text-align: center;
}

.m .widget-conseils-utilisation .nom-actif {
    margin-top: 30px;
    margin-bottom: 8px;
    font-size: 12px;
    font-family: Raleway-italic;
}

.widget-video-16-9-centre {
    padding: 80px 0px;
}

.widget-video-16-9-centre .block-content {
    display: inline-block;
}

.widget-video-16-9-centre .video-16-9-image {
    width: 590px;
    margin-left: 280px;
    float: left;
}

.widget-video-16-9-centre .video-16-9-texte {
    width: 280px;
    float: left;
    padding: 120px 20px 0px 35px;
}

.widget-video-16-9-centre .video-16-9-image img {
    max-width: 100%;
}

.popinVideo {
    display: none;
    max-height: 360px;
    overflow: hidden;
}

.popinVideo.featherlight-inner {
    display: block;
}

.featherlight .featherlight-content {
    overflow-y: hidden;
    max-height: 360px;
}

.customClose {
    position: absolute;
    top: calc(50% - 200px);
    left: calc(50% + 330px);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-weight: bold;
}

.m .widget-video-16-9-centre {
    padding: 60px 0px;
}

.m .widget-video-16-9-centre .video-16-9-image {
    width: 100%;
    margin: 0px;
    float: none;
}

.m .widget-video-16-9-centre .video-16-9-texte {
    width: 100%;
    float: none;
    padding: 35px 20px 0px 35px;
}

.widget-tuto-video-16-9 {
    display: inline-block;
}

.widget-tuto-video-16-9 .block-content {
    padding: 0px 60px;
}

.widget-tuto-video-16-9 .tuto-video-image {
    width: 590px;
    float: left;
}

.widget-tuto-video-16-9 .tuto-video-texte {
    width: 380px;
    margin-left: 60px;
    float: left;
    padding-top: 40px;
}

.widget-tuto-video-16-9 .tuto-video-texte .pb_txt_left_white {
    margin: 20px 0px;
}

.m .widget-tuto-video-16-9 {
    display: block;
}

.m .widget-tuto-video-16-9 .tuto-video-image {
    width: 100%;
    float: none;
}

.m .widget-tuto-video-16-9 .tuto-video-texte {
    width: 100%;
    float: none;
    padding: 45px 30px;
    margin: 0px;
}

.m .widget-tuto-video-16-9 .block-content {
    padding: 0px;
}

.widget-titre-majeur-image-video {
    display: inline-block;
}

.widget-titre-majeur-image-video .titre-majeur-image-video-texte {
    float: left;
    width: 950px;
    padding: 85px 465px 90px 90px;
    min-height: 500px;
}

.widget-titre-majeur-image-video .titre-majeur-image-video-media {
    float: right;
    width: 590px;
    margin-left: -390px;
    padding-top: 80px;
    position: relative;
}

.titre-majeur-image-video-media img {
    max-width: 590px;
}

.widget-titre-majeur-image-video .titre-majeur-image-video-texte .pb_txt_left_white {
    margin: 20px 0px;
}

.m .widget-titre-majeur-image-video .titre-majeur-image-video-texte {
    float: none;
    width: 100%;
    padding: 45px 30px;
    min-height: auto;
    height: auto;
}

.m .widget-titre-majeur-image-video .titre-majeur-image-video-media {
    float: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.m .widget-titre-majeur-image-video .titre-majeur-image-video-media img {
    display: block;
}

.widget-rituel-produits {
    display: block;
}

.widget-rituel-produits ul {
    display: table;
    width: auto;
    margin: 0px auto;
}

.widget-rituel-produits ul li {
    float: left;
    cursor: pointer;
    border: 8px solid rgb(244, 249, 250);
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    font-size: 14px;
    width: 265px;
    height: 254px;
    line-height: 23px;
    letter-spacing: 1px;
    text-align: center;
    margin-right: 30px;
    list-style-type: none;
    margin-bottom: 100px;
}

.widget-rituel-produits ul a:last-child li {
    margin-right: 0px;
}

.widget-rituel-produits ul li:hover {
    border: 8px solid rgb(117, 147, 179);
}

.widget-rituel-produits .rituel-numero {
    display: block;
    margin: 50px auto 15px;
}

.widget-rituel-produits .rituel-visuel {
    display: block;
    margin: 20px auto 0px;
}

.widget-rituel-produits ul li .titre-rituel {
    font-family: Roboto-Regular;
    text-transform: uppercase;
}

.m .widget-rituel-produits ul li {
    width: 100%;
    margin: 0px 0px 15px;
    height: auto;
    padding: 30px 20px;
}

.m .widget-rituel-produits .rituel-numero {
    margin: 0px auto 15px;
}

.m .widget-rituel-produits .rituel-visuel {
    display: none;
}

.widget-best-seller-packshot .widget-raw-html {
    margin: 0px;
}

.widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes {
    width: 650px;
    padding: 0px;
}

.widget-best-seller-packshot .row-inner .widget-best-seller-packshot-produit {
    width: 500px;
    padding: 0px;
    float: right !important;
}

.widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes .titre-packshot {
    font-size: 29px;
    font-family: Raleway-black;
    letter-spacing: 0.8px;
    color: rgb(255, 255, 255);
    text-align: left;
    margin: 25px 0px;
    line-height: 35px;
}

.widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes .col-inner {
    padding: 80px 60px 80px 100px;
}

.widget-best-seller-packshot .row-inner .widget-best-seller-packshot-produit form.ajax {
    width: 500px;
}

.widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes .pb_txt_bullet_white {
    margin-left: 15px;
}

.widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes .fleche-packshot {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: -14px;
    transform: rotate(45deg);
}

.widget-best-seller-packshot .row-inner .widget-best-seller-packshot-produit .catalog-category-view #products-list>li {
    padding-left: 0px;
    margin-top: 60px;
}

.m .widget-best-seller-packshot .row-inner .widget-best-seller-packshot-produit, .m .widget-best-seller-packshot .row-inner .widget-best-seller-packshot-produit form.ajax {
    width: 100%;
}

.m .widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes {
    width: 100%;
    margin-top: 60px;
}

.m .widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes .col-inner {
    padding: 50px 20px;
}

.m .widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes .pb_title_left_border_white {
    display: none;
}

.m .widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes .fleche-packshot {
    top: 0px;
    left: 50%;
    margin-left: -14px;
    background-color: white !important;
}

.m .widget-best-seller-packshot .row-inner .widget-best-seller-packshot-textes .titre-packshot {
    line-height: 33px;
}

.widget-best-seller-packshot, .widget-rituel-conseils-etapes {
    margin: 60px 0px;
}

.m .widget-best-seller-packshot, .m .widget-rituel-conseils-etapes {
    display: inline-block;
    margin: 30px 0px;
}

.widget-rituel-conseils-etapes .widget-raw-html {
    margin: 0px;
}

.widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-textes {
    width: 650px;
    padding: 0px;
    height: 310px;
    border: 1px solid rgb(224, 224, 224);
}

.widget-rituel-conseils-etapes-textes .bloc-image-etapes {
    float: left;
    width: 325px;
    height: 308px;
}

.widget-rituel-conseils-etapes-textes .bloc-texte-etapes {
    float: left;
    width: 323px;
    padding: 80px 50px;
}

.widget-rituel-conseils-etapes-textes .bloc-image-etapes img {
    max-width: 100%;
    height: 100%;
}

.widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-produit {
    width: 500px;
    padding: 0px;
    margin-left: 30px;
}

.widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-produit form.ajax {
    width: 500px;
}

.widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-produit .catalog-category-view #products-list>li {
    padding-left: 0px;
    margin: 0px;
}

.widget-rituel-conseils-etapes .toggle-block-button {
    position: absolute;
    right: 0px;
    border-width: 1px 0px 0px 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: rgb(224, 224, 224);
    border-left-color: rgb(224, 224, 224);
    border-image: initial;
    width: 30px;
    height: 30px;
    bottom: 0px;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    cursor: pointer;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
}

.widget-rituel-conseils-etapes .bloc-texte-etapes {
    .vertical {
        transition: all 0.5s ease-in-out 0s;
        transform: rotate(0deg);
    }

    .horizontal {
        transition: all 0.5s ease-in-out 0s;
        transform: rotate(0deg);
        opacity: 1;
    }
}

.widget-rituel-conseils-etapes .closed .vertical {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(0deg);
}

.widget-rituel-conseils-etapes .closed .horizontal {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(0deg);
    opacity: 1;
}

.widget-rituel-conseils-etapes .opened {
    opacity: 1;
}

.widget-rituel-conseils-etapes .opened .vertical {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(45deg);
}

.widget-rituel-conseils-etapes .opened .horizontal {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(45deg);
    opacity: 1;
}

.widget-rituel-conseils-etapes .toggle-block-button .horizontal {
    position: absolute;
    background-color: rgb(0, 0, 0);
    width: 11px;
    height: 1px;
    left: 50%;
    margin-left: -5px;
    top: 50%;
}

.widget-rituel-conseils-etapes .toggle-block-button .vertical {
    position: absolute;
    background-color: rgb(0, 0, 0);
    width: 1px;
    height: 11px;
    left: 50%;
    top: 50%;
    margin-top: -5px;
}

.widget-rituel-conseils-etapes .toggle-block-button:hover {
    background-position: 0px 0px;
}

.widget-rituel-conseils-etapes .toggle-block-button:hover .horizontal, .widget-rituel-conseils-etapes .toggle-block-button:hover .vertical, .widget-rituel-conseils-etapes .toggle-block-button:active .horizontal, .widget-rituel-conseils-etapes .toggle-block-button:active .vertical {
    background-color: rgb(255, 255, 255);
}

.widget-rituel-conseils-etapes-textes .bloc-texte-etapes .hideTextEtape {
    display: none;
}

.widget-rituel-conseils-etapes-textes .bloc-texte-etapes .pb_title_left {
    margin-bottom: 7px;
}

.widget-rituel-conseils-etapes-textes .bloc-texte-etapes.open-etape {
    width: 100%;
    padding: 65px;
}

.m .widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-textes, .m .widget-rituel-conseils-etapes-textes .bloc-image-etapes, .m .widget-rituel-conseils-etapes-textes .bloc-texte-etapes, .m .widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-produit {
    width: 100%;
    height: auto;
    float: none;
    margin: 0px;
}

.m .widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-produit {
    margin-top: 10px;
}

.m .widget-rituel-conseils-etapes-textes .bloc-texte-etapes {
    padding: 60px 30px;
}

.m .widget-rituel-conseils-etapes-textes .bloc-texte-etapes .pb_title_left, .m .widget-rituel-conseils-etapes-textes .bloc-texte-etapes .pb_txt_left {
    text-align: center;
}

.m .widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-produit, .m .widget-rituel-conseils-etapes .row-inner .widget-rituel-conseils-etapes-produit form.ajax {
    width: 100%;
}

.widget-problematiques-stats {
    margin: 0px 0px 60px;
}

.widget-problematiques-stats .widget-problematiques-stats-left, .widget-problematiques-stats .widget-problematiques-stats-right {
    width: 450px;
    float: left;
    padding: 40px 0px 0px;
}

.widget-problematiques-stats .widget-problematiques-stats-visuel {
    width: 280px;
    float: left;
    padding: 0px;
    background-image: url("/media/page_builder/bg-visuel-stats.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}

.widget-problematiques-stats .widget-raw-html {
    margin: 0px;
}

.widget-problematiques-stats .widget-problematiques-stats-visuel img.img-mobile, .m .widget-problematiques-stats .widget-problematiques-stats-visuel img.img-desktop {
    display: none;
}

.m .widget-problematiques-stats .widget-problematiques-stats-visuel img.img-mobile, .widget-problematiques-stats .widget-problematiques-stats-visuel img.img-desktop {
    display: block;
}

.widget-problematiques-stats .widget-problematiques-stats-left {
    padding-right: 45px;
}

.widget-problematiques-stats .widget-problematiques-stats-right {
    padding-left: 45px;
}

.widget-problematiques-stats .pb_stats_txt {
    width: 310px;
}

.widget-problematiques-stats .stats-jauge {
    width: 95px;
}

.widget-problematiques-stats .pb_stats_txt, .widget-problematiques-stats .stats-jauge {
    float: left;
    height: 75px;
    margin-top: 40px;
}

.widget-problematiques-stats .pb_stats_txt {
    line-height: 75px;
}

.widget-problematiques-stats .widget-problematiques-stats-left .pb_stats_txt, .widget-problematiques-stats .widget-problematiques-stats-left .stats-jauge {
    text-align: right;
}

.widget-problematiques-stats .widget-problematiques-stats-left .stats-jauge {
    float: right;
}

.m .widget-problematiques-stats .pb_title_left, .m .widget-problematiques-stats .pb_txt_left, .m .widget-problematiques-stats .pb_title_right, .m .widget-problematiques-stats .pb_txt_right {
    display: none;
}

.m .widget-problematiques-stats .widget-problematiques-stats-left, .m .widget-problematiques-stats .widget-problematiques-stats-right {
    width: 115px;
    padding: 0px;
}

.m .widget-problematiques-stats .widget-problematiques-stats-visuel {
    width: 90px;
    padding-top: 20px;
}

.m .widget-problematiques-stats .pb_stats_txt, .m .widget-problematiques-stats .stats-jauge {
    float: none;
    width: 100%;
    margin: 0px;
}

.m .widget-problematiques-stats .stats-jauge {
    margin-bottom: 10px;
}

.m .widget-problematiques-stats .pb_stats_txt {
    line-height: inherit;
    height: auto;
    margin-bottom: 28px;
}

.widget-accordion {
    margin: 60px 100px;
    border: 1px solid rgb(224, 224, 224);
    padding: 60px 100px;
}

.widget-accordion .panel-title a {
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 23px;
    padding: 20px 0px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
    position: relative;
    display: block;
    border-bottom: 1px solid rgb(224, 224, 224);
    transition: all 0.35s ease-out 0s;
}

.widget-accordion .panel-body {
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 23px;
    padding: 30px 0px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
}

.widget-accordion .panel-title a::before {
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 28px;
    right: 8px;
    transform: rotate(-135deg);
    border-right: 1px solid rgb(128, 151, 162);
    border-bottom: 1px solid rgb(128, 151, 162);
    transition: all 0.35s ease-out 0s;
}

.widget-accordion .panel-title a.collapsed::before {
    transform: rotate(45deg);
    top: 21px;
}

.m .widget-accordion {
    margin: 0px;
    padding: 25px;
}

.m .widget-accordion .panel-title a {
    text-align: center;
    padding: 50px 0px 30px;
}

.m .widget-accordion .panel-title a.collapsed {
    padding: 30px 0px 50px;
}

.m .widget-accordion .panel-title a.collapsed::before {
    height: 18px;
    width: 18px;
    right: 47%;
    bottom: 25px;
    top: auto;
}

.m .widget-accordion .panel-title a::before {
    height: 18px;
    width: 18px;
    right: 47%;
    top: 25px;
    bottom: auto;
}

.m .widget-accordion .panel-body {
    border-bottom: 1px solid rgb(224, 224, 224);
}

.widget-bandeau-alerte {
    position: relative;
    padding: 30px 170px;
}

.m .widget-bandeau-alerte {
    padding: 45px 35px;
    text-align: center;
}

.widget-bandeau-alerte img {
    position: absolute;
    left: 100px;
    top: 30px;
}

.m .widget-bandeau-alerte img {
    position: relative;
    display: block;
    margin: auto auto 30px;
    left: auto;
    top: auto;
}

.widget-singleproduct .catalog-category-view .posologie-produit {
    display: none;
}

.widget-singleproduct .catalog-category-view #products-list>li {
    margin: 100px 0px 60px;
}

.m .widget-singleproduct .catalog-category-view #products-list {
    padding: 0px !important;
}

.widget-fw-product .item {
    width: 100% !important;
}

.posologie-produit.posologie0 {
    background-image: url("/media/formula/results/posologie0.jpg");
    background-repeat: no-repeat;
    background-position: right center;
}

.posologie-produit.posologie1 {
    background-image: url("/media/formula/results/posologie1.jpg");
    background-repeat: no-repeat;
    background-position: right center;
}

.posologie-produit.posologie2 {
    background-image: url("/media/formula/results/posologie2.jpg");
    background-repeat: no-repeat;
    background-position: right center;
}

.widget-product-mini .catalog-category-view #products-list>li {
    padding-left: 10px;
    width: 33%;
    margin-top: 140px !important;
}

.m .widget-product-mini .catalog-category-view #products-list>li {
    margin-top: 90px !important;
}

.widget-product-mini .catalog-category-view .posologie-produit {
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-family: Roboto-Regular;
    padding: 10px 64px 0px 12px;
    height: 51px;
    border-bottom: 1px solid rgb(224, 224, 224);
}

.widget-product-mini .catalog-category-view .product-left-image {
    width: 110px;
    height: auto;
    margin-top: -50px;
    position: relative;
}

.widget-product-mini .catalog-category-view #products-list>li {
    margin: 100px 0px 60px;
    position: relative;
}

.m .widget-product-mini .catalog-category-view #products-list>li {
    position: relative;
}

.widget-product-mini .catalog-category-view #products-list>li .media, .widget-product-mini .catalog-category-view #products-list>li .media img {
    width: auto;
    height: 226px;
}

.widget-product-mini .catalog-category-view #products-list>li .product-contents {
    position: relative;
    width: 254px;
    height: auto;
    float: none;
    vertical-align: top;
}

.m .widget-product-mini .catalog-category-view #products-list>li .product-contents {
    display: block;
}

.widget-product-mini .catalog-category-view .label-container {
    max-width: 254px;
    position: absolute;
    left: 115px;
    top: -20px;
}

.ves-container .bx-viewport {
    padding-top: 30px;
}

.m .widget-product-mini .catalog-category-view .label-bg-container {
    margin-top: 0px;
}

.widget-product-mini .catalog-category-view .preoccupations-produit, .widget-product-mini .catalog-category-view .type-localisation-produit {
    display: none !important;
}

.widget-product-mini .catalog-category-view .posologie-produit {
    display: block !important;
}

.m .widget-product-mini .catalog-category-view .posologie-produit {
    font-size: 13px;
}

.m .widget-product-mini .catalog-category-view .label-container {
    max-width: 100%;
    position: absolute;
    left: 0px;
    top: -40px;
    text-align: center;
    width: 100%;
}

.widget-product-mini .catalog-category-view .label-container.label-img {
    text-align: left !important;
}

.m .widget-product-mini .catalog-category-view .label-container.label-img {
    padding-right: 30px;
    text-align: right !important;
}

.widget-product-micro .catalog-category-view #products-list>li {
    margin: 100px 0px 60px;
    padding-left: 0px;
    width: 25%;
}

.widget-product-micro .catalog-category-view .product-left-image {
    display: block;
    height: 310px;
    text-align: center;
    width: 270px;
    margin: auto;
}

.widget-product-micro .catalog-category-view .preoccupations-produit, .widget-product-micro .catalog-category-view .type-localisation-produit {
    display: none;
}

.widget-product-micro .catalog-category-view #products-list>li .product-contents {
    width: 275px;
    height: auto;
    margin: auto;
    float: none;
    display: block;
}

.widget-product-nano .catalog-category-view #products-list>li {
    margin: 100px 0px 60px;
    padding-left: 0px;
    width: 16.6667%;
}

.widget-product-nano .catalog-category-view .product-left-image {
    display: block;
    height: 310px;
    text-align: center;
    width: 170px;
    margin: auto;
}

.widget-product-nano .catalog-category-view .preoccupations-produit, .widget-product-nano .catalog-category-view .type-localisation-produit {
    display: none;
}

.widget-product-nano .catalog-category-view #products-list>li .product-contents {
    width: 170px;
    height: auto;
    margin: auto;
    float: none;
    display: block;
}

.widget-product-nano .catalog-category-view .price-box {
    width: 100% !important;
}

.widget-product-nano .catalog-category-view .rating-summary-box {
    display: none !important;
}

.widget-product-nano .catalog-category-view #products-list>li .media {
    width: auto;
}

.widget-product-nano .catalog-category-view #products-list>li .product-shop .product-title div.product-name, .widget-product-nano .catalogsearch-result-index #products-list>li .product-shop .product-title div.product-name {
    font-size: 12px;
    padding: 0px 8px;
    letter-spacing: 0.8px;
}

.widget-product-nano .catalog-category-view #products-list>li .product-shop .product-title h3, .widget-product-nano .catalog-category-view #products-list>li .product-shop .product-title .product-reference, .catalogsearch-result-index #products-list>li .product-shop .product-title h3, .catalogsearch-result-index #products-list>li .product-shop .product-title .product-reference {
    width: 48px !important;
    font-size: 18px !important;
}

.widget-product-nano .catalog-category-view #products-list>li .product-infos .addto button {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.m .widget-product-nano {
    display: none !important;
}

.widget-product-fullwidth .item {
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
}

.widget-description-box {
    border: 1px solid rgb(224, 224, 224);
    padding: 60px 100px;
    height: 213px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 572px;
    float: left;
    margin-left: 100px;
}

.widget-comment-box {
    border: 1px solid rgb(224, 224, 224);
    margin-top: 0px;
    width: 572px;
    float: left;
    padding: 20px 100px;
    margin-left: 0px;
}

.widget-slider-comment-product .widget-comment-box {
    padding: 50px 100px;
    margin-left: 100px;
}

.widget-comment-box img {
    margin: auto;
}

.m .widget-comment-box {
    width: 100%;
    padding: 50px;
}

.m .widget-slider-description-product, .m .widget-slider-comment-product {
    display: none !important;
}

.m .ves-container .bx-controls {
    display: none !important;
}

.widget-slider-description-product, .widget-slider-comment-product {
    width: 1000px;
    margin: auto;
    position: relative;
}

.widget-slider-description-product .widget-product-mini .item, .widget-slider-comment-product .widget-product-mini .item {
    margin-left: 30px;
    width: auto !important;
}

.widget-slider-description-product .widget-product-mini .catalog-category-view #products-list>li, .widget-slider-comment-product .widget-product-mini .catalog-category-view #products-list>li {
    margin-top: 40px !important;
}

.ves-container .bx-wrapper .bx-controls-direction a.bx-next {
    margin-top: -30px;
    width: 50px;
    height: 50px;
    border-left: 1px solid rgb(224, 224, 224);
    border-top: 1px solid rgb(224, 224, 224);
    transform: rotate(135deg);
    z-index: 1;
}

.ves-container .bx-wrapper .bx-controls-direction a.bx-prev {
    margin-top: -30px;
    width: 50px;
    height: 50px;
    border-left: 1px solid rgb(224, 224, 224);
    border-bottom: 1px solid rgb(224, 224, 224);
    transform: rotate(45deg);
    z-index: 1;
}

.ves-container .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgb(175, 197, 207) !important;
}

.ves-container .bx-wrapper .bx-pager.bx-default-pager a:hover, .ves-container .bx-wrapper .bx-pager.bx-default-pager a:active {
    background: rgb(128, 151, 162) !important;
}

.ves-container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgb(0, 0, 0) !important;
}

.no-m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-prev {
    margin-left: -110px;
}

.no-m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-next {
    margin-right: -110px;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-prev, .m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-next {
    height: 12px;
    width: 12px;
    border-color: rgb(140, 161, 171);
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-prev {
    margin-left: -10px;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-next {
    margin-right: -10px;
}

.m .widget-slider-products .bx-pager {
    display: none;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction::before, .m .widget-slider-products .bx-wrapper .bx-controls-direction::after {
    position: absolute;
    height: 50px;
    width: 40px;
    background: rgb(239, 243, 245);
    content: "";
    display: block;
    top: 205px;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction::before {
    left: -15px;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction::after {
    right: -15px;
}

.widget-slider-products .catalog-category-view #products-list>li {
    margin: 0px auto 60px;
    width: 100%;
}

.m .widget-slider-products .bx-controls {
    display: block !important;
}

.bx-wrapper .catalog-category-view img {
    display: inline !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px !important;
}

.widget-img-txt-cta .block-content {
    display: inline-block;
}

.widget-img-txt-cta-visuel, .widget-img-txt-cta-contenu {
    width: 50%;
    float: left;
}

.widget-img-txt-cta-visuel .col-inner {
    height: 500px;
}

.widget-img-txt-cta-visuel img.img-mobile, .m .widget-img-txt-cta-visuel img.img-desktop {
    display: none;
}

.m .widget-img-txt-cta-visuel img.img-mobile, .widget-img-txt-cta-visuel img.img-desktop {
    display: block;
}

.widget-img-txt-cta-contenu .col-inner {
    height: 500px;
    background-color: rgb(65, 93, 132);
    color: white;
}

.widget-img-txt-cta-contenu .block-content {
    padding: 80px 90px;
}

.widget-img-txt-cta .titre-bloc-cta {
    font-size: 29px;
    font-family: Raleway-black;
    letter-spacing: 0.8px;
    line-height: 35px;
}

.widget-img-txt-cta .hashtags-bloc-cta {
    font-size: 26px;
    font-family: Raleway-lightitalic;
    letter-spacing: 0.8px;
    line-height: 28px;
    margin: 25px 0px;
}

.widget-img-txt-cta .widget-img-txt-cta-contenu ul {
    margin-left: 15px;
}

.widget-img-txt-cta .texte-bloc-cta {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    line-height: 23px;
}

.widget-img-txt-cta .texte-bloc-cta b, .widget-img-txt-cta .texte-bloc-cta strong {
    font-family: Roboto-Regular;
}

.widget-img-txt-cta .texte-bloc-cta i, .widget-img-txt-cta .texte-bloc-cta em {
    font-family: Roboto-Regularitalic;
}

.widget-img-txt-cta-contenu .block-content a.animate-cta-blue {
    margin-top: 30px;
}

a.animate-cta-blue::after {
    content: '\2193';
    margin-left: 10px;
}

a.animate-cta-blue {
    display: inline-block;
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 7px 50px;
    letter-spacing: 0.8px;
    border: 1px solid white;
    text-transform: uppercase;
}

a.animate-cta-blue:hover {
    color: rgb(65, 93, 132);
    background-position: 0px 0px;
}

.m .widget-img-txt-cta-visuel, .m .widget-img-txt-cta-contenu {
    width: 100%;
    float: none;
}

.m .widget-img-txt-cta-visuel .col-inner, .m .widget-img-txt-cta-contenu .col-inner {
    height: auto;
}

.m .widget-img-txt-cta-visuel .widget-raw-html {
    margin-bottom: 0px;
}

.m .widget-img-txt-cta-contenu .widget-raw-html {
    margin-top: 0px;
}

.m .widget-img-txt-cta .block-content {
    display: block;
}

.m .widget-img-txt-cta-contenu .block-content {
    padding: 45px 30px;
}

.m .widget-img-txt-cta .titre-bloc-cta {
    font-size: 26px;
    line-height: 29px;
}

.m .widget-img-txt-cta .hashtags-bloc-cta {
    font-size: 20px;
    line-height: 21px;
}

.m .widget-img-txt-cta-contenu .block-content a.animate-cta-blue {
    width: 100%;
    text-align: center;
}

.widget-bloc-texte-seo {
    width: 780px;
    background-color: rgb(255, 255, 255);
    margin-left: auto;
    margin-right: auto;
    padding: 90px;
    color: rgb(65, 93, 132);
}

.widget-bloc-texte-seo p {
    margin-top: 25px;
}

.widget-bloc-texte-seo strong, .widget-bloc-texte-seo b {
    font-family: Raleway-Extrabold;
}

.widget-bloc-texte-seo p.bloc-texte-seo-titre {
    font-size: 29px;
    font-family: Raleway-black;
    letter-spacing: 0.8px;
    margin: 0px 0px 25px;
    display: inline-block;
}

.m .widget-bloc-texte-seo {
    width: 100%;
    padding: 35px 25px;
}

.m .widget-bloc-texte-seo p.bloc-texte-seo-titre {
    font-size: 26px;
    line-height: 29px;
}

.widget-texte-fond-colore-fleche {
    padding: 90px 90px 1px;
}

.widget-texte-fond-colore-fleche .block-content {
    width: 775px;
    margin: 0px auto;
    color: rgb(255, 255, 255);
    text-align: center;
}

.widget-texte-fond-colore-fleche .block-content p.fond-colore-fleche-texte {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    line-height: 23px;
    margin-bottom: 90px;
}

.widget-texte-fond-colore-fleche .block-content p.fond-colore-fleche-titre {
    font-size: 29px;
    font-family: Raleway-black;
    letter-spacing: 0.8px;
    line-height: 35px;
    margin-bottom: 45px;
}

.widget-texte-fond-colore-fleche .fleche-bloc-seo {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    transform: rotate(45deg);
}

.widget-texte-fond-colore-fleche b, .widget-texte-fond-colore-fleche strong {
    font-family: Roboto-Regular;
}

.widget-texte-fond-colore-fleche i, .widget-texte-fond-colore-fleche em {
    font-family: Roboto-Regularitalic;
}

.m .widget-texte-fond-colore-fleche {
    padding: 35px 25px 1px;
}

.m .widget-texte-fond-colore-fleche .block-content {
    width: 100%;
    text-align: left;
}

.m .widget-texte-fond-colore-fleche .block-content p.fond-colore-fleche-texte {
    margin-bottom: 50px;
}

.m .widget-texte-fond-colore-fleche .block-content p.fond-colore-fleche-titre {
    font-size: 26px;
    line-height: 29px;
    margin-bottom: 35px;
}

.widget-auteur-partage {
    background-color: white;
}

.widget-auteur-partage .widget-auteur-partage-left {
    float: left;
    width: 390px;
}

.widget-auteur-partage .widget-auteur-partage-right {
    float: left;
    width: 790px;
    border: 16px solid rgb(244, 249, 250);
}

.widget-auteur-partage .widget-auteur-partage-right .widget-raw-html {
    display: inline-block;
}

.auteur-visuel {
    float: left;
    width: 250px;
    text-align: center;
    padding-top: 10px;
}

.auteur-texte {
    float: left;
    width: 508px;
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    line-height: 23px;
    color: rgb(0, 0, 0);
    padding: 0px 80px 0px 0px;
}

.auteur-texte b, .auteur-texte strong {
    font-family: Roboto-Regular;
}

.auteur-texte i, .auteur-texte em {
    font-family: Roboto-Regularitalic;
}

.m .widget-auteur-partage .widget-auteur-partage-left, .m .widget-auteur-partage .widget-auteur-partage-right, .m .auteur-visuel, .m .auteur-texte {
    float: none;
    width: 100%;
}

.m .widget-auteur-partage .widget-auteur-partage-right {
    width: 290px;
    margin: 0px auto;
}

.m .auteur-texte {
    padding: 30px 20px 10px;
    text-align: center;
}

.widget-auteur-partage-left .widget-raw-html {
    margin: 60px auto;
    width: 250px;
    height: 250px;
    text-align: center;
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    line-height: 23px;
    color: rgb(0, 0, 0);
}

.widget-auteur-partage a.ep-facebook, .widget-auteur-partage a.ep-twitter, .widget-auteur-partage a.ep-pinterest, .widget-auteur-partage a.ep-email {
    color: transparent;
    font-size: 20px;
    width: 20px;
    margin: 0px 10px;
    display: inline-block;
}

.widget-auteur-partage a::before {
    display: inline-block;
    color: rgb(2, 70, 102);
    vertical-align: top;
}

.widget-auteur-partage b, .widget-auteur-partage strong {
    font-family: Roboto-Regular;
}

.widget-auteur-partage i, .widget-auteur-partage em {
    font-family: Roboto-Regularitalic;
}

.m .widget-auteur-partage-left .widget-raw-html {
    height: auto;
}

.bloc-articles-similaires {
    display: inline-block;
}

.bloc-articles-similaires .article-similaire {
    float: left;
    width: 393px;
    height: 390px;
}

.bloc-articles-similaires .article-similaire {
    position: relative;
}

.bloc-articles-similaires .article-similaire .article-contenu {
    background-color: white;
    width: 240px;
    height: auto;
    padding: 35px 35px 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 17px;
    font-family: Raleway-extrabold;
    color: rgb(0, 0, 0);
}

.bloc-articles-similaires .article-similaire.even-article .article-contenu {
    bottom: 0px;
    top: inherit;
}

.bloc-articles-similaires .article-similaire a.article-lien::before {
    content: '\2192';
    margin-right: 10px;
}

.bloc-articles-similaires .article-similaire a.article-lien {
    display: inline-block;
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 7px 15px;
    letter-spacing: 0.8px;
    margin-top: 35px;
}

.bloc-articles-similaires .article-similaire a.article-lien:hover {
    color: rgb(255, 255, 255);
    background-position: 0px 0px;
}

.bloc-articles-similaires .article-contenu .article-texte .hideTextEtape {
    display: none;
}

.bloc-articles-similaires-mobile, .m .bloc-articles-similaires-desktop {
    display: none;
}

.m .bloc-articles-similaires-mobile, .bloc-articles-similaires-desktop {
    display: block;
}

.sommaire-liste {
    position: absolute;
    left: 930px;
    margin-top: -60px;
}

.sommaire-liste li {
    display: table;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background: rgb(155, 174, 193);
    padding: 5px 10px;
    border-radius: 15px;
    font-family: Roboto-Regular;
    font-size: 11px;
    cursor: pointer;
    margin-top: 8px;
    letter-spacing: 0.8px;
}

.sommaire-liste li.filtr-active {
    background: rgb(0, 0, 0);
}

.sommaire-liste li::after {
    content: "";
}

.sommaire-liste li.filtr-active::after {
    content: " X";
}

.sommaire-liste-titre {
    color: rgb(0, 0, 0);
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Roboto;
    margin-bottom: 15px;
}

.sommaire-liste-titre::after {
    content: "";
    background-color: rgb(0, 0, 0);
    display: block;
    width: 70px;
    height: 2px;
    margin-top: 15px;
}

.article-sommaire-container {
    width: 810px;
    float: left;
    left: 100px;
    margin-top: -60px;
}

.article-sommaire-container .widget-raw-html {
    margin: 0px;
}

.article-sommaire {
    width: 405px;
    margin: auto;
}

.article-sommaire-image {
    height: 375px;
    width: 375px;
}

.article-sommaire-content {
    width: 375px;
    background: rgb(248, 250, 251);
    padding-bottom: 50px;
}

.article-sommaire-image-small {
    width: 375px;
    height: 212px;
}

.article-sommaire-image img, .article-sommaire-image-small img {
    max-width: 100%;
}

.article-sommaire-categories {
    font-size: 13px;
    font-family: Roboto;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    padding: 30px 40px;
}

.article-sommaire-categories::after {
    content: "";
    background-color: rgb(0, 0, 0);
    display: block;
    width: 70px;
    height: 2px;
    margin-top: 15px;
}

.article-sommaire-titre {
    font-size: 24px;
    font-family: Raleway-black;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    line-height: 30px;
    padding: 0px 40px;
}

.article-sommaire-texte {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    line-height: 23px;
    padding: 20px 40px 5px;
}

.article-sommaire .pb_link {
    text-align: left;
    margin-left: 40px;
}

.m .sommaire-liste {
    position: relative;
    left: 0px;
    width: 290px;
    margin: auto;
}

.m .sommaire-liste-titre {
    margin-bottom: 20px;
}

.m .sommaire-liste li {
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px;
    font-size: 10px;
}

.m .article-sommaire-container {
    width: 290px;
    left: 0px;
    margin-left: 15px;
    margin-top: 0px;
}

.m .article-sommaire {
    width: 290px;
}

.m .article-sommaire-image {
    width: 290px;
    height: 290px;
}

.m .article-sommaire-image-small {
    width: 290px;
    height: 164px;
}

.m .article-sommaire-content {
    width: 290px;
}

.m .article-sommaire-categories {
    padding: 20px 25px;
}

.m .article-sommaire-titre {
    padding: 0px 25px;
}

.m .article-sommaire-texte {
    padding: 20px 25px 5px;
}

.m .pb_link {
    margin-left: 25px;
}

.m .ves-container img {
    max-width: 320px;
}

.ves-container strong, .ves-container b {
    font-family: Roboto-Regular;
}

.widget-raw-html.e9f0f2 {
    background-color: rgb(233, 240, 242);
}

@media all {
    .featherlight {
        display: none;
        position: fixed;
        inset: 0px;
        z-index: 2147483647;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: rgba(0, 0, 0, 0);
    }

    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.8);
    }

    .featherlight::before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    .featherlight .featherlight-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        padding: 25px 25px 0px;
        border-bottom: 25px solid transparent;
        min-width: 30%;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        background: rgb(255, 255, 255);
        cursor: auto;
        white-space: normal;
    }

    .featherlight .featherlight-inner {
        display: block;
    }

    .featherlight .featherlight-close-icon {
        position: absolute;
        z-index: 9999;
        top: 0px;
        right: 0px;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: rgba(255, 255, 255, 0.3);
        color: rgb(0, 0, 0);
    }

    .featherlight .featherlight-image {
        width: 100%;
    }

    .featherlight-iframe .featherlight-content {
        border-bottom: 0px;
        padding: 0px;
    }

    .featherlight iframe {
        border: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0px;
        border-bottom: 10px solid transparent;
    }
}

a:hover, a:active, :focus, a {
    outline: 0px;
}

input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], textarea {
    appearance: none;
}

input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="file"]::-ms-clear, input[type="email"]::-ms-clear, input[type="search"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="url"]::-ms-clear, textarea::-ms-clear {
    display: none;
}

* {
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

iframe {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

body, html {
    min-height: 100%;
}

body {
    overflow-x: hidden;
}

img {
    border: 0px;
    user-select: none;
}

hr {
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-bottom-style: solid;
    border-bottom-color: rgb(204, 204, 204);
}

table {
    border-collapse: collapse;
    empty-cells: show;
}

@font-face {
    font-family: etatpur;
    src: url("/media/fonts/etatpur.woff") format("woff"), url("/media/fonts/etatpur.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

[data-icon]::before {
    content: attr(data-icon);
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: etatpur !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
}

[class^="ep-"]::before, [class*=" ep-"]::before {
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: etatpur !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
}

.ep-youtube::before {
    content: "d";
}

.ep-secure::before {
    content: "n";
}

.ep-search::before {
    content: "o";
}

.ep-zoomin::before {
    content: "p";
}

.ep-arrow-left::before {
    content: "q";
}

.ep-arrow-right::before {
    content: "r";
}

.ep-twitter::before {
    content: "s";
}

.ep-facebook::before {
    content: "t";
}

.ep-pinterest::before {
    content: "u";
}

.ep-instagram::before {
    content: "x";
}

.ep-user::before {
    content: "a";
}

.ep-cart::before {
    content: "b";
}

.ep-phone::before {
    content: "c";
}

.ep-satisfaction::before {
    content: "e";
}

.ep-shipping::before {
    content: "f";
}

.ep-check-mark::before {
    content: "h";
}

.ep-star::before {
    content: "i";
}

.ep-globe::before {
    content: "j";
}

.ep-email::before {
    content: "g";
}

.ep-gift::before {
    content: "k";
}

.ep-gt::before {
    content: "l";
}

.ep-lt::before {
    content: "m";
}

.ep-edit::before {
    content: "w";
}

.ep-delete::before {
    content: "y";
}

.ep-help::before {
    content: "z";
}

.ep-drop::before {
    content: "A";
}

.ep-label::before {
    content: "B";
}

.ep-close::before {
    content: "v";
}

.ep-etatpur-icon-font::before {
    content: "C";
}

.ep-courrier::before {
    content: "D";
}

.ep-arobase::before {
    content: "E";
}

.ep-check::before {
    content: "F";
}

.ep-newsletter::before {
    content: "N";
}

.ep-error::before {
    content: "G";
}

.ep-ok::before {
    content: "H";
}

.ep-notice::before {
    content: "I";
}

.ep-flag::before {
    content: "J";
}

.ep-fold::before {
    content: "K";
}

.ep-unfold::before {
    content: "L";
}

.ep-arrow-right-2::before {
    content: "O";
}

.ep-heart::before {
    content: "P";
}

.ep-dashboard::before {
    content: "Q";
}

.ep-calendar::before {
    content: "R";
}

.ep-menu::before {
    content: "M";
}

.ep-plus-bold::before {
    content: "S";
}

.ep-actifs::before {
    content: "T";
}

.ep-bouteille::before {
    content: "U";
}

.ep-hydratants::before {
    content: "V";
}

.ep-nettoyants::before {
    content: "W";
}

.ep-protecteurs::before {
    content: "Z";
}

@font-face {
    font-family: Raleway;
    src: url("/media/fonts/Raleway.woff") format("woff"), url("/media/fonts/Raleway.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Roboto-Regular;
    src: url("/media/fonts/Roboto.woff") format("woff"), url("/media/fonts/Roboto.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Raleway-extrabold;
    src: url("/media/fonts/Raleway-ExtraBold.woff") format("woff"), url("/media/fonts/Raleway-ExtraBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Roboto-Regular;
    src: url("/media/fonts/Roboto.woff") format("woff"), url("/media/fonts/Roboto.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Raleway-black;
    src: url("/media/fonts/Raleway-Black.woff") format("woff"), url("/media/fonts/Raleway-Black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Roboto-Regular;
    src: url("/media/fonts/Roboto-Regular.woff") format("woff"), url("/media/fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Raleway-italic;
    src: url("/media/fonts/Raleway-Italic.woff") format("woff"), url("/media/fonts/Raleway-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Raleway-lightitalic;
    src: url("/media/fonts/Raleway-LightItalic.woff") format("woff"), url("/media/fonts/Raleway-LightItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Roboto-Regularitalic;
    src: url("/media/fonts/Roboto-RegularItalic.woff") format("woff"), url("/media/fonts/Roboto-RegularItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body, table, input, select, textarea, button {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    letter-spacing: 0.8px;
}

@page {
    size: 1280px 1810px;
    width: 1280px;
    height: 1810px;
    margin: 1cm;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

html.noscroll, body.noscroll {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    overflow: hidden !important;
    position: relative !important;
}

body {
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: rgb(130, 154, 165);
    font-weight: 300;
    opacity: 1;
    transition: opacity 0.2s ease 0s;
}

.m body {
    opacity: 1;
}

.no-m body {
    opacity: 1;
}

.mobile body {
    max-width: 320px !important;
    min-width: 320px !important;
    width: 320px !important;
    overflow-x: hidden !important;
}

@media print {
    body {
        overflow: visible;
        -webkit-print-color-adjust: exact;
    }
}

body.waiting * {
    cursor: wait;
}

h1 {
    break-before: auto;
}

.clearfix {
    overflow: auto;
}

.nowrap {
    white-space: nowrap;
}

.fscontainer {
    width: 100%;
    padding: 0px;
}

.ms {
    left: 0px;
    position: relative;
    transition-duration: 400ms;
    transition-property: left;
    transition-timing-function: ease;
}

.z {
    transform-origin: 0px 0px 0px;
    transition-duration: 400ms;
    transition-property: opacity;
    transition-timing-function: ease;
}

.z.increase {
    transform-origin: 50% 0px 0px;
}

.main-holder {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.catalog-category-view .main-holder {
    border-left: 1px solid rgb(224, 224, 224);
}

a {
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 200ms ease 0s;
    color: rgb(64, 180, 166);
    text-decoration: none;
}

a.active, a .active {
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 1ms ease 0s;
}

a:hover {
    color: rgb(83, 188, 175);
}

a:active, a .active {
    color: rgb(60, 169, 157);
}

b, strong {
    font-weight: 500;
}

hr {
    height: 1px;
    border: 0px;
    background-color: rgb(226, 226, 226);
}

h1 {
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 300;
    line-height: 43px;
}

h1.special {
    text-transform: uppercase;
}

h2 {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}

button {
    background: none;
    border: 0px;
    cursor: pointer;
    width: 100%;
}

h3 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.special {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}

.button {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px;
    line-height: 14px;
    height: 44px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    position: relative;
    white-space: nowrap;
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 200ms ease 0s;
}

.m .button {
    font-size: 11px;
}

.button.active, .button .active {
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 1ms ease 0s;
}

.button::after, .button::before {
    text-transform: lowercase;
}

.button:hover, .button:focus, .button:active {
    color: rgb(255, 255, 255);
}

.button.auto {
    display: inline-block;
    padding-left: 35px;
    padding-right: 35px;
    width: auto;
}

.m .button.auto {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.button.small {
    font-size: 11px;
    line-height: 13px;
    height: 32px;
    padding: 10px 20px 9px;
}

.button.grey {
    background-color: rgb(226, 226, 226);
    color: rgb(130, 154, 165);
}

.button.green {
    background-color: rgb(27, 189, 187);
    color: rgb(255, 255, 255) !important;
}

.button.green:hover, .button.green:focus {
    background-color: rgb(28, 197, 195);
}

.button.green:active, .button.green.active {
    background-color: rgb(25, 177, 175);
}

.button.pinkwp {
    background-color: rgb(251, 187, 199);
    color: rgb(255, 255, 255) !important;
}

.button.pinkwp:hover, .button.pinkwp:focus {
    background-color: rgb(251, 187, 199);
}

.button.pinkwp:active, .button.pinkwp.active {
    background-color: rgb(251, 187, 199);
}

.button.yellow {
    background-color: rgb(255, 191, 0);
    color: rgb(255, 255, 255) !important;
}

.button.yellow:hover, .button.yellow:focus {
    background-color: rgb(255, 197, 48);
}

.button.yellow:active, .button.yellow.active {
    background-color: rgb(242, 187, 45);
}

.button.blue {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255) !important;
}

.button.blue:hover, .button.blue:focus {
    background-color: rgb(0, 0, 0);
}

.button.blue:active, .button.blue.active {
    background-color: rgb(2, 71, 102);
}

.button.bluep {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255) !important;
}

.button.bluep:hover, .button.bluep:focus {
    background-color: rgb(28, 127, 226);
}

.button.bluep:active, .button.bluep.active {
    background-color: rgb(5, 107, 211);
}

.button.pink {
    background-color: rgb(242, 14, 134);
    color: rgb(255, 255, 255) !important;
}

.button.pink:hover, .button.pink:focus {
    background-color: rgb(243, 56, 152);
}

.button.pink:active, .button.pink.active {
    background-color: rgb(229, 13, 127);
}

.button.next::before {
    font-family: etatpur;
    content: "r";
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -0.5em;
}

.button.prev::before {
    font-family: etatpur;
    content: "q";
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -0.5em;
}

.button.plus::before {
    content: "+";
    font-size: 24px;
    font-weight: 300;
    margin-right: 8px;
    margin-top: -0.22em;
    display: inline-block;
    position: relative;
    top: 4px;
}

.m .button.plus::before {
    font-size: 20px;
    top: 3px;
}

.button.ok {
    min-width: 185px;
    border: 2px solid rgb(64, 180, 166) !important;
    background-color: transparent !important;
    color: rgb(64, 180, 166) !important;
    padding-top: 12px !important;
}

.button.ok::before {
    content: "h";
    font-family: etatpur;
    font-size: 12px;
    font-weight: 300;
    display: inline-block;
    margin-right: 6px;
    text-transform: lowercase;
    position: relative;
    top: 1px;
}

.m .button.ok {
    min-width: 173px;
    padding-top: 10px !important;
}

.button.border {
    border: 2px solid transparent;
    line-height: 11px;
    background-color: transparent !important;
}

.button.border.thin {
    border-width: 1px !important;
}

.button.border.small {
    line-height: 10px;
}

.button.border.greygreen {
    border-color: rgb(226, 226, 226);
    color: rgb(64, 180, 166) !important;
}

.button.border.greygreen::after, .button.border.greygreen::before {
    color: rgb(64, 180, 166) !important;
}

.button.border.greygreen:hover {
    border-color: rgb(175, 175, 175);
    color: rgb(83, 188, 175) !important;
}

.button.border.greygreen:hover::after, .button.border.greygreen:hover::before {
    color: rgb(83, 188, 175) !important;
}

.button.border.greygreen:active {
    border-color: rgb(130, 154, 165);
}

.button.border.greyblue {
    border-color: rgb(226, 226, 226);
    color: rgb(0, 0, 0) !important;
}

.button.border.greyblue::after, .button.border.greyblue::before {
    color: rgb(0, 0, 0) !important;
}

.button.border.greyblue:hover {
    border-color: rgb(175, 175, 175);
    color: rgb(0, 0, 0) !important;
}

.button.border.greyblue:hover::after, .button.border.greyblue:hover::before {
    color: rgb(0, 0, 0) !important;
}

.button.border.greyblue:active {
    border-color: rgb(130, 154, 165);
}

.button.border.greybluep {
    border-color: rgb(226, 226, 226);
    color: rgb(0, 0, 0) !important;
}

.button.border.greybluep::after, .button.border.greybluep::before {
    color: rgb(0, 0, 0) !important;
}

.button.border.greybluep:hover {
    border-color: rgb(175, 175, 175);
    color: rgb(28, 127, 226) !important;
}

.button.border.greybluep:hover::after, .button.border.greybluep:hover::before {
    color: rgb(28, 127, 226) !important;
}

.button.border.greybluep:active {
    border-color: rgb(130, 154, 165);
}

.button.border.blue {
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
}

.button.border.blue::after, .button.border.blue::before {
    color: rgb(0, 0, 0) !important;
}

.button.border.blue:hover {
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0) !important;
}

.button.border.blue:hover::after, .button.border.blue:hover::before {
    color: rgb(0, 0, 0) !important;
}

.button.border.green {
    border-color: rgb(64, 180, 166);
    color: rgb(64, 180, 166) !important;
}

.button.border.green::after, .button.border.green::before {
    color: rgb(64, 180, 166) !important;
}

.button.border.green:hover {
    border-color: rgb(83, 188, 175);
    color: rgb(83, 188, 175) !important;
}

.button.border.green:hover::after, .button.border.green:hover::before {
    color: rgb(83, 188, 175) !important;
}

.button.border.green.hoverfull:hover {
    border-color: rgb(83, 188, 175);
    background-color: rgb(83, 188, 175) !important;
    color: rgb(255, 255, 255) !important;
}

.button.border.green.hoverfull:hover::after, .button.border.green.hoverfull:hover::before {
    color: rgb(255, 255, 255) !important;
}

.button.border.pink {
    border-color: rgb(242, 14, 134);
    color: rgb(242, 14, 134) !important;
}

.button.border.pink::after, .button.border.pink::before {
    color: rgb(242, 14, 134) !important;
}

.button.border.pink:hover {
    border-color: rgb(243, 56, 152);
    color: rgb(243, 56, 152) !important;
}

.button.border.pink:hover::after, .button.border.pink:hover::before {
    color: rgb(243, 56, 152) !important;
}

.pink {
    color: rgb(242, 14, 134);
}

.yellow {
    color: rgb(255, 191, 0);
}

.bluep {
    color: rgb(0, 0, 0);
}

.container {
    margin: 0px auto;
    max-width: 1180px;
}

.m .container {
    min-width: 320px;
    max-width: 320px;
    width: 320px;
}

.rating-box {
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/rating-star.png");
    background-repeat: repeat-x;
    position: relative;
    width: 86px;
    height: 16px;
    background-size: auto 16px;
}

.ie8 .rating-box {}

.rating-box .rating {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/rating-star-active.png");
    background-repeat: repeat-x;
    background-size: auto 16px;
    height: 100%;
}

.ie8 .rating-box .rating {}

.replaceBySuccess {
    position: relative;
}

.replaceBySuccess .success {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 0px 50px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/success-check.png");
    background-position: 50% center;
}

body:not(.customer-account-forgotpassword) .replaceBySuccess.success-simple .success {
    text-align: left;
    background: rgb(255, 255, 255);
    margin: 0px;
    padding: 0px !important;
}

body:not(.customer-account-forgotpassword) .replaceBySuccess.success-simple .success .message {
    font-size: 15px;
    font-family: Roboto-Regular;
    line-height: 30px;
}

.m .replaceBySuccess .success {
    padding: 0px;
}

.m .featherlight .replaceBySuccess .success {
    margin-top: 60px;
    padding-right: 30px;
    padding-left: 30px;
}

.no-m .replaceBySuccess .success.big {
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/success-check-big.png");
}

.no-m .replaceBySuccess .success.big .message {
    font-size: 24px;
    line-height: 29px;
}

.no-m .replaceBySuccess .success.big .message span {
    font-size: 14px;
    line-height: 17px;
}

.replaceBySuccess .success .message {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

.replaceBySuccess .success .message span {
    display: block;
    margin-top: 20px;
    color: rgb(130, 154, 165);
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
}

#eploader {
    background: none rgba(255, 255, 255, 0.6);
    zoom: 1;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100000;
    cursor: wait;
}

#eploader img {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -50px;
}

.nobr {
    white-space: nowrap;
}

#lightboxOverlay {
    background-color: rgb(0, 0, 0);
    opacity: 0.9;
}

#lightbox {
    display: flex;
    flex-direction: column-reverse;
}

#lightbox .lb-nav {
    position: absolute;
}

#lightbox .lb-nav .lb-prev {
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/lightbox-nav-prev.png");
    width: 67px;
    left: 100px;
    position: absolute;
    opacity: 1 !important;
}

#lightbox .lb-nav .lb-next {
    right: 100px;
    width: 67px;
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/lightbox-nav-next.png");
    position: absolute;
    opacity: 1 !important;
}

#lightbox .lb-dataContainer {
    padding: 25px 0px;
    margin-top: -80px;
}

#lightbox .lb-outerContainer {
    position: static;
}

#lightbox .lb-data {
    color: rgb(255, 255, 255);
}

#lightbox .lb-data .lb-caption {
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
}

.featherlight, .featherlight-only {
    display: none;
}

.featherlight .featherlight, .featherlight .featherlight-only {
    display: inherit;
}

span.featherlight-only {
    display: none;
}

.featherlight span.featherlight-only {
    display: inline;
}

.ignoretransform {
    transition-duration: 0ms !important;
}

.featherlight {
    z-index: 99999;
    background-color: rgba(0, 75, 108, 0.9);
}

.m .featherlight {
    transition-duration: 400ms;
    transition-timing-function: ease;
    transition-property: top, left;
    width: 100%;
    min-width: 320px;
    position: fixed;
}

.m .featherlight.animatetop {
    top: 100%;
}

.m .featherlight.animatetop.show {
    top: 0px;
}

.m .featherlight.animateleft {
    left: 100%;
    top: 0px !important;
}

.m .featherlight.animateleft.show {
    left: 0px;
}

.featherlight, .featherlight:last-of-type {
    background-color: rgba(0, 75, 108, 0.9);
}

.m .featherlight, .m .featherlight:last-of-type {
    background: none;
}

.m .featherlight::before {
    display: none;
}

.featherlight .featherlight-close-icon {
    top: 45px;
    right: 50px;
    line-height: 1;
    cursor: pointer;
    font-size: 19px;
    color: rgb(64, 180, 166);
}

.m .featherlight .featherlight-close-icon {
    top: 20px;
    right: 20px;
}

.featherlight .featherlight-no {
    display: none;
}

.featherlight-hide {
    display: none;
}

.featherlight-hide.featherlight-inner {
    display: block;
}

.m .featherlight {
    opacity: 1 !important;
}

.featherlight .featherlight-close-icon {
    background: none;
    font-size: 14px;
    opacity: 0;
}

.featherlight .featherlight-close-icon .ep-close {
    position: relative;
    left: 2px;
}

.m .featherlight .featherlight-close-icon .ep-close {
    top: 2px;
}

.featherlight.animatetop .featherlight-close-icon {
    opacity: 1;
}

.featherlight .featherlight-content {
    border-radius: 3px;
    overflow: hidden auto;
    min-width: 320px;
    padding: 0px !important;
    border-bottom: 0px !important;
}

.m .featherlight .featherlight-content {
    border-radius: 0px;
    width: 100%;
    min-height: 100%;
    margin: 0px;
}

.featherlight.animateleft .featherlight-content {
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
    background-repeat: no-repeat;
    background-position: 0px 45px;
}

.m .featherlight.animateleft .featherlight-close-icon {
    opacity: 1;
    right: 20px;
    top: 13px;
    transition: opacity 100ms ease 500ms;
}

.featherlight.animateleft .featherlight-inner>h2.logo::before, .featherlight.animateleft .featherlight-inner>div.logo::before {
    opacity: 1;
}

.featherlight.animateleft.closing .featherlight-inner>h2.logo::before, .featherlight.animateleft.closing .featherlight-inner>div.logo::before {
    visibility: hidden;
}

.m .featherlight.animateleft.closing .featherlight-close-icon {
    visibility: hidden;
}

.m .featherlight-inner>h2+div {
    overflow: visible auto;
}

.m .featherlight-inner>h2+div.block-cart {
    overflow-y: visible;
}

.featherlight-inner>h2 {
    background-color: rgb(247, 247, 247);
    padding: 36px 120px 36px 36px;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
}

.m .featherlight-inner>h2 {
    height: 60px;
    color: rgb(0, 0, 0);
    font-size: 18px;
    line-height: 20px;
    z-index: 2;
    padding: 20px !important;
}

.featherlight-inner>h2.logo, .featherlight-inner>div.logo {
    background-color: transparent;
    background-size: auto 16px;
    background-position: 50% 17px;
    color: rgb(64, 180, 166);
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    text-transform: uppercase;
    height: 95px;
    position: relative;
    padding-top: 60px !important;
}

.featherlight-inner>div.logo {
    padding-left: 20px;
}

.ie8 .featherlight-inner>h2.logo, .ie8 .featherlight-inner>div.logo {}

.featherlight-inner>h2.logo::before, .featherlight-inner>div.logo::before {
    background-color: rgb(255, 255, 255);
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/logo.png");
    background-position: 50% 15px;
    background-repeat: no-repeat;
    background-size: 120px 16px;
    content: "";
    position: absolute;
    width: 100%;
    height: 45px;
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: opacity 100ms ease 500ms;
}

.ie8 .featherlight-inner>h2.logo::before, .ie8 .featherlight-inner>div.logo::before {}

.featherlight-inner>h2.logo::after, .featherlight-inner>div.logo::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0px;
    top: 45px;
    opacity: 1;
    border-top: 1px solid rgb(234, 234, 234);
}

.featherlight-inner>h2.logo .badge, .featherlight-inner>div.logo .badge {
    margin-left: 15px;
    display: inline-block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    width: 21px;
    height: 21px;
    vertical-align: top;
    padding-right: 1px;
}

.featherlight-inner>h2.logo a.homelink, .featherlight-inner>div.logo a.homelink {
    position: relative;
    width: 150px;
    height: 30px;
    margin: -30px auto 0px;
    display: block;
    top: -30px;
    text-align: center;
}

.featherlight-inner .featherlight-inner-content {
    padding: 50px 60px;
}

.m .featherlight-inner .featherlight-inner-content {
    padding: 25px;
}

.ui-front {
    z-index: 100005;
}

.light-dialog {
    display: none;
    padding: 60px 50px 50px;
    max-width: 640px;
    font-size: 18px;
    line-height: 1.56;
    color: rgb(18, 71, 94);
    text-align: center;
}

.light-dialog h3 {
    font-size: 35px;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 20px;
}

.light-dialog em {
    font-weight: 700;
    font-style: normal;
    color: rgb(255, 191, 0);
}

.m .light-dialog {
    font-size: 15px;
    padding: 30px;
}

.light-dialog .button {
    width: 255px;
    margin-top: 35px;
}

.m .fl-light-dialog {
    background-color: rgba(0, 75, 108, 0.9) !important;
    transition-property: opacity !important;
    opacity: 0 !important;
}

.m .fl-light-dialog .featherlight-content {
    min-height: 0px;
    width: auto;
    min-width: 0px;
    border-radius: 3px;
    margin: 45px 20px;
}

ul.messages, ul.messages ul {
    list-style: none;
}

ul.messages li, ul.messages ul li {
    list-style: none;
}

ul.messages>li.success-msg {
    border-radius: 3px;
    padding: 17px 17px 17px 50px;
    margin: 0px 0px 30px;
    position: relative;
    background-color: rgb(245, 245, 245);
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    list-style: none;
}

ul.messages>li.success-msg::before {
    font-family: etatpur;
    position: absolute;
    display: inline-block;
    left: 16px;
    top: 17px;
    font-size: 20px;
    color: rgb(64, 180, 166);
    content: "h";
}

ul.messages>li.error-msg, ul.messages>li.warning-msg {
    margin-top: 15px;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
}

ul.messages>li.error-msg ul, ul.messages>li.warning-msg ul {
    list-style-type: disc;
}

ul.messages>li.error-msg ul li, ul.messages>li.warning-msg ul li {
    list-style-type: disc;
    list-style-position: inside;
}

ul.messages>li.error-msg {
    color: rgb(245, 36, 37);
}

ul.messages>li.error-msg ul {
    color: rgb(245, 36, 37);
}

ul.messages>li.warning-msg {
    color: rgb(255, 191, 0);
}

ul.messages>li.warning-msg ul {
    color: rgb(255, 191, 0);
}

.hidedesktop {
    display: none !important;
}

.m .container, .m .main-holder {
    width: 320px;
    overflow: hidden;
    margin: 0px auto;
}

.m img {
    max-width: 100%;
    height: auto;
}

.m span.hidedesktop {
    display: inline !important;
}

.m th.collapsable, .m td.collapsable {
    padding: 0px !important;
    width: 0px !important;
}

.m th.collapsable .box, .m td.collapsable .box {
    display: none;
}

.price .currency, .price-box .currency {
    font-size: 1em;
    font-weight: 300;
}

.price .old-price, .price-box .old-price {
    color: rgb(130, 154, 165);
    font-size: 13px;
    position: relative;
    left: 10px;
}

.price .old-price::after, .price-box .old-price::after {
    border-top: 1px solid rgb(130, 154, 165);
    position: absolute;
    content: "";
    right: -1px;
    top: 50%;
    left: -3px;
}

.m .price .old-price::after, .m .price-box .old-price::after {
    left: 0px;
    right: 0px;
}

.demarche_popup {
    max-width: 960px;
}

.demarche_popup .std a:hover {
    color: rgb(28, 127, 226) !important;
}

.demarche_popup .m ul.breadcrumb {
    display: block !important;
}

.demarche_popup #wrapper_jn {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    position: relative;
    height: 373px;
}

.m .demarche_popup #wrapper_jn {
    max-width: none;
    margin: 0px;
    width: 100%;
}

.demarche_popup #wrapper_jn_gauche, .demarche_popup #wrapper_jn_droite {
    width: 50%;
    padding: 100px;
    top: 0px;
}

.m .demarche_popup #wrapper_jn_gauche, .m .demarche_popup #wrapper_jn_droite {
    width: 100%;
    height: auto;
    padding: 0px;
    float: none;
    margin-top: 0px;
    position: relative;
    font-size: 14px;
}

.demarche_popup #wrapper_jn_gauche {
    background: rgb(245, 245, 245);
    position: absolute;
    bottom: 0px;
    margin: auto;
    height: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
}

.m .demarche_popup #wrapper_jn_gauche {
    background: none;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.demarche_popup #wrapper_jn_droite {
    height: 100%;
    position: absolute;
    width: 50%;
    right: 0px;
    background-image: url("/media/decouvrez/JNT_prog.jpg");
    background-size: cover;
}

.m .demarche_popup #wrapper_jn_droite {
    height: 185px;
}

.demarche_popup #wrapper_jn_gauche p {
    width: 340px;
    margin: auto;
}

.m .demarche_popup #wrapper_jn_gauche p {
    width: 100%;
}

.demarche_popup #wrapper_speech {
    width: 728px;
    margin: 130px auto 260px;
    position: relative;
}

.m .demarche_popup #wrapper_speech {
    width: 100%;
    margin-top: 70px;
    margin-bottom: 60px;
}

.demarche_popup .p1 {
    font-weight: 500;
    color: rgb(0, 0, 0);
    font-size: 14px;
    line-height: 28px;
}

.m .demarche_popup .p1 {
    font-size: 12px;
    line-height: 22px;
}

.demarche_popup .p2 {
    font-size: 14px;
    line-height: 28px;
}

.m .demarche_popup .p2 {
    font-size: 12px;
    line-height: 22px;
}

.demarche_popup #gui1 {
    position: absolute;
    left: -80px;
    top: -90px;
    font-size: 100px;
    display: block;
}

.m .demarche_popup #gui1 {
    left: 0px;
    top: -50px;
    width: 30px;
}

.demarche_popup #gui2 {
    position: absolute;
    right: -80px;
    bottom: -90px;
    font-size: 100px;
    display: block;
}

.m .demarche_popup #gui2 {
    right: 0px;
    bottom: -20px;
    width: 30px;
}

.demarche_popup #signature {
    position: absolute;
    right: 0px;
    bottom: -170px;
    display: block;
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
}

.m .demarche_popup #signature {
    bottom: -70px;
    font-size: 11px;
    right: 5px;
}

.demarche_popup .green {
    color: rgb(64, 180, 166);
}

.demarche_popup .popup_content .green {
    font-weight: 500;
}

.demarche_popup .popin_link {
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.m .demarche_popup .popin_link {
    line-height: 16px;
    display: block;
    margin-top: 10px;
}

.demarche_popup .main-holder h1 {
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 300;
    line-height: 43px;
    margin: 0px 0px 30px;
}

.m .demarche_popup .main-holder h1 {
    font-size: 24px;
    line-height: 28px;
    margin: 20px auto;
    width: auto;
    left: 0px;
    right: 0px;
}

.demarche_popup .popup_container {
    position: fixed;
    background-color: rgba(0, 75, 108, 0.9);
    width: 100%;
    height: 100%;
    z-index: 11;
    top: 0px;
    left: 0px;
    overflow: auto;
}

.m .demarche_popup .popup_container {
    overflow: hidden;
}

.demarche_popup .popup_background {
    position: fixed;
    background: none;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.demarche_popup #popup_original, .demarche_popup #popup_faq {
    position: absolute;
    background: rgb(255, 255, 255);
    max-width: 960px;
    width: 90%;
    display: none;
    margin: auto;
    inset: 0px;
    border-radius: 3px;
}

.demarche_popup .popup_content {
    padding: 60px;
    line-height: 1.8;
}

.m .demarche_popup .popup_content {
    padding: 20px;
    position: absolute;
    margin: auto;
    width: 100%;
    z-index: 13;
}

.m .demarche_popup .popup_content_dynamic {
    width: 280px;
    margin: auto;
}

.demarche_popup h3 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.demarche_popup h4 {
    color: rgb(113, 138, 149);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.m .demarche_popup h4 {
    font-size: 14px;
}

.demarche_popup #origin_list {
    overflow: hidden;
    margin-top: 40px;
}

.m .demarche_popup #origin_list {
    margin-top: 20px;
    font-size: 12px;
}

.demarche_popup #origin_list1 {
    height: 100%;
    width: calc(50% - 20px);
    float: left;
}

.m .demarche_popup #origin_list1 {
    float: none;
    width: 100%;
}

.demarche_popup #origin_list2 {
    height: 100%;
    width: calc(50% - 20px);
    float: right;
}

.m .demarche_popup #origin_list2 {
    float: none;
    width: 100%;
}

.demarche_popup .bloc_rect {
    height: 70px;
    border: 3px solid rgba(130, 154, 165, 0.2);
    text-align: center;
    position: relative;
    color: rgb(0, 0, 0);
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 45px;
}

.m .demarche_popup .bloc_rect {
    margin-top: 25px;
}

.demarche_popup .bloc_rect::after {
    content: url("/media/decouvrez/fleche.png");
    position: absolute;
    left: 50%;
    top: 57px;
}

.demarche_popup #origin_list1 .bloc_rect {
    padding: 11px 0px;
}

.demarche_popup #origin_list2 .bloc_rect {
    padding: 21px 0px;
}

.demarche_popup .bloc_list {
    height: 125px;
    margin-bottom: 20px;
    overflow: hidden;
}

.m .demarche_popup .bloc_list {
    height: auto;
    margin-bottom: 20px;
}

.demarche_popup .darkblue {
    color: rgb(0, 0, 0);
}

.demarche_popup .etat {
    font-weight: 500;
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 24px;
}

.demarche_popup .popup_header {
    height: 100px;
    width: 100%;
    background: rgb(247, 247, 247);
    padding: 36px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.m .demarche_popup .popup_header {
    position: relative;
    padding: 0px;
}

.demarche_popup .popup_titre {
    color: rgb(0, 0, 0);
    font-size: 24px;
    width: 800px;
    float: left;
    margin-left: 23px;
    font-weight: 400;
    max-width: calc(100% - 100px);
}

.m .demarche_popup .popup_titre {
    font-size: 18px;
    margin-left: 0px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.demarche_popup .popup_soustitre {
    color: rgb(0, 0, 0);
    font-size: 24px;
    width: 100%;
    float: left;
    line-height: 32px;
    margin-bottom: 20px;
}

.m .demarche_popup .popup_soustitre {
    font-size: 19px;
    line-height: 26px;
}

.demarche_popup .popup_croix {
    float: right;
    color: rgb(64, 180, 166);
    padding: 10px;
    top: 30px;
    position: absolute;
    right: 30px;
    cursor: pointer;
}

.m .demarche_popup .popup_croix {
    padding: 10px;
    top: 12px;
    position: absolute;
    right: 12px;
    font-size: 18px;
}

.demarche_popup .popup_croix:hover {
    color: rgb(83, 188, 175);
}

.demarche_popup .m td {
    line-height: 14px;
}

.demarche_popup .m .mobile_hide {
    display: none !important;
}

.m .demarche_popup .std {
    padding: 21px;
    margin: auto;
}

.demarche_popup #wrapper_inno1 {
    height: 710px;
    width: auto;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 0px;
}

.m .demarche_popup #wrapper_inno1 {
    height: auto;
    margin-bottom: 40px;
}

.demarche_popup #wrapper_inno1 img {
    position: absolute;
    left: 30px;
}

.m .demarche_popup #wrapper_inno1 img {
    position: relative;
    left: 0px;
    margin-bottom: 10px;
}

.demarche_popup #inno_droite {
    width: 510px;
    position: absolute;
    top: 50px;
    right: 30px;
}

.m .demarche_popup #inno_droite {
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
}

.demarche_popup #inno_droite .ligne {
    background: rgb(0, 0, 0);
    height: 3px;
    width: 78px;
    margin-bottom: 40px;
    margin-top: 30px;
}

.m .demarche_popup #inno_droite .ligne {
    margin-bottom: 25px;
    margin-top: 25px;
}

.demarche_popup #inno_droite h2 {
    opacity: 0.9;
    font-weight: 200;
    font-size: 24px;
    color: rgb(64, 180, 166);
    line-height: 44px;
}

.m .demarche_popup #inno_droite h2 {
    opacity: 0.9;
    font-size: 18px;
    color: rgb(64, 180, 166);
    line-height: 19px;
    width: 278px;
}

.demarche_popup #inno_droite b {
    font-style: normal;
    font-weight: 500;
}

.m .demarche_popup #inno_droite b {
    line-height: 20px;
}

.demarche_popup #inno_droite p {
    font-size: 14px;
    line-height: 26px;
}

.m .demarche_popup #inno_droite p {
    line-height: 24px;
}

.demarche_popup #plus_center {
    position: absolute;
    left: 50%;
    top: 880px;
}

.m .demarche_popup #plus_center {
    position: relative;
    margin: auto;
    display: block;
    top: auto;
    left: 0px;
    right: 0px;
}

.demarche_popup #wrapper_inno2 {
    height: 710px;
    width: auto;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 52px;
}

.m .demarche_popup #wrapper_inno2 {
    height: auto;
    margin-top: 10px;
}

.demarche_popup #inno2_img1 {
    position: relative;
    left: 0px;
    margin-bottom: 10px;
}

.no-m .demarche_popup #inno2_img1 {
    display: none;
}

.demarche_popup #inno2_img2 {
    position: absolute;
    right: 92px;
}

.demarche_popup #inno_gauche {
    width: 510px;
    position: absolute;
    top: 50px;
    left: 30px;
}

.m .demarche_popup #inno_gauche {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
}

.demarche_popup #inno_gauche .ligne {
    background: rgb(0, 0, 0);
    height: 3px;
    width: 78px;
    margin-bottom: 40px;
    margin-top: 30px;
}

.m .demarche_popup #inno_gauche .ligne {
    margin-bottom: 25px;
    margin-top: 25px;
}

.demarche_popup #inno_gauche h2 {
    opacity: 0.9;
    font-weight: 200;
    font-size: 24px;
    color: rgb(64, 180, 166);
    line-height: 44px;
}

.m .demarche_popup #inno_gauche h2 {
    opacity: 0.9;
    font-size: 18px;
    color: rgb(64, 180, 166);
    line-height: 19px;
    width: 278px;
}

.demarche_popup #inno_gauche b {
    font-style: normal;
    font-weight: 500;
}

.m .demarche_popup #inno_gauche b {
    line-height: 20px;
}

.demarche_popup #inno_gauche p {
    font-size: 14px;
    line-height: 26px;
}

.m .demarche_popup #inno_gauche p {
    line-height: 24px;
}

.demarche_popup .std .darker {
    color: rgb(0, 0, 0);
    font-weight: 500;
}

.demarche_popup .std .treize {
    font-size: 13px;
}

.demarche_popup #jaune_fond {
    max-width: 1440px;
    width: 100%;
    margin: 100px auto auto;
    position: absolute;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.m .demarche_popup #jaune_fond {
    margin-top: 40px;
    position: relative;
}

.demarche_popup #pleine_largeur {
    background: rgb(255, 202, 94);
    height: 100%;
    width: 300%;
    position: absolute;
    z-index: -1;
    max-width: none;
    left: -100%;
}

.m .demarche_popup #pleine_largeur {
    display: none;
}

.demarche_popup #fille_desktop {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    display: block;
}

.m .demarche_popup #fille_desktop {
    display: none;
}

.demarche_popup #fille_mobile {
    width: calc(100% + 42px);
    max-width: none;
    margin-left: -21px;
    display: block;
}

.no-m .demarche_popup #fille_mobile {
    display: none;
}

.demarche_popup #remplisseur_jaune {
    height: 615px;
    width: 100%;
}

.m .demarche_popup #remplisseur_jaune {
    display: none;
}

.demarche_popup #jaune_contenu {
    width: 51%;
    position: absolute;
    left: 70px;
    height: 380px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
}

.m .demarche_popup #jaune_contenu {
    height: auto;
    position: relative;
    width: 100%;
    left: auto;
    margin-top: 30px;
}

.demarche_popup #jaune_contenu a {
    display: block;
    opacity: 1;
    cursor: pointer;
}

.demarche_popup #jaune_contenu a:hover {
    display: block;
    opacity: 1;
}

.demarche_popup #jaune_contenu p {
    font-weight: 400;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 24px;
    width: 583px;
    margin: auto;
}

.m .demarche_popup #jaune_contenu p {
    font-family: inherit;
    font-size: 12px;
    color: rgb(130, 154, 165);
    line-height: 20px;
    text-align: left;
    width: 100%;
}

.demarche_popup #jaune_contenu h2 {
    font-weight: 200;
    font-size: 36px;
    color: rgb(255, 255, 255);
    line-height: 50px;
    margin-bottom: 30px;
}

.m .demarche_popup #jaune_contenu h2 {
    font-family: inherit;
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 19px;
    font-weight: 400;
}

.demarche_popup #bouton {
    width: 330px;
    height: 44px;
    background: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
    padding-top: 15px;
    text-align: center;
    margin: 65px auto auto;
    transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
}

.no-m .demarche_popup #bouton {
    background: rgb(255, 255, 255);
    color: rgb(225, 170, 34) !important;
}

.m .demarche_popup #bouton {
    width: 100%;
    background: rgb(242, 202, 77);
    border-radius: 3px;
    font-weight: 500;
    font-size: 10px;
    color: rgb(255, 255, 255);
    height: 44px;
}

.no-m .demarche_popup #bouton:hover {
    background: rgba(255, 255, 255, 0.85);
    transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
    color: rgb(225, 170, 34) !important;
}

.m .demarche_popup #bouton:hover {
    background: rgba(242, 202, 77, 0.85);
    transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
    color: rgb(255, 255, 255) !important;
}

.demarche_popup #gestuelle_intro {
    height: 65px;
    width: 1160px;
    margin: 100px auto auto;
    position: relative;
}

.m .demarche_popup #gestuelle_intro {
    margin-top: 50px;
    position: relative;
    width: 100%;
}

.demarche_popup .gestuelle_intro_trait {
    background: rgb(225, 225, 225);
    height: 1px;
    position: absolute;
    width: 284px;
    top: 52px;
}

.demarche_popup #gestuelle_intro_trait1 {
    left: 0px;
}

.m .demarche_popup #gestuelle_intro_trait1 {
    margin: auto;
    left: 0px;
    top: auto;
    position: relative;
}

.demarche_popup #gestuelle_intro_trait2 {
    right: 0px;
}

.m .demarche_popup #gestuelle_intro_trait2 {
    display: none;
}

.demarche_popup #gestuelle_intro_titre {
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    width: 420px;
    font-weight: 200;
    font-size: 24px;
    color: rgb(18, 71, 94);
    text-align: center;
    line-height: 34px;
}

.m .demarche_popup #gestuelle_intro_titre {
    margin-top: 30px;
    position: relative;
    width: 100%;
    font-size: 18px;
    color: rgb(18, 71, 94);
    line-height: 20px;
}

.demarche_popup #gestuelle_intro span {
    font-weight: 500;
}

.demarche_popup .diaporama_desktop {
    position: absolute;
    width: 100%;
    height: 550px;
    max-width: none;
    left: 0px;
    margin-top: 40px;
    overflow: hidden;
}

body .w-newsletter {
    width: 780px;
    background: #D7C6BC;
}

body .fancybox-skin {
    padding: 0px !important;
}

.m .demarche_popup .diaporama_desktop {
    display: none;
}

.demarche_popup .diaporama_mobile {
    margin-top: 100px;
    width: 100%;
    height: 400px;
    margin-left: 0px;
    position: relative;
}

.no-m .demarche_popup .diaporama_mobile {
    display: none;
}

.demarche_popup .diapo_couple {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 60px;
    margin: auto;
    height: 375px;
}

.demarche_popup #diapo2 {
    right: 0px;
}

.demarche_popup #diapo4 {
    right: 0px;
}

.demarche_popup #et34 {
    left: 100%;
}

.demarche_popup #bande_mobile {
    height: 200px;
    width: calc(400% + 296px);
    left: -21px;
    position: absolute;
}

.demarche_popup .diapo {
    border: 6px solid rgb(245, 245, 245);
    width: 465px;
    height: 415px;
    position: absolute;
}

.m .demarche_popup .diapo {
    position: relative;
    width: 246px;
    height: 340px;
    margin: auto 37px;
    display: inline-table;
}

.demarche_popup #plus_mobile1 {
    position: absolute;
    left: 313px;
    top: 145px;
    margin-left: -20px;
    width: 16px;
    cursor: pointer;
}

.demarche_popup #plus_mobile1:hover {
    opacity: 0.8;
}

.demarche_popup #plus_mobile2 {
    position: absolute;
    left: 639px;
    top: 145px;
    margin-left: -20px;
    width: 16px;
    cursor: pointer;
}

.demarche_popup #plus_mobile2:hover {
    opacity: 0.8;
}

.demarche_popup #plus_mobile3 {
    position: absolute;
    left: 965px;
    top: 145px;
    margin-left: -20px;
    width: 16px;
    cursor: pointer;
}

.demarche_popup #plus_mobile3:hover {
    opacity: 0.8;
}

.demarche_popup .diapo h2 {
    font-size: 23px;
    color: rgb(0, 0, 0);
    line-height: 34px;
    text-align: center;
    width: 370px;
    margin: 84px auto auto;
    letter-spacing: -0.5px;
}

.m .demarche_popup .diapo h2 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 40px;
    width: 205px;
}

.demarche_popup .diapo h2 b {
    color: rgb(242, 14, 134);
}

.demarche_popup .diapo h3 {
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 22px;
    text-align: center;
    margin: 5px auto auto;
}

.m .demarche_popup .diapo h3 {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
}

.demarche_popup .diapo p {
    font-size: 12px;
    line-height: 22px;
    width: 372px;
    text-align: center;
    margin: auto;
    top: 210px;
    position: absolute;
    left: 0px;
    right: 0px;
}

.m .demarche_popup .diapo p {
    line-height: 20px;
    top: 0px;
    position: relative;
    margin-top: 20px;
    width: 215px;
}

.demarche_popup #diapo3 p {
    top: 230px;
}

.demarche_popup #diapo4 h4, .demarche_popup #diapo4mobile h4 {
    color: rgb(0, 0, 0);
    font-weight: 500;
    text-align: center;
    margin-top: 30px;
}

.demarche_popup .diapo .bleu {
    color: rgb(0, 0, 0);
    cursor: default;
}

.demarche_popup .prod1 {
    position: absolute;
    top: 105px;
    left: -55px;
}

.m .demarche_popup .prod1 {
    width: 42px;
    top: 185px;
    left: -25px;
}

.demarche_popup .prod2 {
    position: absolute;
    top: 265px;
    left: 65px;
}

.m .demarche_popup .prod2 {
    width: 40px;
    top: 200px;
    left: -13px;
}

.demarche_popup .prod3 {
    position: absolute;
    top: 146px;
    left: -65px;
}

.no-m .demarche_popup .prod3 {
    display: none;
}

.m .demarche_popup .prod3 {
    width: 40px;
    top: 190px;
    left: -30px;
}

.demarche_popup .prod4 {
    position: absolute;
    top: 170px;
    left: 400px;
    right: auto;
}

.m .demarche_popup .prod4 {
    width: 53px;
    left: auto;
    right: -27px;
    top: 190px;
}

.demarche_popup .diapo_number {
    font-weight: 100;
    font-size: 110px;
    color: rgb(64, 180, 166);
    position: absolute;
    top: -80px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}

.m .demarche_popup .diapo_number {
    font-size: 60px;
    top: -40px;
}

.demarche_popup #remplisseur_desktop {
    height: 700px;
}

.m .demarche_popup #remplisseur_desktop {
    display: none;
}

.demarche_popup #diaporama_desktop_bouton {
    position: absolute;
    top: 560px;
    margin: auto;
    left: 0px;
    right: 0px;
    opacity: 1;
    transition: opacity 0.25s ease-in-out 0s;
    cursor: pointer;
}

.demarche_popup #diaporama_mobile_bouton {
    width: 71px;
    position: absolute;
    top: 380px;
    margin: auto;
    left: 0px;
    right: 0px;
    opacity: 1;
    transition: opacity 0.25s ease-in-out 0s;
    cursor: pointer;
}

.demarche_popup #diaporama_desktop_bouton:hover {
    opacity: 0.8;
    transition: opacity 0.25s ease-in-out 0s;
}

.demarche_popup #diaporama_desktop_boutons div {
    background: red;
    display: inline-block;
}

.demarche_popup .popin_content {
    display: none;
}

.demarche_popup .popup_content {
    font-size: 14px;
}

.demarche_popup .popup_content ul {
    list-style: none;
    margin: 0px;
    font-size: 14px;
    padding: 20px;
}

.demarche_popup .popup_content li {
    padding-left: 1em;
    text-indent: -25px;
    line-height: 18px;
    margin-bottom: 22px;
}

.demarche_popup .popup_content li::before {
    content: "• ";
    color: rgb(0, 0, 0);
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.demarche_popup .popup_content hr {
    color: rgb(214, 226, 231);
    background: rgb(214, 226, 231);
    margin-top: 60px;
    margin-bottom: 40px;
}

.m .demarche_popup .popup_content hr {
    margin-top: 40px;
    margin-bottom: 20px;
}

.demarche_popup .popup_content h1 {
    font-weight: 500;
    font-size: 18px;
    color: rgb(64, 180, 166);
    line-height: 24px;
    margin-bottom: 35px;
    text-align: center;
}

.demarche_popup .popup_content h2 {
    font-weight: 500;
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 24px;
}

.demarche_popup .popup_content b {
    color: rgb(0, 0, 0);
    font-weight: 500;
}

@media (max-width: 1440px) {
    .demarche_popup #jaune_contenu h2 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .demarche_popup #bouton {
        margin-top: 30px;
    }

    .demarche_popup #jaune_contenu {
        height: 330px;
    }
}

.m .demarche_popup .showmobile {
    display: inline;
}

.no-m .demarche_popup .showmobile {
    display: none;
}

.m .demarche_popup .hidemobile {
    display: none;
}

.no-m .demarche_popup .hidemobile {
    display: inline;
}

#welcomepack-toast {
    position: absolute;
}

#back-to-top {
    position: fixed;
    bottom: 10px;
    left: calc(50% - 105px);
    z-index: 4;
    width: 210px;
    height: 45px;
    text-align: center;
    line-height: 48px;
    background-color: rgb(128, 151, 162);
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/back-to-top.png");
    background-position: 22px 18px;
    color: white;
    cursor: pointer;
    border: 0px;
    text-decoration: none;
    transition: opacity 0.2s ease-out 0s;
    opacity: 0;
    font-family: Roboto-Regular;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 25px;
}

.m #back-to-top {
    right: 25px;
    bottom: 200px;
}

#back-to-top.show:hover {
    opacity: 0.8;
}

#back-to-top.show {
    opacity: 0.3;
}

#content {
    height: 2000px;
}

html.js body #tarteaucitronRoot * {
    font-family: Raleway !important;
}

html.js #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 13px;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.3;
    display: inline-block;
    width: 100%;
    text-align: center;
}

html.js body #tarteaucitronAlertBig button {
    width: 150px !important;
    font-size: 12px !important;
    padding: 5px 10px !important;
    margin: 8px 10px 0px !important;
}

html.js body #tarteaucitronRoot #tarteaucitronAlertSmall {
    right: auto;
    left: 0px !important;
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/picto-cookies.jpg") !important;
    background-repeat: no-repeat !important;
    width: 55px !important;
    height: 55px !important;
    background-color: white !important;
}

html.js body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager {
    height: 55px;
    padding: 0px !important;
    text-indent: -99999px !important;
}

html.js body #tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager span#tarteaucitronDot {
    display: none !important;
}

.main-holder .dob-wrapper, .featherlight-inner .dob-wrapper, .stdform .dob-wrapper {
    white-space: nowrap;
}

.main-holder .dob-wrapper label, .featherlight-inner .dob-wrapper label, .stdform .dob-wrapper label {
    margin-bottom: 12px;
}

.main-holder .dob-wrapper .label, .featherlight-inner .dob-wrapper .label, .stdform .dob-wrapper .label {
    line-height: 50px;
}

.main-holder .dob-day, .featherlight-inner .dob-day, .stdform .dob-day, .main-holder .dob-month, .featherlight-inner .dob-month, .stdform .dob-month, .main-holder .dob-year, .featherlight-inner .dob-year, .stdform .dob-year {
    display: inline-block;
    margin-right: -5px;
}

.main-holder .dob-day select, .featherlight-inner .dob-day select, .stdform .dob-day select {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.main-holder .dob-month select, .featherlight-inner .dob-month select, .stdform .dob-month select {
    border-radius: 0px;
}

.main-holder .dob-year select, .featherlight-inner .dob-year select, .stdform .dob-year select {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.main-holder label, .featherlight-inner label, .stdform label {
    color: rgb(175, 175, 175);
    font-size: 11px;
    font-weight: 300;
    line-height: 13px;
    text-transform: uppercase;
    display: inline-block;
    margin: 10px 0px 5px;
}

.main-holder label.required em, .featherlight-inner label.required em, .stdform label.required em {
    display: none;
}

.main-holder select, .featherlight-inner select, .stdform select {
    background-color: transparent;
}

textarea {
    color: rgb(0, 0, 0);
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    padding: 17px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px;
    width: 100%;
    margin: 7px 0px;
    height: auto;
    max-width: 100%;
    min-height: 50px;
}

textarea::-webkit-input-placeholder {
    color: rgb(145, 145, 145);
}

textarea:disabled {
    color: rgb(145, 145, 145) !important;
}

.m textarea {
    font-size: 16px;
}

select {
    color: rgb(0, 0, 0);
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    padding: 3px 27px 3px 17px;
    height: 40px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px;
    width: 100%;
    margin: 7px 0px;
    background-image: url("/media/images/dropdown-select.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    appearance: none;
}

select::-webkit-input-placeholder {
    color: rgb(145, 145, 145);
}

select:disabled {
    color: rgb(145, 145, 145) !important;
}

.form-error-holder ul {
    margin-left: 1.2em;
    margin-bottom: 10px;
}

.form-error-holder li {
    color: rgb(245, 36, 37);
    font-size: 12px;
    line-height: 26px;
    font-weight: 300;
}

.validation-advice {
    display: none;
}

input.validation-failed, select.validation-failed, textarea.validation-failed, input.parsley-error, select.parsley-error, textarea.parsley-error {
    border: 1px solid rgb(245, 36, 37);
}

.validation-error {
    position: relative;
}

.validation-error::after {
    content: "•";
    color: rgb(245, 36, 37);
    position: absolute;
    top: 0%;
    right: 15px;
    font-size: 18px;
    margin-top: 23px;
    line-height: 1;
}

.input-box-select::after {
    right: 45px;
}

.parsley-errors-list {
    display: none;
}

form ul.form-list {
    list-style-type: none;
}

form ul.form-list li {
    line-height: 1;
}

form ul.form-list li .note {
    display: inline-block;
    margin-top: 10px;
}

.appearance select, .ie10 select {
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/dropdown-select.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    appearance: none;
    padding-right: 27px;
}

select {
    padding-right: 15px;
    padding-left: 15px;
}

select.placeholder {
    color: rgb(145, 145, 145) !important;
}

#form-register .privacy {
    line-height: 20px;
    font-size: 13px;
    font-family: Roboto-Regular;
}

#address_form, #form-register {
    max-width: 505px;
}

.customer-account-create #form-register {
    max-width: none !important;
}

#address_form .button, #form-register .button {
    max-width: 333px;
}

#address_form h2, #form-register h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 17px;
    letter-spacing: 0.8px;
    font-family: Roboto;
    color: rgb(0, 0, 0);
}

#address_form .name-prefix .input-box, #form-register .name-prefix .input-box {
    padding: 0px;
}

#address_form input[type="text"], #address_form input[type="email"], #address_form input[type="search"], #address_form input[type="tel"], #address_form input[type="url"], #address_form input[type="password"] {
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(87, 115, 127);
    border-radius: 0px;
    padding-left: 0px;
    font-family: Roboto-Regular;
    font-size: 15px;
    margin-top: 20px;
    height: 40px;
}

#address_form input[type="text"]:hover, #address_form input[type="email"]:hover, #address_form input[type="search"]:hover, #address_form input[type="tel"]:hover, #address_form input[type="url"]:hover, #address_form input[type="password"]:hover {
    border-bottom: 1px solid rgb(0, 0, 0);
}

#form-register input[type="text"], #form-register input[type="email"], #form-register input[type="search"], #form-register input[type="tel"], #form-register input[type="url"], #form-register input[type="password"] {
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(87, 115, 127);
    border-radius: 0px;
    padding-left: 0px;
    font-family: Roboto-Regular;
    font-size: 15px;
    margin-top: 20px;
    height: 40px;
}

#form-register input[type="text"]:hover, #form-register input[type="email"]:hover, #form-register input[type="search"]:hover, #form-register input[type="tel"]:hover, #form-register input[type="url"]:hover, #form-register input[type="password"]:hover {
    border-bottom: 1px solid rgb(0, 0, 0);
}

#form-register .password-peek {
    position: absolute;
    right: 0px;
    height: 17px;
    width: 25px;
    top: 28px;
    cursor: pointer;
    background: url("/media/wysiwyg/tunnel-2018/peek.png");
}

#form-register .password-peek:hover, #form-register .password-peek:active {
    background: url("/media/wysiwyg/tunnel-2018/peek-hover.png");
}

#form-register .password-peek.peeking, #form-register .password-peek.peeking {
    background: url("/media/wysiwyg/tunnel-2018/peek-peeking.png");
}

#form-register .password-peek.peeking:hover, #form-register .password-peek.peeking:active {
    background: url("/media/wysiwyg/tunnel-2018/peek-peeking-hover.png");
}

#form-register label[for="confirmation"], #form-register input[name="confirmation"] {
    display: none;
}

#form-register .validation-error input {
    border-color: rgb(245, 36, 37);
}

#address_form .field, #address_form li, #form-register .field, #form-register li {
    position: relative;
}

#form-register .dob-wrapper {
    float: none;
}

#form-register .name-firstname, .name-lastname {
    width: 100% !important;
}

#form-register label, #address_form label, .forgot-password label {
    transition: all 0.3s ease-out 0s;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    font-size: 13px !important;
    text-transform: none !important;
}

#address_form label {
    z-index: 1;
}

body:not(.customer-account-forgotpassword) label.textfield {
    position: absolute;
    top: 15px;
    left: 0px;
}

body:not(.customer-account-forgotpassword) label.textfield.filled {
    top: -5px;
    font-size: 11px !important;
    text-transform: none !important;
}

.forgot-password .fieldset li {
    position: relative;
}

.forgot-password p.intro {
    font-family: Roboto-Regular;
    font-size: 15px;
    line-height: 30px;
    color: rgb(0, 0, 0);
}

#onepage-checkout .forgot {
    display: none;
}

.forgot-ajax {
    font-family: Roboto;
    font-size: 13px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
}

.no-m #onepage-checkout .forgot-password .fieldset, .no-m #onepage-checkout .forgot-password .buttons-set {
    width: 396px;
    display: inline-block;
}

.no-m #onepage-checkout .forgot-password .fieldset input {
    max-width: 333px;
}

.pw-indic * {
    cursor: default !important;
    color: rgb(136, 136, 136) !important;
}

.pw-indic .activ {
    color: rgb(64, 180, 166) !important;
}

.fsc-navbar .container {
    max-width: 100%;
}

nav.navbar {
    border: 0px;
}

@media screen and (max-width: 1160px) {
    nav.navbar {
        display: none;
    }
}

nav.navbar .navbar-header {
    display: none;
}

nav.navbar .collapse {
    margin: 3px 0px 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    position: relative;
}

nav.navbar .collapse>ul.nav {
    margin: 0px auto;
    position: relative;
    display: inline-block;
}

nav.navbar .collapse>ul.nav li {
    list-style: none;
    text-align: left;
}

nav.navbar .collapse>ul.nav li.level0 {
    display: inline-block;
}

nav.navbar .collapse>ul.nav li.level0>a {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-family: Roboto-Regular;
    line-height: 16px;
    text-transform: uppercase;
    padding: 13px 25px;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    position: relative;
    letter-spacing: 1px;
}

nav.navbar .collapse>ul.nav li.level0>a::after {
    content: "";
    height: 4px;
    background-color: transparent;
    display: inline-block;
    position: absolute;
    bottom: -2px;
    left: 25px;
    right: 25px;
}

nav.navbar .collapse>ul.nav li.level0 .description {
    color: rgb(175, 175, 175);
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    margin: 15px 0px 5px;
}

nav.navbar .collapse>ul.nav li.level0 .megamenu {
    display: none;
    position: absolute;
    z-index: 4;
    top: 44px;
    background-color: rgb(255, 255, 255);
    width: 5000px;
    left: -1918px;
    text-align: center;
    border-bottom: 2px solid rgb(234, 234, 234);
}

nav.navbar .collapse>ul.nav li.level0 .level0.dropdown-menu {
    display: block;
    padding: 35px;
    min-height: 395px;
}

nav.navbar .collapse>ul.nav li.level0 .level0.dropdown-menu[data-nb="4"] li.level1 {
    max-width: 280px;
    padding: 0px 20px;
}

nav.navbar .collapse>ul.nav li.level0 .level0.dropdown-menu[data-nb="3"] li.level1 li.description span.line-break {
    display: block;
}

nav.navbar .collapse>ul.nav li.level0 .level-top-in-dropdown, nav.navbar .collapse>ul.nav li.level0 .divider {
    display: none;
}

nav.navbar .collapse>ul.nav li.level0:hover .megamenu {
    display: block;
}

nav.navbar .collapse>ul.nav li.level0.active>a, nav.navbar .collapse>ul.nav li.level0:hover>a {
    position: relative;
}

nav.navbar .collapse>ul.nav li.level0.active>a::after, nav.navbar .collapse>ul.nav li.level0:hover>a::after {
    background-color: rgb(27, 189, 187);
}

nav.navbar .collapse>ul.nav li.level0.nav-4 .description, nav.navbar .collapse>ul.nav li.level0.nav-1 .description {
    display: none;
}

nav.navbar .collapse>ul.nav li.level0.nav-4 .level0.dropdown-menu, nav.navbar .collapse>ul.nav li.level0.nav-1 .level0.dropdown-menu {
    min-height: 0px;
}

nav.navbar .collapse>ul.nav li.level0.nav-1 li.level1 {
    text-align: center;
    width: 256px;
    display: inline-block;
}

nav.navbar .collapse>ul.nav li.level0.nav-1 li.level1>a {
    color: rgb(130, 154, 165);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: none;
}

nav.navbar .collapse>ul.nav li.level0.nav-1 li.level1 {
    max-width: none;
    width: auto;
}

nav.navbar .collapse>ul.nav li.level1 {
    max-width: 372px;
    display: inline-block;
    vertical-align: top;
    padding: 0px 33px;
}

nav.navbar .collapse>ul.nav li.level1>a {
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 700;
    line-height: 29px;
}

nav.navbar .collapse>ul.nav li.level2 {
    margin: 15px 0px 0px;
}

nav.navbar .collapse>ul.nav li.level2>a {
    color: rgb(130, 154, 165);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.m .home-content .content a.button {
    height: auto;
}

.wrapper_produits .section_categorie {
    width: 1170px;
}

#samples-list .disabled-item {
    position: relative;
    padding: 20px;
    width: 211px;
    height: 133px;
    overflow: hidden;
    display: inline-block;
    margin: 12px;
    border: 2px solid rgb(226, 226, 226);
    border-radius: 3px;
    transition: border-color 0s ease 0s, opacity 0.5s ease 0s;
}

.m #samples-list .disabled-item {
    width: auto;
    display: block;
}

#samples-list .box {
    font-size: 10px;
}

.clear {
    clear: both;
}

.cms-offre-duo-solaire .breadcrumb, .cms-offre-duo-solaire .page-title, .cms-offre-duo-solaire .toolbar {
    display: none !important;
}

.cms-offre-duo-solaire .wrapper {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
}

.m .cms-offre-duo-solaire .wrapper {
    max-width: 320px;
    padding: 25px 20px 0px;
}

.cms-offre-duo-solaire .wrapper_padder {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.no-m .cms-offre-duo-solaire .wrapper_padder {
    margin-top: 30px;
    width: 100%;
}

.no-m .cms-offre-duo-solaire .tableau_solaire {
    margin-top: 0px !important;
}

.cms-offre-duo-solaire .wrapper_produits {
    position: relative;
    max-width: 1180px;
    margin: -50px auto 0px;
}

.m .cms-offre-duo-solaire .wrapper_produits {
    max-width: 320px;
    margin-top: -20px;
}

.cms-offre-duo-solaire #banner {
    width: 100%;
    margin-top: 0px;
    background-size: cover;
    height: 230px;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
    position: relative;
}

.m .cms-offre-duo-solaire #banner {
    height: 215px;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    background-size: cover;
    background-position: 50% 70%;
    background-image: url("/media/landing_pages/2016/solaires/ban_bundle_solaire_m.jpg") !important;
}

.cms-offre-duo-solaire .back_yellow {
    background: rgb(255, 202, 96);
}

.cms-offre-duo-solaire a.greyLink {
    color: rgb(130, 154, 165) !important;
}

.cms-offre-duo-solaire a.infosSoleil {
    line-height: 25px;
    text-decoration: underline;
    color: rgb(0, 0, 0) !important;
}

.cms-offre-duo-solaire .ban_bundle1 {
    background-image: url("/media/landing_pages/2016/solaires/ban_bundle_solaire.jpg") !important;
}

.cms-offre-duo-solaire .colonnesBundle {
    margin-left: 65px;
}

.cms-offre-duo-solaire .col50 {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.cms-offre-duo-solaire .col50last {
    padding-left: 25px;
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.cms-offre-duo-solaire .checkitem {
    margin-top: 5px;
}

.cms-offre-duo-solaire .checkitem>li {
    list-style-type: none;
}

.cms-offre-duo-solaire .checkitem>li::before {
    content: "✔";
    margin-right: 0.3em;
}

.cms-offre-duo-solaire .bandeau_terre {
    margin-top: 40px;
}

.cms-offre-duo-solaire #banner_text_desktop_wrap {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

.cms-offre-duo-solaire .intro {
    text-align: center;
}

.cms-offre-duo-solaire .intro h1 {
    font-weight: 500;
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 18px;
    margin-bottom: 5px;
}

.cms-offre-duo-solaire .m .intro h1 {
    margin-bottom: 15px;
}

.cms-offre-duo-solaire .intro p {
    font-weight: 300;
    color: rgb(113, 138, 149);
    line-height: 22px;
}

.m .cms-offre-duo-solaire .intro p {
    line-height: 18px;
}

.cms-offre-duo-solaire .m .intro, .cms-offre-duo-solaire .m .intro h1, .cms-offre-duo-solaire .m .intro p {
    line-height: 26px;
    text-align: left;
    font-size: 14px;
}

.cms-offre-duo-solaire .m .intro h1 {
    line-height: 22px;
}

.cms-offre-duo-solaire .m .main-holder .breadcrumb {
    display: none !important;
}

.cms-offre-duo-solaire .main-holder {
    max-width: none;
    width: 100% !important;
}

.cms-offre-duo-solaire .category-products {
    max-width: 1180px;
    margin: 0px auto;
}

.cms-offre-duo-solaire #products-list {
    list-style: none;
    margin: 0px auto;
}

.no-m .cms-offre-duo-solaire #products-list {
    width: 100%;
}

.cms-offre-duo-solaire .products-list>li {
    width: 100%;
    margin: 50px auto !important;
}

.cms-offre-duo-solaire #products-list>li .media {
    display: inline-block;
    vertical-align: bottom;
    width: 45%;
    text-align: center;
}

.no-m .cms-offre-duo-solaire #products-list>li .media {
    padding-left: 65px;
}

.cms-offre-duo-solaire #products-list>li .product-contents {
    vertical-align: bottom;
    width: 40%;
    display: inline-block;
    margin-bottom: 45px !important;
}

.no-m .cms-offre-duo-solaire #products-list>li .product-contents {
    margin-left: 120px;
}

.m .cms-offre-duo-solaire #products-list>li .product-contents {
    vertical-align: top;
}

.cms-offre-duo-solaire #products-list>li .product-shop .product-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    text-transform: uppercase;
}

.cms-offre-duo-solaire #products-list>li .product-shop .product-title h3, .cms-offre-duo-solaire #products-list>li .product-shop .product-title h2 {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
}

.cms-offre-duo-solaire #products-list>li .product-shop .product-title h3 {
    display: inline-block;
    vertical-align: middle;
}

.cms-offre-duo-solaire #products-list>li .product-shop .product-title .macaron {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    margin-left: 10px;
}

.cms-offre-duo-solaire #products-list>li .product-shop .product-title h2 {
    margin-bottom: 15px;
    color: rgb(0, 0, 0);
}

.cms-offre-duo-solaire #products-list>li .product-shop .product-title h2 a {
    color: rgb(0, 0, 0);
}

.cms-offre-duo-solaire #products-list>li .product-infos .bundled {
    margin-top: 5px;
}

.cms-offre-duo-solaire #products-list>li .product-infos .bundled p>label {
    margin: 2px 0px 0px;
}

.m .cms-offre-duo-solaire #products-list>li .product-infos .bundled p>label {
    font-size: 7px;
}

.cms-offre-duo-solaire #products-list>li .product-infos .rating-summary {
    width: 90px;
    float: right;
    margin-top: 26px;
}

.cms-offre-duo-solaire #products-list>li .product-infos .rating-summary a {
    cursor: default;
}

.cms-offre-duo-solaire #products-list>li .product-infos .rating-summary .rating-links {
    display: none;
}

.cms-offre-duo-solaire #products-list>li .product-infos .addto {
    margin: 5px 0px 0px;
}

.cms-offre-duo-solaire #products-list>li .product-infos .addto button {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    margin: 5px 0px 0px 20px;
}

.cms-offre-duo-solaire #products-list>li .product-infos .addto .cubeit-input-number {
    display: inline-block;
}

#products-list>li .product-infos .link-learn {
    margin: 21px 0px 0px;
}

.cms-offre-duo-solaire #products-list>li .product-infos hr {
    margin: 15px 0px;
}

.cms-offre-duo-solaire #products-list>li .product-infos .price-box {
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    display: inline-block;
    margin: 15px 0px 0px;
}

.cms-offre-duo-solaire #products-list>li .product-infos .product-capacity.simple {
    margin-top: 15px;
}

.cms-offre-duo-solaire #products-list>li .product-infos .availability {
    padding: 10px 0px;
    height: 55px;
}

.cms-offre-duo-solaire .yellow {
    background-color: rgb(255, 202, 96);
    color: white;
    text-transform: uppercase;
    padding: 2px 5px;
}

.cms-offre-duo-solaire a.button {
    padding-top: 15px !important;
}

.cms-offre-duo-solaire .bundled span {
    font-size: 12px;
}

.cms-offre-duo-solaire .block_bottom {
    text-align: center;
    width: 1160px;
    height: 330px;
    margin: 85px auto auto;
    position: relative;
    background-image: url("/media/landing_pages/2016/solaires/bottom_push_terre.jpg") !important;
}

.m .cms-offre-duo-solaire .block_bottom {
    width: 280px;
    height: 427px;
    background-size: cover;
    margin-top: 40px;
    background-image: url("/media/landing_pages/2016/solaires/bottom_push_mobile_terre.jpg") !important;
}

.m .cms-offre-duo-solaire .block_bottom_desktop {
    display: none;
}

.no-m .cms-offre-duo-solaire .block_bottom_mobile {
    display: none;
}

.cms-offre-duo-solaire .block_aligneur {
    width: 782px;
    padding-left: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.m .cms-offre-duo-solaire .block_aligneur {
    width: 280px;
    height: 427px;
    padding: 0px;
    display: block;
}

.cms-offre-duo-solaire .block_titre {
    font-weight: 500;
    font-size: 26px;
    color: rgb(255, 255, 255);
    line-height: 50px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.m .cms-offre-duo-solaire .block_titre {
    line-height: 26px;
    font-size: 22px;
    display: none;
}

.cms-offre-duo-solaire .block_bottom p {
    font-weight: 200;
    font-size: 12px;
    color: rgb(255, 255, 255);
    line-height: 16px;
}

.m .cms-offre-duo-solaire .block_bottom p {
    line-height: 18px;
    display: none;
}

.m .cms-offre-duo-solaire .wrapper_solaire {
    padding-top: 0px !important;
}

.m .cms-offre-duo-solaire .tableau_solaire h2 {
    margin-bottom: 20px;
}

.cms-offre-duo-solaire .btn-ensoleillement {
    margin-top: 10px;
}

.cms-offre-duo-solaire .mentions p {
    max-width: 1160px;
    font-size: 11px;
    font-weight: 200;
    line-height: 12px;
}

.no-m .cms-offre-duo-solaire .mentions p {
    padding-left: 20px;
}

.m .cms-offre-duo-solaire #products-list {
    padding: 0px 20px;
}

.m .cms-offre-duo-solaire #products-list>li {
    display: block;
    width: 100%;
    margin: 40px auto !important;
}

.m .cms-offre-duo-solaire #products-list>li .product-shop .product-title h2 {
    padding-top: 10px;
}

.m .cms-offre-duo-solaire #products-list>li.last .product-infos {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.m .cms-offre-duo-solaire #products-list>li .bloc_media {
    height: 20px;
    width: 90px;
    float: left;
}

.m .cms-offre-duo-solaire #products-list>li .media {
    width: 100%;
    vertical-align: top;
    float: left;
}

.m .cms-offre-duo-solaire #products-list>li .product-contents {
    display: inline;
    padding-left: 10px;
    float: left;
    width: 190px !important;
    margin-bottom: 0px !important;
}

.m .cms-offre-duo-solaire #products-list>li .product-shop {
    padding: 0px;
    display: inline-block;
    vertical-align: top;
}

.m .cms-offre-duo-solaire #products-list>li .product-shop .product-title h3, .m .cms-offre-duo-solaire #products-list>li .product-shop .product-title h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0px;
}

.m .cms-offre-duo-solaire .short-description>p, .m .cms-offre-duo-solaire .short-description>a, .m .cms-offre-duo-solaire .bundled span {
    font-size: 11px;
    line-height: 16px;
}

.m .cms-offre-duo-solaire #products-list>li .product-price {
    border-bottom: 1px solid rgb(226, 226, 226);
    padding-bottom: 20px;
}

.m .cms-offre-duo-solaire #products-list>li .product-price .addto {
    margin: 10px 0px;
}

.m .cms-offre-duo-solaire #products-list>li .product-price .addto button {
    margin: -5px 0px 0px;
    float: right;
    vertical-align: middle;
    width: auto;
}

.cms-offre-duo-solaire #products-list>li .product-price .addto .cubeit-input-number {
    display: inline-block;
}

.m .cms-offre-duo-solaire #products-list>li .product-infos .link-learn {
    width: auto;
    margin-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
}

.m .cms-offre-duo-solaire #products-list>li .product-infos hr {
    display: none;
}

.m .cms-offre-duo-solaire #products-list>li .product-price .price-box {
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    display: inline-block;
    margin: 15px 0px;
}

.m .cms-offre-duo-solaire #products-list>li .product-infos .product-capacity.configurable {
    margin-top: 5px;
    top: 5px;
    position: relative;
}

.m .cms-offre-duo-solaire #products-list>li .product-infos .product-capacity {
    margin-top: 15px;
}

.m .cms-offre-duo-solaire h2 {
    font-size: 20px;
}

.m .cms-offre-duo-solaire #products-list>li.last .product-price {
    padding-bottom: 0px !important;
    border-bottom: none !important;
}

#ensoleillement {
    margin-top: 15px;
}

.m body.category-ventes-privees .category-header img {
    display: none;
}

.m body.category-ventes-privees .category-header {
    display: block;
    background-image: url("/media/catalog/category/ventes_privees_m.jpg");
    width: 320px;
    margin: 0px auto;
    height: 345px;
}

nav.navbar .collapse>ul.nav li.level0 .description {
    color: rgb(0, 0, 0);
}

body #block-1 .text, body .main-holder .wp-legal-mention, .fsc-main .content p, .cms-origine-etat-pur .p2, .cms-innovation-etat-pur #inno_droite p, .cms-innovation-etat-pur #inno_gauche p, .diapo p, body .category-description p, body #products-list>li .product-shop .short-description, body #products-list>li .product-infos .product-capacity, body #products-list>li .product-infos .product-capacity dt label, body .product-view .short-description, body .product-view .description, body .product-view .innovation, body .product-tabs .contents .data, body .product-tabs .links h3, body .upsell-review .product .description, body .form-add form, body #customer-reviews-list-content .customer-review-list-item .customer-review-list-item-left-container .customer-review-date, body #customer-reviews-list-content .customer-review-list-item .customer-review-list-item-right-bottom, body #customer-reviews-list-content .customer-review-list-item, body .cart #shopping-cart-table th, body .cart-infos h5, body #checkout-step-login .col-2 p, body #sp-methods label, body .main-holder label, body .featherlight-inner label, body .stdform label, body .sidebar-nav a:link, body .sidebar-nav a:visited, .cms-a-conditions-vente p, .cms-a-conditions-vente ul>li, body .menu_lien, .cms-a-mentions-legales p:not(.sombre), .cms-a-livraison-retours p, .cms-a-livraison-retours ol>li, .cms-a-charte-cookies p, .cms-a-charte-cookies ul>li, .cms-a-faq .popup_content_dynamic p, .cms-a-faq .popup_content_dynamic ul>li, .livraison_table1_desktop>tbody>tr, .livraison_table1_mobile>tbody>tr, .cms-a-livraison-retours .table>tbody>tr, footer>.col>.content>p, body .fsc-footer .col, body .fsc-footer .col .tel, body .fsc-footer .col .form, body .fsc-footer .col a {
    color: rgb(101, 101, 101);
}

body #products-list>li .product-shop .accroche, body .product-view .accroche, body .product-view .capacity, body .product-view .capacity dt label, body .product-view .pricePer100ml, body .rating-summary a, body .product-view .product-reassure>div {
    color: rgb(4, 62, 100);
}

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
    color: rgb(101, 101, 101);
}

textarea::-webkit-input-placeholder {
    color: rgb(101, 101, 101);
}

body .product-view .accroche {
    font-weight: 500;
}

body .product-view .product-reassure>div strong {
    color: rgb(242, 14, 134);
    font-weight: 500;
}

body nav.navbar .collapse>ul.nav li.level0.nav-4 li.level1>a:hover, body nav.navbar .collapse>ul.nav li.level0.nav-1 li.level1>a:hover, body nav.navbar .collapse>ul.nav li.level2>a:hover, body .menu_lien:hover {
    color: rgb(35, 188, 175);
}

#popinNonCumulable p>strong {
    color: rgb(242, 14, 134);
    font-weight: 500;
}

#popinNonCumulable p.small {
    font-size: 11px;
}

.checkout-onepage-index #welcomepack-toast {
    display: none;
}

.item-options dd {
    font-size: 12px;
    text-transform: capitalize;
}

.padding5 {
    padding: 0px 5px;
}

body .mini-products-list .item .product-details {
    width: 193px !important;
}

body .mini-products-list .item .product-image {
    width: 75px;
    text-align: center;
}

.m .mini-products-list .item .product-details {
    margin: 0px 0px 0px 15px;
    width: 165px !important;
}

.m #onepage-checkout-recap .m-item-list .item .product-summary {
    width: 180px !important;
}

.m #onepage-checkout-recap .m-item-list .item .product-image {
    text-align: center;
    width: 70px !important;
}

#sp-methods label {
    padding-left: 30px;
}

.no-m .formula-questions-index .featherlight.fl-topaccount-content .featherlight-close-icon {
    top: 30px;
}

.no-m .formula-questions-index .featherlight.fl-topaccount-content .featherlight-content {
    width: 400px;
}

div.product-award {
    float: right;
}

div.product-img-box div.product-award {
    position: relative;
    margin: 0px 20px -90px 0px;
}

.m body.catalog-category-view div.product-award img, .m body.catalogsearch-result-index div.product-award img {
    max-width: 60px;
    margin-right: -13px;
}

.m div.product-img-box div.product-award img {
    position: relative;
    max-width: 75px;
    margin-right: -20px;
}

#form-register .name-prefix .validation-error::after, #fields_civ .validation-error::after {
    display: none;
}

#form-register .name-prefix .validation-error [type="radio"]:not(.small):not(:checked)+label::before, #form-register .name-prefix .validation-error [type="radio"]:not(.small):checked+label::before, #fields_civ .validation-error [type="radio"]:not(.small):not(:checked)+label::before, #fields_civ .validation-error [type="radio"]:not(.small):checked+label::before, #form-register .optin-15-wrapper .validation-error [type="checkbox"]:not(.small):not(:checked)+label::before {
    border: 1px solid rgb(245, 36, 37);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 100%;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

body.cms-newsletter .breadcrumb-container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

body.cms-newsletter .header-filtres-mobile {
    display: none;
}

body.cms-newsletter .replaceBySuccess .success .message {
    float: none;
}

.header-filtres-mobile {
    display: none;
}

.breadcrumb-sub-container {
    max-width: 1180px;
    margin: 0px auto;
}

.info-livraison {
    color: rgb(212, 57, 22);
}

.cart-top .info-livraison {}

.m .cart-top .info-livraison {}

.m .button.centerv {
    padding: 16px !important;
}

.noradius {
    border-radius: 0px !important;
}

#review-form p.rgpd-avis {
    margin-top: 25px;
    font-size: 10px;
    color: rgb(183, 183, 183);
}

#review-form p.rgpd-avis a {
    color: rgb(183, 183, 183);
}

p.rgpd-contact {
    font-size: 11px;
    color: rgb(183, 183, 183);
    padding-top: 30px;
}

p.rgpd-contact a {
    color: rgb(183, 183, 183);
    text-decoration: underline;
    font-family: Roboto-Regular;
}

p.rgpd-tunnel {
    font-size: 11px;
    color: rgb(183, 183, 183);
}

p.rgpd-tunnel a {
    color: rgb(183, 183, 183);
    text-decoration: underline;
    font-family: Roboto-Regular;
}

li.optin-15-wrapper {
    display: none;
}

p.rgpd-edition-compte, p.rgpd_adresse_edition {
    font-size: 11px;
    color: rgb(183, 183, 183);
    line-height: 1;
}

p.rgpd-edition-compte a, p.rgpd_adresse_edition a {
    color: rgb(183, 183, 183);
    text-decoration: underline;
    font-family: Roboto-Regular;
}

form#logout-form input[type="submit"] {
    width: 100%;
    text-align: left;
    border: 0px;
    background-color: white;
    color: rgb(175, 175, 175);
    cursor: pointer;
    font-weight: 500;
    line-height: 32px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-size: 12px;
    appearance: none;
    border-radius: 0px;
}

form#logout-form input[type="submit"]:hover {
    color: rgb(0, 0, 0) !important;
}

form#logout-form-dashboard input[type="submit"] {
    border: 0px;
    color: rgb(101, 101, 101);
    cursor: pointer;
    font-size: 12px;
    appearance: none;
    border-radius: 0px;
    background-color: white !important;
}

.rgpd-msg-formula {
    padding: 20px;
    font-size: 12px;
    max-width: 1180px;
    margin: auto;
    text-align: center;
}

#popin_rgpd_consentement_diag.light-dialog {
    max-width: 920px;
}

.text-rgpd-formula-consentement {
    font-size: 14px;
}

.checkbox-rgpd-formula-consentement {
    font-size: 12px;
    margin-top: 10px;
}

.mentions-rgpd-formula-consentement {
    margin-top: 50px;
    font-size: 10px;
}

#popin_rgpd_consentement_diag [type="checkbox"]:not(:checked)+label::before, #popin_rgpd_consentement_diag [type="checkbox"]:checked+label::before {
    border-radius: 0px;
}

p.rgpd-formula a {
    color: rgb(64, 180, 166);
}

p.rgpd-formula a:hover {
    color: rgb(83, 188, 175);
}

form#logout-form input[type="submit"] {
    width: 100%;
    text-align: left;
    border: 0px;
    background-color: white;
    color: rgb(175, 175, 175);
    cursor: pointer;
    font-weight: 500;
    line-height: 32px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-size: 12px;
    appearance: none;
    border-radius: 0px;
}

form#logout-form input[type="submit"]:hover {
    color: rgb(0, 0, 0) !important;
}

form#logout-form-dashboard input[type="submit"] {
    border: 0px;
    color: rgb(101, 101, 101);
    cursor: pointer;
    font-size: 12px;
    appearance: none;
    border-radius: 0px;
    background-color: white !important;
}

.no-padding-bottom td {
    padding-bottom: 0px !important;
}

.cart #shopping-cart-table tr.tr-short-description {
    border-top: 0px;
}

.cart #shopping-cart-table tr.tr-short-description td {
    padding: 17px 0px;
}

.wrapper {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.m .wrapper {
    max-width: 320px;
    padding: 25px 20px 0px;
}

.wrapper_padder {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.no-m .wrapper_padder {
    margin-top: 60px;
}

.wrapper_produits {
    position: relative;
    max-width: 1180px;
    margin: auto;
}

.m .wrapper_produits {
    max-width: 320px;
    margin-top: -20px;
}

.std .darker {
    color: rgb(0, 0, 0);
    font-weight: 500;
}

#banner_back {
    width: 100%;
    height: 330px;
    position: absolute;
    z-index: -1;
}

.m #banner_back {
    display: none;
}

.back_yellow {
    background: rgb(255, 202, 96);
}

.back_purple {
    background: rgb(161, 154, 206);
}

.back_imperfections {
    background: rgb(116, 202, 201);
}

.back_superactifs_teint {
    background: rgb(255, 202, 86);
}

.back_superactifs_age {
    background: rgb(160, 154, 206);
}

.back_superactifs_imperfections {
    background: rgb(119, 208, 206);
}

.back_gamme_ete {
    background: rgb(99, 213, 227);
}

#banner {
    background: url("/media/descobrir-etat-pur/ingredientes-etat-pur/banner-ingredientes-de-confianca.jpg") center center / cover;
    width: 100%;
    margin-top: 0px;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.cms-routine-beaute-ete #banner, .cms-search1-duplicate-20160704090643 #banner, .cms-booster-de-teint #banner, .cms-booster-de-teint #banner_back {
    height: 230px;
}

.ban_search1 {
    background-image: url("/media/landing_templates/ban_search1.jpg") !important;
}

.m .ban_search1 {
    background-image: url("/media/landing_templates/ban_search1_m.jpg") !important;
    height: 215px !important;
}

.ban_search2 {
    background-image: url("/media/landing_templates/ban_search2.jpg") !important;
}

.m .ban_search2 {
    background-image: url("/media/landing_templates/ban_search2_m.jpg") !important;
    height: 215px !important;
}

.ban_imperfections {
    background-image: url("/media/landing_templates/ban_imperfections_1.jpg") !important;
}

.m .ban_imperfections {
    background-image: url("/media/landing_templates/ban_imperfections_m_1.jpg") !important;
}

.ban_superactifs_teint {
    background-image: url("/media/landing_templates/ban_superactifs_teint.png") !important;
}

.m .ban_superactifs_teint {
    background-image: url("/media/landing_templates/ban_superactifs_teint_m.png") !important;
}

.ban_superactifs_age {
    background-image: url("/media/landing_templates/ban_superactifs_age.png") !important;
}

.m .ban_superactifs_age {
    background-image: url("/media/landing_templates/ban_superactifs_age_m.png") !important;
}

.ban_superactifs_imperfections {
    background-image: url("/media/landing_templates/ban_superactifs_imperfections.png") !important;
}

.m .ban_superactifs_imperfections {
    background-image: url("/media/landing_templates/ban_superactifs_imperfections_m.png") !important;
}

.ban_gamme_ete {
    max-width: 1440px;
    background-image: url("/media/landing_templates/ban_gamme_ete.jpg") !important;
}

.m .ban_gamme_ete {
    background-image: url("/media/landing_templates/ban_gamme_ete_m.jpg") !important;
    height: 210px !important;
}

.banner_template_texte {
    text-align: center;
    margin: auto;
    position: absolute;
    inset: 0px;
    height: 81px;
    color: rgb(255, 255, 255);
    font-weight: 200;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: 0.13em;
}

.m .banner_template_texte {
    display: none;
}

.block_bottom {
    text-align: center;
    width: 1160px;
    height: 330px;
    margin: 100px auto auto;
    position: relative;
    background-image: url("/media/landing_templates/block_bottom.jpg") !important;
}

.m .block_bottom {
    width: 280px;
    height: 427px;
    border-radius: 3px;
    background-size: cover;
    background-image: url("/media/landing_templates/block_bottom_m.jpg") !important;
}

.m .block_bottom_desktop {
    display: none;
}

.no-m .block_bottom_mobile {
    display: none;
}

.block_aligneur {
    width: 782px;
    padding: 0px 50px;
    position: absolute;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.m .block_aligneur {
    width: 280px;
    height: 427px;
    padding: 0px;
    display: block;
}

.block_titre {
    font-weight: 500;
    font-size: 26px;
    color: rgb(255, 255, 255);
    line-height: 50px;
    margin-bottom: 20px;
}

.m .block_titre {
    line-height: 26px;
    font-size: 22px;
    display: none;
}

.block_bottom p {
    font-weight: 200;
    font-size: 12px;
    color: rgb(255, 255, 255);
    line-height: 16px;
}

.m .block_bottom p {
    line-height: 18px;
    display: none;
}

.bouton {
    height: 44px;
    background: rgb(255, 255, 255);
    color: rgb(88, 105, 165);
    cursor: pointer;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: uppercase;
    padding-top: 16px;
    text-align: center;
    margin: 30px auto auto;
    width: auto;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    transition: opacity 0.2s ease-out 0s;
}

.m .bouton {
    width: 240px;
    margin-bottom: 20px;
    border: none;
    height: 64px;
    font-size: 11px;
    line-height: 17px;
    margin-top: 30px;
    display: none;
}

.bouton:hover {
    opacity: 0.9;
    transition: opacity 0.2s ease-out 0s;
}

.block_bottom a:hover {
    color: rgb(88, 105, 165);
}

.desktop_trait_booster {
    border-top: 1px solid rgb(234, 234, 234);
    width: 225px;
    position: absolute;
}

.m .desktop_trait_booster {
    display: none;
}

.m .booster_trait_wrapper .left_side {
    display: block;
    right: 0px;
    left: 0px;
    margin: auto;
    width: 100px;
    top: -30px;
}

.booster_intro {
    font-weight: 300;
    font-size: 16px;
    color: rgb(113, 138, 149);
    line-height: 26px;
    text-align: center;
}

.m .booster_intro {
    line-height: 26px;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
}

.booster_trait_wrapper {
    position: relative;
    margin-top: 80px;
    margin-bottom: 80px;
}

.m .booster_trait_wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
}

.wording_vert {
    font-weight: 200;
    font-size: 24px;
    color: rgb(64, 180, 166);
    line-height: 34px;
    text-align: center;
}

.m .wording_vert {
    font-size: 19px;
    line-height: 26px;
}

.wording_vert b {
    font-weight: 500;
}

.wording_vert_auto {
    font-weight: 200;
    font-size: 24px;
    color: rgb(64, 180, 166);
    line-height: 34px;
    text-align: center;
    background: rgb(255, 255, 255);
    width: auto;
    display: table;
    margin: -30px auto auto;
    padding-left: 60px;
    padding-right: 60px;
}

.m .wording_vert_auto {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}

.wording_vert_auto b {
    font-weight: 500;
}

.desktop_trait_auto {
    background: rgb(234, 234, 234);
    width: 100%;
    height: 1px;
}

.m .desktop_trait_auto {
    display: none;
}

.booster_trait_auto_wrapper {
    position: relative;
    margin-top: 120px;
    margin-bottom: 80px;
    height: 30px;
}

.m .booster_trait_auto_wrapper {
    height: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}

.cadre_wrapper {
    width: 49%;
    position: absolute;
    right: 20px;
    bottom: 50px;
    margin: 0px 0px -10px;
    height: 317px;
}

.m .cadre_wrapper {
    width: 280px;
    margin: 210px auto 0px;
    left: 0px;
    right: 0px;
    position: relative;
    height: 150px;
}

.ampoule {
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.cadre {
    border: 1px solid rgb(234, 234, 234);
    border-radius: 6px;
    padding: 80px 56px;
    width: 450px;
    margin: auto;
    height: 285px;
    font-weight: 300;
    font-size: 18px;
    color: rgb(113, 138, 149);
    line-height: 30px;
    text-align: center;
    position: absolute;
    inset: 0px;
}

.m .cadre {
    width: 100%;
    height: 235px;
    padding: 50px 30px 30px;
    font-size: 14px;
    line-height: 28px;
}

.cadre a {
    color: rgb(64, 180, 166);
    font-weight: 500;
    border-bottom: 2px solid;
    padding-bottom: 2px;
}

.cadre a:hover {
    color: rgb(83, 188, 175);
}

.cadre_ampoule_full_wrapper {
    margin: 90px auto auto;
    right: auto;
    bottom: auto;
    position: relative;
    width: 1160px;
    height: auto;
}

.m .cadre_ampoule_full_wrapper {
    width: 280px;
    margin: 120px auto -50px;
    left: 0px;
    right: 0px;
    position: relative;
    height: auto;
}

.cadre_ampoule_full {
    border: 1px solid rgb(234, 234, 234);
    border-radius: 6px;
    width: 100%;
    margin: auto;
    color: rgb(113, 138, 149);
    text-align: center;
    position: relative;
    inset: 0px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    padding: 80px 40px;
    height: auto;
}

.m .cadre_ampoule_full {
    width: 100%;
    padding: 45px 15px;
    font-size: 14px;
    height: auto;
    line-height: 24px;
    position: relative;
}

.cadre_ampoule_full_titre {
    font-weight: 300;
    font-size: 24px;
    color: rgb(64, 180, 166);
}

.m .cadre_ampoule_full_titre {
    font-size: 18px;
}

.cadre_ampoule_full a {
    color: rgb(64, 180, 166);
    font-weight: 500;
    border-bottom: 2px solid;
    padding-bottom: 2px;
}

.cadre_ampoule_full a:hover {
    color: rgb(83, 188, 175);
}

#banner_text_desktop_wrap {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

.intro {
    text-align: center;
}

.m .intro iframe {
    width: 280px;
    height: 158px;
}

.intro h1 {
    font-weight: 500;
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 18px;
    margin-bottom: 5px;
}

.m .intro h1 {
    margin-bottom: 15px;
}

.intro p {
    font-weight: 300;
    color: rgb(113, 138, 149);
    line-height: 22px;
}

.m .intro, .m .intro h1, .m .intro p {
    line-height: 26px;
    text-align: left;
    font-size: 14px;
}

.m .intro h1 {
    line-height: 22px;
}

.section_categorie {
    border-left: 2px solid rgb(0, 0, 0);
    font-weight: 300;
    font-size: 24px;
    color: rgb(0, 0, 0);
    line-height: 28px;
    width: 760px;
    padding-left: 20px;
    margin-top: 100px;
    margin-bottom: 30px;
    overflow: hidden;
}

.cms-routine-beaute-ete .section_categorie, .cms-search1-duplicate-20160704090643 .section_categorie {
    margin-top: 60px;
}

.m .section_categorie {
    width: 280px;
    height: auto;
    font-size: 22px;
    margin-left: auto;
    margin-right: auto;
}

.section_categorie p {
    font-weight: 300;
    font-size: 14px;
    color: rgb(183, 183, 183);
    line-height: 20px;
    margin-top: 10px;
}

.landing_trait_wrapper {
    position: relative;
    margin-top: 60px;
    margin-bottom: 30px;
}

.m .landing_trait_wrapper {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}

.trait_landing {
    border-top: 1px solid rgb(214, 226, 231);
    width: 448px;
    position: absolute;
}

.m .trait_landing {
    width: 50px;
}

.left_side {
    left: 0px;
    top: 50%;
}

.titre_landing {
    font-weight: 300;
    font-size: 24px;
    color: rgb(2, 75, 108);
    line-height: 26px;
    text-align: center;
}

.right_side {
    right: 0px;
    top: 50%;
}

.back_landing_welcome {
    background: rgb(251, 187, 197);
}

.ban_landing_welcome {
    background-image: url("/media/landing_templates/ban_landing_welcomepack.jpg") !important;
}

.m .ban_landing_welcome {
    background-image: url("/media/landing_templates/ban_landing_welcomepack_m.jpg") !important;
    height: 433px !important;
}

.intro_welcome {
    text-align: center;
}

.intro_welcome strong {
    font-weight: 500;
    color: rgb(0, 0, 0);
    line-height: 18px;
    margin-bottom: 5px;
}

.m .intro_welcome strong {
    margin-bottom: 15px;
}

.intro_welcome p {
    font-weight: 300;
    color: rgb(113, 138, 149);
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}

.m .intro_welcome p {
    font-size: 14px;
    text-align: left;
}

#block-1 {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    padding-bottom: 0px;
    margin-top: 50px;
}

#block-1 .text {}

#block-1 .button {}

.m #block-1 .button {
    height: 55px;
    line-height: 16px;
    padding: 10px;
    margin-top: 35px;
    background-color: rgb(64, 180, 166) !important;
    color: rgb(255, 255, 255) !important;
}

.m #block-1 .wp-legal-mention {
    width: 100%;
    margin-top: 38px;
    text-align: center;
    font-size: 11px;
    color: rgb(183, 183, 183);
    line-height: 14px;
    margin-left: auto;
    margin-right: auto;
}

.m .breaker_mobile::before {
    content: "hiddentext";
    font-size: 0px;
    display: block;
    line-height: 0;
}

.m #block-1 {
    display: block;
    margin-top: 40px;
    padding-bottom: 0px;
}

.m #block-1 h2 {
    font-size: 20px;
    line-height: 26px;
}

.m #block-1 h2::after {
    margin-bottom: 30px;
}

.m #block-1 .text {
    max-width: none;
    width: 100%;
    margin: auto auto 10px;
    padding: 0px;
}

.m #block-1 br, .m #block-1 br::after {
    content: " ";
}

.no-m #block-1 .button br, .no-m #block-1 .button br::after {
    content: " ";
}

.m #block-1 .button br, .m #block-1 .button br::after {
    content: normal;
}

.m .cms-landing-welcome-pack .fsc-footer-reassure {
    margin-top: 25px;
}

.legal-mention-imperfections {
    font-weight: 200;
    color: rgb(175, 175, 175);
    font-size: 10px;
    line-height: 12px;
    width: 1160px;
    text-align: left;
    margin: 5px auto auto;
}

.m .legal-mention-imperfections {
    width: 280px;
    text-align: center;
    margin-top: 15px;
}

.m .main-holder .breadcrumb {
    display: none !important;
}

.main-holder {
    max-width: none;
    width: 100% !important;
}

.z {}

.m .showmobile {
    display: inline;
}

.no-m .showmobile {
    display: none;
}

.m .hidemobile {
    display: none;
}

.no-m .hidemobile {
    display: inline;
}

.ban_custom {
    max-width: 1440px;
    height: 490px !important;
}

.wrapper-maxwidth1180 {
    margin: auto;
    max-width: 1180px;
}

.bonnes-raisons-titre-mobile {
    margin-top: 39px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    font-size: 14px;
    line-height: 25px;
}

.bonnes-raisons-titre-mobile span {
    font-size: 21px;
    line-height: 35px;
    padding-bottom: 2px;
    font-weight: 800;
}

.bonnes-raisons-titre-mobile p {
    margin-top: 25px;
    text-align: center;
}

.bonnes-raisons {
    color: rgb(59, 94, 108);
    font-size: 18px;
    line-height: 36px;
}

.bonnes-raisons-fullwidth {
    margin: auto;
    width: 100%;
    max-width: 1440px;
    background-size: cover;
}

.bonnes-raisons .bonnes-raisons-left, .bonnes-raisons .bonnes-raisons-right {
    display: table-cell;
    vertical-align: top;
}

.bonnes-raisons .bonnes-raisons-left {
    width: 590px;
}

.bonnes-raisons-frame .bonnes-raisons-left {
    border: 1px solid rgb(211, 222, 228);
    padding: 65px 84px 0px 96px;
    position: relative;
}

.bonnes-raisons-frame .bonnes-raisons-left::after {
    content: "";
    position: absolute;
    background-image: url("/media/wysiwyg/templates/ingredients-confiance/fleche.png");
    left: 588px;
    top: 138px;
    height: 81px;
    width: 35px;
}

.bonnes-raisons-frame .bonnes-raisons-right {
    padding-left: 0px !important;
    line-height: 0 !important;
}

.bonnes-raisons .bonnes-raisons-right {
    padding-left: 32px;
    width: 590px;
}

.bonnes-raisons-textonly .bonnes-raisons-left, .bonnes-raisons-textonly .bonnes-raisons-right {
    padding-right: 45px;
}

.bonnes-raisons-textonly .bonnes-raisons-left {
    padding-left: 32px;
}

.bonnes-raisons-dropdown {
    border-right: 1px solid rgb(211, 222, 228);
    border-bottom: 1px solid rgb(211, 222, 228);
    border-left: 1px solid rgb(211, 222, 228);
    border-image: initial;
    border-top: none;
    margin-top: -1px;
    width: 100%;
    background-image: url("/media/wysiwyg/templates/fleche-dropdown-bas.jpg");
    background-repeat: no-repeat;
    background-position: 102px 39px;
}

.bonnes-raisons-dropdown.opened {
    background-image: url("/media/wysiwyg/templates/fleche-dropdown-haut.jpg");
}

.bonnes-raisons-dropdown-content {
    border-top: 1px solid rgb(211, 222, 228);
    padding: 70px 100px;
    color: rgb(59, 94, 108);
    font-size: 18px;
    line-height: 36px;
    display: none;
}

.bonnes-raisons-dropdown.opened .bonnes-raisons-dropdown-content {
    display: block;
}

.bonnes-raisons-dropdown span {
    font-size: 17px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    display: block;
    height: 100px;
    line-height: 100px;
    text-transform: uppercase;
    padding-left: 185px;
    cursor: pointer;
}

.bonnes-raisons-intro {
    margin-top: 80px;
}

.bonnes-raisons-intro .bonnes-raisons-right {
    padding: 50px;
}

.bonnes-raisons-titre {
    margin-top: 57px;
    margin-bottom: 70px;
    text-align: center;
    font-size: 24px;
}

.no-m .bonnes-raisons-titre {
    display: block;
}

.bonnes-raisons-titre span {
    text-transform: uppercase;
    font-size: 30px;
    color: rgb(0, 0, 0);
    font-family: Roboto;
    font-weight: 400;
    padding: 2px 16px;
    letter-spacing: 1.8px;
    line-height: 55px;
}

.bonnes-raisons .bonnes-raisons-number {
    text-transform: uppercase;
    font-size: 24px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    font-weight: 400;
    padding: 2px 16px;
    letter-spacing: 1.8px;
    line-height: 60px;
}

.bonnes-raisons-4vignettes {
    width: 1176px;
    height: 271px;
    margin: 80px auto;
    background-image: url("/media/descobrir-etat-pur/ingredientes-etat-pur/bg-boa-razao-4cards.jpg");
    background-repeat: no-repeat;
}

.bonnes-raisons-button {
    margin-top: 30px;
}

.bonnes-raisons-button:hover, .bonnes-raisons-button:active, .bonnes-raisons-button:focus, .m .bonnes-raisons-button:hover, .m .bonnes-raisons-button:active, .m .bonnes-raisons-button:focus {
    border: none;
    background-color: rgb(83, 188, 175) !important;
    color: rgb(255, 255, 255) !important;
}

.bonnes-raisons-1 {
    height: 445px;
    margin-bottom: 80px;
    background-image: url("/media/descobrir-etat-pur/ingredientes-etat-pur/bg-boa-razao-rastreabilidade.jpg") !important;
}

.bonnes-raisons-1 .bonnes-raisons-right {
    padding-top: 124px;
    padding-right: 43px;
}

.bonnes-raisons-3 {
    margin-top: 100px;
    margin-bottom: 140px;
}

.bonnes-raisons-3 .bonnes-raisons-left {
    padding: 30px 0px 0px 25px;
}

.bonnes-raisons-3 .bonnes-raisons-button {
    border: 1px solid rgb(211, 222, 228);
    color: rgb(0, 0, 0);
}

.bonnes-raisons-4 {
    height: 445px;
    margin-bottom: 80px;
    background-image: url("/media/descobrir-etat-pur/ingredientes-etat-pur/bg-boa-razao-alta-tolerancia.jpg") !important;
}

.bonnes-raisons-4 .bonnes-raisons-right {
    padding-top: 67px;
    padding-right: 30px;
}

.bonnes-raisons-4 .bonnes-raisons-button {
    border: 1px solid rgb(230, 228, 226);
    color: rgb(0, 0, 0);
    background-color: rgb(249, 242, 238);
}

.bonnes-raisons-5 {
    margin-bottom: 84px;
}

.bonnes-raisons-5 .bonnes-raisons-left {
    padding: 65px 45px 0px 96px;
}

.bonnes-raisons-5 .bonnes-raisons-button {
    border: 1px solid rgb(211, 222, 228);
    color: rgb(0, 0, 0);
}

.bonnes-raisons-10 {
    height: 445px;
    margin-top: 85px;
    margin-bottom: 80px;
    position: relative;
    min-width: 1440px;
    margin-left: -25%;
    left: 10vw;
    background-image: url("/media/descobrir-etat-pur/ingredientes-etat-pur/bg-boa-razao-durabilidade.jpg") !important;
}

.bonnes-raisons-10 .bonnes-raisons-right {
    padding-top: 79px;
    padding-right: 43px;
}

.no-m .bonnes-raisons-10 .bonnes-raisons-right {
    color: white;
}

.no-m .bonnes-raisons-10 .bonnes-raisons-number {
    background-color: white;
    color: rgb(73, 61, 66);
}

.upsell-review {
    margin-bottom: 80px;
}

.block-naos {
    text-align: center;
    padding: 25px 20px;
    font-size: 18px;
    line-height: 36px;
    color: rgb(59, 94, 110);
}

.block-naos span {
    line-height: 64px;
    font-size: 24px;
}

.m .bonnes-raisons-intro {
    margin-top: 36px;
}

.m .bonnes-raisons-titre {
    margin-bottom: 45px;
}

.m .bonnes-raisons-titre span {
    font-size: 19px;
    line-height: 35px;
}

.m .bonnes-raisons {
    font-size: 16px;
    line-height: 28px;
    height: auto !important;
}

.m .bonnes-raisons .bonnes-raisons-left, .m .bonnes-raisons .bonnes-raisons-right {
    display: block;
    width: 296px;
    margin: auto;
    padding: 0px 6px !important;
    height: auto !important;
}

.m .bonnes-raisons .bonnes-raisons-left img, .m .bonnes-raisons .bonnes-raisons-right img {
    width: 296px;
    margin-left: -6px;
    display: block;
    margin-bottom: 32px;
    max-width: none !important;
}

.m .bonnes-raisons-fullwidth {
    background: none !important;
}

.m .bonnes-raisons-frame .bonnes-raisons-left {
    border: none !important;
}

.m .bonnes-raisons-frame .bonnes-raisons-left::after {
    display: none;
}

.m .bonnes-raisons-1 {
    margin-bottom: 45px;
}

.m .bonnes-raisons-2 {
    margin-bottom: 25px;
}

.m .bonnes-raisons-3 {
    margin-top: 60px;
    margin-bottom: 50px;
}

.m .bonnes-raisons-4 {
    margin-bottom: 55px;
}

.m .bonnes-raisons-4 span {
    padding: 2px 12px !important;
}

.m .bonnes-raisons-5 {
    margin-bottom: 45px;
}

.m .bonnes-raisons-6-7 .bonnes-raisons-right, .m .bonnes-raisons-8-9 .bonnes-raisons-right {
    padding-top: 55px !important;
}

.m .bonnes-raisons-8-9 .bonnes-raisons-left {
    padding-top: 15px !important;
}

.m .bonnes-raisons-10 {
    margin-top: 42px;
    margin-bottom: 0px;
}

.m .bonnes-raisons .bonnes-raisons-number {
    display: table;
    margin: auto;
    line-height: normal;
    font-size: 16px;
}

.m .bonnes-raisons-4vignettes {
    width: 296px;
    height: 297px;
    margin: 48px auto;
    background-image: url("/media/wysiwyg/templates/bg-bonne-raison-4vignettes-m.jpg");
    background-repeat: no-repeat;
}

.m .bonnes-raisons-dropdown {
    border-top: 1px solid rgb(211, 222, 228);
    background-position: center top 60px;
    text-align: center;
    background-size: 26px;
    width: 296px;
    margin: -1px auto auto;
}

.m .bonnes-raisons-dropdown-twolinesm {
    background-position: center top 80px;
}

.m .bonnes-raisons-dropdown span {
    padding-left: 0px;
    padding-top: 30px;
    padding-bottom: 45px;
    line-height: 20px;
    font-size: 11px;
    height: auto;
}

.m .bonnes-raisons-dropdown-content {
    font-size: 16px;
    line-height: 28px;
    padding: 30px 23px;
    text-align: left;
}

.m .bonnes-raisons-button {
    font-size: 13px;
    background: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
}

.m #diagnostic-peau {
    margin-top: 55px;
    margin-bottom: 55px;
}

.m .block-naos-image {
    width: 176px;
}

.m .block-naos span {
    font-size: 16px;
}

.m .block-naos {
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 50px;
    border-bottom: 1px solid rgb(197, 197, 197);
    padding-bottom: 40px;
    padding-top: 0px;
    margin-top: -15px;
}

.m .wrapper-maxwidth1180 {
    max-width: 320px;
}

.m .upsell-review {
    display: block !important;
    border-top: none !important;
    margin-top: 0px !important;
    padding-top: 20px !important;
}

.m .upsell-review .image-desktop {
    display: none !important;
}

.m .upsell-review .image-mobile {
    text-align: center;
}

.no-m .caroussel-titre-mobile {
    display: none;
}

.m .caroussel-titre-mobile {
    margin-top: 40px;
    font-size: 16px;
    display: block;
    text-align: center;
    color: rgb(0, 0, 0);
    font-weight: 500;
}

.m .upsell-review .upsell-carousel {
    height: 700px !important;
}

.upsell-review .title {
    font-weight: 400 !important;
}

.m .upsell-review .title {
    display: none;
}

.m .upsell-review .upsell-carousel .prev, .m .upsell-review .upsell-carousel .next {
    background-color: transparent;
    height: 250px;
    background-size: 44px;
    display: block !important;
}

.m .upsell-review .review {
    display: block !important;
    width: 100% !important;
    padding: 15px 20px !important;
    float: none !important;
}

.m .upsell-review .product {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

.upsell-review .title::before, .upsell-review .title::after {
    background-color: rgb(203, 203, 203) !important;
}

#blocks-reassurance-container {
    margin-top: 40px;
    margin-bottom: 250px;
}

.block-reassurance {
    width: 33%;
    float: left;
    height: 132px;
    background-color: rgb(46, 86, 110);
    color: rgb(255, 255, 255);
    margin-top: 4px;
    display: inline-block;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: 32px 25px;
    padding: 30px 0px 0px 136px;
    margin-right: 2px;
}

#block-reassurance-1 {
    background-image: url("/media/descobrir-etat-pur/origem-etat-pur/amostras-gratis.jpg");
}

#block-reassurance-2 {
    background-image: url("/media/descobrir-etat-pur/origem-etat-pur/portes-gratis.jpg");
}

#block-reassurance-3 {
    background-image: url("/media/descobrir-etat-pur/origem-etat-pur/satisfacao-reembolso.jpg");
    padding-top: 47px;
}

#block-reassurance-4 {
    background-image: url("/media/descobrir-etat-pur/origem-etat-pur/contacto-telefone-r.jpg");
    padding-top: 47px;
}

.bartext {
    height: 1px;
    width: 100%;
    padding: 0px;
    background: rgb(235, 100, 138);
    text-align: center;
    margin-top: 55px;
}

.no-m .hidemobile.bartext {
    display: block;
}

.bartext.bluebar {
    background: rgb(188, 188, 188);
    margin-top: 70px;
    margin-bottom: 0px;
}

.title-bartext {
    color: rgb(235, 100, 138);
    background-color: rgb(255, 255, 255);
    padding: 0px 25px;
    display: table;
    text-transform: uppercase;
    margin: -20px auto 55px;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 21px;
    text-align: center;
    line-height: 40px;
}

.title-bartext.block-naos-bartext {
    margin-top: -27px;
}

.title-bartext.bartextblue {
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
    font-weight: 500;
    display: table;
}

#blocks-contact-container {
    color: rgb(0, 62, 99);
    padding: 0px 30px;
    margin-top: 60px;
}

.block-contact {
    display: inline-block;
    width: 367px;
    text-align: center;
    line-height: 27px;
    font-size: 18px;
    font-family: arial;
}

.block-contact a {
    color: rgb(0, 62, 99);
    text-decoration: underline;
    font-weight: bold;
}

.block-contact strong {
    font-weight: bold;
}

#block-contact-chat {
    background-image: url("/media/wysiwyg/templates/bg-block-chat.jpg");
    background-position: center bottom;
}

#mentions-asterisques {
    color: rgb(130, 154, 165);
    font-size: 14px;
    text-align: center;
    margin-top: 80px;
    line-height: 30px;
    margin-bottom: 35px;
}

.m #blocks-reassurance-container {
    margin: 20px 0px 30px;
    padding: 0px 10px;
}

.m .block-reassurance {
    width: 100%;
    height: 78px;
    font-size: 14px;
    background-position: 18px 20px;
    padding: 23px 0px 0px 80px;
}

.m #block-reassurance-1 {
    background-image: url("/media/wysiwyg/templates/picto-echantillons_m.jpg");
}

.m #block-reassurance-2 {
    background-image: url("/media/wysiwyg/templates/picto-livraison_m.jpg");
}

.m #block-reassurance-3 {
    background-image: url("/media/wysiwyg/templates/picto-satisfait_m.jpg");
    padding-top: 30px;
}

.m #block-reassurance-4 {
    background-image: url("/media/wysiwyg/templates/picto-livraison-24-48_m.jpg");
    padding-top: 30px;
}

.m #blocks-contact-container {
    padding: 0px;
    margin-top: 30px;
}

.m .block-contact {
    width: 100%;
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid rgb(188, 188, 188);
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.m .block-contact-img {
    display: inline-block;
    width: 85px;
    text-align: center;
}

.m .block-contact-img img {
    width: 60px;
    margin-bottom: 0px;
}

.m .block-contact-txt {
    display: inline-block;
    width: 210px;
    line-height: 23px;
    vertical-align: top;
    padding-top: 5px;
    padding-left: 10px;
}

.m .block-contact:last-child {
    border-bottom: 0px;
}

.m #mentions-asterisques {
    margin-top: -15px;
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 0px;
    color: rgb(72, 71, 71);
    padding: 0px 10px;
}

.m #mentions-asterisques p {
    margin-bottom: 10px;
}

.m #mentions-asterisques p:last-child {
    margin-bottom: 0px;
}

footer p {
    color: rgb(0, 0, 0) !important;
}

.fsc-footer-reassure {
    margin: 70px 0px 0px;
}

.catalog-category-view .fsc-footer-reassure {
    margin: 0px;
    border-top: 1px solid rgb(224, 224, 224);
}

.m .fsc-footer-reassure {
    border-bottom: 1px solid rgb(226, 226, 226);
    margin-top: 50px;
}

.fsc-footer-reassure .container {
    border: 1px solid rgb(226, 226, 226);
}

.catalog-category-view .fsc-footer-reassure .container {
    border-top: 0px;
}

.fsc-footer-reassure #reassure {
    text-align: center;
    list-style: none;
    color: rgb(64, 180, 166);
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
}

.m .fsc-footer-reassure #reassure {
    text-align: left;
}

.fsc-footer-reassure #reassure a {
    display: inline-block;
    margin: 0px 65px;
}

.m .fsc-footer-reassure #reassure a {
    display: block;
    margin: 30px 10px;
    font-weight: 500;
}

.fsc-footer-reassure #reassure a::before {
    color: rgb(0, 0, 0);
    font-size: 35px;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;
    margin-right: 25px;
    margin-top: -11px;
}

.m .fsc-footer-reassure #reassure a::before {
    font-size: 25px;
    line-height: 20px;
    margin-top: -5px;
}

@media print {
    .fsc-footer-reassure {
        display: none;
    }
}

.fsc-footer-nl {
    background-color: rgb(245, 245, 245);
    text-align: center;
    color: rgb(64, 180, 166);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    text-transform: uppercase;
    padding: 40px 0px;
}

.fsc-footer-nl p {
    display: inline-block;
}

.fsc-footer-nl form {
    display: inline-block;
}

.fsc-footer-nl form input {
    display: inline-block;
    width: 275px;
    height: 46px;
    margin: 0px 10px 0px 17px;
}

.m .fsc-footer-nl {
    display: none;
}

@media print {
    .fsc-footer-nl {
        display: none;
    }
}

.fsc-footer {
    padding: 50px 0px 30px;
}

.m .fsc-footer {
    padding: 0px;
}

.fsc-footer .col {
    display: inline-block;
    padding-right: 40px;
    width: 24%;
    vertical-align: top;
    color: rgb(175, 175, 175);
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
}

.fsc-footer .col:nth-child(1) {
    width: 24%;
}

.fsc-footer .col:nth-child(2) {
    width: 25%;
}

.fsc-footer .col:nth-child(3) {
    width: 24%;
}

.fsc-footer .col a {
    color: rgb(175, 175, 175);
}

.fsc-footer .col a:hover {
    color: rgb(0, 0, 0);
}

.fsc-footer .col h3, .fsc-footer .col .footer-bloc-title, .footer-bloc-title-newsletter {
    color: rgb(27, 189, 187);
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
    margin: 0px 0px 16px;
    font-family: Raleway-extrabold;
}

.m .footer-bloc-title-newsletter {
    padding: 25px 15px 0px;
}

.fsc-footer .col .footer-bloc-title.footer-bloc-title-language {
    margin-top: 40px;
}

.m .fsc-footer .col h3, .m .fsc-footer .col .footer-bloc-title {
    cursor: pointer;
    margin: 0px;
    padding: 18px;
    position: relative;
}

.m .fsc-footer .col h3::after, .m .fsc-footer .col .footer-bloc-title::after {
    content: "L";
    font-family: etatpur;
    color: rgb(208, 208, 208);
    position: absolute;
    top: 17px;
    right: 10px;
    display: inline-block;
    font-size: 12px;
}

.m .fsc-footer .col h3.active, .m .fsc-footer .col .footer-bloc-title.active {
    background-color: rgb(236, 236, 236);
    border-color: rgb(0, 0, 0);
}

.m .fsc-footer .col h3.active::after, .m .fsc-footer .col .footer-bloc-title.active::after {
    content: "K";
}

.m .fsc-footer .col h3.active+.content, .m .fsc-footer .col .footer-bloc-title.active+.content {
    display: block;
}

.fsc-footer .col ul {
    list-style: none;
}

.fsc-footer .col .bold {
    font-family: Roboto;
}

.fsc-footer .col .tel {
    color: rgb(0, 0, 0);
    font-size: 22px;
    font-weight: 300;
    line-height: 20px;
    margin: 20px 0px 40px;
    padding-left: 35px;
    font-family: Helvetica;
    background-image: url("/media/wysiwyg/footer-2018/icon-headset.jpg");
    background-repeat: no-repeat;
    min-height: 22px;
}

.fsc-footer .col .email {
    display: block;
    color: rgb(0, 0, 0);
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0px 0px;
    padding-left: 35px;
    font-family: Roboto;
    background-image: url("/media/wysiwyg/footer-2018/icon-email.jpg");
    background-repeat: no-repeat;
    min-height: 25px;
}

.fsc-footer .col .form {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    color: rgb(130, 154, 165);
    margin: 21px 0px 0px;
}

.fsc-footer .col .form a {
    color: rgb(64, 180, 166);
}

.m .fsc-footer .col {
    display: block;
    border-bottom: 1px solid rgb(226, 226, 226);
    width: 100%;
    padding: 0px;
}

.m .fsc-footer .col .content {
    display: none;
    padding: 20px 30px 30px;
}

.m .fsc-footer .col ul.content {
    padding-top: 0px;
    padding-bottom: 10px;
}

.m .fsc-footer .col ul.content li {
    margin: 20px 0px;
}

.m .fsc-footer .col ul.content li a {
    color: rgb(130, 154, 165);
    font-weight: 500;
}

@media print {
    .fsc-footer .col {
        display: none;
    }
}

.fsc-footer a.locale {
    display: inline-block;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    padding: 5px 15px 5px 38px;
    border-radius: 3px;
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/drapeau-fr.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    width: 100%;
    max-width: 200px;
    position: relative;
}

.m .fsc-footer a.locale, .m .language-dropdown {
    margin-left: -20px;
}

.fsc-footer a.locale::after {
    content: "";
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    border-right: 2px solid rgb(49, 95, 118);
    border-top: 2px solid rgb(49, 95, 118);
    transform: rotate(135deg);
    right: 72px;
    top: 8px;
    transition: transform 0.2s ease 0s;
}

.fsc-footer a.locale.opened::after {
    transform: rotate(-45deg);
    right: 72px;
    top: 10px;
}

.fsc-footer #locale-options {
    display: none;
}

.fsc-footer .social {
    padding: 0px 40px;
    width: 100%;
    display: block;
    height: 55px;
    background: rgb(0, 0, 0);
    position: absolute;
    left: 0px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 30px 0px;
}

.m .fsc-footer .social {
    margin-top: 0px !important;
}

.fsc-footer .social>a {
    color: rgb(0, 0, 0);
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    width: 22px;
    margin: 12px 20px;
    display: inline-block;
    vertical-align: middle;
}

.fsc-footer .social>a.social-facebook {
    background-image: url("/media/wysiwyg/footer-2018/icon-facebook.png");
    width: 11px;
    height: 24px;
}

.fsc-footer .social>a.social-instagram {
    background-image: url("/media/wysiwyg/footer-2018/icon-instagram.png");
    width: 28px;
    height: 28px;
}

.fsc-footer .social>a.social-youtube {
    background-image: url("/media/wysiwyg/footer-2018/icon-youtube.png");
    width: 34px;
    height: 24px;
}

.fsc-footer .social>a::before {
    margin-right: 22px;
}

.fsc-footer .engagement {
    text-align: center;
}

.fsc-footer .engagement .ep-globe {
    color: rgb(0, 0, 0);
    font-size: 60px;
    margin: 10px 0px 15px 16px;
}

.fsc-footer .engagement .title {
    line-height: 16px;
    color: rgb(64, 180, 166);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.fsc-footer .engagement a {
    line-height: 16px;
    color: rgb(175, 175, 175);
    font-size: 11px;
    font-weight: 300;
}

.m .fsc-footer .engagement {
    margin-bottom: 20px;
}

.no-m #locale-options {
    width: 350px;
}

.no-m #locale-options div#locale-options-title {
    font-size: 18px;
    height: 60px;
    padding: 19px 29px;
    background-color: rgb(247, 247, 247);
    font-weight: 300;
    line-height: 29px;
    color: rgb(0, 0, 0);
}

#locale-options a img {
    margin-right: 12px;
    vertical-align: middle;
}

.fl-locale-options .featherlight-close-icon {
    right: 30px;
    top: 23px;
}

.locale-options-inner {
    padding: 30px;
}

.locale-options-inner a {
    color: rgb(0, 0, 0);
}

.locale-options-inner p {
    margin-bottom: 20px;
}

body .fsc-footer .col a {
    font-family: Roboto-Regular;
    color: rgb(0, 0, 0) !important;
}

.language-dropdown {
    display: none;
    padding: 9px;
}

.language-dropdown.opened {
    display: block;
}

.language-dropdown .lang-fr {
    display: none;
}

.m .footer-newsletter {
    padding: 0px 15px 30px;
}

.footer-newsletter input {
    height: 30px;
    font-size: 12px;
    color: rgb(0, 0, 0);
    font-family: Roboto;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding-left: 0px;
}

.footer-newsletter button {
    margin-top: 20px;
    border-radius: 0px;
    background-image: url("/media/formula/arrow.png");
    background-repeat: no-repeat;
    background-position: 80% center;
    transition: all 0.35s ease-out 0s;
    width: 100% !important;
}

.footer-newsletter button:hover {
    background-position: 90% center;
}

.footer-naos-left {
    width: 48%;
    margin-top: 130px;
    float: left;
}

.footer-naos-right {
    width: 48%;
    margin-top: 115px;
    float: right;
    margin-bottom: 40px;
}

.m .footer-naos-left {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 80px;
}

.m .footer-naos-right {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.footer-naos-left p, .footer-naos-right p {
    color: rgb(0, 0, 0);
}

.m .footer-naos-left p, .m .footer-naos-right p {
    padding: 0px 18px;
    line-height: 24px;
}

.footer-naos-title {
    color: rgb(27, 189, 187);
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
    margin: 0px 0px 16px;
    font-family: Raleway-extrabold;
}

.logo-separator {
    margin: 0px 10px;
}

.m .logo-separator {
    margin: 0px 3px;
}

.footer-naos-right img {
    display: inline-block;
    vertical-align: middle;
}

.m .footer-naos-right img {
    max-height: 30px;
}

#reassure div {
    width: 33%;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    text-align: left;
    background-position: 40px center;
}

.m #reassure, .m .fsc-footer-reassure .container {
    border: none !important;
}

.m #reassure div {
    width: 100%;
    display: block;
    border-bottom: 1px solid rgb(226, 226, 226);
    text-align: center;
    background-position: center 25px;
    border-left: none !important;
    border-right: none !important;
}

#reassure div span {
    display: block;
    font-family: Raleway-extrabold;
    text-transform: uppercase;
}

.reassure-samples {
    background-image: url("/media/wysiwyg/footer-2018/reassurance-samples.jpg");
    padding: 50px 0px 50px 100px;
}

.m .reassure-samples {
    border-top: 1px solid rgb(226, 226, 226);
    padding: 90px 0px 25px;
}

.reassure-satisfied {
    background-image: url("/media/wysiwyg/footer-2018/reassurance-satisfied.jpg");
    padding: 50px 0px 50px 100px;
    border-right: 1px solid rgb(226, 226, 226);
    border-left: 1px solid rgb(226, 226, 226);
}

.m .reassure-satisfied {
    padding: 90px 0px 25px;
}

.reassure-shipping {
    background-image: url("/media/wysiwyg/footer-2018/reassurance-shipping.jpg");
    padding: 50px 0px 50px 110px;
}

.m .reassure-shipping {
    padding: 90px 0px 25px;
}

.main-holder .wp-legal-mention {
    margin-top: 5px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    color: rgb(175, 175, 175);
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
    margin-left: 25px;
    width: 385px;
    text-align: center;
}

.main-holder .wp-legal-mention br {
    display: none;
}

.main-holder .wp-legal-mention strong {
    color: rgb(255, 191, 0);
    font-weight: 500;
}

.main-holder .wp-legal-mention a {
    color: rgb(101, 101, 101);
    text-decoration: underline;
}

.home-content #block-1 {
    padding-bottom: 25px;
}

.home-content #block-1 .wp-legal-mention br {
    display: block;
}

#formula_landing_right .text_mobile .welcomepack strong {
    color: rgb(0, 0, 0);
}

#formula_landing_right .text_mobile .welcomepack a {
    font-weight: 400;
    text-decoration: underline;
}

.wp-legal-mention a {
    color: rgb(101, 101, 101);
    text-decoration: underline;
}

.wp-legal-mention strong {
    color: rgb(255, 191, 0);
    font-weight: 500;
}

.main-holder #formula_landing_wrapper .wp-legal-mention {
    width: auto;
    max-width: 600px;
    margin: 0px auto;
    position: absolute;
}

.m .main-holder #formula_landing_wrapper .wp-legal-mention {
    display: none;
}

.main-holder #formula_landing_wrapper #formula_landing_right .text_desktop p.welcomepack {
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 30px;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid rgb(226, 226, 226);
}

.main-holder #formula_landing_wrapper #formula_landing_right .text_desktop p.welcomepack strong {
    color: rgb(255, 191, 0);
}

.search-no-result .wp-banner {
    margin-top: 60px;
}

.search-no-result .wp-banner .hidedesktop {
    text-align: center;
}

.search-no-result .wp-banner .hidedesktop h3 {
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0px;
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

.search-no-result .wp-banner .hidedesktop strong {
    color: rgb(255, 191, 0);
    font-weight: 500;
}

.search-no-result .wp-banner .hidedesktop p {
    color: rgb(130, 154, 165);
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    text-transform: uppercase;
    margin: 20px 0px;
    letter-spacing: 2.2px;
}

.search-no-result .wp-banner .hidedesktop p strong {
    font-weight: 700;
}

#topminicart .welcomepackgift {
    padding: 22px;
}

#topminicart .welcomepackgift h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

#topminicart .welcomepackgift h3::before {
    content: "k";
    font-family: etatpur;
    text-transform: lowercase;
    display: inline-block;
    color: rgb(255, 191, 0);
    margin-right: 20px;
    font-size: 25px;
    position: relative;
    top: 4px;
}

#topminicart .welcomepack-discount {
    width: 100%;
    position: relative;
    margin-top: -5px;
    padding: 8px 15px 8px 130px;
    list-style-type: none;
    font-size: 12px;
    font-family: Roboto-Regular;
    background: rgb(253, 132, 178);
    color: rgb(255, 255, 255);
}

#topminicart .welcomepack-discount p {
    max-width: 200px;
}

#topminicart .welcomepack-discount p span {
    position: absolute;
    left: 50px;
    top: 20px;
    font-size: 30px;
    font-family: Helvetica;
}

.m #topminicart .welcomepack-discount {
    margin-top: 0px;
}

.m #topminicart .welcomepack-discount {
    padding-left: 95px;
}

.m #topminicart .welcomepack-discount p span {
    top: 6px;
    left: 15px;
}

.checkoutmain .welcomepack-discount {
    display: none !important;
}

#topminicart .welcomepack-discount h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

#topminicart .welcomepack-discount .ep-gift {
    color: rgb(64, 180, 166);
    font-size: 22px;
    margin-top: 10px;
}

#topminicart .welcomepack-discount .ep-gift::before {
    color: rgb(255, 191, 0);
    margin-right: 20px;
    font-size: 25px;
    position: relative;
    top: 4px;
    left: 5px;
}

#topminicart .summary .total {
    width: 24%;
}

#topminicart .summary .total .itemscount {
    margin-left: 0px;
}

#topminicart .summary .total br {
    display: inline;
}

.m #topminicart .summary .total br {
    display: none;
}

.m #topminicart .summary .total {
    width: auto;
}

#shopping-cart-totals-table .discount.welcomepack .ep-gift::before {
    color: rgb(255, 191, 0);
    font-size: 20px;
    margin: 0px 30px 0px 5px;
}

.m #shopping-cart-totals-table .discount.welcomepack .ep-gift {
    display: none;
}

#shopping-cart-totals-table .discount.welcomepack .ep-gift+input+label {
    display: none;
}

#shopping-cart-totals-table .discount.welcomepack h3 {
    font-size: 12px;
    color: rgb(64, 180, 166);
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
}

.m #shopping-cart-totals-table .discount.welcomepack h3::before {
    font-family: etatpur;
    content: "k";
    display: inline-block;
    color: rgb(255, 191, 0);
    font-size: 20px;
    margin: 0px 10px 10px 0px;
    text-transform: none;
    position: relative;
    top: 2px;
}

#shopping-cart-totals-table .discount.welcomepack p {
    font-weight: 500;
    line-height: 20px;
    color: rgb(130, 154, 165);
    text-transform: none;
}

#shopping-cart-totals-table .discount.welcomepack.disabled .a-left h3 {
    color: rgb(175, 175, 175);
}

#shopping-cart-totals-table .discount.welcomepack.disabled .a-left h3 span.code {
    color: rgb(175, 175, 175);
}

#shopping-cart-totals-table .discount.welcomepack.disabled .a-left p {
    color: rgb(175, 175, 175);
    font-weight: 300;
}

.no-m #coupons-cart .label.welcomepack {
    padding-left: 40px;
    position: relative;
}

.no-m #coupons-cart .label.welcomepack::before {
    position: absolute;
    font-family: etatpur;
    content: "k";
    display: inline-block;
    color: rgb(255, 191, 0);
    font-size: 20px;
    margin: 0px 10px 15px 5px;
    text-transform: none;
    top: 7px;
    left: 0px;
}

#coupons-cart .label.welcomepack h3 {
    font-size: 12px;
    color: rgb(64, 180, 166);
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
}

.m #coupons-cart .label.welcomepack h3::before {
    font-family: etatpur;
    content: "k";
    display: inline-block;
    color: rgb(255, 191, 0);
    font-size: 20px;
    text-transform: none;
    position: relative;
    top: 2px;
    margin: 0px 10px 10px 0px !important;
}

#coupons-cart .label.welcomepack p {
    font-weight: 300;
    line-height: 20px;
    color: rgb(175, 175, 175);
    text-transform: none;
}

a.wp-open-mentions-legales {
    color: rgb(255, 191, 0);
    font-weight: 700;
}

#wp-mentions-legales-popin {
    display: none;
}

#wp-mentions-legales-popin.featherlight-inner {
    display: block;
}

#wp-mentions-legales-popin.featherlight-inner .wp-legal-mention {
    padding: 30px 20px;
    line-height: 1.7em;
}

#wp-mentions-legales-popin-title {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 300;
}

#welcomepack-toast {
    position: fixed;
    background-color: rgb(255, 255, 255);
    top: 120px;
    right: -360px;
    width: 350px;
    padding: 20px 20px 20px 80px;
    color: rgb(0, 0, 0);
    font-size: 19px;
    line-height: 21px;
    box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 9px;
    border: 1px solid rgba(17, 71, 94, 0.12);
    border-radius: 5px;
    z-index: 6;
}

.m #welcomepack-toast {
    z-index: 1;
    top: 130px;
    right: -260px;
    width: 250px;
    padding: 15px 20px 15px 53px;
    font-size: 13px;
    line-height: 15px;
    box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 3px;
}

#welcomepack-toast span {
    color: rgb(64, 180, 166);
}

#welcomepack-toast::after {
    content: "k";
    color: rgb(255, 191, 0);
    font-size: 35px;
    font-family: etatpur;
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 22px;
}

.m #welcomepack-toast::after {
    top: 21px;
    left: 13px;
    font-size: 25px;
}

.m #order-cart #cart-sidebar .welcomepack-discount {
    display: none;
}

.m .upsell-review {
    display: none;
    margin: 50px 20px 0px;
    padding-top: 50px;
    border-top: 1px solid rgb(226, 226, 226);
}

.upsell-review .title {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
    text-align: center;
    overflow: hidden;
    margin: 50px 0px;
}

.m .upsell-review .title {
    font-size: 18px;
    margin: 0px 0px 33px;
}

.upsell-review .title::before, .upsell-review .title::after {
    background-color: rgb(234, 234, 234);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.upsell-review .title::before {
    right: 55px;
    margin-left: -50%;
}

.upsell-review .title::after {
    left: 55px;
    margin-right: -50%;
}

.upsell-review .upsell-carousel {
    position: relative;
    overflow: hidden;
}

.m .upsell-review .upsell-carousel .slides {
    height: 482px !important;
}

.upsell-review .upsell-carousel .slide {
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 353px;
    display: none;
}

.m .upsell-review .upsell-carousel .slide {
    height: 100% !important;
}

.upsell-review .upsell-carousel .prev, .upsell-review .upsell-carousel .next {
    position: absolute;
    display: block;
    width: 67px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 3;
    top: 0px !important;
}

.m .upsell-review .upsell-carousel .prev, .m .upsell-review .upsell-carousel .next {
    display: none;
}

.upsell-review .upsell-carousel .prev {
    left: 0px;
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/lightbox-nav-prev.png");
}

.upsell-review .upsell-carousel .next {
    right: 0px;
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/lightbox-nav-next.png");
}

.upsell-review .inner {
    max-width: 960px;
    margin: 0px auto;
}

.upsell-review .review, .upsell-review .image, .upsell-review .product {
    display: inline-block;
    vertical-align: middle;
}

.upsell-review .review {
    width: 390px;
    text-align: center;
    padding: 0px 30px;
}

.m .upsell-review .review {
    width: 183px;
    padding: 0px 20px 0px 0px;
    float: left;
}

.upsell-review .review .review-content {
    color: rgb(101, 101, 101);
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 26px;
    padding: 0px 40px;
}

.m .upsell-review .review .review-content {
    font-size: 14px;
    padding: 0px;
}

.upsell-review .review .review-content q {
    quotes: "“""”";
}

.upsell-review .review .review-content q::before {
    content: open-quote;
}

.upsell-review .review .review-content q::after {
    content: close-quote;
}

.upsell-review .review .review-author {
    font-size: 11px;
    font-weight: 500;
    margin-top: 20px;
    color: rgb(101, 101, 101);
}

.upsell-review .image {
    padding: 0px 30px;
    width: 186px;
    position: relative;
    left: -30px;
}

.m .upsell-review .image {
    width: 96px;
    left: 0px;
    padding: 0px;
}

.upsell-review .product {
    width: 370px;
}

.m .upsell-review .product {
    width: auto;
    display: block;
}

.m .upsell-review .product {
    margin-top: 20px;
}

.upsell-review .product .product-heading {
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 15px;
}

.upsell-review .product .reference {
    color: rgb(0, 0, 0);
    font-size: 18px;
}

.m .upsell-review .product .reference {
    font-size: 14px;
}

.upsell-review .product .name, .upsell-review .product .price-box {
    color: rgb(0, 0, 0);
    font-size: 18px;
    margin-right: 0px;
}

.upsell-review .product .name .old-price, .upsell-review .product .price-box .old-price {
    left: 0px;
    margin-left: 5px;
    margin-right: 10px;
}

.m .upsell-review .product .name, .m .upsell-review .product .price-box {
    font-size: 14px;
}

.upsell-review .product .price-box {
    display: inline;
}

.upsell-review .product .quantity {
    color: rgb(101, 101, 101);
    font-size: 12px;
}

.upsell-review .product .description {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 35px;
    max-height: 104px;
    overflow: hidden;
    color: rgb(130, 154, 165);
    width: 100%;
}

.m .upsell-review .product .description {
    font-size: 12px;
    margin-bottom: 15px;
}

.upsell-review .product .description p {
    text-align: left !important;
}

.m .upsell-review .product .button {
    width: 100% !important;
}

.upsell-review .rating-box {
    margin: 0px auto 20px;
}

.header-holder {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 5;
}

@media print {
    .header-holder {
        display: none;
    }
}

.m .header-holder {
    max-width: 100%;
    overflow-x: hidden;
}

.logotop {
    position: absolute;
    top: 12px;
    left: 15px;
    opacity: 0;
}

@media screen and (max-width: 1160px) {
    .logotop {
        left: 50% !important;
        margin-left: -79px !important;
        opacity: 1 !important;
    }
}

.m .logotop {
    top: 15px;
    margin-left: -60px !important;
}

.logotop img {
    height: 20px;
}

.m .logotop img {
    height: 16px;
}

.logotop:hover {
    opacity: 0.75;
}

#headerPlaceholder {
    height: 137px;
}

@media screen and (max-width: 1160px) {
    #headerPlaceholder {
        height: auto;
        min-height: 46px;
        padding-bottom: 20px;
    }
}

@media print {
    #headerPlaceholder {
        padding: 15px 50px;
        height: 170px;
        text-align: center;
    }

    #headerPlaceholder::before {
        content: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/logo.png");
    }
}

.fsc-navbar, .fsc-topbar {
    border-bottom: 1px solid rgb(234, 234, 234);
    position: relative;
}

@media screen and (max-width: 1160px) {
    .fsc-navbar, .fsc-topbar {
        border-bottom: 1px solid rgb(234, 234, 234) !important;
    }
}

@media screen and (max-width: 1160px) {
    .fsc-navbar {
        display: none;
    }
}

.fsc-header {
    height: 42px;
}

@media screen and (max-width: 1160px) {
    .fsc-header {
        display: none;
    }
}

.fsc-topbar {
    height: 90px;
    position: relative;
    z-index: 3;
}

.fsc-topbar .links {
    position: absolute;
    right: 0px;
    height: 45px;
    font-size: 13px;
    line-height: 22px;
    color: rgb(0, 0, 0);
}

.fsc-topbar .links>li {
    display: block;
    float: left;
    position: relative;
}

.fsc-topbar .links>li>a, .fsc-topbar .links>li>.l>a {
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 200ms ease 0s;
    color: rgb(0, 0, 0);
    display: block;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    height: 89px;
    padding: 38px 16px;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
}

.fsc-topbar .links>li>a.active, .fsc-topbar .links>li>.l>a.active, .fsc-topbar .links>li>a .active, .fsc-topbar .links>li>.l>a .active {
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 1ms ease 0s;
}

.fsc-topbar .links>li>a:hover, .fsc-topbar .links>li>.l>a:hover {
    color: rgb(0, 0, 0);
}

.fsc-topbar .links>li>a:active, .fsc-topbar .links>li>.l>a:active, .fsc-topbar .links>li>a .active, .fsc-topbar .links>li>.l>a .active {
    color: rgb(2, 71, 102);
}

@media screen and (max-width: 1160px) {
    .fsc-topbar .links>li>a, .fsc-topbar .links>li>.l>a {
        padding-right: 8px !important;
    }
}

.fsc-topbar .links>li .c {
    display: none;
    position: absolute;
    top: 89px;
    left: 0px;
    width: 400px;
    background-color: white;
    border: 1px solid rgb(226, 226, 226);
    color: rgb(130, 154, 165);
}

.fsc-topbar .links>li .c.focus {
    display: block;
}

.fsc-topbar .links>li .c .b {
    padding: 23px 20px 17px;
}

.fsc-topbar .links>li .c .b>h2, .fsc-topbar .links>li .c .b .quick-access-newsletter-contact-title {
    color: rgb(64, 180, 166);
    font-size: 18px;
    text-transform: uppercase;
    margin: 0px 0px 20px;
    letter-spacing: 1px;
}

.fsc-topbar .links>li .c .b>h2.alone {
    margin: 0px;
}

.fsc-topbar .links>li .c .b p {
    color: rgb(0, 0, 0);
}

.fsc-topbar .links>li .c .tel div {
    font-size: 16px;
    font-weight: 300;
    height: 28px;
}

.fsc-topbar .links>li .c .tel div.tel-time {
    font-size: 12px;
    color: rgb(175, 175, 175);
    line-height: 16px;
    height: auto;
}

.fsc-topbar .links>li .c .tel, .fsc-topbar .links>li .c .mail {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.fsc-topbar .links>li .c .icon::before {
    font-size: 20px;
    line-height: 22px;
}

.fsc-topbar .links>li:hover>a, .fsc-topbar .links>li:hover>.l>a {
    background-color: rgb(236, 236, 236);
}

.m .fsc-topbar .links>li:hover>a, .m .fsc-topbar .links>li:hover>.l>a {
    background-color: transparent;
}

.no-m .fsc-topbar .links>li:hover .c {
    display: block;
}

.fsc-topbar .links>li.contact h3, .fsc-topbar .links>li.contact .c .tel .quick-access-contact-subtitle, .fsc-topbar .links>li.contact .c .mail .quick-access-contact-subtitle {
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    font-size: 11px;
    line-height: 13px;
    height: 13px;
    margin: 10px 0px;
    letter-spacing: 1px;
}

.fsc-topbar .links>li.contact h2, .fsc-topbar .links>li.newsletter h2 {
    color: rgb(64, 180, 166);
    font-size: 18px;
    text-transform: uppercase;
    margin: 0px 0px 20px;
}

.fsc-topbar .links>li.contact .dob-wrapper label, .fsc-topbar .links>li.newsletter .dob-wrapper label {
    position: relative;
    top: 7px;
}

.fsc-topbar .links.left {
    right: auto;
    left: 0px;
}

.m .fsc-topbar .links.left {
    display: none !important;
}

@media screen and (max-width: 1160px) {
    .fsc-topbar .links.left {
        display: none !important;
    }
}

.fsc-topbar .links.right li .c {
    left: auto;
    right: 0px;
}

.fsc-topbar .links.right .label {
    display: inline-block;
}

@media screen and (max-width: 1160px) {
    .fsc-topbar .links.right .label {
        display: none;
    }
}

.fsc-topbar .links .account .ep-user, .fsc-topbar .links .account .avatar {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-top: -8px;
}

.fsc-topbar .links .account .ep-user {
    font-size: 21px;
    color: rgb(130, 154, 165);
    top: 3px;
    position: relative;
}

.fsc-topbar .links .account .avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.fsc-topbar .links .account .loggedin h2, .fsc-topbar .links .account .loggedin #loggedin-name {
    color: rgb(64, 180, 166);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    border-bottom: 1px solid rgb(234, 234, 234);
    padding: 25px 22px 18px;
}

.fsc-topbar .links .account .loggedin .loggedin-links {
    padding: 15px 22px;
}

.fsc-topbar .links .account .loggedin .loggedin-links a {
    display: block;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 32px;
    color: rgb(130, 154, 165);
}

.fsc-topbar .links .account .loggedin .loggedin-links a:hover {
    color: rgb(0, 0, 0) !important;
}

.fsc-topbar .links .account .loggedin .loggedin-links a.logout {
    color: rgb(175, 175, 175);
}

@media screen and (max-width: 440px) {
    .fsc-topbar .links .account {
        display: none;
    }
}

.m .fsc-topbar .links .account {
    display: none;
}

.fsc-topbar .links #topcart .ep-cart {
    font-size: 21px;
    color: rgb(0, 0, 0);
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-top: -6px;
}

.fsc-topbar .links #topcart .badge {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin-left: 6px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    padding: 3px 0px 0px;
    vertical-align: top;
    margin-top: -4px;
    position: relative;
}

@media screen and (max-width: 1160px) {
    .fsc-topbar .links #topcart .badge {
        margin-left: 0px !important;
        line-height: 9px !important;
        font-size: 10px !important;
        top: 4px !important;
        height: 15px !important;
        width: 15px !important;
        left: -16px !important;
    }
}

header[role="banner"] {
    clear: both;
    margin: 0px;
}

@media screen and (max-width: 1160px) {
    header[role="banner"] {
        display: none;
    }
}

header[role="banner"]>h1.logo {
    margin: 25px auto;
    width: auto;
    float: none;
}

header[role="banner"]>h1.logo a.logo {
    margin: 0px auto;
    display: block;
    width: 263px;
    height: 35px;
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/logo.png");
}

header[role="banner"]>h1.logo a.logo img {
    display: none;
}

header[role="banner"]>h1.logo strong {
    display: none;
}

.new-logo-topbar {
    left: 50%;
    position: absolute;
    margin-left: -113px;
    top: 28px;
}

.new-logo-topbar li {
    display: block;
}

.new-logo-topbar img {
    height: 30px;
}

.formula .fsc-topbar {
    height: 46px !important;
}

@media screen and (max-width: 1160px) {
    .new-logo-topbar {
        display: none;
    }

    .fsc-topbar {
        height: 46px !important;
    }

    .fsc-topbar .links>li>a, .fsc-topbar .links>li>.l>a {
        height: 45px !important;
        padding: 16px !important;
    }

    .fsc-topbar .links>li .c {
        top: 45px !important;
    }
}

.fsc-topbar .links>li.naos-nav a {
    padding-left: 6px;
    padding-right: 4px;
}

.fsc-topbar .links>li.naos-nav a img {
    margin-top: -6px;
}

.fsc-topbar .links>li.contact a, .fsc-topbar .links>li.newsletter a {
    font-size: 10px;
}

.cubeit-input-number {
    white-space: nowrap;
}

.cubeit-input-number a {
    display: inline-block;
    color: rgb(153, 153, 153);
    border: 1px solid rgb(216, 216, 216);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    line-height: 21px;
    vertical-align: middle;
}

.cubeit-input-number .value {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    width: 46px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

#topminicart .block-cart .block-title {
    color: rgb(64, 180, 166);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    padding: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(226, 226, 226);
}

.empty+.shipping {
    margin-bottom: 30px !important;
}

#topminicart .block-cart .empty {
    text-align: center;
    font-family: Roboto;
    border-bottom: 1px solid rgb(236, 236, 236);
    letter-spacing: 0.8px;
    padding-top: 60px;
    padding-bottom: 60px;
    color: rgb(0, 0, 0);
    font-size: 13px;
}

#topminicart .block-cart .shipping {
    padding: 10px 30px;
    margin-top: 25px;
}

.fl-topminicart #topminicart .block-cart .shipping {
    padding: 10px 5px;
}

.mini-products-list {
    padding: 5px 30px;
    max-height: 464px;
    overflow: hidden auto;
}

.m .mini-products-list {
    border-top: 1px solid rgb(226, 226, 226);
    padding: 0px;
    max-height: none;
    overflow-y: auto;
}

.featherlight .mini-products-list {
    padding: 0px 19px;
    display: block !important;
}

.mini-products-list .item {
    border-bottom: 1px solid rgb(226, 226, 226);
    padding: 22px 0px;
    display: block;
    position: relative;
    width: 370px;
}

.mini-products-list .item.last {
    border: 0px;
}

.mini-products-list .item .product-image {
    display: inline-block;
    width: 40px;
    height: 110px;
    vertical-align: middle;
}

.mini-products-list .item .product-details {
    width: 228px;
    display: inline-block;
    margin: 0px 0px 0px 30px;
    vertical-align: top;
}

.m .mini-products-list .item .product-details {
    width: 200px;
}

.m .layout .mini-products-list .item .product-details {
    width: 200px;
}

.mini-products-list .item .product-details div.product-reference {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
}

.m .mini-products-list .item .product-details div.product-reference {
    font-weight: 500;
}

.mini-products-list .item .product-details div.product-name {
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.m .mini-products-list .item .product-details div.product-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}

.mini-products-list .item .product-details .price {
    color: rgb(0, 0, 0);
    line-height: 22px;
    font-size: 22px;
    font-weight: 300;
    margin: 12px 0px 5px;
    display: block;
}

.m .mini-products-list .item .product-details .price {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.mini-products-list .item .product-details .btn-remove {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: rgb(64, 180, 166);
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 0px;
}

.mini-products-list .item .product-details .btn-remove::before {
    content: "v";
    font-family: etatpur;
    font-size: 8px;
    color: rgb(255, 255, 255);
    width: 21px;
    height: 21px;
    line-height: 21px;
    top: 0px;
    left: 0px;
    position: absolute;
    display: block;
    text-align: center;
    text-transform: lowercase;
}

.mini-products-list .item.product-243 .product-image {
    height: 50px;
    overflow: hidden;
}

.mini-products-list .item.product-243 .product-image img {
    position: relative;
    top: -30px;
}

.mini-products-list .item.product-243 .cubeit-input-number {
    display: none;
}

.mini-products-list .confirmation {
    display: none;
    text-align: center;
    color: rgb(0, 0, 0);
    padding: 30px 0px 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}

.mini-products-list .confirmation .inner {
    max-width: 225px;
    margin: 0px auto;
}

.mini-products-list .confirmation p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.mini-products-list .confirmation .btn-remove, .mini-products-list .confirmation .btn-cancel {
    border-radius: 3px;
    width: auto;
    height: 32px;
}

.mini-products-list .confirmation .btn-remove::before, .mini-products-list .confirmation .btn-cancel::before {
    display: none;
}

.summary {
    padding: 22px 30px;
}

.fl-topminicart .summary {
    padding: 22px 5px;
}

.summary .total {
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    display: inline-block;
    width: 49%;
}

.summary .total .itemscount {
    font-weight: 300;
    margin-left: 10px;
}

.summary .total br {
    display: none;
}

.summary .price-box {
    display: inline-block;
    width: 49%;
    text-align: right;
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    margin: 5px 0px 0px;
    white-space: nowrap;
}

.summary .price-stroke {
    color: rgb(130, 154, 165);
    text-decoration: line-through;
    display: inline-block;
    width: 24%;
}

.summary .ttc {
    display: inline-block;
    color: rgb(122, 122, 122);
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    margin-left: 8px;
}

.summary .button {
    margin: 25px 0px 0px;
}

.cart-aside .shipping {
    width: 100%;
}

.shipping {
    letter-spacing: -0.25px;
    white-space: nowrap;
    color: rgb(0, 0, 0) !important;
}

.shipping strong {
    color: rgb(255, 191, 0);
    text-transform: uppercase;
    font-weight: 300;
}

.shipping .progressbar {
    height: 4px;
    border-radius: 2px;
    background-color: rgb(226, 226, 226);
    position: relative;
    margin: 15px 0px 0px;
}

.shipping .progressbar span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    display: block;
    background-color: rgb(255, 191, 0);
    border-radius: 2px;
}

.new-mini-products-list .item {
    list-style: none;
}

.m .fl-topminicart .bx-viewport {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

#topminicart .bx-viewport {
    height: 262px !important;
}

#topminicart .only-one .bx-viewport {
    height: 131px !important;
}

.m .new-mini-products-list .new-product-container {
    margin: 20px 0px;
}

.m .item-gift {
    margin: 20px 0px !important;
}

.new-mini-products-list .new-product-container {
    border-bottom: 1px solid rgb(239, 239, 239);
    margin: 20px;
    position: relative;
}

.sidebar-item-unavailable {
    background: white;
    font-size: 12px;
    font-family: Helvetica;
    font-weight: normal;
    color: rgb(205, 44, 67);
    position: absolute;
    width: 215px;
    height: 50px;
    padding-top: 10px;
    bottom: 10px;
    right: 0px;
}

.cart-aside-content .product-image, .cart-aside-content .product-short-description {
    display: none !important;
}

.new-mini-products-list .item .product-image {
    display: inline-block;
    width: 60px;
    height: 110px;
    vertical-align: middle;
    text-align: center;
}

.new-mini-products-list .item .product-image img {
    margin-top: -10px;
}

.new-mini-products-list .item .product-details {
    width: 228px;
    display: inline-block;
    margin: 0px 0px 0px 30px;
    vertical-align: top;
}

.m .new-mini-products-list .item .product-details {
    margin: 0px;
}

.new-mini-products-list .item .product-reference, .new-mini-products-list .item .product-name {
    font-family: Roboto-Regular;
    display: inline;
}

.new-mini-products-list .item .product-reference {
    color: rgb(0, 0, 0);
}

.new-mini-products-list .item .product-name {
    color: rgb(0, 0, 0);
}

.new-mini-products-list .item .product-contenance {
    color: rgb(0, 0, 0);
    font-family: Roboto;
}

#topminicart .new-mini-products-list input.qty, #topminicart .new-mini-products-list .cubeit-input-number {
    display: none;
}

.new-mini-products-list .item .product-qty-price {
    float: right;
    font-size: 16px;
    font-family: Arial;
    color: rgb(0, 0, 0);
}

.shipping-free-label {
    font-size: 13px;
    font-family: Roboto;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    float: left;
}

.shipping-free-valeur {
    font-size: 12px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    float: right;
}

.shipping-free-valeur span {
    font-size: 15px;
    font-family: Helvetica;
    letter-spacing: 0.8px;
    color: rgb(255, 191, 0);
}

.summary-label {
    font-size: 13px;
    font-family: Roboto;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    float: left;
}

.summary-valeur {
    font-size: 23px;
    font-family: Helvetica;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    float: right;
}

#topminicart .block-cart .promodiag {
    padding: 10px 30px;
    margin-top: 25px;
    margin-bottom: -10px;
}

.fl-topminicart #topminicart .block-cart .promodiag {
    padding: 10px 5px;
}

.promodiag-label {
    font-size: 13px;
    font-family: Roboto;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    float: left;
}

.promodiag-valeur {
    font-size: 15px;
    font-family: Helvetica;
    letter-spacing: 0.8px;
    color: rgb(215, 23, 113);
    float: right;
}

#topminicart .bx-controls .bx-prev {
    display: none;
}

#topminicart .bx-controls .bx-next {
    top: auto;
    bottom: -16px;
    left: 50%;
    margin-left: -16px;
    background: url("/media/wysiwyg/tunnel-2018/voir-plus.png") no-repeat;
    width: 32px;
    height: 32px;
    border: none;
    transform: none;
}

#topminicart .bx-controls .bx-next:hover {
    background: url("/media/wysiwyg/tunnel-2018/voir-plus-hover.png");
}

#topminicart {
    padding: 5px;
}

.fl-topminicart .featherlight-inner>h2.logo, .featherlight-inner>div.logo {
    color: transparent;
    height: 0px !important;
    padding-top: 46px !important;
}

.fl-topminicart .block-cart {
    max-width: 320px;
    margin: auto;
}

.fl-topminicart .featherlight-inner>h2.logo .badge, .fl-topminicart .featherlight-inner>div.logo .badge {
    position: absolute;
    top: 11px;
    left: 2px;
    display: block;
    font-weight: bold;
    line-height: 16px;
}

.m .cart .cart-popin-reassurance {
    display: none;
}

.cart-popin-reassurance {
    width: 310px;
    margin: auto auto 15px;
}

.cart-popin-reassurance p {
    text-transform: uppercase;
    font-family: Raleway-extrabold;
    font-size: 11px;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    padding-bottom: 10px;
}

.cart-popin-reassurance p img {
    padding-right: 12px;
    vertical-align: -11px;
}

.mm-hidden {
    display: none !important;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu, .mm-panels, .mm-panels>.mm-panel {
    margin: 0px;
    position: absolute;
    inset: 0px;
    z-index: 0;
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0px;
}

.mm-panel {
    transition: transform 0.4s ease 0s;
    transform: translate3d(100%, 0px, 0px);
}

.mm-panel.mm-opened {
    transform: translate3d(0%, 0px, 0px);
}

.mm-panel.mm-subopened {
    transform: translate3d(-30%, 0px, 0px);
}

.mm-panel.mm-highest {
    z-index: 1;
}

.mm-panels, .mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
}

.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    overflow: hidden auto;
    box-sizing: border-box;
    padding: 0px 20px;
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 40px;
}

.mm-panels>.mm-panel::before, .mm-panels>.mm-panel::after {
    content: "";
    display: block;
    height: 20px;
}

.mm-vertical .mm-panel {
    transform: none !important;
}

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0px 10px 10px;
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child::after, .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child::after {
    border-color: transparent;
}

.mm-vertical li.mm-opened>.mm-panel, li.mm-vertical.mm-opened>.mm-panel {
    display: block;
}

.mm-vertical .mm-listview>li>.mm-next, .mm-listview>li.mm-vertical>.mm-next {
    height: 40px;
    bottom: auto;
}

.mm-vertical .mm-listview>li>.mm-next::after, .mm-listview>li.mm-vertical>.mm-next::after {
    top: 16px;
    bottom: auto;
}

.mm-vertical .mm-listview>li.mm-opened>.mm-next::after, .mm-listview>li.mm-vertical.mm-opened>.mm-next::after {
    transform: rotate(45deg);
}

.mm-navbar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0px 40px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.mm-navbar>* {
    display: block;
    padding: 10px 0px;
}

.mm-navbar a, .mm-navbar a:hover {
    text-decoration: none;
}

.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0px;
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0px;
}

.mm-panel .mm-navbar {
    display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block;
}

.mm-listview, .mm-listview>li {
    list-style: none;
    display: block;
    padding: 0px;
    margin: 0px;
}

.mm-listview {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 14px;
    line-height: 20px;
}

.mm-listview a, .mm-listview a:hover {
    text-decoration: none;
}

.mm-listview>li {
    position: relative;
}

.mm-listview>li, .mm-listview>li::after, .mm-listview>li .mm-next, .mm-listview>li .mm-next::before {
    border-color: inherit;
}

.mm-listview>li>a, .mm-listview>li>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0px;
}

.mm-listview>li>a.mm-arrow, .mm-listview>li>span.mm-arrow {
    padding-right: 50px;
}

.mm-listview>li:not(.mm-divider)::after {
    content: "";
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.mm-listview>li:not(.mm-divider)::after {
    left: 20px;
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 2;
}

.mm-listview .mm-next::before {
    content: "";
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

.mm-listview .mm-next+a, .mm-listview .mm-next+span {
    margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen::before {
    border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0px;
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px;
}

.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px;
}

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0px 10px 15px 40px;
    margin: 0px;
}

.mm-listview .mm-inset>li {
    padding: 5px 0px;
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
}

.mm-listview .mm-spacer {
    padding-top: 40px;
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px;
}

.mm-prev::before, .mm-next::after, .mm-arrow::after {
    content: "";
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    transform: rotate(-45deg);
}

.mm-prev::before {
    border-right: none;
    border-bottom: none;
    left: 20px;
}

.mm-next::after, .mm-arrow::after {
    border-top: none;
    border-left: none;
    right: 20px;
}

.mm-menu {
    background: rgb(243, 243, 243);
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
}

.mm-menu .mm-navbar>*, .mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview>li .mm-next::after, .mm-menu .mm-listview>li .mm-arrow::after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.5);
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next, .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0, 0, 0, 0.05);
}

.mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05);
}

.mm-page {
    box-sizing: border-box;
    position: relative;
}

.mm-slideout {
    transition: transform 0.4s ease 0s;
}

html.mm-opened {
    overflow: hidden;
    position: relative;
}

html.mm-opened body {
    overflow: hidden;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
}

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-slideout {
    transform: translate(80%, 0px);
}

@media (max-width: 175px) {
    html.mm-opening .mm-slideout {
        transform: translate(140px, 0px);
    }
}

@media (min-width: 550px) {
    html.mm-opening .mm-slideout {
        transform: translate(440px, 0px);
    }
}

.mm-menu.mm-autoheight {
    max-height: 80%;
}

.mm-menu.mm-autoheight.mm-fullscreen {
    max-height: 100%;
}

.mm-menu.mm-measureheight>.mm-panels>.mm-panel {
    bottom: auto !important;
    height: auto !important;
}

em.mm-counter {
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0px;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%;
}

em.mm-counter+a.mm-next {
    width: 90px;
}

em.mm-counter+a.mm-next+a, em.mm-counter+a.mm-next+span {
    margin-right: 90px;
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0px;
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0px;
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px;
}

.mm-nosubresults>.mm-counter {
    display: none;
}

.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-divider>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
    line-height: 25px;
}

.mm-divider.mm-opened a.mm-next::after {
    transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none;
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    transform: translate(0px, 0px);
}

.mm-fixeddivider::after {
    content: none !important;
    display: none !important;
}

.mm-hasdividers .mm-fixeddivider {
    display: block;
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.05);
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
    transition-duration: 0s;
}

.mm-iconpanel .mm-panel {
    transition-property: transform, left;
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left-width: 1px;
    border-left-style: solid;
    border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    transform: translate(0px, 0px);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px;
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    transition: opacity 0.4s ease 0s;
}

.mm-subopened .mm-subblocker {
    opacity: 0.6;
    position: absolute;
    inset: 0px 0px -100000px;
    z-index: 3;
}

.mm-menu>.mm-navbar {
    background: inherit;
    padding: 0px;
    z-index: 3;
    transform: translate(0px, 0px);
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: none;
    top: auto;
    bottom: 0px;
}

.mm-navbar-top~.mm-navbar-top {
    border-bottom: none;
}

.mm-navbar-bottom~.mm-navbar-bottom {
    border-top: none;
}

.mm-navbar.mm-hasbtns {
    padding: 0px 40px;
}

.mm-close::after {
    content: "x";
}

.mm-navbar[class*="mm-navbar-content-"]>* {
    box-sizing: border-box;
    display: block;
    float: left;
}

.mm-navbar>.mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: auto hidden;
    text-align: left;
    padding: 0px 0px 0px 17px;
}

.mm-navbar>.mm-breadcrumbs>* {
    display: inline-block;
    padding: 10px 3px;
}

.mm-navbar>.mm-breadcrumbs>a {
    text-decoration: underline;
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px;
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
    margin-left: 0px;
    padding-left: 0px;
}

.mm-navbar-top-1 {
    top: 0px;
}

.mm-hasnavbar-top-1 .mm-panels {
    top: 40px;
}

.mm-navbar-top-2 {
    top: 40px;
}

.mm-hasnavbar-top-2 .mm-panels {
    top: 80px;
}

.mm-navbar-top-3 {
    top: 80px;
}

.mm-hasnavbar-top-3 .mm-panels {
    top: 120px;
}

.mm-navbar-top-4 {
    top: 120px;
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px;
}

.mm-navbar-bottom-1 {
    bottom: 0px;
}

.mm-hasnavbar-bottom-1 .mm-panels {
    bottom: 40px;
}

.mm-navbar-bottom-2 {
    bottom: 40px;
}

.mm-hasnavbar-bottom-2 .mm-panels {
    bottom: 80px;
}

.mm-navbar-bottom-3 {
    bottom: 80px;
}

.mm-hasnavbar-bottom-3 .mm-panels {
    bottom: 120px;
}

.mm-navbar-bottom-4 {
    bottom: 120px;
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px;
}

.mm-navbar-size-2 {
    height: 80px;
}

.mm-navbar-size-3 {
    height: 120px;
}

.mm-navbar-size-4 {
    height: 160px;
}

.mm-navbar-content-2>* {
    width: 50%;
}

.mm-navbar-content-3>* {
    width: 33.33%;
}

.mm-navbar-content-4>* {
    width: 25%;
}

.mm-navbar-content-5>* {
    width: 20%;
}

.mm-navbar-content-6>* {
    width: 16.67%;
}

.mm-search, .mm-search input {
    box-sizing: border-box;
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0px;
}

.mm-search input {
    border: none;
    border-radius: 26px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 14px;
    line-height: 26px;
    outline: none;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0px;
    padding: 0px 10px;
}

.mm-search input::-ms-clear {
    display: none;
}

.mm-panel>.mm-search {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.mm-panel.mm-hassearch {
    padding-top: 40px;
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px;
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px;
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 40px 0px;
}

.mm-noresults .mm-noresultsmsg {
    display: block;
}

.mm-noresults .mm-indexer {
    display: none !important;
}

li.mm-nosubresults>a.mm-next {
    display: none;
}

li.mm-nosubresults>a.mm-next+a, li.mm-nosubresults>a.mm-next+span {
    padding-right: 10px;
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.7);
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3);
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -100px;
    z-index: 3;
    transition: right 0.4s ease 0s;
    transform: translate(0px, 0px);
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%;
}

.mm-indexer~.mm-panel.mm-hasindexer {
    margin-right: 20px;
}

.mm-hasindexer .mm-indexer {
    right: 0px;
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px;
}

.mm-menu .mm-indexer a {
    color: rgba(0, 0, 0, 0.3);
}

input.mm-toggle, input.mm-check {
    position: absolute;
    left: -10000px;
}

label.mm-toggle, label.mm-check {
    margin: 0px;
    position: absolute;
    top: 50%;
    z-index: 2;
}

label.mm-toggle::before, label.mm-check::before {
    content: "";
    display: block;
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px;
}

label.mm-toggle::before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px;
}

input.mm-toggle:checked~label.mm-toggle::before {
    float: right;
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}

label.mm-check::before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0px 0px 20%;
    opacity: 0.1;
    transform: rotate(-45deg);
}

input.mm-check:checked~label.mm-check::before {
    opacity: 1;
}

li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check {
    bottom: auto;
    margin-top: 0px;
}

li.mm-vertical label.mm-toggle {
    top: 5px;
}

li.mm-vertical label.mm-check {
    top: 5px;
}

label.mm-toggle, label.mm-check {
    right: 20px;
}

label.mm-toggle+a, label.mm-toggle+span {
    padding-right: 80px;
}

label.mm-check+a, label.mm-check+span {
    padding-right: 60px;
}

a.mm-next+label.mm-toggle, a.mm-next+label.mm-check {
    right: 60px;
}

a.mm-next+label.mm-toggle+a, a.mm-next+label.mm-toggle+span, a.mm-next+label.mm-check+a, a.mm-next+label.mm-check+span {
    margin-right: 50px;
}

a.mm-next+label.mm-toggle+a, a.mm-next+label.mm-toggle+span {
    padding-right: 70px;
}

a.mm-next+label.mm-check+a, a.mm-next+label.mm-check+span {
    padding-right: 50px;
}

em.mm-counter+a.mm-next+label.mm-toggle, em.mm-counter+a.mm-next+label.mm-check {
    right: 100px;
}

em.mm-counter+a.mm-next+label.mm-toggle+a, em.mm-counter+a.mm-next+label.mm-toggle+span, em.mm-counter+a.mm-next+label.mm-check+a, em.mm-counter+a.mm-next+label.mm-check+span {
    margin-right: 90px;
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu label.mm-toggle::before {
    background: rgb(243, 243, 243);
}

.mm-menu input.mm-toggle:checked~label.mm-toggle {
    background: rgb(75, 217, 99);
}

.mm-menu label.mm-check::before {
    border-color: rgba(0, 0, 0, 0.7);
}

.mm-menu.mm-border-none .mm-listview>li::after, .mm-listview.mm-border-none>li::after {
    content: none;
}

.mm-menu.mm-border-full .mm-listview>li::after, .mm-listview.mm-border-full>li::after {
    left: 0px !important;
}

html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    transition: transform 0.4s ease 0s;
}

html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu {
    transform: scale(0.7, 0.7) translate(-30%, 0px);
    transform-origin: left center;
}

html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu {
    transform: scale(1, 1) translate(0%, 0px);
}

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    transform: scale(0.7, 0.7) translate(30%, 0px);
    transform-origin: right center;
}

html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu {
    transform: scale(1, 1) translate(0%, 0px);
}

html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu {
    transition: transform 0.4s ease 0s;
}

html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu {
    transform: translate(-30%, 0px);
}

html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu {
    transform: translate(0%, 0px);
}

html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu {
    transform: translate(30%, 0px);
}

html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu {
    transform: translate(0%, 0px);
}

html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu {
    opacity: 0;
    transition: opacity 0.4s ease 0s;
}

html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu {
    opacity: 1;
}

.mm-menu.mm-effect-zoom-panels .mm-panel {
    transform: scale(1.5, 1.5) translate(100%, 0px);
    transform-origin: left center;
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
    transform: scale(1, 1) translate(0%, 0px);
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
    transform: scale(0.7, 0.7) translate(-30%, 0px);
}

.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
    transform: translate(0px, 0px);
}

.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
    transform: translate(-100%, 0px);
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li {
    transition: transform 0.4s ease 0s;
    transform: translate(100%, 0px);
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(1) {
    transition-delay: 100ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(2) {
    transition-delay: 200ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(3) {
    transition-delay: 300ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(4) {
    transition-delay: 400ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(5) {
    transition-delay: 500ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(6) {
    transition-delay: 600ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(7) {
    transition-delay: 700ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(8) {
    transition-delay: 800ms;
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(9) {
    transition-delay: 900ms;
}

html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview>li {
    transform: translate(0px, 0px);
}

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
    transform: translate(100%, 0px);
}

@media (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        transform: translate(140px, 0px);
    }
}

@media (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        transform: translate(10000px, 0px);
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    transform: translate(-100%, 0px);
}

@media (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        transform: translate(-140px, 0px);
    }
}

@media (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        transform: translate(-10000px, 0px);
    }
}

.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
    height: 100%;
    min-height: 140px;
    max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important;
}

.mm-menu.mm-multiline .mm-listview>li>a, .mm-menu.mm-multiline .mm-listview>li>span, .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a, .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span {
    text-overflow: clip;
    white-space: normal;
}

.mm-menu.mm-pageshadow::after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
}

.mm-menu.mm-pageshadow.mm-right::after {
    left: auto;
    right: 100%;
}

.mm-menu.mm-pageshadow.mm-next::after, .mm-menu.mm-pageshadow.mm-front::after {
    content: none;
    display: none;
}

.mm-menu.mm-pageshadow::after {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.mm-menu.mm-right {
    left: auto;
    right: 0px;
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0px;
}

html.mm-right.mm-opening .mm-slideout {
    transform: translate(-80%, 0px);
}

@media (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        transform: translate(-140px, 0px);
    }
}

@media (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        transform: translate(-440px, 0px);
    }
}

html.mm-front .mm-slideout {
    transform: none !important;
    z-index: 0 !important;
}

.mm-menu.mm-front {
    z-index: 1;
}

.mm-menu.mm-front, .mm-menu.mm-next {
    transition: transform 0.4s ease 0s;
    transform: translate(-100%, 0px);
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    transform: translate(100%, 0px);
}

.mm-menu.mm-top {
    transform: translate(0px, -100%);
}

.mm-menu.mm-bottom {
    transform: translate(0px, 100%);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    transform: translate(0px, 0px);
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
    height: 80%;
    min-height: 140px;
    max-height: 880px;
}

.mm-menu.mm-theme-dark {
    background: rgb(51, 51, 51);
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-navbar>*, .mm-menu.mm-theme-dark .mm-navbar a {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-navbar .mm-btn::before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn::after {
    border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark .mm-listview>li .mm-next::after, .mm-menu.mm-theme-dark .mm-listview>li .mm-arrow::after {
    border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-theme-dark .mm-divider {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-theme-dark label.mm-check::before {
    border-color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-fixeddivider span {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-pageshadow.mm-theme-dark::after {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px;
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-indexer a {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark label.mm-toggle::before {
    background: rgb(51, 51, 51);
}

.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
    background: rgb(75, 217, 99);
}

.mm-menu.mm-theme-white {
    background: white;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-navbar>*, .mm-menu.mm-theme-white .mm-navbar a {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-navbar .mm-btn::before, .mm-menu.mm-theme-white .mm-navbar .mm-btn::after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white .mm-listview>li .mm-next::after, .mm-menu.mm-theme-white .mm-listview>li .mm-arrow::after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-theme-white .mm-divider {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-theme-white label.mm-check::before {
    border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-pageshadow.mm-theme-white::after {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-indexer a {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white label.mm-toggle::before {
    background: white;
}

.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: rgb(75, 217, 99);
}

.mm-menu.mm-theme-black {
    background: black;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-navbar>*, .mm-menu.mm-theme-black .mm-navbar a {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-navbar .mm-btn::before, .mm-menu.mm-theme-black .mm-navbar .mm-btn::after {
    border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black .mm-listview>li .mm-next::after, .mm-menu.mm-theme-black .mm-listview>li .mm-arrow::after {
    border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black .mm-divider {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-check::before {
    border-color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-fixeddivider span {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-pageshadow.mm-theme-black::after {
    content: none;
    display: none;
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-indexer a {
    color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-toggle::before {
    background: black;
}

.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
    background: rgb(75, 217, 99);
}

.mm-menu.mm-tileview .mm-listview::after, .mm-menu .mm-tileview.mm-listview::after {
    content: "";
    display: block;
    clear: both;
}

.mm-menu.mm-tileview .mm-listview>li, .mm-menu .mm-tileview.mm-listview>li {
    width: 50%;
    height: 0px;
    padding: 50% 0px 0px;
    float: left;
    position: relative;
}

.mm-menu.mm-tileview .mm-listview>li::after, .mm-menu .mm-tileview.mm-listview>li::after {
    left: 0px;
    top: 0px;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1;
}

.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs, .mm-menu .mm-tileview.mm-listview>li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%;
}

.mm-menu.mm-tileview .mm-listview>li.mm-tile-s, .mm-menu .mm-tileview.mm-listview>li.mm-tile-s {
    width: 25%;
    padding-top: 25%;
}

.mm-menu.mm-tileview .mm-listview>li.mm-tile-l, .mm-menu .mm-tileview.mm-listview>li.mm-tile-l {
    width: 75%;
    padding-top: 75%;
}

.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl, .mm-menu .mm-tileview.mm-listview>li.mm-tile-xl {
    width: 100%;
    padding-top: 100%;
}

.mm-menu.mm-tileview .mm-listview>li>a, .mm-menu.mm-tileview .mm-listview>li>span, .mm-menu .mm-tileview.mm-listview>li>a, .mm-menu .mm-tileview.mm-listview>li>span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0px;
    margin: 0px;
    position: absolute;
    inset: 0px 1px 1px 0px;
}

.mm-menu.mm-tileview .mm-listview>li>.mm-next, .mm-menu .mm-tileview.mm-listview>li>.mm-next {
    width: auto;
}

.mm-menu.mm-tileview .mm-listview>li>.mm-next::before, .mm-menu.mm-tileview .mm-listview>li>.mm-next::after, .mm-menu .mm-tileview.mm-listview>li>.mm-next::before, .mm-menu .mm-tileview.mm-listview>li>.mm-next::after {
    content: none;
    display: none;
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0px;
    padding-right: 0px;
}

.mm-menu.mm-tileview .mm-panel::after {
    content: none;
    display: none;
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0px;
}

.mm-front .ms {
    background-color: rgb(0, 0, 0);
}

.mm-opening .ms .z {
    opacity: 0.8;
    background-color: rgb(255, 255, 255);
}

.mm-opened .ms .z {
    background-color: rgb(255, 255, 255);
}

#mobile-menu-toggle {
    display: none;
}

@media screen and (max-width: 1160px) {
    #mobile-menu-toggle {
        display: block;
        position: absolute;
        top: 20px;
        height: 15px;
        left: 20px;
        z-index: 99;
        font-size: 14px;
    }
}

#mobile-menu {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
    background-color: rgb(255, 255, 255);
    display: none;
}

@media screen and (max-width: 1160px) {
    #mobile-menu {
        display: block;
        margin-top: 46px;
    }
}

#mobile-menu .mm-panels {
    top: 0px !important;
}

#mobile-menu .mm-navbar-top {
    display: none;
}

#mobile-menu ul.nav {
    line-height: 30px;
    min-height: 100%;
}

#mobile-menu ul.nav li.level0, #mobile-menu ul.nav a {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(64, 180, 166);
    line-height: 30px !important;
}

#mobile-menu ul.nav li.icon a {
    color: rgb(0, 0, 0);
    padding-left: 48px;
    position: relative;
}

#mobile-menu ul.nav li.icon a::before {
    color: rgb(130, 154, 165);
    font-size: 17px;
    position: absolute;
    top: 15px;
    left: 20px;
}

#mobile-menu ul.nav li.avatar a {
    color: rgb(0, 0, 0);
    padding-left: 48px;
    position: relative;
}

#mobile-menu ul.nav li.avatar a img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 15px;
    left: 20px;
}

#mobile-menu .mm-listview>li:not(.mm-divider)::after {
    border: none;
}

#mobile-menu li {
    border-bottom: 1px solid rgb(226, 226, 226);
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#mobile-menu .megamenu {
    padding-top: 40px !important;
}

#mobile-menu .megamenu .mm-navbar {
    display: block;
}

#mobile-menu .megamenu .mm-navbar .mm-title {
    display: none;
}

#mobile-menu li.level1 span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: rgb(0, 0, 0);
}

#mobile-menu li.level1 .mm-next::after {
    transform: rotate(45deg) !important;
}

#mobile-menu li.level1.mm-opened.mm-vertical>a.mm-next {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

#mobile-menu li.level1.mm-opened.mm-vertical>a.mm-next::after {
    transform: rotate(-135deg) !important;
}

#mobile-menu li.level1 .mm-panel {
    background-color: transparent !important;
}

#mobile-menu li.level2 {
    border: none !important;
}

#mobile-menu li.level2.mm-opened a {
    background-color: transparent !important;
}

#mobile-menu li.level2 span {
    text-transform: none;
    color: rgb(130, 154, 165);
}

#mobile-menu li.description {
    color: rgb(175, 175, 175);
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    padding: 5px 10px 10px 20px;
    border: none !important;
}

#mobile-menu .mm-next::after, #mobile-menu .mm-prev::before {
    border-color: rgb(216, 216, 216) !important;
    width: 7px !important;
    height: 7px !important;
}

#mobile-menu .mm-prev {
    width: 100%;
    text-align: left;
}

#mobile-menu .mm-prev::before {
    border-color: rgb(175, 175, 175) !important;
}

#mobile-menu .mm-prev::after {
    content: "Retour";
    font-size: 12px;
    color: rgb(175, 175, 175);
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 20px;
}

#mobile-menu li.locale {
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/drapeau-fr.png");
    background-repeat: no-repeat;
    background-position: 16px 48%;
}

#mobile-menu #search_mini_form input[type="text"]#search, #mobile-menu #search_mini_form_n input[type="text"]#search {
    font-size: 14px;
    line-height: 17px;
    padding: 15px 20px;
    color: rgb(175, 175, 175);
}

#mobile-menu #search_mini_form button, #mobile-menu #search_mini_form_n button {
    right: 0px;
    top: 0px;
    width: auto;
    height: auto;
    padding: 15px;
}

#mobile-menu #search_mini_form button::before, #mobile-menu #search_mini_form_n button::before {
    font-size: 18px;
    line-height: 20px;
    color: rgb(130, 154, 165);
}

.stdform #fields_civ {
    margin-top: -7px;
}

.stdform #fields_civ .input-box {
    margin-left: 15px;
    display: inline-block;
}

.stdform #fields_civ .input-box label {
    margin-right: 20px;
    color: rgb(17, 70, 94);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-transform: none;
}

.stdform .accept {
    color: rgb(175, 175, 175);
    font-size: 11px;
    font-weight: 300;
    line-height: 20px;
    margin: 7px 0px 10px;
}

.block-subscribe .error-msg {
    margin: 0px 0px 20px;
}

.block-subscribe .alreadySubscribed {
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 190px 50px 0px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/success-check.png");
    position: static;
    height: 370px;
    background-position: 50% 30%;
}

.m .block-subscribe .alreadySubscribed {
    padding: 0px;
}

.m .featherlight .block-subscribe .alreadySubscribed {
    margin-top: 60px;
    padding-right: 30px;
    padding-left: 30px;
}

.no-m .block-subscribe .alreadySubscribed.big {
    background-image: url("/skin/frontend/etatpur/default//pub/media/wysiwyg/templates/success-check-big.png");
}

.no-m .block-subscribe .alreadySubscribed.big .message {
    font-size: 24px;
    line-height: 29px;
}

.no-m .block-subscribe .alreadySubscribed.big .message span {
    font-size: 14px;
    line-height: 17px;
}

.block-subscribe .alreadySubscribed .message {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

.block-subscribe .alreadySubscribed .message span {
    display: block;
    margin-top: 20px;
    color: rgb(130, 154, 165);
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
}

.block-subscribe .accept {
    color: rgb(175, 175, 175);
    font-size: 11px;
    font-weight: 300;
    line-height: 20px;
    margin: 7px 0px 10px;
}

.block-subscribe label {
    font-size: 12px;
    line-height: 14px;
}

.block-subscribe .newsletter-form_block-left, .block-subscribe .newsletter-form_block-right {
    display: inline-block;
    width: 48%;
}

.block-subscribe .newsletter-form_block-right {
    float: right;
}

.block-subscribe .dob-wrapper {
    width: 100%;
    margin-bottom: 7px;
}

.minilogin h2, #minilogin-identification-title {
    color: rgb(64, 180, 166);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(226, 226, 226);
    padding: 25px 22px 18px;
}

#minilogin-identification-title, #topminicart .block-cart .block-title {
    letter-spacing: 1px;
}

.minilogin .block-login-content {
    padding: 25px 22px;
}

.minilogin .block-content label.input-box {
    margin: 15px 0px;
}

.minilogin .block-content .input-box {
    color: rgb(0, 0, 0);
    font-size: 14px;
}

.minilogin h3, .minilogin-account-title {
    color: rgb(0, 0, 0);
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin: 0px 0px 12px;
}

.minilogin hr {
    margin: 20px 0px;
}

.minilogin .forgot {
    margin: 8px 0px 0px;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    color: rgb(130, 154, 165);
}

.minilogin button {
    margin: 8px 0px 0px;
}

.nav-2017 {
    padding: 0px !important;
}

.nav-2017-container {
    display: block;
    width: 1180px;
    max-width: 1180px !important;
    padding: 0px !important;
    border-bottom: none !important;
}

.nav-2017-soins-left {
    float: left;
    width: 102%;
    padding-top: 25px;
    height: 404px;
    border-left: 0px solid rgb(224, 224, 224);
    text-align: left;
}

.nav-2017-soins-rituel {
    display: inline-block;
    vertical-align: top;
    width: 59%;
    padding-right: 20px;
    height: 262px;
}

.nav-2017-soins-rituel strong {
    text-transform: uppercase;
    font-size: 13px;
    color: rgb(0, 0, 0);
    margin-bottom: 14px;
    font-family: Roboto-Regular;
    display: block;
    padding-left: 20px;
    letter-spacing: 1px;
}

.nav-2017-soins-rituel li a {
    display: block;
    min-height: 50px;
    padding: 9px 10px 9px 20px;
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 400;
}

.nav-2017-soins-rituel li a:hover {
    background: rgb(246, 246, 246);
}

.nav-2017-soins-rituel li a em {
    height: 33px;
    width: 33px;
    text-align: center;
    line-height: 33px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: rgb(175, 197, 207);
    border-radius: 17px;
    float: left;
    font-style: normal;
    margin-right: 15px;
    font-size: 14px;
}

.nav-2017-soins-rituel li a:hover em {
    background: rgb(255, 255, 255);
    color: rgb(175, 197, 207);
}

.nav-2017-soins-rituel li a span {
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    font-size: 9px;
    display: block;
    margin-bottom: 3px;
    font-weight: 500;
    text-decoration: none !important;
}

.nav-2017-soins-rituel li a span:nth-child(2) {
    font-size: 13px !important;
}

.nav-2017-soins-preoccupations {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    height: 262px;
}

.nav-2017-soins-preoccupations strong {
    text-transform: uppercase;
    font-size: 13px;
    color: rgb(0, 0, 0);
    margin-bottom: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    display: block;
}

.nav-2017-soins-preoccupations li a {
    color: rgb(0, 0, 0);
    font-size: 13px;
    line-height: 29px;
    font-weight: 500;
    white-space: normal !important;
}

.nav-2017-soins-preoccupations li a:hover {
    color: rgb(64, 180, 166);
}

.nav-2017-soins-preoccupations>p>a {
    display: none;
    width: 245px;
    text-align: center;
    background: rgb(64, 180, 166);
    padding: 10px 0px;
    font-size: 12px;
    margin: 20px 0px;
    text-transform: uppercase;
    color: rgb(255, 255, 255) !important;
}

.nav-2017-soins-diagnostic {
    display: block;
    width: 100%;
    border-top: 0px solid rgb(175, 197, 207);
    height: 118px;
    background: rgb(175, 197, 207);
}

.etat_4 {
    overflow: hidden;
    width: 75% !important;
}

.etat_2 {
    width: 25% !important;
}

.etat_2 img {
    height: 404px;
}

.nav-2017-soins-diagnostic a {
    display: block;
    width: 100%;
    height: 119px;
    padding: 30px 72px 30px 165px;
    background-image: url("/media/wysiwyg/nav-2017/diagnostic.png");
    background-repeat: no-repeat;
    background-position: 40px 23px;
    color: rgb(0, 0, 0);
    font-size: 12px;
    line-height: 19px;
}

.nav-2017-soins-diagnostic:hover {
    background: rgb(128, 151, 162);
}

.nav-2017-soins-diagnostic:active {
    background: rgb(83, 129, 148);
}

.nav-2017-soins-diagnostic:hover a, .nav-2017-soins-diagnostic:active a {
    background-image: url("/media/wysiwyg/nav-2017/diagnostic-hover.png");
    color: rgb(255, 255, 255);
}

.nav-2017-soins-diagnostic a strong {
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 13px;
}

.nav-2017-soins-diagnostic a em {
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-style: normal;
}

.nav-2017-soins-diagnostic:hover a em, .nav-2017-soins-diagnostic:active a em {
    color: rgb(255, 255, 255);
}

.nav-2017-soins-right {
    float: right;
    width: 272px;
}

.nav-2017-soins-push a {
    height: 404px;
    width: 100%;
    display: block;
}

.nav-2017-soins-push img {
    height: 404px;
    width: 100%;
    display: block;
}

.nav-2017-decouvrez {
    padding: 25px 0px 30px;
    height: 404px;
}

.nav-2017-decouvrez li {
    display: inline-block;
    width: 390px;
    padding-right: 16px;
    font-size: 12px;
    color: rgb(0, 0, 0);
}

.nav-2017-decouvrez strong {
    text-transform: uppercase;
    font-size: 13px;
    color: rgb(0, 0, 0);
    margin-bottom: 25px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    display: block;
}

.nav-2017-decouvrez li img {
    width: 374px;
}

.nav-2017-decouvrez li img:hover {
    opacity: 0.8;
}

.nav-2017-decouvrez a {
    display: block;
    margin-bottom: 25px;
}

.nav-2017-decouvrez em a {
    margin: 0px;
    color: rgb(0, 0, 0);
    text-decoration: underline;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    padding-top: 5px;
}

.nav-2017-decouvrez em a:hover {
    color: rgb(72, 183, 169);
}

.fsc-search {
    position: relative !important;
}

#mobile-menu .mm-next::after {
    transition: transform 0.2s ease 0s;
    width: 13px !important;
    height: 13px !important;
    top: 13px !important;
    transform: rotate(45deg) !important;
}

#mobile-menu .mm-opened>.mm-next::after {
    top: 20px !important;
    transform: rotate(-135deg) !important;
}

#mobile-menu .level0>span {
    border-left: 5px solid transparent;
    padding-left: 15px !important;
}

#mobile-menu .level0.mm-opened>span {
    border-left: 5px solid rgb(64, 180, 166);
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next, .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: none !important;
}

.mm-vertical .mm-listview>li>.mm-next, .mm-listview>li.mm-vertical>.mm-next {
    height: 50px !important;
}

.mm-listview .mm-vertical .mm-panel {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.08s ease 0s;
    display: block !important;
    padding: 0px 0px 0px 10px !important;
}

#mobile-menu .mm-vertical.mm-opened>.megamenu {
    padding: 10px 0px 10px 10px !important;
}

.mm-listview .mm-vertical.mm-opened .mm-panel {
    max-height: 1500px;
}

.mm-front .ms {
    background-color: rgb(255, 255, 255) !important;
}

.mm-opening .ms .z {
    opacity: 0.2 !important;
}

#mobile-menu {
    border-right: 1px solid rgb(224, 224, 224) !important;
}

#mobile-menu li.search {
    margin-bottom: 50px;
}

#mobile-menu #search_mini_form #search, #mobile-menu #search_mini_form_n #search {
    line-height: 20px !important;
}

#mobile-menu .megamenu {
    padding-top: 0px !important;
}

#mobile-menu .nav-2017-container {
    width: 250px;
}

#mobile-menu .nav-2017-container>span {
    padding: 0px;
}

#mobile-menu .nav-2017-container li {
    border: none !important;
}

#mobile-menu .nav-2017-soins-left {
    float: none;
    width: 250px;
    height: auto;
    padding: 0px;
    border: none;
}

#mobile-menu .nav-2017-soins-rituel {
    display: block;
    padding: 0px;
    height: auto;
    width: 250px;
}

#mobile-menu .nav-2017-soins-rituel strong {
    padding-left: 5px;
}

#mobile-menu .nav-2017-soins-rituel li a {
    padding-left: 5px;
}

#mobile-menu .nav-2017-soins-preoccupations {
    display: block;
    height: auto;
    width: 250px;
}

#mobile-menu .nav-2017-soins-preoccupations strong {
    padding-top: 15px;
    padding-left: 5px;
}

#mobile-menu .nav-2017-soins-preoccupations li a {
    color: rgb(0, 0, 0);
    font-size: 13px;
    line-height: 29px;
    font-weight: 500;
    padding-left: 5px;
    text-transform: none;
}

#mobile-menu .nav-2017-soins-preoccupations>p>a {
    display: block;
}

#mobile-menu .nav-2017-soins-right, #mobile-menu .nav-2017-soins-diagnostic {
    display: none;
}

#mobile-menu .nav-2017-decouvrez {
    padding: 0px 0px 30px;
    height: auto;
}

#mobile-menu .nav-2017-decouvrez li {
    display: block;
    width: 250px;
    padding: 0px;
}

#mobile-menu .nav-2017-decouvrez strong {
    margin-bottom: 12px;
    margin-top: 3px;
}

#mobile-menu .nav-2017-decouvrez li img {
    width: 245px;
}

#mobile-menu .nav-2017-decouvrez li img:active {
    opacity: 0.8;
}

#mobile-menu .nav-2017-decouvrez a {
    margin-bottom: 0px;
    padding: 0px;
}

#mobile-menu .nav-2017-decouvrez em a {
    display: none;
}

#mobile-menu .nav-2017-decouvrez span {
    display: none;
}

#mobile-menu .mm-link-highlight {
    background: rgb(246, 246, 246);
}

@media screen and (min-width: 1160px) {
    #search_mini_form_toogle span {
        position: absolute;
        right: 32px;
        color: rgb(128, 151, 162);
        padding: 2px 0px;
        display: inline;
        top: 0px;
    }

    #mobile-menu-toggle span {
        display: none !important;
    }
}

#mobile-topbar {
    height: 46px;
    border-bottom: 1px solid rgb(224, 224, 224);
    width: 100%;
    z-index: 10;
    transition: left 0.4s ease 0s;
    left: -250px;
}

#mobile-topbar.mobile-topbar-opened {
    left: 0px;
}

#mobile-topbar .ep-cart {
    width: 45%;
    height: 45px;
    float: left;
    border-right: 1px solid rgb(224, 224, 224);
    line-height: 45px;
    font-size: 13px;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    font-weight: 500;
    text-align: center;
}

#mobile-topbar .ep-user {
    width: 45%;
    height: 45px;
    float: left;
    line-height: 45px;
    border-right: 1px solid rgb(224, 224, 224);
    font-size: 13px;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    font-weight: 500;
    text-align: center;
}

#mobile-topbar .ep-cart::before, #mobile-topbar .ep-user::before {
    font-size: 21px;
    color: rgb(0, 0, 0);
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-top: 10px;
}

#mobile-topbar .ep-user::before {
    color: rgb(130, 154, 165);
}

#mobile_footer_menu {
    border-bottom: 1px solid rgb(221, 221, 221);
}

#mobile-topbar-trigger {
    width: 10%;
    height: 45px;
    float: left;
    line-height: 48px;
    text-align: center;
}

html.mm-front .mm-slideout.nav-2017-translate {
    margin-left: 270px;
}

.mm-slideout {
    transition: all 0.4s ease 0s !important;
}

#mobile-menu-toggle {
    display: block;
    width: 15px;
    margin-top: 0px;
}

#mobile-menu-toggle::before {
    display: none !important;
}

#mobile-menu-toggle span::after, #mobile-menu-toggle span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
}

#mobile-menu-toggle span::after {
    top: 4px;
}

#mobile-menu-toggle span {
    position: relative;
    display: block;
}

#mobile-menu-toggle span, #mobile-menu-toggle span::after, #mobile-menu-toggle span::before {
    width: 100%;
    height: 2px;
    background-color: rgb(64, 180, 166);
    transition: all 0.4s ease 0s;
    backface-visibility: hidden;
}

#mobile-menu-toggle.ep-close span {
    background-color: transparent;
}

#mobile-menu-toggle.ep-close span::before {
    transform: rotate(45deg) translate(3px, 3px);
}

#mobile-menu-toggle.ep-close span::after {
    transform: rotate(-45deg) translate(2px, -3px);
}

#mobile-menu-toggle.ep-close+#menu {
    opacity: 1;
    visibility: visible;
}

.mm-menu.mm-front, .mm-menu.mm-next {
    left: -270px;
    transition: all 0.4s ease 0s;
    transform: none !important;
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    left: 0px;
    transform: none !important;
}

#nav-2017-votre-peau-et-vous {
    height: 404px;
    width: 100%;
    border-width: 0px 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgb(224, 224, 224);
    border-left-color: rgb(224, 224, 224);
    border-image: initial;
    border-top-style: initial;
    border-top-color: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    padding: 25px 20px 30px;
}

.nav-2017-votre-peau-et-vous-col {
    float: left;
    width: 284px;
    padding-right: 30px;
}

.nav-2017-votre-peau-et-vous-col strong {
    text-transform: uppercase;
    font-size: 13px;
    color: rgb(0, 0, 0);
    margin-bottom: 25px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    display: block;
}

.nav-2017-votre-peau-et-vous-col ul li {
    margin-top: 8px;
}

.nav-2017-votre-peau-et-vous-col a {
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.nav-2017-votre-peau-et-vous-col a:hover {
    color: rgb(64, 180, 166);
}

.nav-2017-votre-peau-et-vous-col img {
    margin: 0px auto;
    max-width: 230px;
}

#mobile-menu #nav-2017-votre-peau-et-vous .nav-2017-votre-peau-et-vous-col img {
    display: none;
}

#mobile-menu #nav-2017-votre-peau-et-vous, #mobile-menu #nav-2017-votre-peau-et-vous .nav-2017-votre-peau-et-vous-col {
    float: none;
    width: 250px;
    height: auto;
    padding: 0px;
    border: none;
}

#mobile-menu .nav-2017-votre-peau-et-vous-col strong {
    margin-bottom: 14px;
    margin-top: 3px;
    padding-top: 15px;
}

#mobile-menu .nav-2017-votre-peau-et-vous-col ul li {
    margin-top: 0px;
}

#mobile-menu .nav-2017-votre-peau-et-vous-col ul li a {
    display: block;
    height: auto;
    padding: 9px 10px 9px 15px;
    color: rgb(0, 0, 0);
    white-space: normal !important;
    line-height: 20px !important;
}

#mobile-menu .nav-2017-votre-peau-et-vous-col:first-child strong {
    padding-top: 0px;
}

#mobile-menu .nav-2017-votre-peau-et-vous-col:last-child strong {
    letter-spacing: 0.6px;
}

.fsc-search {
    position: relative;
}

@media screen and (max-width: 1160px) {
    .fsc-search {
        z-index: 10;
    }
}

#search_mini_form_toogle {
    display: block;
    width: 18px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: -35px;
}

@media screen and (max-width: 1160px) {
    #search_mini_form_toogle {
        right: 145px !important;
        opacity: 1 !important;
    }
}

#search_mini_form_toogle::before {
    content: "o";
    font-family: etatpur;
    color: rgb(130, 154, 165);
    font-size: 18px;
    line-height: 20px;
    width: 18px;
    height: 20px;
}

#search_mini_form_toogle.close::before {
    content: "v";
}

@media screen and (max-width: 550px) {
    #search_mini_form_toogle {
        display: none;
    }
}

.m #search_mini_form_toogle {
    display: none;
}

#search_mini_form, #search_mini_form_n {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2;
    border-bottom: 1px solid rgb(226, 226, 226);
}

#search_mini_form input[type="text"]#search, #search_mini_form_n input[type="text"]#search {
    font-size: 60px;
    line-height: 72px;
    border: 0px;
    padding: 55px 125px;
    color: rgb(0, 0, 0);
    font-weight: 300;
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    height: auto;
}

#search_mini_form input[type="text"]#search::-webkit-input-placeholder, #search_mini_form_n input[type="text"]#search::-webkit-input-placeholder {
    color: rgb(217, 217, 217);
}

#search_mini_form button, #search_mini_form_n button {
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 200ms ease 0s;
    cursor: pointer;
    border: 0px;
    background: none;
    position: absolute;
    right: 15px;
    top: 2px;
    width: 100%;
    height: 55px;
    padding: 20px;
    z-index: 100;
    text-align: center;
    color: rgb(217, 217, 217) !important;
}

#search_mini_form button.active, #search_mini_form button .active {
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 1ms ease 0s;
}

#search_mini_form button::before, #search_mini_form_n button::before {
    content: "o";
    font-family: etatpur;
    font-size: 20px;
    line-height: 45px;
}

#search_mini_form button:hover, #search_mini_form_n button:hover {
    color: rgb(0, 0, 0);
}

#search_autocomplete {
    display: none;
}

.catorderlabel {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    font-family: Roboto-Regular;
    padding-right: 10px !important;
}

.catalog-category-view .breadcrumb-container {
    width: 100%;
    border-bottom: 1px solid rgb(224, 224, 224);
}

.catalog-category-view .breadcrumb-sub-container {
    width: 1180px;
    margin: 0px auto;
}

.catalog-category-view .m .breadcrumb-container {
    display: none;
}

.catalog-category-view ul.breadcrumb {
    list-style: none;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    text-transform: uppercase;
    padding: 15px 30px 14px 20px;
    width: auto;
    float: left;
    border-left: 1px solid rgb(224, 224, 224);
    border-right: 1px solid rgb(224, 224, 224);
}

.catalog-category-view ul.breadcrumb::after {
    display: none;
}

ul.breadcrumb {
    list-style: none;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    text-transform: uppercase;
    padding: 16px 0px;
}

@media print {
    ul.breadcrumb {
        display: none;
    }
}

.m ul.breadcrumb {
    padding: 16px 20px;
    display: none;
}

ul.breadcrumb li {
    display: inline;
    color: rgb(175, 175, 175);
    position: relative;
    line-height: 20px;
}

ul.breadcrumb li a {
    color: rgb(175, 175, 175);
    font-family: Roboto-Regular;
    letter-spacing: 1px;
}

ul.breadcrumb li strong {
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    letter-spacing: 1px;
}

ul.breadcrumb li.separator {
    display: inline-block;
    margin: 0px 8px;
}

.m ul.breadcrumb li.nolink {
    display: none;
}

ul.breadcrumb::after {
    content: "";
    background-color: rgb(0, 0, 0);
    display: block;
    width: 45px;
    height: 2px;
    margin-top: 15px;
}

.m ul.breadcrumb::after {
    width: 30px;
}

.no-m .bonnes-raisons-10 .bonnes-raisons-number {
    background-color: white;
    color: rgb(73, 61, 66);
}

.bonnes-raisons .bonnes-raisons-number {
    text-transform: uppercase;
    font-size: 24px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    font-weight: 400;
    padding: 2px 16px;
    letter-spacing: 1.8px;
    line-height: 60px;
}

.product-secondary-images {
    display: inline-block;
    margin-right: 30px;
    width: 70px;
    vertical-align: top;
}

.product-secondary-images>a {
    display: block;
    margin-bottom: 20px;
}

.product-main-image, .product-secondary-image {
    display: inline-block;
    width: 505px;
    vertical-align: top;
    text-align: center;
    position: relative;
}

.product-main-image .label-container {
    right: 55px;
    position: absolute;
}

.m .product-main-image, .m .product-secondary-images, .m .product-secondary-image {
    display: none;
}

.a-product-title {
    width: 100%;
    border-bottom: 1px solid rgb(224, 224, 224);
    display: table;
    height: 85px;
    font-weight: 300;
    line-height: 32px;
    text-transform: uppercase;
}

.a-product-reference {
    display: table-cell;
    color: rgb(0, 0, 0);
    width: 70px;
    text-align: center;
    border-right: 1px solid rgb(224, 224, 224);
    font-family: Helvetica, Arial;
    font-size: 21px;
    vertical-align: middle;
    padding: 0px 27px;
}

.a-product-name {
    display: table-cell;
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-family: Roboto-Regular;
    vertical-align: middle;
    padding: 0px 15px;
    letter-spacing: 1px;
    line-height: 24px;
}

.a-accroche {
    font-size: 13px;
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    height: 45px;
    letter-spacing: 0.8px;
    padding: 23px;
}

.a-short-description {
    padding: 10px 23px;
    font-size: 13px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    line-height: 22px;
}

.a-ratings {
    float: right;
    margin-top: 23px;
    margin-right: 23px;
}

.a-ratings .rating-summary {
    display: table-cell;
}

.a-ratings .rating-links {
    display: none !important;
}

.a-ratings .count-ratings-box {
    display: table-cell;
    font-size: 15px;
    color: rgb(28, 93, 123);
    font-family: Roboto-Regular;
    width: 40px;
    padding-left: 10px;
}

.product-info-mainhr {
    margin-bottom: 0px;
}

.cubeit-input-number, .a-price, .a-capacity {
    display: inline-block;
    height: 68px;
    max-height: 68px;
    vertical-align: top;
}

.cubeit-input-number .minus:hover, .cubeit-input-number .plus:hover {
    color: rgb(255, 255, 255);
    background: rgb(175, 197, 207);
}

.cubeit-input-number {
    padding: 17px 12px;
    border-right: 1px solid rgb(224, 224, 224);
}

.a-price {
    padding: 3px 12px;
    border-right: 1px solid rgb(224, 224, 224);
}

.a-price .price-box {
    margin: 10px 8px 0px 0px !important;
    vertical-align: -5px !important;
}

.a-price .regular-price {
    font-size: 23px;
    font-family: Helvetica;
}

.a-price .pricePer100ml {
    font-size: 12px;
    font-family: Helvetica;
    color: rgb(129, 138, 142) !important;
}

.a-capacity {
    font-size: 13px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
    padding: 24px 10px;
    font-family: Raleway;
}

.a-capacity span {
    font-weight: bold;
    font-family: Helvetica;
}

.product-info-main.addto .btn {
    width: 100%;
    border-radius: 0px;
    height: 60px;
}

.product-info-main.availability {
    padding: 18px 0px 10px;
    height: 52px;
    border-top: 1px solid rgb(224, 224, 224);
    background-color: rgb(249, 249, 249);
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    cursor: default;
}

.product-view-right.sticky {
    position: fixed;
    top: 50px;
}

.m .a-accroche {
    height: auto;
}

.m .a-price {
    padding: 3px 4px;
}

.m .a-price .price-box {
    margin: 10px 4px 0px 0px !important;
}

.m .a-capacity {
    font-size: 10px;
    padding: 21px 4px;
}

.m .product-info-main.a-price .pricePer100ml {
    display: none !important;
}

.m .product-info-main.pricePer100ml {
    font-size: 10px;
    display: inline !important;
}

.m .cubeit-input-number {
    display: none;
}

.no-m .a-mobile-qty {
    display: none;
}

.m .a-mobile-qty {
    display: inline-block;
    height: 68px;
    max-height: 68px;
    vertical-align: top;
    width: 60px;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-right: 1px solid rgb(224, 224, 224);
    margin: 0px;
    font-size: 15px;
    letter-spacing: 0.4px;
    padding: 0px 0px 0px 10px;
    font-family: Roboto;
    text-align: right;
}

.m .a-mobile-product-images .label-container img {
    height: 60px !important;
}

.m .a-mobile-product-images .label-img {
    position: absolute;
    right: 15px;
}

.m .a-mobile-product-images .label-texte {
    margin-bottom: 15px;
    font-family: Roboto;
}

.m .a-mobile-product-images .bxslider .slide-caroussel {
    display: block;
    text-align: center;
    height: 310px;
    width: 288px;
}

.m .a-mobile-product-images .bxslider .slide-caroussel img {
    margin: auto;
    max-width: 100%;
}

.m .a-mobile-product-images .bx-wrapper .bx-controls-direction a.bx-prev, .m .a-mobile-product-images .bx-wrapper .bx-controls-direction a.bx-next {
    height: 12px;
    width: 12px;
    border-color: rgb(140, 161, 171);
    margin-top: -23px;
}

.m .a-mobile-product-images .bx-wrapper .bx-controls-direction a.bx-prev {
    margin-left: -13px;
}

.m .a-mobile-product-images .bx-wrapper .bx-controls-direction a.bx-next {
    margin-right: -5px;
}

.m .a-mobile-product-images .bx-pager {
    display: none;
}

.m .a-mobile-product-images .bx-wrapper .bx-controls-direction::before, .m .a-mobile-product-images .bx-wrapper .bx-controls-direction::after {
    position: absolute;
    height: 50px;
    width: 40px;
    background: rgb(239, 243, 245);
    content: "";
    display: block;
    top: 115px;
}

.m .a-mobile-product-images .bx-wrapper .bx-controls-direction::before {
    left: -19px;
}

.m .a-mobile-product-images .bx-wrapper .bx-controls-direction::after {
    right: -9px;
}

.a-mobile-product-images .catalog-category-view #products-list>li {
    margin: 0px auto 60px;
    width: 100%;
}

.m .a-mobile-product-images .bx-controls, .m .a-mobile-product-images .bx-wrapper .bx-controls-direction a.disabled {
    display: block !important;
}

.m .a-product-reference {
    padding: 0px 17px;
}

.m .product-info-main.product-infos-addtocart-button.sticky {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 999;
}

.product-pros {
    width: 100%;
    max-width: 676px;
    border: 15px solid rgb(244, 249, 250);
    padding-bottom: 60px;
    margin: 50px auto;
}

.product-pros-left {
    margin-left: 53px;
    width: 132px;
    text-align: center;
    display: inline-block;
    padding-top: 45px;
}

.product-pros-right {
    padding: 70px 24px 0px;
    display: inline-block;
    vertical-align: top;
    max-width: 455px;
}

.product-pros-right p {
    font-size: 24px;
}

.product-pros-right span {
    font-size: 24px;
    display: block;
    padding-bottom: 20px;
    color: rgb(0, 0, 0);
}

.product-pros-right ul li, .product-stats-link ul li {
    list-style: initial;
}

.product-pros-right ul, .product-stats-link ul, .product-contentbox ul {
    list-style-position: inside;
}

.product-pros-right li {
    font-size: 14px;
    font-family: Roboto-Regular;
    margin-left: 10px;
    line-height: 24px;
    color: rgb(0, 0, 0);
}

.m .product-pros-left {
    display: none;
}

.m .product-pros-right {
    text-align: center;
}

.m .product-pros-right span.hidedesktop {
    display: block !important;
}

.product-title-separator {
    position: relative;
    margin: 20px 0px;
}

.product-title-separator p {
    font-size: 24px;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
    padding: 0px 20px;
    text-align: center;
    display: table;
    margin: 40px auto;
}

.product-title-separator p::before {
    content: "";
    position: absolute;
    top: 15px;
    background: rgb(224, 224, 224);
    height: 1px;
    width: 100%;
    left: 0px;
    z-index: -1;
}

.product-stats {
    width: 100%;
    text-align: center;
}

.product-stat {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.product-stat .circle {
    position: relative;
    margin: auto;
    text-align: center;
}

.product-stat .circle strong {
    position: absolute;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-family: Raleway-black;
    width: 100%;
    left: 2px;
    text-align: center;
    top: 25px;
}

.product-stat p {
    font-family: Roboto;
    font-size: 14px;
    color: rgb(0, 0, 0);
    text-align: center;
    max-width: 150px;
    padding-top: 20px;
    margin: auto;
}

.product-stat p b, .product-advice-text p strong {
    font-family: Roboto;
}

.product-stat p i {
    font-family: Roboto-Regularitalic;
}

.product-stats-link {
    padding: 30px 0px;
    text-align: left;
    width: 100%;
    letter-spacing: 0.8px;
    font-size: 13px;
    line-height: 23px;
    font-family: Roboto-Regular;
    color: rgb(0, 0, 0);
    display: inline-block;
}

.product-stats-link b, .product-stats-link strong {
    font-family: Roboto;
}

.product-stats-link i {
    font-family: Roboto-Regularitalic;
}

.product-stats-link a {
    margin-top: 15px;
    display: inline-block;
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 50%, transparent 50%, transparent);
    background-position: 101% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 7px 15px;
}

.product-stats-link a::before {
    content: '\2192';
    margin-right: 10px;
}

.product-stats-link a:hover {
    color: rgb(255, 255, 255);
    background-position: 0px 0px;
}

.product-stats-legal {
    font-size: 9px;
    color: rgb(152, 175, 185);
    letter-spacing: 0.8px;
    text-align: center;
    margin-bottom: 50px;
}

.m .product-stats {
    text-align: center;
}

.m .product-stat {
    width: 50%;
    padding-bottom: 30px;
}

.m .product-stats-link {
    text-align: center;
    padding: 10px;
}

.m .product-stats-legal {
    text-align: left;
    padding: 10px;
}

.product-advice {
    color: rgb(255, 255, 255);
    max-width: 676px;
    margin: auto;
    background: rgb(0, 0, 0) !important;
}

.product-advice-video a {
    color: rgb(255, 255, 255);
}

.product-advice-video span {
    font-size: 29px;
    line-height: 29px;
    font-family: Raleway-black;
    padding: 55px 70px 0px;
    display: block;
}

.product-advice-text {
    font-size: 14px;
    line-height: 23px;
    font-family: Roboto-Regular;
    margin-bottom: 90px;
    padding: 40px 70px;
}

.product-advice-text b, .product-advice-text strong {
    font-family: Raleway-extrabold;
}

.product-advice-text ul li {
    list-style-type: initial;
}

.product-advice-text i {
    font-family: Roboto-Regularitalic;
}

.m .product-advice-video span {
    padding: 26px;
}

.m .product-advice-text {
    padding: 26px 26px 35px;
}

.product-contentbox {
    border: 1px solid rgb(224, 224, 224);
    min-height: 185px;
    max-width: 676px;
    margin: auto;
    padding: 44px 70px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
    line-height: 23px;
    position: relative;
}

.product-contentbox-left, .product-contentbox-left {
    float: left;
}

.product-ingredients.product-contentbox {
    padding: 44px 70px;
}

.product-ingredients .product-contentbox-left {
    margin-right: 33px;
}

.product-contentbox .product-contentbox-long {
    display: none;
}

.product-contentbox.opened .product-contentbox-long {
    display: block;
}

.product-contentbox.opened .product-contentbox-short {
    display: none;
}

.product-contentbox.opened {
    height: auto;
}

.product-contentbox b, .product-contentbox strong {
    font-family: Raleway-extrabold;
}

.product-contentbox i {
    font-family: Roboto-Regularitalic;
}

.product-contentbox.closed .vertical {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(0deg);
}

.product-contentbox.closed .horizontal {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(0deg);
    opacity: 1;
}

.product-contentbox .toggle-block-button {
    position: absolute;
    right: 0px;
    border-width: 1px 0px 0px 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: rgb(224, 224, 224);
    border-left-color: rgb(224, 224, 224);
    border-image: initial;
    width: 30px;
    height: 30px;
    bottom: 0px;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    cursor: pointer;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 50%, transparent 50%, transparent);
    background-position: 101% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    display: none;
}

.product-contentbox.opened .vertical {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(45deg);
}

.product-contentbox.opened .horizontal {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(45deg);
    opacity: 1;
}

.product-contentbox .toggle-block-button .horizontal {
    position: absolute;
    background-color: rgb(0, 0, 0);
    width: 11px;
    height: 1px;
    left: 50%;
    margin-left: -5px;
    top: 50%;
}

.product-contentbox .toggle-block-button .vertical {
    position: absolute;
    background-color: rgb(0, 0, 0);
    width: 1px;
    height: 11px;
    left: 50%;
    top: 50%;
    margin-top: -5px;
}

.product-contentbox .toggle-block-button:hover {
    background-position: 0px 0px;
}

.product-contentbox .toggle-block-button:hover .horizontal, .product-contentbox .toggle-block-button:hover .vertical, .product-contentbox .toggle-block-button:active .horizontal, .product-contentbox .toggle-block-button:active .vertical {
    background-color: rgb(255, 255, 255);
}

.m .product-bon-a-savoir {
    text-align: center;
    padding: 26px 35px;
}

.product-brevet {
    margin-top: 20px;
    margin-bottom: 50px;
}

.product-brevet .product-contentbox-left {
    padding-top: 20px;
}

.product-ingredients {
    margin: 50px auto;
}

.product-brevet .product-contentbox-right, .product-ingredients .product-contentbox-right {
    padding-left: 132px;
}

.m .product-brevet {
    padding: 43px 20px;
    text-align: center;
}

.m .product-brevet .product-contentbox-left {
    padding-top: 0px;
    padding-bottom: 20px;
    display: block;
    text-align: center;
    float: none;
}

.m .product-brevet .product-contentbox-right {
    padding: 0px;
}

.m .product-ingredients {
    padding: 43px 20px;
    text-align: center;
}

.m .product-ingredients .product-contentbox-left {
    padding-top: 0px;
    padding-bottom: 20px;
    display: block;
    text-align: center;
    float: none;
}

.m .product-ingredients .product-contentbox-right {
    padding: 0px;
}

.product-contentbox-with-image {
    min-height: 338px;
    max-width: 676px;
    margin: auto;
}

.product-contentbox-with-image-image {
    width: 338px;
    height: 338px;
    float: left;
}

.product-contentbox-with-image-image img {
    width: 338px;
    height: 338px;
}

.product-contentbox-with-image-text {
    width: 337px;
    float: left;
    padding-top: 5px;
    padding-left: 55px;
    font-size: 14px;
    line-height: 23px;
    font-family: Roboto-Regular;
    color: rgb(0, 0, 0);
}

.product-contentbox-with-image-text b, .product-contentbox-with-image-text strong {
    font-family: Roboto;
}

.product-contentbox-with-image-text i {
    font-family: Roboto-Regularitalic;
}

.a-ma3 .product-contentbox-with-image-text {
    text-align: justify;
}

.product-contentbox-with-image-button, .product-read-button {
    margin-top: 15px;
    display: inline-block;
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 50%, transparent 50%, transparent);
    background-position: 101% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 7px 15px;
}

.product-contentbox-with-image-button::before, .product-read-button::before {
    content: '\2192';
    margin-right: 10px;
}

.product-contentbox-with-image-button:hover, .product-read-button:hover {
    color: rgb(255, 255, 255);
    background-position: 0px 0px;
}

.m .product-contentbox-with-image-image {
    float: none;
    width: 290px;
    height: auto;
}

.m .product-contentbox-with-image-image img {
    width: 290px;
    height: 290px;
}

.m .product-contentbox-with-image-text {
    float: none;
    width: 290px;
    height: auto;
    padding: 26px;
    text-align: center;
}

.product-diagnostic {
    height: 338px;
    background: rgb(0, 0, 0);
    max-width: 676px;
    margin: 30px auto;
}

.product-diagnostic-left {
    vertical-align: top;
    width: 338px;
    height: 338px;
    display: inline-block;
    padding: 40px;
    text-align: center;
}

.product-diagnostic-title {
    font-size: 26px;
    font-family: Raleway-black;
    line-height: 28px;
    letter-spacing: 0.8px;
    color: rgb(255, 255, 255);
    padding-top: 20px;
    padding-bottom: 30px;
}

.product-diagnostic-button {
    display: inline-block;
    border: 2px solid rgb(255, 255, 255);
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 20px;
    letter-spacing: 0.8px;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255) 50%, transparent 50%, transparent);
    background-position: 101% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    text-transform: uppercase;
    padding: 10px 30px;
    color: rgb(255, 255, 255) !important;
}

.product-diagnostic-button:hover, .product-diagnostic-button:active {
    color: rgb(0, 0, 0);
    background-image: linear-gradient(to right, rgb(27, 189, 187), rgb(27, 189, 187) 50%, transparent 50%, transparent);
    background-position: 0px 0px;
}

.product-diagnostic-right {
    width: 330px;
    display: -webkit-inline-box;
    vertical-align: text-top;
}

.m .product-diagnostic {
    display: none;
}

.product-read {
    margin-bottom: 30px;
}

.product-read-left {
    width: 186px;
    height: 186px;
    display: inline-block;
    vertical-align: top;
}

.product-read-right {
    width: 490px;
    height: 186px;
    display: inline-block;
    background: rgb(244, 249, 250);
    padding: 50px 60px;
}

.product-read-title {
    font-size: 17px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
    line-height: 24px;
    font-family: Roboto-Regular;
}

.product-read-title b, .product-read-title strong {
    font-family: Raleway-extrabold;
}

.product-read-title i {
    font-family: Roboto-Regularitalic;
}

.m .product-read {
    display: none;
}

.widget-product-nano .catalog-category-view #products-list>li {
    margin: 100px 0px 60px;
    padding-left: 0px;
    width: 192px;
}

.widget-product-nano .catalog-category-view .product-left-image {
    display: block;
    height: 310px;
    text-align: center;
    width: 170px;
    margin: auto;
}

.widget-product-nano .catalog-category-view .preoccupations-produit, .widget-product-nano .catalog-category-view .type-localisation-produit {
    display: none;
}

.widget-product-nano .catalog-category-view #products-list>li .product-contents {
    width: 170px;
    height: auto;
    margin: auto;
    float: none;
    display: block;
}

.widget-product-nano .catalog-category-view .price-box {
    width: 100% !important;
    display: block !important;
}

.widget-product-nano .catalog-category-view .rating-summary-box {
    display: none !important;
}

.widget-product-nano .catalog-category-view #products-list>li .media {
    width: auto;
}

.widget-product-nano .catalog-category-view #products-list>li .product-shop .product-title div.product-name, .widget-product-nano .catalogsearch-result-index #products-list>li .product-shop .product-title div.product-name {
    font-size: 12px;
    padding: 0px 8px;
    letter-spacing: 0.8px;
}

.widget-product-nano .catalog-category-view #products-list>li .product-shop .product-title h3, .widget-product-nano .catalog-category-view #products-list>li .product-shop .product-title .product-reference, .catalogsearch-result-index #products-list>li .product-shop .product-title h3, .catalogsearch-result-index #products-list>li .product-shop .product-title .product-reference {
    width: 48px !important;
    font-size: 18px !important;
}

.widget-product-nano .catalog-category-view #products-list>li .product-infos .addto button {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.m .widget-product-nano {
    display: none !important;
}

.widget-product-micro .catalog-category-view #products-list>li {
    margin: 100px 0px 60px;
    padding-left: 0px;
    width: 25%;
}

.widget-product-micro .catalog-category-view .product-left-image {
    display: block;
    height: 310px;
    text-align: center;
    width: 270px;
    margin: auto;
}

.widget-product-micro .catalog-category-view .preoccupations-produit, .widget-product-micro .catalog-category-view .type-localisation-produit {
    display: none;
}

.widget-product-micro .catalog-category-view #products-list>li .product-contents {
    width: 275px;
    height: auto;
    margin: auto;
    float: none;
    display: block;
}

.bx-wrapper .bx-controls-direction a.bx-next {
    margin-top: -30px;
    width: 50px;
    height: 50px;
    border-left: 2px solid rgb(18, 71, 94);
    border-top: 2px solid rgb(18, 71, 94);
    transform: rotate(135deg);
    z-index: 1;
    color: transparent;
    text-indent: inherit !important;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    margin-top: -30px;
    width: 50px;
    height: 50px;
    border-left: 2px solid rgb(18, 71, 94);
    border-bottom: 2px solid rgb(18, 71, 94);
    transform: rotate(45deg);
    z-index: 1;
    color: transparent;
    text-indent: inherit !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgb(175, 197, 207) !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a:active {
    background: rgb(128, 151, 162) !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgb(0, 0, 0) !important;
}

.no-m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-prev {
    margin-left: -50px;
}

.no-m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-next {
    margin-right: -50px;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-prev, .m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-next {
    height: 12px;
    width: 12px;
    border-color: rgb(140, 161, 171);
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-prev {
    margin-left: -10px;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction a.bx-next {
    margin-right: -10px;
}

.m .widget-slider-products .bx-pager {
    display: none;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction::before, .m .widget-slider-products .bx-wrapper .bx-controls-direction::after {
    position: absolute;
    height: 50px;
    width: 40px;
    background: rgb(239, 243, 245);
    content: "";
    display: block;
    top: 205px;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction::before {
    left: -15px;
}

.m .widget-slider-products .bx-wrapper .bx-controls-direction::after {
    right: -15px;
}

.widget-slider-products .catalog-category-view #products-list>li {
    margin: 0px auto 60px;
    width: 100%;
}

.m .widget-slider-products .bx-controls {
    display: block !important;
}

.bx-wrapper .catalog-category-view img {
    display: inline !important;
}

.m .catalog-category-view #products-list>li .media img {
    margin: auto !important;
}

.addto .btn {
    border-radius: 0px;
    height: 60px;
    width: 100% !important;
}

.button.green {
    background-color: rgb(27, 189, 187);
    color: rgb(255, 255, 255) !important;
}

.button.auto {
    display: inline-block;
    padding-left: 35px;
    padding-right: 35px;
    width: auto;
}

.button {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px;
    line-height: 14px;
    height: 44px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    position: relative;
    white-space: nowrap;
    transition: border-color 0s ease 0s, color 0s ease 0s, background-color 200ms ease 0s;
}

.product-info-main hr {}

.a-price .regular-price {
    font-size: 23px !important;
    font-family: Helvetica !important;
}

.product-info-main .price-box .price {
    font-size: 23px !important;
    font-family: Helvetica !important;
}

.product-info-main .price-box {
    color: rgb(0, 0, 0);
    font-weight: 300;
    line-height: 36px;
    font-size: 30px !important;
}

.a-price .pricePer100ml {
    font-size: 12px;
    font-family: Helvetica;
    color: rgb(129, 138, 142) !important;
}

.product-info-main .pricePer100ml {
    color: rgb(153, 153, 153);
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    display: inline-block;
}

hr {
    margin-top: 20px;
    border-width: 1px 0px 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-top-style: solid;
    border-top-color: rgb(238, 238, 238);
    margin-bottom: 0px !important;
}

page-title-wrapper {
    display: none;
}

.fotorama__wrap--slide .fotorama__stage__frame {
    border: 0px !important;
}

fotorama__thumb {
    border: 0px !important;
}

.fotorama__thumb-border {
    border-color: rgb(255, 255, 255) !important;
}

.fotorama__thumb {
    border-color: rgb(255, 255, 255) !important;
}

.product-shop.sticky {
    position: fixed;
    top: 90px;
}

.rating-summary .rating-result>span::before {
    color: rgb(0, 0, 0) !important;
}

.product_listbox .product_listinfo .product_price:hover .rating-summary {
    opacity: 0;
}

.product_listbox>ul>li:hover .rating-summary {
    opacity: 0;
}

.product-reviews-summary .reviews-actions a {
    display: none !important;
}

.col2-layout {
    border-bottom: 1px solid rgb(229, 229, 229);
    padding-bottom: 20px;
}

.product-list-filters-clear {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 10px;
}

.product-list-filters-clear a {
    display: block;
    height: 30px;
    background-color: rgb(241, 239, 240);
    width: 100%;
    text-transform: uppercase;
    color: rgb(136, 154, 164);
    font-size: 11px;
    line-height: 30px;
    padding-left: 10px;
    font-family: Roboto-Regular;
    position: relative;
}

.product-list-filters-clear a:hover {
    background: rgb(175, 197, 207);
    color: rgb(255, 255, 255);
}

.product-list-filters-clear a:active {
    background: rgb(128, 151, 162);
    color: rgb(255, 255, 255);
}

.product-list-filters-clear a::before {
    content: "v";
    font-family: etatpur;
    text-transform: none;
    position: absolute;
    right: 10px;
    top: 1px;
    font-size: 11px;
    font-weight: bold;
}

.product-list-filters-clear a:hover::before, .product-list-filters-clear a:active::before {
    color: rgb(255, 255, 255);
}

.product-list-filter-title, .product-list-filter-title:focus, .product-list-filter-title:active, .product-list-filter-title:hover {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(49, 95, 118);
    position: relative;
    padding-left: 20px;
    border-bottom: 1px solid rgb(224, 224, 224);
    border-top: none;
    font-family: Raleway-extrabold;
    letter-spacing: 1px;
}

.product-list-filter-title::after {
    content: "";
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    border-right: 2px solid rgb(49, 95, 118);
    border-top: 2px solid rgb(49, 95, 118);
    transform: rotate(-45deg);
    right: 18px;
    top: 22px;
    transition: transform 0.2s ease 0s;
}

.product-list-filter-title.product-list-filter-closed::after {
    transform: rotate(135deg);
    top: 18px !important;
}

.product-list-filter ul {
    padding: 20px 0px;
    border-bottom: 0px solid rgb(255, 255, 255) !important;
}

.product-list-filter ul li {
    padding: 5px 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 40px;
    position: relative;
}

.product-list-filter ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 5px 0px 50px;
    color: rgb(0, 0, 0);
    font-size: 12px;
    min-height: 30px;
    letter-spacing: 0.8px;
}

.product-list-filter ul li.product-list-filter-category a {
    text-transform: uppercase;
    padding-right: 5px;
    padding-bottom: 0px;
    font-size: 12px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    padding-left: 50px !important;
    padding-top: 7px !important;
}

.product-list-filter ul li.product-list-filter-footnote {
    font-size: 9px;
    color: rgb(128, 151, 162);
    min-height: 0px;
    padding: 10px 0px 0px 15px;
    font-family: verdana;
}

.product-list-filter ul li.product-list-filter-category a span {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: rgb(182, 198, 206);
    background-color: rgb(255, 255, 255);
    border-radius: 17px;
    border: 1px solid rgb(182, 198, 206);
    font-style: normal;
    font-size: 13px;
    position: absolute;
    top: 10px;
    left: 12px;
    margin-top: -3px;
    font-family: Helvetica;
}

.product-list-filter ul li.product-list-filter-category a:hover span, .product-list-filter ul li.product-list-filter-category a:focus span {
    background: rgb(175, 197, 207);
    color: rgb(255, 255, 255);
}

.product-list-filter ul li.product-list-filter-category a:active span {
    background: rgb(136, 154, 164);
    color: rgb(255, 255, 255);
}

.product-list-filter ul li.product-list-filter-category a::before {
    display: none;
}

.product-list-filter ul li:hover a::before, .product-list-filter ul li:focus a::before {
    background-color: rgb(175, 197, 207);
}

.product-list-filter ul li:active a::before {
    background-color: rgb(128, 151, 162);
}

.product-list-filter-item-active::before {
    background-color: rgb(128, 151, 162) !important;
}

.product-list-filter-category-active span {
    background-color: rgb(136, 154, 164) !important;
    color: rgb(255, 255, 255) !important;
    border-color: rgb(136, 154, 164) !important;
}

.product-list-filter-item-incompatible, .product-list-filter-category-incompatible {
    cursor: default;
    color: rgb(224, 224, 224) !important;
}

.product-list-filter-item-incompatible::before {
    border-color: rgb(224, 224, 224) !important;
    background: rgb(255, 255, 255) !important;
}

.product-list-filter-category-incompatible span {
    border-color: rgb(224, 224, 224) !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(224, 224, 224) !important;
}

.product-list-rituel {
    width: 100% !important;
    position: relative !important;
}

.product-list-rituel h2 {
    font-size: 24px;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
    padding: 0px 20px;
    text-align: center;
    display: table;
    margin: 0px auto;
    letter-spacing: 0.8px;
    text-transform: capitalize;
}

.product-list-rituel h2::before {
    content: "";
    position: absolute;
    top: 14px;
    background: rgb(224, 224, 224);
    height: 1px;
    width: 100%;
    left: 0px;
    z-index: -1;
}

.product-list-rituel {
    font-size: 14px;
    color: rgb(0, 0, 0);
}

.product-list-content-push {
    width: 50%;
    height: 320px;
    flex-direction: column;
    justify-content: center;
    display: flex !important;
}

.product-list-content-push iframe {
    max-width: 100%;
}

.main h1 {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 36px;
    font-weight: 300;
    line-height: 43px;
    margin: 0px 0px 30px;
    font-family: Roboto-Regular;
}

.main .std h1 {
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 300;
    line-height: 43px;
    margin: 0px 0px 30px;
    font-family: Roboto-Regular;
}

#wrapper_jn {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    position: relative;
    height: 373px;
}

#wrapper_jn_gauche {
    background: rgb(245, 245, 245);
    position: absolute;
    bottom: 0px;
    margin: auto;
    height: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
}

#wrapper_jn_droite {
    height: 100%;
    position: absolute;
    width: 50%;
    right: 0px;
    background-image: url("/media/decouvrez/JNT_prog.jpg");
    background-size: cover;
}

#wrapper_jn_gauche, #wrapper_jn_droite {
    width: 50%;
    padding: 100px;
    top: 0px;
}

#wrapper_speech {
    width: 728px;
    margin: 100px auto;
}

.p1 {
    font-weight: 500 !important;
    color: rgb(0, 0, 0) !important;
    font-size: 14px !important;
    line-height: 28px !important;
}

#gui1 {
    position: absolute;
    left: -80px;
    top: -90px;
    font-size: 100px;
    display: block;
}

#gui2 {
    position: absolute;
    right: -80px;
    bottom: -90px;
    font-size: 100px;
    display: block;
}

#signature {
    color: rgb(0, 75, 108);
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    text-align: right;
}

.hesperiden.tparrows {
    border-radius: 0% !important;
}

#wrapper_inno1 {
    height: 710px;
    width: auto;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 0px;
}

.m #wrapper_inno1 {
    height: auto;
    margin-bottom: 40px;
}

#wrapper_inno1 img {
    left: 30px;
}

.m #wrapper_inno1 img {
    position: relative;
    left: 0px;
    margin-bottom: 10px;
}

#inno_droite {
    width: 510px;
    position: absolute;
    top: 50px;
    right: 30px;
}

.m #inno_droite {
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
}

#inno_droite .ligne {
    background: rgb(0, 0, 0);
    height: 3px;
    width: 78px;
    margin-bottom: 40px;
    margin-top: 30px;
}

.m #inno_droite .ligne {
    margin-bottom: 25px;
    margin-top: 25px;
}

#inno_droite h2 {
    opacity: 0.9;
    font-weight: 200;
    font-size: 24px;
    color: rgb(64, 180, 166);
    line-height: 44px;
}

.m #inno_droite h2 {
    opacity: 0.9;
    font-size: 18px;
    color: rgb(64, 180, 166);
    line-height: 19px;
    width: 278px;
}

#inno_droite b {
    font-style: normal;
    font-weight: 500;
}

.m #inno_droite b {
    line-height: 20px;
}

#inno_droite p {
    font-size: 14px;
    line-height: 26px;
}

.m #inno_droite p {
    line-height: 24px;
}

#plus_center {
    position: absolute;
    left: 50%;
}

.m #plus_center {
    position: relative;
    margin: auto;
    display: block;
    top: auto;
    left: 0px;
    right: 0px;
}

#wrapper_inno2 {
    width: auto;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 52px;
}

.m #wrapper_inno2 {
    height: auto;
    margin-top: 10px;
}

#inno2_img1 {
    position: relative;
    left: 0px;
    margin-bottom: 10px;
}

.no-m #inno2_img1 {
    display: none;
}

#inno2_img2 {
    position: absolute;
    right: 92px;
}

#inno_gauche {
    width: 510px;
    position: absolute;
    top: 50px;
    left: 30px;
}

.m #inno_gauche {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
}

#inno_gauche .ligne {
    background: rgb(0, 0, 0);
    height: 3px;
    width: 78px;
    margin-bottom: 40px;
    margin-top: 30px;
}

.m #inno_gauche .ligne {
    margin-bottom: 25px;
    margin-top: 25px;
}

#inno_gauche h2 {
    opacity: 0.9;
    font-weight: 200;
    font-size: 24px;
    color: rgb(64, 180, 166);
    line-height: 44px;
}

.m #inno_gauche h2 {
    opacity: 0.9;
    font-size: 18px;
    color: rgb(64, 180, 166);
    line-height: 19px;
    width: 278px;
}

#inno_gauche b {
    font-style: normal;
    font-weight: 500;
}

.m #inno_gauche b {
    line-height: 20px;
}

#inno_gauche p {
    font-size: 14px;
    line-height: 26px;
}

.m #inno_gauche p {
    line-height: 24px;
}

.std .darker {
    color: rgb(0, 0, 0);
    font-weight: 500;
}

.std .treize {
    font-size: 13px;
}

#jaune_fond {
    max-width: 1440px;
    width: 100%;
    margin: 100px auto auto;
    position: absolute;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.m #jaune_fond {
    margin-top: 40px;
    position: relative;
}

#pleine_largeur {
    background: rgb(255, 202, 94);
    height: 100%;
    width: 300%;
    position: absolute;
    z-index: -1;
    max-width: none;
    left: -100%;
}

.m #pleine_largeur {
    display: none;
}

#fille_desktop {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    display: block;
}

.m #fille_desktop {
    display: none;
}

#fille_mobile {
    width: calc(100% + 42px);
    max-width: none;
    margin-left: -21px;
    display: block;
}

.no-m #fille_mobile {
    display: none;
}

#remplisseur_jaune {
    height: 615px;
    width: 100%;
}

.m #remplisseur_jaune {
    display: none;
}

#jaune_contenu {
    width: 51%;
    position: absolute;
    left: 70px;
    height: 380px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
}

.m #jaune_contenu {
    height: auto;
    position: relative;
    width: 100%;
    left: auto;
    margin-top: 30px;
}

#jaune_contenu a {
    display: block;
    opacity: 1;
    cursor: pointer;
}

#jaune_contenu a:hover {
    display: block;
    opacity: 1;
}

#jaune_contenu p {
    font-weight: 400;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 24px;
    width: 583px;
    margin: auto;
}

.m #jaune_contenu p {
    font-family: inherit;
    font-size: 12px;
    color: rgb(130, 154, 165);
    line-height: 20px;
    text-align: left;
    width: 100%;
}

#jaune_contenu h2 {
    font-weight: 200;
    font-size: 36px;
    color: rgb(255, 255, 255);
    line-height: 50px;
    margin-bottom: 30px;
}

.m #jaune_contenu h2 {
    font-family: inherit;
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 19px;
    font-weight: 400;
}

#bouton {
    width: 330px;
    height: 44px;
    background: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
    padding-top: 15px;
    text-align: center;
    margin: 65px auto auto;
    transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
}

.no-m #bouton {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0) !important;
}

.m #bouton {
    width: 100%;
    background: rgb(0, 0, 0);
    border-radius: 3px;
    font-weight: 500;
    font-size: 10px;
    color: rgb(255, 255, 255);
    height: 44px;
}

.no-m #bouton:hover {
    background: rgba(255, 255, 255, 0.85);
    transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
    color: rgb(0, 0, 0) !important;
}

.m #bouton:hover {
    background: rgb(0, 0, 0);
    transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
    color: rgb(255, 255, 255) !important;
}

#gestuelle_intro {
    height: 65px;
    width: 1160px;
    margin: 100px auto auto;
    position: relative;
}

.m #gestuelle_intro {
    margin-top: 50px;
    position: relative;
    width: 100%;
}

.gestuelle_intro_trait {
    background: rgb(225, 225, 225);
    height: 1px;
    position: absolute;
    width: 284px;
    top: 52px;
}

#gestuelle_intro_trait1 {
    left: 0px;
}

.m #gestuelle_intro_trait1 {
    margin: auto;
    left: 0px;
    top: auto;
    position: relative;
}

#gestuelle_intro_trait2 {
    right: 0px;
}

.m #gestuelle_intro_trait2 {
    display: none;
}

#gestuelle_intro_titre {
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    width: 420px;
    font-weight: 200;
    font-size: 24px;
    color: rgb(18, 71, 94);
    text-align: center;
    line-height: 34px;
}

.m #gestuelle_intro_titre {
    margin-top: 30px;
    position: relative;
    width: 100%;
    font-size: 18px;
    color: rgb(18, 71, 94);
    line-height: 20px;
}

#gestuelle_intro span {
    font-weight: 500;
}

#inno2_img1 {
    display: none;
}

#inno2_img1 {
    position: relative;
    left: 0px;
    margin-bottom: 10px;
}

#bouton {
    width: 330px;
    height: 44px;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    padding-top: 15px;
    text-align: center;
    margin: 65px auto auto;
    transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
}

.no-m #bouton {
    color: rgb(0, 0, 0) !important;
    background: rgb(255, 255, 255) !important;
}

.sidebar .block .empty, .sidebar .block .block-content {
    padding: 0px 20px !important;
}

.product-title {
    width: 100%;
    border-bottom: 1px solid rgb(224, 224, 224);
    display: table;
    height: 59px;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
}

.product-reference {
    display: table-cell;
    color: rgb(0, 0, 0);
    width: 70px;
    text-align: center;
    border-right: 1px solid rgb(224, 224, 224);
    font-family: Helvetica, Arial;
    font-size: 20px;
    vertical-align: middle;
}

.product-name {
    display: table-cell;
    color: rgb(0, 0, 0);
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 16px;
    padding: 0px 15px;
    letter-spacing: 1px;
    vertical-align: middle;
    text-transform: uppercase;
}

.category-header {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.category-header img {
    display: block;
    margin: 0px auto;
}

figure .category-header img {
    display: block;
    margin: 10px auto !important;
}

.category-header-text-container {
    width: 1180px;
    position: absolute;
    top: 25px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.category-header-text {
    text-align: left;
    max-width: 735px;
    color: rgb(255, 255, 255);
    padding-top: 0px;
    line-height: 23px;
    font-size: 14px;
}

.breadcrumbmain {
    border-bottom: 1px solid rgb(224, 224, 224);
    height: 50px;
    background-color: rgb(255, 255, 255) !important;
}

.catorderlabelselect {
    border-left: 1px solid rgb(224, 224, 224);
    border-right: 1px solid rgb(224, 224, 224);
    border-top: 0px;
    max-width: 150px;
    border-radius: 0px;
    height: 50px;
}

.btn-mobile .button-mobile {
    color: rgb(0, 0, 0) !important;
}

#onepage-checkout form {
    max-width: none;
}

[role="complementary"] {
    display: none;
}

.m .main-holder {
    padding: 0px 20px;
}

.cart-title h1 {
    color: rgb(0, 0, 0);
    font-size: 28px;
    font-weight: 300;
    line-height: 24px;
    padding: 15px 0px 40px;
    text-transform: none !important;
}

.m .cart-title h1 {
    font-size: 24px;
    line-height: 29px;
}

.cart>h2 {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
    margin: 0px 0px 40px;
}

.m .cart>h2 {
    font-size: 18px;
    line-height: 22px;
}

.cart>h2 span {
    color: rgb(175, 175, 175);
}

.cart .btn-remove {
    position: relative;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: rgb(175, 197, 207);
    display: inline-block;
}

.m .cart .btn-remove {
    position: absolute;
    right: 0px;
}

.cart .btn-remove::before {
    content: "v";
    font-family: etatpur;
    font-size: 8px;
    color: rgb(255, 255, 255);
    width: 21px;
    height: 21px;
    line-height: 21px;
    top: 0px;
    left: 0px;
    position: absolute;
    display: block;
    text-align: center;
    text-transform: lowercase;
}

.cart #shopping-cart-table, .cart #shopping-cart-totals-table {
    width: 100%;
}

.cart #shopping-cart-table th:first-child {
    color: rgb(0, 0, 0);
    font-family: Roboto;
}

.cart #shopping-cart-table th {
    font-size: 12px;
    font-family: Roboto-Regular;
    color: rgb(87, 115, 127);
    text-transform: none !important;
}

.cart #shopping-cart-table tr, .cart #shopping-cart-totals-table tr {
    border-top: 1px solid rgb(226, 226, 226);
}

.cart #shopping-cart-table th, .cart #shopping-cart-totals-table th, .cart #shopping-cart-table td, .cart #shopping-cart-totals-table td {
    padding: 17px 0px;
}

.m .cart #shopping-cart-table th, .m .cart #shopping-cart-totals-table th, .m .cart #shopping-cart-table td, .m .cart #shopping-cart-totals-table td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.cart #shopping-cart-table th.a-center, .cart #shopping-cart-totals-table th.a-center, .cart #shopping-cart-table td.a-center, .cart #shopping-cart-totals-table td.a-center {
    text-align: center;
}

.cart #shopping-cart-table th.a-right, .cart #shopping-cart-totals-table th.a-right, .cart #shopping-cart-table td.a-right, .cart #shopping-cart-totals-table td.a-right {
    text-align: right;
}

.cart #shopping-cart-table th.p-left, .cart #shopping-cart-totals-table th.p-left, .cart #shopping-cart-table td.p-left, .cart #shopping-cart-totals-table td.p-left {
    padding-left: 6px;
}

.cart #shopping-cart-table th.p-right, .cart #shopping-cart-totals-table th.p-right, .cart #shopping-cart-table td.p-right, .cart #shopping-cart-totals-table td.p-right {
    padding-right: 6px;
}

.cart #shopping-cart-table td, .cart #shopping-cart-totals-table td {
    color: rgb(0, 0, 0);
}

.cart #shopping-cart-table th {
    text-align: left;
    color: rgb(175, 175, 175);
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    text-transform: uppercase;
}

.cart #shopping-cart-table tr.product-243 .cubeit-input-number {
    display: none;
}

.cart #shopping-cart-table h3.product-reference {
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-family: Helvetica;
    letter-spacing: 0.8px;
    display: inline;
}

.cart #shopping-cart-table h2.product-name {
    color: rgb(0, 0, 0);
    font-size: 15px;
    display: inline;
}

.cart #shopping-cart-table .product-contenance {
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-family: Helvetica;
    font-weight: bold;
}

.m .cart #shopping-cart-table {
    display: none;
}

.cart #shopping-cart-table .price {
    font-size: 12px;
    font-family: Helvetica;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    padding-left: 10px;
    padding-right: 5px;
}

.cart #shopping-cart-table .cubeit-input-number .value {
    color: rgb(0, 0, 0);
}

.cart #shopping-cart-totals-table .a-left {
    color: rgb(130, 154, 165);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
}

.cart #shopping-cart-totals-table .a-left span {
    display: block;
    text-transform: none;
}

.m .cart #shopping-cart-totals-table .a-left {
    font-weight: 500;
}

.cart #shopping-cart-totals-table .grandtotal .a-left {
    color: rgb(0, 0, 0);
}

.cart #shopping-cart-totals-table .a-right {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.cart #shopping-cart-totals-table .a-right strong {
    color: rgb(0, 0, 0);
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
}

.m .cart #shopping-cart-totals-table .discount {
    position: relative;
}

.discount-form input[type="text"] {
    border-radius: 0px;
    height: 35px;
    display: inline-block;
    width: 205px;
    border: 1px solid rgb(213, 224, 229);
    font-size: 13px;
}

.discount-form button {
    width: 40px !important;
    display: inline-block !important;
    padding: 0px !important;
    height: 34px !important;
    background: rgb(0, 0, 0) !important;
    vertical-align: 2px !important;
}

.coupon_select_holder.onecoupon [type="checkbox"]:checked+label::before {
    background-color: rgb(175, 197, 207) !important;
    border-color: rgb(175, 197, 207) !important;
}

.coupon_select_holder.onecoupon [type="checkbox"]:checked+label::after {
    content: "v";
}

#shipping-fees {
    font-family: Roboto-Regular;
    font-size: 12px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
    white-space: normal;
    line-height: 18px;
    padding: 10px 0px;
}

#shipping-fees span {
    font-family: Helvetica;
    font-weight: bold;
    color: rgb(255, 191, 0);
}

.cart-aside-text-left {
    float: left;
    text-align: left;
    font-size: 13px;
    font-family: Roboto;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    line-height: 22px;
}

.cart-aside-text-left span {
    font-family: Roboto-Regular;
}

.cart-aside-text-right {
    text-align: right;
    font-size: 17px;
    font-family: Helvetica;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    line-height: 22px;
}

.cart-aside-text-right.free {
    color: rgb(255, 191, 0);
}

.cart-aside-text-right.price {
    color: rgb(0, 0, 0);
    font-size: 24px;
}

.cart #shopping-cart-totals-table .discount label {
    color: rgb(255, 255, 255);
}

.cart #shopping-cart-totals-table .discount .coupon_select {
    padding-left: 6px;
    padding-right: 20px;
    padding-top: 10px;
}

.m .cart #shopping-cart-totals-table .discount .coupon_select .coupon_select_holder {
    position: relative;
    left: 260px;
    top: 0px;
    z-index: 1;
}

.m .cart #shopping-cart-totals-table .discount .coupon_select {
    width: 0px;
    padding: 0px;
    display: block;
}

.cart #shopping-cart-totals-table .discount .popin_coupon {
    display: none;
}

.cart #shopping-cart-totals-table .discount .popin_coupon p {
    color: rgb(0, 0, 0);
    font-size: 20px;
    line-height: 23px;
    font-family: Roboto-Regular;
    letter-spacing: 0.8px;
}

.popin_coupon p em {
    color: rgb(215, 23, 113) !important;
}

.m .cart #shopping-cart-totals-table .discount .a-left {
    vertical-align: top;
    padding-bottom: 35px;
}

.cart #shopping-cart-totals-table .discount .a-left .coupon-title {
    font-size: 12px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
}

.cart #shopping-cart-totals-table .discount .a-left .coupon-title span.code {
    color: rgb(64, 180, 166);
    display: inline;
    text-transform: uppercase;
}

.cart #shopping-cart-totals-table .discount .a-left .coupon-description {
    font-weight: 500;
    line-height: 20px;
    color: rgb(130, 154, 165);
    text-transform: lowercase;
}

.m .cart #shopping-cart-totals-table .discount .a-left .coupon-description {
    width: 215px;
}

.m .cart #shopping-cart-totals-table .discount .a-right {
    vertical-align: bottom;
    position: relative;
    bottom: -7px;
}

.cart #shopping-cart-totals-table .discount.disabled .a-left .coupon-title {
    color: rgb(175, 175, 175);
}

.cart #shopping-cart-totals-table .discount.disabled .a-left .coupon-title span.code {
    color: rgb(175, 175, 175);
}

.cart #shopping-cart-totals-table .discount.disabled .a-left .coupon-description {
    color: rgb(175, 175, 175);
    font-weight: 300;
}

.cart #shopping-cart-totals-table .discount.disabled .a-right {
    color: rgb(175, 175, 175);
}

.cart #shopping-cart-totals-table .discount .btn-remove {
    vertical-align: middle;
    margin-right: 30px;
    margin-top: -5px;
}

.m .cart #shopping-cart-totals-table .price {
    font-size: 14px !important;
}

.cart #discount-coupon-form {
    vertical-align: top;
    display: inline-block;
    width: 49%;
    margin-top: 70px;
    white-space: nowrap;
}

.m .cart #discount-coupon-form {
    width: auto;
    display: block;
    margin-top: 40px;
}

.cart #discount-coupon-form h2 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin: 0px 0px 23px;
}

.cart #discount-coupon-form h2::before {
    font-size: 22px;
    color: rgb(64, 180, 166);
    margin-right: 17px;
    position: relative;
    top: 2px;
}

.cart #discount-coupon-form .input-box {
    display: inline-block;
}

.cart #discount-coupon-form input {
    height: 44px;
    display: inline-block;
    width: 230px;
    margin: 0px 11px 0px 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.cart #discount-coupon-form .buttons-set {
    display: inline-block;
}

.cart #discount-coupon-form button {
    padding-left: 20px;
    padding-right: 20px;
}

.cart #cart-samples-add {
    vertical-align: top;
    display: inline-block;
}

.cart #cart-samples-add h2 {
    padding-top: 10px;
    color: rgb(0, 0, 0);
    margin: 0px;
    font-size: 17px;
    font-family: Roboto-Regular;
}

.cart #cart-samples-add h2 span {
    color: rgb(64, 180, 166);
}

.cart #cart-samples-add[data-selected="0"] .cart-samples-added {
    display: none;
}

.cart .cart-next {
    clear: both;
    overflow: hidden;
}

.cart-next .button {
    margin-top: 20px;
}

.cart .cart-next hr {
    margin: 60px 0px 40px;
}

cart #shopping-cart-table .price {
    font-size: 13px;
    font-family: Helvetica;
    letter-spacing: 0.8px;
    color: rgb(0, 0, 0);
    padding-right: 5px !important;
    padding-left: 5px !important;
}

cart-container .cart-summary {
    width: 30%;
    background: none;
    border: 1px solid rgb(221, 221, 221);
    padding: 25px;
    top: auto !important;
}

.cart-summary {
    float: right;
    position: relative;
    width: 23%;
}

.cart-summary {
    background: rgb(245, 245, 245);
    margin-bottom: 25px;
    padding: 1px 15px 25px;
}

cart-aside-header {
    display: block;
    border-bottom: 1px solid rgb(213, 224, 229);
    background: rgb(244, 249, 250);
    color: rgb(0, 0, 0);
    padding: 25px;
    font-size: 18px;
}

.cart-container .cart.main.actions .action, .cart-container .cart.table-wrapper .actions-toolbar .action-edit:hover, .cart-container .cart.table-wrapper .actions-toolbar .action-delete:hover, .cart-container .checkout-methods-items .action.primary.checkout {
    background-color: rgb(0, 0, 0);
}

.cart-container .cart.main.actions .action {
    border: none;
    color: rgb(255, 255, 255);
    font-weight: 500;
    border-radius: 0px;
    height: 36px;
    line-height: 36px;
    padding: 0px 20px;
    font-family: inherit;
    font-size: 100%;
    margin-bottom: 10px;
    margin-right: 0px;
}

.cart-aside-header {
    display: block;
    border-bottom: 1px solid rgb(213, 224, 229);
    background: rgb(244, 249, 250);
    color: rgb(0, 0, 0);
    padding: 25px;
    font-size: 18px;
}

.table>thead>tr>th {
    border-bottom: 0px solid rgb(255, 255, 255) !important;
}

.cart-container .cart.main.actions .action, .cart-container .cart.table-wrapper .actions-toolbar .action-edit:hover, .cart-container .cart.table-wrapper .actions-toolbar .action-delete:hover, .cart-container .checkout-methods-items .action.primary.checkout {
    border: none;
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 40px;
    padding: 0px 20px;
    font-family: inherit;
    font-size: 100%;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: rgb(28, 197, 195) !important;
    border-radius: 3px !important;
    height: 40px !important;
}

.cart-container .cart.main.actions .action.update {
    margin-left: 0px !important;
}

.radio, .checkbox {
    display: inline !important;
}

.filter-current+.filter-actions .filter-clear:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0) !important;
}

.products-grid .product-item-info .product-item-actions .actions-primary button {
    width: 100%;
}

.products-grid .product-item-info:hover .product-item-image,
.products-list .product-item-info:hover .product-item-details .product-item-inner .actions-primary .tocart,
.products-grid .product-item-info:hover .product-item-details .product-item-inner .actions-primary .tocart,
.products-list .product-item-info:hover .product-item-details .product-item-inner .actions-primary .tocart:hover,
.products-grid .product-item-info:hover .product-item-details .product-item-inner .actions-primary .tocart:hover {
    border-color: transparent !important;
}

.modal-content {
    box-shadow: none;
}

.opc-progress-bar-item._active>span::before {
    background: rgb(0, 0, 0);
}

.opc-progress-bar-item._active::before {
    background: rgb(0, 0, 0);
}

.opc-progress-bar-item._active>span {
    color: rgb(0, 0, 0) !important;
}

.opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary>.title, .checkout-agreements-items .checkout-agreements-item-title {
    color: rgb(0, 0, 0) !important;
}

.cart-summary>.title {
    background-color: rgb(244, 249, 250) !important;
    margin: -25px -25px 25px !important;
}

.page-title {
    color: rgb(0, 0, 0) !important;
}

.page-title span {
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 300;
    line-height: 43px;
    margin: 50px 0px 30px;
    display: block;
    width: 100%;
    text-align: center !important;
}

.radio, .checkbox {
    top: 0px !important;
}

button, .cart.table-wrapper .actions-toolbar>.action, .action-gift {}

.modal-content {
    box-shadow: none !important;
    border-radius: 0px !important;
}

.checkout-container .opc-sidebar .modal-content .opc-block-summary>.title {
    text-transform: uppercase;
    font-size: 1.5rem !important;
    font-weight: 300 !important;
    margin: -30px !important;
    background-color: rgb(244, 249, 250) !important;
    padding: 10px 10px 10px 25px !important;
}

.column.main .block:last-child {
    margin-top: 50px;
}

.checkout-container .opc-sidebar .modal-content .opc-block-summary {
    background-color: rgb(255, 255, 255) !important;
}

.checkout-container .authentication-wrapper button {
    background-color: rgb(0, 0, 0) !important;
}

.block-authentication {
    padding: 20px;
}

.modal-header .action-close {
    display: none;
}

.cart-summary>.summary {
    font-size: 1.5rem !important;
}

input[type="checkbox"] {
    top: 0px !important;
    vertical-align: sub !important;
}

.slideHome {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.btn-mobile .button-mobile {
    font-size: 22px !important;
}

.btn-submobile {
    padding-right: 30px !important;
}

.btn-submobile::before {
    content: "\f107" !important;
    color: rgb(221, 221, 221) !important;
    font-size: 30px !important;
}

.btn-submobile.btnsub-active::before {
    content: '\f106' !important;
    color: #ddd !important;
    font-size: 30px !important;
}

.price-box .price {
    font-weight: 500 !important;
}

.owl-carousel .owl-nav .owl-prev::before {
    line-height: 50px;
}

.owl-carousel .owl-nav .owl-next::before {
    line-height: 50px;
}

.home-style-1 .brand-slider {
    margin-top: 70px;
    margin-bottom: 0px !important;
}

.diaporama_desktop {
    position: absolute;
    width: 100%;
    height: 620px;
    max-width: none;
    left: 0px;
    margin-top: 40px;
    overflow: hidden;
}

.diaporama_desktop .owl-carousel .owl-stage-outer {
    position: absolute;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    top: 0px;
    height: 510px;
}

.diaporama_desktop .owl-theme .owl-nav {
    padding-top: 560px;
}

.diapo_couple {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 60px;
    margin: auto;
    height: 505px;
    display: flex;
    justify-content: center;
}

.diapo {
    border: 6px solid rgb(245, 245, 245);
    width: 465px;
    float: left;
    margin: 0px 20px;
}

.diapo h2 {
    font-size: 23px;
    color: rgb(0, 0, 0);
    line-height: 34px;
    text-align: center;
    margin: 0px auto auto;
    letter-spacing: -0.5px;
}

.diapo h2 b {
    color: rgb(242, 14, 134);
}

.diapo h3 {
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 22px;
    text-align: center;
    margin: 5px auto auto;
}

.diapo_number {
    font-weight: 100;
    font-size: 110px;
    color: rgb(64, 180, 166);
    top: -80px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}

.prod1 {
    position: relative;
    margin: 0px auto;
    left: 50%;
    transform: translateX(-50%);
}

#inno2_img {
    display: none;
}

#remplisseur_desktop {
    height: 680px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    footer address .footer_call {
        font-size: 16px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 991px) {
    .account .col-sidebar #account-nav, .account .col-sidebar #account-nav-header {
        text-align: center;
    }

    .account .col-sidebar .account-nav .title {
        height: initial;
        width: initial;
        position: initial;
        text-align: center;
    }

    .account .col-sidebar .account-nav-content {
        display: none;
    }

    .account .col-sidebar .account-nav-content.active {
        display: block;
    }
}

.text_mobile {
    display: none;
}

.text_desktop {
    display: inline;
}

.notcosmetic {
    width: 49%;
    text-align: center;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .hidedesktop {
        display: block !important;
    }

    .hidemobile {
        display: none !important;
    }

    .notcosmetic {
        width: 100%;
        text-align: center;
    }

    .text_mobile {
        display: inline;
    }

    .text_desktop {
        display: none;
    }

    .widget-static-block {
        width: 100% !important;
    }

    .bonnes-raisons .bonnes-raisons-left img, .bonnes-raisons .bonnes-raisons-right img {
        width: 100%;
        margin-left: -6px;
        display: block;
        margin-bottom: 32px;
        max-width: none !important;
    }

    .bonnes-raisons-intro {
        margin-top: 36px;
    }

    .bonnes-raisons-titre {
        margin-bottom: 45px;
        font-size: 19px;
    }

    .bonnes-raisons-titre span {
        font-size: 19px;
        line-height: 35px;
    }

    .bonnes-raisons {
        font-size: 16px;
        line-height: 28px;
        height: auto !important;
    }

    .bonnes-raisons .bonnes-raisons-left, .bonnes-raisons .bonnes-raisons-right {
        display: block;
        width: 296px;
        margin: auto;
        padding: 0px 6px !important;
        height: auto !important;
    }

    .bonnes-raisons .bonnes-raisons-left img, .bonnes-raisons .bonnes-raisons-right img {
        width: 296px;
        margin-left: -6px;
        display: block;
        margin-bottom: 32px;
        max-width: none !important;
    }

    .bonnes-raisons-fullwidth {
        background: none !important;
    }

    .bonnes-raisons-frame .bonnes-raisons-left {
        border: none !important;
    }

    .bonnes-raisons-frame .bonnes-raisons-left::after {
        display: none;
    }

    .bonnes-raisons-1 {
        margin-bottom: 45px;
    }

    .bonnes-raisons-2 {
        margin-bottom: 25px;
    }

    .bonnes-raisons-3 {
        margin-top: 60px;
        margin-bottom: 50px;
    }

    .bonnes-raisons-4 {
        margin-bottom: 55px;
    }

    .bonnes-raisons-4 span {
        padding: 2px 12px !important;
    }

    .bonnes-raisons-5 {
        margin-bottom: 45px;
    }

    .bonnes-raisons-6-7 .bonnes-raisons-right, .bonnes-raisons-8-9 .bonnes-raisons-right {
        padding-top: 55px !important;
    }

    .bonnes-raisons-8-9 .bonnes-raisons-left {
        padding-top: 15px !important;
    }

    .bonnes-raisons-10 {
        margin-top: 42px;
        margin-bottom: 0px;
    }

    .bonnes-raisons .bonnes-raisons-number {
        display: table;
        margin: auto;
        line-height: normal;
        font-size: 16px;
    }

    .bonnes-raisons-4vignettes {
        width: 296px;
        height: 297px;
        margin: 48px auto;
        background-image: url("/media/descobrir-etat-pur/ingredientes-etat-pur/bg-boa-razao-4cards-m.jpg");
        background-repeat: no-repeat;
    }

    .bonnes-raisons-dropdown {
        border-top: 1px solid rgb(211, 222, 228);
        background-position: center top 60px;
        text-align: center;
        background-size: 26px;
        width: 296px;
        margin: -1px auto auto;
    }

    .bonnes-raisons-dropdown-twolinesm {
        background-position: center top 60px;
    }

    .bonnes-raisons-dropdown span {
        padding-left: 0px;
        padding-top: 30px;
        padding-bottom: 45px;
        line-height: 20px;
        font-size: 11px;
        height: auto;
    }

    .bonnes-raisons-dropdown-content {
        font-size: 16px;
        line-height: 28px;
        padding: 30px 23px;
        text-align: left;
    }

    .bonnes-raisons-button {
        font-size: 13px;
        background: rgb(255, 255, 255) !important;
        color: rgb(0, 0, 0) !important;
    }

    #diagnostic-peau {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .block-naos-image {
        width: 176px;
    }

    .block-naos span {
        font-size: 16px;
    }

    .block-naos {
        font-size: 15px;
        line-height: 27px;
        margin-bottom: 50px;
        border-bottom: 1px solid rgb(197, 197, 197);
        padding-bottom: 40px;
        padding-top: 0px;
        margin-top: 15px;
    }

    .block-title-skin-diagnostic {
        font-size: 18px;
        line-height: 30px;
        border: none;
        margin: 0px 28px 48px;
        padding: 0px;
    }

    .wrapper-maxwidth1180 {
        max-width: 320px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    header {
        background-color: rgb(51, 51, 51);
        position: fixed;
        width: 100%;
    }

    header .logomain .logo {
        padding-top: 18px;
    }

    header .logomain {
        min-height: 66px;
    }

    header .logomain .logo {
        padding-top: 20px;
    }

    btn-mobile {
        padding-top: 0px;
    }

    header .logomain .header_rightmenu {
        padding-top: 16px !important;
    }

    .fa, .fas {
        font-weight: 700;
        color: rgb(0, 0, 0);
    }

    .container {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .row {
        margin-right: 0px !important;
    }

    .diagpeau_image .diagpeau_imageinfo {
        display: block;
        padding: 30px;
    }

    .diagpeau_image img {
        width: 100%;
    }

    footer address .footer_call {
        font-size: 18px;
        font-weight: 600;
    }

    .btn-mobile .button-mobile {
        line-height: 66px !important;
    }

    .nav-2017-soins-rituel {
        width: 100% !important;
        height: 100% !important;
    }

    .nav-2017-soins-rituel li a {
        padding: 0px !important;
    }

    .sm_megamenu_description {
        display: none !important;
    }

    .sm_megamenu_head_item>.sm_megamenu_title>a span {
        letter-spacing: 0.3px !important;
    }

    .pur_state {
        display: none !important;
    }

    .reassure .reassure_box {
        height: 100%;
    }

    .newsletter-title {
        font-size: 26px !important;
    }

    .footer-top {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .home-style-1 .group-title {
        margin-bottom: 0px !important;
    }

    .home-style-1 .product-slider {
        margin-bottom: 0px !important;
    }

    .diagpeau_image {
        margin: 45px 0px !important;
    }

    .slideHome {
        margin-top: 20px !important;
    }

    .home-style-1 .categories-full {
        margin-bottom: 0px !important;
        margin-top: 55px !important;
    }

    .static_block {
        padding: 0px !important;
    }

    footer {
        padding-top: 0px !important;
    }

    .category-image, .category-header-text-container {
        display: none !important;
    }

    .category-image {
        display: none !important;
    }

    .col-sidebar {
        display: none;
    }

    .account .col-sidebar {
        display: block;
    }

    .account .col-sidebar #account-nav, .account .col-sidebar #account-nav-header {
        text-align: center;
    }

    .account .col-sidebar .account-nav .title {
        height: initial;
        width: initial;
        position: initial;
        text-align: center;
    }

    .account .col-sidebar .account-nav-content {
        display: none;
    }

    .account .col-sidebar .account-nav-content.active {
        display: block;
    }

    .home-style-1 .brand-slider .item {
        background-color: rgb(0, 0, 0);
        font-size: 14px;
        line-height: 22px;
        font-family: Roboto-Regular;
        color: white;
        border: 0px !important;
        width: 100% !important;
    }

    .home-style-1 .brand-slider .item img {
        transition: all 0.2s ease 0s;
        opacity: 1 !important;
        width: 100% !important;
    }

    .home-style-1 .brand-slider .item .content-slide-marque {
        padding: 40px 25px;
    }

    .home-style-1 .brand-slider .item .title-slide-marque {
        font-size: 27px;
        line-height: initial;
        font-family: Raleway-black;
        margin-bottom: 25px;
    }

    .home-style-1 .brand-slider .item a.la-marque-savoir-plus {
        display: inline-block;
        font-size: 13px;
        font-family: Roboto-Regular;
        line-height: 20px;
        color: rgb(255, 255, 255);
        text-decoration: none;
        background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255) 50%, transparent 50%, transparent);
        background-position: 100% 0px;
        background-size: 200% 100%;
        transition: all 0.3s ease-in 0s;
        padding: 10px 15px;
        border: 2px solid white;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }

    .home-style-1 .brand-slider .owl-theme .owl-nav {
        padding-bottom: 40px;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .main-holder h1 {
        font-size: 24px !important;
        line-height: 28px !important;
        margin: 20px auto !important;
        width: auto !important;
        left: 0px !important;
        right: 0px !important;
    }

    #wrapper_jn {
        max-width: none !important;
        margin: 0px !important;
        width: 100% !important;
    }

    .std {
        width: 100% !important;
        margin: auto !important;
    }

    #wrapper_jn_gauche p {
        width: 100% !important;
    }

    #wrapper_jn_gauche {
        background: none !important;
        line-height: 24px !important;
        margin-top: 10px !important;
        margin-bottom: 40px !important;
    }

    #wrapper_jn_gauche, #wrapper_jn_droite {
        width: 100% !important;
        height: auto !important;
        padding: 0px !important;
        float: none !important;
        margin-top: 0px !important;
        position: relative !important;
        font-size: 14px !important;
    }

    #signature {
        font-size: 11px;
    }

    #gui1 {
        left: 0px !important;
        top: -50px !important;
        width: 30px !important;
    }

    #wrapper_speech {
        width: 100% !important;
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }

    .wrapper_naos_reassurance {
        margin-top: 150px !important;
    }

    .p1 {
        font-size: 12px !important;
    }

    .p2 {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    .block-naos-bartext img {
        width: 176px;
    }

    .block-naos span {
        font-size: 16px;
        padding: 0px !important;
    }

    .block-reassurance {
        width: 100%;
        height: 78px;
        font-size: 14px;
        background-position: 18px 20px;
        padding: 23px 0px 0px 80px;
    }

    #block-reassurance-1 {
        background-size: auto 70%;
        text-align: center;
    }

    #block-reassurance-2 {
        background-size: auto 70%;
        text-align: center;
    }

    #block-reassurance-3 {
        background-size: auto 70%;
        text-align: center;
    }

    #block-reassurance-4 {
        background-size: auto 70%;
        text-align: center;
    }

    .block-contact {
        width: 100%;
        font-size: 12px;
        text-align: center;
        border-bottom: 1px solid rgb(188, 188, 188);
        margin-bottom: 25px;
        padding-bottom: 15px;
    }

    .main .std h1 {
        font-size: 22px;
        line-height: 16px;
        margin: 20px auto;
        width: auto;
        left: 0px;
    }

    #wrapper_inno1 {
        height: auto !important;
        margin-bottom: 40px !important;
    }

    #wrapper_inno1 img {
        max-width: 100%;
        width: 100%;
        height: auto;
        position: relative !important;
        left: 0px !important;
        margin-bottom: 10px !important;
    }

    #inno_droite {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
    }

    #inno_droite h2 {
        opacity: 0.9;
        font-size: 18px;
        color: rgb(64, 180, 166);
        line-height: 19px;
        width: 278px;
    }

    #inno_droite .ligne {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    #inno_droite p {
        line-height: 24px;
    }

    #plus_center {
        position: relative;
        margin: auto;
        display: block;
        top: auto;
        left: 0px;
        right: 0px;
    }

    #wrapper_inno1 {
        margin-top: 10px;
        max-width: 100%;
        height: auto;
        display: block;
    }

    #inno2_img1 {
        max-width: 100%;
        width: 100%;
        height: auto;
        position: relative !important;
        left: 0px !important;
        margin-bottom: 10px !important;
        display: block !important;
    }

    #inno2_img2 {
        display: none;
    }

    #inno_gauche {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
    }

    #inno_gauche .ligne {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    #inno_gauche h2 {
        opacity: 0.9;
        font-size: 18px;
        color: rgb(64, 180, 166);
        line-height: 19px;
        width: 278px;
    }

    #inno_gauche b {
        line-height: 20px;
    }

    #inno_gauche p {
        line-height: 24px;
    }

    #jaune_fond {
        display: none;
    }

    #pleine_largeur {
        display: none;
    }

    #fille_desktop {
        display: none;
    }

    #remplisseur_jaune {
        display: none;
    }

    #jaune_contenu {
        display: none;
    }

    #gestuelle_intro {
        display: none;
    }

    .diaporama_desktop {
        display: none;
    }

    #remplisseur_desktop {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    header {
        background-color: rgb(51, 51, 51);
        position: absolute;
        width: 100%;
    }

    header .logomain .logo {
        padding-top: 18px;
    }

    header .logomain .logo {
        padding-top: 20px;
    }

    header .logomain {
        min-height: 66px;
        max-width: 100%;
    }

    btn-mobile {
        padding-top: 0px;
    }

    header .logomain .header_rightmenu {
        padding-top: 16px !important;
    }

    .fa, .fas {
        font-weight: 700;
        color: rgb(0, 0, 0);
    }

    .container {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .row {
        margin-right: 0px !important;
    }

    .diagpeau_image .diagpeau_imageinfo {
        display: block;
        padding: 30px;
    }

    .diagpeau_image img {
        width: 100%;
    }

    footer address .footer_call {
        font-size: 18px;
        font-weight: 600;
    }

    .btn-mobile .button-mobile {
        line-height: 66px !important;
    }

    .nav-2017-soins-rituel {
        width: 100% !important;
        height: 100% !important;
    }

    .nav-2017-soins-rituel li a {
        padding: 0px !important;
    }

    .sm_megamenu_description {
        display: none !important;
    }

    .sm_megamenu_head_item>.sm_megamenu_title>a span {
        letter-spacing: 0.3px !important;
    }

    .sm_megamenu_head_item>.sm_megamenu_title>a span img {
        width: 100%;
    }

    .pur_state {
        display: none !important;
    }

    footer {
        padding: 0px !important;
    }

    .nav {
        padding-left: 0px !important;
    }

    .home-services {
        display: none !important;
    }

    .home-style-1 .group-title {
        margin-bottom: 0px !important;
    }

    .home-style-1 .product-slider {
        margin-bottom: 0px !important;
    }

    .diagpeau_image {
        margin: 45px 0px !important;
    }

    .slideHome {
        margin-top: 20px !important;
    }

    .home-style-1 .categories-full {
        margin-bottom: 0px !important;
        margin-top: 55px !important;
    }

    .reassure ul li {
        border: 1px solid rgb(226, 226, 226);
    }

    .newsletter-title {
        margin-top: 0px !important;
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    footer h6 {
        margin: 20px 0px 16px !important;
    }

    .footer-top {
        margin-bottom: 20px !important;
    }

    footer .footer_social {
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }

    .category-image, .category-header-text-container {
        display: none !important;
    }

    .col-sidebar {
        display: none;
    }

    .account .col-sidebar {
        display: block;
    }

    .account .col-sidebar #account-nav, .account .col-sidebar #account-nav-header {
        text-align: center;
    }

    .account .col-sidebar #account-nav .nav>li {
        width: 100% !important;
        float: initial !important;
    }

    .account .col-sidebar .account-nav .title {
        height: initial;
        width: initial;
        position: initial;
        text-align: center;
    }

    .account .col-sidebar .account-nav-content {
        display: none;
    }

    .account .col-sidebar .account-nav-content.active {
        display: block;
    }

    .slidershow {
        padding: 50px 0px;
    }

    .slidershow .item img {
        height: auto;
        width: 100% !important;
    }

    .home-style-1 .brand-slider .item {
        background-color: rgb(0, 0, 0);
        font-size: 14px;
        line-height: 22px;
        font-family: Roboto-Regular;
        color: white;
        border: 0px !important;
        width: 100% !important;
    }

    .home-style-1 .brand-slider .item img {
        transition: all 0.2s ease 0s;
        opacity: 1 !important;
        width: 100% !important;
    }

    .home-style-1 .brand-slider .item .content-slide-marque {
        padding: 40px 25px;
    }

    .home-style-1 .brand-slider .item .title-slide-marque {
        font-size: 27px;
        line-height: initial;
        font-family: Raleway-black;
        margin-bottom: 25px;
    }

    .home-style-1 .brand-slider .item a.la-marque-savoir-plus {
        display: inline-block;
        font-size: 13px;
        font-family: Roboto-Regular;
        line-height: 20px;
        color: rgb(255, 255, 255);
        text-decoration: none;
        background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255) 50%, transparent 50%, transparent);
        background-position: 100% 0px;
        background-size: 200% 100%;
        transition: all 0.3s ease-in 0s;
        padding: 10px 15px;
        border: 2px solid white;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }

    .home-style-1 .brand-slider .owl-theme .owl-nav {
        padding-bottom: 40px;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .home-style-1 .brand-slider .owl-theme .owl-nav div {
        top: 20% !important;
    }

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

    .nav>li {
        float: left !important;
        width: 33% !important;
        min-width: 100px !important;
        text-align: center !important;
    }

    .nav>li>a {
        padding: 10px 0px !important;
        font-size: 9px !important;
    }

    .nav>li:nth-child(2n) {
        border-left: 0px solid rgb(204, 204, 204) !important;
    }

    .filters {
        margin-top: 70px;
    }

    .product_listing {
        padding: 20px 0px !important;
    }

    .filtermobile {
        height: 50px;
        line-height: 50px;
        display: table-cell;
        width: 120px;
        border: 1px solid rgb(224, 224, 224);
        color: rgb(0, 0, 0);
        font-size: 11px;
        text-transform: uppercase;
        text-align: center;
        padding-right: 30px;
        vertical-align: middle;
        cursor: pointer;
        background-image: url("/static/frontend/Sm/moonlight/pt_PT/images/bg-selectbox.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
        font-family: Raleway;
    }

    .catorderlabelselect {
        border-top: 1px solid rgb(224, 224, 224) !important;
    }

    .main-holder h1 {
        font-size: 24px !important;
        line-height: 28px !important;
        margin: 20px auto !important;
        width: auto !important;
        left: 0px !important;
        right: 0px !important;
    }

    #wrapper_jn {
        max-width: none !important;
        margin: 0px !important;
        width: 100% !important;
    }

    .std {
        width: 100% !important;
        margin: auto !important;
    }

    #wrapper_jn_gauche p {
        width: 100% !important;
    }

    #wrapper_jn_gauche {
        background: none !important;
        line-height: 24px !important;
        margin-top: 10px !important;
        margin-bottom: 40px !important;
    }

    #wrapper_jn_gauche, #wrapper_jn_droite {
        width: 100% !important;
        height: auto !important;
        padding: 0px !important;
        float: none !important;
        margin-top: 0px !important;
        position: relative !important;
        font-size: 14px !important;
    }

    #signature {
        font-size: 11px;
    }

    #gui1 {
        left: 0px !important;
        top: -50px !important;
        width: 30px !important;
    }

    #wrapper_speech {
        width: 100% !important;
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }

    .wrapper_naos_reassurance {
        margin-top: 150px !important;
    }

    .p1 {
        font-size: 12px !important;
    }

    .p2 {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    .block-naos-bartext img {
        width: 176px;
    }

    .block-naos span {
        font-size: 16px;
        padding: 0px !important;
    }

    .block-reassurance {
        width: 100%;
        height: 78px;
        font-size: 12px;
        background-position: 18px 20px;
        padding: 23px 0px 0px 80px;
    }

    #block-reassurance-1 {
        background-size: auto 50%;
    }

    #block-reassurance-2 {
        background-size: auto 50%;
    }

    #block-reassurance-3 {
        background-size: auto 50%;
        padding-top: 28px;
    }

    #block-reassurance-4 {
        background-size: auto 50%;
        padding-top: 28px;
    }

    .block-contact {
        width: 100%;
        font-size: 12px;
        text-align: center;
        border-bottom: 1px solid rgb(188, 188, 188);
        margin-bottom: 25px;
        padding-bottom: 15px;
    }

    .main .std h1 {
        font-size: 22px;
        line-height: 28px;
        margin: 20px auto;
        width: auto;
        left: 0px;
    }

    #wrapper_inno1 {
        height: auto !important;
        margin-bottom: 40px !important;
    }

    #wrapper_inno1 img {
        max-width: 100%;
        width: 100%;
        height: auto;
        position: relative !important;
        left: 0px !important;
        margin-bottom: 10px !important;
    }

    #inno_droite {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
    }

    #inno_droite h2 {
        opacity: 0.9;
        font-size: 18px;
        color: rgb(64, 180, 166);
        line-height: 19px;
        width: 278px;
    }

    #inno_droite .ligne {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    #inno_droite p {
        line-height: 24px;
    }

    #plus_center {
        position: relative;
        margin: auto;
        display: block;
        top: auto;
        left: 0px;
        right: 0px;
    }

    #wrapper_inno1 {
        margin-top: 10px;
        max-width: 100%;
        height: auto;
        display: block;
    }

    #inno2_img1 {
        max-width: 100%;
        height: auto;
        position: relative !important;
        left: 0px !important;
        margin-bottom: 10px !important;
        display: block !important;
    }

    #inno2_img2 {
        display: none;
    }

    #inno_gauche {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
    }

    #inno_gauche .ligne {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    #inno_gauche h2 {
        opacity: 0.9;
        font-size: 18px;
        color: rgb(64, 180, 166);
        line-height: 19px;
        width: 278px;
    }

    #inno_gauche b {
        line-height: 20px;
    }

    #inno_gauche p {
        line-height: 24px;
    }

    #jaune_fond {
        display: none;
    }

    #pleine_largeur {
        display: none;
    }

    #fille_desktop {
        display: none;
    }

    #remplisseur_jaune {
        display: none;
    }

    #jaune_contenu {
        display: none;
    }

    #gestuelle_intro {
        display: none;
    }

    .diaporama_desktop {
        display: none;
    }

    #remplisseur_desktop {
        display: none;
    }

    #banner {
        height: 345px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        display: block;
        clear: both;
        background: url("/media/descobrir-etat-pur/ingredientes-etat-pur/banner-ingredientes-de-confianca-m.jpg") no-repeat !important;
    }

    #banner_back {
        display: none;
    }
}

.p1 {
    font-weight: 500 !important;
    color: rgb(0, 0, 0) !important;
    font-size: 14px !important;
    line-height: 28px !important;
}

.statictext {
    font-size: 14px;
    color: rgb(130, 154, 165);
    font-weight: 300;
}

.statictext h1 {
    font-family: Raleway;
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 300;
    line-height: 43px;
    margin: 0px 0px 30px;
}

.titre_numerote_nombre {
    color: rgb(64, 180, 166);
    font-size: 24px;
}

.titre_numerote_nombre {
    color: rgb(64, 180, 166);
    font-size: 24px;
}

.titre_numerote_texte {
    color: rgb(0, 0, 0);
    font-size: 24px;
}

.statictext-dropdown {
    margin-top: -1px;
    width: 100%;
    background-image: url("/media/wysiwyg/templates/up-dropdown.jpg");
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.statictext-dropdown.opened {
    background-image: url("/media/wysiwyg/templates/down-dropdown.jpg");
}

.statictext-dropdown-content {
    display: none;
}

.opened .statictext-dropdown-content {
    display: block !important;
}

.statictext-dropdown span {
    font-weight: 500;
    display: block;
    padding-left: 60px;
    cursor: pointer;
}

.statictext-dropdown em {
    font-style: normal;
}

.soustitre_numerote_nombre {
    color: rgb(64, 180, 166);
    font-size: 18px;
}

.soustitre_numerote_texte {
    color: rgb(0, 0, 0);
    font-size: 18px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
}

.video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.nav-2017-soins-diagnostic a {
    background-image: url("/media/menu/diagnostic.png") !important;
}

.p1 {
    font-weight: 500 !important;
    color: rgb(0, 0, 0) !important;
    font-size: 14px !important;
    line-height: 28px !important;
}

.statictext {
    font-size: 14px;
    color: rgb(130, 154, 165);
    font-weight: 300;
}

.statictext h1 {
    font-family: Raleway;
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 300;
    line-height: 43px;
    margin: 0px 0px 30px;
}

.statictext .p1:nth-child(1) span {
    font-size: 18px !important;
}

.titre_numerote_nombre {
    color: rgb(64, 180, 166);
    font-size: 24px;
}

.titre_numerote_texte {
    color: rgb(0, 0, 0);
    font-size: 18px;
}

.statictext-dropdown {
    margin-top: -1px;
    width: 100%;
    background-image: url("/media/wysiwyg/templates/up-dropdown.jpg");
    background-repeat: no-repeat;
    background-position: 7px 10px;
}

.statictext-dropdown.opened {
    background-image: url("/media/wysiwyg/templates/down-dropdown.jpg");
}

.statictext-dropdown-content {
    display: none;
}

.opened .statictext-dropdown-content {
    display: block !important;
}

.statictext-dropdown span {
    font-weight: 500;
    padding-left: 60px;
    cursor: pointer;
}

.statictext-dropdown span:nth-child(2) {
    font-weight: 500;
    cursor: pointer;
    padding-left: 20px !important;
}

.soustitre_numerote_nombre {
    color: rgb(64, 180, 166);
    font-size: 24px;
}

.soustitre_numerote_texte {
    color: rgb(0, 0, 0);
    font-size: 18px;
}

#wrapper_inno2 {
    height: 710px;
}

.plus_center {
    position: absolute;
    left: 50%;
}

#jaune_fond {
    display: block !important;
}

#jaune_contenu {
    display: block !important;
}

@media screen and (min-width: 1200px) {
    #fille_desktop {
        display: block;
    }

    #fille_mobile {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #fille_desktop {
        display: block;
    }

    #fille_mobile {
        display: none;
    }

    .reassure ul li+li .reassure_box {
        border-left: 0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #fille_desktop {
        display: block;
    }

    #fille_mobile {
        display: none;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    #fille_desktop {
        display: none;
    }

    #fille_mobile {
        display: block;
    }

    #jaune_contenu h2 {
        font-family: inherit;
        font-size: 18px;
        color: rgb(0, 0, 0);
        line-height: 19px;
        font-weight: 400;
    }

    #jaune_contenu {
        height: auto;
        position: relative;
        width: 100%;
        left: auto;
        margin-top: 30px;
    }

    #jaune_fond {
        margin-top: 360px;
        position: relative;
    }

    #jaune_contenu p {
        font-family: inherit;
        font-size: 12px;
        color: rgb(130, 154, 165);
        line-height: 20px;
        text-align: left;
        width: 100%;
    }

    #bouton {
        width: 100%;
        border-radius: 3px;
        font-weight: 500;
        font-size: 10px;
        line-height: 20px;
        padding-top: 7px;
        height: 44px;
        background: rgb(0, 0, 0) !important;
        color: rgb(255, 255, 255) !important;
    }

    .wrapper_naos_reassurance {
        margin-top: 50px !important;
    }

    #fille_mobile {
        text-align: center;
        margin-left: 0px !important;
    }

    .nav-2017-soins-rituel strong {
        padding-left: 0px;
    }

    .nav-2017-soins-left {
        height: auto;
    }

    .nav-2017-soins-left {
        padding-top: 0px;
    }

    .nav-2017-soins-preoccupations {
        height: 100%;
    }

    .cart-wrapper .minicart-wrapper .mage-dropdown-dialog {
        width: 320px !important;
    }
}

@media only screen and (max-width: 480px) {
    #fille_desktop {
        display: none;
    }

    #fille_mobile {
        display: block;
    }

    #jaune_contenu h2 {
        font-family: inherit;
        font-size: 18px;
        color: rgb(0, 0, 0);
        line-height: 19px;
        font-weight: 400;
    }

    #jaune_contenu {
        height: auto;
        position: relative;
        width: 100%;
        left: auto;
        margin-top: 30px;
    }

    #jaune_fond {
        margin-top: 540px;
        position: relative;
    }

    #jaune_contenu p {
        font-family: inherit;
        font-size: 12px;
        color: rgb(130, 154, 165);
        line-height: 20px;
        text-align: left;
        width: 100%;
    }

    #bouton {
        width: 100%;
        border-radius: 3px;
        font-weight: 500;
        font-size: 10px;
        line-height: 20px;
        padding-top: 7px;
        height: 44px;
        background: rgb(0, 0, 0) !important;
        color: rgb(255, 255, 255) !important;
    }

    .wrapper_naos_reassurance {
        margin-top: 50px !important;
    }

    #fille_mobile {
        margin-left: 0px !important;
    }

    .nav-2017-soins-rituel strong {
        padding-left: 0px;
    }

    .nav-2017-soins-left {
        height: auto;
    }

    .nav-2017-soins-left {
        padding-top: 0px;
    }

    .sm-megamenu-child.sm_megamenu_dropdown_3columns {
        min-width: 100% !important;
    }

    .nav-2017-soins-preoccupations {
        height: 100%;
        width: 100%;
    }

    .cart-wrapper .minicart-wrapper .mage-dropdown-dialog {
        width: 320px !important;
    }

    message.success {
        top: 65px;
    }
}

@media all {
    :focus {
        outline: 0px;
    }

    * {
        padding: 0px;
        margin: 0px;
        background-repeat: no-repeat;
        box-sizing: border-box;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }

    hr {
        background-color: rgb(226, 226, 226);
        border: 0px;
        height: 1px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    h4 {
        color: rgb(113, 138, 149);
        font-size: 18px;
        font-weight: 300;
        line-height: 22px;
    }

    .container-atitude {
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
    }

    .container-atitude .container-content {
        background: rgb(255, 255, 255);
        cursor: auto;
        display: inline-block;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        min-width: 30%;
        overflow: auto;
        padding: 25px 25px 0px;
        position: relative;
        text-align: left;
        vertical-align: middle;
        white-space: normal;
    }

    .container-atitude .container-inner {
        display: block;
    }

    .container-inner>h1 {
        color: rgb(0, 0, 0);
        font-size: 24px;
        font-weight: 300;
        line-height: 29px;
        padding: 35px;
        text-align: center;
    }

    .container-inner .container-inner-content {
        padding: 50px 60px;
    }

    .green {
        color: rgb(64, 180, 166);
    }

    .double-block {
        margin-top: 40px;
        display: inline-block;
    }

    .block-left {
        height: 100%;
        width: calc(50% - 20px);
        float: left;
    }

    .block-right {
        height: 100%;
        width: calc(50% - 20px);
        float: right;
    }

    .block-title {
        text-align: center;
        position: relative;
        color: rgb(0, 0, 0);
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 45px;
    }

    .block-title::after {
        left: 50%;
        top: 57px;
    }

    .block-left .block-title {
        padding: 11px 0px;
    }

    .block-right .block-title {
        padding: 21px 0px;
    }

    .block-item {
        margin-bottom: 20px;
        overflow: hidden;
    }

    .darkblue {
        color: rgb(0, 0, 0);
    }

    .etat {
        font-weight: 500;
        font-size: 18px;
        color: rgb(0, 0, 0);
        line-height: 24px;
    }
}

@media only screen and (max-width: 1024px) {
    .container .container-content {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0px;
        border-bottom: 10px solid transparent;
    }

    .block-left, .block-right {
        height: 100%;
        width: 100%;
        float: none;
    }

    .block-right {
        margin-top: 35px;
    }

    .container-inner .container-inner-content {
        padding: 25px;
    }

    .container-inner>h1 {
        padding: 25px;
    }

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

.menu_customer {
    position: absolute;
    background: rgb(255, 255, 255);
    width: 400px;
    right: 0px;
    top: 100%;
    z-index: 9999;
    border: 1px solid rgb(234, 234, 234);
    padding: 20px;
    display: block !important;
}

.menu_customer_in {
    position: absolute;
    background: rgb(255, 255, 255);
    width: 400px;
    right: 0px;
    top: 100%;
    z-index: 9999;
    border: 1px solid rgb(234, 234, 234);
    padding: 0px;
}

.cutomer-action .dropdown-links ul>li {}

.basket_consern ul li i {
    padding-right: 10px;
}

.layer-input-filter {
    display: none;
}

.layer-input-filter::before {
    content: " ";
    display: inline-block;
    width: 0px;
}

.contact_titre {
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 300;
    line-height: 43px;
    margin: 30px 0px;
}

#contact_table_desktop, #presse_table_desktop {
    display: table;
}

#contact_table_mobile, #presse_table_mobile {
    display: none;
}

#contact_field_lastname, #contact_field_firstname {
    width: 48%;
    display: inline-block;
}

#contact_field_firstname {
    float: right;
}

.livraison_table1_desktop, .livraison_table2_desktop {
    display: table;
}

.livraison_table1_mobile, .livraison_table2_mobile {
    display: none;
}

.titre_presse {
    text-align: center;
}

.form.contact, .form.contact {
    width: 100% !important;
    float: right !important;
}

input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"] {
    color: rgb(0, 0, 0);
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    padding: 3px 17px;
    height: 50px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px;
    width: 100%;
    margin: 7px 0px;
}

.mobile_search_text_mobile {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    height: 55px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.search_mobile {
    width: 100%;
    line-height: 55px;
    top: 10px;
    border: 0px !important;
}

#search_mobile {
    width: 100%;
    border: 0px !important;
}

.product-shop .gallery-placeholder {
    display: block;
    position: fixed;
    top: -5000px;
}

#newsletter-footer {
    border-radius: 0px !important;
    margin: 0px !important;
}

.form-add {
    width: 372px;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0px 0px 122px;
    border: 1px solid rgb(213, 224, 229);
    border-radius: 4px;
}

.replaceBySuccess {
    position: relative;
}

.form-add h2 {
    background-color: rgb(247, 247, 247);
    color: rgb(0, 0, 0);
    font-size: 18px;
    line-height: 22px;
    padding: 30px 32px;
    font-family: Roboto-Regular;
    text-transform: initial;
    margin: 0px !important;
}

.a-review-login {
    margin-top: -24px;
    background-color: rgb(247, 247, 247);
    padding: 0px 32px 30px;
}

.form-add form {
    color: rgb(150, 150, 150);
    padding: 33px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
}

.price-including-tax, .price-excluding-tax {
    font-size: inherit;
    line-height: 1;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
    .media .gallery-placeholder {
        display: block;
        position: fixed;
        top: -5000px;
    }

    .message.success {
        top: 65px;
    }

    .product-shop .gallery-placeholder {
        display: block;
        position: relative;
        top: 0px;
    }

    .product-info-main-r {
        display: block;
        float: right !important;
        width: 100% !important;
    }

    .form-add {
        width: 100% !important;
        margin: 0px !important;
    }

    .media {
        display: block;
        float: right !important;
        width: 100% !important;
    }

    .product-shop {
        display: block;
        float: left !important;
        width: 100% !important;
    }

    .product-view-right .product-essential {
        margin-top: 0px;
    }

    .product-view .product-social a {
        margin: 0px 8px;
    }

    .product-view-right .product-shop {
        width: 100%;
    }

    .product-view-right .product-name h1, .product-view-right .product-name h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .product-view .product-commerce-left, .product-view .product-commerce-right {
        width: 100%;
        display: block;
    }

    .product-view .product-commerce-left {
        border-bottom: 1px solid rgb(226, 226, 226);
        padding-bottom: 30px;
    }

    .product-view-right .add-to-box {
        margin-top: 22px;
    }

    .product-view-right .add-to-box button {
        margin: -10px 0px 0px;
        float: right;
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
    }

    .product-view .product-banner {
        display: none;
    }

    .a-product-reassure {
        display: none;
    }

    .product-view-left {
        width: 290px;
    }

    .product-view-right {
        width: 290px;
        float: none;
    }

    .product-main-image, .product-secondary-images, .product-secondary-image {
        display: none;
    }

    .a-accroche {
        height: auto;
    }

    .a-price {
        padding: 3px 4px;
    }

    .a-price .price-box {
        margin: 10px 4px 0px 0px !important;
    }

    .a-capacity {
        font-size: 10px;
        padding: 21px 4px;
    }

    .product-view-right .a-price .pricePer100ml {
        display: none !important;
    }

    .product-view-right .pricePer100ml {
        font-size: 10px;
        display: inline !important;
    }

    .cubeit-input-number {
        display: none;
    }

    .no-m .a-mobile-qty {
        display: none;
    }

    .a-mobile-qty {
        display: inline-block;
        height: 68px;
        max-height: 68px;
        vertical-align: top;
        width: 60px;
        border-top: none;
        border-bottom: none;
        border-left: none;
        border-image: initial;
        border-right: 1px solid rgb(224, 224, 224);
        margin: 0px;
        font-size: 15px;
        letter-spacing: 0.4px;
        padding: 0px 0px 0px 10px;
        font-family: Roboto;
        text-align: right;
    }

    .a-mobile-product-images .label-container img {
        height: 60px !important;
    }

    .a-mobile-product-images .label-img {
        position: absolute;
        right: 15px;
    }

    .a-mobile-product-images .label-texte {
        margin-bottom: 15px;
        font-family: Roboto;
    }

    .a-mobile-product-images .bxslider .slide-caroussel {
        display: block;
        text-align: center;
        height: 310px;
        width: 288px;
    }

    .a-mobile-product-images .bxslider .slide-caroussel img {
        margin: auto;
        max-width: 100%;
    }

    .a-mobile-product-images .bx-wrapper .bx-controls-direction a.bx-prev, .a-mobile-product-images .bx-wrapper .bx-controls-direction a.bx-next {
        height: 12px;
        width: 12px;
        border-color: rgb(140, 161, 171);
        margin-top: -23px;
    }

    .a-mobile-product-images .bx-wrapper .bx-controls-direction a.bx-prev {
        margin-left: -13px;
    }

    .a-mobile-product-images .bx-wrapper .bx-controls-direction a.bx-next {
        margin-right: -5px;
    }

    .a-mobile-product-images .bx-pager {
        display: none;
    }

    .a-mobile-product-images .bx-wrapper .bx-controls-direction::before, .a-mobile-product-images .bx-wrapper .bx-controls-direction::after {
        position: absolute;
        height: 50px;
        width: 40px;
        background: rgb(239, 243, 245);
        content: "";
        display: block;
        top: 115px;
    }

    .a-mobile-product-images .bx-wrapper .bx-controls-direction::before {
        left: -19px;
    }

    .a-mobile-product-images .bx-wrapper .bx-controls-direction::after {
        right: -9px;
    }

    .a-mobile-product-images .catalog-category-view #products-list>li {
        margin: 0px auto 60px;
        width: 100%;
    }

    .a-mobile-product-images .bx-controls, .a-mobile-product-images .bx-wrapper .bx-controls-direction a.disabled {
        display: block !important;
    }

    .a-product-reference {
        padding: 0px 17px;
    }

    .product-view-right .product-infos-addtocart-button.sticky {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 999;
    }

    .product-pros-left {
        display: none;
    }

    .product-pros-right, product-pros-right li {
        text-align: left;
    }

    .product-pros-right span.hidedesktop {
        display: block !important;
    }

    .product-stats {
        text-align: center;
    }

    .product-stat {
        width: 50%;
        padding-bottom: 30px;
    }

    .product-stats-link {
        text-align: center;
        padding: 10px;
    }

    .product-stats-legal {
        text-align: left;
        padding: 10px;
    }

    .product-advice-video span {
        padding: 26px;
    }

    .product-advice-text {
        padding: 26px 26px 35px;
    }

    .product-brevet {
        padding: 43px 20px;
        text-align: center;
    }

    .product-brevet .product-contentbox-left {
        padding-top: 0px;
        padding-bottom: 20px;
        display: block;
        text-align: center;
        float: none;
    }

    .product-brevet .product-contentbox-right {
        padding: 0px;
    }

    .product-ingredients {
        padding: 43px 20px;
        text-align: center;
    }

    .product-ingredients .product-contentbox-left {
        padding-top: 0px;
        padding-bottom: 20px;
        display: block;
        text-align: center;
        float: none;
    }

    .product-ingredients .product-contentbox-right {
        padding: 0px;
    }

    .product-contentbox-with-image-image {
        float: none;
        width: 290px;
        height: auto;
    }

    .product-contentbox-with-image-image img {
        width: 290px;
        height: 290px;
    }

    .product-contentbox-with-image-text {
        float: none;
        width: 290px;
        height: auto;
        padding: 26px;
        text-align: center;
    }

    .product-read {
        display: none;
    }

    .widget-product-nano {
        display: none !important;
    }

    .product-pros {
        text-align: center;
    }

    .product-pros-right {
        text-align: center;
    }

    .product-pros-left {
        text-align: center;
        display: inline-block;
        padding-top: 45px;
        margin: 0px auto;
        /* width: 100%; */
    }

    .product-brevet {
        padding: 43px 20px;
        text-align: center;
    }

    .product-brevet .product-contentbox-left {
        padding-top: 0px;
        padding-bottom: 20px;
        display: block;
        text-align: center;
        float: none;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    product-brevet .product-contentbox-right {
        padding: 0px;
    }

    .a-ma1-trigger {
        border-top-color: transparent;
    }

    .a-ma {
        padding-top: 10px;
    }

    .a-ma-container {
        border: 1px solid rgb(224, 224, 224);
    }

    .a-ma-trigger {
        border-top: 1px solid rgb(224, 224, 224);
        border-bottom: 1px solid rgb(224, 224, 224);
        margin: 0px;
        position: relative;
        cursor: pointer;
    }

    .a-ma-trigger p {
        font-size: 15px;
        color: rgb(0, 0, 0);
        font-family: Roboto-Regular;
        padding: 0px 25px 0px 0px;
        text-align: center;
        display: table;
        margin: 20px auto;
    }

    .a-ma-trigger::after {
        content: "";
        display: block;
        position: absolute;
        height: 12px;
        width: 12px;
        border-right: 2px solid rgb(179, 193, 200);
        border-top: 2px solid rgb(179, 193, 200);
        transform: rotate(135deg);
        right: 18px;
        top: 17px;
        transition: transform 0.2s ease 0s;
    }

    .product-stats {
        text-align: center;
    }

    .product-stats-link {
        text-align: center;
        padding: 10px;
    }

    .product-stats-legal {
        text-align: left;
        padding: 10px;
    }

    .pricePer100ml, .product-contentbox-with-image {
        display: none !important;
    }

    .a-capacity span {
        font-weight: bold;
        font-family: Helvetica;
        font-size: 15px;
    }

    .product-title-separator p::before {
        background: transparent;
    }

    .product-contentbox {
        border: 0px !important;
        padding: 20px !important;
    }

    .product-diagnostic-right {
        display: none;
    }
}

#loggedin-name {
    color: rgb(64, 180, 166);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    border-bottom: 1px solid rgb(234, 234, 234);
    padding: 25px 22px 18px;
}

breadcrumbmain_detail {
    border-bottom: 0px;
    height: 50px;
    background-color: rgb(255, 255, 255) !important;
}

.breadcrumbmain_detail .breadcrumb {
    padding: 15px 0px;
    margin-bottom: 0px;
    background-color: transparent;
    border-radius: 0px;
}

.block-subscribe-footer .newsletter-content {
    padding-bottom: 10px;
}

.bons-reflexes {
    margin-top: 80px;
    color: rgb(59, 94, 110);
    font-size: 14px;
}

.bons-reflexes .colonne-1 {
    text-align: left;
    width: 620px;
    padding: 0px 30px 0px 0px;
}

.colonne-1 {
    width: 590px;
    position: relative;
}

.colonne-1, .colonne-2 {
    display: table-cell;
    vertical-align: top;
}

#img-expert {
    margin-left: -26px;
}

.bons-reflexes .colonne-1 {
    text-align: left;
    width: 620px;
    padding: 0px 30px 0px 0px;
}

.bons-reflexes .colonne-2 {
    text-align: right;
    width: 560px;
    padding: 0px 0px 0px 54px;
}

.bons-reflexes .titre {
    line-height: 23px;
    font-family: Roboto-Regular;
    color: rgb(0, 0, 0);
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.colonne-1, .colonne-2 {
    display: table-cell;
    vertical-align: top;
}

.colonne-1 {
    width: 590px;
    position: relative;
}

.colonne-2 {
    width: 590px;
    padding-left: 60px;
}

.bons-reflexes {
    margin-top: 80px;
    color: rgb(59, 94, 110);
    font-size: 14px;
}

#guillemets-container {
    float: left;
    padding-right: 6px;
}

#img-expert {
    margin-left: -26px;
}

#img-expert-m {
    margin-left: 0px;
    margin-bottom: 19px;
    width: 100%;
}

#texte-conseils-experts {
    text-align: left;
    padding-top: 7px;
    width: 495px;
    line-height: 23px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
}

#texte-conseils-experts .hidemobile {
    display: inline;
}

.bons-reflexes .colonne-2 .texte {
    line-height: 23px;
    text-align: left;
}

.next-step-button {
    text-align: right;
    float: right;
    width: 60px;
    height: 52px;
    margin-top: 61px;
}

.first-next-step-button, .second-next-step-button {
    margin-top: 52px;
    float: none;
    width: 100%;
}

.second-next-step-button {
    margin-top: -52px;
}

.pre-etapes {
    margin-top: 103px;
}

.pre-etapes-title {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 65px;
}

.pre-etapes-title span {
    text-align: center;
    background-color: rgb(0, 0, 0);
    color: white;
    font-size: 19px;
    text-transform: uppercase;
    font-family: Roboto-Regular;
    padding: 7px 14px;
    line-height: 23px;
    letter-spacing: 2px;
}

.pre-etapes-bloc {
    position: relative;
    width: 371px;
    height: 200px;
    border: 7px solid rgb(243, 243, 243);
    display: inline-block;
    margin-right: 24px;
}

#pre-etapes-bloc-1 {
    background-image: url("/impactos-do-ambiente-urbano-na-pele/b06_gel_nettoyant_purifiant_ombre.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 25%;
}

#pre-etapes-bloc-2 {
    background-image: url("/impactos-do-ambiente-urbano-na-pele/b06_gel_nettoyant_purifiant_ombre.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 25%;
}

#pre-etapes-bloc-3 {
    background-image: url("/impactos-do-ambiente-urbano-na-pele/b06_gel_nettoyant_purifiant_ombre.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    margin-right: 0px;
    background-size: 25%;
}

.pre-etapes-bloc::after {
    font-family: etatpur;
    content: "L";
    position: absolute;
    width: 40px;
    height: 33px;
    line-height: 33px;
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgb(243, 243, 243);
    color: rgb(128, 151, 162);
    text-align: center;
    font-size: 12px;
}

.pre-etapes-bloc:hover {
    border-color: rgb(175, 197, 207);
    cursor: pointer;
}

.pre-etapes-bloc:hover::after {
    background: rgb(175, 197, 207);
    color: rgb(255, 255, 255);
}

.pre-etapes-bloc-n {
    top: -7px;
    left: -7px;
    width: 40px;
    height: 63px;
    background: rgb(0, 0, 0);
    position: absolute;
    color: rgb(255, 255, 255);
    line-height: 63px;
    text-align: center;
    font-size: 20px;
    font-family: helvetica;
}

.pre-etapes-bloc-title {
    top: 37px;
    left: 59px;
    position: absolute;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-family: Raleway-black;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.3;
}

.long-title {}

.pre-etapes-bloc-title span {
    color: rgb(102, 208, 212);
}

.pre-etapes-bloc-product {
    font-family: Roboto-Regular;
    top: 103px;
    left: 60px;
    position: absolute;
    color: rgb(0, 0, 0);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.long-title-before {
    top: 119px;
}

.pre-etapes-bloc-product span {
    color: rgb(0, 0, 0);
}

.bloc-etape-header {
    width: 100%;
    margin: 55px 0px 61px;
}

.bloc-etape-header-green {
    width: 337px;
    color: white;
    background-color: rgb(102, 208, 212);
    display: table-cell;
    text-transform: uppercase;
    font-family: Raleway-black;
    font-size: 16px;
    height: 70px;
    text-align: right;
    padding-right: 30px;
    vertical-align: top;
    padding-top: 25px;
    letter-spacing: 1px;
}

.bloc-etape-header-grey {
    width: 843px;
    background-color: rgb(248, 248, 248);
    color: rgb(0, 0, 0);
    display: table-cell;
    font-size: 24px;
    height: 70px;
    padding-left: 70px;
    padding-top: 20px;
    vertical-align: top;
    letter-spacing: 1px;
}

.bloc-etape .colonne-1 {
    width: 662px;
    padding: 0px;
}

.bloc-etape .colonne-2 {
    width: 505px;
    padding: 0px;
    text-align: left;
}

.bloc-etape #products-list>li.product-list-rituel, .slide-carroussel-produit #products-list>li.product-list-rituel {
    display: none;
}

.bloc-etape #products-list>li {
    margin: 0px;
    width: 100%;
}

.bloc-etape #products-list>li .media {
    display: inline-block;
    width: 115px;
    text-align: center;
}

.bloc-etape #products-list>li .media img {}

.bloc-etape #products-list>li .product-contents {
    display: inline-block;
    padding: 0px 28px;
    width: 400px;
    vertical-align: top;
}

.bloc-etape #products-list>li .product-shop .product-title h3 {
    font-size: 21px;
    color: rgb(0, 0, 0);
    font-weight: 400;
}

.bloc-etape #products-list>li .product-shop .product-title h2 {
    font-size: 21px;
    color: rgb(1, 113, 226);
    line-height: 28px;
    margin-bottom: 10px;
    font-weight: 400;
}

.bloc-etape #products-list>li .product-infos hr {
    margin: 10px 0px;
}

.bloc-etape #products-list>li .short-description, .bloc-etape #products-list>li .product-capacity {
    color: rgb(59, 94, 110) !important;
}

.bloc-etape #products-list>li .product-infos .price-box {
    color: rgb(1, 113, 226);
    font-size: 28px;
    margin: 20px 0px 0px;
}

.bloc-etape #products-list>li .product-infos .addto {
    margin-top: 0px;
}

.bloc-etape #products-list>li .product-infos .addto button {
    margin: 5px 0px 0px 10px;
}

.bloc-etape .button {
    height: 41px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.bloc-idee .bloc-idee-texte a {
    font-weight: 500;
    text-decoration: underline;
    color: rgb(130, 154, 165);
}

.bloc-etape #products-list>li .product-shop .short-description strong {
    font-weight: 500;
}

.colonne-2 .accroche, .colonne-2 .rating-summary, .colonne-2 .product-infos a.link-learn {
    display: none;
}

.bloc-etape .clear, #blocks-reassurance-container .clear {
    height: 0px;
}

.bloc-image-etape {
    width: 330px;
    float: left;
    height: 303px;
}

.bloc-image-etape img {
    width: 330px;
    height: 303px;
}

.bloc-texte-etape {
    float: left;
    border: 1px solid rgb(224, 224, 224);
    height: 303px;
    width: 330px;
    position: relative;
    padding: 62px 40px 33px 64px;
}

.toggle-block-button {
    position: absolute;
    right: 0px;
    border-width: 1px 0px 0px 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: rgb(224, 224, 224);
    border-left-color: rgb(224, 224, 224);
    border-image: initial;
    width: 30px;
    height: 30px;
    bottom: 0px;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    cursor: pointer;
}

.bloc-texte-etape {
    .vertical {
        transition: all 0.5s ease-in-out 0s;
        transform: rotate(-90deg);
    }

    .horizontal {
        transition: all 0.5s ease-in-out 0s;
        transform: rotate(-90deg);
        opacity: 1;
    }
}

.closed .vertical {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(-90deg);
}

.closed .horizontal {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(-90deg);
    opacity: 1;
}

.opened {
    opacity: 1;
}

.opened .vertical {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(90deg);
}

.opened .horizontal {
    transition: all 0.5s ease-in-out 0s;
    transform: rotate(90deg);
    opacity: 0;
}

.toggle-block-button .horizontal {
    position: absolute;
    background-color: rgb(0, 0, 0);
    width: 11px;
    height: 1px;
    left: 50%;
    margin-left: -5px;
    top: 50%;
}

.toggle-block-button .vertical {
    position: absolute;
    background-color: rgb(0, 0, 0);
    width: 1px;
    height: 11px;
    left: 50%;
    top: 50%;
    margin-top: -5px;
}

.toggle-block-button:hover .horizontal, .toggle-block-button:hover .vertical {
    background-color: rgb(224, 224, 224);
}

.toggle-block-button:active .horizontal, .toggle-block-button:active .vertical {
    background-color: rgb(175, 197, 207);
}

.bloc-texte-etape-titre {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 7px;
    line-height: 23px;
}

.bloc-texte-etape-description, .bloc-texte-etape-description-full {
    font-size: 13px;
    color: rgb(0, 0, 0);
    letter-spacing: 0.8px;
    line-height: 23px;
}

.bloc-texte-etape-description-full {
    display: none;
}

#crosselling-slider-title {
    color: white;
    line-height: 23px;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Roboto-Regular;
    background-color: rgb(0, 0, 0);
    padding: 5px 18px;
    margin: 60px auto;
    display: table;
}

#vidyt {
    cursor: pointer;
}

#content-vid-yt {
    display: none;
}

#content-vid-yt.featherlight-inner {
    display: block;
}

.fl-content-vid-yt .featherlight-content {
    overflow-y: hidden;
    max-height: 360px;
}

.customClose {
    position: absolute;
    top: calc(50% - 200px);
    left: calc(50% + 330px);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-weight: bold;
}

.no-m .hidemobile {
    display: block;
}

.ban_custom {
    max-width: 1440px;
    background-position: right center;
    background-image: url("/media/impactos-do-ambiente-urbano-na-pele/inspiration-ville-banner.jpg") !important;
    height: 257px !important;
}

.long-title-before {
    top: 119px;
}

.label-bg-container {
    color: white;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 500;
    margin-top: 20px;
    letter-spacing: 2px;
    background: rgb(0, 0, 0) !important;
}

.catalog-category-view #products-list>li, .catalogsearch-result-index #products-list>li {
    width: 50%;
    float: left;
    vertical-align: top;
    margin: 70px 0px 0px;
    padding-left: 20px;
}

.catalog-category-view #products-list>li .product-contents, .catalogsearch-result-index #products-list>li .product-contents, .cms-page-view #products-list>li .product-contents {
    width: 270px;
    border: 1px solid rgb(224, 224, 224);
    float: right;
    padding: 0px;
    height: 310px;
}

.catalog-category-view #products-list>li .media, .catalogsearch-result-index #products-list>li .media, .cms-page-view #products-list>li .media {
    width: 205px;
    text-align: center;
}

.catalog-category-view #products-list>li .media img, .catalogsearch-result-index #products-list>li .media img, .cms-page-view #products-list>li .media img {
    height: 250px;
}

.catalog-category-view #products-list>li .product-shop .product-title, .catalogsearch-result-index #products-list>li .product-shop .product-title, .cms-page-view #products-list>li .product-shop .product-title {
    width: 100%;
    border-bottom: 1px solid rgb(224, 224, 224);
    display: table;
    height: 59px;
}

.catalog-category-view #products-list>li .product-shop .product-title h3, .catalog-category-view #products-list>li .product-shop .product-title .product-reference, .catalogsearch-result-index #products-list>li .product-shop .product-title h3, .catalogsearch-result-index #products-list>li .product-shop .product-title .product-reference, .cms-page-view #products-list>li .product-shop .product-title h3, .cms-page-view #products-list>li .product-shop .product-title .product-reference {
    display: table-cell;
    color: rgb(0, 0, 0);
    width: 70px;
    text-align: center;
    border-right: 1px solid rgb(224, 224, 224);
    font-family: Helvetica, Arial;
    font-size: 20px;
}

.catalog-category-view #products-list>li .product-shop .product-title div.product-name, .catalogsearch-result-index #products-list>li .product-shop .product-title div.product-name, .cms-page-view #products-list>li .product-shop .product-title div.product-name {
    display: table-cell;
    color: rgb(0, 0, 0);
    font-size: 13px;
    font-family: Roboto-Regular;
    vertical-align: middle;
    line-height: 16px;
    padding: 0px 15px;
    letter-spacing: 1px;
}

.catalog-category-view .product-left-image, .catalogsearch-result-index .product-left-image, .cms-page-view .product-left-image {
    width: 205px;
    display: inline-block;
    height: 310px;
}

.product-left-image-center {
    text-align: center !important;
}

.product-shop-card {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
}

.catalog-category-view .label-container, .catalogsearch-result-index .label-container, .cms-page-view .label-container {
    height: 60px;
    width: 100%;
    text-align: center;
}

.catalog-category-view .label-container.label-img, .catalogsearch-result-index .label-container.label-img, .cms-page-view .label-container.label-img {
    padding-right: 30px;
    text-align: right;
}

.catalog-category-view .label-bg-container, .catalogsearch-result-index .label-bg-container, .cms-page-view .label-bg-container {
    color: white;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 500;
    margin-top: 20px;
    letter-spacing: 2px;
    background: rgb(0, 0, 0) !important;
}

.list-type-localisation-single {
    color: rgb(0, 0, 0);
    font-size: 11px;
    font-family: Roboto-Regular;
    list-style-type: none;
    padding: 4px 0px 0px 30px;
}

.price-box-single {
    float: left;
    width: 50%;
    display: block;
    padding: 13px 10px 0px;
    text-align: center;
    color: rgb(0, 0, 0);
    vertical-align: middle;
    font-family: Helvetica, Arial;
    letter-spacing: 0.8px;
    margin: 0px;
    border-right: 1px solid rgb(224, 224, 224);
    font-size: 21px !important;
}

.loyalty_points-single {
    text-align: center;
    width: 100%;
    padding: 15px 10px;
    font-size: 13px;
    color: rgb(0, 73, 110);
    letter-spacing: 0.8px;
    font-family: Raleway;
    font-weight: bold;
    border: none;
    line-height: 17px;
}

.catalog-category-view .preoccupations-produit, .catalogsearch-result-index .preoccupations-produit, .cms-page-view .preoccupations-produit {
    height: 138px;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 15px;
}

.catalog-category-view .preoccupations-produit.bloc-4-actions, .catalogsearch-result-index .preoccupations-produit.bloc-4-actions, .cms-page-view .preoccupations-produit.bloc-4-actions {
    height: 149px;
}

.catalog-category-view .type-localisation-produit, .catalogsearch-result-index .type-localisation-produit, .cms-page-view .type-localisation-produit {
    height: 51px;
    border-bottom: 1px solid rgb(224, 224, 224);
}

.catalog-category-view .type-localisation-produit.bloc-4-actions, .catalogsearch-result-index .type-localisation-produit.bloc-4-actions, .cms-page-view .type-localisation-produit.bloc-4-actions {
    height: 38px;
}

.catalog-category-view #products-list>li .product-infos .addto .cubeit-input-number, .catalogsearch-result-index #products-list>li .product-infos .addto .cubeit-input-number, .cms-page-view #products-list>li .product-infos .addto .cubeit-input-number {
    display: none;
}

.catalog-category-view .product-infos-price-rating, .catalogsearch-result-index .product-infos-price-rating, .cms-page-view .product-infos-price-rating {
    display: table;
    width: 100%;
    height: 60px;
}

.catalog-category-view #products-list>li .product-infos .price-box, .catalogsearch-result-index #products-list>li .product-infos .price-box, .cms-page-view #products-list>li .product-infos .price-box {
    display: table-cell;
    border-right: 1px solid rgb(224, 224, 224);
    width: 50%;
    text-align: center;
    font-size: 21px;
    color: rgb(0, 0, 0);
    vertical-align: middle;
    font-family: Helvetica, Arial;
    letter-spacing: 0.8px;
}

.catalog-category-view #products-list>li .product-infos .rating-summary-box, .catalogsearch-result-index #products-list>li .product-infos .rating-summary-box, .cms-page-view #products-list>li .product-infos .rating-summary-box {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 3px 12px 0px;
}

.catalog-category-view #products-list>li .product-infos .rating-summary, .catalogsearch-result-index #products-list>li .product-infos .rating-summary, .cms-page-view #products-list>li .product-infos .rating-summary {
    margin: 0px;
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 70px;
}

.catalog-category-view .rating-box, .catalogsearch-result-index .rating-box, .cms-page-view .rating-box {
    width: 64px;
    height: 12px;
    background-size: auto 12px;
    display: table-cell;
}

.catalog-category-view .rating-box .rating, .catalogsearch-result-index .rating-box .rating, .cms-page-view .rating-box .rating {
    background-size: auto 12px;
}

.catalog-category-view .count-ratings-box, .catalogsearch-result-index .count-ratings-box, .cms-page-view .count-ratings-box {
    display: table-cell;
    font-size: 15px;
    color: rgb(28, 93, 123);
    font-family: Roboto-Regular;
    width: 40px;
}

.catalog-category-view .product-infos-addtocart-button, .catalogsearch-result-index .product-infos-addtocart-button, .cms-page-view .product-infos-addtocart-button {
    display: none;
}

.catalog-category-view ul.list-type-localisation, .catalogsearch-result-index ul.list-type-localisation, .cms-page-view ul.list-type-localisation {
    color: rgb(0, 0, 0);
    font-size: 11px;
    font-family: Roboto-Regular;
    list-style-type: none;
    padding: 18px 0px 0px 30px;
}

.catalog-category-view ul.list-type-localisation li, .catalogsearch-result-index ul.list-type-localisation li, .cms-page-view ul.list-type-localisation li {
    padding-bottom: 4px;
    list-style-image: url("/skin/frontend/etatpur/default/images/mini-puce.jpg");
    letter-spacing: 0.8px;
}

.catalog-category-view .titre-preoccupation, .catalogsearch-result-index .titre-preoccupation, .cms-page-view .titre-preoccupation {
    font-size: 13px;
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    height: 45px;
    letter-spacing: 0.8px;
}

.catalog-category-view .valeur-action, .catalogsearch-result-index .valeur-action, .cms-page-view .valeur-action {
    font-size: 10px;
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    display: inline-block;
    height: 21px;
    vertical-align: middle;
    letter-spacing: 0.8px;
    width: 160px;
}

.catalog-category-view .resultat-action, .catalogsearch-result-index .resultat-action, .cms-page-view .resultat-action {
    width: 70px;
    text-align: right;
    display: inline-block;
}

.catalog-category-view .product-infos-addtocart-button, .catalogsearch-result-index .product-infos-addtocart-button, .cms-page-view .product-infos-addtocart-button {
    display: none;
}

.catalog-category-view #products-list>li:hover .product-contents, .catalogsearch-result-index #products-list>li:hover .product-contents, .cms-page-view #products-list>li:hover .product-contents {
    border: 1px solid rgb(128, 151, 162);
}

.catalog-category-view #products-list>li:hover .type-localisation-produit, .catalogsearch-result-index #products-list>li:hover .type-localisation-produit, .cms-page-view #products-list>li:hover .type-localisation-produit {
    border-bottom: 1px solid rgb(128, 151, 162);
}

.catalog-category-view #products-list>li:hover .product-infos-price-rating, .catalogsearch-result-index #products-list>li:hover .product-infos-price-rating, .cms-page-view #products-list>li:hover .product-infos-price-rating {
    display: none;
}

.catalog-category-view #products-list>li:hover .product-infos-addtocart-button, .catalogsearch-result-index #products-list>li:hover .product-infos-addtocart-button, .cms-page-view #products-list>li:hover .product-infos-addtocart-button {
    display: block;
}

.catalog-category-view #products-list>li .product-infos .addto button, .catalogsearch-result-index #products-list>li .product-infos .addto button, .cms-page-view #products-list>li .product-infos .addto button {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    margin: 0px;
    width: 100%;
    height: 60px;
    border-radius: 0px;
}

.catalog-category-view #products-list>li .product-infos .addto, .catalogsearch-result-index #products-list>li .product-infos .addto, .cms-page-view #products-list>li .product-infos .addto {
    margin: 0px;
}

.catalog-category-view #products-list>li .product-infos .availability, .catalogsearch-result-index #products-list>li .product-infos .availability, .cms-page-view #products-list>li .product-infos .availability {
    padding: 23px 0px 10px;
    height: 61px;
    background-color: rgb(249, 249, 249);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: rgb(0, 0, 0) !important;
}

.cms-page-view .wrapper_produits #products-list>li .product-contents {
    height: 310px;
}

.cms-page-view #products-list>li .product-contents {
    width: 270px;
    border: 1px solid rgb(224, 224, 224);
    float: right;
    padding: 0px;
    height: 310px;
}

.long-text-carroussel {
    padding: 30px 55px;
}

.slide-carroussel-description {
    border: 1px solid rgb(224, 224, 224);
    padding: 55px;
    color: rgb(0, 0, 0);
    margin-left: 100px;
    width: 565px;
    float: left;
    height: 216px;
    letter-spacing: 0.03em;
}

.slide-carroussel-produit {
    margin-right: 100px;
    width: 405px;
    float: left;
}

#crosselling-slider #products-list>li .media, #crosselling-slider .product-left-image {
    width: 210px;
    position: relative;
    padding-right: 0px;
}

.catalog-category-view .product-left-image, .catalogsearch-result-index .product-left-image, .cms-page-view .product-left-image {
    width: 205px;
    display: inline-block;
    height: 310px;
}

#crosselling-slider .label-container {
    position: absolute;
    left: 160px;
    height: 50px;
    text-align: left;
}

#crosselling-slider #products-list>li .media, #crosselling-slider .product-left-image {
    width: 210px;
    position: relative;
    padding-right: 0px;
}

.catalog-category-view #products-list>li .media, .catalogsearch-result-index #products-list>li .media, .cms-page-view #products-list>li .media {
    width: 205px;
    text-align: center;
}

#crosselling-slider #products-list>li .media img {
    display: inline-block;
}

#crosselling-slider #products-list>li .product-contents {
    height: 171px;
    margin-top: 41px;
    width: 245px;
}

#crosselling-slider #products-list>li .product-contents-s {
    height: 171px;
    margin-top: 0px;
    padding-left: 20px;
}

.cms-page-view #products-list.with-review>li .product-contents-s {
    width: 430px;
    border: 0px !important;
}

.cms-page-view #products-list>li .product-contents-s {
    border: 1px solid rgb(224, 224, 224);
    float: right;
    padding: 0px;
    height: 310px;
}

.formula {}

.upsell-review .bx-viewport {
    max-height: 360px !important;
}

.product-name-s {
    display: table-cell;
    color: rgb(0, 0, 0);
    font-family: Roboto-Regular;
    line-height: 16px;
    padding: 0px 15px;
    letter-spacing: 1px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px !important;
}

.cms-page-view .wrapper_produits #products-list>li .product-contents {
    height: 310px;
}

.catalog-category-view #products-list>li .product-contents, .catalogsearch-result-index #products-list>li .product-contents, .cms-page-view #products-list>li .product-contents {
    width: 270px;
    border: 1px solid rgb(224, 224, 224);
    float: right;
    padding: 0px;
    height: 310px;
}

#crosselling-slider .preoccupations-produit {
    height: 55px;
    padding-top: 18px;
}

#crosselling-slider .actions-container, #crosselling-slider .preoccupations-produit {
    display: none;
}

.cms-page-view .wrapper_produits .type-localisation-produit {
    height: 51px;
}

.catalog-category-view .type-localisation-produit, .catalogsearch-result-index .type-localisation-produit, .cms-page-view .type-localisation-produit {
    height: 51px;
    border-bottom: 1px solid rgb(224, 224, 224);
}

.slider_b:hover {
    padding: 23px 0px 10px;
    height: 61px;
    background-color: rgb(249, 249, 249);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    cursor: default;
    color: rgb(0, 0, 0) !important;
}

.lune-soleil .type-localisation-produit {
    background-image: url("/media/impactos-do-ambiente-urbano-na-pele/bg-lune-soleil.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}

.lune .type-localisation-produit {
    background-image: url("/media/impactos-do-ambiente-urbano-na-pele/bg-lune.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}

.soleil .type-localisation-produit {
    background-image: url("/media/impactos-do-ambiente-urbano-na-pele/bg-soleil.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}

#products-list>li .product-infos .price-box {
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    display: inline-block;
    margin: 15px 0px 0px;
}

.catalog-category-view #products-list>li .product-infos .price-box, .catalogsearch-result-index #products-list>li .product-infos .price-box, .cms-page-view #products-list>li .product-infos .price-box {
    text-align: center;
    font-size: 21px;
    color: rgb(0, 0, 0);
    font-family: Helvetica, Arial;
    letter-spacing: 0.8px;
}

#products-list>li .product-infos .price-box {
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
}

.home-style-1 .product-slider {
    display: flex;
}

.bx-wrapper ul li {
    height: 255px !important;
}

#diapo1 {
    height: 100%;
    width: 50%;
    overflow: hidden;
    position: absolute;
}

#diapo2 {
    height: 700px;
    overflow: hidden;
}

#diapo3 {
    overflow: hidden;
}

#diapo2_aplat {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    margin-top: -1px;
}

#formula_landing_wrapper {
    width: 100%;
    position: relative;
    margin-top: 0px;
    height: calc(100% - 100px);
}

#formula_landing_right {
    padding: 150px;
}

#bouton_desktop {
    margin-top: 20px;
}

.bouton {
    transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
    color: rgb(64, 180, 166) !important;
}

.bouton01 {
    width: 366px;
    height: 44px;
    border: 1px solid rgb(64, 180, 166);
    color: rgb(64, 180, 166);
    background: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: uppercase;
    padding-top: 15px;
    text-align: center;
    margin: 60px auto auto;
}

.main-holder #formula_landing_wrapper .wp-legal-mention {
    width: auto;
    max-width: 600px;
    margin: 0px auto;
    position: absolute;
}

#formula_landing_wrapper #formula_landing_right .text_desktop p.welcomepack {
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 30px;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid rgb(226, 226, 226);
}

.wp-legal-mention {
    margin-top: 5px;
    color: rgb(175, 175, 175);
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
    margin-left: 25px;
    text-align: center;
}

.pur_statebox h3 {
    font-family: Raleway-black;
    font-size: 29px;
    color: white;
    line-height: 35px;
    margin-bottom: 25px;
}

.pur_statebox p {
    color: white;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 22px;
}

ul.tabs {
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    height: 60px;
    width: auto;
    display: table;
}

ul.tabs li {
    float: left;
    margin: 0px;
    cursor: pointer;
    padding: 0px 30px;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid rgb(224, 224, 224);
    border-left: 1px solid rgb(224, 224, 224);
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    overflow: hidden;
    position: relative;
    font-family: Roboto-Regular;
    font-size: 14px;
}

.tab_last {
    border-right: 1px solid rgb(224, 224, 224);
}

ul.tabs li:hover {
    color: rgb(0, 0, 0);
    border-bottom: 6px solid rgb(175, 197, 207);
}

ul.tabs li.active {
    color: rgb(0, 0, 0);
    border-bottom: 6px solid rgb(0, 0, 0);
    display: block;
}

.tab_container {
    clear: both;
    float: left;
    width: 100%;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.tab_content {
    padding: 0px;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

.top-produit-slide-content {
    width: 214px;
    float: left;
    margin-right: 20px;
}

.top-produit-slide-content3 {
    margin-right: 0px;
}

#bloc-top-produit-left {
    width: 100%;
    text-align: center;
}

#bloc-top-produit-left .label-container, #rituels-clients .label-container {
    height: 60px;
    width: 100%;
    text-align: center;
}

#bloc-top-produit-left .label-bg-container, #rituels-clients .label-bg-container {
    color: white;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 500;
    margin-top: 20px;
    letter-spacing: 2px;
    background: rgb(0, 0, 0) !important;
}

#bloc-top-produit-left .media, #rituels-clients .media {
    width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
}

#bloc-top-produit-left .media img, #rituels-clients .media img {
    height: 200px;
}

#bloc-top-produit-left .product-title, #rituels-clients .product-title {
    width: 100%;
    border: 1px solid rgb(224, 224, 224);
    display: table;
    height: 52px;
}

#bloc-top-produit-left .product-title .product-reference, #rituels-clients .product-title .product-reference {
    display: table-cell;
    color: rgb(0, 0, 0);
    width: 70px;
    text-align: center;
    border-right: 1px solid rgb(224, 224, 224);
    font-family: Helvetica, Arial;
    font-size: 20px;
    vertical-align: middle;
}

#bloc-top-produit-left .product-title div.product-name, #rituels-clients .product-title div.product-name {
    display: table-cell;
    color: rgb(0, 0, 0);
    font-size: 13px;
    font-family: Roboto-Regular;
    vertical-align: middle;
    line-height: 16px;
    padding: 0px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#bloc-top-produit-left .product-infos-price-rating, #rituels-clients .product-infos-price-rating {
    display: table;
    width: 100%;
    height: 53px;
    border-width: 0px 1px 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: rgb(224, 224, 224);
    border-bottom-color: rgb(224, 224, 224);
    border-left-color: rgb(224, 224, 224);
    border-image: initial;
    border-top-style: initial;
    border-top-color: initial;
    overflow: hidden;
}

#bloc-top-produit-left .price-box, #rituels-clients .price-box {
    display: table-cell;
    border-right: 1px solid rgb(224, 224, 224);
    height: 55px;
    width: 50%;
    text-align: center;
    font-size: 21px;
    color: rgb(0, 0, 0);
    vertical-align: middle;
    font-family: Helvetica, Arial;
    letter-spacing: 0.8px;
}

#bloc-top-produit-left .rating-summary-box, #rituels-clients .rating-summary-box {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 3px 12px 0px;
}

#bloc-top-produit-left .rating-summary, #rituels-clients .rating-summary {
    margin: 0px;
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 70px;
}

#bloc-top-produit-left .rating-summary .rating-box, #rituels-clients .rating-summary .rating-box {
    display: inline-block;
    vertical-align: middle;
}

#bloc-top-produit-left .addto button {
    background-color: rgb(27, 189, 187) !important;
    height: 55px !important;
}

#bloc-top-produit-left .rating-box, #rituels-clients .rating-box {
    width: 64px;
    height: 12px;
    background-size: auto 12px;
    display: table-cell;
}

#bloc-top-produit-left .rating-box .rating, #rituels-clients .rating-box .rating {
    background-size: auto 12px;
}

#bloc-top-produit-left .rating-summary .rating-links, #rituels-clients .rating-summary .rating-links {
    display: none;
}

#bloc-top-produit-left .count-ratings-box, #rituels-clients .count-ratings-box {
    display: table-cell;
    font-size: 15px;
    color: rgb(28, 93, 123);
    font-family: Roboto-Regular;
    width: 40px;
}

#bloc-top-produit-left .product-infos-addtocart-button, #rituels-clients .product-infos-addtocart-button {
    display: none;
}

#bloc-top-produit-left .addto, #rituels-clients .addto {
    margin: 0px;
}

#bloc-top-produit-left .addto .cubeit-input-number, #rituels-clients .addto .cubeit-input-number {
    display: none;
}

#bloc-top-produit-left .addto button, #rituels-clients .addto button {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    margin: 0px;
    width: 100%;
    height: 52px;
    border-radius: 0px;
}

#bloc-top-produit-left .top-produit-slide-content:hover .product-infos-addtocart-button, #rituels-clients .popinProductRituel form:hover .product-infos-addtocart-button {
    display: block;
}

#bloc-top-produit-left .top-produit-slide-content:hover .product-infos-price-rating, #rituels-clients .popinProductRituel form:hover .product-infos-price-rating {
    display: none;
}

#bloc-top-produit-left .availability, #rituels-clients .availability {
    padding: 18px 0px 10px;
    height: 52px;
    background-color: rgb(249, 249, 249);
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    cursor: default;
}

.product-image-container {
    text-align: left;
    display: initial;
    width: initial !important;
}

.bx-viewport {
    height: 260px !important;
}

.regular-price .price .price-box, .price-final_price {
    border: 0px !important;
}

.catalog-category-view .rating-box, .catalogsearch-result-index .rating-box, .cms-page-view .rating-box {
    width: 64px;
    height: 12px;
    background-size: auto 12px;
    display: table-cell;
}

.review-content {
    margin-bottom: 20px;
}

q {
    quotes: none;
}

.review-author {
    display: inline;
}

.wrapper_produits {
    position: relative;
    max-width: 1170px;
    margin: auto;
}

.landing_trait_wrapper {
    position: relative;
    margin-top: 60px;
    margin-bottom: 30px;
}

#products-list.with-review>li {
    width: 100%;
    display: block;
}

.cms-page-view #products-list.with-review>li>a {
    margin-top: 10px;
}

#products-list.with-review>li>a .review {
    width: 100%;
    text-align: center;
    padding: 20px 40px;
    margin: 30px 0px 30px 50px;
}

#products-list.with-review>li>div {
    width: 44%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}

#products-list.with-review>li>div .review {
    width: 100%;
    text-align: center;
    padding: 0px 40px;
    margin: 30px 0px 30px 50px;
}

#products-list.with-review>li>div .review .review-content {
    color: rgb(101, 101, 101);
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 26px;
    padding: 0px 40px;
}

#products-list.with-review>li>div .review .review-content {
    color: rgb(101, 101, 101);
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 26px;
    padding: 0px 40px;
}

#products-list.with-review>li>div .review .review-author {
    font-size: 11px;
    font-weight: 500;
    margin-top: 20px;
    color: rgb(101, 101, 101);
}

#products-list.with-review>li {
    width: 100%;
    display: block;
}

#products-list.with-review>li>a .review .review-content {
    color: rgb(101, 101, 101);
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 26px;
    padding: 0px 40px;
}

#products-list.with-review>li>a .review .review-author {
    font-size: 11px;
    font-weight: 500;
    margin-top: 20px;
    color: rgb(101, 101, 101);
}

#products-list.with-review>li .product-image_info {
    width: 55%;
    display: inline-block;
}

#products-list.with-review>li>a {
    width: 44%;
    display: inline-block;
    vertical-align: top;
    margin-top: 120px;
}

#products-list {
    list-style: none;
}

products-list>li .media {
    width: 143px;
    display: inline-block;
    vertical-align: bottom;
}

.catalog-category-view #products-list>li .product-contents, .catalogsearch-result-index #products-list>li .product-contents, .cms-page-view #products-list>li .product-contents {
    width: 270px;
    border: 1px solid rgb(224, 224, 224);
    padding: 0px;
    height: 310px;
}

.cms-page-view #products-list.with-review>li .product-shop .product-title {
    border: 0px;
    display: block;
    height: auto;
}

.catalog-category-view #products-list>li .product-shop .product-title, .catalogsearch-result-index #products-list>li .product-shop .product-title, .cms-page-view #products-list>li .product-shop .product-title {
    width: 100%;
    border-bottom: 1px solid rgb(224, 224, 224);
    display: table;
    height: 59px;
}

#products-list>li .product-shop .product-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    text-transform: uppercase;
}

.cms-page-view #products-list.with-review>li .product-contents {
    width: 430px;
    border: 0px !important;
}

.cms-page-view #products-list.with-review>li .product-shop .product-title .product-reference {
    display: inline-block;
    border-right: 0px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    width: auto;
    text-align: left;
}

#products-list>li .product-shop .product-title h3, #products-list>li .product-shop .product-title .product-reference {
    vertical-align: middle;
}

#products-list>li .product-shop .product-title .macaron {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    margin-left: 10px;
}

#products-list>li .product-shop .product-title h2 {
    margin-bottom: 15px;
    color: rgb(0, 0, 0);
}

#products-list.with-review>li .product-shop .accroche {
    color: rgb(101, 101, 101);
}

#products-list.with-review>li .product-shop .short-description, #products-list.with-review>li .product-infos .product-capacity, #products-list.with-review>li .product-infos .product-capacity dt label {
    color: rgb(175, 175, 175);
}

#products-list.with-review>li .product-infos .product-capacity span {
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
}

.cms-page-view #products-list.with-review>li .product-infos .price-box {
    width: auto;
    text-align: left;
}

.cms-page-view #products-list.with-review>li .product-infos .addto .cubeit-input-number {
    display: inline-block;
}

.cms-page-view #products-list.with-review>li .product-infos .addto button {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    margin: 5px 0px 0px;
    width: auto;
    height: 44px;
    border-radius: 3px;
    background-color: rgb(27, 189, 187);
}

#products-list>li .product-shop .product-title h3, #products-list>li .product-shop .product-title h2, #products-list>li .product-shop .product-title .product-reference {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
}

#products-list>li .product-shop .product-title h2 {
    margin-bottom: 15px;
    color: rgb(0, 0, 0);
    font-family: Raleway, Arial, Helvetica, sans-serif;
    padding-left: 0px;
}

.cms-page-view #products-list.with-review>li .product-infos .price-box {
    color: rgb(0, 0, 0);
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
}

.cms-page-view #products-list.with-review>li .product-infos .addto button {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    margin: 5px 0px 0px;
    width: auto;
    height: 44px;
    border-radius: 3px;
}

.intro_ritual h1 {
    font-weight: 500 !important;
    font-size: 16px !important;
    color: rgb(0, 0, 0) !important;
    line-height: 18px !important;
    margin-bottom: 5px !important;
}

#diag-peau-container {
    height: 340px;
    max-width: 1180px;
    margin: auto;
}

.m #diag-peau-container {
    height: auto;
    margin: 30px auto;
    width: 320px;
}

#diag-peau-texte {
    width: 807px;
    height: 340px;
    color: white;
    background-color: rgb(9, 80, 107);
    float: left;
    padding: 95px 60px 0px 90px;
}

#diag-peau-texte strong, #diag-peau-texte b {
    font-family: Raleway-extrabold;
}

.m #diag-peau-texte {
    padding: 35px 30px;
}

#diag-peau-image {
    width: 373px;
    height: 340px;
    float: right;
}

.m #diag-peau-texte, .m #diag-peau-image {
    float: none;
    height: auto;
    width: 100%;
}

.m #diag-peau-image img {
    display: block;
}

#titre-diag-peau {
    font-size: 29px;
    line-height: 30px;
    font-family: Raleway-black;
}

#contenu-diag-peau {
    font-size: 14px;
    line-height: 22px;
    font-family: Roboto-Regular;
    margin: 15px 0px 30px;
}

a.link-animate-white {
    display: inline-block;
    font-size: 12px;
    font-family: Roboto-Regular;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid rgb(255, 255, 255);
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    padding: 10px 30px;
}

a.link-animate-white:hover {
    color: rgb(9, 80, 107);
    background-position: 0px 0px;
}

@media only screen and (max-width: 768px) {
    .trait_landing {
        border-top: 0px;
    }

    #products-list.with-review>li .product-image_info {
        width: 100%;
    }

    .cms-page-view #products-list.with-review>li .product-contents {
        border-top: 1px solid rgb(238, 238, 238);
        width: 100%;
    }
}

@media screen and (min-width: 2560px) {
    .category-header-text-container {
        width: 1420px;
        top: 30px;
    }

    .category-header-text {
        max-width: 880px;
        line-height: 30px;
        font-size: 20px;
    }
}

@media screen and (max-width: 1700px) {
    .category-header-text-container {
        width: 990px;
        top: 16px;
    }

    .category-header-text {
        max-width: 615px;
        line-height: 18px;
        font-size: 13px;
    }
}

@media screen and (max-width: 1439px) {
    .category-header-text-container {
        width: 884px;
        top: 16px;
    }

    .category-header-text {
        max-width: 525px;
        line-height: 13px;
        font-size: 12px;
    }
}

@media screen and (max-width: 1232px) {
    .category-header-text-container {
        width: 826px;
        top: 34px;
    }

    .category-header-text {
        max-width: 490px;
        line-height: 12px;
        font-size: 11px;
    }
}

@media screen and (max-width: 1199px) {
    .category-header-text-container {
        width: 826px;
        top: 13px;
    }

    .category-header-text {
        max-width: 490px;
        line-height: 12px;
        font-size: 11px;
    }
}

@media screen and (max-width: 1160px) {
    .category-header-text-container {
        width: 800px;
        top: 35px;
    }

    .category-header-text {
        max-width: 474px;
        line-height: 11px;
        font-size: 11px;
    }
}

@media screen and (max-width: 1024px) {
    .category-header-text-container {
        width: 700px;
        top: 31px;
    }

    .category-header-text {
        max-width: 420px;
        line-height: 11px;
        font-size: 10px;
    }
}

@media screen and (max-width: 820px) {
    .category-header-text-container {
        width: 735px;
        top: 9px;
    }

    .category-header-text {
        max-width: 445px;
        line-height: 9px;
        font-size: 10px;
    }
}

.grey_s {
    height: 61px !important;
}

.grey_s:hover {
    padding: 23px 0px 10px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    height: 61px !important;
    background-color: rgb(249, 249, 249) !important;
    color: rgb(0, 0, 0) !important;
    text-transform: uppercase !important;
}

#CMS-a-minha-formula-personalizada #maincontent .col1-layout>.container {
    max-width: 100% !important;
}

#CMS-a-minha-formula-personalizada #maincontent .container {
    width: 100% !important;
}

#CMS-a-minha-formula-personalizada .widget-static-block {
    float: left;
    width: 50%;
    display: block;
    height: 100%;
}

#CMS-a-minha-formula-personalizada .bx-viewport {
    height: 100% !important;
}

#CMS-a-minha-formula-personalizada #formula_landing_right {
    padding: 150px;
}

#CMS-ritual-anti-imperfeicoes .row-inner {
    width: 100% !important;
}

#CMS-ritual-anti-imperfeicoes .widget-inner p {
    text-align: center;
}

#CMS-ritual-anti-imperfeicoes .pb_txt_center {
    max-width: 100% !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    #CMS-ritual-anti-imperfeicoes .widget-raw-html {
        margin: 30px 0px;
    }

    #CMS-ritual-anti-imperfeicoes .widget-titre-majeur-image-video .titre-majeur-image-video-media {
        float: none;
        padding: 0px;
        margin: 0px;
        width: 100% !important;
    }

    #CMS-ritual-anti-imperfeicoes .widget-titre-majeur-image-video .titre-majeur-image-video-media img {
        display: block;
    }

    #CMS-ritual-anti-imperfeicoes .widget-titre-majeur-image-video .titre-majeur-image-video-texte {
        float: none;
        width: 100%;
        padding: 45px 30px;
        min-height: auto;
        height: auto;
    }

    #CMS-ritual-anti-imperfeicoes .titre-majeur-image-video-media img {
        max-width: 100%;
    }
}

#CMS-ritual-anti-imperfeicoes .slider-ingredients {
    margin-top: 50px;
}

#CMS-os-nossos-compromissos .widget-raw-html {
    margin: 60px 0px !important;
}

#CMS-os-nossos-compromissos .widget-quinconce .block-content {
    display: inline-block;
}

#CMS-os-nossos-compromissos .widget-quinconce .quinconce-left {
    float: left;
    width: 50%;
}

#CMS-os-nossos-compromissos .widget-quinconce .quinconce-right {
    float: right;
    width: 50%;
}

#CMS-os-nossos-compromissos .widget-quinconce .quinconce-image img {
    max-width: 100%;
    display: block;
}

#CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte {
    padding: 65px 85px 0px;
}

#CMS-os-nossos-compromissos .widget-quinconce .break-quinconce {
    clear: both;
    height: 0px;
}

#CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_title_left {
    margin: 3px 0px 25px;
}

#CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_link, #CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_cta_2 {
    text-align: left;
    margin-top: 15px;
}

#CMS-os-nossos-compromissos pb_title_left {
    margin: 3px 0px 25px;
}

#CMS-os-nossos-compromissos .pb_title_left {
    font-size: 14px;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 23px;
}

#CMS-os-nossos-compromissos .widget-quinconce .break-quinconce {
    clear: both;
    height: 0px;
}

#CMS-os-nossos-compromissos .pb_txt_center {
    max-width: 100%;
}

#CMS-os-nossos-compromissos .row-inner {
    width: 100%;
}

#CMS-os-nossos-compromissos .pb_cta_3 a {
    color: rgb(255, 255, 255);
}

@media (min-width: 320px) and (max-width: 767px) {
    #CMS-os-nossos-compromissos .widget-raw-html {
        margin: 20px 0px !important;
    }

    #CMS-os-nossos-compromissos .widget-quinconce .quinconce-left, #CMS-os-nossos-compromissos .widget-quinconce .quinconce-right {
        width: 100%;
        float: none;
    }

    #CMS-os-nossos-compromissos .widget-quinconce .block-content {
        display: block;
    }

    #CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte {
        padding: 50px 30px 35px;
    }

    #CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_subtitle_left_italic, #CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_title_left, #CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_txt_left, #CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_link, #CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_cta_2 {
        text-align: center;
    }

    #CMS-os-nossos-compromissos .widget-quinconce .quinconce-texte .pb_cta_2 a {
        padding: 10px 0px;
        width: 100%;
    }

    #CMS-os-nossos-compromissos .widget-raw-html {
        margin: 30px 0px;
    }

    #CMS-os-nossos-compromissos .widget-texte-image-background .bloc-txt-img-visuel, #CMS-os-nossos-compromissos .m .widget-texte-image-background .bloc-txt-img-contenu {
        width: auto;
        float: none;
    }

    #CMS-os-nossos-compromissos .widget-texte-image-background .bloc-txt-img-contenu {
        padding: 50px 30px;
    }

    #CMS-os-nossos-compromissos .widget-texte-image-background .bloc-txt-img-contenu {
        padding: 50px 30px;
    }

    #CMS-os-nossos-compromissos .widget-texte-image-background .bloc-txt-img-visuel, #CMS-os-nossos-compromissos .m .widget-texte-image-background .bloc-txt-img-contenu {
        width: auto;
        float: none;
    }

    #CMS-os-nossos-compromissos .widget-raw-html {
        margin: 30px 0px;
    }

    #CMS-os-nossos-compromissos .bloc-txt-img-visuel {
        float: left;
    }

    #CMS-os-nossos-compromissos .widget-texte-image-background .bloc-txt-img-visuel, #CMS-os-nossos-compromissos .widget-texte-image-background .bloc-txt-img-contenu {
        width: auto;
        float: none;
    }

    #CMS-os-nossos-compromissos .widget-ancres ul li {
        width: 100%;
        margin: 0px 0px 15px;
        height: 120px;
        padding-top: 35px;
        text-align: left;
    }

    #CMS-os-nossos-compromissos .widget-ancres ul li {
        text-align: left;
    }

    #CMS-os-nossos-compromissos .widget-ancres ul li img {
        float: left;
        margin: -10px 20px 0px;
        width: 55px;
        font-size: 12px !important;
    }

    #CMS-os-nossos-compromissos .widget-tuto-video-16-9 {
        display: block;
    }

    #CMS-os-nossos-compromissos .widget-tuto-video-16-9 .tuto-video-image {
        width: 100%;
        float: none;
    }

    #CMS-os-nossos-compromissos .widget-tuto-video-16-9 .tuto-video-texte {
        width: 100%;
        float: none;
        padding: 45px 30px;
        margin: 0px;
    }

    #CMS-os-nossos-compromissos .widget-tuto-video-16-9 .block-content {
        padding: 0px;
    }

    #CMS-os-nossos-compromissos .widget-titre-majeur-image-video .titre-majeur-image-video-texte {
        float: none;
        width: 100%;
        padding: 45px 30px;
        min-height: auto;
        height: auto;
    }

    #CMS-os-nossos-compromissos .widget-titre-majeur-image-video .titre-majeur-image-video-media {
        float: none;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    #CMS-os-nossos-compromissos .widget-titre-majeur-image-video .titre-majeur-image-video-media img {
        display: block;
    }

    #CMS-os-nossos-compromissos .widget-rituel-produits ul li {
        width: 100%;
        margin: 0px 0px 15px;
        height: auto;
        padding: 30px 20px;
    }

    #CMS-os-nossos-compromissos .widget-rituel-produits .rituel-numero {
        margin: 0px auto 15px;
    }

    #CMS-os-nossos-compromissos .widget-rituel-produits .rituel-visuel {
        display: none;
    }

    #CMS-os-nossos-compromissos .widget-bandeau-alerte {
        padding: 45px 35px !important;
    }

    #CMS-os-nossos-compromissos .widget-bandeau-alerte img {
        display: none;
    }

    #CMS-os-nossos-compromissos .row {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    #CMS-os-nossos-compromissos .widget-ancres ul li {
        font-size: 12px;
    }
}

#CMS-politica-de-cookies .tg {
    border-collapse: collapse;
    border-spacing: 0px;
}

#CMS-politica-de-cookies .tg td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
}

#CMS-politica-de-cookies .tg th {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
}

#CMS-politica-de-cookies .tg .tg-cly1 {
    text-align: left;
    vertical-align: middle;
}

#CMS-politica-de-cookies .tg .tg-0lax {
    text-align: left;
    vertical-align: middle;
}

#CMS-politica-de-cookies ul.static-page-list, #CMS-politica-de-cookies ol.static-page-list {
    margin-left: 40px;
}

#CMS-politica-de-cookies ul.static-page-list li {
    list-style-type: initial;
}

#CMS-politica-de-cookies ol.static-page-list {
    list-style-type: decimal;
}

#CMS-politica-de-cookies ul.static-page-list ul, #CMS-politica-de-cookies ol.static-page-list ul {
    margin-left: 20px;
}

#CMS-politica-de-cookies ul.static-page-list ul li, #CMS-politica-de-cookies ol.static-page-list ul li {
    list-style-type: circle;
}

#CMS-politica-de-cookies ul.static-page-list ul.no-list, #CMS-politica-de-cookies ol.static-page-list ul.no-list {
    margin-left: 20px;
}

#CMS-politica-de-cookies ul.static-page-list ul.no-list li, #CMS-politica-de-cookies ol.static-page-list ul.no-list li {
    list-style-type: none;
}

#CMS-politica-de-cookies ul.no-list {
    margin-left: 20px;
}

#CMS-politica-de-cookies ul.no-list li {
    list-style-type: none;
}

#CMS-politica-de-privacidade .tg {
    border-collapse: collapse;
    border-spacing: 0px;
}

#CMS-politica-de-privacidade .tg td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
}

#CMS-politica-de-privacidade .tg th {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
}

#CMS-politica-de-privacidade .tg .tg-cly1 {
    text-align: left;
    vertical-align: middle;
}

#CMS-politica-de-privacidade .tg .tg-0lax {
    text-align: left;
    vertical-align: middle;
}

#CMS-politica-de-privacidade ul.static-page-list, #CMS-politica-de-privacidade ol.static-page-list {
    margin-left: 40px;
}

#CMS-politica-de-privacidade ul.static-page-list li {
    list-style-type: initial;
}

#CMS-politica-de-privacidade ol.static-page-list {
    list-style-type: decimal;
}

#CMS-politica-de-privacidade ul.static-page-list ul, #CMS-politica-de-privacidade ol.static-page-list ul {
    margin-left: 20px;
}

#CMS-politica-de-privacidade ul.static-page-list ul li, #CMS-politica-de-privacidade ol.static-page-list ul li {
    list-style-type: circle;
}

#CMS-politica-de-privacidade ul.static-page-list ul.no-list, #CMS-politica-de-privacidade ol.static-page-list ul.no-list {
    margin-left: 20px;
}

#CMS-politica-de-privacidade ul.static-page-list ul.no-list li, #CMS-politica-de-privacidade ol.static-page-list ul.no-list li {
    list-style-type: none;
}

#CMS-politica-de-privacidade ul.no-list {
    margin-left: 20px;
}

#CMS-politica-de-privacidade ul.no-list li {
    list-style-type: none;
}

#CMS-entregas-e-devolucoes .tg {
    border-collapse: collapse;
    border-spacing: 0px;
}

#CMS-entregas-e-devolucoes .tg td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
}

#CMS-entregas-e-devolucoes .tg .tg-cly1 {
    text-align: left;
    vertical-align: middle;
}

#CMS-entregas-e-devolucoes .tg .tg-0lax {
    text-align: left;
    vertical-align: middle;
}

#CMS-entregas-e-devolucoes ul.static-page-list, #CMS-entregas-e-devolucoes ol.static-page-list {
    margin-left: 40px;
}

#CMS-entregas-e-devolucoes ul.static-page-list li {
    list-style-type: initial;
}

#CMS-entregas-e-devolucoes ol.static-page-list {
    list-style-type: decimal;
}

#CMS-entregas-e-devolucoes ul.static-page-list ul, #CMS-entregas-e-devolucoes ol.static-page-list ul {
    margin-left: 20px;
}

#CMS-entregas-e-devolucoes ul.static-page-list ul li, #CMS-entregas-e-devolucoes ol.static-page-list ul li {
    list-style-type: circle;
}

#CMS-entregas-e-devolucoes ul.static-page-list ul.no-list, #CMS-entregas-e-devolucoes ol.static-page-list ul.no-list {
    margin-left: 20px;
}

#CMS-entregas-e-devolucoes ul.static-page-list ul.no-list li, #CMS-entregas-e-devolucoes ol.static-page-list ul.no-list li {
    list-style-type: none;
}

#CMS-entregas-e-devolucoes ul.no-list {
    margin-left: 20px;
}

#CMS-entregas-e-devolucoes ul.no-list li {
    list-style-type: none;
}

#CMS-entregas-e-devolucoes .tg {
    border-collapse: collapse;
    border-spacing: 0px;
}

#CMS-entregas-e-devolucoes .tg td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
}

#CMS-entregas-e-devolucoes .tg .tg-cly1 {
    text-align: left;
    vertical-align: middle;
}

#CMS-entregas-e-devolucoes .tg .tg-0lax {
    text-align: left;
    vertical-align: middle;
}

#CMS-entregas-e-devolucoes ul.static-page-list, ol.static-page-list {
    margin-left: 40px;
}

#CMS-entregas-e-devolucoes ul.static-page-list li {
    list-style-type: initial;
}

#CMS-entregas-e-devolucoes ol.static-page-list {
    list-style-type: decimal;
}

#CMS-entregas-e-devolucoes ul.static-page-list ul, ol.static-page-list ul {
    margin-left: 20px;
}

#CMS-entregas-e-devolucoes ul.static-page-list ul li, ol.static-page-list ul li {
    list-style-type: circle;
}

#CMS-entregas-e-devolucoes ul.static-page-list ul.no-list, ol.static-page-list ul.no-list {
    margin-left: 20px;
}

#CMS-entregas-e-devolucoes ul.static-page-list ul.no-list li, ol.static-page-list ul.no-list li {
    list-style-type: none;
}

#CMS-entregas-e-devolucoes ul.no-list {
    margin-left: 20px;
}

#CMS-entregas-e-devolucoes ul.no-list li {
    list-style-type: none;
}

#CMS-inovacao #diapo2 {
    height: 100%;
}

#CMS-inovacao #diapo1 {
    position: initial;
    width: 465px !important;
}

#CMS-inovacao .prod1 {
    top: 15px;
}

#CMS-inovacao .prod2 {
    position: relative;
    margin: 0px auto;
    left: 50%;
    transform: translateX(-50%);
}

#CMS-inovacao .prod3 {
    position: relative;
    margin: 0px auto;
    left: 50%;
    transform: translateX(-50%);
}

#CMS-inovacao .prod4 {
    display: block;
    position: absolute;
    top: 125px;
    left: 525px;
}

#CMS-inovacao .plus_center {
    position: absolute;
    left: 50%;
}

#CMS-inovacao #jaune_fond {
    display: block !important;
}

#CMS-inovacao #jaune_contenu {
    display: block !important;
}

@media screen and (min-width: 1200px) {
    #CMS-inovacao #fille_desktop {
        display: block;
    }

    #CMS-inovacao #fille_mobile {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #CMS-inovacao #fille_desktop {
        display: block;
    }

    #CMS-inovacao #fille_mobile {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #CMS-inovacao #fille_desktop {
        display: block;
    }

    #CMS-inovacao #fille_mobile {
        display: none;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    #CMS-inovacao #fille_desktop {
        display: none;
    }

    #CMS-inovacao #fille_mobile {
        display: block;
    }

    #CMS-inovacao #jaune_contenu h2 {
        font-family: inherit;
        font-size: 18px;
        color: rgb(0, 0, 0);
        line-height: 19px;
        font-weight: 400;
    }

    #CMS-inovacao #jaune_contenu {
        height: auto;
        position: relative;
        width: 100%;
        left: auto;
        margin-top: 30px;
    }

    #CMS-inovacao #jaune_fond {
        margin-top: 360px;
        position: relative;
    }

    #CMS-inovacao #jaune_contenu p {
        font-family: inherit;
        font-size: 12px;
        color: rgb(130, 154, 165);
        line-height: 20px;
        text-align: left;
        width: 100%;
    }

    #CMS-inovacao #bouton {
        width: 100%;
        border-radius: 3px;
        font-weight: 500;
        font-size: 10px;
        line-height: 20px;
        padding-top: 7px;
        height: 44px;
        background: rgb(0, 0, 0) !important;
        color: rgb(255, 255, 255) !important;
    }

    #CMS-inovacao .wrapper_naos_reassurance {
        margin-top: 50px !important;
    }

    #CMS-inovacao #fille_mobile {
        text-align: center;
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 480px) {
    #CMS-inovacao #fille_desktop {
        display: none;
    }

    #CMS-inovacao #fille_mobile {
        display: block;
    }

    #CMS-inovacao #jaune_contenu h2 {
        font-family: inherit;
        font-size: 18px;
        color: rgb(0, 0, 0);
        line-height: 19px;
        font-weight: 400;
    }

    #CMS-inovacao #jaune_contenu {
        height: auto;
        position: relative;
        width: 100%;
        left: auto;
        margin-top: 30px;
    }

    #CMS-inovacao #jaune_fond {
        margin-top: 320px;
        position: relative;
    }

    #CMS-inovacao #jaune_contenu p {
        font-family: inherit;
        font-size: 12px;
        color: rgb(130, 154, 165);
        line-height: 20px;
        text-align: left;
        width: 100%;
    }

    #CMS-inovacao #bouton {
        width: 100%;
        border-radius: 3px;
        font-weight: 500;
        font-size: 10px;
        padding-top: 7px;
        height: 44px;
        line-height: 28px;
        margin-top: 30px;
        background: rgb(0, 0, 0) !important;
        color: rgb(255, 255, 255) !important;
    }

    #CMS-inovacao .wrapper_naos_reassurance {
        margin-top: 50px !important;
    }

    #CMS-inovacao #fille_mobile {
        margin-left: 0px !important;
    }
}

#CMS-inovacao h2.no-text-transform {
    text-transform: none !important;
}

#CMS-Home #custom_carousel .item {
    color: rgb(255, 255, 255);
    background-color: rgb(238, 238, 238);
    padding: 20px 0px;
    text-align: center;
    height: auto;
    font-family: Raleway-black;
}

#CMS-Home #custom_carousel p {
    font-family: Raleway;
    text-align: center;
    font-size: 13px;
}

#CMS-Home .link a::before {
    content: '\2192';
    margin-right: 10px;
}

#CMS-Home #custom_carousel .link a:hover {
    color: rgb(255, 255, 255);
}

#CMS-Home #custom_carousel .link a {
    display: inline-block;
    position: relative;
    color: rgb(0, 0, 0);
    z-index: 1;
    padding: 8px 10px;
    font-family: Raleway;
    font-size: 13px;
}

#CMS-Home .tab_slider {
    padding-top: 20%;
}

#CMS-Home a:not([href]):not([tabindex]):hover, #CMS-Home a:not([href]):not([tabindex]):focus {
    cursor: pointer;
}

#CMS-Home h2.no-text-transform {
    text-transform: none !important;
}

#CMS-Home .tab_content_1 .bg_origem {
    background-image: url("/media/homepage/home-etatpur-origem.jpg");
    background-position: 100% center;
}

#purstate1 .tab_content_1 .row, #purstate2 .tab_content_2 .row, #purstate3 .tab_content_3 .row, #purstate4 .tab_content_4 .row {
    display: flex;
}

#CMS-Home .tab_content_2 .bg_inovacao {
    background-image: url("/media/homepage/home-etatpur-inovacao.jpg");
    background-position: 100% center;
}

#CMS-Home .tab_content_3 .bg_ingredientes {
    background-image: url("/media/homepage/home-etatpur-ingredientes.jpg");
    background-position: 100% center;
}

#CMS-Home .tab_content_4 .bg_compromissos {
    background-image: url("/media/homepage/home-etatpur-compromissos.jpg");
    background-position: 100% center;
}

#CMS-termos-e-condicoes .tg {
    border-collapse: collapse;
    border-spacing: 0px;
}

#CMS-termos-e-condicoes .tg td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
}

#CMS-termos-e-condicoes .tg th {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
}

#CMS-termos-e-condicoes .tg .tg-cly1 {
    text-align: left;
    vertical-align: middle;
}

#CMS-termos-e-condicoes .tg .tg-0lax {
    text-align: left;
    vertical-align: middle;
}

#CMS-termos-e-condicoes ul.static-page-list, ol.static-page-list {
    margin-left: 40px;
}

#CMS-termos-e-condicoes ul.static-page-list li {
    list-style-type: initial;
}

#CMS-termos-e-condicoes ol.static-page-list {
    list-style-type: decimal;
}

#CMS-termos-e-condicoes ul.static-page-list ul, ol.static-page-list ul {
    margin-left: 20px;
}

#CMS-termos-e-condicoes ul.static-page-list ul li, ol.static-page-list ul li {
    list-style-type: circle;
}

#CMS-termos-e-condicoes ul.static-page-list ul.no-list, ol.static-page-list ul.no-list {
    margin-left: 20px;
}

#CMS-termos-e-condicoes ul.static-page-list ul.no-list li, ol.static-page-list ul.no-list li {
    list-style-type: none;
}

#CMS-termos-e-condicoes ul.no-list {
    margin-left: 20px;
}

#CMS-termos-e-condicoes ul.no-list li {
    list-style-type: none;
}

.pb_txt_left_white {
    text-align: left !important;
}

.option-input {
    z-index: 1 !important;
}

.review-control-vote input[type="radio"] {
    position: absolute !important;
}

.review-control-vote label {
    position: absolute !important;
}

.nav-2017-soins-diagnostic a {
    padding: 20px 72px 30px 165px !important;
    line-height: 15px !important;
}

.nav-2017-soins-diagnostic:hover a, .nav-2017-soins-diagnostic:active a {
    background-image: url("/media/menu/diagnostic-hover.png") !important;
}

nav-2017-soins-diagnostic a {
    padding: 20px 172px 30px 165px !important;
    line-height: 15px !important;
}

.product-list-filter ul li a {
    letter-spacing: 0.4px;
    font-size: 11px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 2px 5px 0px 0px;
}

.block-title::after {
    content: url("/media/a-nossa-atitude-responsavel/triangulo.png");
    position: absolute;
    left: 50%;
    top: 57px;
}

.p1 {
    display: flex;
    text-align: left;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .bonnes-raisons-right p {
        color: rgb(59, 94, 108);
    }
}

@media all {
    :focus {
        outline: 0px;
    }

    * {
        padding: 0px;
        margin: 0px;
        background-repeat: no-repeat;
        box-sizing: border-box;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }

    .container-atitude hr {
        background-color: rgb(226, 226, 226);
        border: 0px;
        height: 1px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .container-atitude h4 {
        color: rgb(113, 138, 149);
        font-size: 18px;
        font-weight: 300;
        line-height: 22px;
    }

    .container-atitude p {
        color: rgb(130, 154, 165);
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8;
    }

    .container-atitude {
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
    }

    .container-atitude .container-content {
        background: rgb(255, 255, 255);
        cursor: auto;
        display: inline-block;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        min-width: 30%;
        overflow: auto;
        padding: 25px 25px 0px;
        position: relative;
        text-align: left;
        vertical-align: middle;
        white-space: normal;
    }

    .container-atitude .container-inner {
        display: block;
    }

    .container-inner>h1 {
        color: rgb(0, 0, 0);
        font-size: 24px;
        font-weight: 300;
        line-height: 29px;
        padding: 35px;
        text-align: center;
    }

    .std>h2 {
        color: rgb(64, 180, 166);
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        padding: 35px;
        text-align: center;
    }

    .std>h3 {
        color: rgb(130, 154, 165);
        font-size: 18px;
        font-weight: 500;
        line-height: 1.8;
        padding-bottom: 25px;
    }

    .std>ul {
        color: rgb(130, 154, 165);
        list-style-position: inside;
        margin-left: 40px;
        line-height: 1.8;
    }

    .container-inner .container-inner-content {
        padding: 50px 60px;
    }

    .container-atitude .green {
        color: rgb(64, 180, 166);
    }

    .container-atitude .double-block {
        margin-top: 40px;
        display: inline-block;
    }

    .container-atitude .block-left {
        height: 100%;
        width: calc(50% - 20px);
        float: left;
    }

    .container-atitude .block-right {
        height: 100%;
        width: calc(50% - 20px);
        float: right;
    }

    .container-atitude .block-title {
        height: 70px;
        border: 3px solid rgba(130, 154, 165, 0.2);
        text-align: center;
        position: relative;
        color: rgb(0, 0, 0);
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 45px;
    }

    .container-atitude .block-title::after {
        content: url("/media/a-nossa-atitude-responsavel/triangulo.png");
        position: absolute;
        left: 50%;
        top: 57px;
    }

    .container-atitude .block-left .block-title {
        padding: 11px 0px;
    }

    .container-atitude .block-right .block-title {
        padding: 21px 0px;
    }

    .container-atitude .block-item {
        margin-bottom: 20px;
        overflow: hidden;
    }

    .container-atitude .darkblue {
        color: rgb(0, 0, 0);
    }

    .container-atitude .etat {
        font-weight: 500;
        font-size: 18px;
        color: rgb(0, 0, 0);
        line-height: 24px;
    }
}

@media only screen and (max-width: 1024px) {
    .container .container-content {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0px;
        border-bottom: 10px solid transparent;
    }

    .container-atitude .block-left, .container-atitude .block-right {
        height: 100%;
        width: 100%;
        float: none;
    }

    .container-atitude .block-right {
        margin-top: 35px;
    }

    .container-atitude .container-inner .container-inner-content {
        padding: 25px;
    }

    .container-atitude .container-inner>h1 {
        padding: 25px;
    }

    .container-atitude .block-title {
        margin-bottom: 25px;
    }
}

.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li a.sm_megamenu_head {
    padding: 4px !important;
}

.ban_custom {
    background-image: url("/media/impactos-do-ambiente-urbano-na-pele/inspiration-ville-banner.jpg") !important;
}

.cms-page-view #products-list>li .product-infos .availability {
    color: rgb(255, 255, 255) !important;
}

.bss_checkbox, .bss_radio {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
}

.bss_checkbox>input, .bss_radio>input {
    margin-right: 5px !important;
}

#wrapper_jn_gauche>p {
    text-align: center;
}

.diapo_couple.single {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#products-list.products-list.with-review>.item>div:first-child {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    height: 250px;
}

.p1 .titre_numerote_texte {
    font-size: 24px;
}

.header-bottom.menu-on-top {
    padding-bottom: 0px !important;
}

.slide-carroussel-titre {
    font-size: 14px;
    font-weight: 700;
}

.slide-carroussel-description {
    padding: 0px 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.colonne-1.open-etape .bloc-texte-etape {
    width: 660px;
}

@media only screen and (min-width: 240px) and (max-width: 768px) {
    .home-style-1 .product-slider {
        display: initial;
    }

    .bx-wrapper .bx-viewport {
        left: -15px !important;
    }

    #formula_landing_right {
        padding: 20px;
        margin: 0px;
        position: absolute;
        left: -15px;
        top: 100%;
        width: 100% !important;
    }

    .wp-legal-mention {
        margin-top: 0px;
        color: rgb(175, 175, 175);
        font-size: 10px;
        line-height: 12px;
        font-weight: 300;
        margin-left: 25px;
        text-align: center;
        position: absolute;
        padding: 20px;
        bottom: 50px;
        width: 100% !important;
        left: -15px !important;
    }

    .bouton01 {
        width: 100% !important;
        border: 0px !important;
    }

    .colonne-1, .colonne-2 {
        display: block;
        width: 100% !important;
        padding: 0px !important;
    }

    .wrapper_produits {
        margin-top: 0px;
    }

    .intro-mobile {
        text-align: center;
        color: rgb(0, 0, 0);
        font-size: 24px;
        line-height: 30px;
        padding: 25px 0px;
    }

    .bons-reflexes .titre {
        padding: 0px 20px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 14px;
    }

    #texte-conseils-experts {
        width: auto;
        text-align: center;
        padding: 0px 20px;
    }

    .pre-etapes {
        margin-top: 55px;
    }

    .pre-etapes-title {
        margin-bottom: 32px;
    }

    .pre-etapes-title span {
        padding: 3px 6px;
        line-height: 31px;
        font-size: 17px;
        letter-spacing: 1.5px;
    }

    .pre-etapes-bloc {
        width: 290px;
        margin: 0px 15px 33px;
        height: 155px;
    }

    #pre-etapes-bloc-3 {
        margin-bottom: 0px;
    }

    .pre-etapes-bloc-n {
        width: 30px;
        height: 50px;
        line-height: 50px;
    }

    .pre-etapes-bloc-title {
        font-size: 14px;
        top: 20px;
        left: 46px;
    }

    .pre-etapes-bloc-product {
        font-size: 10px;
        top: 80px;
        left: 47px;
    }

    .pre-etapes-bloc-product.long-title-before {
        top: 90px;
    }

    .pre-etapes-bloc-title.very-long-title {
        top: 8px;
    }

    .pre-etapes-bloc-product.very-long-title-before {
        top: 97px;
    }

    .pre-etapes-bloc::after {
        width: 32px;
        height: 24px;
        line-height: 24px;
    }

    #pre-etapes-bloc-1, #pre-etapes-bloc-2, #pre-etapes-bloc-3 {
        background-size: 65px;
    }

    .bloc-etape-header {
        margin: 50px auto 0px;
        width: 290px;
    }

    .bloc-etape-header-green {
        display: block;
        width: 100%;
        color: rgb(102, 208, 212);
        background-color: white;
        text-align: center;
        border-top: 1px solid rgb(224, 224, 224);
        padding: 18px 0px 16px;
        height: auto;
        font-size: 17px;
    }

    .bloc-etape-header-grey {
        display: block;
        width: 100%;
        font-size: 20px;
        line-height: 27px;
        height: auto;
        padding: 20px 23px;
        text-align: center;
    }

    .bloc-etape {
        width: 290px;
        margin: 0px auto;
    }

    .bloc-etape.etape-1 .colonne-1, .bloc-etape.etape-2 .colonne-1, .bloc-etape.etape-3 .colonne-1 {
        padding: 0px;
    }

    .bloc-image-etape, .bloc-texte-etape, .colonne-1.open-etape .bloc-texte-etape {
        width: 100%;
    }

    .bloc-image-etape {
        height: 266px;
    }

    .bloc-texte-etape {
        height: auto;
        padding: 50px 30px;
        text-align: center;
    }

    .bloc-etape #products-list>li .media img {
        height: 190px;
    }

    .bloc-etape #products-list .product-left-image {
        height: 280px;
    }

    .bons-reflexes .bloc-etape #products-list {
        padding: 0px;
    }

    .bons-reflexes .product-infos {
        margin-top: 0px;
        padding: 0px;
    }

    .wrapper_produits ul.list-type-localisation li {
        font-size: 12px;
        letter-spacing: 0.02em;
        list-style-image: url("/skin/frontend/etatpur/default/images/mini-puce.jpg");
        display: block;
    }

    .bloc-etape #products-list>li .product-infos .addto button {
        width: 100%;
        margin: 0px;
        height: 60px;
    }

    .bloc-etape #products-list>li .product-contents {
        float: none;
        display: inline-block;
    }

    .bloc-image-etape img {
        height: auto;
    }

    #crosselling-slider-title, #crosselling-slider {
        display: none;
    }

    .etape-3 {
        margin-bottom: 60px;
    }

    .ban_custom {
        background-image: url("/media/impactos-do-ambiente-urbano-na-pele/inspiration-ville-banner-m.jpg") !important;
        height: 338px !important;
        background-position: center center !important;
    }

    .wrapper_produits {
        margin-top: 0px;
    }

    .wrapper_produits {
        max-width: 320px;
        margin-top: -20px;
    }

    .bons-reflexes {
        margin-top: 30px;
    }

    .catalog-category-view .product-left-image, .catalogsearch-result-index .product-left-image, .cms-page-view .product-left-image {
        width: 100% !important;
    }

    .toggle-block-button {
        display: none;
    }

    .cms-page-view .wrapper_produits #products-list>li .product-contents {
        width: 100%;
    }

    .title-bartext.bartextblue {
        padding-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    #mentions-asterisques {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    #wrapper_inno2 {
        margin-top: 62px;
    }

    .spring_beautybox {
        padding: 0px;
    }

    .text_wraper {
        margin: 0px;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    #CMS-os-nossos-compromissos .widget-ancres ul li:last-of-type {
        height: 150px;
    }

    #CMS-os-nossos-compromissos .widget-ancres ul li:last-of-type img {
        margin-top: 10px;
    }

    .widget-bandeau-alerte img {
        position: static;
    }

    #CMS-a-minha-formula-personalizada .widget-static-block {
        float: none;
    }

    #CMS-a-minha-formula-personalizada #formula_landing_right {
        position: static;
        padding: 0px;
        width: 100% !important;
    }

    #CMS-a-minha-formula-personalizada .wp-legal-mention {
        position: static;
        margin: 0px;
        padding: 0px;
    }

    #CMS-a-minha-formula-personalizada #bouton_desktop {
        height: auto;
        margin: 0px !important;
        border: 1px solid rgb(64, 180, 166) !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    #CMS-a-minha-formula-personalizada #bouton_desktop {
        left: 0px !important;
    }

    #CMS-impactos-do-ambiente-urbano-na-pele .category-products {
        margin-top: 20px;
    }

    #CMS-ingredientes-dos-cuidados-biomimeticos h1 {
        margin-bottom: 0px;
        padding: 25px 0px;
    }

    #CMS-ingredientes-dos-cuidados-biomimeticos h2 {
        margin: 0px;
        padding: 15px 0px;
    }

    #CMS-ingredientes-dos-cuidados-biomimeticos h3, #CMS-ingredientes-dos-cuidados-biomimeticos p {
        font-size: 14px;
    }

    #CMS-ingredientes-dos-cuidados-biomimeticos .container-content {
        margin: 0px;
        padding: 0px;
    }

    #CMS-ingredientes-dos-cuidados-biomimeticos .container-inner-content {
        padding: 25px 0px;
    }

    #CMS-ritual-anti-imperfeicoes .category-products {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .page-wrapper.cart-wrapper {
        position: fixed;
        top: 14px;
        right: 22px;
        z-index: 10;
    }

    .product-info-main .price-box .price {
        margin: 0px 10px;
        font-size: 20px !important;
    }

    .product-stats {
        text-align: center;
    }

    .product-stat {
        width: 48%;
        float: none;
    }

    .product-stats-link ul {
        list-style-position: outside;
    }

    .product-pros-right {
        text-align: left;
    }

    .product-stats-link ul {
        text-align: left;
        margin-left: 22px;
    }

    .reassure .reassure_box {
        padding: 25px 0px 25px 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .catalog-product-view .post-bottom, .catalog-product-view .post-bottom {
        padding-bottom: 0px;
    }

    .products-grid .product-image-photo {
        margin-top: 0px;
    }

    .breadcrumbs-titlepage {
        visibility: hidden;
    }

    .category-header .breadcrumbmain {
        border-bottom: none;
    }

    .product_listing {
        overflow-x: hidden;
    }

    .footer_logo {
        text-align: center;
        margin-top: 20px;
    }

    #CMS-Home .controls.slideHome, #CMS-Home #custom_carousel {
        display: none;
    }

    #CMS-Home .top-produit-slide-content {
        float: none;
        margin: 0px;
        text-align: center;
    }

    #CMS-Home .top-produit-slide-content.top-produit-slide-content1 {
        width: auto;
        margin-top: 30px;
    }

    #CMS-Home .group-title h2 {
        margin-top: 40px;
    }

    #CMS-Home .product-infos-addtocart-button {
        margin: 10px 0px;
    }

    #CMS-Home .product-infos-price-rating {
        border: 1px solid rgb(224, 224, 224);
    }

    #CMS-Home .rating-summary-box.tabs-home {
        border: none;
    }

    #CMS-Home .product-title {
        border-top: 1px solid rgb(224, 224, 224);
        border-right: 1px solid rgb(224, 224, 224);
        border-left: 1px solid rgb(224, 224, 224);
        border-image: initial;
        border-bottom: none;
    }

    .product_price form {
        display: none;
    }

    body.navbar-active .cart-wrapper {
        display: none;
    }

    .fotorama--fullscreen .fotorama__zoom-in.zoom-in-loaded, .fotorama--fullscreen .fotorama__zoom-out.zoom-out-loaded, .fotorama--fullscreen .fotorama__nav__frame.fotorama__nav__frame--dot {
        display: none;
    }
}

.clube-naos {
    display: inline-block;
    width: 100px;
    margin-right: 24px;
}

#CMS-ingredientes-dos-cuidados-biomimeticos ul {
    list-style-type: disc;
}

.contact-info {
    text-align: center;
    width: 60%;
    margin: 0px auto;
}

.contact-info>div {
    padding: 15px 0px;
    font-size: 18px;
}

.contact-info .contact-details {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.contact-info .contact-details div {
    text-align: center;
    font-size: 18px;
}

.contact-info .contact-details p {
    text-align: center;
    font-size: 13px;
}

@media only screen and (max-width: 767px) {
    .contact-info {
        width: 100%;
    }

    .contact-info .contact-details {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .contact-info .contact-details div:first-of-type {
        margin-bottom: 18px;
    }

    .cart-container .cart.table-wrapper .item .col.item {
        border-top: none;
        height: auto;
    }

    .cart.table-wrapper .product-item-photo {
        display: inline-block;
        max-width: 60px;
        padding: 0px;
        width: 100%;
    }

    .cart.table-wrapper .product-item-details {
        white-space: normal;
        display: inline-block;
        vertical-align: top;
        padding-top: 45px;
        position: static;
    }

    form.create.account.form-create-account .primary {
        width: 100% !important;
    }

    .opc-progress-bar {
        text-align: center;
    }

    .account .column.main .block:not(.widget) .block-content .box:nth-child(2n+1), .account .column.main .block:not(.widget) .block-content .box:nth-child(2n+1) {
        float: none !important;
    }
}

.detail-title h2 {
    color: rgb(0, 75, 108) !important;
}

.fotorama__img {
    object-fit: contain;
}

.sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_content ul li a span {
    padding-left: 48px;
}

.sm_megamenu_title.sm_megamenu_description p {
    text-align: left;
}

#CMS-Home .slideHome li {
    box-sizing: border-box;
}

#CMS-Home .slideHome li:hover:not(.active) {
    border-bottom: 6px solid rgb(175, 197, 207);
}

#CMS-Home .slideHome li.active {
    border-bottom: 6px solid rgb(0, 0, 0);
}

#CMS-Home #custom_carousel .carousel-indicators {
    bottom: inherit;
    position: static;
    left: inherit;
    z-index: 15;
    width: inherit;
    padding-left: inherit;
    margin-left: inherit;
    margin-right: inherit;
    text-align: inherit;
    list-style: inherit;
}

#CMS-Home #custom_carousel .carousel-indicators li {
    display: inherit;
    width: inherit;
    height: inherit;
    margin: inherit;
    padding: inherit;
    text-indent: inherit;
    background-color: inherit;
    border-radius: inherit;
}

#CMS-Home #custom_carousel .carousel-indicators li::before, #CMS-Home #custom_carousel .carousel-indicators li::after {
    display: none;
}

#CMS-Home #custom_carousel .carousel-indicators .active {
    width: inherit;
    height: inherit;
    background-color: inherit;
}

#CMS-Home #custom_carousel .link {
    color: rgb(0, 0, 0);
    line-height: 20px;
    text-decoration: none;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 50%, transparent 50%, transparent);
    background-position: 100% 0px;
    background-size: 200% 100%;
    transition: all 0.3s ease-in 0s;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding: 7px 15px;
    outline: 0px;
}

#CMS-Home #custom_carousel .link a {
    font-size: 13px;
    font-family: Roboto-Regular, sans-serif;
    font-weight: 300;
    letter-spacing: 0.8px;
}

#CMS-Home #custom_carousel .link:hover {
    color: rgb(255, 255, 255);
    background-position: 0px 0px;
}

.post-bottom .block.related {
    display: none;
}

.post-bottom .related-upsell-wrapper.block.block-detail.related {
    display: block;
}

.product-contentbox.product-bon-a-savoir ul {
    list-style: inside disc;
}

#rev_slider_1_1_forcefullwidth {
    margin-bottom: 85px !important;
}

.price-box .price {
    color: rgb(0, 0, 0);
}

.breadcrumbmain .breadcrumb>.active {
    color: rgb(0, 0, 0);
}

legend {
    color: rgb(0, 0, 0) !important;
}

.account .column.main .block:not(.widget) .block-title>strong {
    color: rgb(0, 0, 0);
}

#newsletter-popup-validate-detail .w-newsletter .newsletter-info .newsletter-title {
    color: #B29188;
    font-size: 36px;
    line-height: initial;
    margin-bottom: 15px;
}

.w-newsletter .newsletter-info p {
    text-align: center;
    color: #B29188;
    font-size: 20px;
    line-height: initial;
    margin-bottom: 20px;
}

.w-newsletter .newsletter-info .form-newsletter-popup .input-box .input-text {
    background-color: #D6BFB7;
    height: 44px;
    width: 100%;
    padding: 0 10px;
    border: none;
    text-align: center;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    font-weight: 700;
    letter-spacing: 2px;
    border: 2px solid #fff;
}

.w-newsletter .subscribe-bottom {
    color: #B29188;
}

.w-newsletter .subscribe-bottom a {
    color: #B29188;
    font-weight: 400;
}

#newsletter-popup-validate-detail .w-newsletter .newsletter-info {
    padding: 50px 0 0;
    max-width: 400px;
    text-align: center;
    float: none;
    width: 100%;
    margin: auto;
}

#newsletter-popup-validate-detail .w-newsletter .newsletter-info img {
    margin-bottom: 20px;
    max-width: 150px;
}

.w-newsletter .newsletter-info .form-newsletter-popup {
    max-width: 350px;
}

.w-newsletter .newsletter-info .form-newsletter-popup .action-newsletter button {
    background-color: #fff;
    color: #B29188 !important;
    border-radius: 5px;
    border: 2px solid #a99b92 !important;
    line-height: 36px;
    font-weight: 700;
    font-size: 14px !important;
    height: 44px;
}

@media (max-width: 768px) {
    .forcefullwidth_wrapper_tp_banner {
        margin-top: 64px !important;
    }

    body .w-newsletter {
        width: auto;
        background: url("../images/bg-newsletter.jpg") left top no-repeat;
        background: #D7C6BC;
    }

    #newsletter-popup-validate-detail .w-newsletter .newsletter-info {
        padding: 70px 30px 0px;
    }

    .product_listbox>ul>li {
        display: inline-table;
    }

    .w-newsletter .newsletter-info .form-newsletter-popup {
        max-width: 100% !important;
    }
}

.fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
    max-height: 148px;
}

.blog-page .products-grid .product-image-wrapper {
    padding-bottom: 100% !important;
    background: #fff;
}

.blog-page .products-grid.products-related {
    margin-top: 20px;
}

label.label {}

.checkout-payment-method .checkout-billing-address {
    text-align: left;
}

.checkout-payment-method .checkout-billing-address .billing-address-details {
    line-height: 16px;
}

.checkout-payment-method .payment-method-title label {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #000 !important;
}

.checkout-payment-method .payment-method-content .fieldset.mbway-phone-number {
    background: #f4f9fa;
    padding: 20px;
    border: 1px solid #cccccc;
}

.checkout-payment-method .payment-method-content .fieldset.mbway-phone-number>.field:not(.choice)>.label {
    width: 100%;
    float: none;
    text-align: left;
    color: #000;
}

.checkout-payment-method .payment-method-content .fieldset.mbway-phone-number input {
    background: #fff;
    border: 1px solid #cccccc !important;
    margin-top: 20px !important;
    padding: 0 12px !important;
}

.products-grid .product-item-info .product-item-actions .actions-secondary {
    display: none;
}

.products-grid.products-crosssell .product-image-wrapper {
    height: initial;
    padding-bottom: 100% !important;
}

.block.crosssell .block-title {
    display: none;
}