@import url(https://fonts.googleapis.com/css?family=Old+Standard+TT:400,700);
@import url(//fonts.googleapis.com/css?family=Raleway:500,600,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:600);
@font-face {
    font-family: 'HelveticaNeue LT 45';
    src: url('https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/HelveticaNeueLT-Light.eot');
    src: url('https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/HelveticaNeueLT-Light.eot?#iefix') format('embedded-opentype'),
        url('https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/HelveticaNeueLT-Light.woff2') format('woff2'),
        url('https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/HelveticaNeueLT-Light.woff') format('woff'),
        url('https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/HelveticaNeueLT-Light.ttf') format('truetype'),
        url('https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/HelveticaNeueLT-Light.svg#HelveticaNeueLT-Light') format('svg');
    font-weight: 100;
    font-style: normal;
}
.ico-sprite,
.ico-active,
.ico-arrow,
.ico-filters-active,
.ico-filters-arrow,
.ico-home,
.ico-picto-fibreflex,
.ico-picto-grande-taille,
.ico-picto-max-haalevar,
.ico-picto-new,
.ico-picto-promo,
.ico-picto-taille-enfant,
.ico-picto_coeur,
.ico-search {
    background-image: url('https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/ico-sd5366c0417.png');
    background-repeat: no-repeat
}




.ico-active {
    background-position: 0 0;
    height: 9px;
    width: 13px
}

.ico-arrow {
    background-position: 0 -9px;
    height: 13px;
    width: 9px
}

.ico-filters-active {
    background-position: 0 -22px;
    height: 8px;
    width: 11px
}

.ico-filters-arrow {
    background-position: 0 -38px;
    height: 8px;
    width: 11px
}

.ico-filters-arrow:active,
.ico-filters-arrow.filters-arrow-active {
    background-position: 0 -30px
}

.ico-home {
    background-position: 0 -46px;
    height: 12px;
    width: 13px
}

.ico-picto-fibreflex {
    background-position: 0 -58px;
    height: 25px;
    width: 122px
}

.ico-picto-grande-taille {
    background-position: 0 -83px;
    height: 50px;
    width: 76px
}

.ico-picto-max-haalevar {
    background-position: 0 -133px;
    height: 59px;
    width: 50px
}

.ico-picto-new {
    background-position: 0 -192px;
    height: 24px;
    width: 144px
}

.ico-picto-promo {
    background-position: 0 -216px;
    height: 22px;
    width: 144px
}

.ico-picto-taille-enfant {
    background-position: 0 -238px;
    height: 50px;
    width: 76px
}

.ico-picto_coeur {
    background-position: 0 -288px;
    height: 80px;
    width: 84px
}

.ico-search {
    background-position: 0 -368px;
    height: 12px;
    width: 13px
}

.accordion.first-level-categories .ico-arrow,
.accordion.first-level-categories .ico-active {
    display: inline-block;
    margin: 3px 0 0 0.4rem;
    float: right
}

meta.foundation-version {
    font-family: "/5.5.1/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
    width: 40.063em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
    width: 64.063em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
    width: 90.063em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

html,
body {
    height: 100%
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    font-size: 16px
}

body {
    background: #fff;
    color: #222;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-weight: 300;
    font-style: normal;
    line-height: 24px;
    position: relative;
    cursor: auto
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.accordion {
    margin-bottom: 0
}

.accordion:before,
.accordion:after {
    content: " ";
    display: table
}

.accordion:after {
    clear: both
}

.accordion .accordion-navigation,
.accordion dd {
    display: block;
    margin-bottom: 0 !important
}

.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
    background: #e8e8e8
}

.accordion .accordion-navigation>a,
.accordion dd>a {
    background: #EFEFEF;
    color: #222;
    padding: 1rem;
    display: block;
    font-family: Arial;
    font-size: 1rem
}

.accordion .accordion-navigation>a:hover,
.accordion dd>a:hover {
    background: #e3e3e3
}

.accordion .accordion-navigation>.content,
.accordion dd>.content {
    display: none;
    padding: 0.9375rem
}

.accordion .accordion-navigation>.content.active,
.accordion dd>.content.active {
    display: block;
    background: #fff
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625rem
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table
}

[class*="block-grid-"]:after {
    clear: both
}

[class*="block-grid-"]>li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem
}

@media only screen {
    .small-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .small-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .small-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }
    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .small-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .small-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .small-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }
    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .small-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }
    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .small-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .small-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }
    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .small-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .small-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }
    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .small-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }
    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .medium-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .medium-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }
    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .medium-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .medium-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .medium-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }
    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .medium-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }
    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .medium-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .medium-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }
    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .medium-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .medium-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }
    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .medium-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }
    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 64.063em) {
    .large-block-grid-1>li {
        width: 100%;
        list-style: none
    }
    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .large-block-grid-2>li {
        width: 50%;
        list-style: none
    }
    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .large-block-grid-3>li {
        width: 33.33333%;
        list-style: none
    }
    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .large-block-grid-4>li {
        width: 25%;
        list-style: none
    }
    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .large-block-grid-5>li {
        width: 20%;
        list-style: none
    }
    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .large-block-grid-6>li {
        width: 16.66667%;
        list-style: none
    }
    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .large-block-grid-7>li {
        width: 14.28571%;
        list-style: none
    }
    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .large-block-grid-8>li {
        width: 12.5%;
        list-style: none
    }
    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .large-block-grid-9>li {
        width: 11.11111%;
        list-style: none
    }
    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .large-block-grid-10>li {
        width: 10%;
        list-style: none
    }
    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .large-block-grid-11>li {
        width: 9.09091%;
        list-style: none
    }
    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .large-block-grid-12>li {
        width: 8.33333%;
        list-style: none
    }
    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none
    }
    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

.breadcrumbs {
    display: block;
    padding: 0.5625rem 0.875rem 0.5625rem;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    background-color: #f4f4f4;
    border-color: #dcdcdc;
    border-radius: 3px
}

.breadcrumbs>* {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #a0a0a0
}

.breadcrumbs>*:hover a,
.breadcrumbs>*:focus a {
    text-decoration: underline
}

.breadcrumbs>* a {
    color: #a0a0a0
}

.breadcrumbs>*.current {
    cursor: default;
    color: #333
}

.breadcrumbs>*.current a {
    cursor: default;
    color: #333
}

.breadcrumbs>*.current:hover,
.breadcrumbs>*.current:hover a,
.breadcrumbs>*.current:focus,
.breadcrumbs>*.current:focus a {
    text-decoration: none
}

.breadcrumbs>*.unavailable {
    color: #999
}

.breadcrumbs>*.unavailable a {
    color: #999
}

.breadcrumbs>*.unavailable:hover,
.breadcrumbs>*.unavailable:hover a,
.breadcrumbs>*.unavailable:focus,
.breadcrumbs>*.unavailable a:focus {
    text-decoration: none;
    color: #999;
    cursor: not-allowed
}

.breadcrumbs>*:before {
    content: "/";
    color: #aaa;
    margin: 0 0.75rem;
    position: relative;
    top: 1px
}

.breadcrumbs>*:first-child:before {
    content: " ";
    margin: 0
}

[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
    content: "/"
}

button,
.button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: Arial;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #a0a0a0;
    border-color: gray;
    color: #fff;
    transition: background-color 300ms ease-out
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: gray
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    color: #fff
}

button.secondary,
.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #b9b9b9
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #333
}

button.success,
.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    background-color: #368a55
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    color: #fff
}

button.alert,
.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    background-color: #cf2a0e
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    color: #fff
}

button.warning,
.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    background-color: #cf6e0e
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    color: #fff
}

button.info,
.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    background-color: #61b6d9
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    color: #fff
}

button.large,
.button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem
}

button.small,
.button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem
}

button.tiny,
.button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem
}

button.expand,
.button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

button.left-align,
.button.left-align {
    text-align: left;
    text-indent: 0.75rem
}

button.right-align,
.button.right-align {
    text-align: right;
    padding-right: 0.75rem
}

button.radius,
.button.radius {
    border-radius: 3px
}

button.round,
.button.round {
    border-radius: 1000px
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: #a0a0a0;
    border-color: gray;
    color: #fff;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: gray
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    color: #fff
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #a0a0a0
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #b9b9b9
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    color: #333
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #e7e7e7
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #368a55
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    color: #fff
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #43AC6A
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #cf2a0e
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    color: #fff
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #f04124
}

button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #cf6e0e
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    color: #fff
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #f08a24
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #61b6d9
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    color: #fff
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #a0d3e8
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 40.063em) {
    button,
    .button {
        display: inline-block
    }
}

.f-dropdown {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 2px;
    max-width: 500px
}

.f-dropdown>*:first-child {
    margin-top: 0
}

.f-dropdown>*:last-child {
    margin-bottom: 0
}

.f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #ccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88
}

.f-dropdown.right:before {
    left: auto;
    right: 10px
}

.f-dropdown.right:after {
    left: auto;
    right: 9px
}

.f-dropdown.drop-right {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 500px
}

.f-dropdown.drop-right>*:first-child {
    margin-top: 0
}

.f-dropdown.drop-right>*:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 10px;
    left: -12px;
    z-index: 89
}

.f-dropdown.drop-right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent #ccc transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 9px;
    left: -14px;
    z-index: 88
}

.f-dropdown.drop-left {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 500px
}

.f-dropdown.drop-left>*:first-child {
    margin-top: 0
}

.f-dropdown.drop-left>*:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-left:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    position: absolute;
    top: 10px;
    right: -12px;
    left: auto;
    z-index: 89
}

.f-dropdown.drop-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent transparent #ccc;
    border-left-style: solid;
    position: absolute;
    top: 9px;
    right: -14px;
    left: auto;
    z-index: 88
}

.f-dropdown.drop-top {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: -2px;
    margin-left: 0;
    max-width: 500px
}

.f-dropdown.drop-top>*:first-child {
    margin-top: 0
}

.f-dropdown.drop-top>*:last-child {
    margin-bottom: 0
}

.f-dropdown.drop-top:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #fff transparent transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: auto;
    bottom: -12px;
    left: 10px;
    right: auto;
    z-index: 89
}

.f-dropdown.drop-top:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: #ccc transparent transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: auto;
    bottom: -14px;
    left: 9px;
    right: auto;
    z-index: 88
}

.f-dropdown li {
    font-size: 0.875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0
}

.f-dropdown li:hover,
.f-dropdown li:focus {
    background: #eee
}

.f-dropdown li.radius {
    border-radius: 3px
}

.f-dropdown li a {
    display: block;
    padding: 0.5rem;
    color: #555
}

.f-dropdown.content {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 89;
    max-width: 500px
}

.f-dropdown.content>*:first-child {
    margin-top: 0
}

.f-dropdown.content>*:last-child {
    margin-bottom: 0
}

.f-dropdown.tiny {
    max-width: 200px
}

.f-dropdown.small {
    max-width: 300px
}

.f-dropdown.medium {
    max-width: 500px
}

.f-dropdown.large {
    max-width: 800px
}

.f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important
}

.f-dropdown.mega.open {
    left: 0 !important
}

.dropdown.button,
button.dropdown {
    position: relative;
    outline: none;
    padding-right: 3.5625rem
}

.dropdown.button::after,
button.dropdown::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    top: 50%
}

.dropdown.button::after,
button.dropdown::after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem
}

.dropdown.button::after,
button.dropdown::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.tiny,
button.dropdown.tiny {
    padding-right: 2.625rem
}

.dropdown.button.tiny:after,
button.dropdown.tiny:after {
    border-width: 0.375rem;
    right: 1.125rem;
    margin-top: -0.125rem
}

.dropdown.button.tiny::after,
button.dropdown.tiny::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.small,
button.dropdown.small {
    padding-right: 3.0625rem
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-width: 0.4375rem;
    right: 1.3125rem;
    margin-top: -0.15625rem
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.large,
button.dropdown.large {
    padding-right: 3.625rem
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-width: 0.3125rem;
    right: 1.71875rem;
    margin-top: -0.15625rem
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-color: #fff transparent transparent transparent
}

.dropdown.button.secondary:after,
button.dropdown.secondary:after {
    border-color: #333 transparent transparent transparent
}

form {
    margin: 0 0 1rem
}

form .row .row {
    margin: 0 -0.5rem
}

form .row .row .column,
form .row .row .columns {
    padding: 0 0.5rem
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: 0.5rem
}

label {
    font-size: 0.875rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0
}

label.right {
    float: none !important;
    text-align: right
}

label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0
}

label small {
    text-transform: capitalize;
    color: #676767
}

.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: 2.3125rem
}

.postfix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border: none
}

.prefix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border: none
}

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

span.prefix,
label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333;
    border-color: #ccc
}

span.postfix,
label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333;
    border-color: #ccc
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s linear
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #999;
    outline: none
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
    background-color: #ddd;
    cursor: default
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
    background-color: #ddd;
    cursor: default
}

input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
    border-radius: 3px
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

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

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

select {
    -webkit-appearance: none !important;
    border-radius: 0;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-family: Arial;
    color: rgba(0, 0, 0, 0.75);
    line-height: normal;
    border-radius: 0;
    height: 2.3125rem
}

select::-ms-expand {
    display: none
}

select.radius {
    border-radius: 3px
}

select:hover {
    background-color: #f7f7f7;
    border-color: #999
}

select:disabled {
    background-color: #ddd;
    cursor: default
}

select[multiple] {
    height: auto
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1rem 0
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type="file"] {
    width: 100%
}

fieldset {
    border: 1px solid #ddd;
    padding: 1.25rem;
    margin: 1.125rem 0
}

fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff
}

[data-abide] span.error,
[data-abide] small.error {
    display: none
}

span.error,
small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff
}

.error input,
.error textarea,
.error select {
    margin-bottom: 0
}

.error input[type="checkbox"],
.error input[type="radio"] {
    margin-bottom: 1rem
}

.error label,
.error label.error {
    color: #f04124
}

.error small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff
}

.error>label>small {
    color: #676767;
    background: transparent;
    padding: 0;
    text-transform: capitalize;
    font-style: normal;
    font-size: 60%;
    margin: 0;
    display: inline
}

.error span.error-message {
    display: block
}

input.error,
textarea.error,
select.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left
}

[class*="column"]+[class*="column"]:last-child {
    float: right
}

[class*="column"]+[class*="column"].end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .small-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left
    }
    .small-1 {
        width: 8.33333%
    }
    .small-2 {
        width: 16.66667%
    }
    .small-3 {
        width: 25%
    }
    .small-4 {
        width: 33.33333%
    }
    .small-5 {
        width: 41.66667%
    }
    .small-6 {
        width: 50%
    }
    .small-7 {
        width: 58.33333%
    }
    .small-8 {
        width: 66.66667%
    }
    .small-9 {
        width: 75%
    }
    .small-10 {
        width: 83.33333%
    }
    .small-11 {
        width: 91.66667%
    }
    .small-12 {
        width: 100%
    }
    .small-offset-0 {
        margin-left: 0% !important
    }
    .small-offset-1 {
        margin-left: 8.33333% !important
    }
    .small-offset-2 {
        margin-left: 16.66667% !important
    }
    .small-offset-3 {
        margin-left: 25% !important
    }
    .small-offset-4 {
        margin-left: 33.33333% !important
    }
    .small-offset-5 {
        margin-left: 41.66667% !important
    }
    .small-offset-6 {
        margin-left: 50% !important
    }
    .small-offset-7 {
        margin-left: 58.33333% !important
    }
    .small-offset-8 {
        margin-left: 66.66667% !important
    }
    .small-offset-9 {
        margin-left: 75% !important
    }
    .small-offset-10 {
        margin-left: 83.33333% !important
    }
    .small-offset-11 {
        margin-left: 91.66667% !important
    }
    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }
    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }
    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }
    .row.small-collapse>.column,
    .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.small-uncollapse>.column,
    .row.small-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .medium-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left
    }
    .medium-1 {
        width: 8.33333%
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-3 {
        width: 25%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-6 {
        width: 50%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-9 {
        width: 75%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-0 {
        margin-left: 0% !important
    }
    .medium-offset-1 {
        margin-left: 8.33333% !important
    }
    .medium-offset-2 {
        margin-left: 16.66667% !important
    }
    .medium-offset-3 {
        margin-left: 25% !important
    }
    .medium-offset-4 {
        margin-left: 33.33333% !important
    }
    .medium-offset-5 {
        margin-left: 41.66667% !important
    }
    .medium-offset-6 {
        margin-left: 50% !important
    }
    .medium-offset-7 {
        margin-left: 58.33333% !important
    }
    .medium-offset-8 {
        margin-left: 66.66667% !important
    }
    .medium-offset-9 {
        margin-left: 75% !important
    }
    .medium-offset-10 {
        margin-left: 83.33333% !important
    }
    .medium-offset-11 {
        margin-left: 91.66667% !important
    }
    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }
    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }
    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }
    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left
    }
    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width: 64.063em) {
    .large-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .large-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column,
    .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left
    }
    .large-1 {
        width: 8.33333%
    }
    .large-2 {
        width: 16.66667%
    }
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-12 {
        width: 100%
    }
    .large-offset-0 {
        margin-left: 0% !important
    }
    .large-offset-1 {
        margin-left: 8.33333% !important
    }
    .large-offset-2 {
        margin-left: 16.66667% !important
    }
    .large-offset-3 {
        margin-left: 25% !important
    }
    .large-offset-4 {
        margin-left: 33.33333% !important
    }
    .large-offset-5 {
        margin-left: 41.66667% !important
    }
    .large-offset-6 {
        margin-left: 50% !important
    }
    .large-offset-7 {
        margin-left: 58.33333% !important
    }
    .large-offset-8 {
        margin-left: 66.66667% !important
    }
    .large-offset-9 {
        margin-left: 75% !important
    }
    .large-offset-10 {
        margin-left: 83.33333% !important
    }
    .large-offset-11 {
        margin-left: 91.66667% !important
    }
    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }
    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }
    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none
    }
    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }
    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left
    }
    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }
    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

.inline-list {
    margin: 0 auto 1.0625rem auto;
    margin-left: -1.375rem;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.inline-list>li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block
}

.inline-list>li>* {
    display: block
}

.label {
    font-weight: normal;
    font-family: Arial;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    background-color: #a0a0a0;
    color: #fff
}

.label.radius {
    border-radius: 3px
}

.label.round {
    border-radius: 1000px
}

.label.alert {
    background-color: #f04124;
    color: #fff
}

.label.warning {
    background-color: #f08a24;
    color: #fff
}

.label.success {
    background-color: #43AC6A;
    color: #fff
}

.label.secondary {
    background-color: #e7e7e7;
    color: #333
}

.label.info {
    background-color: #a0d3e8;
    color: #333
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

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

.text-justify {
    text-align: justify !important
}

@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left !important
    }
    .small-only-text-right {
        text-align: right !important
    }
    .small-only-text-center {
        text-align: center !important
    }
    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }
    .small-text-right {
        text-align: right !important
    }
    .small-text-center {
        text-align: center !important
    }
    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .medium-only-text-left {
        text-align: left !important
    }
    .medium-only-text-right {
        text-align: right !important
    }
    .medium-only-text-center {
        text-align: center !important
    }
    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-text-left {
        text-align: left !important
    }
    .medium-text-right {
        text-align: right !important
    }
    .medium-text-center {
        text-align: center !important
    }
    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .large-only-text-left {
        text-align: left !important
    }
    .large-only-text-right {
        text-align: right !important
    }
    .large-only-text-center {
        text-align: center !important
    }
    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 64.063em) {
    .large-text-left {
        text-align: left !important
    }
    .large-text-right {
        text-align: right !important
    }
    .large-text-center {
        text-align: center !important
    }
    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .xlarge-only-text-left {
        text-align: left !important
    }
    .xlarge-only-text-right {
        text-align: right !important
    }
    .xlarge-only-text-center {
        text-align: center !important
    }
    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 90.063em) {
    .xlarge-text-left {
        text-align: left !important
    }
    .xlarge-text-right {
        text-align: right !important
    }
    .xlarge-text-center {
        text-align: center !important
    }
    .xlarge-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }
    .xxlarge-only-text-right {
        text-align: right !important
    }
    .xxlarge-only-text-center {
        text-align: center !important
    }
    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 120.063em) {
    .xxlarge-text-left {
        text-align: left !important
    }
    .xxlarge-text-right {
        text-align: right !important
    }
    .xxlarge-text-center {
        text-align: center !important
    }
    .xxlarge-text-justify {
        text-align: justify !important
    }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

a {
    color: #a0a0a0;
    text-decoration: none;
    line-height: inherit
}

a:hover,
a:focus {
    color: #8a8a8a
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

p.lead {
    font-size: 1.21875rem;
    line-height: 1.6
}

p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial;
    font-weight: 300;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}

h1 {
    font-size: 1.625rem
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #333;
    background-color: #f8f8f8;
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0.125rem 0.3125rem 0.0625rem
}

ul,
ol,
dl {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit
}

ul {
    margin-left: 1.1rem
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet li ul,
ul.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}

ul.no-bullet {
    list-style: none
}

ol {
    margin-left: 1.4rem
}

ol li ul,
ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: 0.3rem;
    font-weight: 500
}

dl dd {
    margin-bottom: 0.75rem
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    cursor: help
}

abbr {
    text-transform: none
}

abbr[title] {
    border-bottom: 1px dotted #ddd
}

blockquote {
    margin: 0 0 1.25rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #6f6f6f
}

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #ddd;
    padding: 0.625rem 0.75rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem
}

.vevent .summary {
    font-weight: bold
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.0625rem
}

@media only screen and (min-width: 40.063em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4
    }
    h1 {
        font-size: 2.25rem
    }
    h2 {
        font-size: 1.875rem
    }
    h3 {
        font-size: 1.6875rem
    }
    h4 {
        font-size: 1.4375rem
    }
    h5 {
        font-size: 1.125rem
    }
    h6 {
        font-size: 1rem
    }
}

.off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow: hidden
}

.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch
}

.inner-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease
}

.inner-wrap:before,
.inner-wrap:after {
    content: " ";
    display: table
}

.inner-wrap:after {
    clear: both
}

.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #333;
    color: #fff;
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
    color: #fff;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
    font-size: 1.125rem
}

.left-small {
    width: 2.8125rem;
    height: 2.8125rem;
    position: absolute;
    top: 0;
    border-right: solid 1px #1a1a1a;
    left: 0
}

.right-small {
    width: 2.8125rem;
    height: 2.8125rem;
    position: absolute;
    top: 0;
    border-left: solid 1px #1a1a1a;
    right: 0
}

.tab-bar-section {
    padding: 0 0.625rem;
    position: absolute;
    text-align: center;
    height: 2.8125rem;
    top: 0
}

@media only screen and (min-width: 40.063em) {
    .tab-bar-section.left {
        text-align: left
    }
    .tab-bar-section.right {
        text-align: right
    }
}

.tab-bar-section.left {
    left: 0;
    right: 2.8125rem
}

.tab-bar-section.right {
    left: 2.8125rem;
    right: 0
}

.tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem
}

.tab-bar .menu-icon {
    text-indent: 2.1875rem;
    width: 2.8125rem;
    height: 2.8125rem;
    display: block;
    padding: 0;
    color: #fff;
    position: relative;
    transform: translate3d(0, 0, 0)
}

.tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 1rem
}

.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3
}

.left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 340px;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0
}

.left-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}

.right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 340px;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0
}

.right-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}

ul.off-canvas-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

ul.off-canvas-list li label {
    display: block;
    padding: 0.3rem 0.9375rem;
    color: #999;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0
}

ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626;
    transition: background 300ms ease
}

ul.off-canvas-list li a:hover {
    background: #242424
}

.move-right>.inner-wrap {
    -ms-transform: translate(340px, 0);
    -webkit-transform: translate3d(340px, 0, 0);
    -moz-transform: translate3d(340px, 0, 0);
    -ms-transform: translate3d(340px, 0, 0);
    -o-transform: translate3d(340px, 0, 0);
    transform: translate3d(340px, 0, 0)
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05)
    }
}

.move-left>.inner-wrap {
    -ms-transform: translate(-340px, 0);
    -webkit-transform: translate3d(-340px, 0, 0);
    -moz-transform: translate3d(-340px, 0, 0);
    -ms-transform: translate3d(-340px, 0, 0);
    -o-transform: translate3d(-340px, 0, 0);
    transform: translate3d(-340px, 0, 0)
}

.move-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05)
    }
}

.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05)
    }
}

.offcanvas-overlap-left .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05)
    }
}

.offcanvas-overlap-right .left-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05)
    }
}

.no-csstransforms .left-off-canvas-menu {
    left: -340px
}

.no-csstransforms .right-off-canvas-menu {
    right: -340px
}

.no-csstransforms .move-left>.inner-wrap {
    right: 340px
}

.no-csstransforms .move-right>.inner-wrap {
    left: 340px
}

.left-submenu {
    -webkit-backface-visibility: hidden;
    width: 340px;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333;
    z-index: 1002;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease
}

.left-submenu * {
    -webkit-backface-visibility: hidden
}

.left-submenu .back>a {
    padding: 0.3rem 0.9375rem;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0
}

.left-submenu .back>a:hover {
    background: #303030;
    border-top: 1px solid #5e5e5e;
    border-bottom: none
}

.left-submenu .back>a:before {
    content: "\AB";
    margin-right: 0.5rem;
    display: inline
}

.left-submenu.move-right,
.left-submenu.offcanvas-overlap-right,
.left-submenu.offcanvas-overlap {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.right-submenu {
    -webkit-backface-visibility: hidden;
    width: 340px;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333;
    z-index: 1002;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease
}

.right-submenu * {
    -webkit-backface-visibility: hidden
}

.right-submenu .back>a {
    padding: 0.3rem 0.9375rem;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0
}

.right-submenu .back>a:hover {
    background: #303030;
    border-top: 1px solid #5e5e5e;
    border-bottom: none
}

.right-submenu .back>a:after {
    content: "\BB";
    margin-left: 0.5rem;
    display: inline
}

.right-submenu.move-left,
.right-submenu.offcanvas-overlap-left,
.right-submenu.offcanvas-overlap {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {
    content: "\BB";
    margin-left: 0.5rem;
    display: inline
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
    content: "\AB";
    margin-right: 0.5rem;
    display: inline
}

ul.pagination {
    display: block;
    min-height: 1.5rem;
    margin-left: -0.3125rem
}

ul.pagination li {
    height: 1.5rem;
    color: #222;
    font-size: 0.875rem;
    margin-left: 0.3125rem
}

ul.pagination li a,
ul.pagination li button {
    display: block;
    padding: 0.0625rem 0.625rem 0.0625rem;
    color: #999;
    background: none;
    border-radius: 3px;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out
}

ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus {
    background: #e6e6e6
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    cursor: default;
    color: #999
}

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
    background: transparent
}

ul.pagination li.current a,
ul.pagination li.current button {
    background: #a0a0a0;
    color: #fff;
    font-weight: bold;
    cursor: default
}

ul.pagination li.current a:hover,
ul.pagination li.current a:focus,
ul.pagination li.current button:hover,
ul.pagination li.current button:focus {
    background: #a0a0a0
}

ul.pagination li {
    float: left;
    display: block
}

.pagination-centered {
    text-align: center
}

.pagination-centered ul.pagination li {
    float: none;
    display: inline-block
}

table {
    background: #fff;
    margin-bottom: 1.25rem;
    border: solid 1px #ddd;
    table-layout: auto
}

table caption {
    background: transparent;
    color: #222;
    font-size: 1rem;
    font-weight: bold
}

table thead {
    background: #F5F5F5
}

table thead tr th,
table thead tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222
}

table tfoot {
    background: #F5F5F5
}

table tfoot tr th,
table tfoot tr td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222
}

table tr th,
table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222;
    text-align: left
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #F9F9F9
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.125rem
}

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

.tabs:before,
.tabs:after {
    content: " ";
    display: table
}

.tabs:after {
    clear: both
}

.tabs dd,
.tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left
}

.tabs dd>a,
.tabs .tab-title>a {
    display: block;
    background-color: #f9f9f9;
    color: #222;
    padding: 1rem 2rem;
    font-family: Arial;
    font-size: 1rem
}

.tabs dd>a:hover,
.tabs .tab-title>a:hover {
    background-color: #eaeaea
}

.tabs dd>a:focus,
.tabs .tab-title>a:focus {
    outline: none
}

.tabs dd.active a,
.tabs .tab-title.active a {
    background-color: #efefef;
    color: #222
}

.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.tabs.vertical dd,
.tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto
}

.tabs-content {
    margin-bottom: 1.5rem;
    width: 100%
}

.tabs-content:before,
.tabs-content:after {
    content: " ";
    display: table
}

.tabs-content:after {
    clear: both
}

.tabs-content>.content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%
}

.tabs-content>.content.active {
    display: block;
    float: none
}

.tabs-content>.content.contained {
    padding: 0.9375rem
}

.tabs-content.vertical {
    display: block
}

.tabs-content.vertical>.content {
    padding: 0 0.9375rem
}

@media only screen and (min-width: 40.063em) {
    .tabs.vertical {
        width: 20%;
        max-width: 20%;
        float: left;
        margin: 0 0 1.25rem
    }
    .tabs-content.vertical {
        width: 80%;
        max-width: 80%;
        float: left;
        margin-left: -1px;
        padding-left: 1rem
    }
}

.no-js .tabs-content>.content {
    display: block;
    float: none
}

meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em
}

.contain-to-grid {
    width: 100%;
    background: #efefef
}

.contain-to-grid .top-bar {
    margin-bottom: 0
}

.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99
}

.fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%
}

.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99
}

.fixed.expanded:not(.top-bar) .top-bar-section {
    z-index: 98;
    margin-top: 1.875rem
}

.top-bar {
    overflow: hidden;
    height: 1.875rem;
    line-height: 1.875rem;
    position: relative;
    background: #efefef;
    margin-bottom: 0
}

.top-bar ul {
    margin-bottom: 0;
    list-style: none
}

.top-bar .row {
    max-width: none
}

.top-bar form,
.top-bar input {
    margin-bottom: 0
}

.top-bar input {
    height: 1.75rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem
}

.top-bar .button,
.top-bar button {
    padding-top: 0.4125rem;
    padding-bottom: 0.4125rem;
    margin-bottom: 0;
    font-size: 0.75rem
}

@media only screen and (max-width: 40em) {
    .top-bar .button,
    .top-bar button {
        position: relative;
        top: -1px
    }
}

.top-bar .title-area {
    position: relative;
    margin: 0
}

.top-bar .name {
    height: 1.875rem;
    margin: 0;
    font-size: 16px
}

.top-bar .name h1,
.top-bar .name h2,
.top-bar .name h3,
.top-bar .name h4,
.top-bar .name p,
.top-bar .name span {
    line-height: 1.875rem;
    font-size: 1.0625rem;
    margin: 0
}

.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name p a,
.top-bar .name span a {
    font-weight: normal;
    color: #fff;
    width: 75%;
    display: block;
    padding: 0 0.625rem
}

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}

.top-bar .toggle-topbar a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: bold;
    position: relative;
    display: block;
    padding: 0 0.625rem;
    height: 1.875rem;
    line-height: 1.875rem
}

.top-bar .toggle-topbar.menu-icon {
    top: 50%;
    margin-top: -16px
}

.top-bar .toggle-topbar.menu-icon a {
    height: 34px;
    line-height: 33px;
    padding: 0 2.1875rem 0 0.625rem;
    color: #747474;
    position: relative
}

.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 0.625rem;
    box-shadow: 0 0 0 1px #747474, 0 7px 0 1px #747474, 0 14px 0 1px #747474;
    width: 16px
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
}

.top-bar.expanded {
    height: auto;
    background: transparent
}

.top-bar.expanded .title-area {
    background: #efefef
}

.top-bar.expanded .toggle-topbar a {
    color: #888
}

.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out
}

.top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-top: solid 1px #777;
    clear: both;
    height: 1px;
    width: 100%
}

.top-bar-section ul li {
    background: #830b5c
}

.top-bar-section ul li>a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 12px 0 12px 0;
    padding-left: 0.625rem;
    font-family: Arial;
    font-size: 0.8125rem;
    font-weight: normal;
    text-transform: none
}

.top-bar-section ul li>a.button {
    font-size: 0.8125rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    background-color: #a0a0a0;
    border-color: gray;
    color: #fff
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
    background-color: gray
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
    color: #fff
}

.top-bar-section ul li>a.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
    background-color: #b9b9b9
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
    color: #333
}

.top-bar-section ul li>a.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
    background-color: #368a55
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
    color: #fff
}

.top-bar-section ul li>a.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
    background-color: #cf2a0e
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
    color: #fff
}

.top-bar-section ul li>a.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
    background-color: #cf6e0e
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
    color: #fff
}

.top-bar-section ul li>button {
    font-size: 0.8125rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    background-color: #a0a0a0;
    border-color: gray;
    color: #fff
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
    background-color: gray
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
    color: #fff
}

.top-bar-section ul li>button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
    background-color: #b9b9b9
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
    color: #333
}

.top-bar-section ul li>button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
    background-color: #368a55
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
    color: #fff
}

.top-bar-section ul li>button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
    background-color: #cf2a0e
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
    color: #fff
}

.top-bar-section ul li>button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
    background-color: #cf6e0e
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
    color: #fff
}

.top-bar-section ul li:hover:not(.has-form)>a {
    background-color: #555;
    background: #000;
    color: #fff
}

.top-bar-section ul li.active>a {
    background: #000;
    color: #fff
}

.top-bar-section ul li.active>a:hover {
    background: #000;
    color: #fff
}

.top-bar-section .has-form {
    padding: 0.625rem
}

.top-bar-section .has-dropdown {
    position: relative
}

.top-bar-section .has-dropdown>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent rgba(8, 8, 8, 0.4);
    border-left-style: solid;
    margin-right: 0.625rem;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0
}

.top-bar-section .has-dropdown.moved {
    position: static
}

.top-bar-section .has-dropdown.moved>.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
    width: 100%
}

.top-bar-section .has-dropdown.moved>a:after {
    display: none
}

.top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.top-bar-section .dropdown li {
    width: 100%;
    height: auto
}

.top-bar-section .dropdown li a {
    font-weight: normal;
    padding: 8px 0.625rem
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: normal
}

.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.125rem
}

.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
    color: #fff;
    display: block
}

.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
    background: none
}

.top-bar-section .dropdown li.has-form {
    padding: 8px 0.625rem
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
    top: auto
}

.top-bar-section .dropdown label {
    padding: 8px 0.625rem 2px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #777;
    font-weight: bold;
    font-size: 0.625rem
}

.js-generated {
    display: block
}

@media only screen and (min-width: 40.063em) {
    .top-bar {
        background: #efefef;
        overflow: visible
    }
    .top-bar:before,
    .top-bar:after {
        content: " ";
        display: table
    }
    .top-bar:after {
        clear: both
    }
    .top-bar .toggle-topbar {
        display: none
    }
    .top-bar .title-area {
        float: left
    }
    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
        width: auto
    }
    .top-bar input,
    .top-bar .button,
    .top-bar button {
        font-size: 0.875rem;
        position: relative;
        height: 1.75rem;
        top: 0.0625rem
    }
    .top-bar.expanded {
        background: #efefef
    }
    .contain-to-grid .top-bar {
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 0
    }
    .top-bar-section {
        transition: none 0 0;
        left: 0 !important
    }
    .top-bar-section ul {
        width: auto;
        height: auto !important;
        display: inline
    }
    .top-bar-section ul li {
        float: left
    }
    .top-bar-section ul li .js-generated {
        display: none
    }
    .top-bar-section li.hover>a:not(.button) {
        background-color: #555;
        background: #000;
        color: #fff
    }
    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 0.625rem;
        line-height: 1.875rem;
        background: #efefef
    }
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555;
        background: #000
    }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
        padding: 0 0.625rem;
        line-height: 1.875rem;
        color: #fff;
        background: #000
    }
    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #000;
        color: #fff
    }
    .top-bar-section .has-dropdown>a {
        padding-right: 1.875rem !important
    }
    .top-bar-section .has-dropdown>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(8, 8, 8, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 0.9375rem
    }
    .top-bar-section .has-dropdown.moved {
        position: relative
    }
    .top-bar-section .has-dropdown.moved>.dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    .top-bar-section .has-dropdown.hover>.dropdown,
    .top-bar-section .has-dropdown.not-click:hover>.dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important
    }
    .top-bar-section .has-dropdown>a:focus+.dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important
    }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
        border: none;
        content: "\00bb";
        top: 1rem;
        margin-top: -1px;
        right: 5px;
        line-height: 1.2
    }
    .top-bar-section .dropdown {
        left: 0;
        top: auto;
        background: transparent;
        min-width: 100%
    }
    .top-bar-section .dropdown li a {
        color: #878787;
        line-height: 1.875rem;
        white-space: nowrap;
        padding: 12px 0.625rem;
        background: #f9f9f9
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        color: #878787;
        background: #f9f9f9
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        color: #fff;
        background-color: #555;
        background: #333
    }
    .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333
    }
    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0
    }
    .top-bar-section>ul>.divider,
    .top-bar-section>ul>[role="separator"] {
        border-bottom: none;
        border-top: none;
        border-right: solid 1px #f1f1f1;
        clear: none;
        height: 1.875rem;
        width: 0
    }
    .top-bar-section .has-form {
        background: #efefef;
        padding: 0 0.625rem;
        height: 1.875rem
    }
    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0
    }
    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%
    }
    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0
    }
    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%
    }
    .no-js .top-bar-section ul li:hover>a {
        background-color: #555;
        background: #000;
        color: #fff
    }
    .no-js .top-bar-section ul li:active>a {
        background: #000;
        color: #fff
    }
    .no-js .top-bar-section .has-dropdown:hover>.dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important
    }
    .no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important
    }
}

@media only screen {
    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-small,
    table.show-for-small-down,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.show-for-small-only,
    td.show-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.show-for-small,
    td.show-for-small,
    th.show-for-small-down,
    td.show-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.hide-for-medium-up,
    td.hide-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 40.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.show-for-medium-only,
    td.show-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.show-for-medium,
    td.show-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 64.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.show-for-large-only,
    td.show-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.show-for-large,
    td.show-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 90.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.show-for-xlarge-only,
    td.show-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.show-for-xlarge,
    td.show-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 120.063em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-xlarge-only,
    .show-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-xlarge-only,
    .visible-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-xlarge-only,
    table.show-for-xlarge-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.hide-for-xlarge-down,
    td.hide-for-xlarge-down,
    th.show-for-xxlarge-only,
    td.show-for-xxlarge-only,
    th.show-for-xxlarge-up,
    td.show-for-xxlarge-up,
    th.show-for-xxlarge,
    td.show-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
    table.show-for-landscape,
    table.hide-for-portrait {
        display: table !important
    }
    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group !important
    }
    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group !important
    }
    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row !important
    }
    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
    table.show-for-portrait,
    table.hide-for-landscape {
        display: table !important
    }
    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group !important
    }
    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group !important
    }
    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row !important
    }
    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.hide-for-touch {
    display: table !important
}

.touch table.show-for-touch {
    display: table !important
}

thead.hide-for-touch {
    display: table-header-group !important
}

.touch thead.show-for-touch {
    display: table-header-group !important
}

tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tbody.show-for-touch {
    display: table-row-group !important
}

tr.hide-for-touch {
    display: table-row !important
}

.touch tr.show-for-touch {
    display: table-row !important
}

td.hide-for-touch {
    display: table-cell !important
}

.touch td.show-for-touch {
    display: table-cell !important
}

th.hide-for-touch {
    display: table-cell !important
}

.touch th.show-for-touch {
    display: table-cell !important
}

.print-only {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    .show-for-print {
        display: block
    }
    .hide-for-print {
        display: none
    }
    table.show-for-print {
        display: table !important
    }
    thead.show-for-print {
        display: table-header-group !important
    }
    tbody.show-for-print {
        display: table-row-group !important
    }
    tr.show-for-print {
        display: table-row !important
    }
    td.show-for-print {
        display: table-cell !important
    }
    th.show-for-print {
        display: table-cell !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .hide-on-print {
        display: none !important
    }
    .print-only {
        display: block !important
    }
    .hide-for-print {
        display: none !important
    }
    .show-for-print {
        display: inherit !important
    }
}

@media print {
    .show-for-print {
        display: block
    }
    .hide-for-print {
        display: none
    }
    table.show-for-print {
        display: table !important
    }
    thead.show-for-print {
        display: table-header-group !important
    }
    tbody.show-for-print {
        display: table-row-group !important
    }
    tr.show-for-print {
        display: table-row !important
    }
    td.show-for-print {
        display: table-cell !important
    }
    th.show-for-print {
        display: table-cell !important
    }
}

@font-face {
    font-family: 'Palatino Light';
    src: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/Palatino/2F5D54_0_0.eot");
    src: local("Palatino Light"), url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/Palatino/2F5D54_0_0.eot") format("embedded-opentype"), url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/Palatino/2F5D54_0_0.ttf") format("truetype")
}

body.off-canvas {
    padding: 0;
    margin: 0
}

.container {
    width: 100%
}

.row .row {
    overflow: visible
}

.paneled .container {
    overflow: hidden
}

.paneled .row {
    width: 100%
}

[role="main"]:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%
}

[role="complementary"],
[role="main"] {
    width: 100%;
    padding: 0 0px;
    display: block;
    position: relative;
    z-index: 1;
    transition: all 0.25s ease-out
}

.paneled [role="main"] {
    padding: 0
}

.page-panel {
    width: 100%;
    padding: 0 15px;
    transition: 0.3s margin ease-in-out 300ms ease-out;
    background: #fff
}

#switchPanels {
    margin: 0 -15px
}

.hide-extras [role="complementary"] {
    display: block
}

[role="navigation"]#topMenu {
    transition: 0.25s all ease-in 300ms ease-out
}

[role="navigation"]#topMenu ul {
    margin-top: 0
}

[role="complementary"] {
    margin-left: -21rem;
    width: 290px;
    float: left;
    z-index: 2
}

[role="main"] {
    margin-left: 0;
    float: right;
    z-index: 1;
    position: relative
}

.paneled [role="main"] {
    background: #fff;
    width: 500%;
    overflow: hidden;
    float: none;
    position: relative;
    left: 0;
    transition: 0.15s all ease-in 300ms ease-out
}

.page-panel {
    min-height: 400px;
    float: left;
    margin: 0;
    width: 20%
}

.active [role="complementary"] {
    margin-left: 0
}

.active [role="main"] {
    margin-right: -80%
}

.active-menu [role="navigation"]#topMenu {
    margin-top: 0 !important
}

@media all and (min-width: 768px) {
    menu-button,
    .sidebar-button {
        display: none
    }
    [role="complementary"] {
        width: 20%;
        margin-left: 0;
        float: left;
        padding: 0 0px
    }
    [role="main"] {
        width: 80%;
        padding: 0 0px
    }
    .paneled [role="main"] {
        width: 100%;
        padding: 0;
        background: #f4f4f4;
        left: 0 !important
    }
    .page-panel {
        display: block;
        min-height: 800px;
        float: none;
        margin: 0;
        width: 100%;
        background: #f4f4f4
    }
    .hide-extras [role="main"] {
        width: 100%
    }
    .hide-extras [role="complementary"] {
        display: none
    }
    [role="navigation"]#topMenu {
        display: none
    }
}

.col1-layout [role="main"] {
    width: 100%
}

.col1-layout [role="complementary"] {
    display: none;
    padding: 0
}

.main-container .move-left {
    position: relative
}

.main-container .right-off-canvas-menu {
    width: 290px;
    padding-top: 0.2rem;
    right: -49px;
    overflow-x: auto;
    overflow-y: auto
}

.main-container .exit-off-canvas {
    position: relative;
    box-shadow: none
}

.right-off-canvas-menu.cart .product-image {
    float: left;
    margin-right: 1rem
}

.right-off-canvas-menu.cart .product-name {
    font-size: 0.8rem;
    margin-top: 0.6rem
}

.right-off-canvas-menu.cart .edit-param {
    display: none
}

@font-face {
    font-family: 'FontAwesome';
    src: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/fontawesome-webfont.eot?v=4.1.0");
    src: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-1-2x {
    font-size: 1.2rem
}

.fa-1-3x {
    font-size: 1.3rem
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-search:before {
    content: "\f002"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone {
    color: #5E6F1D;
    float: left;
    padding: 4px 6px 0 0
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopping-cart {
    color: #a5c428;
    padding-right: .6rem
}

.fa-search {
    color: #fff;
    font-size: 15px
}

@media only screen and (max-width: 40.063em) {
    .fa-search {
        color: white
    }
}

.fa-times.close {
    float: right;
    padding: 0.6rem 0.4rem;
    margin: 0;
    color: black;
    background-color: transparent;
    position: relative;
    box-shadow: none
}

.site-footer .fa {
    font-size: 2rem;
    margin-right: 0.8rem;
    color: #A9A9A9
}

.site-footer .fa:hover {
    color: black
}

.site-footer .fa.fa-search {
    position: absolute;
    top: 7px;
    right: 0;
    font-size: .8rem
}

.fa-trash-o {
    color: #464646
}

ul.resp-tabs-list,
p {
    margin: 0px;
    padding: 0px
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none
}

.resp-tab-content {
    display: none;
    padding: 15px
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff
}

.resp-content-active,
.resp-accordion-active {
    display: block
}

.resp-tab-content {
    border: 1px solid #c1c1c1
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none
}

.resp-vtabs .resp-tab-content {
    border: none
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797
}

h2.resp-tab-active {
    background: #DBDBDB !important
}

.resp-easy-accordion h2.resp-accordion {
    display: block
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important
}

.resp-jfit {
    width: 100%;
    margin: 0px
}

.resp-tab-content-active {
    display: block
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important
}

@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none
    }
    h2.resp-accordion {
        display: block
    }
    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none
    }
    .resp-accordion-closed {
        display: none !important
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important
    }
}

.resp-tabs-list li,
.resp-tabs-container li {
    padding: 20px 40px 20px 0 !important;
    border: none !important
}

@media only screen and (min-width: 48.06em) and (max-width: 50em) {
    .resp-tabs-list li,
    .resp-tabs-container li {
        padding: 30px 20px 20px 0 !important
    }
}

.resp-tabs-list a,
.resp-tabs-list li span,
.resp-tabs-container a,
.resp-tabs-container li span {
    color: #717171;
    font-family: "helvetica neue", "Open Sans", arial;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 1px;
    padding-bottom: 0.4rem
}

.resp-tabs-list .resp-tab-content ul,
.resp-tabs-container .resp-tab-content ul {
    margin-left: 0
}

.resp-tabs-list .resp-tab-content li,
.resp-tabs-container .resp-tab-content li {
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 0.75rem;
    padding: 0 !important
}

.resp-tabs-list .resp-tab-content a,
.resp-tabs-container .resp-tab-content a {
    text-transform: none
}

.resp-tabs-list .resp-tab-active,
.resp-tabs-list .resp-accordion,
.resp-tabs-container .resp-tab-active,
.resp-tabs-container .resp-accordion {
    background: none !important;
    border: none;
    padding-left: 0 !important
}

.resp-tabs-list .resp-tab-active a,
.resp-tabs-list .resp-tab-active span,
.resp-tabs-container .resp-tab-active a,
.resp-tabs-container .resp-tab-active span {
    color: #424242;
    border-bottom: 1px solid #585858
}

.resp-tabs-list .resp-tab-content,
.resp-tabs-container .resp-tab-content {
    color: #717171;
    padding: 10px 20px 20px 0;
    margin-right: 1.2rem;
    border: none
}

.resp-tabs-list .resp-tab-content p,
.resp-tabs-list .resp-tab-content .std,
.resp-tabs-list .resp-tab-content .std p,
.resp-tabs-container .resp-tab-content p,
.resp-tabs-container .resp-tab-content .std,
.resp-tabs-container .resp-tab-content .std p {
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: .8rem !important;
    line-height: 1.5 !important
}

.resp-tabs-list h2.resp-accordion:first-child,
.resp-tabs-container h2.resp-accordion:first-child {
    border-top: none !important
}

.tabs-padd {
    width: 95% !important
}

@media only screen and (max-width: 1250px) {
    .resp-tabs-container {
        padding-top: 22px;
        padding-bottom: 2rem
    }
}

.resp-tabs-list {
    margin: 0 !important
}

@media only screen and (max-width: 1250px) {
    ul.resp-tabs-list {
        display: none
    }
    h2.resp-accordion {
        display: block
    }
}

.scrollToTop {
    width: 40px;
    height: 50px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 1px;
    display: none;
    background: transparent;
    z-index: 2
}

.scrollToTop:hover {
    text-decoration: none
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

@font-face {
    font-family: 'flexslider-icon';
    src: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/default/fonts/flexslider/flexslider-icon.eot");
    src: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/default/fonts/flexslider/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/default/fonts/flexslider/flexslider-icon.woff") format("woff"), url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/default/fonts/flexslider/flexslider-icon.ttf") format("truetype"), url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/default/fonts/flexslider/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    zoom: 1
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: white;
    text-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default
}

.flex-direction-nav a:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 40px;
    line-height: 1;
    display: inline-block
}

.flex-direction-nav a.flex-next:before {
    content: '\f105'
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

#carousel {
    position: relative
}

.flexslider {
    margin: 0;
    border: none;
    box-shadow: none
}

body[class*="cms"] .main-container .flexslider ul:last-child {
    margin: 0
}

.flex-direction-nav .flex-prev {
    opacity: 0.6;
    left: 10px
}

.flex-direction-nav .flex-next {
    opacity: 0.6;
    right: 10px
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1
    }
    .flex-direction-nav .flex-next {
        opacity: 1
    }
}

.account-login .content {
    min-height: 100px
}

.account-login {
    padding-left: 0rem;
    padding-right: 0rem
}

@media only screen and (max-width: 40.063rem) {
    .login-heading {
        margin-left: 0.5rem
    }
    .account-login .content {
        min-height: 120px !important
    }
}

.account-login h2 {
    background: #A5C428;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.4rem 1rem;
    margin-bottom: 0.2rem;
    font-weight: normal
}

.account-login p {
    font-size: 0.8rem;
    padding: 20px 0
}

.account-login .content {
    background: #fff;
    width: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.account-login .registered-users a.f-left {
    font-size: 0.8rem
}

.account-create {
    margin: 0 0.5rem
}

.account-create .form-list {
    margin-left: 0 !important
}

.account-create .control input {
    vertical-align: top;
    margin-top: 0.45rem
}

.account-create .control label {
    width: 86%;
    margin-right: 0
}

.forgot-password {
    margin: 0 0.5rem
}

.forgot-password p {
    font-size: 0.8rem;
    margin-bottom: 0.6rem
}

.registered-users p.required {
    padding: 0 0 4px
}

.customer-dob .dob-day,
.customer-dob .dob-month,
.customer-dob .dob-year {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width: 40.063em) {
    .customer-dob .dob-month {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem
    }
}

.form-list {
    list-style-type: none;
    margin: 0
}

select {
    font-family: "Open Sans"
}

.opc .step-title h2 {
    font: bold 12px/14px ProximaNova !important
}

.breadcrumbs-wrapper {
    padding-left: 1.8rem !important;
    padding-right: 0.9375rem !important
}

.category-products {
    padding-left: 0.2rem;
    padding-right: 0.2rem
}

.inner-wrap {
    margin-top: 0.5rem
}

li {
    list-style-type: none
}

.col3-padd {
    padding-left: 0rem;
    padding-right: 0rem
}

body {
    background-color: #fff
}

.row {
    max-width: 1230px;
    width: 100%
}

.row.full-width {
    max-width: 100%
}

.col-main {
    margin-top: 0.2rem
}

.collapse .column,
.collapse .columns {
    padding: 0
}

button,
.button {
    background-color: #A5C428
}

.no-padding-left {
    padding-left: 0
}

.no-padding-right {
    padding-right: 0
}

.no-padding {
    padding: 0 !important
}

.cms-col-padding {
    padding: 0 5rem
}

@media only screen and (min-width: 64.07em) and (max-width: 76.88em) {
    .cms-col-padding {
        padding: 0 3rem
    }
}

@media only screen and (max-width: 40.063em) {
    .cms-col-padding {
        padding: 0 1rem
    }
}

.very-small {
    padding: 0.5rem 1.4rem
}

a {
    color: #5E6F1D
}

a:hover {
    color: #768C27
}

.back-link {
    float: left;
    font-size: 0.8rem;
    line-height: 1.4 !important;
    padding: 0.5rem 1.4rem;
    background: #a8a8a8
}

.back-link a {
    color: #fff
}

.buttons-set {
    width: 100%;
    margin-left: 0 !important
}

.buttons-set button {
    float: right
}

.tax-details {
    display: none
}

.ie9 select {
    background: white !important;
    background-image: none !important;
    padding-right: 0 !important
}

.width100 {
    width: 100%
}

.no-display {
    display: none !important
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    margin-bottom: 0.6rem
}

input[type="text"] {
    padding: 0 0.5rem !important
}

@media only screen and (max-width: 81.25em) {
    .checkout-onepage-success .buttons-set,
    .checkout-cart-index .buttons-set,
    .customer-account-logoutsuccess .buttons-set {
        margin-top: 1rem
    }
}

.catalog-seo-sitemap-product ul.pagination {
    display: block !important
}

.catalog-seo-sitemap-product .amount {
    float: left
}

.catalog-seo-sitemap-product .sitemap {
    clear: both
}

.renforcateur.row {
    max-width: 1270px;
    margin: 2rem auto;
    padding: 2rem 0;
    background: #f7f7f2;
    text-align: center
}

.renforcateur.row .columns {
    width: 20%;
    float: left;
    padding: 0 .6rem
}

@media only screen and (max-width: 56.25em) {
    .renforcateur.row .columns {
        width: 100%
    }
    .renforcateur.row .columns img {
        padding-bottom: .8rem
    }
}

@media only screen and (max-width: 40.063em) {
    .renforcateur.row {
        display: none
    }
}

.promo {
    background: #D71659;
    width: 70px;
    height: 25px;
    position: absolute;
    color: white;
    font-size: 1.2rem;
    line-height: 26px;
    text-align: center;
    right: 0;
    font-family: "helvetica neue", "Open Sans", arial
}

@media only screen and (max-width: 40.063em) {
    .promo {
        width: 45px;
        height: 21px;
        line-height: 22px;
        font-size: 0.8rem
    }
}

.nouveau {
    background: #A5C428;
    color: white;
    width: 125px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    font-family: "helvetica neue", "Open Sans", arial;
    letter-spacing: 1px;
    line-height: 30px;
    z-index: 1
}

@media only screen and (max-width: 40.063em) {
    .nouveau {
        width: 108px;
        font-size: .75rem;
        line-height: 25px
    }
}

@media screen,
print {
    .sales-order-print .logo {
        max-width: 260px !important
    }
    .option-value .price {
        display: none
    }
}

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

.messages {
    width: 100%;
    overflow: hidden
}

.messages li {
    margin: 0 0 10px
}

.messages li li {
    margin: 0 0 3px
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style: solid;
    border-width: 1px;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: bold
}

.error-msg {
    border-color: #f16048;
    background-color: #faebe7;
    color: #df280a
}

.success-msg {
    border-color: #88A514;
    background-color: #ffffff;
    color: #5E6F1D;
    font-family: "helvetica neue", "Open Sans", arial;
    font-weight: normal
}

.note-msg,
.notice-msg {
    border-color: #fcd344;
    background-color: #fafaec;
    color: #3d6611
}

.success {
    color: #3d6611;
    font-weight: bold
}

.error {
    color: #c75100;
    font-weight: bold
}

.notice {
    color: #e26703
}

.error-msg {
    border-color: #EB340A;
    background-color: #ffffff;
    color: #EB340A;
    font-family: "helvetica neue", "Open Sans", arial;
    font-weight: normal
}

#inchoo_global_messages {
    position: relative;
    padding: 0.3em
}

#inchoo_global_messages_close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #FFF;
    padding: 0em 0.3em 0.2em 0.3em
}

#inchoo_global_messages .messages ul {
    list-style-type: none
}

#inchoo_global_messages li.notice-msg ul li:not(:first-child) {
    display: none;
}
#inchoo_global_messages li.error-msg ul li:not(:first-child) {
    display: none;
}
#inchoo_global_messages li.success-msg ul li:not(:first-child) {
    display: none;
}

#inchoo_global_messages .messages ul>li {
    padding: 0.5em
}

.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 9px;
    font-size: 11px;
    line-height: 13px;
    background: rgba(255, 0, 0, 0.04);
    color: #EB340A;
    margin: 0 0 10px 0;
    padding: 1em;
    border: 1px solid #EB340A
}

.validation-failed {
    border: 1px solid #eb340a !important;
    background: #faebe7 !important
}

p.required {
    font-size: 11px;
    text-align: right;
    color: #EB340A
}

.v-fix {
    float: left
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative
}

.site-logo {
    display: inline-block;
    margin-top: 2.625rem;
    font-size: 0;
    text-align: left;
    margin-bottom: 1.5rem;
    width: 100%
}

@media only screen and (max-width: 43.063em) {
    .site-logo {
        text-align: center
    }
}

@media only screen and (min-width: 40.125em) and (max-width: 43.063em) {
    .site-logo {
        text-align: left
    }
}

.store-currency label,
.form-language label {
    display: none
}

.demo-notice {
    text-align: center;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1;
    display: inline-block;
    width: 100%;
    padding: 0.7em 0
}

.site-search {
    margin-top: 0rem
}

#search_autocomplete {
    background-color: #fff;
    z-index: 1;
    border: 1px solid #eee !important;
    padding: 0 5px;
    text-align: left;
    right: initial !important;
    left: initial !important;
    top: 44px !important
}

#search_autocomplete>ul {
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 3px
}

#search_autocomplete>ul>li {
    padding: 0px;
    font-size: 0.8em;
    font-family: inherit;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.75);
    letter-spacing: 1px;
    cursor: pointer
}

@media only screen and (max-width: 43em) {
    #search_autocomplete>ul>li {
        line-height: 2rem
    }
}

#search_mini_form_mobile .form-search .search-autocomplete li,
#search_mini_form .form-search .search-autocomplete li {
    list-style-type: none;
    border-bottom: 1px dotted #ddd
}

.search-button {
    background-color: #fff
}

.search-button:hover,
.search-button:focus {
    background-color: #fff
}

.icon-search {
    color: #b1adad
}

.postfix {
    border-color: #ccc
}

#search {
    box-shadow: none;
    background: #fff;
    border-color: #ccc;
    padding: 0.2rem 0.5rem
}

@media only screen and (max-width: 43.063em) {
    #search_mini_form input,
    #search_mini_form_mobile input {
        float: left;
        width: 80%;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        font-size: .625rem;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-family: "helvetica neue", "Open Sans", arial;
        color: rgba(0, 0, 0, 0.75)
    }
    #search_mini_form button.postfix,
    #search_mini_form_mobile button.postfix {
        float: right;
        width: 20%;
        height: 2.3rem;
        border: none;
        z-index: 1;
        background: #A5C428;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #search_mini_form_mobile::-webkit-input-placeholder {
        color: #828282 !important;
        font-weight: normal
    }
    #search_mini_form_mobile:-moz-placeholder {
        color: #828282 !important;
        font-weight: normal
    }
    #search_mini_form_mobile::-moz-placeholder {
        color: #828282 !important;
        font-weight: normal
    }
    #search_mini_form_mobile:-ms-input-placeholder {
        color: #828282 !important;
        font-weight: normal
    }
    #search_autocomplete_mobile {
        z-index: 9;
        background: white;
        border: 1px solid #C1C1C1;
        border-top: none;
        padding: 10px 0
    }
    #search_autocomplete_mobile ul {
        font-family: "helvetica neue", "Open Sans", arial;
        font-size: .625rem;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 18px;
        margin-bottom: 0
    }
    #search_autocomplete_mobile ul li {
        cursor: pointer;
        letter-spacing: 1px
    }
    #search_autocomplete_mobile .amount {
        display: none
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .top-cart {
        margin-top: 0rem
    }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .top-cart {
        margin-top: 0rem
    }
    .site-identity {
        padding-right: 0rem
    }
    .top-cart-padd {
        padding-right: 0rem
    }
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .top-cart {
        margin-top: 0rem
    }
    .site-identity {
        padding-left: 0rem
    }
    .top-cart-padd {
        padding-right: 0rem
    }
}

@media only screen and (min-width: 120.063em) {
    .top-cart {
        margin-top: 0rem
    }
    .site-identity {
        padding-left: 0rem
    }
    .top-cart-padd {
        padding-right: 0rem
    }
}

.cartbutton-margin {
    margin-top: 1rem
}

@media only screen and (max-width: 40em) {
    .site-search {
        margin-left: 0rem
    }
    .row {
        max-width: 100%
    }
    .sheader-height {
        height: 30px
    }
    .site-header {
        margin-bottom: 0rem !important;
        margin-top: 0rem !important;
        background-color: #ffffff
    }
    #search {
        width: 100%;
        height: 2.3rem
    }
    .mobile-logo {
        margin-top: 0.25rem;
        width: auto
    }
    .site-identity {
        margin-bottom: 1rem
    }
}

#accmini {
    padding-bottom: 1rem
}

.show-for-small-only h1.site-logo,
.show-for-small-only a.logo {
    background: #fff;
    margin-left: 0;
    padding: 0.25rem 0 1rem 0.25rem !important;
    margin-top: 1.75rem;
    margin-bottom: 1rem;
    display: block;
    text-align: center
}

.fdp-header {
    font-size: 0.7rem;
    text-align: right
}

.site-search,
.site.nav {
    padding: 0 0 0 1rem !important
}

.site-search #search,
.site.nav #search {
    font-size: 0.8rem;
    height: 1.4rem;
    padding: 0 1rem;
    border-right: none;
    margin-bottom: 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px 0 inset
}

.site-search #search_autocomplete,
.site.nav #search_autocomplete {
    border: none
}

.site-search #search_autocomplete .amount,
.site.nav #search_autocomplete .amount {
    display: none
}

.site-search .search-button,
.site.nav .search-button {
    background-color: #a0c112;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bdcc1b), to(#a0c112));
    background-image: -webkit-linear-gradient(top, #bdcc1b, #a0c112);
    background-image: -moz-linear-gradient(top, #bdcc1b, #a0c112);
    background-image: -ms-linear-gradient(top, #bdcc1b, #a0c112);
    background-image: -o-linear-gradient(top, #bdcc1b, #a0c112);
    background-image: linear-gradient(to bottom, #bdcc1b, #a0c112);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#bdcc1b', EndColorStr='#a0c112')
}

.site-search .postfix,
.site.nav .postfix {
    height: 1.4rem;
    line-height: 1rem;
    padding-right: 1.6rem;
    margin-bottom: 0
}

.site-search button.postfix,
.site.nav button.postfix {
    padding: 0;
    background: transparent;
    border-left: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) -1px 1px 2px 0 inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) -1px 1px 2px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.25) -1px 1px 2px 0 inset
}

@media only screen and (max-width: 40.063em) {
    .site.nav {
        padding-left: 0 !important
    }
}

.form-search>div {
    z-index: 0
}

#bandeau {
    font-family: "helvetica neue", "Open Sans", arial;
    background: #c75100;
    padding: 20px;
    text-align: center
}

#bandeau a {
    font-size: .8rem;
    color: white
}

@media only screen and (max-width: 40.063em) {
    .site.nav #search,
    .site.nav .postfix {
        height: 2.2rem
    }
}

@media only screen and (max-width: 40.063em) {
    .acc-button,
    .cart-button {
        font-family: "helvetica neue", "Open Sans", arial !important;
        padding: 0.4rem 1.25rem 0.3rem 1.25rem !important;
        margin-top: 0.3rem !important;
        font-size: 0.6rem !important;
        border: none !important
    }
    .acc-button {
        margin-right: 0.25rem !important
    }
}

@media only screen and (min-width: 40.063em) {
    .welcome-msg {
        margin-top: -0.4rem;
        margin-bottom: 1.5rem
    }
}

.select_currency {
    width: 60px;
    border: 1px solid #a29689;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-family: "Raleway", arial;
    font-size: 0.65rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 18px
}

.switchers {
    width: 120px
}

.tel-container {
    color: #5e6f1d;
    text-transform: none
}

.tel-container span.tel {
    color: #5E6F1D;
    font-weight: bold
}

@media only screen and (min-width: 40.125em) and (max-width: 43.063em) {
    .tel-container {
        display: none
    }
}

.header-search-container {
    margin-top: 1rem
}

.header-image-container {
    display: flex;
    justify-content: center;
}
.header-image-container img {
    max-height: 100px;
    margin: 0;
    margin-left: auto;
    margin-bottom: 1.25rem;
}

@media screen and (min-width: 1024px) {
    .header-image-container {
	justify-content: right;
	padding: 0;
        margin-top: 3.6rem;
   }
    .header-image-container img {
	margin-bottom: 0;
	max-height: 60px;
    }
}

@media only screen and (min-width: 64.063em) {
    .header-search-container {
        margin-top: 3.6rem;
        padding-left: 3.8rem
    }
}

.header-image-container img {
    margin: auto;
}

.header-search-container #search_mini_form input {
    width: 80%;
    float: left;
    height: 44px
}

.header-search-container #search_mini_form button {
    padding: 0;
    max-width: 65px;
    width: 20%;
    
    right: 0px;
    top: 0px;
    height: 44px
}

.header-search-container #search_mini_form button:hover {
    background-color: #a5c428
}

.site-header .cart-header {
    float: right;
    border: 1px solid #a5c428;
    font-family: "helvetica neue", "Open Sans", arial;
    padding: 9px 10px 0;
    margin: 3.6rem 0 0
}

.site-header .cart-header>div[data-dropdown="hoverCart"] {
    height: 33px
}

.site-header .cart-header .fa-angle-down {
    font-weight: bold;
    padding-left: .6rem
}

.site-header .cart-header .block-cart {
    background: white;
    border: 1px solid #f2f2f2
}

.site-header .cart-header .button {
    position: relative;
    font-family: "helvetica neue", "Open Sans", arial;
    background: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/bkg_btn_header_cart.jpg") repeat-x;
    margin: 0;
    padding: 0;
    color: #424445;
    text-decoration: none;
    font-weight: 300;
    font-size: .85rem
}

.site-header .cart-header .button:after {
    content: '';
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/bkg_btn_header_cart_arrow.png") no-repeat 0 0;
    width: 30px
}

.site-header .cart-header a {
    color: #424445;
    font-size: .85rem
}

#hoverCart.f-dropdown {
    width: 338px
}

#hoverCart.f-dropdown li:hover {
    background: white
}

#hoverCart.f-dropdown.open {
    margin-left: -151px !important
}

[data-dropdown="hoverCart"] a {
    min-width: 120px;
    display: inline-block;
    text-align: center
}

.f-dropdown:before,
.f-dropdown:after {
    display: none
}

@media screen and (max-width: 64.1em) and (min-width: 40em) {
    .header-cart-container {
        position: absolute;
        right: 0
    }
}

.checkout-types {
    list-style-type: none;
    margin-left: 0rem
}

.checkout-cart-index table {
    width: 100%;
    border: 0 none
}

.checkout-cart-index fieldset {
    border: 1px solid #ccc;
    padding: 0;
    margin: 0
}

.checkout-cart-index fieldset table {
    margin: 0
}

.cart-table button {
    margin-bottom: 0
}

.btn-empty {
    margin-right: 0.5rem;
    font-size: 1rem !important
}

.btn-update {
    font-size: 1rem !important
}

.btn-continue {
    font-size: 1rem !important
}

.shipping {
    border: 1px solid #e7e7e7;
    background: #f9f9f9;
    margin-top: 1rem
}

#shopping-cart-totals-table {
    border: 1px solid #e7e7e7;
    background: #f9f9f9;
    margin-top: 1rem
}

.inline-block {
    display: inline-block
}

.buttons-set {
    display: inline-block;
    margin-bottom: 0rem;
    margin-left: 0.7rem
}

.shipping .form-list .shipping-city {
    width: 49%;
    display: inline-block
}

.shipping .form-list .shipping-code {
    width: 49%;
    display: inline-block
}

#discount-coupon-form {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.checkout-agreements li {
    margin: 30px 0
}

.checkout-agreements .agreement-content {
    overflow: auto;
    height: 12em;
    padding: 10px;
    background: #fbfbfb;
    border: 1px solid #e4e4e4
}

.checkout-agreements .agree {
    margin: 0;
    padding: 10px 0 10px 11px
}

.checkout-agreements .agree input.checkbox {
    margin-right: 6px
}

.checkout-agreements .agree label {
    font-weight: bold;
    color: #555
}

.opc .checkout-agreements {
    padding: 5px 30px
}

.opc .checkout-agreements li {
    margin: 20px 0 0
}

.opc .checkout-agreements .agreement-content {
    background: #fff;
    padding: 5px
}

.opc .checkout-agreements .agree {
    padding-left: 2px
}

.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff
}

.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important
}

.opc .centinel {
    padding: 10px 30px
}

.info-set {
    background: #fbfbfb;
    border: 1px solid #ddd;
    margin: 0 0 25px;
    padding: 20px
}

.info-set h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px
}

.info-set h3,
.info-set h4 {
    font-size: 12px;
    font-weight: bold
}

.info-set h2 a,
.info-set h3 a,
.info-set h4 a {
    font-weight: normal
}

.info-set h2.legend {
    margin: -20px -20px 15px;
    padding: 3px 10px;
    background: #777;
    border-bottom: 1px solid #777;
    position: relative;
    color: #fff
}

.info-set h2.legend a {
    color: #fff
}

.info-set h3.legend {
    margin: 0 0 10px
}

.info-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative
}

.info-set .box {
    margin: 0 0 15px
}

.info-set .box h2 {
    color: #e26703
}

.info-set .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #4f8100 !important
}

.info-set .data-table .product-name a {
    font-weight: bold !important
}

.info-set .data-table .item-options {
    margin: 5px 0 0
}

.block-progress {
    border: 0;
    margin: 0
}

.block-progress .block-title {
    background: none;
    border: 0;
    padding: 0;
    margin: 0 0 5px
}

.block-progress .block-title strong {
    font-size: 12px
}

.block-progress .block-content {
    background: none;
    padding: 0
}

.block-progress dt {
    font-size: 0.8em;
    border: 1px solid #a0a0a0;
    margin: 0 0 6px;
    padding: 2px 8px;
    color: #a0a0a0;
    text-transform: uppercase;
    font-weight: 500
}

.block-progress dd {
    border-top: 0;
    padding: 2px 10px;
    margin: 0 0 6px
}

.block-progress dt.complete a {
    text-transform: none
}

.block-progress p {
    margin: 0
}

.block-progress .cards-list dt {
    background: none;
    border: 0 none;
    color: inherit;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0;
    padding: 0;
    text-transform: none
}

.block-progress .cards-list dd {
    border: 0 none;
    margin: 0;
    padding: 0
}

.block-progress .cards-list .info-table th {
    font-weight: normal
}

.opc .buttons-set {
    margin-top: 0
}

.opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px
}

.opc .buttons-set.disabled button.button {
    display: none
}

.opc .buttons-set .please-wait {
    height: 28px;
    line-height: 28px
}

.opc .ul {
    list-style: disc outside;
    padding-left: 18px
}

.opc {
    position: relative;
    list-style-type: none
}

.opc .section form,
.opc .section dd,
.opc.section dl {
    margin-bottom: 0
}

.opc .section form {
    margin-bottom: 1rem
}

.opc .section dd {
    margin-right: .6rem
}

.form-list li {
    display: block;
    clear: both
}

.cvv-what-is-this {
    padding: 0.3em;
    font-size: 14px
}

.form-list li.control input,
.form-list li.control label,
.sp-methods span,
.sp-methods label,
.sp-methods input {
    display: inline-block
}

.opc fieldset {
    border: 0 none;
    padding: 0;
    margin: 0
}

.form-list li.control input,
.sp-methods input {
    margin-right: 0.3em
}

.opc ul {
    list-style-type: none;
    margin: 0
}

.opc {
    margin-left: 0rem
}

.opc .step-title {
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0.5em 0.5em 0.7em 0.5em;
    text-align: right;
    clear: both;
    height: 2em
}

.opc .step-title .number {
    float: left;
    background: #a0a0a0;
    border: 1px solid #a0a0a0;
    padding: 0 3px;
    margin: 0 5px 0 0;
    font: normal 11px/12px arial, helvetica, 'Open Sans', sans-serif;
    color: #fff
}

.opc .step-title h2 {
    float: left;
    margin: 0;
    font: bold 12px/14px Arial, Helvetica, sans-serif;
    color: #a0a0a0
}

.opc .step-title a {
    display: none;
    float: right;
    font-size: 11px;
    line-height: 16px
}

.opc .step-title form {
    margin-bottom: 0
}

.opc .allow .step-title {
    background: #a0a0a0;
    border: 1px solid #a0a0a0;
    color: #fff;
    cursor: pointer
}

.opc .allow .step-title h2 {
    color: #fff
}

.opc .allow .step-title a {
    display: block;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase
}

.opc .active .step-title {
    background: #fff;
    border-color: #a0a0a0;
    border-top-color: #ccc;
    border-bottom: 0 none;
    padding-bottom: 5px;
    color: #222;
    cursor: default
}

.opc .active .step-title h2 {
    color: #a0a0a0
}

.opc .active .step-title a {
    display: none
}

.opc .step {
    padding: 15px 30px;
    position: relative;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.opc .step .tool-tip {
    right: 30px
}

#opc-login h3 {
    font-size: 13px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 2px;
    text-transform: uppercase
}

#opc-login h4 {
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    color: #2f2f2f
}

#opc-shipping_method .buttons-set {
    border-top: 0
}

.opc .gift-messages-form {
    margin: 0 -30px;
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-width: 1px 0;
    padding: 22px 24px 22px 30px
}

.opc .gift-messages-form .inner-box {
    padding: 5px;
    height: 260px;
    overflow: auto
}

#opc-review .step {
    padding: 0
}

#opc-review .product-name {
    font-weight: bold
}

#opc-review .item-options {
    margin: 5px 0 0
}

#opc-review .buttons-set {
    border: 0;
    padding: 15px 14px
}

#opc-review .buttons-set p {
    margin: 0 0 1rem;
    line-height: 1.4
}

#opc-review .buttons-set .please-wait {
    height: 28px;
    line-height: 28px
}

#opc-review .authentication {
    margin: 0 auto;
    width: 570px
}

#opc-review .warning-message {
    color: #222;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0
}

.checkout-progress {
    padding: 0 90px;
    margin: 0 0 20px
}

.checkout-progress li {
    float: left;
    width: 19%;
    margin: 0 3px 0 0;
    border-top: 6px solid #999;
    padding: 2px 0 0;
    font-weight: bold;
    text-align: center;
    color: #888
}

.checkout-progress li.active {
    border-top-color: #e96200;
    color: #e96200
}

.multiple-checkout h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px
}

.multiple-checkout h3,
.multiple-checkout h4 {
    font-size: 12px;
    font-weight: bold
}

.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a {
    font-weight: normal
}

.multiple-checkout .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #4f8100 !important
}

.multiple-checkout .data-table .product-name a {
    font-weight: bold !important
}

.multiple-checkout .data-table .item-options {
    margin: 5px 0 0
}

.multiple-checkout .gift-messages {
    margin: 15px 0 0
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 20px
}

.multiple-checkout .col2-set,
.multiple-checkout .col3-set {
    background: #fbfbfb;
    border: 1px solid #ddd;
    margin: 0 0 25px;
    padding: 20px
}

.multiple-checkout .col2-set h2.legend {
    margin: -20px -20px 15px;
    padding: 3px 10px;
    background: #777;
    border-bottom: 1px solid #777;
    position: relative;
    color: #fff
}

.multiple-checkout .col2-set h3.legend {
    margin: 0 0 10px
}

.multiple-checkout .col2-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative
}

.multiple-checkout .box {
    margin: 0 0 15px
}

.multiple-checkout .place-order .please-wait {
    float: right;
    padding: 5px 10px 0 0
}

.multiple-checkout .place-order .grand-total {
    float: right
}

.multiple-checkout .place-order .grand-total big {
    float: left;
    margin-right: 12px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 28px;
    color: #e26703
}

.multiple-checkout .place-order .grand-total div {
    float: left
}

#multiship-addresses-table td {
    padding: 10px
}

#multiship-addresses-table tfoot td {
    padding: 5px 10px
}

.multiple-checkout .gift-messages-form .item .details .form-list {
    width: 100%;
    overflow: hidden
}

.multiple-checkout .gift-messages-form .item .details .form-list li {
    margin-right: -15px
}

.multiple-checkout .gift-messages-form .item .details .form-list .field {
    width: 230px
}

.multiple-checkout .gift-messages-form .item .details .form-list .input-box {
    width: 215px
}

.multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
    width: 209px
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
    width: 445px
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
    width: 439px
}

.checkout-multishipping-shipping .box-sp-methods {
    border: 1px solid #ddd;
    background: #eee;
    padding: 13px;
    position: relative
}

.checkout-multishipping-shipping .box-sp-methods .pointer {
    display: none
}

.checkout-multishipping-billing .multiple-checkout {
    position: relative
}

.account-login .content {
    min-height: 200px;
    padding: 0 10px
}

.account-login .content h2 {
    margin: 0 -10px 12px;
    background: #f1f1f1;
    padding: 2px 10px;
    font-size: 13px;
    line-height: 1.25
}

.captcha-note {
    clear: left;
    padding-top: 5px
}

.captcha-image {
    float: left;
    display: inline;
    margin: 0;
    position: relative;
    width: 258px
}

.captcha-image .captcha-img {
    border: 1px solid #b6b6b6;
    vertical-align: bottom;
    width: 100%
}

.registered-users .captcha-image {
    margin: 0
}

.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px
}

.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear;
    -webkit-animation: rotate 1.5s infinite linear;
    -moz-animation: rotate 1.5s infinite linear
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0)
    }
    0% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0)
    }
    0% {
        -moz-transform: rotate(-360deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    0% {
        transform: rotate(-360deg)
    }
}

.window-overlay {
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/window_overlay.png) repeat;
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990
}

.remember-me label {
    float: none;
    margin: 0 6px
}

.remember-me-popup {
    background: #fff;
    border: 1px solid #888;
    border-bottom-color: #777;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -85px 0 0 -200px;
    width: 400px;
    text-align: left;
    -moz-box-shadow: 0 0 6px #999;
    -webkit-box-shadow: 0 0 6px #999;
    box-shadow: 0 0 6px #999;
    z-index: 1000
}

.remember-me-popup h3 {
    background: #dedede;
    border-bottom: 1px solid #ccc;
    color: #444;
    font-size: 14px;
    margin: 0;
    padding: 7px 10px 5px
}

.remember-me-popup .remember-me-popup-head {
    position: relative
}

.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/btn_window_close.gif) no-repeat;
    display: block;
    position: absolute;
    top: 9px;
    right: 7px;
    height: 15px;
    width: 15px;
    text-indent: -9999em
}

.remember-me-popup .remember-me-popup-body {
    border-top: 1px solid #e6e6e6;
    padding: 10px
}

.remember-me-popup .remember-me-popup-body a,
.remember-me-popup .remember-me-popup-body a span {
    display: inline-block;
    height: 28px;
    background: transparent url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/bkg_btn.png) 0 0 no-repeat;
    padding: 0 0 0 6px;
    font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    color: #555
}

.remember-me-popup .remember-me-popup-body a span {
    background-position: 100% 0;
    padding: 0 15px 0 9px
}

.validate-select,
.validate-select:hover {
    background: #fff url("https://waterlee.jakesharp.co/demo/skin/frontend/waterlee-boilerplate/default/images/arrow.png") no-repeat scroll 98% center
}

.checkout-types {
    margin-bottom: 0rem
}

.crosssell {
    margin-top: 1rem
}

.col-main {
    padding-left: 0rem
}

.checkout-title {
    margin-top: 1rem;
    margin-left: -0.1rem
}

.opc label {
    margin-bottom: 0.2rem
}

.opc label[for="billing-address-select"],
.opc label[for="shipping-address-select"] {
    margin-bottom: 0.7rem
}

.opc .step {
    padding: 22px 30px 15px;
    background: #f1f1f1
}

.opc .step p,
.opc .step strong,
.opc .step li {
    font-size: 0.8rem
}

.opc .step-title .number,
.opc .active .step-title .number {
    background: none;
    border: none;
    font-size: 0.8rem;
    margin-top: 1px
}

.opc .step-title h2,
.opc .active .step-title h2 {
    color: #fff;
    font-family: Arial, Helvetica, "Open Sans", sans-serif !important;
    font-weight: normal !important;
    font-size: 0.7rem !important
}

.opc .step-title {
    background: #a0a0a0
}

.opc .active .step-title {
    background: #A5C428
}

.opc .price {
    font-size: 0.8rem;
    color: #000000
}

.opc .control input,
.opc .sp-methods input,
.opc .agree input {
    vertical-align: top;
    margin-top: 0.2rem
}

.opc .control label,
.opc .sp-methods label,
.opc .agree label {
    width: 80%;
    margin-right: 0
}

.opc .sp-methods {
    font-size: 0.875rem;
    color: #4d4d4d
}

@media only screen and (max-width: 40em) {
    .opc .ops-form-list #OPS_CC_BRAND {
        width: 100%
    }
}

#login-form .form-list {
    margin-left: 0 !important;
    margin-top: 0.6rem
}

#opc-login h3 {
    font-weight: bold
}

#opc-login .buttons-set {
    text-align: right
}

#opc-login .buttons-set a {
    font-size: 0.8rem;
    float: left;
    line-height: 2.7
}

.opc .buttons-set .please-wait {
    font-size: 0.8rem
}

.opc>li {
    margin-bottom: 0.2rem
}

#checkout-review-table {
    width: 100%;
    overflow-x: auto;
    border: none
}

@media only screen and (max-width: 40em) {
    #checkout-review-table {
        display: block
    }
}

#checkout-review-table thead {
    background: #e2e2e2
}

#checkout-review-table thead tr th {
    color: #222
}

#checkout-review-table tbody,
#checkout-review-table tfoot {
    background: #f1f1f1
}

#checkout-review-table tfoot strong {
    font-size: 0.875rem
}

.block-progress .block-title {
    font-family: "helvetica neue", "Open Sans", arial;
    color: #999;
    text-transform: uppercase
}

.block-progress dt {
    background: #a0a0a0;
    color: #fff;
    margin: 0;
    border: 1px solid #d8d8d8
}

.block-progress dt.complete {
    background: #A5C428
}

.block-progress dt.complete a {
    color: #fff
}

.block-progress dd {
    border: 1px solid #d8d8d8;
    border-top: none
}

.block-progress dd.complete,
.block-progress dd p {
    background: #fff;
    font-size: 0.8rem;
    color: #4d4d4d
}

.block-progress dd .price {
    font-size: 0.8rem !important;
    font-weight: normal;
    color: #4d4d4d
}

#checkout-review-table-wrapper,
#checkout-review-submit {
    border: none !important
}

#checkout-review-submit {
    border-bottom: 1px solid #cccccc !important
}

.checkout-agreements {
    padding: 5px 10px !important;
    margin-left: 0
}

.checkout-agreements li:first-child {
    overflow: hidden
}

.checkout-agreements .agree input {
    float: left
}

.checkout-agreements .agree label {
    width: 84%
}

.checkout-agreements .agree a {
    float: right
}

.checkout-onepage-index .col-main {
    padding-left: 0;
    padding-right: 0
}

.checkout-onepage-success h1 {
    font-size: 1.5rem
}

.checkout-onepage-success h2 {
    font-size: 1.2rem
}

.checkout-onepage-success p {
    font-size: 0.8rem
}

.customer-account-logoutsuccess p {
    font-size: 0.8rem
}

@media only screen and (max-width: 480px) {
    .back-link {
        padding: 4px !important
    }
}

#checkout-step-review .item-options dd .price {
    display: none
}

#dd_method_checkmo {
    padding-left: 26px
}

#dd_method_checkmo #payment_form_checkmo label {
    width: 208px;
    font-weight: bold;
    text-align: right
}

@media only screen and (max-width: 43.125em) {
    #dd_method_checkmo #payment_form_checkmo label {
        width: auto;
        text-align: left
    }
}

#dd_method_checkmo #payment_form_checkmo li:nth-child(2) label {
    float: left
}

#dd_method_checkmo #payment_form_checkmo .checkmo-mailing-address {
    float: left;
    padding-left: 3px;
    padding-top: 1px
}

@media only screen and (max-width: 43.125em) {
    #dd_method_checkmo #payment_form_checkmo .checkmo-mailing-address {
        padding: 0
    }
}

.site-language ul,
.site-language li,
.site-language p {
    margin-bottom: 0;
    padding-bottom: 0
}

.super-header form,
.super-header .top-bar {
    margin: 0
}

.switchers {
    padding-bottom: 0.5em;
    margin: auto;
    width: auto;
    float: left;
    text-align: left
}

.switchers .store-switcher {
    line-height: 20px
}

.welcome-msg {
    padding-left: 0
}

.alert-box {
    border-width: 1px;
    display: block;
    font-weight: normal;
    margin-bottom: 0rem;
    position: relative;
    padding: 1em;
    font-size: 0.8125rem;
    background: #b3ffb3;
    border-color: #e5e5e5;
    color: #288d28
}

.super-header {
    background-color: #cdc3ba;
    border-style: solid;
    border-width: 1px;
    border-color: #cdc3ba;
    height: 2.5rem
}

.lang-border {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    height: 2.3rem
}

.welcome-msg {
    color: #909090
}

.welcome-msg p {
    font-size: 0.7rem
}

.super-header select {
    margin-bottom: 0;
    padding: 0 0.4rem !important
}

select,
select:hover {
    padding: 0 1.4rem 0 0.4rem !important;
    height: 1.6rem;
    padding: 0;
    color: #747474;
    background: #fff url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/arrow.png") no-repeat scroll 98% center
}

.super-header form,
.super-header .top-bar {
    margin: 0 0 0.2rem
}

.acc-button {
    border: 1px solid #e5e5e5;
    cursor: pointer;
    line-height: 1.6;
    margin: 0 0 1.25rem;
    text-decoration: none;
    text-align: center;
    padding-top: 0.55rem;
    padding-right: 1.25rem;
    padding-bottom: 0.55rem;
    padding-left: 1.25rem;
    font-size: 0.7rem;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    background-color: #f9f9f9;
    color: #665848;
    transition: background-color 300ms ease-out
}

@media only screen and (max-width: 40.063em) {
    .acc-button {
        right: 5.4rem
    }
    .super-header {
        height: 2.45rem
    }
    .site-identity {
        padding-left: 0rem
    }
    .site-search {
        padding-top: 1rem;
        padding-left: 0rem;
        padding-right: 0rem
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .top-cart-padd {
        padding-right: 0rem
    }
}

@-moz-document url-prefix() {
    .super-header {
        height: 2.5rem
    }
    .switchers {
        padding-top: 0.1rem;
        width: 100px
    }
    select {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: ""
    }
    select,
    select:hover {
        padding: 0.19rem
    }
}

.super-header.show-for-small-only .right {
    position: relative;
    z-index: 3
}

.f-dropdown li a {
    font-size: 0.8rem
}

.top-cart-padd>div {
    line-height: 1.2
}

.top-cart-padd a,
.top-cart-padd div {
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #3C3C3C;
    letter-spacing: 1px;
    margin-right: 1rem
}

.top-cart-padd a:last-child,
.top-cart-padd div:last-child {
    margin-right: 0
}

.top-cart-padd div {
    display: inline-block;
    text-transform: none
}

@media only screen and (min-width: 40.063em) and (max-width: 52.5em) {
    .top-cart-padd div {
        width: 100%
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 52.5em) {
    .top-cart-padd .columns {
        margin-top: -8px
    }
}

.site-identity {
    text-align: center
}

.switchers {
    width: auto !important
}

.store_selector,
.currency_selector {
    position: relative;
    float: left;
    padding: 0 12px;
    white-space: nowrap
}

.store_selector:after,
.currency_selector:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #665848;
    margin-left: 2px;
    position: relative;
    z-index: 2001;
    vertical-align: middle;
    top: -1px
}

.store_selector span,
.currency_selector span {
    position: relative;
    z-index: 2002;
    color: #665848
}

.store_selector ul,
.currency_selector ul {
    position: absolute;
    padding: 28px 14px 4px 12px;
    visibility: hidden;
    opacity: 0;
    transition: visibility linear .2s, opacity .2s linear;
    z-index: 2000;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    text-align: left;
    top: -8px;
    left: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
    font-size: 13px;
    margin: 0
}

.store_selector:hover ul,
.currency_selector:hover ul {
    visibility: visible;
    opacity: 1;
    transition-delay: 1ms
}

.store_selector.liste_vide:hover ul,
.currency_selector.liste_vide:hover ul {
    visibility: hidden;
    opacity: 0
}

.store_selector.liste_vide:after,
.currency_selector.liste_vide:after {
    border: none
}

@media only screen and (max-width: 40.063em) {
    .super-header {
        background-color: transparent;
        border: none
    }
    .super-header-content nav.top-bar {
        height: 37px
    }
    .super-header-content .right {
        padding-right: 5px
    }
    .switchers {
        height: 2rem;
        padding: 5px 0 0;
        font-family: "Raleway", arial;
        font-size: 0.65rem;
        letter-spacing: 1px;
        text-transform: uppercase
    }
    .switchers a {
        font-size: 0.625rem
    }
    .store_selector ul,
    .currency_selector ul {
        padding-right: 22px
    }
}

.per-page {
    font-size: 0.875em;
    color: #4D4D4D;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-bottom: 0.1875em
}

.sort-select {
    width: 6rem
}

.show-select {
    width: 3rem
}

.amount-padd {
    color: #999;
    padding-bottom: 0.3rem;
    padding-right: 1rem
}

.grid-padd {
    padding-top: 0.2rem
}

.toolbar {
    text-align: right
}

.filter-btn-container {
    text-align: right
}

.filter-btn {
    background: #ff7800;
    color: white;
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem 0;
    margin: 0.2rem 1.2rem 0 0;
    text-transform: uppercase;
    display: inline-block
}

.filter-btn:hover {
    color: white
}

.sort-by {
    margin: 0 1rem 0 0
}

.sort-by .sort-select {
    font-size: 0.7rem;
    line-height: 1;
    border: none;
    color: #939393;
    margin-bottom: 0;
    height: 1rem
}

.sorter .sort-by {
    text-transform: uppercase;
    color: #706e73;
    font-size: 0.7rem;
    font-family: "helvetica neue", "Open Sans", arial;
    margin-right: 0.7rem;
    letter-spacing: 2px;
    font-weight: bold
}

.sorter span.sort-by {
    margin-right: 0
}

ul.pagination {
    display: none
}

.toolbar-bottom ul.pagination {
    display: block;
    margin-top: 0.6rem
}

.toolbar-bottom .sorter {
    display: none
}

.toolbar-top {
    background: #A5C428;
    height: 1.875rem;
    padding: 3px 0 0;
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 0.65rem;
    letter-spacing: 1px;
    text-transform: uppercase
}

.toolbar-top .top-links {
    text-align: right
}

@media only screen and (min-width: 40.125em) and (max-width: 43.063em) {
    .toolbar-top .top-links {
        width: 100%
    }
}

.toolbar-top .welcome-msg {
    float: left;
    color: #665848;
    font-size: 0.625rem;
    padding-top: 10px;
    margin-bottom: 0
}

.toolbar-top .topflags a {
    margin-right: 8px
}

.toolbar-top .topflags a.current {
    text-decoration: underline;
    color: #665848;
    font-weight: bold
}

.toolbar-top a {
    color: #5E6F1D;
    margin-right: 25px;
    font-size: 0.625rem;
    letter-spacing: 2px
}

.toolbar-top #search_autocomplete {
    border: none
}

.toolbar-top #search_mini_form {
    float: right
}

.toolbar-top #search_mini_form button {
    position: absolute;
    width: 1.875rem;
    top: 0;
    right: 0.9375rem;
    background-color: transparent;
    padding: 0;
    line-height: 0;
    border: none;
    margin-bottom: 0
}

.toolbar-top #search_mini_form input[type="text"] {
    width: 9rem;
    border: 1px solid #a29689;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0
}

.toolbar-top #search_mini_form::-webkit-input-placeholder {
    color: #828282;
    font-weight: lighter
}

.toolbar-top #search_mini_form:-moz-placeholder {
    color: #828282;
    font-weight: lighter;
    opacity: 1
}

.toolbar-top #search_mini_form::-moz-placeholder {
    color: #828282;
    font-weight: lighter;
    opacity: 1
}

.toolbar-top #search_mini_form:-ms-input-placeholder {
    color: #828282;
    font-weight: lighter
}

.toolbar-top #search_mini_form button,
.toolbar-top #search_mini_form input[type="text"] {
    height: 1.375rem
}

#search_autocomplete .amount {
    display: none !important
}

#search_autocomplete li {
    padding-left: 8px;
    color: #635647
}

.img-foot {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.co-page {
    margin-top: 1rem
}

.address-padd {
    background: #f9f9f9
}

.footer-touch {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.text-foot {
    padding-right: 0rem
}

.logo-foot {
    padding-left: 0rem
}

.co-page {
    padding-left: 0rem
}

.html-icon {
    padding-right: 0rem
}

@media only screen and (max-width: 40em) {
    #uvTab {
        display: none
    }
    .footer-touch {
        margin-top: 1rem;
        margin-bottom: 0rem;
        padding-bottom: 0rem
    }
    .img-foot {
        margin-bottom: 0rem
    }
    .footer-content {
        margin-top: 0rem
    }
    .logo-foot {
        margin-top: 1rem;
        margin-bottom: 1.5rem
    }
    .text-foot {
        padding-right: 1rem
    }
    .logo-foot {
        padding-left: 1rem
    }
    .co-page {
        padding-left: 1rem
    }
    .html-icon {
        padding-right: 1rem
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .text-foot {
        padding-right: 1rem
    }
    .logo-foot {
        padding-left: 1rem
    }
    .co-page {
        padding-left: 1rem
    }
    .html-icon {
        padding-right: 1rem
    }
}

.site-footer {
    font-family: "helvetica neue", "Open Sans", arial;
    max-width: 100%;
    margin-top: 1rem;
    background: white
}

.site-footer .renforcateurs {
    max-width: 1200px;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2
}

.site-footer ul {
    margin-left: 0
}

.site-footer .block-title {
    color: #668500;
    font-size: 0.8rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 16px
}

.site-footer .block-subscribe {
    margin-bottom: 0.8rem
}

.site-footer .block-subscribe input[type="text"] {
    border: 1px solid #9C9C9C;
    margin-bottom: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .65rem;
    height: 1.6rem
}

.site-footer .block-subscribe .actions {
    margin-left: 3px
}

.site-footer .site-footer-content {
    padding: 2rem 0.2rem 1rem
}

@media only screen and (max-width: 40.063em) {
    .site-footer .site-footer-content {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media only screen and (min-width: 40.063em) {
    .site-footer .site-footer-content .medium-offset-1 {
        margin-left: 4% !important;
        margin-right: 4% !important
    }
}

.site-footer .site-footer-content .row {
    max-width: 1230px;
    margin: auto
}

.site-footer .site-footer-content .row .small-6 {
    padding: 1rem 0
}

.site-footer .site-footer-content .title {
    color: #668500;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold
}

.site-footer .site-footer-content li {
    line-height: 1.2;
    padding: .5rem 0 .6rem;
    border-bottom: 1px solid #D2D2D2
}

.site-footer .site-footer-content .medium-3:nth-child(2) li:last-child {
    border-bottom: none
}

.site-footer .site-footer-content a {
    font-size: 0.8rem;
    color: #9C9C9C
}

.site-footer .site-footer-content .parent-cat {
    font-size: 1rem;
    color: #717171;
    border-bottom: 1px solid #717171;
    margin-bottom: 0.8rem;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media only screen and (max-width: 40.063em) {
    .site-footer .site-footer-content .medium-3:first-child {
        display: none
    }
    .site-footer .site-footer-content .medium-3:first-child:last-child {
        display: block
    }
}

.site-footer .button.tiny {
    font-family: "helvetica neue", "Open Sans", arial;
    letter-spacing: 2px;
    font-size: .66rem;
    width: 100%;
    line-height: 1.1;
    background-color: #A8C13F;
    padding: 0.43rem 0;
    margin: 0;
    font-size: 0.7rem;
    text-transform: uppercase;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px
}

@media only screen and (max-width: 40.063em) {
    .site-footer .button.tiny {
        line-height: 1.8;
        padding: 5px !important
    }
}

.site-footer input[type="text"] {
    margin: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none
}

.lang-switcher .switchers {
    background: #CDC3BA;
    width: 100%;
    padding-left: 1rem;
    padding-top: .4rem;
    margin-bottom: 1.4rem
}

.lang-switcher a {
    color: #665848 !important;
    font-size: .8rem !important
}

.lang-switcher a.current {
    text-decoration: underline;
    font-weight: bold
}

.lang-switcher a:first-child {
    margin-right: .5rem
}

.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2
}

.body-img {
    margin-top: 3rem;
    margin-bottom: 1rem
}

@media only screen and (max-width: 40em) {
    .body-img {
        margin-top: 2rem
    }
}

.subtitle {
    margin-top: 2rem;
    margin-bottom: 1rem
}

.category-img {
    margin-top: 3rem;
    margin-bottom: 1rem
}

.cms-index-index .appel-livraison-gratuite {
    padding: 1rem 0
}

@media only screen and (min-width: 40.063em) {
    .cms-index-index .appel-livraison-gratuite {
        padding: 0 0 0 .8% !important
    }
}

.cms-index-index .diagnostic-et-beaute {
    padding: 1rem 0
}

.cms-index-index .diagnostic-et-beaute img:first-child {
    padding-bottom: 1rem
}

@media only screen and (min-width: 40.063em) {
    .cms-index-index .diagnostic-et-beaute {
        padding: 0 0 0 8px !important
    }
    .cms-index-index .diagnostic-et-beaute img:first-child {
        padding-bottom: 17px
    }
}

.cms-index-index .tabs {
    margin-top: 1rem;
    border-top: 1px solid #a1a1a1
}

.cms-index-index .tabs .tab-title {
    margin-right: 5rem
}

.cms-index-index .tabs .tab-title.active {
    border-bottom: 2px solid #668500
}

.cms-index-index .tabs .tab-title.active a {
    color: #668500
}

.cms-index-index .tabs .tab-title>a {
    color: #575E66;
    background-color: transparent;
    font-family: 'helvetica neue', arial;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 1rem 0 .4rem
}

@media only screen and (min-width: 642px) and (max-width: 840px) {
    .cms-index-index .tabs .tab-title>a {
        font-size: 1rem
    }
}

.cms-index-index h1.logo {
    margin: 0
}

.cms-index-index p {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.cms-index-index .toolbar {
    display: none
}

.cms-index-index .main-container.row .row {
    max-width: 1300px;
    margin: auto
}

.cms-index-index .main-container.row .row .appel-4-5 img {
    padding-bottom: 1.8rem
}

@media only screen and (min-width: 40.063em) {
    .cms-index-index .main-container.row .row .appel-4-5 img {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 40.063em) {
    .cms-index-index .main-container.row .row .appel-4-5 .first img {
        padding-bottom: 2rem
    }
}

.cms-index-index .main-container.row .row .appel-4-5 .second img {
    float: right
}

.cms-index-index .main-container.row .row .appel-6 {
    text-align: right
}

.cms-index-index .main-container.row .row .appel-1,
.cms-index-index .main-container.row .row .appel-2-3,
.cms-index-index .main-container.row .row .appel-4-5,
.cms-index-index .main-container.row .row .appel-6,
.cms-index-index .main-container.row .row .appel-7 {
    padding-right: 0;
    padding-left: 0
}

@media only screen and (min-width: 40.063em) {
    .cms-index-index .main-container.row .row .appel-1,
    .cms-index-index .main-container.row .row .appel-4-5,
    .cms-index-index .main-container.row .row .appel-7 {
        padding-left: 0;
        padding-right: 0.9375rem
    }
    .cms-index-index .main-container.row .row .appel-2-3,
    .cms-index-index .main-container.row .row .appel-6 {
        padding-left: 0.9375rem;
        padding-right: 0
    }
}

.cms-index-index h2[class^="color"] {
    font-size: 1.5rem
}

@media only screen and (max-width: 40em) {
    .cms-index-index .hp-seo {
        display: none
    }
    .cms-index-index .accordion .accordion-navigation>a,
    .cms-index-index .accordion dd>a {
        padding: .5rem 0rem
    }
    .cms-index-index .accordion .accordion-navigation>a:hover,
    .cms-index-index .accordion dd>a:hover {
        background: transparent
    }
    .cms-index-index .main-container .accordion ul:first-child {
        margin-top: 0
    }
    .cms-index-index .category-products .columns {
        padding-right: 0
    }
}

@media only screen and (min-width: 40.063em) {
    .cms-index-index h2[class^="color"] {
        font-size: 2rem
    }
}

.renforcateurs {
    padding: 1.4rem 0
}

.renforcateurs>div {
    float: left
}

.renforcateurs .custom-width-1 {
    width: 25.5%
}

.renforcateurs .custom-width-2 {
    width: 16.3%
}

.renforcateurs .custom-width-3 {
    width: 22.2%
}

.renforcateurs .custom-width-4 {
    width: 20.8%
}

.renforcateurs .custom-width-5 {
    width: 15.2%
}

.block-subscribe.row {
    margin: 0 0 0.4rem
}

.block-subscribe .input-box {
    padding-right: 0
}

.block-subscribe .actions {
    line-height: 1
}

.block-subscribe input[type="text"] {
    font-size: 0.7rem;
    height: 1rem;
    margin-bottom: 0.6rem
}

.block-subscribe .actions {
    padding-left: 0
}

.block-subscribe button.tiny {
    background: #9b9b9b;
    margin-bottom: 0;
    padding: 0.2rem
}

.see-all-products {
    color: #ff5600;
    float: right;
    display: inline-block;
    padding-top: 1.4rem
}

@media only screen and (max-width: 40em) {
    .see-all-products {
        padding-top: 0
    }
}

.triangle-shape {
    position: relative;
    height: 0px;
    width: 0px;
    background-color: #FFFFFF;
    border-top: 5px solid transparent;
    border-left: 10px solid #ff5600;
    border-bottom: 5px solid transparent;
    margin: 1.8rem 0 0 0.4rem;
    float: right;
    display: inline-block
}

@media only screen and (max-width: 40em) {
    .triangle-shape {
        margin: 0.5rem 0 0 0.4rem
    }
}

.accordion.first-level-categories {
    margin: 0.2rem 0 0
}

.accordion.first-level-categories dd>a,
.accordion.first-level-categories .accordion-navigation>a,
.accordion.first-level-categories .accordion-navigation span a {
    display: block;
    color: #635647;
    background: #c7c0bb;
    font-family: "helvetica neue", "Open Sans", arial;
    padding: 0.4rem 1rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin: 0 0 3px;
    letter-spacing: 2px
}

.accordion.first-level-categories dd>a:hover,
.accordion.first-level-categories .accordion-navigation>a:hover,
.accordion.first-level-categories .accordion-navigation.active>a,
.accordion.first-level-categories .accordion-navigation span a:hover {
    color: white;
    background: #a19589
}

.accordion.first-level-categories .accordion-navigation>.content.active {
    background: transparent;
    padding: 0;
    font-size: 0.8rem
}

.accordion.first-level-categories .accordion-navigation>.content.active a {
    display: block;
    background: #e3e3e3;
    padding: 0.5rem 1.5rem;
    margin: 0 0 3px
}

.accordion.first-level-categories .ico-active {
    display: none
}

.accordion.first-level-categories .active .ico-arrow {
    display: none
}

.accordion.first-level-categories .active .ico-active {
    display: block;
    margin-top: 0.3rem
}

.accordion .accordion-navigation,
.accordion dd {
    position: relative
}

.accordion .accordion-navigation>a,
.accordion dd>a {
    overflow: hidden;
    font-family: helvetica neue, arial;
    background: transparent;
    color: #668500;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 1px
}

.accordion .accordion-navigation>.content.active,
.accordion dd>.content.active {
    overflow: hidden
}

.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
    background: transparent
}

.accordion-navigation #panel1,
.accordion-navigation #panel2,
.accordion-navigation #panel3 {
    padding: 0
}

.accordion-navigation .small-block-grid-2>li {
    margin-bottom: 0
}

.appel-home {
    margin-top: 1.4rem !important;
    margin-bottom: 1rem !important
}

@media only screen and (max-width: 40em) {
    .show-for-small-only.see-all-products {
        margin-right: 1.6rem
    }
}

@media only screen and (min-width: 40.063em) {
    .list-nouveautes li:nth-of-type(4),
    .list-special-cuisine li:nth-of-type(2),
    .list-favoris li:nth-of-type(3) {
        border-right: none !important
    }
    .list-nouveautes .medium-block-grid-3>li {
        width: 25%;
        clear: none
    }
    .list-nouveautes .medium-block-grid-3>li:nth-of-type(3n) {
        border-right: 1px dashed #bcbcbc
    }
    .list-special-cuisine .medium-block-grid-3>li {
        width: 50%
    }
    .list-favoris .medium-block-grid-3>li {
        width: 33.33333%
    }
    .hp-blurb {
        margin-top: 1rem !important;
        margin-bottom: 2rem !important
    }
}

.block-subscribe input[type="text"] {
    height: 1.8rem;
    margin-bottom: 1rem
}

.block-subscribe button.tiny {
    padding: 0.4rem
}

.videoWrapper {
    position: relative;
    padding-bottom: 40%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.breadcrumbs {
    padding: 0.4rem 0rem;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 0px;
    background-color: transparent;
    border-color: gainsboro;
    border-radius: 3px
}

.breadcrumbs>* a {
    color: #a0a0a0
}

.breadcrumbs>* {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #a0a0a0
}

.breadcrumbs>*:before {
    top: 0
}

#sidebar {
    padding-left: 1rem
}

.breadcrumbs>* {
    font-size: 0.8rem;
    font-family: "helvetica neue", "Open Sans", arial;
    text-transform: capitalize
}

.breadcrumbs strong {
    font-weight: 400;
    text-decoration: underline
}

@media only screen and (max-width: 40em) {
    .breadcrumbs>li {
        line-height: 1.5
    }
    ul.breadcrumbs {
        margin-bottom: 0
    }
}

.breadcrumbs>*:before {
    content: ">";
    margin: 0 0.4rem 0 0.6rem
}

.breadcrumbs .home a {
    display: block
}

.cms-index-index .site-breadcrumbs {
    display: block
}

.inner-wrap {
    margin-top: 0rem
}

.right-off-canvas-menu {
    background: #f9f9f9;
    border: 1px solid #ccc;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden
}

.move-left {
    position: fixed
}

.move-left .right-off-canvas-menu {
    margin-right: 1rem
}

.right-off-canvas-menu {
    padding-left: 0.4rem;
    padding-right: 0.4rem
}

.right-off-canvas-menu h3 {
    font-size: 1.5rem
}

.right-off-canvas-menu .image-cart {
    margin-top: 0.5rem;
    display: block;
    border: 1px solid #efefef
}

.right-off-canvas-menu .product-name {
    display: block
}

.right-off-canvas-menu .edit-param {
    position: absolute;
    right: 50px;
    padding-top: 0.1rem
}

.right-off-canvas-menu .cart-price {
    display: inline
}

.right-off-canvas-menu .price-total {
    background: #fff;
    color: green;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.right-off-canvas-menu .qty {
    display: inline;
    color: gray
}

.right-off-canvas-menu .fa-trash-o {
    display: inline;
    position: absolute;
    right: 25px;
    padding-top: 0.25rem
}

.right-off-canvas-menu .checkbox {
    display: none
}

.right-off-canvas-menu .cart-link {
    color: green
}

.right-off-canvas-menu .cartgo {
    display: block
}

.right-off-canvas-menu .top-cart-price,
.right-off-canvas-menu .top-cart-qty,
.right-off-canvas-menu .top-cart-subtotal {
    display: none !important
}

.cart-button {
    z-index: 1;
    top: 6.8rem;
    right: 4.4rem;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    line-height: 1.6;
    margin: 0 0 1.25rem;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 0.6rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    background-color: #f9f9f9;
    color: #747474;
    transition: background-color 300ms ease-out;
    font-size: 0.7rem
}

@media only screen and (max-width: 40em) {
    .cart-button {
        background-color: #f9f9f9
    }
}

.custom-width {
    width: 10rem !important
}

.image-cart {
    max-width: inherit
}

.cart {
    margin-top: 1rem;
    margin-bottom: 2rem
}

.checkout-types .nephritis-flat-button {
    padding: 0.5rem
}

.noItems-page {
    padding: 1rem 0rem
}

@media only screen and (max-width: 40.063rem) {
    .cart {
        margin: 0 0.5rem 0 0.5rem
    }
}

table {
    table-layout: auto !important
}

@media only screen and (max-width: 40em) {
    .btn-empty {
        width: 100%;
        display: block;
        margin-right: 0rem;
        border: 1px solid #f9f9f9;
        color: white;
        background: #f9f9f9
    }
    .btn-update {
        width: 100%;
        display: block;
        border: 1px solid #f9f9f9;
        color: white;
        background: #f9f9f9
    }
    .btn-continue {
        width: 100%;
        display: block;
        border: 1px solid #f9f9f9;
        color: white;
        background: #f9f9f9
    }
    .item-image {
        margin-top: 0.5rem;
        margin-left: 0.5rem
    }
    .item-spec {
        margin-left: 0.5rem
    }
    .small-full-width {
        width: 100%;
        float: left;
        text-align: center;
        padding: 1em
    }
}

.cart h1 {
    margin: 0
}

table tfoot,
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: none
}

.cart .price {
    font-size: 1rem;
    font-weight: normal;
    color: #222
}

.item-container {
    display: inline-block;
    margin-right: 0.6rem
}

.item-container dt,
.item-container dd {
    line-height: 1;
    margin-bottom: 0
}

.item-container dd .price {
    display: none
}

.cart-collaterals .free-shipping {
    margin-top: 1rem
}

.free-shipping-bottom-cart {
    padding: 1.8rem 1.8rem 1.8rem 7rem;
    color: #D5094E;
    font-family: "helvetica neue", "Open Sans", arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/picto-free-shipping-cart.jpg") #F5F5F5 no-repeat 20px 50%
}

.free-gift-bottom-cart {
    padding: 1.8rem 1.8rem 1.8rem 7rem;
    color: #D5094E;
    font-family: "helvetica neue", "Open Sans", arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/picto-free-gift-cart.png") #F5F5F5 no-repeat 20px 50%
}

.discount .discount-form {
    padding: 0.4rem
}

.discount .discount-form .input-box {
    width: 100%
}

.discount .discount-form .input-box .input-text {
    width: 100%;
    height: 33px;
    padding-left: 0.6rem;
    border: 1px solid #ddd
}

.discount .discount-form .buttons-set {
    margin-top: 0.4rem
}

.discount .discount-form .buttons-set button.tiny {
    font-size: 1rem
}

.discount .discount-form .buttons-set .valide-coupon {
    float: right
}

.discount .discount-form .buttons-set .cancel-coupon {
    float: left;
    background: #999
}

@media only screen and (min-width: 40.06rem) and (max-width: 46.25rem) {
    .discount .discount-form .buttons-set button.tiny {
        font-size: 0.7rem
    }
}

.discount button {
    padding: 0.4rem 1rem;
    margin-bottom: 0
}

.discount .validation-advice {
    margin-top: 0
}

.shipping {
    background: none
}

.shipping .shipping-form {
    padding: 0.4rem 0.6rem 0 0
}

.shipping #shipping-zip-form label {
    font-weight: bold
}

.shipping #co-shipping-method-form {
    padding: 0 0 0 0.6rem
}

.shipping #co-shipping-method-form .button-set {
    display: block;
    margin-left: 0
}

#shopping-cart-table .btn-continue,
#shopping-cart-table .btn-update,
#shopping-cart-table .btn-empty {
    background: #969696
}

#shopping-cart-table .btn-continue:hover,
#shopping-cart-table .btn-continue:focus,
#shopping-cart-table .btn-update:hover,
#shopping-cart-table .btn-update:focus,
#shopping-cart-table .btn-empty:hover,
#shopping-cart-table .btn-empty:focus {
    background: gray
}

#shopping-cart-totals-table td {
    text-align: right
}

#shopping-cart-totals-table tbody .price {
    color: #222222;
    font-weight: normal
}

#shopping-cart-totals-table tbody tr td {
    padding: 0 0.5625rem 0 0
}

#shopping-cart-totals-table tbody tr:not([class^="summary"]) {
    display: none
}

#shopping-cart-totals-table tbody tr:not([class^="summary"]):nth-child(2) {
    display: table-row
}

#shopping-cart-totals-table tfoot {
    background: none
}

.discount,
.shipping {
    margin: 0
}

.discount h2,
.shipping h2 {
    color: #fff;
    background: #A5C428;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0.4rem;
    margin-top: 0;
    margin-bottom: 0.2rem
}

#shopping-cart-totals-table,
.discount .discount-form,
.shipping .shipping-form {
    background: #fff;
    border: none
}

.discount .discount-form {
    border: 1px solid #ddd
}

.checkout-types .nephritis-flat-button {
    padding: 0.6rem !important
}

.item-options dd,
.item-options dt {
    float: left;
    font-size: 0.8rem;
    color: #8e8e8e
}

.item-options dt:after {
    content: " :";
    margin-right: 0.3rem
}

.cart .error {
    font-size: 0.7rem
}

.block-cart {
    background: #e2e2e2;
    padding: 0.6rem 1rem;
    color: #222
}

.block-cart span {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8rem
}

.block-cart p {
    font-size: 0.7rem !important;
    color: #222 !important
}

.block-cart .block-content .amount a {
    color: #222
}

.block-cart .block-content button {
    margin: 0.6rem 0 0.4rem;
    padding: 0.4rem 2rem
}

.cart-empty p {
    font-size: 0.8rem
}

.checkout-cart-index h1 {
    padding-top: 0.5rem
}

.top-cart-subtotal {
    display: none !important
}

.block-cart-header {
    display: inline-block;
    width: 100%
}

.block-cart-header .product-qty,
.block-cart-header .product-name,
.block-cart-header .product-price,
.block-cart-header .product-img,
.product-details .product-qty,
.product-details .product-name,
.product-details .product-price,
.product-details .product-img {
    float: left;
    text-transform: uppercase;
    color: #303030;
    font-weight: bold
}

.block-cart-header .actions a {
    margin: 11px 0 0 0
}

.product-details .product-qty,
.product-details .product-price {
    font-weight: normal;
    text-transform: none
}

.block-cart-header .product-qty,
.product-details .product-qty {
    width: 10%;
    font-size: .8rem;
    text-align: center
}

.product-details .product-price,
.product-details .product-qty {
    padding-top: 9px
}

.block-cart-header .product-img,
.product-details .product-img,
.block-cart-header .product-name,
.product-details .product-name {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .8rem;
    line-height: inherit;
    text-align: center
}

.block-cart-header .product-name,
.product-details .product-name {
    width: 46%
}

.block-cart-header .product-name {
    min-height: 0
}

.product-details .product-name {
    text-transform: none
}

.block-cart-header .product-img,
.product-details .product-img {
    width: 20%
}

.product-details .product-img img {
    max-width: 100%;
    height: auto;
    padding: 0;
    margin-top: -10px
}

.block-cart-header .product-price,
.product-details .product-price {
    width: 20%;
    font-size: .8rem;
    text-align: center
}

#cart-sidebar {
    clear: both;
    padding: 0;
    margin: 0
}

.mini-products-list .product-details {
    display: inline-block;
    width: 100%;
    margin-left: 0
}

.product-details .remove-product {
    float: right;
    padding-top: 7px;
    width: 4%
}

.product-details .remove-product a {
    padding: 0 !important
}

.mini-products-list .product-details h4 {
    font-size: .8rem;
    font-weight: normal;
    margin: 0
}

.mini-products-list .product-details h4 a {
    font-weight: normal;
    font-size: 0.8rem !important
}

.product-details .price {
    font-size: 1em
}

.block .actions.cart {
    border-top: 1px solid #5E5E5E
}

.block-cart .block-content ol li,
.block-cart .block-content ul li {
    margin: 0 !important
}

.mini-products-list li {
    padding: 0
}

.block-cart-footer {
    border-top: 1px solid #E4E3E4;
    display: inline-block;
    width: 100%;
    padding: 8px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.block-cart-footer .total-items,
.block-cart .view-cart {
    width: 47%;
    float: left;
    padding-left: 80px;
    font-size: .8rem
}

.block-cart-footer .total-items {
    width: auto;
    padding-left: 100px
}

.block-cart-footer .total-price .price {
    font-size: .8rem
}

.block-cart-footer .total-price {
    margin-right: 16px;
    text-align: right
}

.block-cart .cart {
    background: transparent url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/block-cart-icon.png) no-repeat scroll 0 14px;
    padding: 2px 5px;
    margin: 0
}

.block-cart .view-cart {
    width: 170px
}

.block-cart .view-cart,
.block-cart .view-checkout {
    margin-top: 6px
}

.block-cart .view-checkout {
    padding-left: 194px
}

.block-cart .block-content .view-cart a,
.block-cart .block-content .view-checkout a {
    color: #a5c428;
    font-weight: bold;
    text-decoration: none;
    font-size: .8rem
}

.block-cart .product-name a {
    margin: 0
}

.cart-empty p {
    font-size: 0.8rem
}

.checkout-cart-index h1 {
    padding-top: 0.5rem
}

@media only screen and (min-width: 40.063em) {
    .checkout-cart-index th.hide-for-small-only,
    .checkout-cart-index td.hide-for-small-only {
        display: table-cell !important
    }
    .checkout-cart-index td.show-for-small-only {
        display: none !important
    }
    .checkout-types .nephritis-flat-button {
        width: 280px
    }
    .cart .page-title .no-padding-right {
        padding-right: 0.9375rem
    }
}

@media only screen and (max-width: 40em) {
    .small-medium-width {
        width: 50%;
        float: left;
        padding: 1em
    }
    .width-20 {
        width: 20%
    }
    .width-60 {
        width: 60%;
        float: right
    }
    .cart-name {
        width: 70%;
        min-height: 115px
    }
    .cart-image {
        width: 30%
    }
    .product-image {
        text-align: left !important
    }
    .cart-image,
    .cart-name {
        padding-bottom: 0
    }
    .bin {
        width: 47px;
        padding-left: 1.1rem;
        text-align: left !important
    }
    .input-qty-cart {
        width: 48px;
        padding-left: 0;
        padding-right: 0
    }
    .button.tiny {
        margin-bottom: 0.2rem
    }
    .cart .page-title {
        margin: 1.2rem 0;
        border-bottom: 1px solid #e7e7e7
    }
    .cart h1 {
        margin-left: 0
    }
}

.current {
    color: #333
}

.block-acc-margin {
    margin-top: 1rem
}

.my-account h1 {
    margin-left: 0
}

.my-account h3 {
    font-size: 1rem;
    margin: 0
}

.my-account h4 {
    font-weight: bold;
    margin-bottom: 0
}

.my-account h4,
.my-account p,
.my-account a,
.my-account address {
    font-size: 0.8rem;
    line-height: 1.6
}

.my-account table {
    display: block;
    overflow-x: auto
}

.my-account .price {
    font-size: 1rem
}

.my-account .block-title {
    font-family: "helvetica neue", "Open Sans", arial
}

.my-account .welcome-msg {
    margin-top: 0.2rem
}

.my-account .box-title {
    background: #f8f8f8;
    border: 1 px solid #d6d6d6;
    padding: 0.4rem;
    margin-bottom: 0.6rem
}

.sales-order-view .my-account .box-title {
    background: none;
    border: none;
    padding: 0
}

.my-account .box-content {
    margin-bottom: 1rem
}

.my-account .control input {
    vertical-align: top;
    margin-top: 0.2rem
}

.my-account .control label {
    width: 86%;
    margin-right: 0
}

.my-account .back-link a {
    line-height: 1.4
}

.my-account .order-date {
    font-size: 1.2rem;
    color: #999;
    text-transform: uppercase;
    font-weight: normal
}

.my-account .order-date strong {
    font-weight: normal
}

table .separator {
    display: none
}

.customer-address-index h1 {
    margin-bottom: 1rem
}

.sales-order-history h1,
.sales-order-history p.amount {
    margin-bottom: 0.6rem
}

.sales-order-history .back-link {
    margin-top: 1rem
}

.sales-order-view h2 {
    font-size: 1.3rem
}

.sales-order-view .link-container {
    float: right
}

.sales-order-view .link-container a,
.sales-order-view .link-container .separator {
    display: none
}

.sales-order-view .link-container a.link-print {
    display: block
}

.sales-order-view .my-account h3 {
    font-size: 0.9rem
}

.sales-order-view .box-content {
    font-size: 0.8rem
}

.sales-order-view .price {
    font-size: 1rem
}

.newsletter-manage-index h1 {
    margin-bottom: 0.4rem
}

.newsletter-manage-index input#subscription {
    margin-top: 0.4rem
}

.newsletter-manage-index .fieldset {
    margin-bottom: 0.8rem
}

#my-orders-table thead tr th:nth-child(1) {
    width: 47%
}

#my-orders-table thead tr th:nth-child(2) {
    width: 25%
}

#my-orders-table thead tr th:nth-child(3) {
    width: 11%
}

#my-orders-table thead tr th:nth-child(4) {
    width: 8%
}

#my-orders-table thead tr th:nth-child(5) {
    width: 11%
}

.customer-account-create h1,
.customer-account-forgotpassword h1,
.customer-account-index h1,
.customer-account-edit h1,
.customer-address-index h1,
.customer-address-form h1,
.sales-order-history h1,
.newsletter-manage-index h1,
.sales-order-view h1,
.customer-account-logoutsuccess h1,
.customer-account-resetpassword h1 {
    font-size: 1.5rem;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 1.2rem
}

.customer-account-create h2,
.customer-account-forgotpassword h2,
.customer-account-index h2,
.customer-account-edit h2,
.customer-address-index h2,
.customer-address-form h2,
.sales-order-history h2,
.newsletter-manage-index h2,
.sales-order-view h2,
.customer-account-logoutsuccess h2,
.customer-account-resetpassword h2 {
    font-size: 1.2rem;
    margin-bottom: 0.6rem
}

.customer-account-edit .form-list,
.customer-address-form .form-list {
    margin-left: 0 !important
}

.customer-address-index ol {
    margin-left: 0 !important
}

.sales-order-history .price {
    font-size: 1rem
}

.sales-order-history .limiter {
    font-size: 0.8rem;
    color: #4d4d4d
}

.sales-order-history .limiter label {
    float: left;
    font-size: 0.8rem;
    line-height: 2.2;
    margin-right: 0.6rem
}

.sales-order-history .limiter select {
    width: 50px;
    padding: 0 0.2rem !important;
    margin-right: 0.4rem;
    background-position-x: 90%
}

.sales-order-print {
    font-size: 0.8rem;
    margin: 1rem 2rem
}

.sales-order-print h1 {
    font-size: 1.5rem;
    border-bottom: 1px solid #CCCCCC;
    padding-top: 1rem;
    margin-bottom: 1.2rem;
    clear: both
}

.sales-order-print h2 {
    font-size: 1.2rem
}

.sales-order-print p {
    font-size: 0.8rem
}

.sales-order-print .print-head img {
    float: left
}

.sales-order-print .print-head address {
    float: left;
    padding: 1.5rem 2rem
}

.sales-order-print .order-date {
    font-size: 1.2rem;
    color: #999;
    text-transform: uppercase;
    font-weight: normal
}

.sales-order-print .order-date strong {
    font-weight: normal
}

.sales-order-print .price {
    font-size: 1.2rem !important
}

.sales-order-print #my-orders-table thead tr th:nth-child(1) {
    width: 37%
}

.sales-order-print #my-orders-table thead tr th:nth-child(2) {
    width: 35%
}

.sales-order-print #my-orders-table thead tr th:nth-child(3) {
    width: 11%
}

.sales-order-print #my-orders-table thead tr th:nth-child(4) {
    width: 8%
}

.sales-order-print #my-orders-table thead tr th:nth-child(5) {
    width: 11%
}

.order-items .option-value .price {
    display: none
}

@media only screen and (max-width: 767px) {
    body[class*="customer"] .main-container,
    .sales-order-view .main-container,
    .sales-order-history .main-container,
    .newsletter-manage-index .main-container {
        padding: 0 1rem
    }
}

@media only screen and (min-width: 768px) {
    body[class*="customer"] .main-container,
    .sales-order-view .main-container,
    .sales-order-history .main-container,
    .newsletter-manage-index .main-container {
        padding-right: 1rem
    }
}

.shipping-tracking-popup {
    padding: 0 1rem
}

.shipping-tracking-popup .title-buttons button {
    display: none
}

.shipping-tracking-popup table th {
    background: none;
    color: black;
    font-weight: bold;
    font-size: .8rem;
    padding: 0.5625rem 0.625rem;
    line-height: 1.125rem
}

.shipping-tracking-popup .buttons-set button {
    float: left
}

.costum-column {
    padding-left: 0;
    padding-right: 0
}

.costum-column.sticky {
    line-height: 0
}

.fixed {
    background: white;
    padding: 1.5rem 0 .6rem
}

@media only screen and (max-width: 40em) {
    .top-bar button {
        background: #A8C13F;
        padding-top: 0rem;
        top: 0
    }
    .top-bar button:hover {
        background: #cdc3ba
    }
    #search {
        border-right: 0
    }
    .site-logo {
        padding-left: 0rem !important
    }
}

@media only screen and (max-width: 40em) and (max-width: 40.063em) {
    .site-logo {
        margin-top: 2.3rem
    }
}

.site-header {
    min-height: 178px
}

@media only screen and (max-width: 40.063em) {
    .site-header {
        min-height: 130px
    }
}

.site-nav {
    text-align: center
}

.top-bar {
    display: inline-block
}

.show-for-medium-up .top-bar {
    height: 2.6rem
}

.site-nav .top-bar-section li:not(.has-form) a:not(.button) {
    background: transparent;
    color: #676767;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 1px;
    font-family: "helvetica neue", "Open Sans", arial;
    padding: 0.5rem 1.2rem
}

@media only screen and (min-width: 52.5em) {
    .site-nav .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0.5rem 0rem
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 52.5em) {
    .site-nav .top-bar-section li:not(.has-form) a:not(.button) {
        font-size: 0.6125rem;
        padding: 0.5rem 0rem !important
    }
}

@media only screen and (min-width: 60em) {
    .site-nav .top-bar-section li:not(.has-form) a:not(.button) {
        font-size: 0.8125rem
    }
}

.site-nav .top-bar-section li:not(.has-form) a:not(.button):hover {
    color: white
}

.site-nav .top-bar-section li.active:not(.has-form)>a:not(.button) {
    color: white;
    background: #CDC3BA;
    padding: 0.5rem 1.625rem
}

.site-nav .hide-for-large-up a {
    display: none !important
}

.site-nav .sticky .site-logo {
    display: none
}

.site-nav .sticky.fixed .site-logo {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: .8rem;
    width: 180px
}

@media only screen and (max-width: 87.5em) {
    .site-nav .sticky.fixed .site-logo {
        display: block
    }
}

@media only screen and (max-width: 43.063em) {
    .site-nav .sticky.fixed {
        display: none
    }
}

.large-12.sticky.fixed {
    position: fixed;
    width: 100%;
    left: 50%;
    text-align:center;
    margin-left: -50%
}

.top-bar-section li:not(.has-form) [class*="nav"] a:not(.button) {
    font-size: 0.7rem
}

.top-bar-section .has-dropdown>a:after {
    display: none
}

.top-bar,
.top-bar-section li:not(.has-form) a:not(.button) {
    background: transparent
}

.top-bar-section .has-dropdown {
    position: inherit
}

.top-bar-section .dropdown li {
    position: relative;
    width: auto
}

@media only screen and (min-width: 40.063em) {
    .top-bar-section .dropdown li {
        width: 98px
    }
}

@media only screen and (min-width: 52.5em) {
    .top-bar-section .dropdown li {
        width: 135px
    }
}

@media only screen and (min-width: 60em) {
    .top-bar-section .dropdown li {
        width: 152px
    }
}

.top-bar-section .dropdown li:hover {
    background: none
}

.top-bar-section .dropdown li a {
    line-height: 12px !important;
    white-space: normal
}

@media only screen and (min-width: 60em) {
    .top-bar-section .dropdown li a {
        white-space: nowrap
    }
}

.top-bar-section .dropdown li img {
    display: block;
    max-width: 140px;
    height: auto;
    margin-bottom: .4rem
}

@media only screen and (min-width: 40.063em) and (max-width: 52.5em) {
    .top-bar-section .dropdown li img {
        max-width: 84px
    }
}

@media only screen and (min-width: 52.5em) and (max-width: 60em) {
    .top-bar-section .dropdown li img {
        max-width: 120px
    }
}

.top-bar-section .dropdown li span {
    font-size: .6rem;
    letter-spacing: 2px
}

@media only screen and (min-width: 60em) {
    .top-bar-section .dropdown li span {
        font-size: .55rem
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 52.5em) {
    .top-bar-section .dropdown li span {
        font-size: .5rem;
        letter-spacing: 1px
    }
}

@media only screen and (min-width: 40.063em) {
    .top-bar-section ul.level1.dropdown {
        display: none !important
    }
}

@media only screen and (min-width: 40.063em) {
    .top-bar-section li.level1 ul.level0 {
        width: 930px !important;
        margin-left: -110px
    }
}

@media only screen and (min-width: 52.5em) {
    .top-bar-section li.level1 ul.level0 {
        margin-left: -118px
    }
}

@media only screen and (min-width: 60em) {
    .top-bar-section li.level1 ul.level0 {
        margin-left: -142px
    }
}

.level0>.parent-link {
    display: none !important
}

#menu-bkg {
    position: absolute;
    width: 100%;
    background: white;
    margin-top: 50px;
    height: 135px;
    z-index: 98
}

@media only screen and (min-width: 52.5em) {
    #menu-bkg {
        height: 170px
    }
}

@media only screen and (min-width: 60em) {
    #menu-bkg {
        height: 190px
    }
}

.site-nav .top-bar-section li.level0.active>a,
.site-nav .top-bar-section li.level1.active>a {
    background: transparent !important;
    color: #668500 !important
}

.show-for-medium-up .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button),
.site-nav .top-bar-section li.level1.active>a {
    color: #668500 !important;
    background: transparent !important;
    background-color: transparent !important
}

.top-bar-section .dropdown li.level1>a,
.top-bar-section .dropdown li.level1.active>a {
    padding: .5rem .3rem !important
}

.site-nav .top-bar-section li:not(.has-form) a:not(.button):hover {
    color: #668500 !important
}

.site-nav .top-bar-section li:not(.has-form) a:not(.button) {
    font-size: .95rem;
    font-weight: inherit
}

@media only screen and (min-width: 47.938em) and (max-width: 64.375em) {
    .site-nav .top-bar-section li:not(.has-form) a:not(.button) {
        font-size: .75rem
    }
}

@media only screen and (max-width: 47.875em) {
    .site-nav .top-bar-section li:not(.has-form) a:not(.button) {
        font-size: .65rem
    }
}

.site-nav .top-bar-section li a span {
    border-right: 1px solid #909090;
    padding: 0 1.2rem
}

.site-nav .top-bar-section li a span:hover {
    color: #668500
}

@media only screen and (min-width: 47.938em) and (max-width: 64.375em) {
    .site-nav .top-bar-section li a span {
        padding: 0 .6rem
    }
}

@media only screen and (max-width: 47.875em) {
    .site-nav .top-bar-section li a span {
        padding: 0 .4rem
    }
}

.site-nav .top-bar-section li:last-child a span {
    border: none
}

.show-for-small-only .top-bar {
    position: absolute;
    width: 100%
}

.show-for-small-only .top-bar.expanded {
    overflow: visible
}

.show-for-small-only .top-bar .top-bar-section ul {
    background: white;
    border: 3px solid white;
    border-bottom: none;
    padding-right: 0
}

.show-for-small-only .top-bar .top-bar-section ul li {
    background: #D4D4D4;
    border-bottom: 3px solid white
}

.show-for-small-only .top-bar .top-bar-section ul li.active>a {
    color: white;
    background: #A5C428
}

.show-for-small-only .top-bar .top-bar-section ul li a {
    color: #ffffff;
    padding: .5rem .3rem;
    text-transform: uppercase;
    font-size: .7rem
}

.show-for-small-only .top-bar .top-bar-section ul li a:hover {
    color: white;
    background: #A5C428
}

.show-for-small-only .top-bar .top-bar-section ul li h5 a {
    font-weight: bold
}

.show-for-small-only .top-bar .top-bar-section .has-dropdown>a:after {
    border-color: transparent transparent transparent #fff
}

.show-for-small-only .top-bar .top-bar-section .has-dropdown.moved>.dropdown {
    width: 101.1%;
    margin: -3px 0 0 3px
}

.show-for-small-only .top-bar .top-bar-section img {
    display: none
}

.show-for-small-only .top-bar .toggle-topbar {
    position: relative
}

.show-for-small-only .top-bar .toggle-topbar.menu-icon {
    position: relative;
    top: 0;
    margin-top: 0
}

.show-for-small-only .top-bar .toggle-topbar.menu-icon a {
    height: 38px;
    line-height: 37px;
    background: #A5C428
}

.show-for-small-only .top-bar .toggle-topbar.menu-icon a span {
    padding: 0 0 0 26px;
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 0.8rem;
    color: #5E6F1D
}

.show-for-small-only .top-bar .toggle-topbar.menu-icon a span::before {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: auto;
    box-shadow: 0 0px 0 1px #5E6F1D, 0 7px 0 1px #5E6F1D, 0 14px 0 1px #5E6F1D;
    width: 16px
}

.show-for-small-only .top-bar .toggle-topbar.menu-icon a span::after {
    display: none
}

.top-bar-section .has-dropdown>a {
    padding-right: 0 !important
}

#accmini {
    width: 114px !important
}

.top-bar-section ul li:hover:not(.has-form)>a {
    color: white;
    background: #A5C428
}

.top-bar-section ul li {
    background: transparent
}

.show-for-medium-up .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    background: white
}

.show-for-medium-up .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
    background-color: #555555
}

.layered-nav {
    text-align: center
}

.layered-nav.fixed {
    padding-top: 1rem;
    border-bottom: none
}

@media only screen and (max-width: 40.063em) {
    .f-topbar-fixed {
        padding-top: 0
    }
    #search_mini_form .postfix {
        padding: 0;
        text-align: center
    }
    #search_mini_form input {
        margin-bottom: 0
    }
}

h1,
h2,
h3,
h4,
h5 {
    text-rendering: auto
}

h1,
h2 {
    font-family: "helvetica neue", "Open Sans", arial;
    margin: 0.8rem 0 0.6rem;
    text-transform: uppercase
}

h1 {
    color: #999;
    font-size: 1.2rem
}

h2 {
    color: #999;
    font-size: 1rem
}

@media only screen and (min-width: 40.063em) {
    h1 {
        font-size: 2rem
    }
    h2 {
        font-size: 1.6rem
    }
}

.color-1 {
    color: #88d7e0
}

.color-2 {
    color: #999
}

.color-3 {
    color: #eb2327
}

.product-essential {
    padding-left: 0rem;
    padding-right: 0rem;
    margin-top: 0rem
}

.product-shop .product-name {
    font-weight: 300
}

.product-shop .email-friend,
.product-shop .no-rating {
    margin-bottom: 0
}

.product-shop .input-text.qty {
    width: 2em;
    display: inline
}

.product-shop .add-to-cart .inline-list li {
    line-height: 2.7;
    margin-left: 0.7rem
}

.product-shop .price-box {
    margin-bottom: 1em;
    font-weight: normal
}

.product-shop .short-description {
    margin-top: 0rem !important;
    margin-bottom: 1rem !important
}

.product-shop .short-description h2 {
    font-size: 1.4rem;
    font-weight: 300;
    margin-left: -0.1rem
}

.product-shop .std {
    line-height: 1.6
}

.col2-left-layout {
    margin-top: 0rem
}

.separator {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}

.tabs-content {
    border: 1px solid #efefef;
    padding-left: 1rem
}

.additional-data {
    padding-left: 0rem;
    padding-right: 0rem
}

.configurable-option {
    margin-bottom: 1.8rem
}

.configurable-dd {
    margin-bottom: 0rem
}

.required-entry-conf,
.required-entry-conf:hover {
    background: #fff url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/arrow.png") no-repeat scroll 98% center
}

.price-box {
    margin-left: 0.05rem !important
}

.price-box.bundle-special-price {
    top: -15px;
    position: relative
}

.tabs-padd {
    padding-left: 0;
    padding-top: 2rem;
    margin-bottom: 2rem !important
}

.availability {
    margin-top: 1rem
}

.list-style {
    list-style-type: none;
    float: left;
    margin-right: 1em
}

.product-shop .short-description {
    margin: 2em 0
}

.product-image-gallery .gallery-image.visible {
    display: block
}

.product-image-gallery .gallery-image {
    display: none
}

.cart-margin {
    margin-bottom: 0rem;
    margin-left: 0
}

.add-to-links {
    margin-bottom: 0.5rem
}

.qty-align {
    position: relative
}

.bundle-qty-align {
    position: relative;
    top: 40%;
    transform: translateY(40%)
}

.bundle-option-select,
.bundle-option-select:hover {
    background: #fff url("https://waterlee.jakesharp.co/demo/skin/frontend/waterlee-boilerplate/default/images/arrow.png") no-repeat scroll 98% center
}

.downloadable-links {
    background-color: #fff;
    color: #333;
    margin-top: -0.2rem
}

.downloadable-label {
    display: inline;
    margin-right: 1rem
}

.sample-font {
    font-size: 0.9rem
}

.grouped-items-table {
    width: 100%
}

.grouped-table-price {
    width: 15%
}

.grouped-table-qty {
    width: 20%
}

.product-page-image {
    margin-left: -0.1rem
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .product-shop {
        padding-right: 1rem
    }
    .product-img-box {
        padding-left: 1rem
    }
}

@media only screen and (max-width: 40em) {
    .product-shop {
        padding-top: 1rem;
        padding-right: 1rem
    }
    .product-img-box {
        padding: 0.8rem 0.8rem 0
    }
    .review-padding {
        margin-left: 0.5rem
    }
    .form-list {
        margin-left: 0.5rem !important
    }
    .customer-reviews {
        padding-left: 1.5rem
    }
    .custom-review-heading {
        margin-left: -1rem
    }
}

#wrap {
    z-index: 1 !important
}

.catalog-product-view form .row .row {
    margin: 0 0.05rem
}

.catalog-product-view .product-shop .product-name,
.catalog-product-view .product-shop .configurable-option label,
.catalog-product-view .product-shop .qty-align,
.catalog-product-view .product-shop .bcp-swatches-label,
.catalog-product-view .product-shop .in-stock {
    font-family: "helvetica neue", "Open Sans", arial;
    text-transform: uppercase;
    font-size: 1rem;
    color: #010101
}

.catalog-product-view .product-shop .configurable-option label:after {
    content: " :"
}

.catalog-product-view .product-shop .product-name {
    font-size: 34px;
    line-height: 1.2;
    color: #54616c;
    font-family: "helvetica", "Raleway", "Arial";
}

@media only screen and (max-width: 40.063em) {
    .catalog-product-view .product-shop .product-name {
        font-size: 1.6rem
    }
}

.catalog-product-view .product-shop .short-description,
.catalog-product-view .product-shop .short-description p {
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 1.1rem;
    color: #020202;
    margin: 0 0 8px !important;
    text-transform: none
}

.catalog-product-view .product-shop .short-description .std,
.catalog-product-view .product-shop .short-description p .std {
    line-height: 1.4
}

@media only screen and (max-width: 40.063em) {
    .catalog-product-view .product-shop .short-description,
    .catalog-product-view .product-shop .short-description p {
        font-size: 1rem
    }
}

.catalog-product-view .product-shop .availability,
.catalog-product-view .product-shop .delivery-time {
    display: none
}

.catalog-product-view .product-shop .price-box {
    padding-bottom: 1.4rem;
    line-height: 16px
}

.catalog-product-view .product-shop .price {
    font-size: 2.8rem;
    color: #D41352
}

@media only screen and (max-width: 40.063em) {
    .catalog-product-view .product-shop .price {
        font-size: 2rem
    }
}

.catalog-product-view .product-shop .regular-price .price {
    color: #D41352
}

.catalog-product-view .product-shop .old-price {
    margin-bottom: 0.4rem !important;
    line-height: 1.6 !important;
    vertical-align: bottom;
    position: relative;
    top: 6px;
}

.catalog-product-view .product-shop .old-price .price {
    font-size: 1.4rem !important;
    font-weight: 200;
    width: 100%;
    color: #545454
}

.catalog-product-view .product-shop .inline-list>li:first-child {
    margin-left: 0
}

.catalog-product-view .product-shop .inline-list>li:nth-child(3) {
    margin-left: 1.2rem
}

.catalog-product-view .product-shop .configurable-option label {
    font-size: 0.8rem;
    letter-spacing: 4px;
    font-weight: bold
}

.catalog-product-view .product-shop .label,
.catalog-product-view .product-shop .select-label {
    display: none
}

.catalog-product-view .product-shop .qty-align {
    font-size: 1.2rem;
    line-height: 2.2;
    color: #010101
}

.catalog-product-view .product-shop input#qty {
    font-size: 0.8rem;
    height: 26px;
    width: 2.7rem;
    text-align: center;
    color: #555B69;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold
}

.catalog-product-view .product-shop dt.swatch-attr {
    border-bottom: 1px dotted #d3d3d3;
    display: inline-block;
    padding-bottom: .8rem
}

.catalog-product-view .product-shop .custom-qty {
    margin-left: 3rem
}

@media only screen and (max-width: 28.13em) {
    .catalog-product-view .product-shop .custom-qty {
        margin-left: 0.3rem;
        margin-top: 1rem;
        clear: both
    }
}

.catalog-product-view .product-shop .custom-qty dl,
.catalog-product-view .product-shop .custom-qty dt,
.catalog-product-view .product-shop .custom-qty dd {
    float: left
}

.catalog-product-view .product-shop .custom-qty dl {
    margin-left: 3rem
}

.catalog-product-view .product-shop .custom-qty dt {
    margin-top: 2px;
    margin-bottom: 0.35rem
}

.catalog-product-view .product-shop .custom-qty dd {
    width: 50px
}

.catalog-product-view .product-shop .custom-qty dd,
.catalog-product-view .product-shop .custom-qty dd input {
    margin-bottom: 0
}

.catalog-product-view .product-shop .nephritis-width {
    font-family: "helvetica neue", "Open Sans", arial;
    width: 100%;
    background: #d21557 !important;
    margin-bottom: 0.6rem;
    padding: 0.5rem 1rem 0.4rem;
    font-size: .8rem !important;
    letter-spacing: 3px
}

.catalog-product-view .product-shop .nephritis-width:hover {
    background: #000000
}

.catalog-product-view .product-shop .add-to-cart {
    padding-bottom: 1.4rem;
    border-bottom: 1px solid #e1e1e1
}

.catalog-product-view .product-shop .tabs-padd {
    padding-top: 0;
    padding-right: 0
}

.catalog-product-view .product-shop .ico-container {
    margin-bottom: .6rem
}

.catalog-product-view .product-shop .sku {
    font-family: "helvetica neue", "Open Sans", arial;
    color: #545454;
    font-size: .8rem;
    padding-top: 0px;
    padding-bottom: 18px;
}

@media only screen and (max-width: 40em) {
    .catalog-product-view .product-shop .nephritis-width {
        width: 100%;
        font-size: 1rem !important
    }
    .catalog-product-view .product-shop .inline-list>li:nth-child(2) {
        line-height: 2.1
    }
    .catalog-product-view .product-shop .inline-list>li:nth-child(2),
    .catalog-product-view .product-shop .inline-list>li:nth-child(3) {
        margin-left: 0.4rem
    }
}

@media only screen and (min-width: 40.06rem) and (max-width: 46.25rem) {
    .catalog-product-view .product-shop .product-shop .add-to-cart .inline-list li {
        line-height: 2.4
    }
    .catalog-product-view .product-shop .inline-list>li {
        margin-left: 1rem;
        line-height: 2.2
    }
    .catalog-product-view .product-shop .qty-align {
        font-size: 1rem
    }
}

.social-icon {
    position: relative;
    z-index: 1
}

.social-icon .fa {
    font-size: 2rem;
    margin-right: 1rem
}

@media only screen and (max-width: 40.063rem) {
    .social-icon .fa {
        font-size: 1.5rem
    }
}

.catalog-product-view dl dd {
    margin-bottom: 0
}

.catalog-product-view img.gallery-image {
    display: none !important;
    width: 75%;
    margin: 0 auto 1rem
}

.catalog-product-view img.gallery-image:first-child {
    display: block !important
}

.catalog-product-view .ico-picto-nouveau {
    background-size: auto;
    width: 120px;
    height: 40px
}

.catalog-product-view .notice-msg {
    border-color: #cdc3bb;
    background-color: #ffffff;
    color: #c75100;
    font-family: "helvetica neue", "Open Sans", arial
}

.catalog-product-view .product-stock-alert {
    border: 2px solid #A2988F;
    padding: 4px 8px 4px 4px;
    text-transform: uppercase;
    font-size: .9rem;
    font-family: "Raleway", arial;
    color: #A2988F;
    font-weight: bold
}

.catalog-product-view .product-stock-alert.configurable {
    display: inline-block;
    padding: .2rem .5rem .1rem;
    margin-bottom: .6rem
}

.catalog-product-view .fa-envelope-o {
    font-weight: bold;
    padding-left: 6px
}

.catalog-product-view .configurable .product-shop input#qty {
    margin-top: 0.18rem
}

.catalog-product-view .configurable .product-options-bottom .price-box,
.catalog-product-view .configurable .couleur {
    display: none
}

.catalog-product-view .configurable .box-up-sell .price-box {
    display: block
}

.catalog-product-view .configurable .product-options-bottom .price-box .regular-price {
    font-weight: normal
}

.catalog-product-view .configurable .product-options {
    overflow: hidden;
    margin-bottom: 1rem
}

.catalog-product-view .configurable .configurable-option {
    float: left
}

.catalog-product-view .configurable .configurable-option:first-child {
    width: 100%
}

.catalog-product-view .configurable .configurable-option.conf-qty dd {
    width: 51px
}

.catalog-product-view .configurable .configurable-option label {
    font-size: 0.8rem;
    letter-spacing: 4px;
    font-weight: bold
}

.catalog-product-view .configurable .configurable-option select {
    margin-top: 0.2rem
}

.catalog-product-view .configurable .configurable-option select,
.catalog-product-view .configurable .configurable-option input {
    color: #665848;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "helvetica neue", "Open Sans", arial;
    padding-left: 15px !important;
    margin-bottom: 0.5rem
}

.catalog-product-view .configurable .configurable-option .required-entry-conf,
.catalog-product-view .configurable .configurable-option .required-entry-conf:hover {
    background-position-x: 90%
}

.catalog-product-view .configurable .configurable-option dt {
    margin-top: 0.4rem
}

.catalog-product-view .configurable .configurable-option dd {
    width: 205px
}

@media only screen and (min-width: 40.063em) and (max-width: 45em) {
    .catalog-product-view .configurable .configurable-option dd {
        width: 100px
    }
}

@media only screen and (max-width: 460px) {
    .catalog-product-view .configurable .configurable-option dd {
        width: 100px
    }
}

.catalog-product-view .configurable .configurable-option dd.swatch-attr {
    width: 75%
}

@media only screen and (min-width: 40.063em) and (max-width: 45em) {
    .catalog-product-view .configurable .configurable-option dd.swatch-attr {
        width: 65%
    }
}

@media only screen and (max-width: 460px) {
    .catalog-product-view .configurable .configurable-option dd.swatch-attr {
        width: 65%
    }
}

.catalog-product-view .configurable .configurable-option dt,
.catalog-product-view .configurable .configurable-option dd {
    float: left
}

.catalog-product-view .configurable .option-container {
    display: inline-block;
    border-bottom: 1px dotted #d3d3d3;
    float: left;
    margin-bottom: 1rem
}

.catalog-product-view .configurable .add-to-cart {
    display: none
}

.catalog-product-view .configurable .add-to-cart .qty-align,
.catalog-product-view .configurable .add-to-cart .qty {
    display: none
}

.catalog-product-view .validation-advice {
    margin-top: 0
}

.catalog-product-view .special-price {
    line-height: .8
}

.catalog-product-view .bundle .price-box-bundle .price-box {
    padding-bottom: 0
}

.catalog-product-view .bundle .price-box-bundle .price-box .minimal-price {
    line-height: 26px
}

.catalog-product-view .bundle .price-box-bundle .price-box .price-label {
    display: none
}

.catalog-product-view .bundle .product-options {
    font-family: "helvetica neue", "Open Sans", arial
}

.catalog-product-view .bundle .product-options .price {
    font-size: 1rem;
    padding-left: 6px
}

.catalog-product-view .bundle .product-options dl {
    font-size: .85rem
}

.catalog-product-view .bundle .product-options dl dt {
    margin-bottom: 0
}

.catalog-product-view .bundle .product-options dl dd {
    margin-bottom: .5rem
}

.catalog-product-view .bundle .product-shop>.price-box {
    display: none
}

.catalog-product-view .bundle .product-options-bottom .price-box {
    display: none
}

.catalog-product-view .bundle .price-notice {
    display: none
}

body[class*="catalog"].catalog-product-view .special-price {
    margin-bottom: .4rem !important
}

.configurable-option label {
    font-size: 0.8rem;
    letter-spacing: 4px;
    font-weight: bold
}

.configurable-option select {
    margin-top: 0.2rem
}

.configurable-option select,
.configurable-option input {
    color: #00c2ce;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "helvetica neue", "Open Sans", arial;
    padding-left: 15px !important;
    margin-bottom: 0.5rem
}

.configurable-option .required-entry-conf,
.configurable-option .required-entry-conf:hover {
    background-position-x: 90%
}

.configurable-option dt {
    margin-top: 0.4rem
}

.configurable-option dd {
    width: 80px
}

.configurable-option dt,
.configurable-option dd {
    float: left
}

.configurable-option .option-container {
    display: inline-block;
    border-bottom: 1px dotted #d3d3d3
}

.configurable-option .option-container.top {
    margin-right: 2.8rem;
    margin-bottom: 1rem
}

@media only screen and (max-width: 28.13em) {
    .conf-qty {
        margin: 0;
        clear: both
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 50.75em) {
    .conf-qty {
        margin: 0;
        clear: both
    }
}

.conf-qty dl,
.conf-qty dt,
.conf-qty dd {
    float: left
}

.conf-qty dl {
    margin-left: 3rem
}

.conf-qty dt {
    margin-top: 5px;
    margin-bottom: 0.35rem
}

.conf-qty dd {
    width: 50px !important
}

.conf-qty dd,
.conf-qty dd input {
    margin-bottom: 0
}

.simple .conf-qty {
    margin-left: 0;
    margin-bottom: .4rem
}

.simple .conf-qty dt {
    margin-top: 4px
}

.simple .cart-margin {
    clear: both
}

.catalog-product-view .simple .product-shop .inline-list>li:first-child {
    margin-left: 0
}

.product-img-box li {
    float: left;
    margin-right: 0.48rem;
    margin-bottom: 0.48rem
}

#configurable_swatch_color li {
    float: left;
    padding-right: 8px
}

#configurable_swatch_color img {
    border: 1px solid #E7E7E7;
    padding: 3px
}

.bcp-swatches {
    margin: 1rem 0 1.5rem
}

.bcp-swatches .swatch {
    width: 32px !important;
    border: 1px solid #ccc;
    margin-right: 0.8rem
}

.bcp-swatches .swatch.selected-swatch {
    border: 1px solid black
}

.bcp-swatches .bcp-swatches-label {
    float: left;
    font-size: 0.8rem !important;
    letter-spacing: 4px;
    font-weight: bold;
    padding: 0 0.2rem 0.6rem;
    margin-right: 1rem
}

.box-collateral {
    margin-top: 2rem
}

.box-collateral>h2 {
    color: #757575;
    margin-bottom: 1rem;
    text-align: center;
    letter-spacing: 4px;
    font-size: 1.4rem
}

.box-collateral>h2 .border-top {
    border-top: 1px solid #d5d5d6;
    padding-bottom: 0.8rem
}

.box-collateral>h2 .border-bottom {
    border-bottom: 1px solid #d5d5d6;
    padding-top: 0.6rem
}

@media only screen and (max-width: 40.063em) {
    .box-collateral>h2 {
        font-size: 1rem
    }
}

.box-collateral .product-name {
    font-size: 16px;
    margin-top: 0.8rem
}

.box-collateral ul {
    padding-left: 0.6rem;
    padding-right: 0.6rem
}

.box-collateral li:nth-of-type(4) {
    border-right: none !important
}

.box-collateral .label,
.box-collateral .minimal-price .price-label {
    display: none
}

.box-collateral .special-price {
    line-height: 1.6 !important
}

.box-collateral .desc {
    /*margin-bottom: 2.7rem !important*/
}

.box-collateral .columns {
    padding-right: 1rem
}

@media only screen and (max-width: 40em) {
    .box-collateral .columns {
        padding-right: 0
    }
}

.box-collateral .price-box {
    /*float: right*/
}

body[class*="catalog"].catalog-product-view .box-collateral .special-price {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 40em) {
    .more-views img {
        width: 64px
    }
}

.zoomContainer {
    display: none
}

@media only screen and (max-width: 64.063em) {
    .second-row {
        margin-top: .8rem
    }
}

.catalog-category-view .grid-mode .price-box .regular-price,
.catalog-category-view .grid-mode .price-box .minimal-price-link {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
    font-size: 1.4375rem
}

.catalog-category-view .grid-mode .price-box .regular-price:before,
.catalog-category-view .grid-mode .price-box .regular-price:after,
.catalog-category-view .grid-mode .price-box .minimal-price-link:before,
.catalog-category-view .grid-mode .price-box .minimal-price-link:after {
    content: " ";
    display: table
}

.catalog-category-view .grid-mode .price-box .regular-price:after,
.catalog-category-view .grid-mode .price-box .minimal-price-link:after {
    clear: both
}

@media only screen and (max-width: 40em) {
    .catalog-category-view .grid-mode .price-box .regular-price,
    .catalog-category-view .grid-mode .price-box .minimal-price-link {
        line-height: 27px
    }
}

.catalog-category-view .desc.std {
    margin-bottom: 1em
}

.electronics-margin {
    margin-bottom: 3rem !important
}

.colmargin {
    padding-left: 0;
    padding-right: 0
}

.per-page {
    width: 40px
}

.sort-by-select {
    margin-right: 1.8rem
}

.grid-mode {
    padding-left: 0.4rem
}

.page-title {
    padding: 0rem;
    margin-top: 0.2rem
}

#sidebar {
    border: 2px solid #efefef;
    padding: 1rem;
    margin-bottom: 2rem
}

*[role="main"] {
    padding-left: 1rem;
    padding-bottom: 2rem
}

.item {
    padding: 0.5rem !important;
    margin-bottom: 1.9rem;
    text-align: center
}

@media only screen and (max-width: 40em) {
    .item .old-price {
        width: 100%
    }
}

.category-description {
    padding-left: 0rem;
    padding-bottom: 1rem;
    font-family: "helvetica neue", "Open Sans", arial;
    font-weight: 200;
    font-size: 14px;
    color: #545454;
    letter-spacing: 1px;
    text-align: justify;
    line-height: 20px;
}

.category-description p {
    color: #545454 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    margin-top: 0 !important
}

.nephritis-flat-button {
    position: relative;
    width: 85%;
    padding: 0;
    font-size: 1rem !important;
    color: white;
    text-align: center;
    background-color: #27ae60 !important;
    border: 0;
    border-bottom: 2px solid #219d55;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #219d55;
    box-shadow: inset 0 -2px #219d55
}

.nephritis-flat-button.list {
    width: auto;
    font-size: .8rem !important;
    letter-spacing: 3px;
    padding: 0.5rem 1rem 0.4rem
}

.nephritis-width {
    width: 140px
}

nephritis-flat-button:hover,
.nephritis-flat-button:hover {
    background-color: #219d55 !important
}

.actions .nephritis-flat-button {
    margin-bottom: 0
}

.view-mode strong.grid {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/grid.png) no-repeat top left transparent;
    font-size: 0;
    text-indent: -9999px
}

.view-mode strong.list {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/list.png) no-repeat bottom left transparent;
    font-size: 0;
    text-indent: -9999px
}

.view-mode a.grid {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/grid-light.png) no-repeat top right transparent;
    font-size: 0;
    text-indent: -9999px
}

.view-mode a.list {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/list-light.png) no-repeat bottom right transparent;
    font-size: 0;
    text-indent: -9999px
}

.review-padding {
    padding-left: 0
}

.review-form-padding {
    padding-left: 0
}

@media only screen and (min-width: 64.063em) {
    .review-form-padding {
        padding-top: 4rem
    }
}

@media only screen and (max-width: 40.063em) {
    .sidebar-button {
        padding-top: 1rem
    }
    .colmargin {
        padding-left: 0rem;
        padding-right: 0rem
    }
    .page-title {
        margin-left: 0rem
    }
    *[role="main"] {
        padding-left: 0rem;
        padding-bottom: 2rem
    }
    .fa-bars {
        margin-top: 1rem
    }
    .row.product-media,
    .box-collateral.box-up-sell.row {
        margin: 0 0.5rem 0.5rem 0.5rem
    }
}

.catalog-category-view h1,
.catalogsearch-result-index h1 {
    font-size: 1.5rem;
    margin-top: .6rem;
    margin-bottom: 10px;
    letter-spacing: 2px
}

.catalog-category-view .ico-container,
.catalogsearch-result-index .ico-container {
    margin-top: 1rem;
    min-height: 1.55rem
}

.catalog-category-view .minimal-price .price-label,
.catalogsearch-result-index .minimal-price .price-label {
    display: none
}

.catalog-category-view .actions.small-8,
.catalogsearch-result-index .actions.small-8 {
    padding-left: 0
}

.catalog-category-view .desc,
.catalogsearch-result-index .desc {
    /*margin-bottom: 2.7rem !important*/
}

@media only screen and (max-width: 40.063em) {
    .catalog-category-view .old-price,
    .catalogsearch-result-index .old-price {
        /*position: absolute;
        top: -6px*/
        width:auto;
    }
}

.catalog-category-view .price-box,
.catalogsearch-result-index .price-box {
    /*float: right*/
}

.cms-index-index .desc {
    /*margin-bottom: 2.7rem !important*/
}

.cms-index-index .minimal-price .price-label {
    display: none
}

@media only screen and (max-width: 40.063em) {
    .cms-index-index .old-price {
       /* position: absolute;
        top: -6px*/
        width: auto;
    }
    .catalog-category-view .ratings .rating-box, .cms-index-index .ratings .rating-box
    {
        float:left;
    }
}

.catalogsearch-result-index .main-container {
    margin-top: 0.5rem
}

.catalogsearch-result-index .actions .row.price-box {
    margin: 0
}

@media only screen and (max-width: 40em) {
    .catalogsearch-result-index .category-products .columns {
        padding-right: 0
    }
}

.catalog-category-view .main-container.row .row {
    max-width: 1300px;
    margin: auto;
    padding-top: .5rem
}

.catalog-category-view .main-container.row .row.price-box {
    padding-top: 0
}

.catalog-category-view .category-image {
    margin-bottom: .6rem
}

.catalog-category-view .category-image img {
    width: 100%
}

body[class*="cms"] .main-container p,
body[class*="cms"] .main-container ul,
body[class*="cms"] .main-container .row.cms .columns p,
body[class*="category"] .main-container p,
body[class*="category"] .main-container ul,
body[class*="category"] .main-container .row.cms .columns p {
    font-family: "helvetica neue", "Open Sans", arial;
    margin-bottom: 1rem;
    font-size: .9rem;
    letter-spacing: 0;
    color: #545454;
    font-weight: 200
}

@media only screen and (min-width: 64.07em) and (max-width: 76.88em) {
    body[class*="cms"] .main-container p,
    body[class*="cms"] .main-container ul,
    body[class*="cms"] .main-container .row.cms .columns p,
    body[class*="category"] .main-container p,
    body[class*="category"] .main-container ul,
    body[class*="category"] .main-container .row.cms .columns p {
        font-size: 1rem;
        margin-bottom: 1rem
    }
}

@media only screen and (max-width: 64.07em) {
    body[class*="cms"] .main-container p:first-child,
    body[class*="cms"] .main-container ul:first-child,
    body[class*="cms"] .main-container .row.cms .columns p:first-child,
    body[class*="category"] .main-container p:first-child,
    body[class*="category"] .main-container ul:first-child,
    body[class*="category"] .main-container .row.cms .columns p:first-child {
        margin-top: 0
    }
}

body[class*="cms"] .main-container p:last-child,
body[class*="cms"] .main-container ul:last-child,
body[class*="cms"] .main-container .row.cms .columns p:last-child,
body[class*="category"] .main-container p:last-child,
body[class*="category"] .main-container ul:last-child,
body[class*="category"] .main-container .row.cms .columns p:last-child {
    margin-bottom: .8rem
}

body[class*="cms"] .main-container ul,
body[class*="category"] .main-container ul {
    margin-top: 0;
    margin-left: 0
}

body[class*="catalog"] .main-container p {
    margin: 0 !important
}

.page-title {
    margin-top: 0
}

.category-title h1 {
    color: #999
}

.category-global-message p {
    font-size: 0.8rem
}

.category-products .columns {
    padding-right: 1.1rem;
    padding-left: 0
}

@media only screen and (max-width: 40em) {
    .category-products .columns {
        padding-right: 0
    }
}

.category-products select {
    background: #fff url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/arrow.png") no-repeat scroll 90% center !important
}

@media only screen and (max-width: 40em) {
    .category-products .sorter {
        display: none
    }
}

.product-name {
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .3rem;
    min-height: 38px
}

.product-name a {
    color: #555B69
}

@media only screen and (min-width: 40.063em) {
    .product-name {
        font-size: 1rem
    }
}

.product-image {
    display: block;
    text-align: center
}

.desc,
.desc p {
    font-size: 0.8rem !important;
    font-family: "helvetica neue", "Open Sans", arial !important;
    line-height: 1.1 !important;
    color: #404040 !important;
    margin-bottom: 0.3rem !important;
    min-height: 30px
}

.price {
    color: #545454;
    font-size: 1.2rem;
    font-family: "helvetica neue", "Open Sans", arial;
    font-weight: 300
}

@media only screen and (min-width: 40.063em) {
    .price {
        font-size: 1.7rem
    }
}

.price-label {
    color: #525252;
    font-size: 0.75rem;
    font-style: italic
}

@media only screen and (min-width: 40.063em) {
    .price-label {
        font-size: 0.85rem
    }
}

.special-price .price-label {
    display: none
}

.special-price .price {
    color: #545454
}

@media only screen and (max-width: 40.063em) {
    .special-price .price {
        line-height: 29px
    }
}

.old-price {
    line-height: 0 !important;
    margin-bottom: 0.25rem !important;
    margin-top: 0 !important
}

.old-price .price-label {
    display: none
}

.old-price .price {
    color: #D41352;
    font-size: 0.85rem;
    font-weight: 300;
    text-decoration: line-through;
    position: relative;
    top: 0;
    float: left
}

@media only screen and (min-width: 40.063em) {
    .old-price .price {
        font-size: 1rem
    }
}

.minimal-price-link .label {
    display: none
}

.custom-old-price .price {
    color: #585858;
    text-decoration: line-through
}

.picto-video {
    position: absolute;
    right: 0;
    z-index: 1
}

.random h2 {
    color: #999
}

.nephritis-flat-button {
    background-color: #D41352 !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 1.2rem !important
}

.sort-select {
    font-family: Arial
}

.ico-picto-nouveau {
    position: absolute;
    background-size: 60px;
    width: 60px;
    height: 21px
}

.dispo-tailles {
    display: none;
    font-family: "helvetica neue", "Open Sans", arial;
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    padding: .5rem 0;
    margin-top: -65px;
    text-align: center
}

.dispo-tailles .taille-indisponible {
    color: #9A9A9A
}

.dispo-tailles .taille-disponible {
    color: #000
}

.dispo-tailles span:after {
    content: "";
    border-right: 1px solid #665848;
    margin: 0 6px
}

.dispo-tailles span:last-child:after {
    border-right: 0
}

.weee {
    font-size: 0.7rem;
    color: #585858;
    display: block
}

.weee .price {
    font-size: 0.7rem !important;
    color: #585858
}

@media only screen and (max-width: 40em) {
    .nephritis-flat-button {
        font-size: 0.8rem !important
    }
}

.nephritis-flat-button:hover {
    background-color: #DA4E7B !important
}

button.small {
    padding: 0.4rem
}

[data-equalizer-watch] {
    position: relative
}

.dew-add-height {
    position: absolute;
    bottom: 0.5rem
}

.layered-nav .logo {
    display: none
}

.layered-nav.fixed {
    border-bottom: 1px solid #EEE
}

.layered-nav.fixed .logo {
    display: block;
    position: absolute;
    left: 20px;
    width: 90px
}

@media only screen and (max-width: 64.13em) {
    .layered-nav.fixed .logo {
        display: none
    }
}

@media only screen and (max-width: 40.063em) {
    .layered-nav {
        display: none
    }
}

@media only screen and (max-width: 40.063em) {
    .block-layered-nav {
        display: none
    }
}

.block-layered-nav #narrow-by-list2 {
    text-align: center
}

.block-layered-nav #narrow-by-list2 ol {
    margin-left: 0
}

.block-layered-nav #narrow-by-list2 dd {
    display: inline-block
}

.block-layered-nav #narrow-by-list2 dd li {
    float: left;
    padding: 0 2rem
}

@media only screen and (min-width: 40.063em) and (max-width: 86.25em) {
    .block-layered-nav #narrow-by-list2 dd li {
        padding: 0 .5rem
    }
}

.block-layered-nav #narrow-by-list2 dd li a {
    text-transform: uppercase;
    font-size: .75rem;
    font-family: "helvetica neue", "Open Sans", arial;
    letter-spacing: 2px
}

@media only screen and (min-width: 40.063em) and (max-width: 75.94em) {
    .block-layered-nav #narrow-by-list2 dd li a {
        font-size: .58rem
    }
}

.block-layered-nav #narrow-by-list2 dd li a.current {
    color: #665848;
    font-weight: bold
}

.block-layered-nav #narrow-by-list2 dd li a:hover {
    font-weight: bold
}

.pagination {
    display: none !important
}

div[class^="ias"] {
    font-family: "helvetica neue", "Open Sans", arial;
    margin-bottom: 1rem
}

#sidebar {
    width: 260px;
    border: none
}

#sidebar ol {
    margin: 0.4rem 0
}

#sidebar li {
    font-size: 0.8rem;
    font-family: "helvetica neue", "Open Sans", arial
}

#sidebar li.title {
    font-weight: 700
}

#sidebar li.sub-cat {
    margin-left: 1rem
}

#sidebar li a {
    color: #000
}

#sidebar .block-layered-nav {
    margin-top: -1.15rem
}

#sidebar .block-layered-nav .currently {
    margin-left: -1rem;
    border-bottom: 1px solid #9a9a9a;
    padding-bottom: 0.4rem
}

#sidebar .block-layered-nav .currently .block-subtitle {
    color: #424242;
    padding: 0.45rem 0.4rem 0.3rem;
    margin-bottom: 0.12rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: "Open Sans";
    letter-spacing: 4px;
    border-bottom: 1px solid #9a9a9a
}

#sidebar .block-layered-nav .currently .actions {
    text-align: right;
    font-size: 0.8rem;
    margin-right: 0.45rem
}

#sidebar .block-layered-nav .currently .label {
    font-size: 0.8rem;
    background-color: transparent;
    color: #424242;
    white-space: normal;
    text-align: left;
    padding-left: 0.6rem
}

#sidebar .block-layered-nav .currently .close {
    font-size: 1.5rem;
    line-height: 0.4;
    float: right;
    text-align: right;
    padding-right: 0.6rem
}

#sidebar .block-layered-nav .currently .no-bullet {
    margin-bottom: 0.6rem
}

#sidebar .block-layered-nav .currently .row {
    margin: 0.6rem 0 0
}

#sidebar .accordion {
    margin-left: -1rem
}

#sidebar .accordion .price {
    font-size: 0.8rem
}

#sidebar .accordion .ico-filters-arrow,
#sidebar .accordion .ico-filters-active {
    position: absolute;
    right: 1.5rem;
    margin-top: 0.4rem
}

#sidebar .accordion .ico-filters-active {
    display: none
}

#sidebar .accordion .active .ico-filters-arrow {
    display: none
}

#sidebar .accordion .active .ico-filters-active {
    display: block;
    margin-top: -0.9rem
}

#sidebar .accordion-navigation {
    border-bottom: 1px dotted #d3d3d3
}

#sidebar .accordion .accordion-navigation>a {
    color: #424242;
    background: transparent;
    padding: 0.45rem 0.4rem 0.3rem;
    margin-bottom: 0.12rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: "Open Sans";
    letter-spacing: 4px
}

#sidebar .accordion .accordion-navigation.active>a,
#sidebar .accordion dd .active>a {
    background: transparent
}

#sidebar .accordion .accordion-navigation>.content,
#sidebar .accordion dd>.content {
    padding: 0
}

#sidebar .accordion .accordion-navigation>.content li {
    background: transparent;
    margin-bottom: 0.12rem;
    padding: 0 0.8rem 0.2rem;
    font-size: 0.8rem;
    font-family: "Open Sans"
}

#sidebar .accordion .accordion-navigation>.content li .ico-sub-filter-arrow {
    position: absolute;
    margin-left: -1rem;
    margin-top: 0.2rem
}

#sidebar .accordion .accordion-navigation>.content li a {
    color: #939393
}

.shopping-cart-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    top: 0;
    padding-top: 7px !important;
    padding-left: 0 !important
}

@media only screen and (max-width: 40.063em) {
    .shopping-cart-btn {
        padding-top: 0 !important
    }
}

.absolute {
    /*position: absolute;
    right: 0;
    bottom: 0;
    left: 0;*/
    position: relative;
    min-height: 38px
}

p.price-difference {
    margin-top: -10px !important;
}

p.price-difference.hidden {
    display: none;
}

.absolute .shopping-cart-btn{
    display: none;
}

@media only screen and (min-width: 48em) {
    #sidebar {
        width: 20%
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 48em) {
    *[role="main"] {
        padding-left: 0
    }
}

.diagonal {
    width: 26px;
    border-bottom: 1px solid #828282;
    -webkit-transform: translateY(22px) translateX(-8px) rotate(-64deg);
    -moz-transform: translateY(22px) translateX(-8px) rotate(-64deg);
    -ms-transform: translateY(22px) translateX(-8px) rotate(-64deg);
    -o-transform: translateY(22px) translateX(-8px) rotate(-64deg);
    transform: translateY(22px) translateX(-8px) rotate(-64deg);
    position: absolute;
    top: 0
}

@media only screen and (max-width: 40em) {
    .diagonal {
        width: 22px;
        -webkit-transform: translateY(14px) translateX(4px) rotate(-64deg);
        -moz-transform: translateY(14px) translateX(4px) rotate(-64deg);
        -ms-transform: translateY(14px) translateX(4px) rotate(-64deg);
        -o-transform: translateY(14px) translateX(4px) rotate(-64deg);
        transform: translateY(14px) translateX(4px) rotate(-64deg)
    }
}

.cart-icon {
    padding-left: 1.8rem
}

.fieldset-panel {
    border: 0 none;
    padding: 0
}

.ratings-table th,
.ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0
}

.ratings-table th {
    font-weight: bold;
    padding-right: 8px;
    margin-left: 0px
}

.product-review .ratings-table {
    margin: 0 0 10px
}

.no-rating {
    margin: 0
}

.ratings {
    font-size: 11px;
    line-height: 1.25;
    margin: 0px 0
}

.ratings strong {
    float: left;
    margin: 1px 3px 0 0
}

.ratings .rating-links {
    margin: 0
}

.ratings .rating-links .separator {
    margin: 0 2px
}

.rating-box {
    width: 111px;
    height: 23px;
    font-size: 0;
    line-height: 0;
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/bkg_rating.png) 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden
}

.rating-box .rating {
    float: left;
    height: 23px;
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/bkg_rating.png) 0 100% repeat-x
}

.ratings .rating-box {
    float: left;
    margin-right: 0.5rem;
    margin-top: 0;
}

.ratings .rating-box{
    display: inline-block;
    float: none
}

.ratings .rating-links{
    display: inline-block;
    vertical-align: bottom;
}

@media only screen and (max-width: 40.063em) {
    .ratings .rating-box {
         margin-right: 0;
    }
}

.mailto-friend {
    margin-bottom: 0.1em
}

.contacts-index-index p {
    color: #4d4d4d
}

.cms-page-view h1,
.contacts-index-index h1 {
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 1.2rem;
    color: #999
}

.cms-page-view h2,
.contacts-index-index h2 {
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 0.8rem;
    color: #424242;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 0.4rem
}

.cms-page-view p,
.contacts-index-index p {
    font-family: "helvetica neue", "Open Sans", arial;
    font-size: 0.8rem;
    color: #4d4d4d
}

#cookie-bar {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
    height: 50;
    line-height: 24px;
    color: #665848;
    text-align: center;
    padding: 3px 0;
    font-family: 'Trebuchet MS', Geneva, sans-serif
}

#cookie-bar.fixed {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%
}

#cookie-bar.fixed.bottom {
    top: auto
}

#cookie-bar p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #262626;
    margin: 12px 20px;
    display: inline-block;
    width: auto
}

@media only screen and (max-width: 1060px) {
    #cookie-bar p {
        width: 75%
    }
}

#cookie-bar a {
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px
}

#cookie-bar .cb-enable {
    display: inline-block;
    vertical-align: top;
    padding-top: 2px
}

@media only screen and (max-width: 1060px) {
    #cookie-bar .cb-enable {
        padding-top: 5px
    }
}

#cookie-bar .cb-enable:hover {
    background: transparent
}

#cookie-bar .cb-disable {
    background: #990000
}

#cookie-bar .cb-disable:hover {
    background: #bb0000
}

#cookie-bar .cb-policy {
    background: transparent;
    color: #665848;
    font-size: 10px;
    margin-left: 0
}

#cookie-bar .cb-policy:hover {
    background: transparent
}

.subscribe-custome {
    width: 840px;
    margin: 0 auto;
    min-height: 500px;
}

.subscribe-custome h3 {
    color: #A5C428;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.subscribe-custome p {
    color: #575756;
    font-size: 13px;
}

.subscribe-custome .input-text {
    border: 1px solid #575756;
    height: 35px !important;
    box-shadow: none;
}

.subscribe-custome label {
    color: #575756;
    font-size: 12px;
    text-transform: uppercase;
}

.subscribe-custome button.tiny {
    background: #A5C428 !important;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 12px !important;
    height: 35px !important;
    border: 1px solid #A5C428 !important;
    width: 100% !important;
}

.label-colume {
    float: left;
    width: 160px;
    padding: 8px 10px 0 0;
}

.textbox-colume {
    float: left;
    width: 340px;
    padding-right: 10px;
}

.btn-colume {
    float: left;
    width: 260px;
    padding-right: 10px;
}

.text-upper {
    text-transform: uppercase;
}

#newsletter-validate-detail {
    margin-top: 20px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.margt50 {
    margin-top: 50px !important;
}

.blog-post-view .product-name {
    font-size: 16px;
    font-weight: 600;
    min-height: 54px;
}

.post-block.all-posts-div {
    background: none !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.btn-blog.dark {
    background: #333333 !important;
    border-top: 1px solid #c3c7ca;
    font-size: 20px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    color: #fffefa;
    height: 40px;
    line-height: 40px;
    padding: 0 38px !important;
    padding-right: 31px !important;
    margin-top: 20px !important;
}

.blog-post-view .product-name {
    font-size: 16px;
    font-weight: 600;
    min-height: 38px;
}

.btn-blog.dark span:after {
    content: "";
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/icon_Arrow_big.png)no-repeat;
    margin-top: -3px;
    width: 14px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
}

.btn-blog.dark:hover {
    background: #c7d100;
}

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

.all-posts-div .btn-blog.dark:hover {
    background: #2e8927 !important;
}

.list-block-product {}

.list-block-product .small-block-grid-2 {
    width: 25%;
    float: left;
    height: auto;
}

.list-block-product .price {
    font-size: 30px;
}

.list-block-product .special-price .price,
.list-block-product .price {
    font-weight: bold;
    color: #545454;
}

.list-block-product .regular-price {
    padding-top: 12px;
    display: inline-block;
}

.list-block-product .minimal-price {
    padding-top: 12px;
    display: inline-block;
}

.list-block-product .old-price .price {
    color: #313131;
}

.list-block-product .old-price .price {
    font-size: 22px;
    vertical-align: bottom;
    font-weight: normal;
    padding-bottom: 5px;
    color: #e9008f
}

.list-block-product .special-price .price {
    font-size: 22px;
    vertical-align: bottom;
    font-weight: normal;
    padding-bottom: 5px;
    color: #545454
}

.list-block-product .minimal-price .price {
    font-size: 22px;
    vertical-align: bottom;
    font-weight: normal;
    padding-bottom: 5px;
    color: #545454
}

.list-block-product .item {
    margin-bottom: 85px;
}

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

.list-block-product .minimal-price {
    padding-top: 0;
    display: inline-block;
}

.blog-post-view .item .desc {
    min-height: 30px;
}

.row.price-box .old-price,
.price-box .old-price {
    /*display: inline-block;*/
}

.row.price-box .special-price,
.price-box .special-price {
    display: inline-block;
    vertical-align: middle;
}

.row.price-box .minimal-price,
.price-box .minimal-price {
    display: inline-block;
    vertical-align: middle;
}

.price-box .minimal-price span.price-label {
    display: none;
}

div.postContent div.small-block-grid-2 {
    display: none!important;
}

body[class*="blog-"] p {
    font-family: 'helvetica neue', arial;
    margin-bottom: 1rem;
    font-size: .9rem;
    color: #545454;
    font-weight: 200;
}


/* Search CSS */

.header-top .header-search-container #search_mini_form button i.fa-search {
    color: #fff;
    font-size: 14px;
}

.header-top .header-search-container #search_mini_form button {
    padding: 0;
    width: 65px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.header-search-container #search_mini_form button {
   
    height: 44px;
    background-color: #c9d300;
}

.header-top .header-search-container #search_mini_form button i.fa-search {
    color: #fff;
    font-size: 14px;
}
.autocomplete p {
    line-height: 30px !important;
    font-size: 13px;
}


.checkout-types button.btn-continue,.button-onestepcheckout a.btn-continue{
background: #bebebe;
font-size: 20px !important;
padding: 10px 20px !important;
}

.onestepcheckout-review-info.custom-cartlist  .button-set {
margin: 15px 15px 0 15px;
}



.onestepcheckout-review-info.custom-cartlist  .button-set .button.btn-continue {
margin:15px 0 0 0 ; padding:10px 20px !important; line-height:1; text-transform:uppercase;
}


/*new css as 11 september*/


.product-essential #tab {
    clear: both;
    padding: 25px 15px;
    width: 100% !important;
}
.product-media .resp-tabs-list {
    background: #f5f5f5;
    float: left;
    width: 100%;
}
.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 5px 15px !important;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    width: 33%; position:relative;
    text-align: center;
}
.product-media .resp-tabs-list li::after {
    background: #626262;
    height: 25px;
    width: 1px;
    content: "";
    position: absolute;
    right: -1px;
    top: 6px;
}
.product-media .resp-tabs-list li span {
    border: medium none;
    color: #353535;
    font-size: 18px;
    font-weight: 600;
    padding: 0; text-transform:uppercase;
}
    
.product-media .resp-tabs-list li.resp-tab-active {
    background: #495F6D !important;
}

.product-media .resp-tabs-list li.resp-tab-active::after {
display:none;
}

.product-media .resp-tabs-list li.resp-tab-active span {
    color: #fff;
}

.product-media .resp-tabs-list li:last-child::after {
    display:none;
}

/* 1 Oct,2018 */
.grey-bg {
    background: #f5f5f5;
    /*margin-bottom: 30px;*/
}

.custom-bottom{margin-bottom:10px;}

.right-block div.title {
    background: #54616C;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 10px 5px;
    text-align: center;
    font-size: 25px;
    font-family: "helvetica neue", "Open Sans", arial;
}

.right-image {
    margin-bottom: 15px;
}

.right-block div.sub-title {
    font-weight: 700;
    margin-bottom: 15px;
    margin-left: 5px;
    font-size: 18px;
    color: #222;
}

.grey-bg.right-block span {
    margin-bottom: 30px !important;
    display: block;
    margin-left: 5px;   
}
.right-image {
    margin-bottom: 15px;
}

.right-block {
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* margin-bottom: 20px; */
}
.right-news-section {
    text-align: center;
    margin-top: 30px;
}

.newsletterblock {
    font-family: "Open Sans",arial;
}

.newsletterblock div.heading {
    font-size: 25px;
    font-weight: 400;
    font-family: "Open Sans",arial;
    line-height: 30px;
    color: #222;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

.newsletterblock div.amount {
    font-family: "Open Sans",arial;
    color: #d21557;
    font-size: 150px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 35px;
}

.right-news-section .button {
    background: #afca0b;
    font-size: 18px;
    padding: 5px 25px;
    margin-bottom: 13px;
    font-weight: bold;
    font-family: "Open Sans",arial;
}

.newsletterblock span
{
    font-size: 24px;
    font-family: "Open Sans",arial;
    line-height: 30px;
    text-align: center;
    display: block;
}

.right-news-section .button span
{
    font-size: 18px;
}

/* 11 Oct,2018 */
.listsVantage {
    margin: 0px;
    list-style-position: inside;
}

.listsVantage li {
    list-style-image: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/icon_box.jpg);
    font-size: 18px;
    font-weight: 400;
    color: #54616c;
    font-family: "helvetica neue", arial;
}
/*.resp-tab-content div div span{ background-image: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/icon-check.jpg);
  background-repeat: no-repeat;font-size: 0px !important;width: 12px;height: 13px;display: inline-block;vertical-align: middle; }*/

/* 18 Oct,2018 */
#srka-product-review-list .srka-rating-code .options li .option{
    width: 22px !important;
    height: 22px !important;
}

.login_review {
       font-family: "Open Sans",arial !important;
    color: #afca0b !important;
    font-weight: 700!important;
    display: block;
    margin: 10px 0;
    text-decoration: none;
    font-size: 16px !important;
}
.login_review a {
    color: #afca0b !important;
    font-family: "helvetica neue", "Open Sans", arial !important;
    text-decoration: underline !important;
    font-weight: 700!important;
    font-size: 16px !important;
}
.product-media .resp-tabs-list li {
    padding: 5px 15px !important;
    text-align: center;
    width: 25%;
    position: relative;
}
  
/* 18 Oct,2018 */
.rating-list
{
    height: 25px;
}
.row.price-box .old-price, .price-box .old-price {
    display: inline-block;
}

.catalog-product-view .product-shop .price-box
{
    margin-top: 15px !important;
}

.catalog-product-view .rating-links .seereviews
{
  font-size: 16px;
}

/* December 5, 2018 */
.catalog-product-view .product-shop .short-description.second
{
    margin:20px 0px 40px !important;
}

.catalog-product-view ul.avantages{ display: flex; margin: 0px !important;}
.catalog-product-view ul.avantages li{ flex: 1;}
.catalog-product-view ul.avantages li img{width: 150px;}

.catalog-product-view .product-shop .short-description p
 {  
    font-size: 18px;
    color: #000;
    font-family: "helvetica light", "Raleway", "Arial";
}

.catalog-product-view .rating-links .seereviews{ color:#54616c; size:18px; font-family: "helvetica light", "Raleway", "Arial"; }
.catalog-product-view .rating-links .seereviews u { text-decoration:none; }
.catalog-product-view .product-shop .regular-price .price { font-size:46px; font-family: "helvetica", "Raleway", "Arial";  }
.catalog-product-view .product-shop .configurable-option label {font-size: 13px; color:#000; font-family: "helvetica bold", "Raleway", "Arial"; }
.catalog-product-view .product-shop input#qty{color: #000;font-size: 13px;}
.catalog-product-view .product-shop .sku {
    font-family: "helvetica", "Raleway", "Arial";
    color: #54616c;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 10px;
}
.catalog-product-view .product-shop input#qty{width: 2rem; padding-left: 0 !important}

.catalog-product-view .main-container  .add-to-box ul.cart-margin{ margin-bottom: 0rem; margin-left: 0; }
.catalog-product-view .box-up-sell div.columns
{
    color: #757575;
    margin-bottom: 1rem;
    text-align: center;
    letter-spacing: 4px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family: "helvetica neue", "Open Sans", arial;
    margin-top: 0.8rem; 
}
.catalog-product-view .box-up-sell .columns .border-top{border-top: 1px solid #d5d5d6;padding-bottom: 0.8rem;}
.catalog-product-view .box-up-sell .columns .border-bottom{border-bottom: 1px solid #d5d5d6;padding-bottom: 0.6rem;}
@media only screen and (max-width: 40.063em) {
    .catalog-product-view .box-up-sell div.columns
    {
        font-size: 1rem
    }
}
.catalog-product-view #review-form div.title{  font-size: 18px; color:#222; }
.catalog-product-view .ratings .rating-links { vertical-align: text-bottom; }

.one-step-checkout{margin: 0;}

/* 08 jan-2018*/
.prdhoverbx {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.prdhoverbx h4 {
    color: #54616c;
    display: table;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0 auto;
    position: relative;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.catalog-product-view .resp-tabs-container .resp-tab-content .std p {
    font-family: "helvetica neue", arial;
    font-size: 18px !important;
    color: #54616c;
    font-weight: 200;
}
.catalog-product-view .resp-tabs-container .resp-tab-content .std h2{
    color: #54616c;
    font-size:18px;
    font-family: "helvetica neue", arial;
    font-weight: bold;
    text-decoration: underline;
    text-transform: none;
}
.catalog-product-view .resp-tabs-container .resp-tab-content .std h3{
    color: #54616c;
    font-size:18px;
    font-family: "helvetica neue", arial;
    font-weight: bold;
}

/* 06 March,2019 */
.catalog-product-view .rating-links .seereviews u.seereviews_u{ display: none; }

body[class*="catalog"] .main-container .customer-reviews p{margin-bottom: 15px !important;}

.category-products .item .inner-wrapper figcaption, 
.catalogsearch-result-index .category-products .item .inner-wrapper figcaption,
.catalog-product-view .box-collateral .item .inner-wrapper figcaption
{
    background: rgba(150,150,150,0.25);
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    right: 0;
    text-align: center;
    padding: 25px;
    opacity: 0;
    transition: all 0.25s ease-in 0s;
}
.category-products .item .inner-wrapper:hover figcaption, 
.catalogsearch-result-index .category-products .item .inner-wrapper:hover figcaption,
.catalog-product-view .box-collateral .item .inner-wrapper:hover figcaption
{opacity: 1;}

.category-products .item .inner-wrapper figcaption div, 
.catalogsearch-result-index .category-products .item .inner-wrapper figcaption div,
.catalog-product-view .box-collateral .item .inner-wrapper figcaption div
{
    display: table;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background: #afca0b;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    padding: 7px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.5px;
}

/*=====New=Css==Date=02=04=2019=========Start============*/
.soin-visage-banner .category-image{ position:relative;}
.soin-visage-banner .category-details
{ 
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}


/*=====New=Css==Date=02=04=2019=========End============*/
@media only screen and (max-width: 1024px) {
.soin-visage-banner .category-image p{ display:none;}
.soin-visage-banner .category-details{ position:static; width:100%;}

}

@media only screen and (max-width: 767px) {
    .category-products .item .inner-wrapper figcaption div, 
    .catalogsearch-result-index .category-products .item .inner-wrapper figcaption div,
    .catalog-product-view .box-collateral .item .inner-wrapper figcaption div
    {
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 1;
        padding: 5px;
    }
    .category-products .item .inner-wrapper figcaption, 
    .catalogsearch-result-index .category-products .item .inner-wrapper figcaption,
    .catalog-product-view .box-collateral .item .inner-wrapper figcaption
    {
        padding: 15px;
    }
}

/*=====New=Css==Date=04=06=2019=========End============*/
.bitem-image{ position: relative;border:solid 1px transparent;padding:15px;}

.bitem-image .subtitle{transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;display: flex;opacity: 0;justify-content: center;align-items: center;position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.bitem-image:hover:before{content:'';background:rgba(255,255,255,0.7); position: absolute; left: 0;right: 0;top: 0;bottom: 0;}
.bitem-image:hover{border:solid 1px #cdd0d3;}
.bitem-image:hover .subtitle{ opacity: 1;-moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.bitem-image .subtitle span{background:#afca0b;padding:10px 25px;color:#fff;text-transform:uppercase; font-weight: 600; letter-spacing: 2px;font-family: "Raleway", arial; font-size: 12px;  }


.bitem-title h2{line-height: 26px;}
.bitem-title h2 a{color:#54616c; font-size: 22px; font-family: 'HelveticaNeue LT 45'; line-height: 26px; }
body[class*="blog-"] .bitem-details p{font-size: 14px;font-family: 'HelveticaNeue LT 45';letter-spacing:normal; font-weight:300;color:#54616c }

body[class*="blog-"] .postContent.std p{font-size: 14px;font-family: 'HelveticaNeue LT 45'; letter-spacing:normal; font-weight:300;color:#54616c }

.postWrapper .post-thumb{ float: left; margin-right:25px; margin-bottom: 30px;}
.postWrapper .post-desc{}
.postTitle {border:none !important; position:relative; padding:20px 0; text-align:center; margin-bottom:0 !important; clear:left;}
.postTitle h1{color: #54616c;font-size: 30px !important;line-height:30px;font-family: 'HelveticaNeue LT 45';border:none !important}


/*============*/

.pro-btn-hover {
    display: table;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background: #afca0b;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    padding: 7px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.5px;
}

.pro-hover-caption{
    background: rgba(150,150,150,0.25);
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    right: 0;
    text-align: center;
    padding: 25px;
    opacity: 0;
    transition: all 0.25s ease-in 0s;
}

.product-hover-block:hover .pro-hover-caption{
    opacity: 1;
}

.product-hover-block .old-price span{
    font-size: .9rem !important;
    letter-spacing: 0;
}

.product-hover-block .special-price span.price{
    font-size: 1.7rem;
    letter-spacing: 0;
}


/*=====New=Css==Date=03=09=2019=========Start============*/
.product_slider{ margin-top:0 !important;}
.postTitle h2{ color:#54616c; font-size: 36px !important; font-family: 'HelveticaNeue LT 45'; position:relative; text-transform:none;}
.postTitle h2 span, .postTitle h2 a{ background:#fff; padding:0 9px;}
.postTitle h2 span strong{ color:#b0cb0c; font-family:'times new roman'; font-style:italic; font-size:48px; font-weight:normal;}
.postTitle h2:before{ content:""; position:absolute; left:0; right:0; bottom:14px; height:1px; background:#7f888f; z-index:-1;}
.postTitle h2 span img{ max-height:44px;}
.black_btn{ background:#54606c; padding:9px 15px; color:#fff !important; text-transform:uppercase; margin:25px 0; display:inline-block; font-weight:700; font-size:15px; letter-spacing:1px; transition:all 0.25s ease-in 0s;}
.black_btn:hover{ background:#A8C13F;}
#flexiselDemo2 .owl-nav{ position:absolute; left:0; right:0; top:25%; display: flex; flex-wrap: wrap; justify-content: space-between; pointer-events: none;}
#flexiselDemo2 .owl-nav div{ color:#afca09; font-size:60px; pointer-events: auto;}
.sommesnous_section{ padding-bottom:100px;}
.sommesnous_section .leftbx img{ width:100%; object-fit: cover; height: 461px;}
.sommesnous_section .listbox + .listbox{ margin-top:30px;}
.sommesnous_section .listbox figure{ margin:0;}
.sommesnous_section .listbox figure img{ width:100%;}
.blog-post-view .postTitle { padding: 0px 0 20px; clear:none;  text-align: left;  }
.bloglist-page{ background:#e8e9eb; padding:30px 0; margin-top:21px;}
.bloglist-page .columns{ padding:0 10px;}
.bloglist-page .post-block{ background:#fff; padding:20px; text-align:center;}
.bloglist-page .post-block figure{ margin:0;}
.bloglist-page .post-block figure img{ height:200px; width:100%; object-fit: cover;}
.bloglist-page .post-block h3{ font-size:18px; margin-top:15px; min-height:75px; text-align:left;}
/*.bloglist-page .post-block h3 a{ color:#668500;}*/
.bloglist-page .post-block h3 a{ color:#54606c; font-weight:700;}
.bloglist-page .post-block p{ font-size:14px; min-height:145px; text-align:left; font-family:"helvetica neue", "Open Sans", arial; color:#545454;}
.bloglist-page .post-block .btn-blog{ background:#a4bbcd; font-size:12px; text-transform:uppercase; color:#fffefa; padding:0 18px; line-height:26px; display:inline-block; font-weight:bold; transition:all 0.25s ease-in 0s;}
.bloglist-page .post-block .btn-blog:hover{ background:#A8C13F;}
.all-posts-div .btn-blog.dark{ display:inline-block; background: #54606c !important; font-size: 16px !important; letter-spacing: 1px; margin-top: 30px !important;}
.paroles_section .row.margt50{ margin-top:10px !important;}
.paroles_section figure{ margin:8px 30px 0 0;}
.paroles_section figure img{ width:100%;}
.paroles_section .rightbox_content h3{ font-size:18px; font-weight:700; color:#54606c;}
.blog-widget .postWrapper{ display:none;}

.sommesnous_section .row.margt50{ margin-top:27px !important;}
.sommesnous_section .leftbx{ width:46%;}
.sommesnous_section .rightbx{ width:54%;}
.nav-rimage{ float:right; margin-bottom:9px; position:relative; top:-5px;}
.large-12.sticky.fixed .nav-rimage{ margin-right:15px; display: none;}
.custom_head_message{ display:none; background:#afca0b; text-align:center; color:#fff; margin:0; font-size:14px; font-weight:700; padding:2px 0;}
.product_slider .category-products{ padding:0;}
.product_slider .category-products .columns.grid-mode{ padding-right:0;}


/*=====New=Css==Date=18-11=2019=========Start============*/
.catalog-product-view .add-to-cart-options .product-name{ font-weight: bold; }
.catalog-product-view .add-to-cart-options{border: 2px solid #A5C428}
.catalog-product-view .offre-decouverte form .columns.small-3{ display: none !important; }
.catalog-product-view .offre-decouverte form .columns.small-4{ float: left ;}
.catalog-product-view .offre-decouverte form .columns.small-4 button{ margin-top: 10px;}
body[class*="catalog"].catalog-product-view .add-to-cart-options .special-price { margin-bottom: 0 !important ;}
.j-profite{ padding: 0px !important; }

/*============*/
@media(max-width:1199px) {
.bloglist-page .post-block{ margin:7px 0;}
.sommesnous_section .leftbx img{ height: 385px;}
#custommenu .menu:first-child a span{ padding-left:16px !important;}

}

@media(min-width:991px) {
.list-block-product .small-block-grid-2 {
min-height:646px;
margin-left: 0;
margin-right:0;
}
.row.margt50.list-block-product {
margin-left: 0;
margin-right: 0;
}
    
}

@media(max-width:991px) {
.sommesnous_section .leftbx img{ height:291px;}
.bloglist-page .post-block h3{ font-size:17px;}

}

@media (min-width:768px) and (max-width:991px) {
    .row.margt50.list-block-product {
        margin-left: 0;
        margin-right: 0;
    }
    .list-block-product .small-block-grid-2 {
        width: 33.333333%;
        margin-left: 0;
        padding-left: 0;
        margin-right: 0;
        padding-right: 0;
    }
}
@media(max-width:767px) {
    .list-block-product .small-block-grid-2 {
        width: 100%;
        float: none;
        height: auto;
        clear: both;
        padding-left: 0;
        padding-right: 0;
        margin-right 0;
        margin-left: 0;
    }
    .list-block-product .item {
        margin-bottom: 30px;
    }
    .list-block-product .old-price .price {
        float:none;
        display:block;
        text-align:center;
    }
    .blog-post-view .product-name,
    .blog-post-view .item .desc {       
        min-height: inherit;
    }
    
    #anonymous_element_1{ display:none;}
    .paroles_section .margt50{ margin-top:0 !important;}
    .paroles_section figure{ margin:0 0 25px;}
    .bloglist-page .post-block h3{ min-height:inherit;}
    .bloglist-page .post-block p{ min-height:inherit;}
    .bloglist-page .post-block .btn-blog{ margin-top:15px;}
    .bloglist-page .post-block{ margin:10px 0;}
    .trustpilot-widget { padding-top:25px;}
    
    .site-logo{ margin:0;}
    .header-search-container #search_mini_form input{ width:100%; border:0; margin-bottom:1.25rem; background:#f5f6f8;}
    .header-search-container #search_mini_form{ position:relative;}
    .header-search-container #search_mini_form button{ background:transparent !important; position:absolute; margin-bottom:0; outline:none;}
    .header-search-container #search_mini_form button .fa{ color:#52606b; font-size:24px;}
    .sommesnous_section .listbox{ margin-top:10px;}
    .sommesnous_section .listbox + .listbox{ margin-top:10px;}
    .sommesnous_section{ padding-bottom:9px;}
    .postTitle h2{ font-size:27px !important;}
    .postTitle h2 span strong{ font-size:36px;}
    /*.postTitle h2::before{ bottom:20px;}*/
    /*.postTitle h2 span, .postTitle h2 a{ padding:0 15px;}*/
    .postTitle h2 span img{ max-height:40px;}
    .paroles_section .rightbox_content{ text-align:center; padding:0 10px;}
    .paroles_section .rightbox_content h3{ font-size:16px; text-align:justify;}
    .paroles_section .rightbox_content p{ font-size:12px !important; font-family:'HelveticaNeue LT 45' !important; text-align:justify; color:#cdd0d3 !important;}
    .sommesnous_section{ padding-top:0 !important;}
    #flexiselDemo2{ margin-bottom:0;}
    .sommesnous_section .row.margt50{ margin-top:9px !important;}
    #flexiselDemo2 .owl-nav div{ font-size:36px;}
    #flexiselDemo2 .owl-nav div img{ max-width:30px;}
    
    .mobile-sitelogo{ position:absolute; left:0; right:0; z-index:2; pointer-events:none;}
    .mobile-sitelogo .mobile-logo{ width:auto !important; max-height:50px; margin-top:0; pointer-events: auto; margin-left:-45px;}
    .cart-button, .acc-button{ margin-bottom:0; background:none; color:/*#55626b*/ #cdd0d3; padding-left:5px !important; padding-right:5px !important;}
    .cart-button .fa, .acc-button .fa{ display:block; font-size:20px;}
    .site-header{ min-height:inherit;}
    .custom_head_message{ display:block;}
    
    .sommesnous_section .leftbx img{ height:auto;}
    .sommesnous_section .leftbx{ width:100%;}
    .sommesnous_section .rightbx{ width:100%;}
    
    /*.ence-moment-section{ margin-left:-6px !important; margin-right:-6px !important;}*/
    .ence-moment-section .medium-6{width:48%; padding:0!important; box-sizing:border-box; float:left;}
    .ence-moment-section .medium-6 img{width:100%;height:/*160px*/ auto; object-fit:cover; padding-bottom:0 !important;}
    
    .ence-moment-section p{font-weight:300 !important; text-align:center; line-height:18px; font-size:15px !important; color:#cdd0d3 !important; font-family:'HelveticaNeue LT 45' !important;}
    .desc, .desc p{font-weight: 300;}
    .category-products #flexiselDemo2 .item{ margin-bottom:0px !important;}
    .rating-links a u{font-weight:300 !important;}
    .header-search-container #search_mini_form input {height: 36px;}
    .header-search-container #search_mini_form button {height:33px;}
    
    .cms-index-index .columns{ padding:0;}
    .catalog-product-view .product-shop .add-to-cart-options .old-price{ vertical-align: top; }
}

@media(max-width:479px) {
.postTitle h2{ font-size:24px !important;}
.postTitle h2 span strong{ font-size:30px;}
.postTitle h2::before{ bottom:10px;}
.postTitle h2 span, .postTitle h2 a{ padding:0 5px;}
.postTitle h2 span img{ max-height:35px;}
.sommesnous_section .row.margt50{ margin-top:0 !important;}

#flexiselDemo2 .owl-nav div{ font-size:30px;}
#flexiselDemo2 .owl-nav div img{ max-width:25px;}

/*.camera_wrap{ height:373px !important; min-height:373px;}
.camera_wrap .cameraSlide img{ object-fit: cover;}*/


}

body.cms-jeu-anniversaire .main-container > .columns,
body[class*=" kimple-page"] .main-container > .columns {
    padding-left: 0;
    padding-right: 0;
}

@media(max-width:479px) {
    .category-cyber-monday .soin-visage-banner,
        .category-cyber-monday .soin-visage-banner .category-image .category-details .category-description {
        padding: 0;
    }
    .category-cyber-monday .soin-visage-banner,
    .category-cyber-monday .soin-visage-banner .category-image .category-details .category-description .mobile-only {
        display:block !important;
    }
    .category-cyber-monday .soin-visage-banner .category-image .category-details h1 {
        display:none !important;
    }
}

@media(min-width:479px) {
        .category-cyber-monday .soin-visage-banner .category-image .category-details {
                display:none !important;
        }
}


div#custom-reviews.custom-reviews {
        width: calc(100% + 1.2em + 20px);
	height: 450px;
        margin-bottom: 40px;
        margin-top:30px;
        max-height: 60vh;
}

div#custom-reviews.custom-reviews iframe {
        border: none;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 1250px) {
	div#custom-reviews.custom-reviews {
		width: 100%;
	}
}

div.grecaptcha-badge {visibility:hidden;}

div#recaptcha-info, div#recaptcha-info a {
    font-size:10px;
    line-height: initial;
    margin-top: 15px;
}

form#newsletter-validate-detail ul {
    position: absolute;
    width: 1px;
    height: 1px;
}

body[class*="blog-"] p {
    font-family: 'helvetica neue', arial;
    margin-bottom: 1rem;
    font-size: .9rem;
    letter-spacing: 1px;
    color: #545454;
    font-weight: 200;
}
body[class*="blog-"] #sidebar {
    padding-top: 0;
    margin-top: -4px;
}
.aw-blog-read-more {
    font-size: .9rem;
}
.postWrapper {
    padding-bottom: 25px;
    clear: both;
    padding-right: 15px;
}
@media screen and (max-width: 767px) {
    body[class*="blog-"] .main-container {
        padding-left: 15px;
    }    
}
.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h3 {
    font-size: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.postContent {
    padding-bottom: 10px;
}

.postContent ul{
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.postContent ul li{
    margin-left: 2em;
}

.postContent ol{
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.postContent ol li{
    margin-left: 2em;
}

.postContent img {
    float: left;
    padding-right: 20px;
}
.blog-index-list .postContent img,
.blog-cat-view .postContent img {
    width: 100px;    
}

.postContent .grid-mode {
    float: left;
    width: 33.33%;
    padding: 0 1rem;
}

@media screen and (max-width: 767px) {
    .postContent .grid-mode {
        width: 100%;
        text-align: center;
    }
    .postContent .grid-mode .product-image {
        display: inline-block;
        max-width: 200px;
    }
}

.postContent .grid-mode img {
    float: none;
    padding-right: 0;
}

.postDetails {

}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.postBookmarks a.bm {
    display: inline-block;
}

.postBookmarks img {
    display: inline;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 10px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    font-weight: bold;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 9px;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 14px;
    letter-spacing: 1px;
}

.menu-categories h5 {
    text-transform: uppercase;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: .85rem;
    letter-spacing: 1px;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    background-image: url(https://www.phyderma.fr/skin/frontend/base/default/aw_blog/images/icon_blog.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    text-align: left;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !important;
}
#confirmOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: 99999;
}

#confirmBox {
    position: fixed;
    /* min-width: 520px; */
    padding:20px;
    max-height: 95vh;
    background-color: #f5f5f5;
    text-align: center;
    border: 3px solid #ffffff;
    box-sizing: border-box;
    /* border-radius: 9px; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 10001;
    overflow: auto;
    font-family: "helvetica", "Raleway", "Arial";
    padding-top: 30px;
}

#confirmBox > .cross {
    position: absolute;
    top: 0px;
    right: 3px;
    color: #FFF;
    font-size: 30px;
}

#confirmBox > .cross:hover {
    cursor: pointer;
}

#messageBox  .amcart-title > a {
    display: block;
    margin: 0 15px 5px;
    font-weight: 800;
    font-size: 24px;
    line-height: normal;
    word-break: break-all;
}

#confirmBox .amcart-text {
    font-size: 16px;
}

.amcart-center-block {
    margin: 10px 0;
    margin-bottom: 0;
}

#confirmBox .amcart-product-image > img {
    width: 100%;
    display: inline;
}

#confirmBox .amcart-product-image {
    margin: auto;
}

.amcart-hide {
    width: 100%;
    height: 100%;
    z-index: 10;
}

#am-qty-button-update,
#am-qty-button-up,
#am-qty-button-down {
    width: 18px;
    cursor: pointer;
}

#am-qty-button-update {
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjYxIC0xMTU1KSI+PHVzZSB4bGluazpocmVmPSIjcGF0aDBfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODI2MSAxMTU1KSIgZmlsbD0iI0M0QzRDNCIvPjxtYXNrIGlkPSJhIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoMF9maWxsIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MjYxIDExNTUpIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgxX3N0cm9rZV8yeCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODI2MSAxMTU1KSIgZmlsbD0iI0M0QzRDNCIvPjwvZz48L2c+PHVzZSB4bGluazpocmVmPSIjcGF0aDJfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45OCAzLjQ2KSIgZmlsbD0iI0ZGRiIvPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgzX2ZpbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDggNi40MSkiIGZpbGw9IiNGRkYiLz48ZGVmcz48cGF0aCBpZD0icGF0aDBfZmlsbCIgZD0iTTE4IDlBOSA5IDAgMSAxIDAgOWE5IDkgMCAwIDEgMTggMHoiLz48cGF0aCBpZD0icGF0aDFfc3Ryb2tlXzJ4IiBkPSJNMTcgOWE4IDggMCAwIDEtOCA4djJjNS41MjMgMCAxMC00LjQ3NyAxMC0xMGgtMnptLTggOGE4IDggMCAwIDEtOC04aC0yYzAgNS41MjMgNC40NzcgMTAgMTAgMTB2LTJ6TTEgOWE4IDggMCAwIDEgOC04di0yQzMuNDc3LTEtMSAzLjQ3Ny0xIDloMnptOC04YTggOCAwIDAgMSA4IDhoMkMxOSAzLjQ3NyAxNC41MjMtMSA5LTF2MnoiLz48cGF0aCBpZD0icGF0aDJfZmlsbCIgZD0iTS43MjggMS45M2MuNzYtLjYgMS42NjMtLjkzMiAyLjYxNC0uOTMyIDIuMzc2IDAgNC4zMjUgMi4wMjkgNC4zMjUgNC41NCAwIC4yMTctLjAxNi40MzMtLjA0OC42NWwtLjQ0My0uNDgzYS40NDQuNDQ0IDAgMCAwLS42NjYgMGMtLjE5LjItLjE5LjUxNSAwIC42OThsMS41NTMgMS42NjRMOS43ODkgNi40MmEuNTE1LjUxNSAwIDAgMCAuMDMyLS42OTkuNDU4LjQ1OCAwIDAgMC0uNjY1LS4wMzNMOC42IDYuMjJjLjAzMi0uMjMyLjA0OC0uNDQ5LjA0OC0uNjgyQzguNjQ5IDIuNDk1IDYuMjg5IDAgMy4zNzQgMEE0Ljk2NSA0Ljk2NSAwIDAgMCAuMTg5IDEuMTMxYS41Mi41MiAwIDAgMC0uMDk1LjY5OWMuMTI3LjIxNi40MjguMjY2LjYzNC4xeiIvPjxwYXRoIGlkPSJwYXRoM19maWxsIiBkPSJNLjQ3IDIuNTExYS40OS40OSAwIDAgMCAuMzE3LS4xMzNsLjUzOC0uNTE1YTUuNDg5IDUuNDg5IDAgMCAwLS4wNDcuNzMyYzAgMy4wNDMgMi4zNiA1LjUzOCA1LjI3NSA1LjUzOCAxLjE4OCAwIDIuMzEzLS40MTYgMy4yNDgtMS4xOGEuNTE3LjUxNyAwIDAgMCAuMDc5LS43LjQ2MS40NjEgMCAwIDAtLjY2Ni0uMDgyIDQuMTQ1IDQuMTQ1IDAgMCAxLTIuNjYuOTY0Yy0yLjM3NyAwLTQuMzI2LTIuMDI5LTQuMzI2LTQuNTQgMC0uMjMzLjAxNi0uNDgzLjA0OC0uNzE2bC40NDMuNDgzYy4xOS4yLjQ5Mi4yLjY2NiAwIC4xOS0uMi4xOS0uNTE2IDAtLjY5OUwxLjgzMiAwIC4xNTMgMS42NDdhLjUxNS41MTUgMCAwIDAtLjAzMi42OTguNDQuNDQgMCAwIDAgLjM0OS4xNjZ6Ii8+PC9kZWZzPjwvc3ZnPg==);
}

#am-qty-button-up {
    margin-bottom: 5px;
    height: 11px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIGZpbGw9IiNDNEM0QzQiLz48ZGVmcz48cGF0aCBpZD0icGF0aDBfZmlsbCIgZD0iTTE4IDExSDBMOSAwbDkgMTF6Ii8+PC9kZWZzPjwvc3ZnPg==);
}

#am-qty-button-down {
    margin-top: 10px;
    height: 11px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTEpIiBmaWxsPSIjQzRDNEM0Ii8+PGRlZnM+PHBhdGggaWQ9InBhdGgwX2ZpbGwiIGQ9Ik0xOCAxMUgwTDkgMGw5IDExeiIvPjwvZGVmcz48L3N2Zz4=);
}

.displayed-qty .child-block {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.displayed-qty .amcart-qty-block {
    padding-top: 40px;
}

#am-input {
    margin-left: 20px;
}

#confirmBox .scroll {
    max-height: 80%;
}

#confirmButtons {
    /* margin: 22px auto 30px; */
    /* width: 400px; */
    text-align: center;
    clear: both;
}

#amcart-count {
    padding: 1px 0 3px 0;
    background: none;
    font-size: 16px;
}

#amcart-count .link {
    font-weight: bold;
}

.text {
    padding-bottom: 28px;
    background: none;
    font-size: 16px;
}

.text.subtotal {
    padding-bottom: 0;
}

.text.subtotal .price {
    font-weight: bold;
}

#confirmButtons .button {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 50%;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 10px;
    /* border-radius: 3px; */
    cursor: pointer;
    /* box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset; */
    font-family: "helvetica", "Raleway", "Arial";

}

#amprogress {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/css/amasty/amcart/ie.png');
    z-index: 100000;
}

#amimg_container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
}

#am_minicart_container {
    position: absolute;
    right: 0;
    padding: 8px;
    width: 234px;
    background: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/css/amasty/amcart/header_bg.jpg") repeat-x scroll left bottom #f5f5f5;
    border-radius: 2px 2px 2px 2px;
    color: #555;
    text-align: left;
    z-index: 3000;
    overflow: hidden;
    box-shadow: 1px 1px 1px #d3d3d3;
}

#am_minicart_container .item {
    padding: 5px;
    width: 220px;
    background: none;
}

#am_minicart_container .item:hover {
    background-color: white;
}

#am_minicart_container .button span {
    border: none;
    border-radius: 2px;
}

#am_minicart_container .button {
    margin: 5px;
}

#am_minicart_container .btn-remove,
#am_minicart_container .btn-edit {
    float: right;
    margin: 1px 0 2px 5px;
}

#confirmButtons .am-btn-right {
    background: #afca0b;
    /* box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.15); */
}

#confirmButtons .am-btn-right:hover {
    background: #98ad09;
}

#confirmButtons .am-btn-left {
    /* margin-right: 35px; */
    /* padding: 0; */
    background-color: #54616c;
    /* box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.15); */
}

#confirmButtons .am-btn-left:hover {
    background: #404952;
}

#confirmButtons .am-btn-left .timer {
    font-family: "Helvetica", Arial, sans-serif;
}

.am-content {
    margin: auto;
    padding-bottom: 13px;
    width: 400px;
    border-bottom: 1px solid #e5e5e5;
}

.am-photo-container {
    margin-bottom: 13px;
}

.amcart-options form {
    text-align: left;
    color: black;
}

.am-top {
    top: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
}

.am-top-left {
    top: 10%;
    left: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
}

.am-top-right {
    top: 10%;
    right: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
}

.am-left {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.am-right {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.am-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#messageBox {
    padding-top: 15px;
}

#messageBox .product {
    margin-left: 0;
}

#confirmBox .product-name a {
    display: inline-block;
    /* width: 200px; */
    text-transform: uppercase;
    font-size: .8em;
}

div.product-details {
    position: relative;
    bottom: 3px;
}

#messageBox .block-related:after {
    display: block;
    content: '';
    clear: both;
}

#messageBox .block-related p {
    padding: 5px 0 0 0;
    margin: 0;

}

#messageBox .block-related {
    padding: 0;
    margin: 22px auto;
    width: 400px;
}

.amcart-related-block .block-related .product {
    display: -webkit-flex;
    display: flex;
    width: 30%;
    margin: 0 .84em;
    /* padding: 15px; */
    height: inherit;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: white;
}

.amcart-related-block .block-related .block-content .product:first-child {
    margin-left: 0;
}

.amcart-related-block .block-related .block-content .product:last-child {
    margin-right: 0;
}

.amcart-related-block .block-related .product .desc {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif !important;
}

.amcart-related-block .block-related .product .rating-box {
    margin-right: 0;
    margin-bottom: 8px;
}

.amcart-related-block .block-related .product .rating-links .seereviews {
    font-size: 12px;
}

.block-related .price {
    font-size: 18px !important;
}

#messageBox {
    background-color: white;
}

#messageBox p.block-related-p {
    border-bottom: 1px solid #C4C1BC;
}

#messageBox .product.one-related {
    float: none;
    display: inline;
}

#messageBox .price-box {
    display: inline;
}

/* .amcart-related-block .button.add-tocart {
    width: 114px;
    height: 30px;
    text-transform: none;
    background: #2d9Cdb;
    box-shadow: 0 2px 0 #1865cc;
    border-radius: 5px;
}

.amcart-related-block .button.add-tocart:hover {
    background: #1865cc;
} */

.amcart-related-block .button.add-tocart {
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: small;
    font-weight: bold;
    background: #54616C;
}
#am-qty img {
    display: inline;
}

#am-qty,
.am-qty {
    display: inline-block;
}

#am-input {
    text-align: center;
    vertical-align: top;
}

.product-table {
    width: 100%;
}

.amcart-options form {
    margin: 0 40px;
    text-align: left;
    font: 16px/1 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
    color: #666;
}

.amcart-options form dd {
    margin: 0 0 5px 0;
    padding: 5px 0 15px 0;
    border-bottom: 1px solid white;
}

.amcart-options form input {
    padding: 6px 0 4px 0;
    border: 1px solid #cecece;
    background: #F6F6f6;
}

.amcart-options form select {
    border: 1px solid #cecece;
    background: #F6F6f6;
}

.amcart-options form textarea {
    resize: none;
    width: 300px;
    height: 50px;
    padding: 8px 0 8px 10px;
    background: #f6f6f6;
    border: 1px solid #cecece;
    border-radius: 8px 0 0 0;
    overflow: auto;
}

.amcart-information-block.child-block table td a {
    font-size: 16px;
    color: #54616c;
    text-transform: uppercase;
    font-weight: 400;
}

#am_minicart_container {
    position: absolute;
    right: 0;
    padding: 8px;
    width: 234px;
    background: url("https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/css/amasty/amcart/header_bg.jpg") repeat-x scroll left bottom #F5F5F5;
    border-radius: 2px 2px 2px 2px;
    color: #555555;
    text-align: left;
    z-index: 3000;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px #D3D3D3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#D3D3D3,direction=125,strength=1)";
    box-shadow: 1px 1px 1px #D3D3D3;
}

#am_minicart_container li {
    width: 220px;
    padding: 5px;
    background: none;
}

#am_minicart_container button.button {
    margin: 5px;
}

#am_minicart_container li:hover {
    background-color: white;
}

#am_minicart_container .btn-remove,
.btn-edit {
    float: right;
    margin: 1px 0 2px 5px;
}

.amcart-related-block .block-content {
    display: -webkit-flex;
    display: flex;
}

.amcart-related-block .block-content .add-tocart {
    margin: 0 10px 10px;
}

.amcart-related-block .block-content .product-image:hover,
.amcart-related-block .block-content .product-image {
    border: 0;
}


@media (min-width: 768px), print {
    #confirmButtons .button {
        width: 50%;
    }
}

/* style for Amasty Giftcard compatibility*/
.calendar {
    z-index: 99999;
}

.am-related-title {
    /* margin: 30px;
    height: 1px;
    background: #cecccc;
    line-height: initial; */
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
}

.am-related-title .am-title {
    padding: 0 20px;
}

div#confirmBox, .am-related-title > .am-title {
    display: inline-block;
}

#am-block-related {
    margin-bottom: 20px;
}

#messageBox .qty-holder {
    display: block;
    margin: 15px 0 0;
}

#messageBox .amcart-title .amcart-text {
    font-size: 22px;
    line-height: initial;
}

#product_addtocart_form > .amcart-title {
    margin-bottom: 25px;
    text-align: center;
}

.amcart-related-block .block-related {
    color: #000;
}

.amcart-go-checkout-container {
    padding: 0 0 30px;
}

.amcart-go-checkout {
    color: #f58c12;
}

.amcart-dialog-error {
    color: #df280a;
    font-weight: bold;
}

.td_qty {
    font-weight: 400;
    padding-left: 0;
    white-space: nowrap;
    font-size: 12px;
}

.td_price {
    text-align: right;
    padding-right: 0;
}

.td_price del {
    color: #54616c;
    font-weight: 400;
}

.td_price span {
    color: #d41352;
    font-size: 18px;
    font-weight: 400;
}

.freeshipping {
    color: #d41352;
    font-size: 14px;
    font-weight: 400;
}

.rating-list .ratings .rating-links {
    display: none !important;
}

.am-mobile {
    display: none !important;
}
.am-desktop {
    display: block !important;
}

.am-desktop .td_price {
    text-align: right;
}
.am-desktop .td_qty {
    text-align: right;
}
        
@media (max-width: 566px) {
    .am-desktop {
        display: none !important;
    }
    .am-mobile {
        display: block !important;
    }

    #confirmButtons {
        width: inherit;
    }

    #confirmButtons .am-btn-left {
        /* margin-right: 5%; */
    }

    #confirmButtons .button {
        /* width: 40%; */
        font-size: 14px;
        height: initial;
        line-height: initial;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 14px;
        padding-bottom: 13px;
    }

    #confirmBox {
        width: 100% !important;
        min-width: initial !important;
    }

    #messageBox .amcart-title .amcart-text {
        font-size: 12px;
        line-height: initial;
    }

    .amcart-related-block .product-image > img {
        width: 100%;
        height: auto;
    }

    #confirmBox .amcart-related-block .product-name a {
        width: auto;
    }

    .amcart-related-block .block-related .product {
        margin: 0;
    }

    .amcart-related-block .block-content {
        padding: 0 5px;
    }

    .amcart-related-block .block-related .product {
        width:48%;
    }

    .amcart-related-block .block-related .product:nth-of-type(3) {
        display: none !important;
    }

    .amcart-related-block .block-related .product:nth-of-type(2) {
        margin-left: 3%;
    }
}

.nwrap {
    white-space: nowrap;
}


.product .label {
    display:none;
}

.product .row.price-box {
    margin: 8px 0;
}
/* Block hints */

.amfpc-block-info
{
    position:relative;
    border:1px dotted #008080;
    margin:6px 2px;
    padding:18px 2px 2px 2px;
    zoom: 1;
}

.amfpc-block-info:hover
{
    border-color: orange !important;
}

.amfpc-block-info>.amfpc-block-handle,
.amfpc-block-info>.amfpc-template-info
{
    position:absolute;
    top:0;
    padding:2px 5px;
    background:#008080;
    color:white;
    font:normal 11px Arial;
    text-align:left !important;
    z-index:998;
    text-transform: none;
}

.amfpc-block-info>.amfpc-block-handle:hover,
.amfpc-block-info>.amfpc-template-info:hover
{
    z-index:999;
}

.amfpc-block-info>.amfpc-block-handle
{
    cursor: default;
    left:0;
    white-space: nowrap;
}

.amfpc-block-info>.amfpc-template-info
{
    right:0;
}

.amfpc-block-info>.amfpc-block-handle:hover
{
    background-color: orange !important;
}

.amfpc-block-info.active
{
    -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate;
    animation: amfpc-blocks 1s linear .5s infinite alternate;
}

@-webkit-keyframes amfpc-blocks {
    from {opacity: 1;}
    to {opacity: .1;}
}

@keyframes amfpc-blocks {
    from {opacity: 1;}
    to {opacity: .1;}
}

/* Updated blocks */

.amfpc-block-info.updated
{
    border-color: red;
}

.amfpc-block-info.updated>.amfpc-block-handle
{
    top:0;
    background:red;
}

/* Status popup */

.amfpc-info
{
    width: 350px;
    min-height: 95px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: #008080;
    color: #fff;
    z-index: 99999;
    font-size: 32px;
}

.amfpc-info h1
{
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    font-weight: bold;
}

.amfpc-info h2
{
    margin-top: 12px;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

.amfpc-info .amfpc-content
{
    line-height: 48px;
}
/**
 * This file is part of a FireGento e.V. module.
 *
 * This FireGento e.V. module is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 3 as
 * published by the Free Software Foundation.
 *
 * This script is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
 *
 * @category  FireGento
 * @package   FireGento_MageSetup
 * @author    FireGento Team <team@firegento.com>
 * @copyright 2013-2015 FireGento Team (http://www.firegento.com)
 * @license   http://opensource.org/licenses/gpl-3.0 GNU General Public License, version 3 (GPLv3)
 */

/* Left empty on purpose, only needed in rwd theme */

.autocomplete-w1 {z-index:999; background:url(https://www.phyderma.fr/skin/frontend/base/default/magehit/ajaxsearch/images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; cursor: pointer;}
.autocomplete div { padding:2px 5px; clear:both; overflow: hidden; line-height:1.1em; font-weight: bold;}
.autocomplete strong { font-weight:bold; color:#3399FF; }
.autocomplete .ajaxsearchimage {float: left; margin:2px 6px 2px 2px;}
.autocomplete .ajaxsearchimage { width:50px; height:auto;}
.autocomplete .ajaxsearchdescription {font-size: 0.8em;}
.mini-search-right .block-content, .mini-search-left .block-content { padding:5px 10px; }
.mini-search-right label, .mini-search-left label { font-weight:bold; }

#anonymous_element_1{z-index:999;}
#searchajaxico {background:url(https://www.phyderma.fr/skin/frontend/base/default/magehit/ajaxsearch/images/loader.gif) no-repeat left 2px; width: 41px; height: 39px; position:absolute; left:230px; display: none;}
#search-leftajaxico {background:url(https://www.phyderma.fr/skin/frontend/base/default/magehit/ajaxsearch/images/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;}
#search-rightajaxico {background:url(https://www.phyderma.fr/skin/frontend/base/default/magehit/ajaxsearch/images/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;}


.mini-search-right, mini-search-left{position: relative;}
.mini-search-left input.input-text {display:block;margin:3px 0;width:167px;}
.mini-search-left .button {clear: both; display:block;}
.mini-search-right input.input-text {display:block;margin:3px 0;width:167px;}
.mini-search-right .button {clear: both; display:block;}

.headerajaxsearchwindow { text-align: center; background-color: #D8D8D8; color: #000; font-size: 14px; font-style: oblique; margin-bottom: 0;}
.headercategorysearch { text-align: center; }
p.headercategorysearch {
	font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #DDD;
    text-align: left;
    padding-left: 10px;
}
p.ajaxsearch-small { margin: 0; }

.ajaxsearch-category-select {
	width: 36%;
    margin-right: 4px;
    float: left;
    position: absolute;
    height: 40px;
    left: -37%;
}
.header .form-search label { text-indent: -9999px; text-align: left; }

/* Affiliateplus stylesheet */
.affiliate_message { margin: 10px 0px 0px 0px; }
.affiliateplus-account-bottom .col-button{text-align: center;}
.affiliateplus-account-bottom button.form-button{
    border:none;
    background:none;
    box-shadow: none;
    float:none;
    width:160px;
    height:53px;
    margin: 10px auto;
}
.affiliateplus-account-bottom button.form-button span{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width:160px;
    height: 53px;
    line-height: 53px;
    padding:0 53px 0 20px;
    margin: 0;
    float:left;
    border-radius: 5px;
    text-align: left;
    opacity: 0.85;
    filter:alpha(opacity=85);
}
.affiliateplus-account-bottom button.form-button:hover span,.affiliateplus-account-bottom button.form-button:focus span{
    opacity: 1;
    filter:alpha(opacity=100); 
}
.affiliateplus-account-bottom button.form-button.btn-login span{
    background:url(https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/bg-btn.png) no-repeat right -7px  #E05435;
}
.affiliateplus-account-bottom button.form-button.btn-signup span{
    background: url(https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/bg-btn.png) no-repeat right -71px  #8ec549;
}
.affiliateplus-account-bottom button.form-button.btn-contact span{
    background:url(https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/bg-btn.png) no-repeat right -142px  #0081ba;
}
/* Banner-Links */
#banner-view-list li.banner-view-item{ border-top: 2px solid #CCCCCC; margin-bottom: 45px; }
#banner-view-list li.banner-view-item span.share{ float: right; }
.aff-link-over{
    /*    float: left;*/
    width:98%;
    overflow: auto;
}
/* Referer */
#referer_grid thead th a { color: #0A263C; }
#referer_grid thead th a:hover{ color: #0A263C; }

/* Miniform request money */
.affiliateplus_form_request { 
    margin-bottom: 10px;
    float: left;
    width: 100%; }
.affiliateplus_form_request #request_amount{color:#686868}

/* Tiers */
#tiers_grid thead th a { color: #0A263C; }
#tiers_grid thead th a:hover{ color: #0A263C; }

/* Payment Method */
li.payment_method_form { margin-left: 21px;*float: left;*width: 100%; }
#account-new-address-form  li.wide,
#account-new-address-form  div.field{
    width: 50%;
    float: left;
}
#account-new-address-form li.field{
    width: 100%;
}   
#affiliateplus_payment_request_form .fieldset{
    float:left;
    padding: 0px 0 12px 0;
    background: #fff;
    border: 1px solid #ececec;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
}
#affiliateplus_payment_request_form input.radio { 
    float:left;
    margin: 3px 5px 0px 0px; 
}
#affiliateplus_payment_request_form .form-group .verified{
    background: url(https://www.phyderma.fr/skin/frontend/base/default/images/i_msg-success.gif) no-repeat;    
    margin-top: 8px;
    background-position: 0;  
}
#affiliateplus_payment_request_form .form-group .verified a{
    padding-left: 25px;
    color:#446423 !important;
    text-decoration:none;
    cursor: default;
}
#affiliateplus_payment_request_form .form-group .verified a:hover {
    text-decoration: none;
}
#affiliateplus_payment_request_form .field .not-verified{
    background: url(https://www.phyderma.fr/skin/frontend/base/default/images/i_msg-error.gif) no-repeat;
    margin-top: 30px;
}
#affiliateplus_payment_request_form .field .required-email {
    float: right;
    margin-top: -20px;
}
#affiliateplus_payment_request_form .field .not-verified a{
    padding-left: 20px;
    text-decoration: none;
    color: red;
    cursor: default;
    background: url(https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/i_msg-error.gif) no-repeat;
}
.affiliateplus-action-gray{
    background: #ACABAB !important;
    border: 1px solid #ACABAB !important;
}

/*  Contact Group */
#group-table tr { cursor:pointer;}
#group-table tr:hover{ background-color:#FCF5DD}

/* Commissions */
ul.affiliate-commission-tab{
    height: 27px;
    font-weight: bold;
    margin-top: 10px;
}
ul.affiliate-commission-tab li.affiliate-tab-item{
    float: left;
    height: 20px;
    border: 1px solid #E2E2E2;
    border-bottom: 0px;
    margin: 1px 2px;
    padding: 3px 6px;
    background-color: #E2E2E2;
}
ul.affiliate-commission-tab li.active-tab{
    font-size: 1.1em;
    background-color: #FFF;
    color: #DE5400;
}
ul.affiliate-commission-tab li a{
    text-decoration: none;
    color: #999;

}
.aff-main-content .fade {
    opacity: 0;
    -webkit-transition: opacity 2.25s linear;
    -moz-transition: opacity 2.25s linear;
    -ms-transition: opacity 2.25s linear;
    -o-transition: opacity 2.25s linear;
    transition: opacity 2.25s linear;
}
/* End commissions */

/* Search Grid Style */
.data-table .affiliateplus-grid-title th{
    background-image: none;
    border-bottom: 1px solid #C2D3E0;
}

.data-table .affiliateplus-grid-search th{
    vertical-align: top;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item{
    padding-bottom: 2px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .search-text{
    width: 97%;
}

.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

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

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

.affiliateplus-search-button {
    padding-bottom: 5px;
    text-align: right;
}
/* End Search */

/*bonus*/
#affiliateplus_payment_request_form .authentication-comment{margin: 0;padding: 0 0 0 13px;font-size: 11px;}

/* End */

/*==========Custom Credit by Crystal===========*/
.affiliate-page input[type=email],
.affiliate-page input[type=search], 
.affiliate-page input[type=number], 
.affiliate-page input[type=password], 
.affiliate-page input[type=tel], 
.affiliate-page input[type=text],
.affiliate-page select.form-control{
    width: 100%;
    margin-top: 0;
}
.affiliate-page #affiliateplusstatistic-filter select.form-control{
    width:90%;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.lable-title, .aff-main-content .block .block-title{
    background: #9d9d9d;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
    border-bottom: none;
}
.affiliate-page h2.legend, .popup-content h2.legend, .affiliate-page .aff-main-content .block .block-title strong{
    color: #fff;
    font-size: 14px;
    padding: 7px 15px 7px 60px;
    font-weight:600;
    margin: 0;
    text-transform: none;
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/custom.png') no-repeat;
    background-position: 0px -3px;
    display: block;
    border-style: none;
    line-height: 16px;
}
.affiliate-page .aff-main-content .block .block-title strong:after{
    border-left: none;
}
#discount-affiliateplus-form h2.legend{
    color: #fff;
    font-size: 14px;
    padding: 7px 15px 7px 60px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/custom.png') no-repeat;
} 
#discount-affiliateplus-form .discount{
    padding: 0;
    border: 1px solid #d0cbc1;
    margin: 0 0 18px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
#discount-affiliateplus-form .discount-form{
    padding: 12px 15px;
    float: left;
}
#discount-affiliateplus-form .affiliateplus_credit,
#checkout-step-payment .affiliateplus_credit{
    float: left;
    width: 100%;
}
#checkout-step-payment #affiliateplus_credit{
    float: left;
    margin-top: 4px;  
}
#discount-affiliateplus-form #affiliateplus_credit{
    float: left;
    margin-top: 3px;  
}

#discount-affiliateplus-form .affiliateplus_credit label,
#checkout-step-payment .affiliateplus_credit label{
    float: left;
    width: 90%;
    margin-left: 5px;
}
#discount-affiliateplus-form .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
#discount-affiliateplus-form .btn-warning:hover{
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
button {
    border: none;
    background: none;
}
/*============ Blance by Crystal============*/

/*============Popup request payment=============*/
.affiliateplus-index-paymentform #tinybox{
    right: 0 !important;
    left: 0 !important;
    margin: auto !important;
    // width: 35% !important;
}
#verify-email-form #authentication_code {
    float: left;
    width: 70%;
    left: 0;
    right: 0;
    margin: auto;
}
#verify-email-form h2.legend{

}
#tinybox #verify-email-form {
    width: 100%;
    float: left;
}

/*=============Checkout-affiliate=============*/
.img-reload {
    width: 30px;
    height: 30px;
}
.affiliateplus-discount-code .title-spending {
    float: left
}
.affiliateplus-discount-code .style-form{
    float: right;
    margin-left: 10px
}
.affiliateplus-discount-code .using_credit{
    cursor: pointer;
    float: left;
    margin-left: 10px;
}
.affiliateplus-discount-code .img-edit {
    margin-top: 5px;
    float: right;
    margin-left: 5px;
}
.affiliateplus-discount-code .image-success{
    margin-top: 5px;
    float: right;
    margin-left: 10px;
}
/*======== My widgets========*/
.affiliate-list-widgets tbody textarea {
    //width: 100%;
    //float: left;
    outline: 0;    
}
/******banner & link by Sally*******/
.affiliate-page .affiliate-get-link .box-all{
    border: 1px solid #e7e7e7;
    float: left;
    width: 100%;
}
.affiliate-page .affiliate-get-link{
    padding: 0;
    margin: 28px 0;
}
.affiliate-page #banner-view-list li.banner-view-item{
    border: 1px solid #e7e7e7;
}
.affiliate-page .affiliate-get-link .form-list{
    padding-top: 40px;
    margin: 30px 20px;
}
.affiliate-page .affiliate-get-link #affiliate-page-link{

    margin-bottom: 5px;
}
/*******detail lead********/
.affiliate-page  #payperlead-url-form .fieldset{
    border: 1px solid #e7e7e7;
    padding: 0;
    margin: 28px 0;
}
.affiliate-page  #payperlead-url-form .fieldset .form-list{
    padding-top: 40px;
    margin:20px;
}
.affiliate-page  #payperlead-url-form .fieldset .form-list li{
    margin: 0;
}
.affiliate-page  #payperlead-url-form .fieldset .form-list input#use-personal-url {
    margin:0;
    vertical-align: middle;
}

.affiliate-page  #payperlead-url-form .fieldset .form-list label{
    float: none;
    padding: 0;
}
.affiliate-page .buttons-set-aff{
    margin-left: 15px;
    margin-bottom: 10px;
}
.affiliate-page .aff-main-content .actions{
    padding-left: 20px;
    padding-bottom: 20px;
}
/*============Setting page=============*/
signup_affiliate_account_form{
    border: 1px solid #ececec;
}
#signup_affiliate_account_form .form-group input.checkbox{
    float: left;
    width: auto;
    margin-right: 5px;
}
/************Report***************/
#affiliateplusstatistic-filter input.aff-date{
    width: 90%;
    float: left;
}
#affiliateplusstatistic-filter #report-filter{
    border: 1px solid #ececec;
    padding-bottom: 10px;
}
#affiliateplusstatistic-filter #date_picker_from,
#affiliateplusstatistic-filter #date_picker_to{
    float: left; 
    margin: 10px 0px 0px 5px;
}
#affiliateplusstatistic-filter .form-group label{
    width: 100%;
}
/*******Balance by Sally********/
.affiliate-page label.required:after, span.required:after{
    content: '';
}
/*footer subcribe*/
.affiliate-page .footer .block-subscribe .input-text{
    border: 1px solid silver;
}
.affiliate-page  #tinymask{
    z-index: 9999;
}
.affiliate-page #tinybox{
    z-index: 10000;
    /*    max-width:100%;*/

}
.affiliate-page  a:active,.affiliate-page a:focus, .affiliate-page a:hover {
    outline: none;
}
.affiliate-page .btn:focus,
.affiliate-page .btn:active:focus, 
.affiliate-page .btn.active:focus,
.affiliate-page .btn.focus,
.affiliate-page .btn:active.focus,
.affiliate-page .btn.active.focus
.affiliate-page select option:focus,
.affiliate-page input[type="file"]:focus,
.affiliate-page input[type="radio"]:focus, 
.affiliate-page input[type="checkbox"]:focus
{
    outline: none;
}
.affiliate-page .messages.col-xs-12,
.affiliate-page .messages.col-sm-12,
.affiliate-page .messages.col-md-12, 
.affiliate-page .messages.col-lg-12{
    padding-left: 0;
}
/*direct link*/
.affiliate-page #verify-domain-form .fieldset{
    margin: 0;
    padding: 0;
}
.affiliate-page #button-notnow{
    float: left;
    margin-left: 0;
    position: absolute;
    left: 15px;
    bottom: 15px;
    
}
.affiliate-page #affiliate-personal-url-form input[type="checkbox"]{
    margin:0;
    vertical-align: middle;
}

/****Popup****/
.bg-fade{
    float:left;
    width:100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 9999;
    background:#000;
    opacity: 0.85;
    filter:alpha(opacity=85);
} 
.aff-popup {       
    z-index: 10000;
    transition: top .25s ease;
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    //min-width: 20%; 
    max-width: 40%;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    height: auto;
    margin-left:30%;
    margin-right: 30%;
}
.aff-popup .active {
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/pageloading.gif') no-repeat !important;
}
.aff-popup .no-content{
    float:left;
    width:100%;
    min-height: 200px;
}
.aff-popup .close-affpopup {
    position: absolute;        
    right: -15px;
    top: -15px;
}
.affiliate-page .pager .pages {
    margin-top: 0px;
}
.affiliate-page .pager .limiter {
    height: 35px;
}
@media screen and (max-width: 1050px) {
    .aff-popup{
        max-width: 60%;
        box-sizing: border-box;
        margin-left:20%;
        margin-right: 20%;
    }
}
@media screen and (max-width: 991px) {
    #affiliateplus_payment_request_form .field .not-verified {
        margin-top: 0;
    }
    #affiliateplus_payment_request_form .field .not-verified a {
        padding-left: 30px;         
    }
}
@media screen and (max-width: 979px) {
    .aff-popup{
        max-width: 70%;
        margin-left:15%;
        margin-right: 15%;
    }
}
@media screen and (max-width: 768px) {
    .aff-popup{
        max-width: 80%;
        margin-left:10%;
        margin-right: 10%;
    }
}
@media screen and (max-width: 480px) {
    .aff-popup{
        max-width: 90%;
        margin-left:5%;
        margin-right: 5%;
    }
    .affiliate-page #button-notnow{
    float: left;
    margin-left: 0;
    position: relative;
    left:0px;
    bottom: 0px;
    
}
}
.aff-popup.active{
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/pageloading.gif') center center no-repeat #fff;
}
.affiliate-page #use-link-banner-poup{
    margin-right: 10px;
}
#loading_mask_loader img{
    display: inline;
}
.aff-main-content .note-msg{
    margin-top: 10px;
}
#affiliateplus-email-form .input-box{
    width: 100%
} 
textarea.widgets-code, textarea#affiliate-email-content{
    width: 99%;
    margin-top: 10px;
}
#payperlead-url-form li.control label{
    background-color: #fff;
    padding: 0;
}
.affiliate-page .aff-title {
    float: left;
    width: 100%;
}
.aff-title h1 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    background: #eb7705 url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/nav-bg-afffiliate.png')no-repeat center left;
    padding: 8px 0px 8px 50px;
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}


/*Changed By Adam 02/05/2015: fix loi CSS cho dob, tax, gender*/
.form-group .customer-dob{width:100%; float:left;}
.form-group .dob-month{width:25%; float:left; padding-right:10px;}
.form-group .dob-day{width:25%; float:left; padding-right:10px;}
.form-group .dob-year{width:50%; float:left;} 
.form-group .dob-month .input-text{border-radius:4px; height:34px;}
.form-group .dob-day .input-text{border-radius:4px; height:34px;} 
.form-group .dob-year .input-text{border-radius:4px; height:34px;}
.affiliateplus-account-login .account-login .f-right{
    float:right;
}
/* Refer a Friend */
#affiliateplus-sidebar {
    width: 345px;
}

#affiliateplus-sidebar .allow .step-title {
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 8px 5px;
    text-align: left;
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/social.png') no-repeat;
    background-position: left 5px;
    background-color:  #0081ba;
    opacity: 0.85;
    filter:alpha(opacity=85);
    transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -moz-transition:all 200ms ease-out;
    -o-transition: all 200ms ease-out;
}
#affiliateplus-sidebar .allow .step-title:hover{
    opacity: 1;
}
#affiliateplus-sidebar .allow .step-title.email-logo{
    background-position: left -67px;
}

#affiliateplus-sidebar .allow .step-title.facebook-logo{
    background-position: left -39px;
}

#affiliateplus-sidebar .allow .step-title.twitter-logo{
    background-position: left -8px;
}

#affiliateplus-sidebar .allow .step-title.google-logo{
    background-position: left -97px;
}

#affiliateplus-sidebar .step, #affiliateplus-sidebar p.box-content{
    padding: 8px;
    float: left;
    width: 100%;
    margin-top: 0px;
}

#affiliateplus-sidebar .form-list textarea{
    width: 100%;
    height: 100px;
}

/* Personal */
#affiliateplus-sidebar #input-personal-url{
    width: 100%;
    float: left;
}
#affiliateplus-sidebar #input-personal-url #personal_url{
    width: 100%;
}
#affiliateplus-sidebar #personal_affiliate_url{
    width: 100%;
    text-align: left;
    margin-left: 5px;
}

/* Email */
#affiliateplus-sidebar .step-title span.email-logo{

}
#affiliateplus-sidebar .active .step-title span.email-logo, #affiliate-opc-email .step-title:hover span.aff-logo{
    //background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/email-color.png') no-repeat;
}
#affiliateplus-contact-list .form-list .input-box, #affiliateplus-contact-list .form-list .input-box select{
    width: 100%;
}
#affiliateplus-contact-list .buttons-set{
    padding-top: 7px;
    border-top: 0px;
    margin-top: 0px;
}

/* Google */
#affiliateplus-sidebar .step-title span.aff-logo{
    padding-left: 60px; 
    color: #fff;
}
#affiliateplus-sidebar .step-title span.google-logo{

}

#affiliateplus-sidebar .tweeter span.span{
    -webkit-border-radius: 3px;
    border: #CCC solid 1px;
    padding: 2px;
    -moz-border-radius: 3px; border-radius: 3px;
    background-image: -moz-linear-gradient(top, white, #DEDEDE);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE));
    background-image: -ms-linear-gradient(top, white, #DEDEDE);
    background-image: linear-gradient(top, white, #DEDEDE);
    background-image: -o-linear-gradient(top, white, #DEDEDE);
}
#affiliateplus-sidebar button.tweeter span.span span{
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/tweet.png') no-repeat -26px 3px;
    padding: 0px 3px 0px 24px;
    color: #1E7EC8;
    margin-left: 2px;
}


#affiliateplus-sidebar .buttons-set{
    padding-top: 7px;
    border-top: 0px;
    margin-top: 0px;
}

#affiliateplus-sidebar .affiliateplus-opc li{
    margin-bottom: 8px;
    float: left;
    width: 100%;
}

/* Share on Product Detail Page */
.affiliateplus-share-product .affiliateplus-share-img {
    position: relative;
    float: left;
    top: -16px;
}
.affiliateplus-share-product .share_twitter iframe{
    width: 88px !important;
}
.affiliateplus-share-product .share_facebook .fb_button{
    background: url("https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/fb_share_button.png") no-repeat;
    border: none;
    height: 20px;
    width: 70px;
    cursor: pointer;
    position: relative;
    bottom: 1px;
    color: #FFF;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 16px;
}
.affiliateplus-share-product .affiliateplus-sharing {
    float: right;
}
.affiliateplus-share-product .share {
    float: right;
    margin-top: 5px;
}

/* Share on Product List Page */
.affiliateplus-share-product-list{
    overflow: hidden;
    margin: 3px 0px;
}
.affiliateplus-share-product-list .logo{
    width: 16px; height: 16px;
    margin-right: 8px; border: none;
    cursor: pointer;
}
.affiliateplus-share-product-list .email-logo{
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/email-color.png') no-repeat;
}
.affiliateplus-share-product-list .facebook-logo{
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/facebook-color.png') no-repeat;
}
.affiliateplus-share-product-list .twitter-logo{
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/tweet.png') no-repeat 0px 3px;
}
.affiliateplus-share-product-list .google-logo{
    background: url('https://www.phyderma.fr/skin/frontend/base/default/css/magestore/images/gplus-color.png') no-repeat;
}
.affiliate-opc-google .step-title {
    border-bottom: none;
}
/*=======By Crystal========*/
.affiliate-page #affiliateplus-sidebar {
    float: right;
    width: 40%;
    padding: 0;
}
.affiliate-page .aff-refer{
    float: left;
    width: 58%;
    margin-bottom: 20px;
}
.fieldset-sources {
    border: 1px solid #e7e7e7;
}
.fieldset-sources table,
.fieldset-sources table tbody {
    width: 100%;
}
.fieldset-sources table tbody tr td {
    padding: 3px 3px 3px 10px;
}
#affiliateplus-sidebar .block.block-list {
    border: 1px solid #e7e7e7;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#affiliate-opc-personal-url li.control label{
    padding: 0;
    min-width: 50%;
}
#affiliateplus-sidebar .actions{
    margin-top: 0;
    overflow: hidden;
    float: left;
    width: 100%;
}
#affiliateplus-sidebar .opc.affiliateplus-opc {
    float: left;
    width: 100%;
}
#affiliate-opc-email-content .form-list{
    float: left;
    width: 100%;
}
#affiliate-opc-email-content .input-box,
#affiliate-facebook-form .input-box,
#affiliate-opc-twitter-content .input-box{
    float: left;
    width: 100%;
}
.opc.affiliateplus-opc .a-item {
    border-bottom: 1px solid #e7e7e7;
    border-left:  1px solid #e7e7e7;
    border-right:  1px solid #e7e7e7;
}
@media screen and (max-width: 700px) {
    .affiliate-page .aff-refer,
    .affiliate-page #affiliateplus-sidebar {
        width: 100%;
    }
    .affiliate-page #affiliateplus-sidebar {
        float: left;
    }
}
@media screen and (max-width: 770px) {
    .affiliate-page h2.legend, .affiliate-page .aff-main-content .block .block-title strong{
        border-left: none !important;
        color: #fff !important;
        text-transform: none !important;
        padding: 7px 15px 7px 60px !important;
        font-weight: 600 !important;
        line-height: 18px;
    }
    .affiliate-page h2.legend, .affiliate-page .aff-main-content .block .block-title strong:after{
        border-left: none !important;
        color: #fff !important;
        text-transform: none !important;
        padding: 7px 15px 7px 60px !important;
        font-weight: 600 !important;
        line-height: 18px;
    }
}
.affiliateplus-share-product-list .logo-social{
    width: 0;
    height: 0;
    min-width: 0 !important;
    min-height: 0 !important;
    text-align: center;
    padding: 10px;
    margin-right: 0px;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    margin-left: 5px;
}
@media screen and (max-width: 771px){
    .affiliateplus-share-product-list .logo-social{
        max-width: 0;
        min-height: 0;
    }

}

#affiliate-facebook-form a{cursor:pointer;}
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(https://www.phyderma.fr/skin/frontend/base/default/css/tinybox/images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}
/* Affiliateplus Program Plugin stylesheet */

.affiliate-clear { min-height: 18px; clear: both; }

.affiliateplusprogram_total_commission { color: #ff0000; }

.affiliateplus-form-search .input-box .label { font-weight: bold; }
.affiliateplus-form-search .input-box .left input { margin-left: 10px; }

.affiliateplus-anchor {color: #1e7ec8; text-decoration: underline; cursor: pointer;}
.pager .div-left{
    float: left;
}
.pager .div-right {
    float: right;
    margin-right: 4%;
}
/**
 * Magmodules.eu
 * http://www.magmodules.eu
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to info@magmodules.eu so we can send you a copy immediately.
 *
 * @category    Magmodules
 * @package     Magmodules_Snippets
 * @author      Magmodules <info@magmodules.eu)
 * @copyright   Copyright (c) 2014 (http://www.magmodules.eu)
 * @license     http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */
.snippets {
	border:1px solid #ccc;
	margin:5px 0;
	overflow:auto
}

.snippets p {
	margin-bottom:0
}

.snippets .product-name {
	font-weight:700
}

.snippets .prod-thumb {
	float:left;
	padding:8px
}

.snippets img {
	display:block;
	margin-right:5px;
	margin-left:10px
}

.snippets .content {
	padding:5px
}

.snippets .content i {
	display:-webkit-inline-box
}

.snippets .rating-box {
	float:left;
	margin-bottom:5px
}

.snippets-footer {
	margin-top:-5px;
	color:#666;
	font-style:normal
}

.snippets-fields {
	font-size:x-small
}

.snippets-fields ul {
	display:inline
}

.snippets-fields li {
	display:inline;
	color:#000;
	background:none!important;
	padding-left:0!important;
	font-size:11px
}

.snippets-fields li + li::before {
	content:"- "
}

.snippets-sidebar .rating-box {
	margin-right:5px;
	margin-top:5px;
	width:75px;
	height:15px;
	font-size:0;
	background:url(https://www.phyderma.fr/skin/frontend/base/default/magmodules/snippets/images/bkg_rating.gif) repeat-x;
	background-size:15px;
	text-indent:-999em;
	overflow:hidden
}

.snippets-sidebar .rating {
	float:left;
	height:13px;
	background:url(https://www.phyderma.fr/skin/frontend/base/default/magmodules/snippets/images/bkg_rating.gif)repeat-x;
	background-position-y:100%;
	background-size:15px
}
.large-12.sticky { position: relative; text-align:left;}

#menu42.menu a span  { color: #D71659; }

#custommenu {
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 35px;
    margin: 0 auto;
}
@media only screen and (min-width: 40.125em) and (max-width: 50.938em) {
    #custommenu {
        max-width: 715px;
    }
}
@media only screen and (min-width: 51.000em) and (max-width: 62.500em) {
    #custommenu {
        max-width: 795px;
    }
}

/*IE7 fix*/
*:first-child+html #custommenu {
    z-index: 998;
}
div.menu {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
div.menu a:link, div.menu a:visited {
    display: block;
}

#custommenu .ico-home-menu a { text-indent: -99999px; }

div.menu a span {
    display: block;
    height: auto;
    font-family: 'helvetica neue', 'Open Sans', arial;
    font-size: .98rem;
    font-weight: 200;
    border-right: 1px solid #afca0b;
    padding: 2px 20px;
}
#custommenu .menu:last-of-type a span{ border-right:0;}

.ie9 div.menu a span {
    font-size: .95rem;
}
@media only screen and (min-width: 40.125em) and (max-width: 50.938em) {
    div.menu a span {
        font-size: .75rem;
        padding: 2px 11px;
    }
    .ie9 div.menu a span {
        font-size: .68rem;
    }
}
@media only screen and (min-width: 51.000em) and (max-width: 62.500em) {
    div.menu a span {
        font-size: .9rem;
        padding: 2px 10px;
    }
    .ie9 div.menu a span {
        font-size: .8rem;
        padding: 2px 10px;
    }
}

div#menu9.menu a span {
    border-right: none;
}

div.menu a span:hover { color: #668500; }

div.wp-custom-menu-popup {
    position: absolute;
    z-index: 1000;
    display: none;
    text-align: left;
    padding: 0px 0px 10px 0px;
    border-top: 0;
    width: 97.5%;
    margin-top: -1px;
    margin-left: .95rem;
    border: 1px solid #f2f2f2;
    top: 36px !important;
}
@media only screen and (max-width: 54.375em) {
    div.wp-custom-menu-popup {
        width: 96.5%;
    }
}
@media only screen and (min-width: 54.438em) and (max-width: 77.438em) {
    div.wp-custom-menu-popup {
        width: 97.5%;
    }
}
@media only screen and (min-width: 77.500em) {
    div.wp-custom-menu-popup {
        width: 1200px;
        margin-left: -600px;
        left: 50% !important;
    }
}

div.menu a, div.wp-custom-menu-popup a {
    text-decoration: none;
    display:block;
    cursor: pointer;
    _height: 0;
    height: auto;
    line-height:18px;
    color: #696969;
}

div.level1 {
    margin-bottom: 5px;
}
div.level2 {
    margin-bottom: 5px;
}
div.level3 {
    margin-bottom: 5px;
    padding: 5px;
}
div.block1 {
    float: left;
    width: 25%;
}
div.block2 {
    float: right;
    width: 75%;
    padding-left: 1rem;
    text-align: center;
}
div.block2 strong {
    text-transform: uppercase;
    display: block;
    letter-spacing: 2px;
}
a.level1:link, a.level1:visited {
    padding: 0 0 15px;
}
#custommenu a.level1,
#custommenu a.level1:link {
}
a.level2:link, a.level2:visited {
    padding: 3px 10px;
    border-radius: 2px;
}
/* Clearfix */
div.block2:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] div.block2 {
    display: block;
}
* html div.block2 {
    height: 1%;
}
div.block2 p {
    margin-bottom: 3px;
    line-height: 120%;
    color: #000;
    font-size: 11px;
}
div.block2 p a {
    display: inline;
}
div.block2 a img {
    opacity: .9;
    filter: alpha(opacity=90);
    padding-bottom: .5rem;
}
div.block2 a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}
div.block2 .brand a:hover img {
    -webkit-transition: all 0;
    -moz-transition: all 0;
    -ms-transition: all 0;
    transition: all 0;
}
div.wp-custom-menu-popup hr {
    margin: 0px 0px 10px 0px;
}
/******************************************* COLUMN WIDTH ***************************** */
div.column {
    width: 100%;
    padding: 0px 6% 0 0;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #C5C5C5;
}
/*end COLUMN WIDTH  */

div.itemSubMenu {
    margin-left: 0px;
}
.clearBoth {
    clear:both;
    height: 0;
    overflow: hidden;
}
div.level1 {
    margin-bottom: 0px;
}
/*BG*/
#custommenu .menu:first-child a span{ padding-left:0;}
#custommenu .menu#menu153 a span{ border-right:0;}
div.wp-custom-menu-popup {
    background: white;
    padding: 25px 10px 25px 30px;
}
div.menu a:link, div.menu a:visited {
}
div.menu a, div.wp-custom-menu-popup a {
 -webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
transition: all .1s linear;
}
div.menu .brand a, div.wp-custom-menu-popup .brand a {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    transition: all 0s linear;
}
div.menu.active {
}
div.menu.active a {
    color: #668500 !important;
}
div.level3 {
    background: #fff;
}
/*FONTS*/
div.menu {
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Segoe UI";
}
a.level1:link, a.level1:visited {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
}
a.level2:link, a.level2:visited {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
}
a.level3:link, a.level3:visited {
    font-size: 11px;
    font-weight: normal;
    line-height: 100%;
    margin-bottom: 0px;
}
/*COLOR*/
div.menu a:link, div.menu a:visited {
    color: #696969;

}
div.menu a:hover, div.menu.active a {

}
a.level3:link, a.level3:visited {
    color: #333333;
}
a.level3:hover {
    color: #b43f74;
}
a.level2:link, a.level2:visited {
    color: #000;
}
a.level1:hover {
}
a.level2:hover {
    color: #000;
    background: #d3d3d3;
}
.block2 table.brand {
    float: left;
}
.block2 .single_menu_product {
    float: left;
    position: relative;
    max-width: 150px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 0px;
}
/*MOBILE MENU STYLES*/
#menu-button, .parentMenu {
    display: inline-block;
}
html[xmlns] #menu-button, html[xmlns] .parentMenu {
    display: block;
}
* html #menu-button, * html .parentMenu {
    height: 1%;
}
#menu-button:after {
    content: "";
    position: absolute;
    width: 24px;
    top: 0.79rem;
    left: 1rem;
    box-shadow: 0 0px 0 1px #54606c, 0 7px 0 1px #54606c, 0 14px 0 1px #54606c;
}
#custommenu-mobile {
    position:relative;
    margin: 0 auto;
    padding: 0;
    z-index: 999;
    /*background: #A5C428;*/
}
#menu-button {
    float: none;
    padding: 24px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    /*width: 100%;*/
    text-transform: uppercase;
}
#menu-button a:link, #menu-button a:visited {
    color: #54606c;
    display: inline-block;
    position: relative;
    padding: 0 15px;
    font-size: 9px;
}
#menu-button a span:after {
    display: block;
    position: relative;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #dadada;
    margin: 8px 0px 0px 5px;
    float: right;
    opacity: 0.7;
    display:none;
}
#menu-button:hover {
    cursor: pointer;
}
#menu-button:hover a:after {
    opacity: 1;
}
.menu-mobile div.column {
    float:none;
    padding:5px;
    background: #fff;
}
.menu-mobile a.itemMenuName {
    display: block;
    text-align: left;
}
.menu-mobile div.menu-button, .menu-mobile div.menu-mobile {
    float: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    border-bottom: 1px solid #fff;
}
.menu-mobile div.column {
    float: none;
    width: 100%;
    padding: 0px 0;
    margin: 0px 0px 0px 0px;
}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
    margin-top: 0px;
    margin-bottom: 0;
    padding: 10px 10px;
    border-radius: 2px;
    color: #000;
}
.menu-mobile a.level2:link, .menu-mobile a.level2:visited {
    padding: 10px 10px;
    border-radius: 2px;
}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
    color: #555;
}
.menu-mobile a.level1:hover {
    background-color: #f1f1f1;
}
.menu-mobile .parent {
    background-color: #fff;
}
/*buttons level 01*/
.menu-mobile .parentMenu {
    padding: 0px 0px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #909090;
}
.menu-mobile .parentMenu a:link, .menu-mobile .parentMenu a:visited {
    padding: 6px 0px 6px 15px;
    margin-right: 80px;
    color: #696969;
    display: block;
    font-size: 0.9rem;
    text-transform: uppercase;
    min-height: 2.2rem;
}
.menu-mobile .parentMenu:hover {
    cursor: pointer;
}
.parentMenu {
    position: relative;
}
.parentMenu a {
    display: block;
}
#menu-button {
    cursor: pointer;
}
.menu-mobile div.level2 {
    margin-bottom: 0;
}
#custommenu-mobile .button {
    cursor: pointer;
    position: absolute;
    right: 1%;
    top: 0px;
    display: block;
    width: 100%;
    height: 38px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);
}
#custommenu-mobile .button.open {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);
}
#custommenu-mobile .level1 .button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);
}
#custommenu-mobile .level1 .button.open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
}
/*BG*/
#custommenu-mobile .parentMenu:hover a:link,
#custommenu-mobile .parentMenu:hover a:visited,
#custommenu-mobile .parentMenu:hover {
    background-color: #A5C428;
    color: white;
}
#custommenu-mobile .level0 {
    background-color: #f9f9f9;
}
#custommenu-mobile .level1 {
    background-color: #830b5c;
}
#custommenu-mobile .level2 {
    background-color: #f1f1f1;
}
.menu-tablet-mobile {
    float: left;
    width: 100%;
    position: absolute;
    z-index: 2;
}
@media only screen and (min-width: 40.125em) and (max-width: 43.063em) {
    .toolbar-top {
        float: right;
        width: 400px;
        z-index: 2;
        position: relative;
        padding-top: 8px;
    }
}
#menu-content {
    border: 1px solid #909090;
    border-bottom: none;
}
#custommenu-mobile .wp-custom-menu-submenu .level1 {
    background-color: #EAEAEA;
}
#custommenu-mobile .wp-custom-menu-submenu .level1 a span {
    color: #555555;
    text-transform: capitalize;
}
#custommenu-mobile .wp-custom-menu-submenu .parentMenu:hover a:link,
#custommenu-mobile .wp-custom-menu-submenu .parentMenu:hover a:visited,
#custommenu-mobile .wp-custom-menu-submenu .parentMenu:hover {
    background-color: #A5C428;
}
#custommenu-mobile .wp-custom-menu-submenu .parentMenu:hover a:link span,
#custommenu-mobile .wp-custom-menu-submenu .parentMenu:hover a:visited span,
#custommenu-mobile .wp-custom-menu-submenu .parentMenu:hover span {
    color: #fff;
}
.mobile a.itemMenuName.level1 {
    padding-left: 30px !important;
}

.site-nav { max-width: 1200px; }
.site-nav .large-12.sticky nav { display: inline-block; }

.large-12.sticky.fixed {
    border-bottom:1px solid #F2F2F2;
}

.large-12.sticky.fixed .wp-custom-menu-popup {
    top: 60px !important;
    border-top: 0;
    /* border: 0;
    border-bottom: 1px solid #f2f2f2; */
}

.large-12.sticky.fixed #menu888 {
    bottom:15px !important;
    bottom: 15px !important;
    position: initial !important;
    display: inline-block;
    margin-top: -5px;
    margin-left: 40px;
}

.sommesnous_section{
    padding-top: 20px;
}

.product_slider .postTitle {
    margin-top: /*30px*/ 0;
}

.promo{
    z-index: 1;
}


@media only screen and (max-width: 75.000em) {
    .large-12.sticky.fixed {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .large-12.sticky.fixed .wp-custom-menu-popup {
        width: 97%;
    }
}

#wp_custom_menu_888 {
    font-size: 12px;
}

#wp_custom_menu_888 a > strong {
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin-top: 10px;
}

.wc-overlay{position:absolute;display:none;opacity:0.9;z-index:99999;background:white url('https://www.phyderma.fr/skin/frontend/base/default/webcooking/images/ajax-loader.gif') center 5% no-repeat;}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.block-overlay {
    opacity: 0.6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
}
.unblock-overlay { 
    text-align: right;
    padding: 5px;
    background: white;
}
.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -382px;
    z-index: 9999;
}
#popup .container {
    width: 764px;
    min-height: 440px;
    font-family: "Raleway",arial;
    border: 1px solid #999999;
    display: inline-block;
    background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/popup-desktop.jpg) no-repeat white;
}
#popup .container .block-subscribe {
    float: right;
    width: 380px;
    padding: 316px 14px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#popup .container .block-subscribe .block-title {
    font-size: 1.4rem;
    line-height: 28px;
}
#popup .container .block-subscribe p {
    font-size: .9rem;
    margin: 1rem 0 1.5rem !important;
}
#popup .container .block-subscribe .email {
    font-size: .9rem;
    padding-top: .4rem;
    padding-right: 1.5rem;
}
#popup .container .block-subscribe button.tiny {
    width: 155px;
    background: #A7C438;
    height: 2.4rem;
    font-size: 1.2rem;
    letter-spacing: 1px;
    padding-top: 6px;
    margin-top: 15px;
    font-family: "helvetica neue", "Open Sans";
    font-weight: 100;
    margin-left: 96px;
}
#popup .container .block-subscribe .input-and-button {
    width: 220px;
}
#popup .container .block-subscribe .input-and-button #newsletter {
    font-size: .8rem;
}

#popup .container .block-subscribe input[type="text"] {
    width: 240px;
    height: 2rem;
    margin: auto;
}
#popup .close {
    position: absolute;
    top: 13px;
    opacity: 1 !important;
    right: 15px;
    cursor: pointer;
    width: 20px;
    height: 22px;
}
#popup small {
    line-height: 12px;
    display: inline-block;
    padding-top: .5rem;
}

#popup .validation-advice {
    padding: 4px 0 0 0;
    border: 0;
    background: none;
    padding-left: 3.5rem;
}

@media only screen and (max-width: 49.375em) {
    #popup .container {
        background: url(https://www.phyderma.fr/skin/frontend/waterlee-boilerplate/phyderma/images/popup-mobile.jpg) no-repeat white;
    }
    #popup img {
        display: none;
    }
    #popup .close img {
        display: inline-block;
    }
    #popup .container {
        width: 280px;
    }
    #popup .popup {
        margin-left: -140px;
    }
    #popup .container .block-subscribe,
    #popup .container .block-subscribe .input-and-button {
        width: 100%;
    }
    #popup .container .block-subscribe {
        margin-bottom: 10px;
    }
    #popup .validation-advice {
        padding-left: .4rem;
    }
}