/* UTILS */
.align-left {
    text-align: left; }

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

.color--white,
.color--white a {
    color: #fff; }

.color--black {
    color: #000; }

.visually-hidden, .sr-only {
    position: absolute !important;
    left: -999999px !important; }

.bg-color--black {
    background-color: #000; }

.bg-color--grey {
    background-color: #f6f6f6; }

/************************  Mixins  *****************************/
.invisible {
    height: auto !important;
    display: block !important;
    visibility: hidden !important; }

/*********************
	BREAKPOINTS
*********************/
html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-family: "Century-Gothic", Arial, sans-serif; }

html {
    overflow-x: hidden;
    position: relative; }

html.popin-opened {
    overflow: hidden;
    position: static;
    height: 100%; }

.dior-v7 {
    /**
 * Simple grid system:
 * - col without margin/padding & exact width division
 */ }
.dior-v7 html, .dior-v7 body, .dior-v7 div, .dior-v7 span, .dior-v7 applet, .dior-v7 object, .dior-v7 iframe,
.dior-v7 h1, .dior-v7 h2, .dior-v7 h3, .dior-v7 h4, .dior-v7 h5, .dior-v7 h6, .dior-v7 p, .dior-v7 blockquote, .dior-v7 pre,
.dior-v7 a, .dior-v7 abbr, .dior-v7 acronym, .dior-v7 address, .dior-v7 big, .dior-v7 cite, .dior-v7 code,
.dior-v7 del, .dior-v7 dfn, .dior-v7 em, .dior-v7 img, .dior-v7 ins, .dior-v7 kbd, .dior-v7 q, .dior-v7 s, .dior-v7 samp,
.dior-v7 small, .dior-v7 strike, .dior-v7 strong, .dior-v7 sub, .dior-v7 sup, .dior-v7 tt, .dior-v7 var,
.dior-v7 b, .dior-v7 u, .dior-v7 i, .dior-v7 center,
.dior-v7 dl, .dior-v7 dt, .dior-v7 dd, .dior-v7 ol, .dior-v7 ul, .dior-v7 li,
.dior-v7 fieldset, .dior-v7 form, .dior-v7 label, .dior-v7 legend,
.dior-v7 table, .dior-v7 caption, .dior-v7 tbody, .dior-v7 tfoot, .dior-v7 thead, .dior-v7 tr, .dior-v7 th, .dior-v7 td,
.dior-v7 article, .dior-v7 aside, .dior-v7 canvas, .dior-v7 details, .dior-v7 embed,
.dior-v7 figure, .dior-v7 figcaption, .dior-v7 footer, .dior-v7 header, .dior-v7 hgroup,
.dior-v7 menu, .dior-v7 nav, .dior-v7 output, .dior-v7 ruby, .dior-v7 section, .dior-v7 summary,
.dior-v7 time, .dior-v7 mark, .dior-v7 audio, .dior-v7 video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
.dior-v7 html {
    line-height: 1; }
.dior-v7 ol, .dior-v7 ul {
    list-style: none; }
.dior-v7 table {
    border-collapse: collapse;
    border-spacing: 0; }
.dior-v7 caption, .dior-v7 th, .dior-v7 td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }
.dior-v7 q, .dior-v7 blockquote {
    quotes: none; }
.dior-v7 q:before, .dior-v7 q:after, .dior-v7 blockquote:before, .dior-v7 blockquote:after {
    content: "";
    content: none; }
.dior-v7 a img {
    border: none; }
.dior-v7 article, .dior-v7 aside, .dior-v7 details, .dior-v7 figcaption, .dior-v7 figure, .dior-v7 footer, .dior-v7 header, .dior-v7 hgroup, .dior-v7 main, .dior-v7 menu, .dior-v7 nav, .dior-v7 section, .dior-v7 summary {
    display: block; }
.dior-v7 a {
    text-decoration: inherit;
    color: black; }
.dior-v7 a:focus {
    text-decoration: underline; }
.dior-v7 a.color--white {
    color: white; }
.dior-v7 h3,
.dior-v7 h4 {
    text-transform: uppercase; }
.dior-v7 h3 {
    font-size: 1.125rem; }
.dior-v7 h4 {
    font-size: 1rem; }
.dior-v7 [class^='icon-'],
.dior-v7 [class*=' icon-'] {
    display: inline-block; }
.dior-v7 input::-ms-clear {
    display: none; }
.dior-v7 input::-ms-reveal {
    display: none; }
.dior-v7 input:matches([type='button'], [type='submit'], [type='reset']) {
    -webkit-appearance: none; }
.dior-v7 input {
    border-radius: 0; }
.dior-v7 img {
    display: block; }
.dior-v7.page-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6); }
.dior-v7 .accordion-section {
    overflow: hidden; }
.dior-v7 .accordion-section[aria-expanded='false'] {
    display: none; }
.dior-v7 .scroll-wrapper {
    position: relative;
    overflow: hidden; }
.dior-v7 .scroll-wrapper .jq-scroller-wrapper {
    position: absolute; }
.dior-v7 .scroll-wrapper .scroll-content {
    width: 100%;
    padding-right: 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.dior-v7 .scroll-wrapper .jq-scroller-scrollbar {
    width: 10px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
    background-color: #e0e0e0; }
.dior-v7 .scroll-wrapper .jq-scroller-disabled .cart-scroller {
    padding-right: 0; }
.dior-v7 .scroll-wrapper .jq-scroller-disabled .jq-scroller-scrollbar {
    display: none; }
.dior-v7 .scroll-wrapper .jq-scroller-thumb {
    width: 10px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    background-color: #757575; }
.dior-v7 .native-scrollbar::-webkit-scrollbar,
.dior-v7 .native-scrollbar *::-webkit-scrollbar {
    width: 10px;
    background: #e0e0e0; }
.dior-v7 .native-scrollbar::-webkit-scrollbar-button,
.dior-v7 .native-scrollbar *::-webkit-scrollbar-button {
    display: none; }
.dior-v7 .native-scrollbar::-webkit-scrollbar-thumb,
.dior-v7 .native-scrollbar *::-webkit-scrollbar-thumb {
    background: #757575; }
.dior-v7 .large-bg {
    max-width: 1600px;
    margin: 0 auto 2.9%;
    overflow: hidden; }
.dior-v7 .large-bg.large-bg-no-margin {
    margin: 0 auto; }
.dior-v7 hr {
    height: 1px;
    display: block;
    border: none;
    color: #757575;
    background-color: #757575; }
.dior-v7 .no-margin {
    margin: 0; }
.dior-v7 .m-auto {
    margin: auto; }
.dior-v7 .clear {
    clear: left; }
.dior-v7 .error-message {
    padding-bottom: 10px;
    color: #d70000; }
.dior-v7 .error-message.margin-top {
    margin-top: 20px; }
.dior-v7 .error-message.margin-bottom {
    margin-bottom: 10px; }
.dior-v7 .d-none {
    display: none !important; }
.dior-v7 .main-form:after {
    content: '';
    display: block;
    clear: both; }
.dior-v7 .main-form .form-field {
    margin-bottom: 0.9375rem;
    display: block;
    vertical-align: top;
    float: left;
    position: relative;
    clear: left; }
.dior-v7 .main-form .form-field.form-field--center {
    margin: auto;
    float: none; }
.dior-v7 .main-form .form-field.form-field-no-label {
    margin-top: 17px; }
.dior-v7 .main-form .form-field.sms-receiving {
    margin-top: 25px; }
.dior-v7 .main-form label,
.dior-v7 .main-form legend {
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
    font-size: 0.75rem; }
.dior-v7 .main-form .form-optional {
    text-transform: none;
    font-size: 0.6875rem;
    color: #757575; }
.dior-v7 .main-form fieldset {
    margin-top: 0.9375rem;
    overflow: hidden; }
.dior-v7 .main-form .no-clear {
    clear: none; }
.dior-v7 .main-form .no-float {
    float: none; }
.dior-v7 .main-form .block {
    display: block; }
.dior-v7 .main-form .input-smallest input[type='mail'],
.dior-v7 .main-form .input-smallest input[type='email'],
.dior-v7 .main-form .input-smallest input[type='number'],
.dior-v7 .main-form .input-smallest input[type='tel'],
.dior-v7 .main-form .input-smallest input[type='text'],
.dior-v7 .main-form .input-smallest input[type='password'],
.dior-v7 .main-form .input-smallest input[type='address'],
.dior-v7 .main-form .input-smallest textarea,
.dior-v7 .main-form .input-smallest .select-wrapper,
.dior-v7 .main-form .input-smallest select,
.dior-v7 .main-form .input-very-small input[type='mail'],
.dior-v7 .main-form .input-very-small input[type='email'],
.dior-v7 .main-form .input-very-small input[type='number'],
.dior-v7 .main-form .input-very-small input[type='tel'],
.dior-v7 .main-form .input-very-small input[type='text'],
.dior-v7 .main-form .input-very-small input[type='password'],
.dior-v7 .main-form .input-very-small input[type='address'],
.dior-v7 .main-form .input-very-small textarea,
.dior-v7 .main-form .input-very-small .select-wrapper,
.dior-v7 .main-form .input-very-small select,
.dior-v7 .main-form .input-small input[type='mail'],
.dior-v7 .main-form .input-small input[type='email'],
.dior-v7 .main-form .input-small input[type='number'],
.dior-v7 .main-form .input-small input[type='tel'],
.dior-v7 .main-form .input-small input[type='text'],
.dior-v7 .main-form .input-small input[type='password'],
.dior-v7 .main-form .input-small input[type='address'],
.dior-v7 .main-form .input-small textarea,
.dior-v7 .main-form .input-small .select-wrapper,
.dior-v7 .main-form .input-small select,
.dior-v7 .main-form .input-medium-small input[type='mail'],
.dior-v7 .main-form .input-medium-small input[type='email'],
.dior-v7 .main-form .input-medium-small input[type='number'],
.dior-v7 .main-form .input-medium-small input[type='tel'],
.dior-v7 .main-form .input-medium-small input[type='text'],
.dior-v7 .main-form .input-medium-small input[type='password'],
.dior-v7 .main-form .input-medium-small input[type='address'],
.dior-v7 .main-form .input-medium-small textarea,
.dior-v7 .main-form .input-medium-small .select-wrapper,
.dior-v7 .main-form .input-medium-small select,
.dior-v7 .main-form .input-medium input[type='mail'],
.dior-v7 .main-form .input-medium input[type='email'],
.dior-v7 .main-form .input-medium input[type='number'],
.dior-v7 .main-form .input-medium input[type='tel'],
.dior-v7 .main-form .input-medium input[type='text'],
.dior-v7 .main-form .input-medium input[type='password'],
.dior-v7 .main-form .input-medium input[type='address'],
.dior-v7 .main-form .input-medium textarea,
.dior-v7 .main-form .input-medium .select-wrapper,
.dior-v7 .main-form .input-medium select,
.dior-v7 .main-form .input-large input[type='mail'],
.dior-v7 .main-form .input-large input[type='email'],
.dior-v7 .main-form .input-large input[type='number'],
.dior-v7 .main-form .input-large input[type='tel'],
.dior-v7 .main-form .input-large input[type='text'],
.dior-v7 .main-form .input-large input[type='password'],
.dior-v7 .main-form .input-large input[type='address'],
.dior-v7 .main-form .input-large textarea,
.dior-v7 .main-form .input-large .select-wrapper,
.dior-v7 .main-form .input-large select,
.dior-v7 .main-form .input-full input[type='mail'],
.dior-v7 .main-form .input-full input[type='email'],
.dior-v7 .main-form .input-full input[type='number'],
.dior-v7 .main-form .input-full input[type='tel'],
.dior-v7 .main-form .input-full input[type='text'],
.dior-v7 .main-form .input-full input[type='password'],
.dior-v7 .main-form .input-full input[type='address'],
.dior-v7 .main-form .input-full textarea,
.dior-v7 .main-form .input-full .select-wrapper,
.dior-v7 .main-form .input-full select,
.dior-v7 .main-form .input-half input[type='mail'],
.dior-v7 .main-form .input-half input[type='email'],
.dior-v7 .main-form .input-half input[type='number'],
.dior-v7 .main-form .input-half input[type='tel'],
.dior-v7 .main-form .input-half input[type='text'],
.dior-v7 .main-form .input-half input[type='password'],
.dior-v7 .main-form .input-half input[type='address'],
.dior-v7 .main-form .input-half textarea,
.dior-v7 .main-form .input-half .select-wrapper,
.dior-v7 .main-form .input-half select {
    width: 100%; }
.dior-v7 .main-form .input-smallest {
    width: 70px; }
.dior-v7 .main-form .input-very-small {
    width: 120px; }
.dior-v7 .main-form .input-small {
    width: 150px; }
.dior-v7 .main-form .input-medium-small {
    width: 230px; }
.dior-v7 .main-form .input-medium {
    width: 315px; }
.dior-v7 .main-form .input-large {
    width: 450px; }
.dior-v7 .main-form .input-full {
    width: 100%; }
.dior-v7 .main-form .input-half {
    width: 50%;
    display: block;
    float: left; }
.dior-v7 .main-form .form-field.input-half,
.dior-v7 .main-form .form-field.input-half + .form-field.input-half + .form-field.input-half {
    padding-right: 10px;
    padding-left: 0;
    clear: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.dior-v7 .main-form .form-field.input-half + .form-field.input-half,
.dior-v7 .main-form .form-field.input-half + .form-field.input-half + .form-field.input-half + .form-field.input-half {
    padding-right: 0;
    padding-left: 10px;
    clear: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.dior-v7 .main-form .form-field.input-half + .form-field.input-half.single,
.dior-v7 .main-form .form-field.input-half + .form-field.input-half + .form-field.input-half + .form-field.input-half.single {
    padding-right: 10px;
    padding-left: 0;
    clear: left; }
.dior-v7 .main-form .form-field.input-half + .form-field.input-half.clear,
.dior-v7 .main-form .form-field.input-half + .form-field.input-half + .form-field.input-half + .form-field.input-half.clear {
    clear: both; }
.dior-v7 .main-form .input-half.single,
.dior-v7 .main-form .input-half.single + .form-field {
    clear: left; }
.dior-v7 .main-form select,
.dior-v7 .main-form input[type='mail'],
.dior-v7 .main-form input[type='email'],
.dior-v7 .main-form input[type='number'],
.dior-v7 .main-form input[type='tel'],
.dior-v7 .main-form input[type='text'],
.dior-v7 .main-form input[type='password'],
.dior-v7 .main-form input[type='address'] {
    height: 1.875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 25px;
    font-size: 0.8125rem;
    font-family: "Century-Gothic", Arial, sans-serif;
    outline: 0 !important;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none; }
.dior-v7 .main-form select:focus:focus,
.dior-v7 .main-form input[type='mail']:focus:focus,
.dior-v7 .main-form input[type='email']:focus:focus,
.dior-v7 .main-form input[type='number']:focus:focus,
.dior-v7 .main-form input[type='tel']:focus:focus,
.dior-v7 .main-form input[type='text']:focus:focus,
.dior-v7 .main-form input[type='password']:focus:focus,
.dior-v7 .main-form input[type='address']:focus:focus {
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); }
.dior-v7 .main-form select::-ms-expand {
    display: none; }
.dior-v7 .main-form .select-wrapper {
    position: relative;
    display: inline-block;
    width: auto; }
.dior-v7 .main-form .select-wrapper select {
    padding-right: 40px; }
.dior-v7 .main-form .select-wrapper:after {
    display: block;
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 0.75rem;
    color: black;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.dior-v7 .main-form input::-webkit-input-placeholder {
    font-family: "Century-Gothic", Arial, sans-serif;
    color: #757575; }
.dior-v7 .main-form input::-moz-placeholder {
    font-family: "Century-Gothic", Arial, sans-serif;
    color: #757575; }
.dior-v7 .main-form input:-ms-input-placeholder {
    font-family: "Century-Gothic", Arial, sans-serif;
    color: #757575; }
.dior-v7 .main-form input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0; }
.dior-v7 .main-form .form-field-placeholder {
    display: none;
    position: absolute;
    z-index: 2;
    left: 0;
    color: #757575;
    font-size: 0.8125rem;
    line-height: 30px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0.625rem; }
.dior-v7 .main-form .form-field-helper {
    color: #757575;
    font-size: 0.6875rem;
    padding-top: 5px; }
.dior-v7 .main-form .show-placeholder .form-field-placeholder {
    display: block; }
.dior-v7 .main-form input[type='submit'] {
    border-radius: 0;
    -webkit-appearance: none; }
.dior-v7 .main-form textarea {
    padding: 0.625rem;
    box-sizing: border-box;
    font-size: 0.75rem;
    outline: 0 !important;
    border: 1px solid #e0e0e0;
    font-family: "Century-Gothic", Arial, sans-serif;
    -webkit-appearance: none; }
.dior-v7 .main-form input:-webkit-autofill,
.dior-v7 .main-form input:-webkit-autofill:focus {
    outline: 0 !important;
    -webkit-box-shadow: 0 0 0 50px white inset;
    box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: black; }
.dior-v7 .main-form input[type='checkbox'],
.dior-v7 .main-form input[type='radio'] {
    position: absolute !important;
    left: -999999px !important; }
.dior-v7 .main-form input[type='checkbox'] + label,
.dior-v7 .main-form input[type='radio'] + label {
    min-height: 0.9375rem;
    padding-left: 1.5625rem;
    vertical-align: middle;
    position: relative;
    text-transform: none;
    line-height: 0.9375rem;
    font-size: 0.8125rem;
    color: black;
    cursor: pointer; }
.dior-v7 .main-form input[type='checkbox'] + label img,
.dior-v7 .main-form input[type='radio'] + label img {
    position: relative;
    pointer-events: none; }
.dior-v7 .main-form input[type='checkbox'] + label:before,
.dior-v7 .main-form input[type='radio'] + label:before {
    content: '';
    width: 0.9375rem;
    height: 0.9375rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #757575;
    background-color: white; }
.dior-v7 .main-form input[type='checkbox']:focus + label,
.dior-v7 .main-form input[type='radio']:focus + label,
.dior-v7 .main-form input[type='checkbox']:hover + label,
.dior-v7 .main-form input[type='radio']:hover + label {
    text-decoration: underline; }
.dior-v7 .main-form input[type='checkbox']:focus + label:before,
.dior-v7 .main-form input[type='radio']:focus + label:before {
    border: 1px solid black;
    -webkit-box-shadow: 0px 0px 2px 0px black;
    box-shadow: 0px 0px 2px 0px black; }
.dior-v7 .main-form input[type='radio'] + label:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 1.125rem;
    height: 1.125rem; }
.dior-v7 .main-form input[type='checkbox']:checked + label:after {
    position: absolute;
    top: 1px;
    left: 0.1875rem;
    font-size: 0.75rem;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA0B"; }
.dior-v7 .main-form input[type='radio']:checked + label:after {
    content: '';
    width: 0.625rem;
    height: 0.625rem;
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    background-color: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
.dior-v7 .main-form .form-field-single {
    display: inline-block; }
.dior-v7 .main-form input[type='submit'] {
    cursor: pointer; }
.dior-v7 .main-form input[type='submit'][disabled] {
    cursor: auto; }
.dior-v7 .main-form input[data-uppercase='true'],
.dior-v7 .main-form input[data-uppercase='1'] {
    text-transform: uppercase; }
.dior-v7 .main-form .custom-select {
    height: 1.875rem;
    padding: 5px 5px 5px 10px;
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 0.8125rem;
    border: 1px solid #e0e0e0;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.dior-v7 .main-form .custom-select.custom-select-drop-up .custom-select-list {
    top: inherit;
    bottom: 100%; }
.dior-v7 .main-form .custom-select.custom-select-drop-up .custom-select-label:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.dior-v7 .main-form .custom-select.custom-select-drop-up.custom-select-toggled .custom-select-label:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.dior-v7 .main-form .custom-select *::-webkit-scrollbar {
    width: 10px;
    background: #e0e0e0; }
.dior-v7 .main-form .custom-select *::-webkit-scrollbar-button {
    display: none; }
.dior-v7 .main-form .custom-select *::-webkit-scrollbar-thumb {
    background: #757575; }
.dior-v7 .main-form .custom-select-toggled {
    overflow: visible; }
.dior-v7 .main-form .custom-select select {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: alpha(opacity=0);
    position: absolute;
    right: 2000%;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    bottom: 100%; }
.dior-v7 .main-form .custom-select-label {
    width: 100%;
    height: 100%;
    padding-right: 25px;
    white-space: nowrap;
    line-height: 20px;
    color: #757575;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.dior-v7 .main-form .custom-select-label:after {
    display: block;
    position: absolute;
    top: 6px;
    right: 14px;
    font-size: 0.75rem;
    color: black;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.dior-v7 .main-form .custom-select-toggled .custom-select-label:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.dior-v7 .main-form .custom-select-has-value {
    color: black; }
.dior-v7 .main-form .custom-select ul {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 5;
    list-style-type: none;
    border: 1px solid #e0e0e0;
    background-color: white; }
.dior-v7 .main-form .custom-select li {
    cursor: pointer;
    padding: 5px 5px 5px 10px; }
.dior-v7 .main-form .custom-select li[disabled] {
    cursor: initial;
    pointer-events: none;
    color: #757575; }
.dior-v7 .main-form .custom-select li:hover {
    background-color: #f6f6f6; }
.dior-v7 .main-form .custom-select .custom-select-optgroup {
    color: black;
    text-align: center;
    cursor: auto;
    background-color: #e0e0e0; }
.dior-v7 .main-form .custom-select .custom-select-optgroup:hover {
    background-color: #e0e0e0; }
.dior-v7 .main-form .custom-select-selected {
    background-color: #f6f6f6; }
.dior-v7 .main-form .custom-select-scrollable {
    overflow: auto; }
.dior-v7 .main-form .custom-select-disabled {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.dior-v7 .main-form .custom-select-adaptive-height {
    height: auto;
    min-height: 30px; }
.dior-v7 .main-form .custom-select-adaptive-height .custom-select-label {
    height: auto; }
.dior-v7 .main-form .custom-select-adaptive-height .custom-select-label span {
    white-space: normal; }
.dior-v7 .main-form .native-select {
    position: relative; }
.dior-v7 .main-form .native-select select {
    height: 1.875rem;
    padding: 5px 1.75rem 5px 10px;
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 0.8125rem;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    background-color: white;
    color: #757575;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Century-Gothic", Arial, sans-serif; }
.dior-v7 .main-form .native-select select:focus {
    -webkit-box-shadow: 0 0 2px 0 black;
    -moz-box-shadow: 0 0 2px 0 black;
    box-shadow: 0 0 2px 0 black; }
.dior-v7 .main-form .native-select option {
    padding: 5px 10px; }
.dior-v7 .main-form .native-select span {
    position: absolute;
    top: 0.6rem;
    right: 0.5rem;
    font-size: 0.75rem;
    pointer-events: none;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: black; }
.dior-v7 .main-form .native-select span:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04"; }
.dior-v7 .main-form .custom-linkselect {
    height: 40px;
    padding: 5px 5px 5px 10px;
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 0.8125rem;
    background-color: white;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.dior-v7 .main-form .custom-linkselect button {
    height: 100%;
    text-align: left;
    width: 100%;
    font-size: 0.8125rem;
    padding-left: 20px; }
.dior-v7 .main-form .custom-linkselect.custom-linkselect-drop-up .custom-linkselect-list {
    top: inherit;
    bottom: 100%; }
.dior-v7 .main-form .custom-linkselect.custom-linkselect-drop-up .custom-linkselect-label:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.dior-v7 .main-form .custom-linkselect.custom-linkselect-drop-up.custom-linkselect-toggled .custom-linkselect-label:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.dior-v7 .main-form .custom-linkselect *::-webkit-scrollbar {
    width: 10px;
    background: #e0e0e0; }
.dior-v7 .main-form .custom-linkselect *::-webkit-scrollbar-button {
    display: none; }
.dior-v7 .main-form .custom-linkselect *::-webkit-scrollbar-thumb {
    background: #757575; }
.dior-v7 .main-form .custom-linkselect-toggled {
    overflow: visible; }
.dior-v7 .main-form .custom-linkselect-label {
    width: 100%;
    height: 100%;
    padding-right: 25px;
    white-space: nowrap;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.dior-v7 .main-form .custom-linkselect-label:after {
    display: block;
    position: absolute;
    top: 6px;
    right: 14px;
    font-size: 0.75rem;
    color: black;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.dior-v7 .main-form .custom-linkselect-toggled .custom-linkselect-label:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.dior-v7 .main-form .custom-linkselect-has-value {
    color: black; }
.dior-v7 .main-form .custom-linkselect ul {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 5;
    max-height: 300px;
    list-style-type: none;
    border: 1px solid #e0e0e0;
    background-color: white; }
.dior-v7 .main-form .custom-linkselect li {
    padding: 5px 5px 5px 0px;
    margin: 7px 5px 8px 30px; }
.dior-v7 .main-form .custom-linkselect li .disabled {
    pointer-events: none;
    color: #757575; }
.dior-v7 .main-form .custom-linkselect li.icon:before {
    position: absolute;
    left: 10px; }
.dior-v7 .main-form .custom-linkselect li:hover > a {
    text-decoration: underline; }
.dior-v7 .main-form .custom-linkselect li:hover > a.disabled {
    text-decoration: none; }
.dior-v7 .main-form .custom-linkselect-linkselected {
    background-color: #e0e0e0; }
.dior-v7 .main-form .custom-linkselect-scrollable {
    overflow: auto; }
.dior-v7 .main-form .custom-linkselect-disabled {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.dior-v7 .main-form .has-error label, .dior-v7 .main-form .has-error label a {
    color: #d70000; }
.dior-v7 .main-form .has-error input {
    border: 1px solid #d70000; }
.dior-v7 .main-form .has-error input[type='checkbox'] + label,
.dior-v7 .main-form .has-error input[type='radio'] + label {
    color: #d70000; }
.dior-v7 .main-form .has-error input[type='checkbox'] + label:before,
.dior-v7 .main-form .has-error input[type='radio'] + label:before {
    border-color: #d70000; }
.dior-v7 .main-form .has-error label {
    color: #d70000; }
.dior-v7 .main-form .form-field-error, .dior-v7 .main-form .form-field-custom-error {
    margin-top: 5px;
    text-align: right;
    font-size: 0.6875rem;
    color: #d70000; }
.dior-v7 .main-form .has-error .custom-select,
.dior-v7 .main-form .has-error .select-wrapper {
    border: 1px solid #d70000; }
.dior-v7 .main-form .error-msg-ws {
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    display: inline-block;
    float: left; }
.dior-v7 .main-form .input-separator {
    display: inline-block;
    font-size: 12px; }
.dior-v7 .main-form .exchange-instructions-errors {
    display: none;
    color: #d70000; }
.dior-v7 .main-form .exchange-instructions-errors.visible {
    display: block; }
.dior-v7 .main-form .exchange-instructions-errors p {
    display: none; }
.dior-v7 .main-form .exchange-instructions-errors p.visible {
    display: block; }
.dior-v7 .main-form .has-success input[type='text'],
.dior-v7 .main-form .has-success input[type='number'],
.dior-v7 .main-form .has-success input[type='tel'],
.dior-v7 .main-form .has-success input[type='email'],
.dior-v7 .main-form .has-success input[type='address'],
.dior-v7 .main-form .has-success input[type='password'] {
    background: white; }
.dior-v7 .main-form .has-success input[type='text']:not([data-checkmark-vocalized="true"]) + span, .dior-v7 .main-form .has-success input[type='text']:not([data-checkmark-vocalized="true"]) + p,
.dior-v7 .main-form .has-success input[type='number']:not([data-checkmark-vocalized="true"]) + span, .dior-v7 .main-form .has-success input[type='number']:not([data-checkmark-vocalized="true"]) + p,
.dior-v7 .main-form .has-success input[type='tel']:not([data-checkmark-vocalized="true"]) + span, .dior-v7 .main-form .has-success input[type='tel']:not([data-checkmark-vocalized="true"]) + p,
.dior-v7 .main-form .has-success input[type='email']:not([data-checkmark-vocalized="true"]) + span, .dior-v7 .main-form .has-success input[type='email']:not([data-checkmark-vocalized="true"]) + p,
.dior-v7 .main-form .has-success input[type='address']:not([data-checkmark-vocalized="true"]) + span, .dior-v7 .main-form .has-success input[type='address']:not([data-checkmark-vocalized="true"]) + p,
.dior-v7 .main-form .has-success input[type='password']:not([data-checkmark-vocalized="true"]) + span, .dior-v7 .main-form .has-success input[type='password']:not([data-checkmark-vocalized="true"]) + p,
.dior-v7 .main-form .has-success input[type='text'][data-checkmark-vocalized="true"] ~ span > span[role="img"],
.dior-v7 .main-form .has-success input[type='number'][data-checkmark-vocalized="true"] ~ span > span[role="img"],
.dior-v7 .main-form .has-success input[type='tel'][data-checkmark-vocalized="true"] ~ span > span[role="img"],
.dior-v7 .main-form .has-success input[type='email'][data-checkmark-vocalized="true"] ~ span > span[role="img"],
.dior-v7 .main-form .has-success input[type='address'][data-checkmark-vocalized="true"] ~ span > span[role="img"],
.dior-v7 .main-form .has-success input[type='password'][data-checkmark-vocalized="true"] ~ span > span[role="img"] {
    display: block;
    position: relative; }
.dior-v7 .main-form .has-success input[type='text']:not([data-checkmark-vocalized="true"]) + span:after, .dior-v7 .main-form .has-success input[type='text']:not([data-checkmark-vocalized="true"]) + p:after,
.dior-v7 .main-form .has-success input[type='number']:not([data-checkmark-vocalized="true"]) + span:after, .dior-v7 .main-form .has-success input[type='number']:not([data-checkmark-vocalized="true"]) + p:after,
.dior-v7 .main-form .has-success input[type='tel']:not([data-checkmark-vocalized="true"]) + span:after, .dior-v7 .main-form .has-success input[type='tel']:not([data-checkmark-vocalized="true"]) + p:after,
.dior-v7 .main-form .has-success input[type='email']:not([data-checkmark-vocalized="true"]) + span:after, .dior-v7 .main-form .has-success input[type='email']:not([data-checkmark-vocalized="true"]) + p:after,
.dior-v7 .main-form .has-success input[type='address']:not([data-checkmark-vocalized="true"]) + span:after, .dior-v7 .main-form .has-success input[type='address']:not([data-checkmark-vocalized="true"]) + p:after,
.dior-v7 .main-form .has-success input[type='password']:not([data-checkmark-vocalized="true"]) + span:after, .dior-v7 .main-form .has-success input[type='password']:not([data-checkmark-vocalized="true"]) + p:after,
.dior-v7 .main-form .has-success input[type='text'][data-checkmark-vocalized="true"] ~ span > span[role="img"]:after,
.dior-v7 .main-form .has-success input[type='number'][data-checkmark-vocalized="true"] ~ span > span[role="img"]:after,
.dior-v7 .main-form .has-success input[type='tel'][data-checkmark-vocalized="true"] ~ span > span[role="img"]:after,
.dior-v7 .main-form .has-success input[type='email'][data-checkmark-vocalized="true"] ~ span > span[role="img"]:after,
.dior-v7 .main-form .has-success input[type='address'][data-checkmark-vocalized="true"] ~ span > span[role="img"]:after,
.dior-v7 .main-form .has-success input[type='password'][data-checkmark-vocalized="true"] ~ span > span[role="img"]:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
    width: 30px;
    height: 10px;
    background: transparent url("../img/elements/check.png") no-repeat right center; }
.dior-v7 .main-form .has-success input[type='text']:not([data-checkmark-vocalized="true"]) + span.form-field-error, .dior-v7 .main-form .has-success input[type='text']:not([data-checkmark-vocalized="true"]) + p.form-field-error,
.dior-v7 .main-form .has-success input[type='number']:not([data-checkmark-vocalized="true"]) + span.form-field-error, .dior-v7 .main-form .has-success input[type='number']:not([data-checkmark-vocalized="true"]) + p.form-field-error,
.dior-v7 .main-form .has-success input[type='tel']:not([data-checkmark-vocalized="true"]) + span.form-field-error, .dior-v7 .main-form .has-success input[type='tel']:not([data-checkmark-vocalized="true"]) + p.form-field-error,
.dior-v7 .main-form .has-success input[type='email']:not([data-checkmark-vocalized="true"]) + span.form-field-error, .dior-v7 .main-form .has-success input[type='email']:not([data-checkmark-vocalized="true"]) + p.form-field-error,
.dior-v7 .main-form .has-success input[type='address']:not([data-checkmark-vocalized="true"]) + span.form-field-error, .dior-v7 .main-form .has-success input[type='address']:not([data-checkmark-vocalized="true"]) + p.form-field-error,
.dior-v7 .main-form .has-success input[type='password']:not([data-checkmark-vocalized="true"]) + span.form-field-error, .dior-v7 .main-form .has-success input[type='password']:not([data-checkmark-vocalized="true"]) + p.form-field-error,
.dior-v7 .main-form .has-success input[type='text'][data-checkmark-vocalized="true"] ~ span > span[role="img"].form-field-error,
.dior-v7 .main-form .has-success input[type='number'][data-checkmark-vocalized="true"] ~ span > span[role="img"].form-field-error,
.dior-v7 .main-form .has-success input[type='tel'][data-checkmark-vocalized="true"] ~ span > span[role="img"].form-field-error,
.dior-v7 .main-form .has-success input[type='email'][data-checkmark-vocalized="true"] ~ span > span[role="img"].form-field-error,
.dior-v7 .main-form .has-success input[type='address'][data-checkmark-vocalized="true"] ~ span > span[role="img"].form-field-error,
.dior-v7 .main-form .has-success input[type='password'][data-checkmark-vocalized="true"] ~ span > span[role="img"].form-field-error {
    margin-top: 0; }
.dior-v7 .main-form .has-success.form-field-multiple input + p:after, .dior-v7 .main-form .has-success.form-field-multiple input + span:after {
    background-image: none; }
.dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='text']:not([data-checkmark-vocalized]) + span:after, .dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='text']:not([data-checkmark-vocalized]) + p:after,
.dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='number']:not([data-checkmark-vocalized]) + span:after, .dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='number']:not([data-checkmark-vocalized]) + p:after,
.dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='tel']:not([data-checkmark-vocalized]) + span:after, .dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='tel']:not([data-checkmark-vocalized]) + p:after,
.dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='email']:not([data-checkmark-vocalized]) + span:after, .dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='email']:not([data-checkmark-vocalized]) + p:after,
.dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='address']:not([data-checkmark-vocalized]) + span:after, .dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='address']:not([data-checkmark-vocalized]) + p:after,
.dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='password']:not([data-checkmark-vocalized]) + span:after, .dior-v7 .main-form .has-success.form-field-multiple .form-field-single:last-of-type input[type='password']:not([data-checkmark-vocalized]) + p:after {
    background: transparent url("../img/elements/check.png") no-repeat right center; }
.dior-v7 .main-form .different-address-trigger {
    margin-top: 20px; }
.dior-v7 .main-form .different-address-trigger input[type='checkbox'] + label {
    text-transform: uppercase; }
.dior-v7 .main-form .different-address-section {
    clear: both;
    float: left;
    padding-top: 20px;
    width: 100%; }
.dior-v7 .main-form .form-required-mention {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: 0.6875rem;
    color: #757575;
    margin-bottom: 10px; }

@keyframes onAutoFillStart {
    from {
        /**/ }
    to {
        /**/ } }

@keyframes onAutoFillCancel {
    from {
        /**/ }
    to {
        /**/ } }
.dior-v7 .main-form input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s; }
.dior-v7 .main-form input:not(:-webkit-autofill) {
    animation-name: onAutoFillCancel; }
body[data-lang='ru'] .dior-v7 .main-form input[type='mail'],
body[data-lang='ru'] .dior-v7 .main-form input[type='email'],
body[data-lang='ru'] .dior-v7 .main-form input[type='number'],
body[data-lang='ru'] .dior-v7 .main-form input[type='tel'],
body[data-lang='ru'] .dior-v7 .main-form input[type='text'],
body[data-lang='ru'] .dior-v7 .main-form input[type='password'],
body[data-lang='ru'] .dior-v7 .main-form input[type='address'] {
    font-family: "Century Gothic Cy", Arial, sans-serif; }
body[data-lang='ru'] .dior-v7 .main-form input::-webkit-input-placeholder {
    font-family: "Century Gothic Cy", Arial, sans-serif;
    color: #757575; }
body[data-lang='ru'] .dior-v7 .main-form input::-moz-placeholder {
    font-family: "Century Gothic Cy", Arial, sans-serif;
    color: #757575; }
body[data-lang='ru'] .dior-v7 .main-form input:-ms-input-placeholder {
    font-family: "Century Gothic Cy", Arial, sans-serif;
    color: #757575; }
.dior-v7 .grecaptcha-badge {
    visibility: hidden; }
.dior-v7 .recaptcha-mention {
    display: none;
    text-align: center;
    margin: 14px 0;
    font-size: 8px;
    color: #8e8e8e; }
.dior-v7 .recaptcha-mention a {
    color: #8e8e8e !important; }
.dior-v7 .js-aria-validity[role="img"] {
    width: 100% !important; }
.dior-v7 .js-aria-validity.sr-only {
    position: relative !important;
    left: auto !important;
    color: transparent;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0; }
.dior-v7 .has-success p ~ span span[role="img"]:after {
    top: -38px !important; }
.dior-v7 button {
    overflow: visible;
    font-size: 0.75rem;
    font-family: "Century-Gothic", Arial, sans-serif;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer; }
.dior-v7 button:active, .dior-v7 button:focus {
    text-decoration: underline; }
.dior-v7 button:active:before, .dior-v7 button:focus:before {
    text-decoration: none; }
.dior-v7 button:active {
    outline: none; }
.dior-v7 button.icon:active, .dior-v7 button.icon:focus {
    text-decoration: none; }
.dior-v7 button:disabled {
    cursor: auto; }
.dior-v7 .button {
    padding: 8px 20px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 14px;
    font-family: "Century-Gothic", Arial, sans-serif;
    background-color: transparent; }
.dior-v7 .button:active, .dior-v7 .button:focus {
    text-decoration: underline;
    outline: none; }
.dior-v7 .button:active:before, .dior-v7 .button:focus:before {
    text-decoration: none; }
.dior-v7 .button[hidden] {
    display: none; }
body[data-lang='ru'] .dior-v7 button,
body[data-lang='ru'] .dior-v7 .button {
    font-family: "Century Gothic Cy", Arial, sans-serif; }
.dior-v7 .button--dark {
    text-decoration: none;
    border: 1px solid #000;
    color: white;
    background-color: black; }
.dior-v7 .button--dark:disabled {
    border: 1px solid #9a9a9a;
    color: white;
    background-color: #9a9a9a; }
.dior-v7 .button--white {
    border: 1px solid #e0e0e0;
    color: black;
    background-color: white; }
.dior-v7 .button--white:disabled {
    color: white;
    background-color: #9a9a9a; }
.dior-v7 .button-light--dark {
    border: 1px solid #e0e0e0; }
.dior-v7 .button-light--white {
    border: 1px solid #fff;
    color: #fff; }
.dior-v7 .button--right {
    float: right; }
.dior-v7 .button--center {
    display: block;
    margin: 0 auto; }
.dior-v7 .button-paypal {
    position: relative;
    width: 250px;
    height: 50px;
    display: block;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: transparent; }
.dior-v7 .button-paypal:focus {
    -webkit-box-shadow: 0 0 2px 0 black;
    -moz-box-shadow: 0 0 2px 0 black;
    box-shadow: 0 0 2px 0 black; }
.dior-v7 .button-paypal:disabled {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    color: transparent; }
.dior-v7 .button-paypal.button-paypal--small {
    display: block;
    width: 125px;
    height: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
.dior-v7 .button-paypal.button-paypal--small img {
    display: block;
    width: 100%; }
.dior-v7 .button-paypal.button-paypal--small:after {
    display: none; }
.dior-v7 .button-paypal .button-label {
    display: none !important; }
.dior-v7 .button-print {
    position: relative;
    padding-left: 40px; }
.dior-v7 .button-print:before {
    position: absolute;
    left: 15px;
    display: block;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA1F";
    color: black; }
.dior-v7 .icon-cross:focus:before, .dior-v7 .icon-cross:hover:before {
    color: black;
    font-weight: 900; }
.dior-v7 .grid {
    max-width: 1440px;
    margin: 0 auto;
    display: block;
    border-spacing: 0;
    border-collapse: separate; }
.dior-v7 .grid .flex-row {
    display: -webkit-flex;
    display: flex; }
.dior-v7 .grid .row {
    width: 100%;
    margin-bottom: 2.9%;
    font-size: 0; }
.dior-v7 .grid .row.row-no-margin {
    margin-bottom: 0; }
.dior-v7 .grid .row.equal-height {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch; }
.dior-v7 .grid .row.equal-height .col {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
.dior-v7 .grid .row.equal-height .col .panel {
    width: 100%; }
.ie9 .dior-v7 .grid .row.equal-height .col .panel {
    width: auto; }
.dior-v7 .grid .col {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    box-sizing: border-box;
    font-size: initial; }
.dior-v7 .grid .col-one-half {
    width: 50%; }
.dior-v7 .grid .col-one-third {
    width: 33.33%; }
.dior-v7 .grid .col-one-fourth {
    width: 25%; }
.dior-v7 .grid .col-one-fifth {
    width: 20%; }
.dior-v7 .grid .col-one-sixth {
    width: 16.66%; }
.dior-v7 .grid .col-two-thirds {
    width: 66.66%; }
.dior-v7 .grid .col-two-fifths {
    width: 40%; }
.dior-v7 .grid .col-three-fourths {
    width: 75%; }
.dior-v7 .grid .col-three-fifths {
    width: 60%; }
.dior-v7 .grid .panel {
    min-height: 100%;
    position: relative; }
.dior-v7 .grid img {
    width: 100%;
    vertical-align: top; }
.dior-v7.page-eco .grid .row {
    margin-bottom: 3.1%; }
.dior-v7.page-eco .grid .row.row-no-margin {
    margin-bottom: 0; }
.dior-v7 .grid-12 .col {
    padding: 0 1.45%; }
.dior-v7 .grid-12 .col-1 {
    width: 8.33%; }
.dior-v7 .grid-12 .col-2 {
    width: 16.66%; }
.dior-v7 .grid-12 .col-3 {
    width: 25%; }
.dior-v7 .grid-12 .col-4 {
    width: 33.33%; }
.dior-v7 .grid-12 .col-5 {
    width: 41.66%; }
.dior-v7 .grid-12 .col-6 {
    width: 50%; }
.dior-v7 .grid-12 .col-6 .row {
    margin-bottom: 5.8%; }
.dior-v7 .grid-12 .col-6 .row.row-no-margin {
    margin-bottom: 0; }
.dior-v7 .grid-12 .col-7 {
    width: 58.33%; }
.dior-v7 .grid-12 .col-8 {
    width: 66.66%; }
.dior-v7 .grid-12 .col-9 {
    width: 75%; }
.dior-v7 .grid-12 .col-10 {
    width: 83.33%; }
.dior-v7 .grid-12 .col-11 {
    width: 91.66%; }
.dior-v7 .grid-12 .col-12 {
    width: 100%; }
.dior-v7 .grid--border {
    border: 1px solid #e0e0e0; }
.dior-v7 .rich-text {
    line-height: 18px;
    font-size: 0.8125rem; }
.dior-v7 .rich-text a {
    text-decoration: underline;
    color: black; }
.dior-v7 .rich-text b,
.dior-v7 .rich-text strong {
    font-weight: bold; }
.dior-v7 .rich-text i,
.dior-v7 .rich-text em {
    font-style: italic; }
.dior-v7 .rich-text u {
    text-decoration: underline; }
.dior-v7 .rich-text.center,
.dior-v7 .rich-text .center {
    text-align: center; }
.dior-v7 .rich-text.justify,
.dior-v7 .rich-text .justify {
    text-align: justify; }
.dior-v7 .rich-text.float-left {
    float: left; }
.dior-v7 .rich-text.grey,
.dior-v7 .rich-text .grey {
    color: #757575; }
.dior-v7 .rich-text.uppercase,
.dior-v7 .rich-text .uppercase {
    text-transform: uppercase; }
.dior-v7 .rich-text.size-11 {
    line-height: 15px;
    font-size: 0.6875rem; }
.dior-v7 .rich-text.size-12 {
    line-height: 16px;
    font-size: 0.75rem; }
.dior-v7 .rich-text.size-14 {
    line-height: 18px;
    font-size: 0.875rem; }
.dior-v7 .rich-text.size-16,
.dior-v7 .rich-text .size-16 {
    line-height: 20px;
    font-size: 1rem; }
.dior-v7 .rich-text p + p {
    margin-top: 15px; }
.dior-v7 .rich-text .center .button + .button {
    margin-left: 15px; }
.dior-v7 .rich-text.margin-bottom-10 {
    margin-bottom: 10px; }
.dior-v7 .rich-text.clear {
    clear: both; }
.dior-v7 .click-and-collect {
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    clear: left; }
.dior-v7 .click-and-collect > p {
    color: #e0e0e0;
    font-size: 13px;
    padding-left: 30px; }
.dior-v7 .click-and-collect .click-and-collect-count {
    text-transform: uppercase;
    margin-bottom: 10px; }
.dior-v7 .click-and-collect section {
    margin-top: 20px; }
.dior-v7 .click-and-collect button {
    width: 100%;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    padding: 0;
    font-family: "Century-Gothic", Arial, sans-serif; }
.dior-v7 .click-and-collect label,
.dior-v7 .click-and-collect .click-and-collect-store h2,
.dior-v7 .click-and-collect .click-and-collect-store-info {
    padding: 10px;
    box-sizing: border-box; }
.dior-v7 .click-and-collect .click-and-collect-store {
    border: 1px solid #e0e0e0; }
.dior-v7 .click-and-collect .click-and-collect-store h2 button {
    line-height: 30px;
    text-transform: uppercase; }
.dior-v7 .click-and-collect .click-and-collect-store h2 span {
    text-align: center; }
.dior-v7 .click-and-collect .click-and-collect-store h2 span {
    display: inline-block;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: black;
    color: white;
    margin-right: 10px; }
.dior-v7 .click-and-collect .click-and-collect-store input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
.dior-v7 .click-and-collect .click-and-collect-store .store-links {
    display: flex;
    border-top: 1px solid #e0e0e0;
    padding: 10px; }
.dior-v7 .click-and-collect .click-and-collect-store .store-links li {
    flex: 1;
    text-align: center; }
.dior-v7 .click-and-collect .click-and-collect-store .store-links li + li {
    border-left: 1px solid #e0e0e0; }
.dior-v7 .click-and-collect .click-and-collect-store .store-links a {
    display: inline-block;
    line-height: 30px; }
.dior-v7 .click-and-collect .click-and-collect-store .store-links a img {
    vertical-align: middle;
    width: auto; }
.dior-v7 .click-and-collect .click-and-collect-store +
.click-and-collect-store {
    margin-top: 5px; }
.dior-v7 .click-and-collect label {
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    cursor: pointer; }
.dior-v7 .click-and-collect label span {
    position: relative;
    padding-right: 40px;
    line-height: 30px; }
.dior-v7 .click-and-collect label span:before, .dior-v7 .click-and-collect label span:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%; }
.dior-v7 .click-and-collect label span:before {
    border: 1px solid #e0e0e0; }
.dior-v7 .click-and-collect input:checked + span:before {
    background: black;
    border-color: black; }
.dior-v7 .click-and-collect input:checked + span:after {
    content: "";
    width: 18px;
    height: 13px;
    background: url("../img/check.png") no-repeat;
    right: 4px;
    top: 6px; }
.dior-v7 .click-and-collect .cc-accordion-trigger {
    position: relative;
    padding-right: 5px; }
.dior-v7 .click-and-collect .cc-accordion-trigger:after {
    content: "";
    width: 11px;
    height: 11px;
    background: url("../img/store-plus.png") no-repeat;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -.5em;
    font-size: 30px;
    font-family: "Century-Gothic", Arial, sans-serif; }
.dior-v7 .click-and-collect .cc-accordion-trigger.is-active:after {
    content: "";
    width: 11px;
    height: 11px;
    background: url("../img/store-minus.png") no-repeat; }
.dior-v7 .click-and-collect .click-and-collect-store-info {
    text-transform: capitalize;
    font-size: 13px; }
.dior-v7 .click-and-collect .click-and-collect-store-info button {
    margin-top: 10px;
    max-width: 200px; }
.dior-v7 .click-and-collect .click-and-collect-store-info ul {
    margin-top: 5px;
    line-height: 16px; }
.dior-v7 .click-and-collect .click-and-collect-services {
    display: block;
    margin-top: 10px; }
.dior-v7 .click-and-collect em {
    font-weight: bold;
    font-style: normal; }
.dior-v7 .click-and-collect .click-and-collect-recap-estimate {
    display: inline-block;
    border-right: 1px solid #e0e0e0;
    width: 290px;
    padding-right: 25px;
    margin-bottom: 20px; }
.dior-v7 .click-and-collect .click-and-collect-recap-estimate h2 {
    text-transform: uppercase; }
.dior-v7 .click-and-collect .click-and-collect-recap-estimate p {
    margin-top: 20px; }
.dior-v7 .click-and-collect .click-and-collect-recap > button {
    display: inline-block;
    padding: 0 0 0 25px;
    width: 137px;
    vertical-align: top;
    text-decoration: underline; }
.dior-v7 .click-and-collect .click-and-collect-recap > button[hidden] {
    display: none; }
.dior-v7 .click-and-collect + form {
    margin-top: 20px; }
.dior-v7 .click-and-collect-qr-code {
    display: flex;
    align-items: center;
    padding: 20px;
    border: 1px solid #e0e0e0; }
.dior-v7 .click-and-collect-qr-code img {
    width: auto;
    margin-right: 15px; }
.dior-v7 .click-and-collect-qr-code p {
    font-size: 12px; }
.dior-v7 .click-and-collect-qr-code + h3 {
    margin-top: 45px; }
.dior-v7 .click-and-collect-qr-code + h3 + p {
    font-size: 12px; }
.dior-v7 .row.click-and-collect {
    margin-left: -2.90%;
    padding: 40px 1.45% 0; }
.dior-v7 .row.click-and-collect .col-12 h2 {
    text-transform: uppercase; }
.dior-v7 .row.click-and-collect .col-12 h3 {
    font-size: 13px;
    font-weight: bold;
    margin-top: 40px;
    text-transform: none; }
.dior-v7 .row.click-and-collect .col-12 p {
    font-size: 13px;
    color: #757575;
    margin: 10px 0 40px; }
.dior-v7 .row.click-and-collect .col-6 h3 {
    margin-bottom: 30px; }
.dior-v7 .autocomplete-wrapper {
    position: relative; }
.dior-v7 .autocomplete-wrapper input {
    width: 100%; }
.dior-v7 .autocomplete-wrapper .autocomplete-list {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #e0e0e0;
    border-top: 0;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.dior-v7 .autocomplete-wrapper .active + .autocomplete-list:not(:empty) {
    display: block; }
.dior-v7 .autocomplete-wrapper li {
    margin: 0 10px;
    padding: 10px 0;
    display: block;
    font-size: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer; }
.dior-v7 .autocomplete-wrapper li a {
    border-bottom: none; }
.dior-v7 .autocomplete-wrapper li:last-of-type {
    border-bottom: 0; }
.dior-v7 .newsletter-legal-form .scroll-wrapper,
.dior-v7 .account-legal-form .scroll-wrapper {
    margin-bottom: 20px; }
.dior-v7 .newsletter-legal-form .jq-scroller-wrapper,
.dior-v7 .account-legal-form .jq-scroller-wrapper {
    width: 100%; }
.dior-v7 .newsletter-legal-form .jq-scroller-thumb,
.dior-v7 .account-legal-form .jq-scroller-thumb {
    background-color: black; }
.dior-v7 .newsletter-legal-form .legal-accordion,
.dior-v7 .account-legal-form .legal-accordion {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 0;
    position: relative;
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid #e0e0e0; }
.dior-v7 .newsletter-legal-form .legal-accordion:after,
.dior-v7 .account-legal-form .legal-accordion:after {
    position: absolute;
    right: 0;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
.dior-v7 .newsletter-legal-form .legal-accordion.active:after,
.dior-v7 .account-legal-form .legal-accordion.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.dior-v7 *[hidden] {
    display: none !important; }

#skipNavigation {
    margin: 0;
    list-style: none; }
#skipNavigation a {
    height: 0;
    display: block;
    overflow: hidden;
    position: absolute; }
#skipNavigation a:focus {
    height: auto;
    padding: 5px; }

#header-light {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: auto;
    padding: 50px 0 0; }
#header-light.is-small {
    max-width: 920px; }
#header-light a {
    display: block;
    width: 120px;
    margin: auto; }
#header-light img {
    display: block;
    width: 100%; }
#header-light .back-to-previous {
    position: absolute;
    left: 10px;
    top: 52px;
    width: auto;
    height: 30px; }
#header-light .back-to-previous svg {
    width: 15px;
    height: 30px;
    fill: #757575; }

#footer-light {
    width: 100%;
    font-size: 0.75rem;
    padding: 10px 0; }
#footer-light nav {
    margin: auto;
    max-width: 920px; }
#footer-light a {
    color: black; }
#footer-light a:hover {
    color: #757575; }

.dior-v7 video {
    width: 100%;
    vertical-align: top; }

.dior-v7 .player-play-central,
.dior-v7 .player-repeat-central {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66px;
    height: 66px;
    z-index: 1;
    font-size: 0.0625rem;
    color: transparent;
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.dior-v7 .player-play-central:focus span.player-play-central-bg,
.dior-v7 .player-repeat-central:focus span.player-play-central-bg {
    outline: 2px solid orange;
    outline-offset: -2px; }
.dior-v7 .player-play-central-bg,
.dior-v7 .player-repeat-central-bg {
    position: absolute;
    width: 66px;
    height: 66px;
    left: -1px;
    top: -1px;
    background: transparent;
    border: 1px solid white;
    border-radius: 66px;
    box-sizing: border-box;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }

.dior-v7 .player-play-central-icon {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.dior-v7 .player-repeat-central {
    visibility: hidden; }
.dior-v7 .player-repeat-central-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: 0px -66px;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-repeat-central-icon {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }

.dior-v7 .player-play-central.button-play-font {
    position: absolute;
    background: transparent;
    color: black;
    width: 60px;
    height: 60px; }
.dior-v7 .player-play-central.button-play-font:before {
    font-size: 3.75rem;
    top: 0;
    left: 0;
    background: transparent;
    opacity: 1; }
.dior-v7 .player-play-central.button-play-font.pink {
    color: hotpink; }
.dior-v7 .player-play-central.button-play-font.red {
    color: red; }

.dior-v7 .player-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: black;
    width: 100%;
    /* ie10/9 important */
    /* ios fix */ }
.dior-v7 .player-wrapper video {
    position: absolute;
    width: 100.25%;
    height: auto;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
.tablet .dior-v7 .player-wrapper video {
    height: 100%; }
.dior-v7 .player-wrapper.align-top, .dior-v7 .player-wrapper.align-bottom {
    height: 100%; }
.dior-v7 .player-wrapper.align-top video, .dior-v7 .player-wrapper.align-bottom video {
    height: auto; }
.dior-v7 .player-wrapper.align-top video {
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
.dior-v7 .player-wrapper.align-bottom video {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
.dior-v7 .player-wrapper .player-poster {
    width: 100% !important;
    height: auto !important;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }
.dior-v7 .player-wrapper .player-sound-wrapper {
    margin-left: 13px;
    float: left; }
.dior-v7 .player-wrapper .player-volume {
    margin-left: 5px;
    float: left; }
.dior-v7 .player-wrapper .player-volume.focus-disabled input[type=range] {
    outline: none !important; }
.dior-v7 .player-wrapper .player-volume input[type=range] {
    -webkit-appearance: none;
    background: transparent;
    width: 60px;
    cursor: pointer;
    margin: 0;
    border: none;
    position: relative;
    top: 0;
    padding: 0; }

@-moz-document url-prefix() {
    .dior-v7 .player-wrapper .player-volume input[type=range] {
        height: 2px; } }
.dior-v7 .player-wrapper .player-volume input[type=range]:focus {
    outline: 2px solid orange;
    outline-offset: -2px; }
.dior-v7 .player-wrapper .player-volume input[type=range]::-webkit-slider-runnable-track {
    width: 58px;
    height: 3px;
    background: #757575;
    border: none;
    border-radius: 3px; }
.dior-v7 .player-wrapper .player-volume input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #ffffff;
    margin-top: -3px; }
.dior-v7 .player-wrapper .player-volume input[type=range]:focus::-webkit-slider-runnable-track {
    background: #757575; }
.dior-v7 .player-wrapper .player-volume input[type=range]::-moz-range-track {
    width: 58px;
    height: 3px;
    background: #757575;
    border: none;
    border-radius: 3px;
    margin-top: 5px; }
.dior-v7 .player-wrapper .player-volume input[type=range]::-moz-range-thumb {
    border: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: white;
    margin-top: 7px; }
.dior-v7 .player-wrapper .player-volume input[type=range]:-moz-focusring {
    outline: 1px solid #ffffff;
    outline-offset: -1px; }
.dior-v7 .player-wrapper .player-volume input[type=range]::-ms-track {
    width: 58px;
    height: 3px;
    background: transparent;
    border-color: transparent;
    border-width: 4px 0;
    color: transparent; }
.dior-v7 .player-wrapper .player-volume input[type=range]::-ms-fill-lower {
    background: #ffffff;
    border-radius: 10px; }
.dior-v7 .player-wrapper .player-volume input[type=range]::-ms-fill-upper {
    background: #757575;
    border-radius: 10px; }
.dior-v7 .player-wrapper .player-volume input[type=range]:focus::-ms-fill-lower {
    background: #ffffff; }
.dior-v7 .player-wrapper .player-volume input[type=range]:focus::-ms-fill-upper {
    background: #757575; }
.dior-v7 .player-wrapper .player-volume input[type=range]::-ms-thumb {
    border: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #ffffff;
    margin-top: 0; }
.dior-v7 .player-wrapper .player-volume-amount {
    position: absolute;
    height: 3px;
    background: #ffffff;
    top: 23px;
    pointer-events: none;
    z-index: 9; }
.dior-v7 .player-wrapper .player-play-paused,
.dior-v7 .player-wrapper .player-play-playing,
.dior-v7 .player-wrapper .player-fullscreen,
.dior-v7 .player-wrapper .player-transcription,
.dior-v7 .player-wrapper .player-sound,
.dior-v7 .player-wrapper .player-subs,
.dior-v7 .player-wrapper .player-exit-fullscreen {
    display: block;
    font-size: 0;
    color: transparent;
    padding: 0 2px;
    box-sizing: border-box; }
.dior-v7 .player-wrapper .player-play-paused:before,
.dior-v7 .player-wrapper .player-play-playing:before,
.dior-v7 .player-wrapper .player-fullscreen:before,
.dior-v7 .player-wrapper .player-transcription:before,
.dior-v7 .player-wrapper .player-sound:before,
.dior-v7 .player-wrapper .player-subs:before,
.dior-v7 .player-wrapper .player-exit-fullscreen:before {
    content: '';
    display: block; }
.dior-v7 .player-wrapper.tooltips-hidden .tooltips {
    display: none; }
.tablet .dior-v7 .player-wrapper .player-fullscreen {
    font-size: inherit;
    text-indent: -9999px; }
.dior-v7 .player-wrapper button:focus, .dior-v7 .player-wrapper button:active {
    text-decoration: none; }
.dior-v7 .player-wrapper .player-play-paused:before {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: -20px -86px;
    width: 12px;
    height: 12px;
    margin-top: 2px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper .player-play-paused:before {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.dior-v7 .player-wrapper .player-play-playing:before {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: -32px -86px;
    width: 10px;
    height: 12px;
    margin-top: 2px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper .player-play-playing:before {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.dior-v7 .player-wrapper .player-fullscreen:before {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: -66px -46px;
    width: 24px;
    height: 18px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper .player-fullscreen:before {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.dior-v7 .player-wrapper .player-exit-fullscreen {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: -66px 0px;
    width: 28px;
    height: 28px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper .player-exit-fullscreen {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.dior-v7 .player-wrapper .player-sound:before {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: -94px -18px;
    width: 18px;
    height: 18px;
    margin-top: 1px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper .player-sound:before {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.dior-v7 .player-wrapper.player-muted .player-sound:before {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: -94px 0px;
    width: 18px;
    height: 18px;
    margin-top: 2px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper.player-muted .player-sound:before {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.dior-v7 .player-wrapper .player-transcription:before {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: -40px -66px;
    width: 20px;
    height: 17px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper .player-transcription:before {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.dior-v7 .player-wrapper .player-subs {
    padding-top: 2px; }
.dior-v7 .player-wrapper .player-subs:before {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: 0px -86px;
    width: 20px;
    height: 16px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper .player-subs:before {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.dior-v7 .player-wrapper.player-subtitles .player-subs:before {
    background-image: url(../img/sprites/spritesheet-player.png);
    background-position: -60px -66px;
    width: 20px;
    height: 16px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dior-v7 .player-wrapper.player-subtitles .player-subs:before {
        background-image: url(../img/sprites/spritesheet-player@2x.png);
        background-size: 118px 102px; } }
.ie .dior-v7 .player-wrapper .player-play-paused {
    margin-top: 6px; }
.ie .dior-v7 .player-wrapper .player-play-playing {
    margin-top: 4px; }
.dior-v7 .player-wrapper .player-play-playing {
    display: none; }
.dior-v7 .player-wrapper .player-exit-fullscreen {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 3; }
.dior-v7 .player-wrapper .player-exit-fullscreen:focus {
    outline: none; }
.dior-v7 .player-wrapper .player-exit-fullscreen:focus span {
    outline: none; }
.dior-v7 .player-wrapper.player-has-played .player-poster {
    visibility: hidden; }
.dior-v7 .player-wrapper.player-playing .player-play-playing {
    display: inline-block; }
.dior-v7 .player-wrapper.player-playing .player-play-paused {
    display: none; }
.dior-v7 .player-wrapper.player-playing .player-play-central {
    display: none; }
.dior-v7 .player-wrapper.player-playing .player-repeat {
    visibility: hidden; }
.dior-v7 .player-wrapper.player-fullscreen .player-exit-fullscreen {
    opacity: 1;
    visibility: visible; }
.popin-fullscreen .dior-v7 .player-wrapper, .dior-v7 .player-wrapper.player-fullscreen {
    width: 100%;
    height: 100%;
    top: 0; }
.popin-fullscreen .dior-v7 .player-wrapper .player-poster,
.popin-fullscreen .dior-v7 .player-wrapper video, .dior-v7 .player-wrapper.player-fullscreen .player-poster,
.dior-v7 .player-wrapper.player-fullscreen video {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
.popin-fullscreen .dior-v7 .player-wrapper .player-controls, .dior-v7 .player-wrapper.player-fullscreen .player-controls {
    width: 980px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
.popin-fullscreen .dior-v7 .player-wrapper .player-controls .tooltips, .dior-v7 .player-wrapper.player-fullscreen .player-controls .tooltips {
    display: block; }
.popin-fullscreen .dior-v7 .player-wrapper .player-subtitles-area, .dior-v7 .player-wrapper.player-fullscreen .player-subtitles-area {
    font-size: 1.5rem; }
.dior-v7 .player-wrapper.played-video-finished .player-poster {
    display: block;
    visibility: visible; }
.dior-v7 .player-wrapper.played-video-finished .player-play-central {
    display: none; }
.dior-v7 .player-wrapper.played-video-finished .player-repeat-central {
    visibility: visible; }
.dior-v7 .player-wrapper .player-seeker {
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    background-color: grey;
    cursor: pointer; }
.dior-v7 .player-wrapper .player-seeker .input-range-progress {
    height: 100%;
    display: block;
    background-color: white; }
.dior-v7 .player-wrapper .player-seeker:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 16px;
    background: transparent; }
.dior-v7 .player-wrapper .player-volume {
    width: 60px;
    height: 100%;
    display: inline-block;
    position: relative; }
.dior-v7 .player-wrapper .player-volume .player-volume-input-range {
    width: 100%;
    height: 100%;
    vertical-align: middle; }
.dior-v7 .player-wrapper .player-volume .player-volume-input-range {
    position: relative;
    z-index: 5; }
.dior-v7 .player-wrapper .player-preview {
    margin-bottom: 10px;
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    z-index: 5; }
.dior-v7 .player-wrapper .player-preview .player-storyboard {
    position: relative;
    top: 0;
    left: 0;
    width: 160px;
    height: 90px;
    overflow: hidden;
    border: 2px solid #000; }
.dior-v7 .player-wrapper .player-preview.active {
    visibility: visible; }
.dior-v7 .player-wrapper .player-preview:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
.dior-v7 .player-wrapper .player-preview img {
    height: 90px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto; }
.dior-v7 .player-wrapper .player-subtitles-area {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.875rem;
    font-family: "Century-Gothic", Arial, sans-serif;
    pointer-events: none; }
.dior-v7 .player-wrapper.player-subtitles .player-subtitles-area {
    display: block;
    line-height: 1.3em; }
.dior-v7 .player-wrapper .player-subtitle-region {
    max-width: 80%;
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2); }
.dior-v7 .player-wrapper .player-subtitle-region:empty {
    display: none; }

.dior-v7 .player-controls {
    width: 100%;
    height: 47px;
    opacity: 0;
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    line-height: 47px;
    color: white;
    background-color: black;
    -webkit-transition: 0.5s opacity ease-in;
    -moz-transition: 0.5s opacity ease-in;
    -o-transition: 0.5s opacity ease-in;
    transition: 0.5s opacity ease-in; }
.dior-v7 .player-controls button,
.dior-v7 .player-controls .player-time,
.dior-v7 .player-controls a {
    padding: 0;
    color: white;
    background-color: transparent; }
.dior-v7 .player-controls button, .dior-v7 .player-controls a {
    position: relative; }
.dior-v7 .player-controls button:focus, .dior-v7 .player-controls a:focus {
    outline: none; }
.dior-v7 .player-controls button:focus span, .dior-v7 .player-controls a:focus span {
    outline: 2px solid orange;
    outline-offset: -2px; }
.dior-v7 .player-controls button span, .dior-v7 .player-controls a span {
    height: 100%; }
.dior-v7 .player-controls button span:before, .dior-v7 .player-controls a span:before {
    position: relative;
    top: 14px; }
.dior-v7 .player-controls button span:focus, .dior-v7 .player-controls a span:focus {
    outline: none; }
.dior-v7 .player-controls .player-play {
    width: 50px;
    height: 100%;
    padding: 0;
    float: left;
    text-align: center;
    border-right: 1px solid #757575; }
.dior-v7 .player-controls .player-play:focus {
    outline: none; }
.dior-v7 .player-controls .player-play:focus span {
    outline: 2px solid orange;
    outline-offset: -2px; }
.dior-v7 .player-controls .player-play span {
    text-align: center;
    outline: none;
    width: 100%; }
.dior-v7 .player-controls .player-play span:before {
    position: relative;
    top: 16px;
    display: inline-block; }
.dior-v7 .player-controls .player-time,
.dior-v7 .player-controls .player-chapter {
    margin-left: 20px;
    float: left;
    font-size: 0.75rem;
    font-family: "Century-Gothic", Arial, sans-serif;
    color: #757575;
    height: 100%; }
.dior-v7 .player-controls .player-time span,
.dior-v7 .player-controls .player-chapter span {
    display: inline-block;
    color: white; }
.dior-v7 .player-controls .player-chapter {
    color: white; }
.dior-v7 .player-controls .player-secondary-controls {
    height: 100%;
    vertical-align: middle;
    float: right;
    line-height: 47px; }
.dior-v7 .player-controls .player-secondary-controls > div,
.dior-v7 .player-controls .player-secondary-controls > button,
.dior-v7 .player-controls .player-secondary-controls > a {
    margin-right: 18px;
    float: left; }
.dior-v7 .player-controls .tooltips {
    height: 100%;
    position: relative;
    right: 30px;
    float: right;
    color: #757575;
    text-transform: none;
    pointer-events: none; }
.dior-v7 .player-controls .tooltips span {
    position: absolute;
    right: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    font-size: 0.75rem;
    text-align: right;
    word-wrap: normal;
    white-space: nowrap;
    user-select: none; }
.dior-v7 .player-controls .tooltips span.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
.dior-v7 .player-controls button {
    height: 100%; }

.dior-v7 .player-tiny .player-controls {
    width: auto; }
.dior-v7 .player-tiny .player-controls .player-volume {
    margin-left: 7px; }
.dior-v7 .player-tiny .player-controls .player-secondary-controls {
    margin-left: 15px; }
.dior-v7 .player-tiny .player-controls .tooltips {
    display: none; }

.dior-v7 .player-chapter-slider {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 60px;
    opacity: 0;
    -webkit-transition: 0.5s opacity ease-in;
    -moz-transition: 0.5s opacity ease-in;
    -o-transition: 0.5s opacity ease-in;
    transition: 0.5s opacity ease-in; }
.dior-v7 .player-chapter-slider .bx-wrapper, .dior-v7 .player-chapter-slider .bx-viewport {
    height: 40px !important; }
.dior-v7 .player-chapter-slider li {
    position: relative;
    display: inline-block;
    height: 30px;
    margin-bottom: 20px;
    line-height: 29px;
    background-color: black;
    color: white;
    text-align: center;
    cursor: pointer; }
.dior-v7 .player-chapter-slider li.active, .dior-v7 .player-chapter-slider li:hover {
    background-color: white;
    color: black; }
.dior-v7 .player-chapter-slider li.active:after, .dior-v7 .player-chapter-slider li:hover:after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent; }
.dior-v7 .player-chapter-slider li span {
    line-height: 15px;
    font-size: 0.75rem;
    vertical-align: middle; }
.dior-v7 .player-chapter-slider .bx-wrapper {
    padding: 0 40px;
    position: relative; }
.dior-v7 .player-chapter-slider .bx-viewport {
    position: relative;
    z-index: 2; }
.dior-v7 .player-chapter-slider .bx-controls {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
.dior-v7 .player-chapter-slider .bx-prev,
.dior-v7 .player-chapter-slider .bx-next {
    width: 20px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    color: transparent;
    background-color: black;
    font-size: 0; }
.dior-v7 .player-chapter-slider .bx-prev:before,
.dior-v7 .player-chapter-slider .bx-next:before {
    position: absolute;
    color: white;
    left: 50%;
    top: 50%;
    font-size: 0.9375rem;
    margin-left: -8px;
    margin-top: -7px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
.dior-v7 .player-chapter-slider .bx-prev.disabled,
.dior-v7 .player-chapter-slider .bx-next.disabled {
    display: none; }
.dior-v7 .player-chapter-slider .bx-next {
    right: 0;
    left: auto; }
.dior-v7 .player-chapter-slider .bx-next:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.dior-v7 .player-controls-visible .player-controls,
.dior-v7 .player-controls-visible .player-chapter-slider {
    opacity: 1; }

.dior-v7 .player-wrapper.player-fullscreen,
.popin-fullscreen .popin .player-wrapper {
    width: 100%;
    height: 100%;
    top: 0; }
.dior-v7 .player-wrapper.player-fullscreen .player-poster,
.dior-v7 .player-wrapper.player-fullscreen video,
.popin-fullscreen .popin .player-wrapper .player-poster,
.popin-fullscreen .popin .player-wrapper video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
.dior-v7 .player-wrapper.player-fullscreen .player-controls,
.popin-fullscreen .popin .player-wrapper .player-controls {
    width: 980px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
.dior-v7 .player-wrapper.player-fullscreen .player-controls .tooltips,
.popin-fullscreen .popin .player-wrapper .player-controls .tooltips {
    display: block; }
.dior-v7 .player-wrapper.player-fullscreen .player-subtitles-area,
.popin-fullscreen .popin .player-wrapper .player-subtitles-area {
    font-size: 1.5rem; }

.tablet .dior-v7 .player-wrapper .player-controls {
    display: block !important;
    opacity: 1 !important; }

.tablet .dior-v7 .player-wrapper .player-exit-fullscreen {
    height: 31px; }

.tablet .dior-v7 .popin-player .popin-close {
    display: none; }

.dior-v7.popin-wrapper {
    position: static;
    /* popin customization error */ }
.dior-v7.popin-wrapper .popin {
    min-width: 710px;
    padding: 40px 60px;
    position: absolute;
    box-sizing: border-box;
    background-color: white; }
.dior-v7.popin-wrapper .popin.popin-share-wishlist {
    padding: 60px 80px; }
.dior-v7.popin-wrapper .popin h1 {
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.875rem; }
.dior-v7.popin-wrapper .popin p {
    font-size: 0.75rem; }
.dior-v7.popin-wrapper .popin .size-16 {
    line-height: 20px;
    font-size: 1rem; }
.dior-v7.popin-wrapper .popin .sub-title {
    margin-bottom: 40px; }
.dior-v7.popin-wrapper .popin .popin-text-center {
    text-align: center;
    font-size: 0.8125rem; }
.dior-v7.popin-wrapper .popin .main-form label,
.dior-v7.popin-wrapper .popin .main-form legend {
    margin-bottom: 8px; }
.dior-v7.popin-wrapper .popin .popin-error {
    margin-bottom: 15px;
    font-size: 0.75rem;
    color: #d70000; }
.dior-v7.popin-wrapper .popin .popin-buttons {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0; }
.dior-v7.popin-wrapper .popin .popin-buttons.center {
    text-align: center; }
.dior-v7.popin-wrapper .popin .popin-buttons .button {
    display: inline-block;
    margin: 0 5px; }
.dior-v7.popin-wrapper .popin.fullscreen {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
.dior-v7.popin-wrapper .popin-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 1.5625rem;
    background-color: transparent;
    z-index: 1; }
.dior-v7.popin-wrapper .popin-newsletter {
    width: 710px; }
.dior-v7.popin-wrapper .popin-newsletter h5 {
    margin-top: 35px;
    margin-bottom: 18px;
    display: block;
    float: left;
    clear: both;
    text-transform: uppercase;
    font-size: 0.75rem; }
.dior-v7.popin-wrapper .popin-newsletter-legal {
    width: 710px; }
.dior-v7.popin-wrapper .popin-stock-alert p {
    margin: 0 0 25px;
    text-align: center;
    font-size: 0.8125rem;
    line-height: 18px; }
.dior-v7.popin-wrapper .popin-stock-alert h5 {
    margin: 40px 0 20px;
    font-size: 0.75rem;
    text-transform: uppercase;
    float: left;
    clear: both; }
.dior-v7.popin-wrapper .popin-stock-alert .form-field:last-child {
    margin-bottom: 0; }
.dior-v7.popin-wrapper .popin-stock-alert .button {
    margin: 25px 0 0; }
.dior-v7.popin-wrapper .popin-stock-alert .note {
    position: absolute;
    bottom: 40px;
    left: 60px;
    font-size: 0.6875rem;
    color: #757575; }
.dior-v7.popin-wrapper .popin-stock-alert .popin-error {
    text-align: center; }
.dior-v7.popin-wrapper .popin-customization-error {
    width: 400px;
    padding: 60px 80px;
    text-align: center; }
.dior-v7.popin-wrapper .popin-customization-error h2 {
    margin-bottom: 40px;
    font-size: 30px;
    text-transform: uppercase; }
.dior-v7.popin-wrapper .popin-customization-error p {
    font-size: 13px; }
.dior-v7.popin-wrapper .popin-account-confirm-edit p {
    margin-bottom: 25px; }
.dior-v7.popin-wrapper .popin-account-out-of-stock {
    width: 610px;
    min-width: 500px;
    padding: 40px 50px;
    border-radius: .3125rem; }
.dior-v7.popin-wrapper .popin-account-out-of-stock h2 {
    padding: 0 0 10px;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
    line-height: 26px; }
.dior-v7.popin-wrapper .popin-account-out-of-stock p {
    text-align: center;
    font-size: 14px;
    line-height: 1.25rem; }
.dior-v7.popin-wrapper .popin-account-out-of-stock p + .form-field {
    width: 340px;
    margin: auto;
    float: none;
    padding: 20px; }
.dior-v7.popin-wrapper .popin-account-out-of-stock .form-field + .form-field {
    margin: 20px 0; }
.dior-v7.popin-wrapper .popin-account-out-of-stock input[type=text] {
    width: 340px;
    margin: 0;
    height: 3.0625rem;
    padding: .5rem 1.25rem;
    box-sizing: border-box;
    border: .0625rem solid #cecece;
    background-color: #fff;
    border-radius: .3125rem; }
.dior-v7.popin-wrapper .popin-account-out-of-stock input[type=checkbox] + label {
    font-size: 13px; }
.dior-v7.popin-wrapper .popin-account-out-of-stock input[type=submit] {
    margin: auto;
    display: block;
    padding: 0 40px;
    border-radius: .315rem;
    line-height: 3rem; }
.dior-v7.popin-wrapper .popin-account-out-of-stock .popin-close {
    font-size: 1.25rem;
    margin-top: 15px; }
.dior-v7.popin-wrapper .popin-account-out-of-stock .popin-close:before {
    font-weight: bold; }

.popin-fullscreen .dior-v7.popin-wrapper .popin {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.tablet.popin-fullscreen .dior-v7.popin-wrapper .popin {
    height: 100%; }

.dior-v7.popin-wrapper .popin-player {
    padding: 0; }
.dior-v7.popin-wrapper .popin-player .popin-close {
    display: block;
    width: auto;
    height: auto;
    border: 1px solid white;
    color: white;
    font-size: 0;
    padding: 5px; }
.dior-v7.popin-wrapper .popin-player .popin-close:before {
    display: block;
    overflow: hidden;
    font-size: 0.9375rem;
    vertical-align: middle; }
.dior-v7.popin-wrapper .popin-player .popin-close:hover:before, .dior-v7.popin-wrapper .popin-player .popin-close:focus:before {
    color: white; }
.dior-v7.popin-wrapper .popin-player .player-wrapper {
    width: 100%;
    height: auto;
    position: relative; }
.dior-v7.popin-wrapper .popin-player .player-wrapper video {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
.dior-v7.popin-wrapper .popin-player .player-poster {
    pointer-events: none; }

.popin-fullscreen .dior-v7.popin-wrapper .popin .popin-close {
    top: 50px;
    right: 50px;
    z-index: 5; }

.popin-fullscreen .dior-v7.popin-wrapper .popin .player-wrapper {
    width: 100%;
    height: 100%;
    position: absolute; }
.popin-fullscreen .dior-v7.popin-wrapper .popin .player-wrapper video {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.popin-customisation-error {
    width: 400px;
    padding: 60px 80px;
    text-align: center; }
.popin-customisation-error h2 {
    margin-bottom: 40px;
    font-size: 30px;
    text-transform: uppercase; }
.popin-customisation-error p {
    font-size: 13px; }

.tooltip {
    display: inline-block;
    position: relative; }
.tooltip .tooltip-message {
    position: absolute;
    left: -999999999px; }
.tooltip .tooltip-icon:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA13";
    vertical-align: bottom;
    font-size: 0.938rem;
    color: #757575; }

.dior-v7.tooltip-container {
    padding: 10px;
    position: absolute;
    left: -999999999px;
    font-size: 0.688rem;
    line-height: 13px;
    border: 1px solid black;
    background-color: white;
    font-family: "Century-Gothic", Arial, sans-serif;
    top: 0; }
.dior-v7.tooltip-container.active {
    left: auto; }
.dior-v7.tooltip-container .tooltip-triangle {
    width: 12px;
    height: 6px;
    position: absolute;
    top: 100%; }
.dior-v7.tooltip-container .tooltip-triangle:before, .dior-v7.tooltip-container .tooltip-triangle:after {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    content: "";
    border-style: solid; }
.dior-v7.tooltip-container .tooltip-triangle:before {
    border-width: 6px 6px 0 6px;
    border-color: black transparent transparent transparent; }
.dior-v7.tooltip-container .tooltip-triangle:after {
    left: 1px;
    border-width: 5px 5px 0 5px;
    border-color: white transparent transparent transparent; }

.autocomplete-aria-list {
    z-index: 10;
    position: absolute;
    list-style: none;
    border: 1px solid #e0e0e0;
    margin: 0;
    padding: 0;
    background-color: white;
    box-sizing: border-box;
    max-height: 250px;
    overflow: auto; }
.autocomplete-aria-list::-webkit-scrollbar,
.autocomplete-aria-list *::-webkit-scrollbar {
    width: 10px;
    background: #e0e0e0; }
.autocomplete-aria-list::-webkit-scrollbar-button,
.autocomplete-aria-list *::-webkit-scrollbar-button {
    display: none; }
.autocomplete-aria-list::-webkit-scrollbar-thumb,
.autocomplete-aria-list *::-webkit-scrollbar-thumb {
    background: #757575; }
.autocomplete-aria-list[hidden] {
    display: none; }
.autocomplete-aria-list li[aria-selected='true'], .autocomplete-aria-list li:hover {
    background: #f6f6f6; }
.autocomplete-aria-list li {
    display: block;
    line-height: 25px;
    padding: 10px 20px 0 20px;
    font-size: 12px; }
.autocomplete-aria-list li:after {
    content: "";
    display: block;
    border-bottom: 1px solid #f6f6f6;
    margin: 10px -10px 0 -10px; }
.autocomplete-aria-list li:last-child {
    padding-bottom: 10px; }
.autocomplete-aria-list li:last-child:after {
    display: none; }

.main-form .form-field .form-field-no-exact-match {
    display: none;
    text-align: right;
    color: #d70000;
    font-size: 0.6875rem; }

.main-form .form-field.no-exact-match label {
    color: #d70000; }

.main-form .form-field.no-exact-match input {
    border-color: #d70000;
    color: #d70000; }

.main-form .form-field.no-exact-match .form-field-no-exact-match {
    display: block; }

.main-form .form-field.no-exact-match.has-success input {
    background: white; }

.page-tunnel .tunnel-errors {
    color: #d70000;
    padding: 10px 40px; }

.page-tunnel #tunnel-wrapper {
    display: flex;
    flex-direction: row;
    width: 920px;
    max-width: 96%;
    margin: auto;
    padding-top: 40px;
    overflow: hidden;
    font-size: 0.813rem; }

.page-tunnel #tunnel-main {
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    flex-grow: 1; }
.page-tunnel #tunnel-main > header,
.page-tunnel #tunnel-main > footer {
    padding: 40px;
    clear: both; }
.page-tunnel #tunnel-main > header form,
.page-tunnel #tunnel-main > footer form {
    overflow: hidden; }
.page-tunnel #tunnel-main .autocomplete-list {
    z-index: 1000; }
.page-tunnel #tunnel-main header {
    overflow: hidden;
    padding-bottom: 0; }
.page-tunnel #tunnel-main .form-required-mention {
    display: block;
    overflow: hidden; }

.page-tunnel #tunnel-modules {
    display: flex;
    flex-direction: column;
    flex: 0 0 320px;
    margin-left: 40px;
    order: 2; }
.page-tunnel #tunnel-modules .tunnel-icon-list {
    margin-top: 15px; }

.page-tunnel .tunnel-module {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 40px;
    border: 1px solid #e0e0e0; }
.page-tunnel .tunnel-module .tunnel-title-small {
    text-transform: uppercase; }

.page-tunnel .tunnel-module-links {
    margin-top: 15px; }
.page-tunnel .tunnel-module-links a {
    text-decoration: underline; }
.page-tunnel .tunnel-module-links li + li {
    margin-top: 5px; }

.page-tunnel .tunnel-title {
    display: block;
    width: 100%;
    clear: both;
    line-height: 26px;
    font-size: 1.125rem;
    text-transform: uppercase; }

.page-tunnel .tunnel-title + p {
    margin-top: 20px; }

.page-tunnel .tunnel-buttons {
    display: block;
    width: 100%;
    overflow: hidden; }
.page-tunnel .tunnel-buttons .margin-right {
    margin-right: 15px; }

.page-tunnel #tunnel-breadcrumb {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0; }
.page-tunnel #tunnel-breadcrumb li {
    position: relative;
    display: block;
    width: 33%;
    text-transform: uppercase;
    padding-bottom: 20px;
    float: left;
    text-align: center; }
.page-tunnel #tunnel-breadcrumb li.active:after, .page-tunnel #tunnel-breadcrumb li.done:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: black; }
.page-tunnel #tunnel-breadcrumb li a, .page-tunnel #tunnel-breadcrumb li span {
    color: #757575; }
.page-tunnel #tunnel-breadcrumb li:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 3px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA05";
    font-size: 0.625rem;
    color: #e0e0e0; }
.page-tunnel #tunnel-breadcrumb li:first-of-type {
    text-align: left; }
.page-tunnel #tunnel-breadcrumb li:first-of-type:before {
    content: none; }
.page-tunnel #tunnel-breadcrumb li:last-of-type {
    text-align: right; }

.page-tunnel .tunnel-event {
    padding: 20px;
    margin: 20px 0 10px;
    text-align: center;
    background-color: #e0e0e0; }

.page-tunnel #tunnel-reassurance {
    display: block;
    width: 100%;
    margin-top: 40px;
    padding-top: 40px;
    clear: both;
    text-align: center;
    border-top: 1px solid #e0e0e0; }
.page-tunnel #tunnel-reassurance h1 {
    margin-bottom: 20px;
    font-size: 0.813rem; }
.page-tunnel #tunnel-reassurance .rich-text {
    font-size: 0.688rem; }
.page-tunnel #tunnel-reassurance section {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    text-align: left; }
.page-tunnel #tunnel-reassurance section + section {
    margin-left: 40px; }
.page-tunnel #tunnel-reassurance ul {
    margin-top: 20px; }
.page-tunnel #tunnel-reassurance li {
    display: inline-block;
    margin-right: 5px; }
.page-tunnel #tunnel-reassurance img {
    width: auto;
    height: 20px; }

.page-tunnel #tunnel-module-recap {
    position: relative; }
.page-tunnel #tunnel-module-recap span {
    display: block; }
.page-tunnel #tunnel-module-recap .tunnel-title:first-of-type {
    width: 170px;
    clear: none; }
.page-tunnel #tunnel-module-recap .recap-addresses {
    margin-bottom: 20px; }
.page-tunnel #tunnel-module-recap .recap-addresses li:first-of-type {
    margin-bottom: 30px; }
.page-tunnel #tunnel-module-recap .recap-addresses h1 {
    text-transform: uppercase; }
.page-tunnel #tunnel-module-recap .recap-modify {
    float: right;
    margin-top: 5px;
    text-decoration: underline; }
.page-tunnel #tunnel-module-recap .recap-modify.no-title {
    float: none;
    display: block;
    text-align: right; }
.page-tunnel #tunnel-module-recap .recap-modify:focus {
    -webkit-box-shadow: 0px 0px 2px 0px black;
    box-shadow: 0px 0px 2px 0px black; }
.page-tunnel #tunnel-module-recap ul,
.page-tunnel #tunnel-module-recap #recap-delivery {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0; }
.page-tunnel #tunnel-module-recap .recap-products {
    width: 100%;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e0e0e0; }
.page-tunnel #tunnel-module-recap .recap-products li:first-of-type {
    margin-top: 0; }
.page-tunnel #tunnel-module-recap ul + .tunnel-title {
    margin-top: 30px; }
.page-tunnel #tunnel-module-recap .recap-services,
.page-tunnel #tunnel-module-recap .recap-aog {
    display: table;
    table-layout: fixed; }
.page-tunnel #tunnel-module-recap .recap-services li,
.page-tunnel #tunnel-module-recap .recap-aog li {
    display: table-row;
    clear: both; }
.page-tunnel #tunnel-module-recap .recap-services li h1,
.page-tunnel #tunnel-module-recap .recap-aog li h1 {
    text-transform: uppercase; }
.page-tunnel #tunnel-module-recap .recap-products li {
    margin-top: 15px; }
.page-tunnel #tunnel-module-recap .recap-product {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
    padding-bottom: 15px; }
.page-tunnel #tunnel-module-recap .product-infos {
    flex-grow: 1; }
.page-tunnel #tunnel-module-recap .product-infos h2 {
    text-transform: uppercase; }
.page-tunnel #tunnel-module-recap .product-img {
    width: 80px; }
.page-tunnel #tunnel-module-recap .product-img img {
    display: block;
    width: 70px;
    margin-left: 10px;
    margin-bottom: 15px; }
.page-tunnel #tunnel-module-recap .recap-engraving {
    position: relative;
    margin-top: 50px;
    padding-top: 1.25rem;
    padding-bottom: 0.3125rem;
    border-top: 1px solid #e0e0e0; }
.page-tunnel #tunnel-module-recap .recap-engraving button {
    display: block;
    padding: 0;
    margin-top: 7px;
    text-decoration: underline; }
.page-tunnel #tunnel-module-recap .recap-engraving button:focus {
    -webkit-box-shadow: 0px 0px 2px 0px black;
    box-shadow: 0px 0px 2px 0px black; }
.page-tunnel #tunnel-module-recap .recap-engraving .recap-engraving-img {
    width: 38px;
    min-height: 30px;
    float: left; }
.page-tunnel #tunnel-module-recap .recap-engraving .recap-engraving-img img {
    display: block;
    max-width: 80%; }
.page-tunnel #tunnel-module-recap .recap-engraving-text {
    padding-right: 50px;
    overflow: hidden; }
.page-tunnel #tunnel-module-recap .recap-engraving-text span {
    display: inline; }
.page-tunnel #tunnel-module-recap .recap-engraving-price {
    position: absolute;
    right: 0;
    top: 20px; }
.page-tunnel #tunnel-module-recap .recap-engraving-verify {
    margin: 15px 0 0 38px;
    color: #757575;
    line-height: 15px;
    font-size: 0.688rem; }
.page-tunnel #tunnel-module-recap .product-total {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0; }
.page-tunnel #tunnel-module-recap .recap-modify {
    float: right; }
.page-tunnel #tunnel-module-recap .recap-services,
.page-tunnel #tunnel-module-recap .recap-aog {
    position: relative; }
.page-tunnel #tunnel-module-recap .recap-services li,
.page-tunnel #tunnel-module-recap .recap-aog li {
    padding-right: 25px; }
.page-tunnel #tunnel-module-recap .recap-services li:after,
.page-tunnel #tunnel-module-recap .recap-aog li:after {
    position: absolute;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA0B";
    right: 0;
    font-size: 0.750rem; }

.page-tunnel #recap-delivery h2 {
    display: block;
    text-transform: uppercase; }

.page-tunnel #recap-total {
    margin-top: 30px;
    text-transform: uppercase; }
.page-tunnel #recap-total span {
    display: inline-block; }
.page-tunnel #recap-total .total {
    float: right; }
.page-tunnel #recap-total .total-price {
    float: right; }
.page-tunnel #recap-total .recap-total-line {
    margin-top: 15px; }
.page-tunnel #recap-total .recap-total-line:first-of-type {
    margin-top: 0; }

.page-tunnel .tunnel-icon-list {
    font-size: 0.813rem; }
.page-tunnel .tunnel-icon-list li {
    display: block;
    position: relative;
    padding-left: 1.5rem; }
.page-tunnel .tunnel-icon-list li:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    font-size: 1.063rem; }
.page-tunnel .tunnel-icon-list li + li {
    margin-top: 15px; }
.page-tunnel .tunnel-icon-list .tunnel-wrapper-icon {
    width: 22px;
    height: 17px;
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -8.5px;
    text-align: right; }
.page-tunnel .tunnel-icon-list .tunnel-wrapper-icon .tunnel-icon {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }
.page-tunnel .tunnel-icon-list .not-available {
    color: #757575;
    cursor: default; }
.page-tunnel .tunnel-icon-list .not-available:hover {
    text-decoration: none; }
.page-tunnel .tunnel-icon-list.tunnel-icon-list--small {
    font-size: 0.750rem; }
.page-tunnel .tunnel-icon-list.tunnel-icon-list--small li {
    padding-left: 1.5rem; }
.page-tunnel .tunnel-icon-list.tunnel-icon-list--small li:before {
    font-size: 0.813rem;
    margin-top: -8px; }
.page-tunnel .tunnel-icon-list.uppercase {
    text-transform: uppercase; }
.page-tunnel .tunnel-icon-list a:hover {
    text-decoration: underline; }

.page-tunnel #tunnel-shipping .shipping-modes {
    margin-top: 20px; }

.page-tunnel #tunnel-shipping .form-field {
    width: 100%; }

.page-tunnel #tunnel-shipping label {
    display: flex;
    width: 100%;
    box-sizing: border-box; }

.page-tunnel #tunnel-shipping .shipping-type {
    display: block;
    text-transform: uppercase;
    width: 170px; }

.page-tunnel #tunnel-shipping .shipping-name {
    width: 120px; }

.page-tunnel #tunnel-shipping .shipping-time {
    flex-grow: 1;
    padding-left: 10px; }

.page-tunnel #tunnel-shipping .shipping-price {
    width: 110px;
    text-align: right; }

.page-tunnel #tunnel-shipping input + label {
    color: #757575; }

.page-tunnel #tunnel-shipping input:focus,
.page-tunnel #tunnel-shipping input:hover {
    color: black; }
.page-tunnel #tunnel-shipping input:focus + label,
.page-tunnel #tunnel-shipping input:hover + label {
    color: black; }

.page-tunnel #tunnel-shipping input:checked + label {
    color: black; }

#tunnel-step1 > section,
#tunnel-step2 > section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 40px; }

#tunnel-step1 .tunnel-title + p,
#tunnel-step1 .tunnel-title + .tunnel-icon-list,
#tunnel-step1 .tunnel-title + form,
#tunnel-step2 .tunnel-title + p,
#tunnel-step2 .tunnel-title + .tunnel-icon-list,
#tunnel-step2 .tunnel-title + form {
    margin-top: 20px; }

#tunnel-delivery-timing p {
    clear: both; }
#tunnel-delivery-timing p:first-of-type {
    margin-bottom: 20px; }

#tunnel-delivery-timing .form-field input,
#tunnel-delivery-timing .form-field select {
    width: 100%; }

#tunnel-delivery-timing .form-field + .form-field {
    margin-left: 18px; }

#tunnel-delivery-timing .form-field:first-of-type {
    width: 130px; }

#tunnel-delivery-timing .form-field:nth-of-type(2) {
    width: 150px; }
#tunnel-delivery-timing .form-field:nth-of-type(2) .select-wrapper {
    width: 100%; }

#tunnel-delivery-timing .form-field:last-of-type {
    width: 160px; }

#tunnel-click-collect {
    overflow: hidden;
    line-height: 14px;
    font-size: 0.750rem;
    clear: both;
    background-color: #e0e0e0; }
#tunnel-click-collect h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: black; }
#tunnel-click-collect section {
    width: 190px;
    padding: 15px 20px;
    float: left;
    background-color: white;
    color: #757575; }
#tunnel-click-collect section:nth-of-type(odd) {
    margin-right: 18px; }
#tunnel-click-collect span {
    display: block; }
#tunnel-click-collect address {
    margin-bottom: 5px; }
#tunnel-click-collect address span:first-of-type {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: black; }
#tunnel-click-collect img {
    float: left;
    margin: 0 10px 0 0; }
#tunnel-click-collect img + span {
    overflow: hidden;
    margin-top: 15px;
    font-size: 0.688rem; }
#tunnel-click-collect li {
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 0.813rem; }
#tunnel-click-collect li span {
    float: left; }
#tunnel-click-collect li span:first-of-type {
    width: 40%; }
#tunnel-click-collect li span:last-of-type {
    width: 60%;
    text-align: right; }
#tunnel-click-collect p {
    margin-top: 20px;
    float: left;
    clear: both;
    overflow: hidden;
    font-size: 0.688rem; }

@media screen and (max-width: 979px) {
    .page-tunnel .tunnel-module {
        padding: 30px; }
    .page-tunnel #tunnel-modules {
        flex: 0 0 260px;
        margin-left: 20px; } }

#tunnel-step0 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px; }
#tunnel-step0 table {
    width: 100%;
    margin-top: 30px;
    table-layout: fixed; }
#tunnel-step0 table th,
#tunnel-step0 table td {
    width: 50%;
    vertical-align: top; }
#tunnel-step0 table th:first-of-type,
#tunnel-step0 table td:first-of-type {
    padding-right: 25px; }
#tunnel-step0 table th:last-of-type,
#tunnel-step0 table td:last-of-type {
    padding-left: 25px; }
#tunnel-step0 table th {
    padding-bottom: 20px; }
#tunnel-step0 table th, #tunnel-step0 table h2 {
    font-size: 0.813rem;
    line-height: 18px;
    text-transform: uppercase; }
#tunnel-step0 table tfoot {
    text-transform: uppercase; }
#tunnel-step0 table tfoot td {
    padding-top: 25px; }
#tunnel-step0 table tfoot span {
    float: right; }
#tunnel-step0 table tfoot a {
    margin-top: 20px; }
#tunnel-step0 table th, #tunnel-step0 table tfoot td {
    position: relative; }
#tunnel-step0 table th:after, #tunnel-step0 table tfoot td:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 220px;
    height: 1px;
    background-color: #e0e0e0; }
#tunnel-step0 table th:last-of-type:after, #tunnel-step0 table tfoot td:last-of-type:after {
    left: auto;
    right: 0; }
#tunnel-step0 table tfoot td:after {
    bottom: auto;
    top: 10px; }
#tunnel-step0 table ul {
    display: table; }
#tunnel-step0 table ul li {
    display: table-row;
    width: 100%;
    overflow: hidden;
    vertical-align: middle; }
#tunnel-step0 table ul .product-image,
#tunnel-step0 table ul .product-info {
    padding: 10px 0;
    display: table-cell;
    vertical-align: middle; }
#tunnel-step0 table ul span {
    display: block; }
#tunnel-step0 table ul span {
    margin-top: 5px; }
#tunnel-step0 table ul .product-image {
    display: block;
    width: 100px; }
#tunnel-step0 table ul img {
    display: inline-block;
    max-width: 70%; }

#tunnel-step1 > section:nth-of-type(even) {
    background-color: #e0e0e0; }

#tunnel-step1 #tunnel-step1-click-collect {
    background-color: white; }

.tunnel-step1-total {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    text-transform: uppercase;
    clear: both; }
.tunnel-step1-total .total {
    float: right; }
.tunnel-step1-total p {
    clear: both;
    font-size: 12px;
    padding: 10px 0 0;
    text-transform: initial; }

footer .tunnel-step1-total {
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0; }

#tunnel-step1-products {
    width: 100%; }
#tunnel-step1-products .step1-products {
    margin-top: 35px;
    padding-bottom: 40px;
    width: 100%; }
#tunnel-step1-products .step1-products a:focus img {
    outline: 1px solid #9a9a9a; }
#tunnel-step1-products .empty-msg {
    color: red; }
#tunnel-step1-products .loading {
    min-height: 200px;
    background: url("../img/elements/loader2.gif") no-repeat center center; }
#tunnel-step1-products .step1-products > li {
    position: relative;
    width: 100%;
    display: flex; }
#tunnel-step1-products .step1-products > li + li {
    margin-top: 40px; }
#tunnel-step1-products .product-img {
    width: 150px; }
#tunnel-step1-products .product-img a {
    display: block;
    width: 110px; }
#tunnel-step1-products .product-img img {
    margin: auto; }
#tunnel-step1-products span {
    display: block; }
#tunnel-step1-products .tooltip {
    display: inline-block; }
#tunnel-step1-products .tooltip-message {
    display: none; }
#tunnel-step1-products .product-infos {
    flex-grow: 1; }
#tunnel-step1-products .product-infos .form-field {
    float: none;
    clear: none; }
#tunnel-step1-products .product-price {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    line-height: 30px;
    vertical-align: middle;
    text-transform: uppercase; }
#tunnel-step1-products .product-price.free {
    bottom: auto;
    top: 10px; }
#tunnel-step1-products .product-price.has-engraving {
    bottom: 110px; }
#tunnel-step1-products .product-infos > .icon-cross {
    position: absolute;
    top: 20px;
    right: 0; }
#tunnel-step1-products h3 {
    text-transform: uppercase;
    font-size: 0.750rem; }
#tunnel-step1-products h3 span {
    text-transform: none;
    margin: 5px 0; }
#tunnel-step1-products .form-field {
    margin-top: 20px;
    margin-bottom: 0; }
#tunnel-step1-products .tunnel-product-engraving {
    position: relative;
    padding-top: 20px; }
#tunnel-step1-products .tunnel-product-engraving h3 {
    font-size: 0.8125rem;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    text-transform: uppercase;
    margin-bottom: 10px; }
#tunnel-step1-products .tunnel-product-engraving h3:before {
    content: "+";
    font-size: 0.625rem;
    font-weight: bold;
    margin-right: 5px; }
#tunnel-step1-products .tunnel-product-engraving .engraving-text {
    display: inline-block; }
#tunnel-step1-products .tunnel-product-engraving p {
    margin-bottom: 10px; }
#tunnel-step1-products .tunnel-product-engraving h3 + span {
    margin-bottom: 10px; }
#tunnel-step1-products .engraving-price {
    position: absolute;
    bottom: 0;
    right: 0; }
#tunnel-step1-products .engraving-buttons {
    position: absolute;
    right: 0;
    top: 40px; }
#tunnel-step1-products .engraving-modify {
    text-decoration: underline;
    padding: 0; }
#tunnel-step1-products .engraving-modify:focus {
    -webkit-box-shadow: 0px 0px 2px 0px black;
    box-shadow: 0px 0px 2px 0px black; }

.tunnel-slider-wrapper {
    position: relative; }

#tunnel-step1-tripservices p,
#tunnel-step1-multipack p {
    margin-bottom: 20px; }

#tunnel-step1-tripservices img,
#tunnel-step1-multipack img {
    display: block;
    width: 148px;
    height: 150px;
    margin: 0 auto 40px;
    border: 1px solid white;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }

#tunnel-step1-tripservices span,
#tunnel-step1-tripservices button,
#tunnel-step1-multipack span,
#tunnel-step1-multipack button {
    width: 100%;
    display: block;
    text-align: center; }

#tunnel-step1-tripservices span,
#tunnel-step1-multipack span {
    min-height: 40px;
    margin: 0 0 5px;
    display: block;
    line-height: 20px; }

#tunnel-step1-tripservices button,
#tunnel-step1-multipack button {
    text-decoration: underline;
    margin-bottom: 40px; }
#tunnel-step1-tripservices button:focus,
#tunnel-step1-multipack button:focus {
    -webkit-box-shadow: 0px 0px 2px 0px black inset;
    box-shadow: 0px 0px 2px 0px black inset; }

#tunnel-step1-tripservices label,
#tunnel-step1-multipack label {
    overflow: hidden;
    position: relative;
    padding: 0; }

#tunnel-step1-tripservices label:before,
#tunnel-step1-tripservices label:after,
#tunnel-step1-multipack label:before,
#tunnel-step1-multipack label:after {
    position: absolute;
    top: 165px;
    left: 50%; }

#tunnel-step1-tripservices label:before,
#tunnel-step1-multipack label:before {
    margin-left: -8px;
    background-color: white; }

#tunnel-step1-tripservices label:after,
#tunnel-step1-multipack label:after {
    top: 167px;
    margin-left: -5px; }

#tunnel-step1-tripservices input[type="radio"]:checked + label:after,
#tunnel-step1-multipack input[type="radio"]:checked + label:after {
    margin-left: -3px;
    top: 170px; }

#tunnel-step1-tripservices input:checked + label img,
#tunnel-step1-multipack input:checked + label img {
    border: 1px solid black; }

#tunnel-step1-tripservices .bx-wrapper,
#tunnel-step1-multipack .bx-wrapper {
    position: relative; }
#tunnel-step1-tripservices .bx-wrapper ul,
#tunnel-step1-multipack .bx-wrapper ul {
    z-index: 1; }
#tunnel-step1-tripservices .bx-wrapper ul li label,
#tunnel-step1-multipack .bx-wrapper ul li label {
    margin-bottom: 0; }

#tunnel-step1-tripservices .bx-prev,
#tunnel-step1-tripservices .bx-next,
#tunnel-step1-multipack .bx-prev,
#tunnel-step1-multipack .bx-next {
    position: absolute;
    display: block;
    color: transparent;
    top: 70px;
    left: -25px;
    font-size: 1px; }
#tunnel-step1-tripservices .bx-prev:before,
#tunnel-step1-tripservices .bx-next:before,
#tunnel-step1-multipack .bx-prev:before,
#tunnel-step1-multipack .bx-next:before {
    font-size: 0.938rem;
    position: absolute;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA05";
    color: black; }
#tunnel-step1-tripservices .bx-prev.disabled,
#tunnel-step1-tripservices .bx-next.disabled,
#tunnel-step1-multipack .bx-prev.disabled,
#tunnel-step1-multipack .bx-next.disabled {
    display: none; }
#tunnel-step1-tripservices .bx-prev:focus,
#tunnel-step1-tripservices .bx-next:focus,
#tunnel-step1-multipack .bx-prev:focus,
#tunnel-step1-multipack .bx-next:focus {
    text-shadow: 0px 0px 5px #757575; }
#tunnel-step1-tripservices .bx-prev:hover, #tunnel-step1-tripservices .bx-prev:focus,
#tunnel-step1-tripservices .bx-next:hover,
#tunnel-step1-tripservices .bx-next:focus,
#tunnel-step1-multipack .bx-prev:hover,
#tunnel-step1-multipack .bx-prev:focus,
#tunnel-step1-multipack .bx-next:hover,
#tunnel-step1-multipack .bx-next:focus {
    font-weight: bolder; }

#tunnel-step1-tripservices .bx-next,
#tunnel-step1-multipack .bx-next {
    left: auto;
    width: 15px;
    right: -20px; }

#tunnel-step1-tripservices .bx-next:before,
#tunnel-step1-multipack .bx-next:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

#tunnel-step1-multipack {
    position: relative;
    margin-bottom: 20px;
    padding: 0 30px; }
#tunnel-step1-multipack .bx-prev {
    left: 10px; }
#tunnel-step1-multipack .bx-next {
    right: 20px; }
#tunnel-step1-multipack ul {
    width: 100%; }
#tunnel-step1-multipack img {
    border: 1px solid #e0e0e0; }

#tunnel-step1-samples {
    position: relative; }
#tunnel-step1-samples li {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    padding-top: 20px; }
#tunnel-step1-samples li img {
    margin: 0 auto 10px;
    border: 1px solid black;
    width: 100%; }
#tunnel-step1-samples li > span {
    width: 100%;
    display: block;
    text-transform: uppercase;
    text-align: center; }
#tunnel-step1-samples li > span span {
    text-transform: none;
    display: block; }
#tunnel-step1-samples li + li {
    margin-left: 55px; }
#tunnel-step1-samples > button {
    margin: -16px 0 0;
    position: absolute;
    top: 50%;
    right: 40px; }

#tunnel-step1-aog {
    overflow: hidden;
    background: url("../img/backgrounds/tunnel-aog.png") no-repeat top right; }
#tunnel-step1-aog .tunnel-title,
#tunnel-step1-aog p {
    width: 245px;
    margin-bottom: 20px; }
#tunnel-step1-aog .form-field {
    margin: 0; }
#tunnel-step1-aog .form-field input {
    border: 0;
    color: #757575;
    height: 40px; }
#tunnel-step1-aog .form-field.has-success input[type='text'] {
    background: white;
    color: #757575; }
#tunnel-step1-aog .form-field.has-error:first-of-type {
    border: 1px solid #d70000;
    border-bottom: 0; }
#tunnel-step1-aog .form-field.has-error:nth-of-type(2),
#tunnel-step1-aog .form-field.has-error:nth-of-type(3) {
    border-left: 1px solid #d70000;
    border-right: 1px solid #d70000; }
#tunnel-step1-aog .form-field.has-error:nth-of-type(4) {
    border: 1px solid #d70000;
    border-top: 0; }
#tunnel-step1-aog .character-counter {
    width: 100%;
    float: left;
    display: block;
    margin-top: 10px;
    font-size: 0.688rem;
    text-align: right; }

#tunnel-step1-aog-fields {
    width: 315px;
    margin-top: 20px;
    float: left;
    clear: both;
    height: 0;
    transition: all .5s;
    overflow: hidden; }
#tunnel-step1-aog-fields.en_us input {
    border: 1px solid #e0e0e0; }
#tunnel-step1-aog-fields.en_us .form-field {
    margin-bottom: 10px; }
#tunnel-step1-aog-fields.en_us .form-field.has-error {
    border: 1px solid #d70000; }
#tunnel-step1-aog-fields.en_us.visible {
    height: 220px; }
#tunnel-step1-aog-fields .form-field.has-success input[type='text'] {
    background-color: #f6f6f6; }
#tunnel-step1-aog-fields .form-field input[type='text'] {
    margin: 0;
    background-color: #f6f6f6; }
#tunnel-step1-aog-fields.visible {
    height: 190px;
    transition: all .5s;
    overflow: initial; }
#tunnel-step1-aog-fields .form-field-error {
    position: absolute;
    text-align: left;
    right: 0; }
#tunnel-step1-aog-fields .has-error + .character-counter {
    margin-top: 30px; }

#tunnel-step1 > #tunnel-shipping {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 0;
    float: left;
    clear: left; }
#tunnel-step1 > #tunnel-shipping label {
    display: flex; }

#tunnel-step1 > #tunnel-step1-aog {
    padding-top: 30px; }

#tunnel-step1 > #tunnel-step1-samples,
#tunnel-step1 > #tunnel-step1-tripservices {
    position: relative;
    padding: 40px; }
#tunnel-step1 > #tunnel-step1-samples .bx-outside-controls,
#tunnel-step1 > #tunnel-step1-tripservices .bx-outside-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

#tunnel-step2 .forgotten-password {
    position: relative;
    top: -5px;
    display: block;
    width: 100%;
    clear: left;
    margin-bottom: 15px;
    margin-top: -5px;
    color: #757575;
    font-size: 0.688rem;
    text-align: left; }

#tunnel-step2 .error {
    color: #d70000; }

#tunnel-step2 .tunnel-icon-list + .form-field,
#tunnel-step2 .tunnel-title + ul {
    margin-top: 20px;
    overflow: hidden;
    clear: left;
    float: left; }

#tunnel-step2 #tunnel-step2-signup {
    overflow: hidden; }

#tunnel-step2 #tunnel-step2-login {
    clear: both; }

#tunnel-step2 .tunnel-title + p {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
    float: left; }

#tunnel-step2.tunnel-step2-login > section + section {
    position: relative;
    overflow: hidden; }
#tunnel-step2.tunnel-step2-login > section + section:before {
    position: absolute;
    top: 0;
    left: 40px;
    width: 480px;
    content: "";
    display: block;
    height: 1px;
    background-color: #e0e0e0; }

#tunnel-step2 .padded-content {
    float: left;
    clear: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

#tunnel-step2 .click-collect-form {
    margin-top: 40px; }

#tunnel-step2 .padded-content, #tunnel-step2 #tunnel-click-collect {
    padding: 20px 40px 40px; }

#tunnel-step2 .tunnel-step2-address form {
    position: relative;
    display: block;
    padding-bottom: 70px; }

#tunnel-step2 .tunnel-step2-address address {
    margin-bottom: 20px;
    padding-right: 25px;
    border-right: 1px solid #e0e0e0;
    line-height: 18px;
    width: 290px;
    float: left; }
@media screen and (max-width: 980px) {
    #tunnel-step2 .tunnel-step2-address address {
        width: 45%; } }
#tunnel-step2 .tunnel-step2-address address .address,
#tunnel-step2 .tunnel-step2-address address .address2,
#tunnel-step2 .tunnel-step2-address address .city,
#tunnel-step2 .tunnel-step2-address address .phone {
    display: block; }
#tunnel-step2 .tunnel-step2-address address .store-name {
    text-transform: uppercase; }

#tunnel-step2 .delivery-timing-actions,
#tunnel-step2 .tunnel-address-actions {
    width: 140px;
    float: left;
    padding-left: 20px; }
@media screen and (max-width: 768px) {
    #tunnel-step2 .delivery-timing-actions,
    #tunnel-step2 .tunnel-address-actions {
        width: 120px; } }
#tunnel-step2 .delivery-timing-actions li + li,
#tunnel-step2 .tunnel-address-actions li + li {
    margin-top: 15px; }
#tunnel-step2 .delivery-timing-actions button,
#tunnel-step2 .tunnel-address-actions button {
    text-align: left;
    text-decoration: underline; }

#tunnel-step2 #tunnel-delivery-timing {
    padding-bottom: 0; }
#tunnel-step2 #tunnel-delivery-timing p {
    margin-bottom: 20px; }
#tunnel-step2 #tunnel-delivery-timing .tunnel-title {
    margin-bottom: 20px; }
#tunnel-step2 #tunnel-delivery-timing .delivery-timing-recap {
    width: 290px;
    padding-right: 25px;
    float: left;
    border-right: 1px solid #e0e0e0;
    line-height: 18px; }
#tunnel-step2 #tunnel-delivery-timing .form-field:first-of-type {
    width: 150px; }
#tunnel-step2 #tunnel-delivery-timing .form-field:first-of-type .select-wrapper {
    width: 100%; }

#tunnel-step2 .button-paypal {
    overflow: hidden;
    margin-top: 20px; }

#tunnel-step2 #tunnel-signup-personal-info {
    margin-top: 5px;
    clear: both;
    float: left; }

#tunnel-step2 #tunnel-signup-click-collect,
#tunnel-step2 #tunnel-signup-newsletters {
    font-size: 0.813rem;
    margin-top: 20px;
    clear: left;
    float: left; }

#tunnel-step2 .padded-content-newsletters #tunnel-signup-newsletters {
    margin-top: 0; }

#tunnel-step2.en_us #tunnel-step2-address-shipping {
    padding-bottom: 0; }
#tunnel-step2.en_us #tunnel-step2-address-shipping:after {
    content: "";
    display: block;
    margin-top: 20px;
    width: 100%;
    height: 1px;
    background-color: #e0e0e0; }

#tunnel-step2 .tunnel-address-mention, #tunnel-step2 .form-after-label {
    display: block;
    color: #777;
    font-size: 0.6875rem;
    padding-top: 5px;
    text-transform: none; }

#tunnel-step2 + footer {
    padding-top: 30px; }
#tunnel-step2 + footer #tunnel-shipping {
    margin-bottom: 20px; }
#tunnel-step2 + footer #tunnel-shipping .shipping-modes {
    overflow: hidden; }

#tunnel-step3 > form > section, #tunnel-step3 > section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 40px; }

#tunnel-step3 .has-expiry-error #tunnel-step3-card-form #payment-card-expiry-month + p:after, #tunnel-step3 .has-expiry-error #tunnel-step3-card-form #payment-card-expiry-month + span:after,
#tunnel-step3 .has-expiry-error #tunnel-step3-card-form #payment-card-expiry-year + p:after, #tunnel-step3 .has-expiry-error #tunnel-step3-card-form #payment-card-expiry-year + span:after {
    background-image: none !important; }

#tunnel-step3 #tunnel-step3-promocode {
    padding-bottom: 0; }
#tunnel-step3 #tunnel-step3-promocode input[type='text'] {
    display: block;
    height: 32px; }
#tunnel-step3 #tunnel-step3-promocode .button {
    margin-left: 15px; }

#tunnel-step3 #tunnel-step3-promocode + #tunnel-step3-recap table {
    border-top: 1px solid #e0e0e0; }

#tunnel-step3 #tunnel-step3-recap table {
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-collapse: inherit; }
#tunnel-step3 #tunnel-step3-recap table caption {
    position: absolute;
    left: -999999px; }
#tunnel-step3 #tunnel-step3-recap table th,
#tunnel-step3 #tunnel-step3-recap table td {
    width: 50%;
    padding-bottom: 20px;
    color: #757575; }
#tunnel-step3 #tunnel-step3-recap table tr:first-of-type th,
#tunnel-step3 #tunnel-step3-recap table tr:first-of-type td {
    color: black;
    text-transform: uppercase;
    padding-top: 20px; }
#tunnel-step3 #tunnel-step3-recap table td {
    text-align: right; }

#tunnel-step3 #tunnel-step3-payment,
#tunnel-step3 #tunnel-step3-banks {
    overflow: hidden; }
#tunnel-step3 #tunnel-step3-payment fieldset,
#tunnel-step3 #tunnel-step3-banks fieldset {
    margin: 0;
    padding: 0; }
#tunnel-step3 #tunnel-step3-payment .tunnel-title,
#tunnel-step3 #tunnel-step3-banks .tunnel-title {
    margin-bottom: 20px; }
#tunnel-step3 #tunnel-step3-payment .form-field,
#tunnel-step3 #tunnel-step3-banks .form-field {
    width: 25%;
    float: left; }
#tunnel-step3 #tunnel-step3-payment .form-field img,
#tunnel-step3 #tunnel-step3-banks .form-field img {
    max-height: 38px;
    max-width: 70px; }
#tunnel-step3 #tunnel-step3-payment .form-field .form-radio:before,
#tunnel-step3 #tunnel-step3-banks .form-field .form-radio:before {
    top: 0.625rem; }
#tunnel-step3 #tunnel-step3-payment .form-field .form-radio:after,
#tunnel-step3 #tunnel-step3-banks .form-field .form-radio:after {
    top: 0.9375rem; }
#tunnel-step3 #tunnel-step3-payment.js-ideal-banklist li,
#tunnel-step3 #tunnel-step3-banks.js-ideal-banklist li {
    width: 33%; }
#tunnel-step3 #tunnel-step3-payment.js-ideal-banklist img,
#tunnel-step3 #tunnel-step3-banks.js-ideal-banklist img {
    max-width: inherit;
    max-height: inherit; }

body[data-lang='nl'] #tunnel-step3 #tunnel-step3-banks .form-field {
    width: 33%; }
body[data-lang='nl'] #tunnel-step3 #tunnel-step3-banks .form-field img {
    max-height: inherit;
    max-width: inherit; }

#tunnel-step3 #tunnel-step3-payment-jp {
    overflow: hidden;
    padding-bottom: 0; }
#tunnel-step3 #tunnel-step3-payment-jp p {
    margin-bottom: 20px; }
#tunnel-step3 #tunnel-step3-payment-jp ul li:last-of-type {
    margin-left: 40px;
    display: inline-block; }
#tunnel-step3 #tunnel-step3-payment-jp label {
    text-transform: uppercase; }

#tunnel-step3 #card-expiry-label {
    width: 100%;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 5px; }

#tunnel-step3 #tunnel-step3-card-form .input-medium {
    width: 315px; }

#tunnel-step3 #tunnel-step3-card-form .card-expiry {
    position: relative;
    top: 0;
    left: 0; }
#tunnel-step3 #tunnel-step3-card-form .card-expiry.has-error .form-field-error {
    display: block; }
#tunnel-step3 #tunnel-step3-card-form .card-expiry #payment-card-expiry-year + .form-field-placeholder {
    top: 0 !important; }
#tunnel-step3 #tunnel-step3-card-form .card-expiry .input-smallest {
    position: relative; }

#tunnel-step3 #tunnel-step3-card-form .card-expiry .form-field-single + .form-field-single {
    margin-left: 15px; }

#tunnel-step3 #tunnel-step3-card-form .has-success.form-field-multiple #payment-card-expiry-month + p:after, #tunnel-step3 #tunnel-step3-card-form .has-success.form-field-multiple #payment-card-expiry-month + span:after,
#tunnel-step3 #tunnel-step3-card-form .has-success.form-field-multiple #payment-card-expiry-year + p:after, #tunnel-step3 #tunnel-step3-card-form .has-success.form-field-multiple #payment-card-expiry-year + span:after {
    background-image: url("../img/elements/check.png"); }

#tunnel-step3 #tunnel-step3-card-form .card-help {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-top: 25px;
    margin-left: 15px; }
#tunnel-step3 #tunnel-step3-card-form .card-help:before {
    display: block;
    width: 15px;
    height: 15px;
    content: "?";
    font-size: 0.750rem;
    line-height: 17px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-family: Arial, sans-serif;
    border: 1px solid #e0e0e0;
    color: #757575; }
#tunnel-step3 #tunnel-step3-card-form .card-help:focus {
    text-decoration: none; }
#tunnel-step3 #tunnel-step3-card-form .card-help:focus:before {
    border: 1px solid black;
    color: black; }

#tunnel-step3 #tunnel-step3-card-form .card-crypto {
    margin-left: 50px;
    width: 100px; }
#tunnel-step3 #tunnel-step3-card-form .card-crypto label {
    width: 115px; }
#tunnel-step3 #tunnel-step3-card-form .card-crypto input {
    width: 100px; }

#tunnel-step3 #tunnel-step3-card-form .expiry-date-error {
    color: #d70000;
    display: none;
    font-size: .6875rem; }

#tunnel-step3 .has-expiry-error #tunnel-step3-card-form .expiry-date-error {
    display: block; }

#tunnel-step3 .has-expiry-error #tunnel-step3-card-form .card-expiry label {
    color: #d70000; }

#tunnel-step3 .has-expiry-error #tunnel-step3-card-form input#payment-card-expiry-month,
#tunnel-step3 .has-expiry-error #tunnel-step3-card-form input#payment-card-expiry-year {
    border-color: #d70000;
    color: #d70000;
    background-image: none; }

#tunnel-step3 .has-expiry-error input[type="submit"].button--dark {
    border: 1px solid #9a9a9a;
    color: white;
    background-color: #9a9a9a;
    cursor: auto;
    pointer-events: none; }

#tunnel-step3 .legend {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    padding-bottom: 40px;
    margin-bottom: 40px;
    color: #757575;
    border-bottom: 1px solid #e0e0e0; }

#tunnel-step3 .payment-secure {
    margin-top: 10px;
    text-align: right;
    text-transform: uppercase;
    font-size: 0.625rem; }

#tunnel-step3 #tunnel-step3-confirmation .step3-agreement {
    margin-bottom: 40px; }

#tunnel-step3 #tunnel-step3-confirmation label a {
    text-decoration: underline; }

#tunnel-step3 #tunnel-step3-confirmation .tunnel-buttons {
    padding-top: 40px;
    border-top: 1px solid #e0e0e0; }
#tunnel-step3 #tunnel-step3-confirmation .tunnel-buttons .button-wrapper {
    padding: 3px 0; }
#tunnel-step3 #tunnel-step3-confirmation .tunnel-buttons input[disabled] + .button-label {
    display: none; }
#tunnel-step3 #tunnel-step3-confirmation .tunnel-buttons .button-label {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 260px;
    font-size: 0.750rem;
    line-height: 18px;
    display: block; }

#tunnel-step4 {
    width: 95%;
    max-width: 920px;
    margin: 40px auto;
    padding: 45px 115px;
    border: 1px solid #e0e0e0;
    text-align: center;
    box-sizing: border-box; }
#tunnel-step4 p {
    font-size: 0.813rem;
    line-height: 16px; }
#tunnel-step4 p + p {
    margin-top: 5px; }
#tunnel-step4 p + a {
    margin-top: 20px; }
#tunnel-step4 .tunnel-buttons {
    margin-top: 30px;
    margin-bottom: 50px; }
#tunnel-step4 .tunnel-buttons li {
    display: inline-block; }
#tunnel-step4 .tunnel-buttons a {
    margin: 0 12px; }
#tunnel-step4 .social-links {
    margin-top: 30px; }
#tunnel-step4 .social-links li {
    display: inline-block;
    width: 200px;
    font-size: 0.750rem;
    text-transform: uppercase; }
#tunnel-step4 .social-links li + li {
    margin-left: 40px; }
#tunnel-step4 .social-links a {
    display: block;
    overflow: hidden;
    position: relative; }
#tunnel-step4 .social-links img {
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
#tunnel-step4 .social-links .social-circle {
    margin: 0 auto;
    display: block;
    background-color: #000;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1.250rem;
    top: -3rem;
    position: relative; }
#tunnel-step4 .social-links .social-facebook:after {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA22";
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 50px; }
#tunnel-step4 .social-links .social-instagram:after {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA24";
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 1.5rem;
    margin-left: 0.2rem; }
#tunnel-step4 .social-links + .tunnel-title {
    margin-top: 40px; }
#tunnel-step4 form {
    width: 360px;
    margin: 50px auto 0; }

.page-account {
    margin-bottom: 40px; }
.page-account .back-link {
    color: black;
    text-transform: uppercase;
    display: block;
    margin-bottom: 40px; }
.page-account .back-link:before {
    position: relative;
    top: 1px;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    font-size: 0.6875rem;
    margin-right: 10px; }
.page-account .panel-background .panel {
    padding: 60px 80px;
    border: 1px solid #e0e0e0;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.page-account.reset-password .panel-background .panel {
    padding: 30px 40px;
    border: 1px solid #e0e0e0;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.page-account .server-error {
    margin: 0 0 20px;
    font-size: 0.6875rem;
    color: #d70000; }
.page-account .server-error a {
    font-size: 0.6875rem;
    color: #d70000;
    text-decoration: underline; }
.page-account .server-error.server-error--right {
    margin: 20px 0 0;
    float: right; }
.page-account .account-title {
    max-width: 1400px;
    margin: 0 auto 40px;
    padding: 30px 0 20px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.75rem; }
.page-account .empty-message {
    font-size: 0.8125rem; }
.page-account .account-title-small,
.page-account .account-form-title {
    margin-bottom: 20px;
    clear: both;
    text-transform: uppercase;
    font-size: 1.125rem;
    color: black; }
.page-account .account-title-small.margin-top,
.page-account .account-form-title.margin-top {
    margin-top: 40px; }
.page-account .account-title-small.margin-bottom,
.page-account .account-form-title.margin-bottom {
    margin-bottom: 40px; }
.page-account .account-title-small.no-margin,
.page-account .account-form-title.no-margin {
    margin: 0; }
.page-account .panel-title {
    margin-left: 1.2rem; }
.page-account .account-form-title {
    margin-top: 25px;
    float: left; }
.page-account .account-form-title.small {
    font-size: 0.875rem; }
.page-account .legal-kr {
    max-width: 70%; }
.page-account .legal-kr .form-field {
    margin-top: 30px; }
.page-account .account-close-form {
    text-decoration: underline;
    font-size: 0.8125rem; }
.page-account .account-title-small + p, .page-account .account-title-small + h3 {
    font-size: 0.8125rem;
    text-transform: initial; }
.page-account .return-policy {
    position: relative;
    top: -30px;
    text-decoration: underline;
    font-size: 0.6875rem;
    color: #757575; }
.page-account .no-margin-field {
    margin-bottom: 0; }
.page-account .account-buttons {
    margin-top: 40px;
    clear: both;
    overflow: hidden; }
.page-account .account-buttons p {
    margin-bottom: 20px;
    font-size: 0.8125rem; }
.page-account .account-buttons .button {
    margin-right: 20px;
    margin-bottom: 10px; }
.page-account .account-buttons .button--right {
    margin-right: 0;
    margin-left: 20px; }
.page-account .account-buttons.button--center {
    text-align: center; }
.page-account .account-return-order h1 {
    margin: 40px 0 20px 0; }
.page-account .return-product-container:last-child {
    border-bottom: none; }
.page-account .return-product-container .exchange-product-container {
    padding-left: 50px; }
.page-account .return-product-container button.save-exchange-button {
    display: flex;
    margin: 10px 45px 0 auto; }
.page-account .return-product-container button.show-exchange-button {
    display: none;
    position: relative;
    margin: 0 45px 30px auto;
    top: -20px; }
.page-account .return-product-container button.show-exchange-button.visible {
    display: flex; }
.page-account .account-exchange-product.is-loading .account-product-size {
    min-height: 200px;
    background: url("../img/elements/loader2.gif") 50% no-repeat; }
.page-account .account-exchange-product.is-loading .account-product-size-list {
    display: none; }
.page-account .account-return-product,
.page-account .account-exchange-product {
    font-size: 0;
    padding: 20px 0;
    overflow: auto; }
.page-account .account-return-product .account-product-ckeckbox,
.page-account .account-exchange-product .account-product-ckeckbox {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 5%; }
.page-account .account-return-product .account-product-ckeckbox label,
.page-account .account-exchange-product .account-product-ckeckbox label {
    font-size: 0; }
.page-account .account-return-product .account-product-img,
.page-account .account-exchange-product .account-product-img {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    padding-right: 1%; }
.page-account .account-return-product .account-product-desc,
.page-account .account-exchange-product .account-product-desc {
    font-size: 0.8125rem;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 39%; }
.page-account .account-return-product .account-product-desc span,
.page-account .account-exchange-product .account-product-desc span {
    display: block; }
.page-account .account-return-product .same-product-exchange,
.page-account .account-exchange-product .same-product-exchange {
    padding-bottom: 30px; }
.page-account .exchange-instructions {
    padding: 40px 0;
    font-size: 0.8125rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
.page-account .exchange-instructions p {
    line-height: 25px; }
.page-account .exchange-instructions h2 {
    text-transform: uppercase;
    font-size: 1.125rem;
    margin-bottom: 30px; }
.page-account .exchange-instructions .main-form {
    margin-top: 30px; }
.page-account .exchange-instructions .main-form .form-field {
    margin: 0; }
.page-account .exchange-instructions .main-form textarea {
    height: 95px; }
.page-account .return-instructions {
    padding: 40px 0;
    font-size: 0.8125rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
.page-account .return-instructions p {
    line-height: 25px; }
.page-account .return-instructions h2 {
    text-transform: uppercase;
    font-size: 1.125rem;
    margin-bottom: 30px; }
.page-account .return-instructions .main-form {
    margin-top: 30px; }
.page-account .return-instructions .main-form label {
    font-size: 0;
    display: none; }
.page-account .return-instructions .main-form .form-field {
    margin: 0; }
.page-account .return-instructions .main-form textarea {
    height: 95px; }
.page-account .account-product-choice {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 35%; }
.page-account .account-product-choice label {
    font-size: 0; }
.page-account .account-product-size {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 45%; }
.page-account .account-product-size .out-of-stock-link {
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    padding: 10px 0 0; }
.page-account .account-product-size .exchange-size-error {
    text-align: center;
    font-size: 12px;
    color: #d70000; }
.page-account .account-product-size-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.page-account .account-product-size-list .form-field {
    margin: 3px;
    display: inline-flex;
    width: 54px;
    height: 54px;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 50%; }
.page-account .account-product-size-list .form-field label,
.page-account .account-product-size-list .form-field input:focus + label,
.page-account .account-product-size-list .form-field input:hover + label {
    text-decoration: line-through;
    color: #757575; }
.page-account .account-product-size-list .form-field.has-error input[type=radio] + label {
    color: #757575; }
.page-account .account-product-size-list .form-field .icon {
    display: inline-block;
    color: #757575;
    fill: #757575; }
.page-account .account-product-size-list .form-field .icon svg {
    width: 15px;
    margin-left: 5px; }
.page-account .account-product-size-list .form-field.in-stock label,
.page-account .account-product-size-list .form-field.in-stock input:focus + label,
.page-account .account-product-size-list .form-field.in-stock input:hover + label {
    min-width: 27px;
    text-align: center;
    text-decoration: none; }
.page-account .account-product-size-list .form-field.in-stock .icon {
    display: none; }
.page-account .account-product-size-list .form-field.in-stock.has-error input[type=radio] + label {
    color: #000000; }
.page-account .account-product-size-list .form-field input[type=radio] + label {
    position: unset;
    padding-left: 0;
    margin-bottom: 0; }
.page-account .account-product-size-list .form-field input[type=radio] + label:after {
    display: none; }
.page-account .account-product-size-list .form-field input[type=radio] + label:before {
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 0; }
.page-account .account-product-size-list .form-field input[type=radio]:checked + label:before {
    border: 1px solid #000000; }
.page-account .account-product-size + .account-product-variation {
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    margin-top: 15px; }
.page-account div.account-product-variation {
    float: right;
    clear: both;
    overflow: hidden;
    width: 45%;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.page-account div.account-product-variation .account-product-variation-model {
    margin: 5px 10px 5px 0;
    cursor: pointer;
    padding: 0;
    max-width: 93px; }
.page-account div.account-product-variation p {
    width: 100%; }
.page-account .col-main section {
    width: 100%;
    margin-bottom: 40px;
    padding: 60px 80px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0; }
.page-account .col-main section h2:first-child {
    margin-top: 0; }
.page-account .col-main .accordion-section[aria-expanded='true'] {
    overflow: visible; }
.page-account .col-nav.panel-background .panel {
    padding: 60px 40px; }
.page-account .col-nav a {
    text-decoration: none;
    font-size: 0.75rem; }
.page-account .col-nav section a {
    text-transform: uppercase; }
.page-account .col-nav section a.active, .page-account .col-nav section a:hover {
    text-decoration: underline; }
.page-account .col-nav h3 {
    margin: 30px 0 20px 0;
    text-transform: uppercase;
    font-size: 0.8125rem; }
.page-account .col-nav .account-title-small {
    margin-top: 40px;
    position: relative; }
.page-account .col-nav .account-title-small:before {
    display: block;
    position: absolute;
    top: -3px;
    left: -40px;
    font-size: 1.25rem; }
.page-account .col-nav .account-title-small.preferences:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA10"; }
.page-account .col-nav .account-title-small.contact:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA0C"; }
.page-account .col-nav .account-title-small.calendar:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA07"; }
.page-account .col-nav .account-title-small.order:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA09"; }
.page-account .col-nav .account-title-small.profil:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA01"; }
.page-account .col-nav p {
    margin-bottom: 20px;
    line-height: 18px;
    font-size: 0.8125rem; }
.page-account .col-nav header {
    padding-bottom: 40px;
    font-size: 1.125rem;
    border-bottom: 1px solid #e0e0e0; }
.page-account .col-nav header .user-name {
    margin-bottom: 40px;
    display: block; }
.page-account .col-nav header .user-name span {
    text-transform: uppercase; }
.page-account .col-nav header a {
    text-decoration: underline;
    font-size: 0.8125rem; }
.page-account .col-nav section {
    padding-left: 40px; }
.page-account .col-nav section li {
    margin-bottom: 15px; }
.page-account .col-nav section.contact {
    margin-top: 40px;
    border-top: 1px solid #e0e0e0; }
.page-account .col-nav section.contact-guest {
    border-top: 0;
    margin-top: 0; }
.page-account .col-nav section.contact-guest h2 {
    margin-top: 0; }
.page-account #account-create-personal-info {
    margin-top: 45px; }
.page-account .forgotten-password {
    margin-top: -5px;
    margin-bottom: 20px;
    display: inline-block;
    float: left;
    clear: left;
    text-decoration: underline;
    font-size: 0.6875rem;
    color: #757575; }
.page-account .tunnel-address-mention, .page-account .form-after-label {
    display: block;
    color: #777;
    font-size: 0.6875rem;
    padding-top: 5px;
    text-transform: none; }
.page-account .account-blocks {
    line-height: 18px;
    font-size: 0.8125rem; }
.page-account .account-blocks span {
    display: block; }
.page-account .account-blocks label span {
    display: inline-block; }
.page-account .account-blocks .account-block {
    overflow: hidden; }
.page-account .account-blocks .account-block:last-of-type {
    padding-bottom: 0; }
.page-account .account-blocks > li {
    padding: 40px 0; }
.page-account .account-blocks > li:first-of-type {
    padding-top: 20px; }
.page-account .account-blocks > li + li {
    border-top: 1px solid #e0e0e0; }
.page-account .account-blocks .account-block-title {
    margin-bottom: 20px;
    text-transform: uppercase; }
.page-account .account-blocks .account-block-information {
    width: 85%;
    float: left; }
.page-account .account-blocks .account-block-information > address {
    width: 100%;
    margin-top: 30px; }
.page-account .account-blocks .account-block-information a {
    display: block;
    text-decoration: underline; }
.page-account .account-blocks .account-block-actions {
    width: 15%;
    min-height: 85px;
    padding-left: 20px;
    float: left;
    line-height: 85px;
    border-left: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.page-account .account-blocks .account-block-actions button, .page-account .account-blocks .account-block-actions a {
    line-height: 16px; }
.page-account .account-blocks .account-block-buttons {
    display: inline-block;
    vertical-align: middle; }
.page-account .account-blocks .account-block-buttons button {
    display: block;
    text-decoration: underline; }
.page-account .account-blocks .account-block-legend {
    margin-top: 20px;
    clear: both;
    color: #757575; }
.page-account .account-blocks form {
    margin: 40px auto 0 auto;
    padding-top: 40px;
    font-size: 0; }
.page-account .account-blocks form .address-modify-container {
    max-width: 480px;
    margin: 0 auto; }
.page-account .account-blocks .adviser {
    margin-top: 30px; }
.page-account .account-blocks .account-block-reservation .account-block-img {
    width: 15%;
    float: left; }
.page-account .account-blocks .account-block-reservation .account-block-img img {
    max-width: 90%; }
.page-account .account-blocks .account-block-reservation .account-block-product {
    width: 30%;
    float: left; }
.page-account .account-blocks .account-block-reservation .account-block-product h1 {
    text-transform: uppercase; }
.page-account .account-blocks .account-block-reservation .account-block-information {
    width: 40%; }
.page-account .account-blocks .account-block-reservation .account-block-information .status {
    margin-top: 30px; }
.page-account .account-table {
    width: 100%;
    table-layout: fixed; }
.page-account .account-table td {
    padding-right: 20px;
    padding-bottom: 30px;
    vertical-align: top;
    font-size: 0.8125rem; }
.page-account .account-table td:last-child {
    padding-right: 0; }
.page-account .account-table tr.hidden-row {
    display: none; }
.page-account .account-table tr:last-child td {
    padding-bottom: 0; }
.page-account .account-table.dashboard {
    margin-top: 40px; }
.page-account .account-table a {
    display: block;
    text-decoration: underline; }
.page-account .account-table a:hover {
    font-weight: bold; }
.page-account .btn-expand-orders span {
    pointer-events: none; }
.page-account .btn-expand-orders .expanded {
    display: none; }
.page-account .btn-expand-orders.btn-orders-expanded {
    margin-top: 40px; }
.page-account .btn-expand-orders.btn-orders-expanded span {
    display: none; }
.page-account .btn-expand-orders.btn-orders-expanded span.expanded {
    display: block; }
.page-account h1 + .account-table {
    margin-top: 40px; }
.page-account .account-products {
    width: 100%;
    font-size: 0.8125rem;
    table-layout: fixed; }
@media (max-width: 1024px) {
    .page-account .account-products .account-product-addtocart {
        width: auto; }
    .page-account .account-products .account-product-quantity,
    .page-account .account-products .account-product-price {
        width: 15%; } }
.page-account .account-products tbody td {
    padding-bottom: 20px; }
.page-account .account-products .account-product-engraving {
    display: block;
    margin-top: 20px; }
.page-account .account-products.account-cancel-order h3 {
    font-size: 0.8125rem; }
.page-account .account-products.account-cancel-order .account-product-price {
    text-align: right; }
.page-account .account-products.account-cancel-order tfoot td:last-child {
    text-align: right; }
.page-account .account-products .account-product-img,
.page-account .account-products .account-product-variant {
    width: 18%; }
.page-account .account-products .account-product-addtocart {
    width: 17%; }
.page-account .account-products .account-product-addtocart .button {
    display: block;
    width: 100%;
    max-width: 125px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.page-account .account-products .account-product-quantity {
    width: 18%;
    text-align: center; }
.page-account .account-products .account-product-img img {
    max-width: 110px; }
.page-account .account-products .account-product-desc {
    width: 27%;
    padding-right: 20px; }
.page-account .account-products .account-product-desc a {
    margin: 0 0 5px;
    display: block; }
.page-account .account-products .account-product-desc span {
    display: block;
    line-height: 18px;
    font-size: 0.8125rem; }
.page-account .account-products .account-product-price {
    position: relative;
    width: 18%;
    text-align: center; }
.page-account .account-products .account-product-price .account-product-engraving-price {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    text-align: center;
    text-transform: uppercase; }
.page-account .account-products .account-product-delete {
    width: 18%; }
.page-account .account-products .account-product-delete {
    text-align: right; }
.page-account .account-products .account-product-delete button {
    background-color: transparent; }
@media (max-width: 1024px) {
    .page-account .account-products.account-products-wishlist .account-product-price {
        width: 20%; }
    .page-account .account-products.account-products-wishlist .account-product-desc {
        padding-left: 20px; } }
.page-account .account-products.account-products-wishlist .account-product-price {
    width: 27.5%; }
.page-account .account-products.account-products-wishlist .account-product-addtocart {
    width: 18%; }
.page-account .account-products.account-products-wishlist.not-eco .account-product-desc {
    width: 64%; }
.page-account .account-products.account-products-wishlist span span {
    display: inline; }
.page-account .account-products tfoot td {
    border-bottom: 1px solid #e0e0e0;
    height: 60px;
    text-transform: uppercase;
    border-top: 1px solid #e0e0e0; }
.page-account .account-products tfoot td:last-of-type {
    text-align: center; }
.page-account .account-products .account-tracking td {
    text-align: right; }
.page-account .account-products .account-tracking td li {
    display: inline-block; }
.page-account .account-products .account-tracking td li + li:before {
    content: '|';
    margin: 0 10px; }
.page-account .account-products .account-tracking td a {
    text-decoration: underline; }
.page-account .account-products .account-tracking {
    border-top: 1px solid #e0e0e0; }
.page-account .account-products .account-tracking a {
    padding-top: 15px; }
.page-account .account-products .account-tracking:first-of-type {
    border-top: 0; }
.page-account .account-products .account-tracking:first-of-type a {
    padding-top: 0; }
.page-account .account-header {
    margin-bottom: 40px;
    overflow: hidden; }
@media (max-width: 1024px) {
    .page-account .account-header li {
        margin-left: 1px; } }
.page-account .account-header h1,
.page-account .account-header nav,
.page-account .account-header p {
    width: 50%;
    float: left;
    font-size: 0.8125rem; }
.page-account .account-header h1 {
    font-size: 1.125rem; }
.page-account .account-header p {
    margin-top: 20px;
    display: block;
    clear: left; }
.page-account .account-header ul {
    text-align: right; }
.page-account .account-header li {
    margin-left: 20px;
    display: inline-block; }
.page-account .account-header li[hidden] {
    display: none; }
.page-account .account-header .details {
    clear: left;
    margin-top: 50px;
    font-size: 0.8125rem;
    text-transform: uppercase; }
.page-account .account-header .details span {
    display: block; }
.page-account .account-header .uppercase {
    text-transform: uppercase; }
.page-account .account-header button,
.page-account .account-header a {
    text-decoration: underline;
    font-size: 0.8125rem; }
.page-account .account-header .button--dark {
    text-decoration: none; }
.page-account .account-header.header-cancel-order h1 {
    float: none;
    margin-bottom: 20px; }
.page-account .page-bill .bill-content {
    font-size: 0; }
.page-account .page-bill .total {
    margin: 40px 0; }
.page-account .page-bill .total span {
    display: block;
    text-align: right;
    font-size: 0.8125rem;
    text-transform: uppercase; }
.page-account .page-bill .table-section {
    border: 1px solid #e0e0e0;
    display: inline-block;
    width: 47%;
    font-size: 0.8125rem;
    box-sizing: border-box;
    padding: 0;
    vertical-align: top; }
.page-account .page-bill .table-section:nth-of-type(2n+1) {
    margin-right: 3%; }
.page-account .page-bill .table-section:nth-of-type(2n+0) {
    margin-left: 3%; }
.page-account .page-bill .table-section header {
    padding: 20px;
    background-color: #e0e0e0;
    text-align: center;
    text-transform: uppercase; }
.page-account .page-bill .table-section div {
    padding: 20px 40px; }
.page-account .page-bill .table-section div span {
    display: block; }
.page-account .page-bill thead td {
    background-color: #e0e0e0;
    padding: 20px;
    text-align: center; }
.page-account .page-bill tbody h3 {
    font-size: 0.8125rem; }
.page-account .page-bill tbody td {
    text-align: center;
    border-right: 1px solid #e0e0e0; }
.page-account .page-bill tbody tr {
    border-bottom: 1px solid #e0e0e0; }
.page-account .page-bill tbody .account-product-desc {
    text-align: left;
    border-left: none; }
.page-account .page-bill tbody .account-product-img {
    border-right: none;
    border-left: 1px solid #e0e0e0; }
.page-account .grid-video {
    margin-bottom: -60px;
    table-layout: fixed; }
.page-account .grid-video td {
    width: 33.33%;
    padding-right: 10px;
    padding-left: 10px; }
.page-account .grid-video td:first-of-type {
    padding-right: 20px;
    padding-left: 0; }
.page-account .grid-video td:nth-of-type(3n) {
    padding-right: 0;
    padding-left: 20px; }
.page-account .grid-video img {
    width: 100%; }
.page-account .grid-video .form-field {
    width: 35px;
    margin: 20px auto 22px;
    display: block;
    visibility: hidden;
    float: none;
    position: relative; }
.page-account .grid-video .form-field label {
    margin: 0 auto;
    display: inline-block;
    font-size: 0; }
.page-account .grid-video .form-field input + label {
    padding-left: 17px; }
.page-account .grid-video .form-field.has-error input[type='checkbox'] + label:before {
    border-color: #757575; }
.page-account .grid-video .poster-wrapper {
    display: block;
    position: relative; }
.page-account .grid-video .timer {
    padding: 6px 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.75rem;
    color: white;
    background: black; }
.page-account .grid-video figcaption {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 0.75rem; }
.page-account .is-deleting .grid-video .form-field {
    visibility: visible; }
.page-account .button--equal {
    position: absolute;
    right: 100px;
    bottom: 60px; }
.page-account .advantages-grid .col-12 {
    display: table-cell; }
.page-account .advantages-grid .col-12 .grid {
    font-size: 0; }
.page-account .advantages-grid .col-12 .col {
    padding: 0; }
.page-account .advantages-grid .col .panel {
    margin: 50px; }
.page-account .advantages-grid .col .panel p {
    text-align: center;
    line-height: 18px;
    font-size: 0.8125rem; }
.page-account .advantages-grid .col .panel span {
    margin: 0 auto 20px auto;
    display: block;
    text-align: center;
    font-size: 2.75rem; }
.page-account .advantages-grid .col .panel .icon-follow-dior {
    line-height: 0; }
.page-account .advantages-grid .col .panel .icon-follow-dior:before {
    font-size: 5.75rem;
    line-height: 46px; }
.page-account .advantages-grid .col .panel .icon-info {
    line-height: 0; }
.page-account .advantages-grid .col .panel .icon-info:before {
    font-size: 4.6875rem;
    line-height: 46px; }
.page-account .dashboard-media-list {
    margin-top: 40px;
    margin-bottom: -20px; }
.page-account .dashboard-media-list img {
    width: 100%;
    height: auto; }
.page-account .dashboard-media-list a {
    display: block;
    position: relative; }
.page-account .dashboard-media-list .timer {
    padding: 6px 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 0.6875rem;
    color: white;
    background: black; }
.page-account .dashboard-media-list li {
    width: 22%;
    display: inline-block;
    margin: 0 0 4% 3%; }
.page-account .dashboard-media-list li:first-of-type, .page-account .dashboard-media-list li:nth-of-type(5n) {
    margin-left: 0; }
.page-account .dashboard-media-list.product-list li {
    border: 1px solid #e0e0e0; }
.page-account .return-conditions {
    margin-top: 40px; }
.page-account .return-conditions p {
    font-size: 0.8125rem;
    line-height: 18px; }
.page-account .return-conditions p a {
    text-decoration: underline; }
.page-account .conditions-wrapper {
    margin-top: 25px;
    margin-bottom: 20px;
    clear: left; }
.page-account .conditions {
    width: 70%;
    float: left; }
.page-account .title-personnal-informations {
    margin-top: 60px; }
.page-account .account-form-link {
    margin-bottom: 40px;
    padding: 0;
    display: block;
    clear: left;
    text-decoration: underline;
    font-size: 0.8125rem; }
.page-account .account-form-link.no-margin {
    margin: 0;
    font-size: 0.75rem; }
.page-account .account-form-link[data-accordion-target] {
    position: relative;
    text-decoration: none;
    padding-left: 17px; }
.page-account .account-form-link[data-accordion-target]:before {
    content: "+";
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 0.625rem;
    margin-top: -4px; }
.page-account .account-form-link[data-accordion-target] span {
    text-decoration: underline; }
.page-account .account-form-link[data-accordion-target].active:before {
    content: '-';
    font-size: 0.9375rem;
    margin-top: -8px; }
.page-account #calendar {
    width: 280px;
    margin: 40px auto;
    font-size: 0.8125rem; }
.page-account #calendar .ui-datepicker-header {
    text-align: center;
    margin-bottom: 20px;
    position: relative; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-title {
    text-align: center; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-prev {
    float: left;
    font-size: 0; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-prev:before {
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    position: absolute;
    left: 0; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-next {
    float: right;
    font-size: 0; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-next:before {
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    position: absolute;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 0; }
.page-account #calendar th {
    text-align: center;
    padding-bottom: 10px; }
.page-account #calendar td {
    height: 40px;
    width: 40px;
    border: 1px solid #e0e0e0;
    text-align: center; }
.page-account #calendar td.ui-datepicker-unselectable:not(.ui-datepicker-week-end), .page-account #calendar td.ui-state-disabled:not(.ui-datepicker-week-end) {
    background-color: #e0e0e0;
    border-color: #ffffff; }
.page-account #calendar td.ui-datepicker-week-end {
    background-color: #000 !important;
    color: white !important; }
.page-account #calendar td a {
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0.8125rem; }
.page-account #calendar .ui-state-active {
    background: #e0e0e0;
    color: #000;
    position: relative;
    margin: -1px;
    height: 100%; }
.page-account #calendar tr > td.ui-datepicker-unselectable, .page-account #calendar tr > td.ui-state-disabled {
    border-left-color: #e0e0e0 !important; }
.page-account #calendar tr td:last-child.ui-datepicker-week-end {
    border-right-color: #000000 !important; }
.page-account #calendar tr:first-child td.ui-datepicker-unselectable, .page-account #calendar tr:first-child td.ui-state-disabled {
    border-top-color: #e0e0e0 !important; }
.page-account #calendar tr:first-child td.ui-datepicker-week-end {
    border-top-color: #000000 !important; }
.page-account #calendar tr:last-child td.ui-datepicker-unselectable, .page-account #calendar tr:last-child td.ui-state-disabled {
    border-bottom-color: #e0e0e0 !important; }
.page-account #calendar tr:last-child td.ui-datepicker-week-end {
    border-bottom-color: #000000 !important; }
.page-account .return-resume p, .page-account .return-resume span, .page-account .return-resume li {
    font-size: 0.8125rem;
    line-height: 18px; }
.page-account .return-resume ol {
    margin: 20px 0; }
.page-account .return-resume .account-header h1 {
    width: 100%; }
.page-account .return-resume .return-product-container {
    margin: 40px 0;
    border-bottom: none; }
.page-account .return-resume .return-product-container h3 {
    font-size: 0.8125rem; }
.page-account .return-resume .info-msg {
    margin-bottom: 30px; }
.page-account .return-resume .order-details {
    margin-top: 40px; }
.page-account .return-resume .instructions {
    background-color: #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    margin: 40px 0; }
.page-account .return-resume .instructions a {
    text-decoration: underline; }
.page-account .resume-product {
    margin-bottom: 40px; }
.page-account .resume-product span, .page-account .resume-product h3 {
    font-size: 0.8125rem;
    display: block;
    line-height: 18px; }
.page-account .resume-product .note {
    margin-top: 40px; }
.page-account .change-password-link {
    margin: 0;
    padding-top: 5px; }
.page-account.page-account-personal-information .accordion-password {
    margin-top: 20px; }
.page-account.page-account-personal-information .accordion-password[aria-expanded='true'] {
    overflow: hidden; }
.page-account.page-account-personal-information .accordion-password div:last-child {
    margin-bottom: 0; }
.page-account .account-create {
    width: 95%;
    max-width: 760px;
    margin: auto;
    padding: 60px 80px;
    overflow: hidden;
    font-size: 0;
    border: 1px solid #e0e0e0; }
.page-account .account-create a {
    font-size: 1rem; }
.page-account .account-create .server-error a {
    font-size: 0.6875rem; }
.page-account .account-newsletters {
    margin-top: 40px; }
.page-account .account-newsletters .subnewsletters {
    margin-left: 20px; }
.page-account .account-newsletters .subnewsletters .form-field {
    margin-left: 20px; }
.page-account .define-as-main {
    margin-top: 25px; }
.page-account .address-modify {
    border-top: 1px solid #e0e0e0; }
.page-account .address-modify .form-field {
    max-width: 480px; }
.page-account .address-modify .account-buttons {
    width: 100%;
    margin-top: 25px;
    float: left; }
.page-account .form-checkbox {
    display: inherit; }
.page-account .delete-toggle {
    margin-top: 15px; }
.page-account .wrapper-button-print {
    margin: 50px auto 0 auto;
    border-top: 1px solid #e0e0e0;
    padding-top: 30px;
    text-align: center; }
.page-account.page-account-return section {
    overflow: visible; }
.page-account.page-account-return section p {
    font-size: 0.8125rem;
    clear: left; }
.page-account.page-account-return section p a {
    text-decoration: underline; }
.page-account.page-account-return .exchange-size-error {
    color: #d70000;
    text-align: right; }
.page-account.page-account-return .accordion-section {
    clear: both; }
.page-account.page-account-return .accordion-section[aria-expanded='true'] {
    overflow: visible; }
.page-account.page-account-return header h1 {
    width: 100%; }
.page-account.page-account-return #return-step1, .page-account.page-account-return #return-step2, .page-account.page-account-return #return-step3 {
    margin-top: 40px; }
.page-account.page-account-return #return-step1 h1 {
    font-size: 0.750rem; }
.page-account.page-account-return #return-step1 .return-product-container h3 {
    font-size: 0.813rem; }
.page-account.page-account-return #return-step1 .account-product-img {
    width: 15%; }
.page-account.page-account-return #return-step3 .return-address-recap {
    font-size: 13px;
    margin-bottom: 40px; }
.page-account.page-account-return .account-adresses {
    margin: 40px 0 0 0; }
.page-account.page-account-return .account-adresses > .form-field {
    margin-top: 30px; }
.page-account.page-account-return .address-modify {
    border-top: none; }
.page-account.page-account-return .choose-hour-container .return-pickup-time {
    overflow: hidden; }
.page-account.page-account-return .choose-hour-container .return-pickup-time p {
    margin-bottom: 30px; }
.page-account.page-account-return .choose-hour-container input[type='radio'] + label:before {
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%; }
.page-account.page-account-return .choose-hour-container input[type='radio']:checked + label:after {
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 0.75rem;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA0B"; }
.page-account.page-account-return .return-method input[type='radio'] + label {
    text-transform: uppercase;
    line-height: 1.2rem; }
.page-account.page-account-return .account-blocks + .return-method {
    margin-top: 30px; }
@media (max-width: 1600px) {
    .page-account .col-nav .panel {
        padding: 50px 25px; } }
@media (max-width: 1280px) {
    .page-account .col-nav header {
        padding-bottom: 25px; }
    .page-account .col-nav header .user-name {
        margin-bottom: 25px; }
    .page-account .col-nav .account-title-small {
        font-size: 0.9375rem; }
    .page-account .col-nav .account-title-small:before {
        left: -25px; }
    .page-account .col-nav a,
    .page-account .col-nav p {
        font-size: 0.6875rem; }
    .page-account .col-nav section {
        padding-left: 25px; }
    .page-account .col-main section {
        padding: 50px 50px; }
    .page-account .account-header h1 {
        line-height: 20px; }
    .page-account .account-header h1,
    .page-account .account-header p {
        width: 35%; }
    .page-account .account-header nav {
        width: 65%; }
    .page-account .account-products .account-product-addtocart .button {
        font-size: 0.6875rem; }
    .page-account .account-blocks .account-block-information {
        width: 75%; }
    .page-account .account-blocks .account-block-actions {
        width: 25%; }
    .page-account .account-blocks .account-block-reservation .account-block-product {
        width: 25%; }
    .page-account .account-blocks .account-block-reservation .account-block-information {
        width: 35%; } }

.page-account {
    margin-bottom: 40px; }
.page-account .back-link {
    color: black;
    text-transform: uppercase;
    display: block;
    margin-bottom: 40px; }
.page-account .back-link:before {
    position: relative;
    top: 1px;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    font-size: 0.6875rem;
    margin-right: 10px; }
.page-account .panel-background .panel {
    padding: 60px 80px;
    border: 1px solid #e0e0e0;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.page-account.reset-password .panel-background .panel {
    padding: 30px 40px;
    border: 1px solid #e0e0e0;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.page-account .server-error {
    margin: 0 0 20px;
    font-size: 0.6875rem;
    color: #d70000; }
.page-account .server-error a {
    font-size: 0.6875rem;
    color: #d70000;
    text-decoration: underline; }
.page-account .server-error.server-error--right {
    margin: 20px 0 0;
    float: right; }
.page-account .account-title {
    max-width: 1400px;
    margin: 0 auto 40px;
    padding: 30px 0 20px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.75rem; }
.page-account .empty-message {
    font-size: 0.8125rem; }
.page-account .account-title-small,
.page-account .account-form-title {
    margin-bottom: 20px;
    clear: both;
    text-transform: uppercase;
    font-size: 1.125rem;
    color: black; }
.page-account .account-title-small.margin-top,
.page-account .account-form-title.margin-top {
    margin-top: 40px; }
.page-account .account-title-small.margin-bottom,
.page-account .account-form-title.margin-bottom {
    margin-bottom: 40px; }
.page-account .account-title-small.no-margin,
.page-account .account-form-title.no-margin {
    margin: 0; }
.page-account .panel-title {
    margin-left: 1.2rem; }
.page-account .account-form-title {
    margin-top: 25px;
    float: left; }
.page-account .account-form-title.small {
    font-size: 0.875rem; }
.page-account .legal-kr {
    max-width: 70%; }
.page-account .legal-kr .form-field {
    margin-top: 30px; }
.page-account .account-close-form {
    text-decoration: underline;
    font-size: 0.8125rem; }
.page-account .account-title-small + p, .page-account .account-title-small + h3 {
    font-size: 0.8125rem;
    text-transform: initial; }
.page-account .return-policy {
    position: relative;
    top: -30px;
    text-decoration: underline;
    font-size: 0.6875rem;
    color: #757575; }
.page-account .no-margin-field {
    margin-bottom: 0; }
.page-account .account-buttons {
    margin-top: 40px;
    clear: both;
    overflow: hidden; }
.page-account .account-buttons p {
    margin-bottom: 20px;
    font-size: 0.8125rem; }
.page-account .account-buttons .button {
    margin-right: 20px;
    margin-bottom: 10px; }
.page-account .account-buttons .button--right {
    margin-right: 0;
    margin-left: 20px; }
.page-account .account-buttons.button--center {
    text-align: center; }
.page-account .account-return-order h1 {
    margin: 40px 0 20px 0; }
.page-account .return-product-container:last-child {
    border-bottom: none; }
.page-account .return-product-container .exchange-product-container {
    padding-left: 50px; }
.page-account .account-exchange-product.is-loading .account-product-size {
    min-height: 200px;
    background: url("../img/elements/loader2.gif") 50% no-repeat; }
.page-account .account-exchange-product.is-loading .account-product-size-list {
    display: none; }
.page-account .account-return-product,
.page-account .account-exchange-product {
    font-size: 0;
    padding: 20px 0;
    overflow: auto; }
.page-account .account-return-product .account-product-ckeckbox,
.page-account .account-exchange-product .account-product-ckeckbox {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 5%; }
.page-account .account-return-product .account-product-ckeckbox label,
.page-account .account-exchange-product .account-product-ckeckbox label {
    font-size: 0; }
.page-account .account-return-product .account-product-img,
.page-account .account-exchange-product .account-product-img {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    padding-right: 1%; }
.page-account .account-return-product .account-product-desc,
.page-account .account-exchange-product .account-product-desc {
    font-size: 0.8125rem;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 39%; }
.page-account .account-return-product .account-product-desc span,
.page-account .account-exchange-product .account-product-desc span {
    display: block; }
.page-account .exchange-instructions {
    padding: 40px 0;
    font-size: 0.8125rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
.page-account .exchange-instructions p {
    line-height: 25px; }
.page-account .exchange-instructions h2 {
    text-transform: uppercase;
    font-size: 1.125rem;
    margin-bottom: 30px; }
.page-account .exchange-instructions .main-form {
    margin-top: 30px; }
.page-account .exchange-instructions .main-form .form-field {
    margin: 0; }
.page-account .exchange-instructions .main-form textarea {
    height: 95px; }
.page-account .return-instructions {
    padding: 40px 0;
    font-size: 0.8125rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
.page-account .return-instructions p {
    line-height: 25px; }
.page-account .return-instructions h2 {
    text-transform: uppercase;
    font-size: 1.125rem;
    margin-bottom: 30px; }
.page-account .return-instructions .main-form {
    margin-top: 30px; }
.page-account .return-instructions .main-form label {
    font-size: 0;
    display: none; }
.page-account .return-instructions .main-form .form-field {
    margin: 0; }
.page-account .return-instructions .main-form textarea {
    height: 95px; }
.page-account .account-product-choice {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 35%; }
.page-account .account-product-choice label {
    font-size: 0; }
.page-account .account-product-size {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 45%; }
.page-account .account-product-size .out-of-stock-link {
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    padding: 10px 0 0; }
.page-account .account-product-size .exchange-size-error {
    text-align: center;
    font-size: 12px;
    color: #d70000; }
.page-account .account-product-size-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.page-account .account-product-size-list .form-field {
    margin: 3px;
    display: inline-flex;
    width: 54px;
    height: 54px;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 50%; }
.page-account .account-product-size-list .form-field label,
.page-account .account-product-size-list .form-field input:focus + label,
.page-account .account-product-size-list .form-field input:hover + label {
    text-decoration: line-through;
    color: #757575; }
.page-account .account-product-size-list .form-field.has-error input[type=radio] + label {
    color: #757575; }
.page-account .account-product-size-list .form-field .icon {
    display: inline-block;
    color: #757575;
    fill: #757575; }
.page-account .account-product-size-list .form-field .icon svg {
    width: 15px;
    margin-left: 5px; }
.page-account .account-product-size-list .form-field.in-stock label,
.page-account .account-product-size-list .form-field.in-stock input:focus + label,
.page-account .account-product-size-list .form-field.in-stock input:hover + label {
    min-width: 27px;
    text-align: center;
    text-decoration: none; }
.page-account .account-product-size-list .form-field.in-stock .icon {
    display: none; }
.page-account .account-product-size-list .form-field.in-stock.has-error input[type=radio] + label {
    color: #000000; }
.page-account .account-product-size-list .form-field input[type=radio] + label {
    position: unset;
    padding-left: 0;
    margin-bottom: 0; }
.page-account .account-product-size-list .form-field input[type=radio] + label:after {
    display: none; }
.page-account .account-product-size-list .form-field input[type=radio] + label:before {
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 0; }
.page-account .account-product-size-list .form-field input[type=radio]:checked + label:before {
    border: 1px solid #000000; }
.page-account div.account-product-variation {
    float: right;
    clear: both;
    overflow: hidden;
    width: 45%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    margin-top: 15px; }
.page-account div.account-product-variation .account-product-variation-model {
    margin: 5px 10px 5px 0;
    cursor: pointer;
    padding: 0; }
.page-account div.account-product-variation p {
    width: 100%; }
.page-account .col-main section {
    width: 100%;
    margin-bottom: 40px;
    padding: 60px 80px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0; }
.page-account .col-main section h2:first-child {
    margin-top: 0; }
.page-account .col-main .accordion-section[aria-expanded='true'] {
    overflow: visible; }
.page-account .col-nav.panel-background .panel {
    padding: 60px 40px; }
.page-account .col-nav a {
    text-decoration: none;
    font-size: 0.75rem; }
.page-account .col-nav section a {
    text-transform: uppercase; }
.page-account .col-nav section a.active, .page-account .col-nav section a:hover {
    text-decoration: underline; }
.page-account .col-nav h3 {
    margin: 30px 0 20px 0;
    text-transform: uppercase;
    font-size: 0.8125rem; }
.page-account .col-nav .account-title-small {
    margin-top: 40px;
    position: relative; }
.page-account .col-nav .account-title-small:before {
    display: block;
    position: absolute;
    top: -3px;
    left: -40px;
    font-size: 1.25rem; }
.page-account .col-nav .account-title-small.preferences:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA10"; }
.page-account .col-nav .account-title-small.contact:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA0C"; }
.page-account .col-nav .account-title-small.calendar:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA07"; }
.page-account .col-nav .account-title-small.order:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA09"; }
.page-account .col-nav .account-title-small.profil:before {
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA01"; }
.page-account .col-nav p {
    margin-bottom: 20px;
    line-height: 18px;
    font-size: 0.8125rem; }
.page-account .col-nav header {
    padding-bottom: 40px;
    font-size: 1.125rem;
    border-bottom: 1px solid #e0e0e0; }
.page-account .col-nav header .user-name {
    margin-bottom: 40px;
    display: block; }
.page-account .col-nav header .user-name span {
    text-transform: uppercase; }
.page-account .col-nav header a {
    text-decoration: underline;
    font-size: 0.8125rem; }
.page-account .col-nav section {
    padding-left: 40px; }
.page-account .col-nav section li {
    margin-bottom: 15px; }
.page-account .col-nav section.contact {
    margin-top: 40px;
    border-top: 1px solid #e0e0e0; }
.page-account .col-nav section.contact-guest {
    border-top: 0;
    margin-top: 0; }
.page-account .col-nav section.contact-guest h2 {
    margin-top: 0; }
.page-account #account-create-personal-info {
    margin-top: 45px; }
.page-account .forgotten-password {
    margin-top: -5px;
    margin-bottom: 20px;
    display: inline-block;
    float: left;
    clear: left;
    text-decoration: underline;
    font-size: 0.6875rem;
    color: #757575; }
.page-account .tunnel-address-mention {
    display: block;
    color: #777;
    font-size: 0.6875rem;
    padding-top: 5px; }
.page-account .account-blocks {
    line-height: 18px;
    font-size: 0.8125rem; }
.page-account .account-blocks span {
    display: block; }
.page-account .account-blocks label span {
    display: inline-block; }
.page-account .account-blocks .account-block {
    overflow: hidden; }
.page-account .account-blocks .account-block:last-of-type {
    padding-bottom: 0; }
.page-account .account-blocks > li {
    padding: 40px 0; }
.page-account .account-blocks > li:first-of-type {
    padding-top: 20px; }
.page-account .account-blocks > li + li {
    border-top: 1px solid #e0e0e0; }
.page-account .account-blocks .account-block-title {
    margin-bottom: 20px;
    text-transform: uppercase; }
.page-account .account-blocks .account-block-information {
    width: 85%;
    float: left; }
.page-account .account-blocks .account-block-information > address {
    width: 100%;
    margin-top: 30px; }
.page-account .account-blocks .account-block-information a {
    display: block;
    text-decoration: underline; }
.page-account .account-blocks .account-block-actions {
    width: 15%;
    min-height: 85px;
    padding-left: 20px;
    float: left;
    line-height: 85px;
    border-left: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.page-account .account-blocks .account-block-actions button, .page-account .account-blocks .account-block-actions a {
    line-height: 16px; }
.page-account .account-blocks .account-block-buttons {
    display: inline-block;
    vertical-align: middle; }
.page-account .account-blocks .account-block-buttons button {
    display: block;
    text-decoration: underline; }
.page-account .account-blocks .account-block-legend {
    margin-top: 20px;
    clear: both;
    color: #757575; }
.page-account .account-blocks form {
    margin: 40px auto 0 auto;
    padding-top: 40px;
    font-size: 0; }
.page-account .account-blocks form .address-modify-container {
    max-width: 480px;
    margin: 0 auto; }
.page-account .account-blocks .adviser {
    margin-top: 30px; }
.page-account .account-blocks .account-block-reservation .account-block-img {
    width: 15%;
    float: left; }
.page-account .account-blocks .account-block-reservation .account-block-img img {
    max-width: 90%; }
.page-account .account-blocks .account-block-reservation .account-block-product {
    width: 30%;
    float: left; }
.page-account .account-blocks .account-block-reservation .account-block-product h1 {
    text-transform: uppercase; }
.page-account .account-blocks .account-block-reservation .account-block-information {
    width: 40%; }
.page-account .account-blocks .account-block-reservation .account-block-information .status {
    margin-top: 30px; }
.page-account .account-table {
    width: 100%;
    table-layout: fixed; }
.page-account .account-table td {
    padding-right: 20px;
    padding-bottom: 30px;
    vertical-align: top;
    font-size: 0.8125rem; }
.page-account .account-table td:last-child {
    padding-right: 0; }
.page-account .account-table tr:last-child td {
    padding-bottom: 0; }
.page-account .account-table.dashboard {
    margin-top: 40px; }
.page-account .account-table tr:hover a {
    text-decoration: underline; }
.page-account h1 + .account-table {
    margin-top: 40px; }
.page-account .account-products {
    width: 100%;
    font-size: 0.8125rem;
    table-layout: fixed; }
@media (max-width: 1024px) {
    .page-account .account-products .account-product-addtocart {
        width: auto; }
    .page-account .account-products .account-product-quantity,
    .page-account .account-products .account-product-price {
        width: 15%; } }
.page-account .account-products tbody td {
    padding-bottom: 20px; }
.page-account .account-products .account-product-engraving {
    display: block;
    margin-top: 20px; }
.page-account .account-products.account-cancel-order h3 {
    font-size: 0.8125rem; }
.page-account .account-products.account-cancel-order .account-product-price {
    text-align: right; }
.page-account .account-products.account-cancel-order tfoot td:last-child {
    text-align: right; }
.page-account .account-products .account-product-img,
.page-account .account-products .account-product-variant {
    width: 18%; }
.page-account .account-products .account-product-addtocart {
    width: 17%; }
.page-account .account-products .account-product-addtocart .button {
    display: block;
    width: 100%;
    max-width: 125px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.page-account .account-products .account-product-quantity {
    width: 18%;
    text-align: center; }
.page-account .account-products .account-product-img img {
    max-width: 110px; }
.page-account .account-products .account-product-desc {
    width: 27%;
    padding-right: 20px; }
.page-account .account-products .account-product-desc a {
    margin: 0 0 5px;
    display: block; }
.page-account .account-products .account-product-desc span {
    display: block;
    line-height: 18px;
    font-size: 0.8125rem; }
.page-account .account-products .account-product-price {
    position: relative;
    width: 18%;
    text-align: center; }
.page-account .account-products .account-product-price .account-product-engraving-price {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    text-align: center;
    text-transform: uppercase; }
.page-account .account-products .account-product-delete {
    width: 18%; }
.page-account .account-products .account-product-delete {
    text-align: right; }
.page-account .account-products .account-product-delete button {
    background-color: transparent; }
@media (max-width: 1024px) {
    .page-account .account-products.account-products-wishlist .account-product-price {
        width: 20%; }
    .page-account .account-products.account-products-wishlist .account-product-desc {
        padding-left: 20px; } }
.page-account .account-products.account-products-wishlist .account-product-price {
    width: 27.5%; }
.page-account .account-products.account-products-wishlist .account-product-addtocart {
    width: 18%; }
.page-account .account-products.account-products-wishlist.not-eco .account-product-desc {
    width: 64%; }
.page-account .account-products.account-products-wishlist span span {
    display: inline; }
.page-account .account-products tfoot td {
    border-bottom: 1px solid #e0e0e0;
    height: 60px;
    text-transform: uppercase;
    border-top: 1px solid #e0e0e0; }
.page-account .account-products tfoot td:last-of-type {
    text-align: center; }
.page-account .account-products .account-tracking td {
    text-align: right; }
.page-account .account-products .account-tracking td li {
    display: inline-block; }
.page-account .account-products .account-tracking td li + li:before {
    content: '|';
    margin: 0 10px; }
.page-account .account-products .account-tracking td a {
    text-decoration: underline; }
.page-account .account-products .account-tracking {
    border-top: 1px solid #e0e0e0; }
.page-account .account-products .account-tracking a {
    padding-top: 15px; }
.page-account .account-products .account-tracking:first-of-type {
    border-top: 0; }
.page-account .account-products .account-tracking:first-of-type a {
    padding-top: 0; }
.page-account .account-header {
    margin-bottom: 40px;
    overflow: hidden; }
@media (max-width: 1024px) {
    .page-account .account-header li {
        margin-left: 1px; } }
.page-account .account-header h1,
.page-account .account-header nav,
.page-account .account-header p {
    width: 50%;
    float: left;
    font-size: 0.8125rem; }
.page-account .account-header h1 {
    font-size: 1.125rem; }
.page-account .account-header p {
    margin-top: 20px;
    display: block;
    clear: left; }
.page-account .account-header ul {
    text-align: right; }
.page-account .account-header li {
    margin-left: 20px;
    display: inline-block; }
.page-account .account-header li[hidden] {
    display: none; }
.page-account .account-header .details {
    clear: left;
    margin-top: 50px;
    font-size: 0.8125rem;
    text-transform: uppercase; }
.page-account .account-header .details span {
    display: block; }
.page-account .account-header .uppercase {
    text-transform: uppercase; }
.page-account .account-header button,
.page-account .account-header a {
    text-decoration: underline;
    font-size: 0.8125rem; }
.page-account .account-header .button--dark {
    text-decoration: none; }
.page-account .account-header.header-cancel-order h1 {
    float: none;
    margin-bottom: 20px; }
.page-account .page-bill .bill-content {
    font-size: 0; }
.page-account .page-bill .total {
    margin: 40px 0; }
.page-account .page-bill .total span {
    display: block;
    text-align: right;
    font-size: 0.8125rem;
    text-transform: uppercase; }
.page-account .page-bill .table-section {
    border: 1px solid #e0e0e0;
    display: inline-block;
    width: 47%;
    font-size: 0.8125rem;
    box-sizing: border-box;
    padding: 0;
    vertical-align: top; }
.page-account .page-bill .table-section:nth-of-type(2n+1) {
    margin-right: 3%; }
.page-account .page-bill .table-section:nth-of-type(2n+0) {
    margin-left: 3%; }
.page-account .page-bill .table-section header {
    padding: 20px;
    background-color: #e0e0e0;
    text-align: center;
    text-transform: uppercase; }
.page-account .page-bill .table-section div {
    padding: 20px 40px; }
.page-account .page-bill .table-section div span {
    display: block; }
.page-account .page-bill thead td {
    background-color: #e0e0e0;
    padding: 20px;
    text-align: center; }
.page-account .page-bill tbody h3 {
    font-size: 0.8125rem; }
.page-account .page-bill tbody td {
    text-align: center;
    border-right: 1px solid #e0e0e0; }
.page-account .page-bill tbody tr {
    border-bottom: 1px solid #e0e0e0; }
.page-account .page-bill tbody .account-product-desc {
    text-align: left;
    border-left: none; }
.page-account .page-bill tbody .account-product-img {
    border-right: none;
    border-left: 1px solid #e0e0e0; }
.page-account .grid-video {
    margin-bottom: -60px;
    table-layout: fixed; }
.page-account .grid-video td {
    width: 33.33%;
    padding-right: 10px;
    padding-left: 10px; }
.page-account .grid-video td:first-of-type {
    padding-right: 20px;
    padding-left: 0; }
.page-account .grid-video td:nth-of-type(3n) {
    padding-right: 0;
    padding-left: 20px; }
.page-account .grid-video img {
    width: 100%; }
.page-account .grid-video .form-field {
    width: 35px;
    margin: 20px auto 22px;
    display: block;
    visibility: hidden;
    float: none;
    position: relative; }
.page-account .grid-video .form-field label {
    margin: 0 auto;
    display: inline-block;
    font-size: 0; }
.page-account .grid-video .form-field input + label {
    padding-left: 17px; }
.page-account .grid-video .form-field.has-error input[type='checkbox'] + label:before {
    border-color: #757575; }
.page-account .grid-video .poster-wrapper {
    display: block;
    position: relative; }
.page-account .grid-video .timer {
    padding: 6px 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.75rem;
    color: white;
    background: black; }
.page-account .grid-video figcaption {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 0.75rem; }
.page-account .is-deleting .grid-video .form-field {
    visibility: visible; }
.page-account .button--equal {
    position: absolute;
    right: 100px;
    bottom: 60px; }
.page-account .advantages-grid .col-12 {
    display: table-cell; }
.page-account .advantages-grid .col-12 .grid {
    font-size: 0; }
.page-account .advantages-grid .col-12 .col {
    padding: 0; }
.page-account .advantages-grid .col .panel {
    margin: 50px; }
.page-account .advantages-grid .col .panel p {
    text-align: center;
    line-height: 18px;
    font-size: 0.8125rem; }
.page-account .advantages-grid .col .panel span {
    margin: 0 auto 20px auto;
    display: block;
    text-align: center;
    font-size: 2.75rem; }
.page-account .advantages-grid .col .panel .icon-follow-dior {
    line-height: 0; }
.page-account .advantages-grid .col .panel .icon-follow-dior:before {
    font-size: 5.75rem;
    line-height: 46px; }
.page-account .advantages-grid .col .panel .icon-info {
    line-height: 0; }
.page-account .advantages-grid .col .panel .icon-info:before {
    font-size: 4.6875rem;
    line-height: 46px; }
.page-account .dashboard-media-list {
    margin-top: 40px;
    margin-bottom: -20px; }
.page-account .dashboard-media-list img {
    width: 100%;
    height: auto; }
.page-account .dashboard-media-list a {
    display: block;
    position: relative; }
.page-account .dashboard-media-list .timer {
    padding: 6px 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 0.6875rem;
    color: white;
    background: black; }
.page-account .dashboard-media-list li {
    width: 22%;
    display: inline-block;
    margin: 0 0 4% 3%; }
.page-account .dashboard-media-list li:first-of-type, .page-account .dashboard-media-list li:nth-of-type(5n) {
    margin-left: 0; }
.page-account .dashboard-media-list.product-list li {
    border: 1px solid #e0e0e0; }
.page-account .return-conditions {
    margin-top: 40px; }
.page-account .return-conditions p {
    font-size: 0.8125rem;
    line-height: 18px; }
.page-account .return-conditions p a {
    text-decoration: underline; }
.page-account .conditions-wrapper {
    margin-top: 25px;
    margin-bottom: 20px;
    clear: left; }
.page-account .conditions {
    width: 70%;
    float: left; }
.page-account .title-personnal-informations {
    margin-top: 60px; }
.page-account .account-form-link {
    margin-bottom: 40px;
    padding: 0;
    display: block;
    clear: left;
    text-decoration: underline;
    font-size: 0.8125rem; }
.page-account .account-form-link.no-margin {
    margin: 0;
    font-size: 0.75rem; }
.page-account .account-form-link[data-accordion-target] {
    position: relative;
    text-decoration: none;
    padding-left: 17px; }
.page-account .account-form-link[data-accordion-target]:before {
    content: "+";
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 0.625rem;
    margin-top: -4px; }
.page-account .account-form-link[data-accordion-target] span {
    text-decoration: underline; }
.page-account .account-form-link[data-accordion-target].active:before {
    content: '-';
    font-size: 0.9375rem;
    margin-top: -8px; }
.page-account #calendar {
    width: 280px;
    margin: 40px auto;
    font-size: 0.8125rem; }
.page-account #calendar .ui-datepicker-header {
    text-align: center;
    margin-bottom: 20px;
    position: relative; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-title {
    text-align: center; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-prev {
    float: left;
    font-size: 0; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-prev:before {
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    position: absolute;
    left: 0; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-next {
    float: right;
    font-size: 0; }
.page-account #calendar .ui-datepicker-header .ui-datepicker-next:before {
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    position: absolute;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 0; }
.page-account #calendar th {
    text-align: center;
    padding-bottom: 10px; }
.page-account #calendar td {
    height: 40px;
    width: 40px;
    border: 1px solid #e0e0e0;
    text-align: center; }
.page-account #calendar td.ui-datepicker-week-end {
    background-color: #000;
    color: white; }
.page-account #calendar td a {
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0.8125rem; }
.page-account #calendar .ui-state-active {
    background: #e0e0e0;
    color: #000;
    position: relative;
    margin: -1px;
    height: 100%; }
.page-account .return-resume p, .page-account .return-resume span, .page-account .return-resume li {
    font-size: 0.8125rem;
    line-height: 18px; }
.page-account .return-resume ol {
    margin: 20px 0; }
.page-account .return-resume .account-header h1 {
    width: 100%; }
.page-account .return-resume .return-product-container {
    margin: 40px 0;
    border-bottom: none; }
.page-account .return-resume .return-product-container h3 {
    font-size: 0.8125rem; }
.page-account .return-resume .info-msg {
    margin-bottom: 30px; }
.page-account .return-resume .order-details {
    margin-top: 40px; }
.page-account .return-resume .instructions {
    background-color: #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    margin: 40px 0; }
.page-account .return-resume .instructions a {
    text-decoration: underline; }
.page-account .resume-product {
    margin-bottom: 40px; }
.page-account .resume-product span, .page-account .resume-product h3 {
    font-size: 0.8125rem;
    display: block;
    line-height: 18px; }
.page-account .resume-product .note {
    margin-top: 40px; }
.page-account .change-password-link {
    margin: 0;
    padding-top: 5px; }
.page-account.page-account-personal-information .accordion-password {
    margin-top: 20px; }
.page-account.page-account-personal-information .accordion-password[aria-expanded='true'] {
    overflow: hidden; }
.page-account.page-account-personal-information .accordion-password div:last-child {
    margin-bottom: 0; }
.page-account .account-create {
    width: 95%;
    max-width: 760px;
    margin: auto;
    padding: 60px 80px;
    overflow: hidden;
    font-size: 0;
    border: 1px solid #e0e0e0; }
.page-account .account-create a {
    font-size: 1rem; }
.page-account .account-create .server-error a {
    font-size: 0.6875rem; }
.page-account .account-newsletters {
    margin-top: 40px; }
.page-account .account-newsletters .subnewsletters {
    margin-left: 20px; }
.page-account .account-newsletters .subnewsletters .form-field {
    margin-left: 20px; }
.page-account .define-as-main {
    margin-top: 25px; }
.page-account .address-modify {
    border-top: 1px solid #e0e0e0; }
.page-account .address-modify .form-field {
    max-width: 480px; }
.page-account .address-modify .account-buttons {
    width: 100%;
    margin-top: 25px;
    float: left; }
.page-account .form-checkbox {
    display: inherit; }
.page-account .delete-toggle {
    margin-top: 15px; }
.page-account .wrapper-button-print {
    margin: 50px auto 0 auto;
    border-top: 1px solid #e0e0e0;
    padding-top: 30px;
    text-align: center; }
.page-account.page-account-return section {
    overflow: visible; }
.page-account.page-account-return section p {
    font-size: 0.8125rem;
    clear: left; }
.page-account.page-account-return section p a {
    text-decoration: underline; }
.page-account.page-account-return .exchange-size-error {
    color: #d70000;
    text-align: right; }
.page-account.page-account-return .accordion-section {
    clear: both; }
.page-account.page-account-return .accordion-section[aria-expanded='true'] {
    overflow: visible; }
.page-account.page-account-return header h1 {
    width: 100%; }
.page-account.page-account-return #return-step1, .page-account.page-account-return #return-step2, .page-account.page-account-return #return-step3 {
    margin-top: 40px; }
.page-account.page-account-return #return-step1 h1 {
    font-size: 0.750rem; }
.page-account.page-account-return #return-step1 .return-product-container h3 {
    font-size: 0.813rem; }
.page-account.page-account-return #return-step1 .account-product-img {
    width: 15%; }
.page-account.page-account-return #return-step3 .return-address-recap {
    font-size: 13px;
    margin-bottom: 40px; }
.page-account.page-account-return .account-adresses {
    margin: 40px 0 0 0; }
.page-account.page-account-return .account-adresses > .form-field {
    margin-top: 30px; }
.page-account.page-account-return .address-modify {
    border-top: none; }
.page-account.page-account-return .choose-hour-container .return-pickup-time {
    overflow: hidden; }
.page-account.page-account-return .choose-hour-container .return-pickup-time p {
    margin-bottom: 30px; }
.page-account.page-account-return .choose-hour-container input[type='radio'] + label:before {
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%; }
.page-account.page-account-return .choose-hour-container input[type='radio']:checked + label:after {
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 0.75rem;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA0B"; }
.page-account.page-account-return .return-method input[type='radio'] + label {
    text-transform: uppercase;
    line-height: 1.2rem; }
.page-account.page-account-return .account-blocks + .return-method {
    margin-top: 30px; }
@media (max-width: 1600px) {
    .page-account .col-nav .panel {
        padding: 50px 25px; } }
@media (max-width: 1280px) {
    .page-account .col-nav header {
        padding-bottom: 25px; }
    .page-account .col-nav header .user-name {
        margin-bottom: 25px; }
    .page-account .col-nav .account-title-small {
        font-size: 0.9375rem; }
    .page-account .col-nav .account-title-small:before {
        left: -25px; }
    .page-account .col-nav a,
    .page-account .col-nav p {
        font-size: 0.6875rem; }
    .page-account .col-nav section {
        padding-left: 25px; }
    .page-account .col-main section {
        padding: 50px 50px; }
    .page-account .account-header h1 {
        line-height: 20px; }
    .page-account .account-header h1,
    .page-account .account-header p {
        width: 35%; }
    .page-account .account-header nav {
        width: 65%; }
    .page-account .account-products .account-product-addtocart .button {
        font-size: 0.6875rem; }
    .page-account .account-blocks .account-block-information {
        width: 75%; }
    .page-account .account-blocks .account-block-actions {
        width: 25%; }
    .page-account .account-blocks .account-block-reservation .account-block-product {
        width: 25%; }
    .page-account .account-blocks .account-block-reservation .account-block-information {
        width: 35%; } }

.grecaptcha-badge {
    visibility: hidden; }

.recaptcha-mention {
    display: none;
    text-align: center;
    margin: 14px 0;
    font-size: 8px;
    color: #8e8e8e; }
.recaptcha-mention a {
    color: #8e8e8e !important;
    font-size: 8px !important;
    text-decoration: underline; }
.recaptcha-mention-left {
    float: left;
    text-align: left !important; }
.recaptcha-mention-right {
    float: right;
    text-align: right !important; }

.panel .my-dior-link a {
    font-size: inherit !important; }

.panel .my-dior-link:before {
    background-image: url("../img/icon-my-dior-beauty.png");
    top: 0 !important;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    background-size: 20px; }

.my-dior-banner {
    display: flex;
    background-color: #06042f;
    background-image: url("../img/elements/my-dior-banner/background_banner.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin-bottom: 2.9% !important; }
@media (max-width: 768px) {
    .my-dior-banner {
        flex-direction: column; } }
.my-dior-banner__join {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex: 0 0 45%;
    padding-bottom: 30px !important;
    background-image: url("../img/elements/my-dior-banner/circled-star.png");
    background-repeat: no-repeat;
    background-position: center -3.125rem;
    background-size: 50%; }
@media (max-width: 768px) {
    .my-dior-banner__join {
        padding-top: 30% !important;
        padding-bottom: 20px !important; } }
.my-dior-banner__join__title-block {
    padding-left: 12% !important;
    padding-right: 12% !important;
    text-align: center; }
.my-dior-banner__join__title-block span {
    font-family: 'Century-Gothic-bold';
    color: #fff;
    font-size: 1.625rem;
    line-height: 2rem; }
@media (max-width: 768px) {
    .my-dior-banner__join__title-block span {
        font-size: 22px; } }
.my-dior-banner__join__title-block p {
    color: #fff;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: -0.09px; }
@media (max-width: 768px) {
    .my-dior-banner__join__title-block p {
        font-size: 10px; } }
.my-dior-banner__join__separator {
    position: absolute;
    top: 32px;
    right: 0;
    bottom: 20px;
    width: 1px;
    background-color: #c4ae76; }
@media (max-width: 768px) {
    .my-dior-banner__join__separator {
        display: none; } }
.my-dior-banner__discover {
    flex: 0 0 55%;
    padding-top: 47px !important;
    padding-bottom: 26px !important;
    text-align: center; }
@media (max-width: 768px) {
    .my-dior-banner__discover {
        padding-top: 0 !important; } }
.my-dior-banner__discover__description {
    display: flex;
    padding-left: 12% !important;
    padding-right: 12% !important;
    padding-bottom: 41px !important;
    text-align: left; }
@media (max-width: 1024px) {
    .my-dior-banner__discover__description {
        padding-left: 6% !important;
        padding-right: 6% !important; } }
@media (max-width: 768px) {
    .my-dior-banner__discover__description {
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 20px !important;
        max-width: 360px;
        margin: auto !important; } }
.my-dior-banner__discover__description__title {
    display: block;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.25 !important;
    letter-spacing: -0.17px;
    text-transform: uppercase;
    color: #c4ae76;
    margin-bottom: 20px !important;
    white-space: nowrap;
    font-family: 'Century-Gothic-bold' !important; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description__title {
        text-align: center;
        margin-bottom: 15px !important;
        font-size: 15px !important; } }
.my-dior-banner__discover__description__title br {
    display: none; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description__title br {
        display: block; } }
.my-dior-banner__discover__description__block {
    display: flex; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description__block {
        flex-direction: column; } }
.my-dior-banner__discover__description__block img {
    width: auto !important;
    max-height: 36px;
    margin-bottom: 5px; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description__block img {
        width: 28px !important;
        max-height: none;
        height: auto !important;
        margin-bottom: 0;
        margin-right: 7px; } }
.my-dior-banner__discover__description__block p {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.31;
    letter-spacing: 0;
    color: #fff;
    font-family: 'Century-Gothic-bold'; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description__block p {
        font-size: 10px; } }
.my-dior-banner__discover__description__block > div:first-child {
    margin-right: 10px; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description__block > div:first-child {
        margin-right: 0; } }
.my-dior-banner__discover__description__block > div {
    flex: 0 0 50%; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description__block > div {
        flex: 0 1 auto;
        display: flex;
        margin-bottom: 10px;
        align-items: center; } }
.my-dior-banner__discover__description > div {
    flex: 1;
    position: relative; }
.my-dior-banner__discover__description > div:first-child {
    margin-right: 10px; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description > div:last-child {
        margin-left: 10px; } }
.my-dior-banner__discover__description__separator {
    display: none; }
@media (max-width: 768px) {
    .my-dior-banner__discover__description__separator {
        display: block;
        position: absolute;
        width: 1px;
        background-color: #c4ae76;
        top: 5px;
        bottom: 20px;
        right: -10px; } }
.my-dior-banner__discover__cta {
    cursor: pointer;
    display: block;
    margin: auto;
    height: 3rem;
    border-radius: 1.5rem !important;
    font-size: 0.9375rem !important;
    line-height: 1.0625rem;
    padding: 0 2rem;
    color: #000000;
    background-color: #c4ae76 !important;
    text-transform: uppercase; }
@media (max-width: 768px) {
    .my-dior-banner__discover__cta {
        font-size: 12px !important;
        height: 2rem;
        border-radius: 1rem !important;
        padding: 0 1.5rem; } }
.my-dior-banner__discover__cta:hover {
    font-weight: bold; }
.my-dior-banner__discover a.my-dior-banner__discover__cta {
    display: inline-block;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    border-radius: 24px !important;
    font-size: 0.9375rem !important;
    line-height: 1rem;
    padding: 15px 2rem !important;
    color: #000000;
    background-color: #c4ae76 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    text-decoration: none;
    height: auto; }
@media (max-width: 768px) {
    .my-dior-banner__discover a.my-dior-banner__discover__cta {
        font-size: 12px !important;
        border-radius: 16px !important;
        padding: 8px 1.5rem !important; } }
.my-dior-banner-col {
    width: 100%; }
@media (max-width: 768px) {
    .my-dior-banner-col {
        padding: 0 !important; } }

.my-dior-beauty-banner {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -10px !important;
    margin-bottom: 40px !important;
    background-color: #06042f;
    background-image: url("../img/elements/my-dior-banner/background_banner.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center; }
.my-dior-beauty-banner__wrapper {
    max-width: 320px;
    width: 100%;
    height: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    background-image: url("../img/elements/my-dior-banner/circled-star.png");
    background-repeat: no-repeat;
    background-position: center -1.8rem;
    background-size: 38%; }
.my-dior-beauty-banner__content {
    margin: auto !important;
    padding-top: 20% !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important; }
.my-dior-beauty-banner__content span {
    color: #fff;
    letter-spacing: -0.17px;
    font-weight: bold;
    font-family: 'Century-Gothic-bold';
    font-size: 1.625rem;
    line-height: 2rem; }
@media (max-width: 768px) {
    .my-dior-beauty-banner__content span {
        font-size: 22px; } }
.my-dior-beauty-banner__content p {
    color: #fff;
    margin-bottom: 20px !important;
    font-size: 15px !important;
    line-height: 1.33;
    letter-spacing: -0.09px; }
@media (max-width: 768px) {
    .my-dior-beauty-banner__content p {
        font-size: 10px !important; } }
.my-dior-beauty-banner__content__cta {
    display: inline-block;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    border-radius: 24px !important;
    font-size: 0.9375rem !important;
    line-height: 1rem;
    padding: 15px 2rem !important;
    color: #000000;
    background-color: #c4ae76 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    text-decoration: none; }
@media (max-width: 768px) {
    .my-dior-beauty-banner__content__cta {
        font-size: 12px !important;
        border-radius: 16px !important;
        padding: 8px 1.5rem !important; } }
.my-dior-beauty-banner__content__cta:hover {
    font-weight: bold; }

footer.ecrin-light {
    border-top: 1px solid #e0e0e0;
    margin-top: 40px;
    padding: 45px 0; }
footer.ecrin-light .country-title {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 12px 0; }
footer.ecrin-light .region-title {
    font-size: 14px;
    margin: 0;
    color: grey;
    font-weight: normal;
    padding: 0 20px; }
footer.ecrin-light .is-ecommerce {
    position: relative; }
footer.ecrin-light .is-ecommerce:before {
    content: "";
    background: url("../img/svg/ecommerce.svg") no-repeat;
    width: 16px;
    height: 20px;
    display: block;
    position: absolute;
    top: 14px;
    left: 20px; }
footer.ecrin-light .country {
    position: relative;
    width: 335px;
    max-width: 90%;
    margin: auto;
    text-align: center;
    font-size: 15px; }
footer.ecrin-light .country .country-list {
    position: absolute;
    width: 100%;
    bottom: 25px;
    padding-bottom: 25px;
    text-align: left;
    background: white;
    height: 250px;
    border: 1px solid lightgrey;
    box-sizing: border-box; }
footer.ecrin-light .country .country-list > ul {
    max-height: 100%;
    overflow: auto; }
footer.ecrin-light .country .country-list li {
    line-height: 45px; }
footer.ecrin-light .country .country-list li li:hover {
    background: #f6f6f6;
    font-weight: bold; }
footer.ecrin-light .country a {
    display: block;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    box-sizing: border-box;
    padding-left: 50px; }
footer.ecrin-light .country a.is-ecommerce:before {
    top: 10px; }
footer.ecrin-light .country-picker {
    position: relative;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    border-radius: 30px;
    padding: 0 20px;
    border: 1px solid black;
    background: white;
    text-align: left;
    cursor: pointer;
    font-size: 15px; }
footer.ecrin-light .country-picker.is-ecommerce {
    padding-left: 50px; }
footer.ecrin-light .country-picker:after {
    content: "";
    background: url("../img/svg/arrow-thin-2.svg") no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 30px;
    top: 15px;
    transform: rotate(180deg); }
footer.ecrin-light .country-picker + .country-list {
    display: none; }
footer.ecrin-light .country-picker:focus:after {
    transform: rotate(0deg);
    top: 20px; }
footer.ecrin-light .country-picker:focus + .country-list {
    display: block; }
footer.ecrin-light .country:active .country-list {
    display: block; }
footer.ecrin-light .centered {
    text-align: center;
    line-height: 22px; }
footer.ecrin-light .centered img {
    height: 16px; }

.ecrin-light {
    font-size: 14px; }
.ecrin-light button {
    font-family: Century Gothic, Arial, sans-serif;
    outline: 0;
    background: transparent; }
.ecrin-light ul, .ecrin-light li {
    padding: 0;
    margin: 0;
    list-style: none; }
.ecrin-light a {
    color: black;
    text-decoration: underline; }

#ecrin-light-links {
    text-align: center;
    margin: 45px 0; }
#ecrin-light-links li {
    margin-top: 20px; }

#storeToWeb {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    top: 0;
    background: white;
    z-index: 10; }

.banner_store_web {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    background-color: #fff;
    font-size: .8rem;
    border-bottom: 1px solid #E5E5E5; }
.banner_store_web .info {
    display: flex;
    justify-content: space-between;
    flex-direction: row; }
.banner_store_web .info p {
    margin: 0;
    padding: 0 10px;
    border-right: 1px solid #000; }
.banner_store_web .info p:last-child {
    border-right: 0; }
.banner_store_web .info span {
    font-weight: bold; }
.banner_store_web .buttons button {
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    height: 36px;
    border-radius: 18px;
    font-size: .8rem;
    line-height: 17px;
    padding: 0 32px;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-family: "Century-Gothic", Arial, sans-serif; }
.banner_store_web .buttons button.customer-logout {
    margin-right: 8px;
    background-color: #D70000;
    border: 1px solid #D70000; }

.has-store-to-web {
    margin-top: 60px; }

@media screen and (max-width: 990px) {
    #storeToWeb.is-connected .info {
        flex-direction: column; }
    #storeToWeb.is-connected .info p {
        border-right: 0; }
    #storeToWeb.is-connected .info p + p {
        margin-top: 10px; } }

#popin-wrapper {
    /* ADVANTAGES */ }
#popin-wrapper .popin-delivery-timing-error {
    width: 820px; }
#popin-wrapper .popin-delete-address h1 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 1.25rem; }
#popin-wrapper .popin-delete-address .account-buttons {
    text-align: center; }
#popin-wrapper .popin-delete-address .account-buttons button {
    margin-left: 20px; }
#popin-wrapper .popin-forgotten-password {
    text-align: center; }
#popin-wrapper .popin-forgotten-password p {
    margin-bottom: 20px;
    text-align: center; }
#popin-wrapper .popin-forgotten-password .popin-error {
    text-align: center; }
#popin-wrapper .popin-forgotten-password .rich-text {
    font-size: 0.75rem; }
#popin-wrapper .popin-forgotten-password .form-field {
    width: 300px;
    margin: 0 auto 15px auto;
    display: block; }
#popin-wrapper .popin-forgotten-password .form-field input[type='submit'] {
    margin: 30px auto 0;
    display: block; }
#popin-wrapper .dior-v7.popin-wrapper .popin-player {
    padding: 0; }
#popin-wrapper .dior-v7.popin-wrapper .popin-player .popin-close {
    display: block;
    width: auto;
    height: auto;
    border: 1px solid white;
    color: white;
    font-size: 0;
    padding: 5px; }
#popin-wrapper .dior-v7.popin-wrapper .popin-player .popin-close:before {
    display: block;
    overflow: hidden;
    font-size: 0.9375rem;
    vertical-align: middle; }
#popin-wrapper .dior-v7.popin-wrapper .popin-player .popin-close:hover:before, #popin-wrapper .dior-v7.popin-wrapper .popin-player .popin-close:focus:before {
    color: white; }
#popin-wrapper .dior-v7.popin-wrapper .popin-player .player-wrapper {
    width: 100%;
    height: auto;
    position: relative; }
#popin-wrapper .dior-v7.popin-wrapper .popin-player .player-wrapper video {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
#popin-wrapper .dior-v7.popin-wrapper .popin-player .player-poster {
    pointer-events: none; }
#popin-wrapper .popin-fullscreen .dior-v7.popin-wrapper .popin .popin-close {
    top: 50px;
    right: 50px;
    z-index: 5; }
#popin-wrapper .popin-fullscreen .dior-v7.popin-wrapper .popin .player-wrapper {
    width: 100%;
    height: 100%;
    position: absolute; }
#popin-wrapper .popin-fullscreen .dior-v7.popin-wrapper .popin .player-wrapper video {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
#popin-wrapper .popin-share-wishlist p {
    text-transform: uppercase; }
#popin-wrapper .popin-share-wishlist form {
    font-size: 0; }
#popin-wrapper .popin-share-wishlist .form-field textarea {
    height: 100px; }
#popin-wrapper .popin-share-wishlist .popin-error {
    font-size: 0.9375rem; }
#popin-wrapper .popin-tunnel-engraving-modify form {
    width: 330px;
    margin: auto; }
#popin-wrapper .popin-tunnel-engraving-modify .engraving-count {
    display: block;
    clear: left;
    position: relative;
    top: -5px;
    margin-bottom: 25px;
    font-size: 0.688rem;
    text-align: right;
    color: #757575; }
#popin-wrapper .popin-tunnel-engraving-modify .button {
    width: 152px; }
#popin-wrapper .popin-tunnel-engraving-modify .button + .button {
    margin-left: 20px; }
#popin-wrapper .popin-tunnel-engraving-modify p {
    color: #757575;
    margin-top: 30px;
    font-size: 0.688rem;
    line-height: 16px; }
#popin-wrapper .popin-tunnel-engraving-delete,
#popin-wrapper .popin-tunnel-engraving-confirm {
    text-align: center; }
#popin-wrapper .popin-tunnel-engraving-delete p,
#popin-wrapper .popin-tunnel-engraving-confirm p {
    margin-bottom: 30px; }
#popin-wrapper .popin-tunnel-engraving-delete .button,
#popin-wrapper .popin-tunnel-engraving-confirm .button {
    display: inline-block; }
#popin-wrapper .popin-tunnel-engraving-delete .button + .button,
#popin-wrapper .popin-tunnel-engraving-confirm .button + .button {
    margin-left: 20px; }
#popin-wrapper .popin-tunnel-engraving-confirm {
    max-width: 920px; }
#popin-wrapper .popin-tunnel-help {
    width: 500px;
    min-width: 500px;
    padding: 30px; }
#popin-wrapper .popin-tunnel-help .popin-close {
    font-size: 0.938rem; }
#popin-wrapper .popin-tunnel-help h2 {
    padding: 0 0 10px;
    font-size: 1rem;
    text-transform: uppercase;
    border-bottom: 1px solid #cecece;
    margin-bottom: 30px;
    text-align: left; }
#popin-wrapper .popin-tunnel-help ul {
    margin-bottom: 30px;
    overflow: hidden; }
#popin-wrapper .popin-tunnel-help li {
    display: block;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #757575;
    font-size: 0.750rem; }
#popin-wrapper .popin-tunnel-help li:nth-of-type(odd) {
    padding-right: 10px; }
#popin-wrapper .popin-tunnel-help li:nth-of-type(even) {
    padding-left: 10px; }
#popin-wrapper .popin-tunnel-help li img {
    max-width: 100%;
    margin: 0 auto 15px; }
#popin-wrapper .popin-tunnel-help p + p {
    margin-top: 20px; }
#popin-wrapper .popin-tunnel-samples {
    width: 920px; }
#popin-wrapper .popin-tunnel-samples .samples-list {
    display: block;
    width: 100%;
    max-height: 385px;
    overflow: auto; }
#popin-wrapper .popin-tunnel-samples .sample-category {
    float: left;
    width: 33.33%; }
#popin-wrapper .popin-tunnel-samples .popin-title {
    margin: 0 20px 30px 0;
    padding: 0 0 15px;
    font-size: 1.125rem;
    border-bottom: 1px solid #e0e0e0; }
#popin-wrapper .popin-tunnel-samples h2 {
    text-transform: uppercase;
    font-size: 1.125rem;
    margin-bottom: 20px; }
#popin-wrapper .popin-tunnel-samples ul {
    display: block;
    padding-right: 40px;
    font-size: 0; }
#popin-wrapper .popin-tunnel-samples li {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden; }
#popin-wrapper .popin-tunnel-samples li:first-of-type, #popin-wrapper .popin-tunnel-samples li:nth-of-type(2) {
    margin-top: 0; }
#popin-wrapper .popin-tunnel-samples li:nth-of-type(odd) {
    padding-right: 12px; }
#popin-wrapper .popin-tunnel-samples li:nth-of-type(odd) label:after {
    margin-left: -14px; }
#popin-wrapper .popin-tunnel-samples li:nth-of-type(even) {
    padding-left: 12px; }
#popin-wrapper .popin-tunnel-samples li:nth-of-type(even) label:after {
    margin-left: 0; }
#popin-wrapper .popin-tunnel-samples li img {
    max-width: 100%;
    margin: auto;
    border: 1px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
#popin-wrapper .popin-tunnel-samples li span {
    display: block;
    text-align: center;
    font-size: 0.813rem; }
#popin-wrapper .popin-tunnel-samples li span:first-of-type {
    text-transform: uppercase; }
#popin-wrapper .popin-tunnel-samples li input {
    position: absolute;
    right: 5000%; }
#popin-wrapper .popin-tunnel-samples li label {
    overflow: hidden;
    display: block;
    cursor: pointer; }
#popin-wrapper .popin-tunnel-samples li label:after {
    position: absolute;
    bottom: 1px;
    left: 50%;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e0e0e0; }
#popin-wrapper .popin-tunnel-samples li input:checked + label:after {
    font-size: 0.750rem;
    padding-top: 1px;
    padding-left: 1px;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA0B"; }
#popin-wrapper .popin-tunnel-samples li input:focus + label span,
#popin-wrapper .popin-tunnel-samples li input:hover + label span {
    text-decoration: underline; }
#popin-wrapper .popin-tunnel-samples li input:focus + label:after,
#popin-wrapper .popin-tunnel-samples li input:hover + label:after {
    border: 1px solid black; }
#popin-wrapper .popin-tunnel-samples li input:checked + label img {
    border: 1px solid black; }
#popin-wrapper .popin-tunnel-samples input[type='submit'] {
    display: block;
    margin: 40px auto 0; }
#popin-wrapper .popin-tunnel-tripservices {
    width: 920px; }
#popin-wrapper .popin-tunnel-tripservices .tripservice-picture {
    display: inline-block;
    vertical-align: middle;
    width: 385px;
    margin: 0 40px 0 0; }
#popin-wrapper .popin-tunnel-tripservices .tripservice-picture img {
    margin: auto; }
#popin-wrapper .popin-tunnel-tripservices .tripservice-description {
    width: 370px;
    display: inline-block;
    vertical-align: middle; }
#popin-wrapper .popin-tunnel-tripservices h1 {
    font-size: 1.625rem;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left; }
#popin-wrapper .popin-tunnel-tripservices span {
    display: block;
    margin-bottom: 20px; }
#popin-wrapper .popin-tunnel-tripservices button {
    float: right;
    margin-top: 20px; }
#popin-wrapper .popin-tunnel-product-information {
    width: 920px; }
#popin-wrapper .popin-tunnel-product-information .product-information-picture {
    display: table-cell;
    vertical-align: middle;
    width: 385px;
    margin: 0 40px 0 0; }
#popin-wrapper .popin-tunnel-product-information .product-information-picture img {
    margin: auto;
    width: 100%; }
#popin-wrapper .popin-tunnel-product-information .product-information-description {
    width: 370px;
    display: table-cell;
    vertical-align: middle; }
#popin-wrapper .popin-tunnel-product-information h1 {
    font-size: 1.625rem;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left; }
#popin-wrapper .popin-tunnel-product-information span {
    display: block;
    margin-bottom: 20px; }
#popin-wrapper .popin-tunnel-product-information button {
    float: right;
    margin-top: 20px; }
#popin-wrapper .popin-zipcode {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px; }
#popin-wrapper .popin-zipcode .page-0 tr:nth-of-type(1),
#popin-wrapper .popin-zipcode .page-0 tr:nth-of-type(2),
#popin-wrapper .popin-zipcode .page-0 tr:nth-of-type(3) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-1 tr:nth-of-type(4),
#popin-wrapper .popin-zipcode .page-1 tr:nth-of-type(5),
#popin-wrapper .popin-zipcode .page-1 tr:nth-of-type(6) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-2 tr:nth-of-type(7),
#popin-wrapper .popin-zipcode .page-2 tr:nth-of-type(8),
#popin-wrapper .popin-zipcode .page-2 tr:nth-of-type(9) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-3 tr:nth-of-type(10),
#popin-wrapper .popin-zipcode .page-3 tr:nth-of-type(11),
#popin-wrapper .popin-zipcode .page-3 tr:nth-of-type(12) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-4 tr:nth-of-type(13),
#popin-wrapper .popin-zipcode .page-4 tr:nth-of-type(14),
#popin-wrapper .popin-zipcode .page-4 tr:nth-of-type(15) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-5 tr:nth-of-type(16),
#popin-wrapper .popin-zipcode .page-5 tr:nth-of-type(17),
#popin-wrapper .popin-zipcode .page-5 tr:nth-of-type(18) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-6 tr:nth-of-type(19),
#popin-wrapper .popin-zipcode .page-6 tr:nth-of-type(20),
#popin-wrapper .popin-zipcode .page-6 tr:nth-of-type(21) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-7 tr:nth-of-type(22),
#popin-wrapper .popin-zipcode .page-7 tr:nth-of-type(23),
#popin-wrapper .popin-zipcode .page-7 tr:nth-of-type(24) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-8 tr:nth-of-type(25),
#popin-wrapper .popin-zipcode .page-8 tr:nth-of-type(26),
#popin-wrapper .popin-zipcode .page-8 tr:nth-of-type(27) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-9 tr:nth-of-type(28),
#popin-wrapper .popin-zipcode .page-9 tr:nth-of-type(29),
#popin-wrapper .popin-zipcode .page-9 tr:nth-of-type(30) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-10 tr:nth-of-type(31),
#popin-wrapper .popin-zipcode .page-10 tr:nth-of-type(32),
#popin-wrapper .popin-zipcode .page-10 tr:nth-of-type(33) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-11 tr:nth-of-type(34),
#popin-wrapper .popin-zipcode .page-11 tr:nth-of-type(35),
#popin-wrapper .popin-zipcode .page-11 tr:nth-of-type(36) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-12 tr:nth-of-type(37),
#popin-wrapper .popin-zipcode .page-12 tr:nth-of-type(38),
#popin-wrapper .popin-zipcode .page-12 tr:nth-of-type(39) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-13 tr:nth-of-type(40),
#popin-wrapper .popin-zipcode .page-13 tr:nth-of-type(41),
#popin-wrapper .popin-zipcode .page-13 tr:nth-of-type(42) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-14 tr:nth-of-type(43),
#popin-wrapper .popin-zipcode .page-14 tr:nth-of-type(44),
#popin-wrapper .popin-zipcode .page-14 tr:nth-of-type(45) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-15 tr:nth-of-type(46),
#popin-wrapper .popin-zipcode .page-15 tr:nth-of-type(47),
#popin-wrapper .popin-zipcode .page-15 tr:nth-of-type(48) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-16 tr:nth-of-type(49),
#popin-wrapper .popin-zipcode .page-16 tr:nth-of-type(50),
#popin-wrapper .popin-zipcode .page-16 tr:nth-of-type(51) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-17 tr:nth-of-type(52),
#popin-wrapper .popin-zipcode .page-17 tr:nth-of-type(53),
#popin-wrapper .popin-zipcode .page-17 tr:nth-of-type(54) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-18 tr:nth-of-type(55),
#popin-wrapper .popin-zipcode .page-18 tr:nth-of-type(56),
#popin-wrapper .popin-zipcode .page-18 tr:nth-of-type(57) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-19 tr:nth-of-type(58),
#popin-wrapper .popin-zipcode .page-19 tr:nth-of-type(59),
#popin-wrapper .popin-zipcode .page-19 tr:nth-of-type(60) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-20 tr:nth-of-type(61),
#popin-wrapper .popin-zipcode .page-20 tr:nth-of-type(62),
#popin-wrapper .popin-zipcode .page-20 tr:nth-of-type(63) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-21 tr:nth-of-type(64),
#popin-wrapper .popin-zipcode .page-21 tr:nth-of-type(65),
#popin-wrapper .popin-zipcode .page-21 tr:nth-of-type(66) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-22 tr:nth-of-type(67),
#popin-wrapper .popin-zipcode .page-22 tr:nth-of-type(68),
#popin-wrapper .popin-zipcode .page-22 tr:nth-of-type(69) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-23 tr:nth-of-type(70),
#popin-wrapper .popin-zipcode .page-23 tr:nth-of-type(71),
#popin-wrapper .popin-zipcode .page-23 tr:nth-of-type(72) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-24 tr:nth-of-type(73),
#popin-wrapper .popin-zipcode .page-24 tr:nth-of-type(74),
#popin-wrapper .popin-zipcode .page-24 tr:nth-of-type(75) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-25 tr:nth-of-type(76),
#popin-wrapper .popin-zipcode .page-25 tr:nth-of-type(77),
#popin-wrapper .popin-zipcode .page-25 tr:nth-of-type(78) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-26 tr:nth-of-type(79),
#popin-wrapper .popin-zipcode .page-26 tr:nth-of-type(80),
#popin-wrapper .popin-zipcode .page-26 tr:nth-of-type(81) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-27 tr:nth-of-type(82),
#popin-wrapper .popin-zipcode .page-27 tr:nth-of-type(83),
#popin-wrapper .popin-zipcode .page-27 tr:nth-of-type(84) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-28 tr:nth-of-type(85),
#popin-wrapper .popin-zipcode .page-28 tr:nth-of-type(86),
#popin-wrapper .popin-zipcode .page-28 tr:nth-of-type(87) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-29 tr:nth-of-type(88),
#popin-wrapper .popin-zipcode .page-29 tr:nth-of-type(89),
#popin-wrapper .popin-zipcode .page-29 tr:nth-of-type(90) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-30 tr:nth-of-type(91),
#popin-wrapper .popin-zipcode .page-30 tr:nth-of-type(92),
#popin-wrapper .popin-zipcode .page-30 tr:nth-of-type(93) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-31 tr:nth-of-type(94),
#popin-wrapper .popin-zipcode .page-31 tr:nth-of-type(95),
#popin-wrapper .popin-zipcode .page-31 tr:nth-of-type(96) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-32 tr:nth-of-type(97),
#popin-wrapper .popin-zipcode .page-32 tr:nth-of-type(98),
#popin-wrapper .popin-zipcode .page-32 tr:nth-of-type(99) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-33 tr:nth-of-type(100),
#popin-wrapper .popin-zipcode .page-33 tr:nth-of-type(101),
#popin-wrapper .popin-zipcode .page-33 tr:nth-of-type(102) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-34 tr:nth-of-type(103),
#popin-wrapper .popin-zipcode .page-34 tr:nth-of-type(104),
#popin-wrapper .popin-zipcode .page-34 tr:nth-of-type(105) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-35 tr:nth-of-type(106),
#popin-wrapper .popin-zipcode .page-35 tr:nth-of-type(107),
#popin-wrapper .popin-zipcode .page-35 tr:nth-of-type(108) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-36 tr:nth-of-type(109),
#popin-wrapper .popin-zipcode .page-36 tr:nth-of-type(110),
#popin-wrapper .popin-zipcode .page-36 tr:nth-of-type(111) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-37 tr:nth-of-type(112),
#popin-wrapper .popin-zipcode .page-37 tr:nth-of-type(113),
#popin-wrapper .popin-zipcode .page-37 tr:nth-of-type(114) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-38 tr:nth-of-type(115),
#popin-wrapper .popin-zipcode .page-38 tr:nth-of-type(116),
#popin-wrapper .popin-zipcode .page-38 tr:nth-of-type(117) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-39 tr:nth-of-type(118),
#popin-wrapper .popin-zipcode .page-39 tr:nth-of-type(119),
#popin-wrapper .popin-zipcode .page-39 tr:nth-of-type(120) {
    display: table-row; }
#popin-wrapper .popin-zipcode .page-40 tr:nth-of-type(121),
#popin-wrapper .popin-zipcode .page-40 tr:nth-of-type(122),
#popin-wrapper .popin-zipcode .page-40 tr:nth-of-type(123) {
    display: table-row; }
#popin-wrapper .popin-zipcode form {
    padding: 20px;
    text-transform: uppercase;
    font-size: 0.6875rem; }
#popin-wrapper .popin-zipcode p {
    color: #000;
    margin-bottom: 12px;
    font-size: 0.6875rem;
    line-height: 14px; }
#popin-wrapper .popin-zipcode .zipcode-input {
    padding: 0 0 0 10px;
    width: 100%;
    height: 35px; }
#popin-wrapper .popin-zipcode .field-required {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block; }
#popin-wrapper .popin-zipcode .zipcode-error {
    color: #d70000;
    display: none;
    margin-top: 20px; }
#popin-wrapper .popin-zipcode .zipcode-error.visible {
    display: block; }
#popin-wrapper .popin-zipcode table {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    font-size: 0.75rem; }
#popin-wrapper .popin-zipcode table:empty {
    display: none; }
#popin-wrapper .popin-zipcode table td {
    text-align: center; }
#popin-wrapper .popin-zipcode table tr {
    display: none;
    height: 80px;
    border: 1px solid #e0e0e0;
    cursor: pointer; }
#popin-wrapper .popin-zipcode table tr span {
    display: block;
    line-height: 20px;
    max-width: 95%;
    margin: auto; }
#popin-wrapper .popin-zipcode table tr span:first-of-type {
    margin-bottom: 5px; }
#popin-wrapper .popin-zipcode table td {
    vertical-align: middle; }
#popin-wrapper .popin-zipcode table td:first-of-type {
    width: 25%;
    border-right: 1px solid #e0e0e0; }
#popin-wrapper .popin-zipcode .controls {
    position: relative;
    height: 65px;
    display: none;
    text-align: center; }
#popin-wrapper .popin-zipcode .controls.visible {
    display: block; }
#popin-wrapper .popin-zipcode .controls button {
    position: absolute;
    top: 50%;
    background: transparent;
    outline: 0;
    border: 0; }
#popin-wrapper .popin-zipcode .controls .prev {
    right: 60%;
    font-size: 0; }
#popin-wrapper .popin-zipcode .controls .prev:before {
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA05"; }
#popin-wrapper .popin-zipcode .controls .next {
    left: 60%;
    font-size: 0; }
#popin-wrapper .popin-zipcode .controls .next:before {
    font-size: 1rem;
    position: absolute;
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -moz-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    -o-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA05"; }
#popin-wrapper .popin-zipcode .controls .disabled {
    opacity: .5; }
#popin-wrapper #popin #wrapper .popin-zipcode-search {
    padding-top: 20px; }
#popin-wrapper .popin-eshop-advantages {
    width: 940px;
    padding: 0 100px; }
.popin-wrapper #popin-wrapper .popin-eshop-advantages .popin-title {
    margin: 40px 0;
    padding-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0; }
#popin-wrapper .popin-eshop-advantages .popin-title {
    text-transform: uppercase;
    font-size: 1.9rem;
    text-align: center;
    margin: 40px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5; }
#popin-wrapper .popin-eshop-advantages .eshop-advantages-sample {
    margin: 0 0 40px;
    padding: 20px 40px;
    font-size: 0;
    border: 1px solid #e0e0e0; }
#popin-wrapper .popin-eshop-advantages .eshop-advantages-sample.eshop-advantages-sample--black {
    padding: 40px 0;
    text-align: center;
    color: white;
    background-color: black; }
#popin-wrapper .popin-eshop-advantages .eshop-advantages-sample.eshop-advantages-sample--black h4 {
    text-transform: uppercase; }
#popin-wrapper .popin-eshop-advantages .eshop-advantages-sample .sample-text, #popin-wrapper .popin-eshop-advantages .eshop-advantages-sample .sample-visual {
    display: inline-block;
    vertical-align: middle; }
#popin-wrapper .popin-eshop-advantages .eshop-advantages-sample .sample-text {
    width: 460px;
    padding: 0 20px 0 0; }
#popin-wrapper .popin-eshop-advantages .eshop-advantages-sample p {
    margin: 22px 0 0; }
#popin-wrapper .popin-eshop-advantages h4 {
    margin: 0 0 10px;
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-transform: uppercase; }
#popin-wrapper .popin-eshop-advantages p {
    margin: 0 0 32px;
    font-size: 0.8125rem;
    line-height: 1.125rem; }
#popin-wrapper .popin-eshop-advantages table {
    margin: 0 0 40px; }
#popin-wrapper .popin-eshop-advantages table td, #popin-wrapper .popin-eshop-advantages table th {
    width: 240px;
    height: 40px;
    line-height: 2.5rem;
    text-align: center;
    font-size: 0.75rem; }
#popin-wrapper .popin-eshop-advantages table td {
    border: 1px solid #e0e0e0; }
#popin-wrapper .popin-eshop-advantages table th {
    text-transform: uppercase; }
#popin-wrapper .popin-eshop-advantages table th.table-cell--first {
    width: 160px;
    text-align: left; }
#popin-wrapper .sizeguide {
    width: 810px; }
#popin-wrapper .sizeguide.formel {
    width: 780px; }
#popin-wrapper .sizeguide .popin-title {
    text-transform: uppercase;
    font-size: 1.875rem; }
#popin-wrapper .sizeguide h3 {
    text-align: center;
    margin: 40px 45px; }
#popin-wrapper .sizeguide td, #popin-wrapper .sizeguide th {
    text-align: center; }
#popin-wrapper .sizeguide .custom-select {
    position: absolute;
    top: 10px;
    right: 40px;
    color: #000;
    text-transform: uppercase;
    background: none;
    border: 1px solid #e0e0e0;
    display: block;
    height: 20px;
    padding: 5px 5px 5px 10px;
    font-size: 0.8125rem;
    cursor: pointer; }
#popin-wrapper .sizeguide .custom-select-list {
    position: absolute;
    z-index: 9999;
    margin: -1px 0 0 0;
    padding: 0;
    list-style-type: none;
    border: 1px solid #e0e0e0;
    background-color: white; }
#popin-wrapper .sizeguide .custom-select-list li {
    padding: 5px 5px 5px 10px;
    font-size: 0.8125rem; }
#popin-wrapper .sizeguide .custom-select-selected {
    background-color: #e0e0e0; }
#popin-wrapper .sizeguide .custom-select-label {
    width: 100%;
    height: 100%;
    color: #757575;
    white-space: nowrap;
    padding-right: 30px; }
#popin-wrapper .sizeguide .custom-select-label:after {
    display: block;
    position: absolute;
    top: 6px;
    right: 14px;
    font-size: 0.75rem;
    color: black;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
#popin-wrapper .sizeguide .custom-select-has-value {
    color: black; }
#popin-wrapper .sizeguide .tabs {
    width: 100%; }
#popin-wrapper .sizeguide .tabs hr {
    margin: -1px auto 2.9%; }
#popin-wrapper .sizeguide .tabs .tabs-headers {
    position: relative;
    margin: 0 80px;
    z-index: 1; }
#popin-wrapper .sizeguide .tabs .tabs-headers.num-1 li {
    width: 648px; }
#popin-wrapper .sizeguide .tabs .tabs-headers.num-2 li {
    width: 323.5px; }
#popin-wrapper .sizeguide .tabs .tabs-headers.num-3 li {
    width: 215.33333px; }
#popin-wrapper .sizeguide .tabs .tabs-headers.num-4 li {
    width: 161.25px; }
#popin-wrapper .sizeguide .tabs .tabs-headers.num-5 li {
    width: 128.8px; }
#popin-wrapper .sizeguide .tabs .tabs-headers li {
    text-transform: uppercase;
    text-align: center;
    background: #f6f6f6;
    padding: 16px 0;
    display: inline-block;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #757575;
    border-right: 1px solid #757575; }
#popin-wrapper .sizeguide .tabs .tabs-headers li.tab-header--active {
    background: #fff;
    border-bottom: 1px solid #fff; }
#popin-wrapper .sizeguide .tabs .tabs-headers li.tab--first {
    border-left: 1px solid #757575; }
#popin-wrapper .sizeguide .tabs .tabs-headers li a {
    font-size: 0.8125rem;
    color: #000; }
#popin-wrapper .sizeguide .tabs .tab-content {
    margin: 40px 0 0;
    display: none;
    position: relative; }
#popin-wrapper .sizeguide .tabs .tab-content.tab-content--active {
    display: block; }
#popin-wrapper .sizeguide .tabs .tab-content .margin {
    margin: 0 80px 40px;
    text-align: left; }
#popin-wrapper .sizeguide .tabs .tab-content .margin.text-centered {
    text-align: center; }
#popin-wrapper .sizeguide .tabs .tab-content .margin-small {
    margin: 0 40px 40px;
    text-align: left; }
#popin-wrapper .sizeguide .tabs .tab-content .margin-small.text-centered {
    text-align: center; }
#popin-wrapper .sizeguide .tabs .tab-content .margin-small p {
    margin-bottom: 16px; }
#popin-wrapper .sizeguide .tabs .tab-content h4 {
    font-size: 1.125rem;
    text-transform: uppercase;
    margin: 0 40px 30px;
    text-align: center; }
#popin-wrapper .sizeguide .tabs .tab-content h5 {
    font-size: 0.75rem;
    text-transform: uppercase;
    margin: 0 40px 20px;
    text-align: left; }
#popin-wrapper .sizeguide .tabs .tab-content h6 {
    font-size: 0.75rem;
    text-transform: uppercase;
    margin: 0;
    text-align: left; }
#popin-wrapper .sizeguide .tabs .tab-content .info-size {
    font-size: 0.625rem;
    font-style: italic;
    margin-left: 40px;
    margin-bottom: 20px;
    display: block; }
#popin-wrapper .sizeguide .tabs .tab-content p {
    font-size: 0.8125rem;
    line-height: 18px;
    margin-bottom: 38px; }
#popin-wrapper .sizeguide .tabs .tab-content p.framed {
    text-align: center;
    border: 1px solid #000;
    padding: 35px;
    margin-bottom: 25px; }
#popin-wrapper .sizeguide .tabs .tab-content p.framed a {
    color: #000;
    text-decoration: underline; }
#popin-wrapper .sizeguide .tabs .tab-content p.margin-small {
    text-align: left; }
#popin-wrapper .sizeguide .tabs .tab-content p.contact {
    text-transform: uppercase; }
#popin-wrapper .sizeguide .tabs .tab-content p.contact a {
    color: #000;
    text-decoration: underline; }
#popin-wrapper .sizeguide .tabs .tab-content p.service-disclaimer {
    color: #757575; }
#popin-wrapper .sizeguide .tabs .tab-content hr {
    margin: 0 40px 40px; }
#popin-wrapper .sizeguide .tabs .tab-content img {
    width: 100%;
    height: auto; }
#popin-wrapper .sizeguide .tabs .tab-content a {
    color: #000;
    text-decoration: underline; }
#popin-wrapper .sizeguide .tabs .tab-content a.btn-black, #popin-wrapper .sizeguide .tabs .tab-content a.btn-dark {
    color: #fff;
    text-decoration: none;
    font-size: 0.75rem;
    padding: 8px 20px; }
#popin-wrapper .sizeguide .tabs .tab-content table {
    text-align: center;
    text-transform: uppercase;
    margin: 0 40px 40px;
    display: none; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-1 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-1 td {
    width: Infinity; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-1 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-1 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-1 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-1 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-2 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-2 td {
    width: 607px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-2 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-2 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-2 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-2 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-3 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-3 td {
    width: 303.5px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-3 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-3 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-3 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-3 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-4 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-4 td {
    width: 202.33333px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-4 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-4 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-4 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-4 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-5 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-5 td {
    width: 151.75px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-5 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-5 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-5 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-5 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-6 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-6 td {
    width: 121.4px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-6 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-6 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-6 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-6 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-7 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-7 td {
    width: 101.16667px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-7 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-7 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-7 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-7 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-8 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-8 td {
    width: 86.71429px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-8 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-8 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-8 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-8 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-9 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-9 td {
    width: 75.875px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-9 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-9 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-9 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-9 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-10 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-10 td {
    width: 67.44444px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-10 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-10 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-10 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-10 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-11 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-11 td {
    width: 60.7px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-11 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-11 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-11 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-11 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-12 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-12 td {
    width: 55.18182px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-12 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-12 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-12 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-12 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-13 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-13 td {
    width: 50.58333px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-13 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-13 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-13 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-13 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-14 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-14 td {
    width: 46.69231px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-14 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-14 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-14 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-14 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-15 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-15 td {
    width: 43.35714px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-15 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-15 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-15 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-15 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-16 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-16 td {
    width: 40.46667px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-16 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-16 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-16 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-16 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-17 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-17 td {
    width: 37.9375px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-17 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-17 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-17 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-17 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-18 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-18 td {
    width: 35.70588px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-18 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-18 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-18 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-18 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-19 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-19 td {
    width: 33.72222px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-19 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-19 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-19 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-19 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-20 th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-20 td {
    width: 31.94737px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-20 th.margin, #popin-wrapper .sizeguide .tabs .tab-content table.cols-20 td.margin {
    width: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-20 th.first, #popin-wrapper .sizeguide .tabs .tab-content table.cols-20 td.first {
    width: 133px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-1-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-1-with-title td {
    width: 630px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-1-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-1-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-2-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-2-with-title td {
    width: 315px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-2-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-2-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-3-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-3-with-title td {
    width: 210px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-3-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-3-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-4-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-4-with-title td {
    width: 157.5px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-4-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-4-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-5-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-5-with-title td {
    width: 126px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-5-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-5-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-6-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-6-with-title td {
    width: 105px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-6-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-6-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-7-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-7-with-title td {
    width: 90px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-7-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-7-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-8-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-8-with-title td {
    width: 78.75px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-8-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-8-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-9-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-9-with-title td {
    width: 70px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-9-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-9-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-10-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-10-with-title td {
    width: 63px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-10-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-10-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-11-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-11-with-title td {
    width: 57.27273px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-11-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-11-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-12-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-12-with-title td {
    width: 52.5px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-12-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-12-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-13-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-13-with-title td {
    width: 48.46154px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-13-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-13-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-14-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-14-with-title td {
    width: 45px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-14-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-14-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-15-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-15-with-title td {
    width: 42px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-15-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-15-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-16-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-16-with-title td {
    width: 39.375px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-16-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-16-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-17-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-17-with-title td {
    width: 37.05882px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-17-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-17-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-18-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-18-with-title td {
    width: 35px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-18-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-18-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-19-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-19-with-title td {
    width: 33.15789px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-19-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-19-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-20-with-title th, #popin-wrapper .sizeguide .tabs .tab-content table.cols-20-with-title td {
    width: 31.5px; }
#popin-wrapper .sizeguide .tabs .tab-content table.cols-20-with-title th.title, #popin-wrapper .sizeguide .tabs .tab-content table.cols-20-with-title td.title {
    width: 100px; }
#popin-wrapper .sizeguide .tabs .tab-content table thead {
    font-size: 0.8125rem; }
#popin-wrapper .sizeguide .tabs .tab-content table th {
    background: #000;
    color: #fff; }
#popin-wrapper .sizeguide .tabs .tab-content table th.title {
    text-transform: uppercase; }
#popin-wrapper .sizeguide .tabs .tab-content table th.border-before {
    position: relative; }
#popin-wrapper .sizeguide .tabs .tab-content table th.border-before:before {
    content: "";
    width: 1px;
    background-color: black;
    position: absolute;
    left: 0;
    height: 20px;
    bottom: 15px; }
#popin-wrapper .sizeguide .tabs .tab-content table tbody {
    font-size: 0.8125rem; }
#popin-wrapper .sizeguide .tabs .tab-content table tr {
    height: 50px; }
#popin-wrapper .sizeguide .tabs .tab-content table tr.grey td {
    background: #f6f6f6; }
#popin-wrapper .sizeguide .tabs .tab-content table tr.grey td.first.bold {
    font-family: 'Century-Gothic-bold', Arial, sans-serif; }
#popin-wrapper .sizeguide .tabs .tab-content table tr td.title {
    background: none;
    color: #000;
    text-transform: none; }
#popin-wrapper .sizeguide .tabs .tab-content table th, #popin-wrapper .sizeguide .tabs .tab-content table td {
    vertical-align: middle; }
#popin-wrapper .sizeguide .tabs .tab-content table th.border, #popin-wrapper .sizeguide .tabs .tab-content table td.border {
    border-right: 2px solid #fff; }
#popin-wrapper .sizeguide .tabs .tab-content table th.title, #popin-wrapper .sizeguide .tabs .tab-content table td.title {
    background: none;
    color: #000;
    text-align: left; }
.lte7 #popin-wrapper .sizeguide .tabs .tab-content table .colspan {
    width: auto; }
#popin-wrapper .sizeguide .tabs .tab-content table.active {
    display: inline-table; }
#popin-wrapper .sizeguide .tabs .tab-content .select-wrapper {
    position: absolute;
    top: 10px;
    right: 40px; }
#popin-wrapper .sizeguide .tabs .tab-content .custom-select-label {
    margin: 0;
    line-height: 20px; }
#popin-wrapper .sizeguide .tabs .tab-content .custom-select-arrow {
    margin-top: -2px; }
#popin-wrapper .sizeguide .tabs .tab-content .custom-select--small {
    width: 154px; }
#popin-wrapper .sizeguide .tabs .tab-content .step {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 20px 90px; }
#popin-wrapper .sizeguide .tabs .tab-content .step .num {
    font-size: 3.75rem;
    color: #e0e0e0; }
#popin-wrapper .sizeguide .tabs .tab-content .step .label {
    position: absolute;
    top: 24px;
    left: 5px;
    margin: 0; }
#popin-wrapper .sizeguide .tabs .tab-content .grid {
    margin-bottom: 60px;
    overflow: hidden; }
#popin-wrapper .sizeguide .tabs .tab-content .grid h6 {
    margin-left: 0; }
#popin-wrapper .sizeguide .tabs .tab-content .grid .step {
    margin-left: 0; }
#popin-wrapper .sizeguide .tabs .tab-content .grid .column {
    float: left; }
#popin-wrapper .sizeguide .tabs .tab-content .grid .column.column-no-margin {
    margin: 0; }
#popin-wrapper .sizeguide .tabs .tab-content .grid .one-half {
    width: 315px;
    margin: 0 0 0 20px; }
#popin-wrapper .sizeguide .tabs .tab-content .grid .one-half.column-no-margin {
    margin: 0; }
#popin-wrapper .sizeguide .tabs .tab-content .grid .one-third {
    width: 216px;
    margin: 0 0 0 35px; }
#popin-wrapper .sizeguide .tabs .tab-content .grid .one-third.column-no-margin {
    margin: 0; }
#popin-wrapper .sizeguide .tabs .tab-content .grid .two-thirds {
    width: 394px;
    margin: 0 0 0 40px; }
#popin-wrapper .sizeguide .tabs .helper {
    margin: 0 80px 40px;
    line-height: 18px; }
#popin-wrapper .sizeguide .tabs .helper table {
    display: block;
    margin: 0; }
#popin-wrapper .sizeguide .tabs .helper table td {
    text-align: left;
    text-transform: none; }
#popin-wrapper .sizeguide .tabs .helper img {
    width: 200px;
    height: auto; }
#popin-wrapper .sizeguide .tabs .size-guide--footer {
    margin: 0 40px; }
#popin-wrapper .sizeguide .tabs .size-guide--footer div {
    width: 50%;
    margin-bottom: 40px;
    float: left; }
#popin-wrapper .sizeguide .tabs .size-guide--footer img {
    width: auto;
    margin-right: 10px;
    float: left; }
#popin-wrapper .sizeguide .tabs .size-guide--footer p {
    font-size: 0.8125rem;
    text-align: left;
    clear: both; }
#popin-wrapper .sizeguide .tabs .size-guide--footer h5 {
    margin: 2px 0 6px; }
#popin-wrapper .sizeguide.formel .tabs .tabs-headers {
    margin: 0 40px; }
#popin-wrapper .sizeguide.formel .tabs .tabs-headers li {
    width: auto;
    padding: 16px 20px; }
#popin-wrapper .sizeguide.formel .tabs .tab-content table {
    width: 100%;
    margin: 0 0 40px; }
#popin-wrapper .sizeguide.formel .tabs .tab-content table thead {
    font-size: 1.125rem; }
#popin-wrapper .sizeguide.formel .tabs .tab-content table thead, #popin-wrapper .sizeguide.formel .tabs .tab-content table th {
    background: none;
    color: #000; }
#popin-wrapper .sizeguide.formel .tabs .tab-content hr {
    margin: 0 80px 40px; }
#popin-wrapper .sizeguide .contact-links {
    padding-bottom: 20px;
    text-align: center; }
.badge {
    background-color: #000;
    min-width: .9375rem;
    height: .9375rem;
    line-height: .9375rem;
    border-radius: 50%;
    color: #fff;
    font-size: .6875rem;
    text-align: center;
    position: absolute;
    top: -.125rem;
    left: .8125rem;
    padding: 0 .125rem;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
@font-face {
	font-family:"dior-iconfont";
	src:url("../fonts/icons/dior-iconfont.eot");
	src:url("../fonts/icons/dior-iconfont.eot?#iefix") format("eot"),url("../fonts/icons/dior-iconfont.woff") format("woff"),url("../fonts/icons/dior-iconfont.ttf") format("truetype")
}
.dior-v7.back-to-top {
    display: block;
    width: 38px;
    height: 38px;
    position: fixed;
    bottom: 20px;
    right: 40px;
    border-radius: 22px;
    border: 1px solid #e0e0e0;
    color: #000;
    text-decoration: none;
    z-index: 10;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(
90deg);
    transform: rotate(
90deg);
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: all,0.3s;
    -o-transition: all,0.3s;
    -webkit-transition: all,0.3s;
    transition: all,0.3s;
}
.dior-v7.back-to-top.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.dior-v7.back-to-top:before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 20px;
    background: #fff;
    filter: alpha(opacity=80);
    opacity: .8;
    z-index: 1;
}
.dior-v7.back-to-top:after {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 18px;
    color: #9a9a9a;
    -webkit-font-smoothing: antialiased;
    font-family: "dior-iconfont";
    content: "\EA04";
    z-index: 2;
}