/** GENERAL **/
body {
  font-family: "dinpromedium";
  color: var(--keringGray-33);
  font-size: 12px;
  clear: both;
  background: var(--keringGray-FF);
}
.landscape {
    display: none
}

.modal-backdrop ~ .modal-backdrop.fade.show {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-backdrop.fade.show:not(.modal-backdrop.fade.show:has( + .modal-backdrop.fade.show)) {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

body:has(#skuMiniPDPModal.show) .modal-backdrop.fade.show {
   opacity: 0.83;
}
#skuMiniPDPModal.modal.show {
  background-color: transparent;
}

.fade.in.show {
  opacity: 1;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

@media screen and (max-width: 430px) {
  .modal.fade .modal-dialog{
  -webkit-transform: none !important;
  }

  .page-after-sales-lnd #warrantyErrorRepairModal.modal.fade .modal-content,
  .page-after-sales-lnd #warrantyResultModal.modal.fade .modal-content,
  .page-after-sales-lnd #warrantySuccessLNDModal.modal.fade .modal-content,
  .page-after-sales-lnd #warrantyCommercialReturnErrorLNDModal.modal.fade .modal-content,
  .page-after-sales-lnd #warrantyCommercialReturnSuccessLNDModal.modal.fade .modal-content
  {
    margin: 0;
    margin-left: 20px;
    margin-right: 20px;
  }

  .page-after-sales-lnd #warrantyErrorRepairModal.modal.fade .modal-dialog,
  .page-after-sales-lnd #warrantyResultModal.modal.fade .modal-dialog,
  .page-after-sales-lnd #warrantySuccessLNDModal.modal.fade .modal-dialog,
  .page-after-sales-lnd #warrantyCommercialReturnErrorLNDModal.modal.fade .modal-dialog,
  .page-after-sales-lnd #warrantyCommercialReturnSuccessLNDModal.modal.fade .modal-dialog
  {
    transform: translate(-50%, -50%) !important;
    left: 50%;
    margin: 0;
    top: 45%;
  }

    /***.page-after-sales-lnd #warrantyErrorRepairModal.modal.fade .modal-dialog{
      top: 50%;
    }**/
}

@media only screen and (max-device-width : 1023px) and (orientation: landscape) and (min-aspect-ratio: 13 / 9) {

    .landscape {
        display:block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #ffffff;
        z-index: 10000;
        text-align: center;
        touch-action:none
    }

    .landscape img {
        width: 35%;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .top-editorial-container .mobile-logo-image,
    .editorial-video-container .mobile-video-player {
        display: block !important;
    }
}
/* * {
  letter-spacing: 0.5px;
} */
.kering_container .center_wrapper {
  margin: auto;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  box-sizing: border-box;
  clear: both;
}
.kering_container .center_wrapper::before,
.kering_container .center_wrapper::after {
  content: "";
  display: table;
}
.kering_container .center_wrapper::after {
  clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--keringGray-33);
  font-family: "dinproregular";
  line-height: 1.2;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-family: "dinpromedium";
  font-size: 12px;
}
h5,
h6 {
  font-family: "dinprobold";
  font-size: 10px;
}

input[type="text"].focus {
  border-color: var(--keringGray-E1);
}
.alignCenter {
  text-align: center;
}
.alignLeft {
  text-align: left;
}
.clearLeft {
  clear: left;
}
.breadcrumb {
  float: left;
  width: 75%;
  text-align: left;
  text-transform: uppercase;
  font-family: dinproregular;
  font-size: 16px;
  color: var(--keringGray-D9);
  background: none;
  padding: 0;
  margin: 0;
}
.breadcrumb a {
  color: var(--keringGray-95);
}
.breadcrumb a:hover {
  color: var(--keringGray-33);
}
.breadcrumb i {
  color: var(--keringGray-33);
  cursor: default;
}
#globalMessages {
  float: left;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
  text-align: right;
  display: block;
  font-family: "dinpromedium";
  padding-top: 18px;
  padding-bottom: 18px;
  text-decoration: none;
}
#globalMessages > div {
  padding-bottom: 10px;
  margin-top: 10px;
}
/* line 154, sass/kering.scss */
#globalMessages .negative {
  color: var(--keringGray-00) !important;
  text-decoration: underline;
}
#globalMessages.globalMessagesNewCustomer
  #globalMessagesErrorContainer
  .negative {
  color: red !important;
  text-decoration: unset;
  font-size: 14px;
}
#globalMessages .negative.campaign {
  color: #d12420 !important;
  border: 1px #d12420 solid;
  padding: 10px;
  text-decoration: none;
  text-align: left;
  line-height: 1.5em;
}
#globalMessages.red {
  color: #d12420 !important;
}
#globalMessages .negative.campaign a {
  text-decoration: underline;
}
#globalMessages .neutral {
  color: var(--keringGray-D9) !important;
}
#globalMessages .acc-error, .email-validation-error .acc-error,
.forgotpassword-validation-error .acc-error{
  color: red !important;
  font-family: "dinproregular";
  font-style: italic;
  font-size: 10px;
}
#globalMessages .acc-error.migrated-message{
  font-style: unset;
  font-size: 12px;
  color: var(--keringGray-00) !important;
  line-height: 16px;
}
.forgotpassword-validation-error{
  padding-bottom: 10px;
  margin-top: 10px;
}
.email-validation-error{
  text-align: left;
  padding-bottom: 10px;
  margin-top: 10px;
}
.registrationemail-validation-error .acc-error{
  font-style: italic;
  text-transform: initial;
  color: red;
  margin-left: 5px;
  font-weight: bold;
  font-size: 12px;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="text"]::-ms-clear {
  display: none;
}
.input_text_val {
  position: relative;
}
.input_text_val .after {
  content: "";
  position: absolute;
  height: 100%;
  width: 14px;
  opacity: 1;
  background-position: center;
  background-size: 8px;
  background-repeat: no-repeat;
  background-image: url(../img/cross.png);
  right: 4px;
  top: -14px;
  bottom: 0;
}
#login-wrap hr.top-separator {
  margin: 30px 0;
  height: unset;
  border: solid 1px var(--keringGray-D9);
  opacity: 0.1;
  color: var(--keringGray-33);
}
#over-select-disable {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--keringGray-FF);
  background: rgba(255, 255, 255, 0.2);
}
.not-enable.fancy-select .trigger {
  color: var(--keringGray-D9) !important;
}
.top_page {
  padding-top: 0px;
  padding-bottom: 18px;
  float: left;
  clear: both;
  width: 100%;
  margin-top: 36px;
}
@media (max-width: 1170px) {
  .center_wrapper {
    width: 978px;
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (max-width: 980px) {
  .center_wrapper {
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
  }
}
#billing_has_invoice {
  text-transform: initial;
}
/** CHECKBOX **/
.wrap-input-check {
  width: 100%;
  display: flex;
  justify-content: end;
  align-self: center;
}
/** Filters Checkboxes plp **/
.wrap-input-check plp {
  width: 100%;
  display: flex;
  align-self: center;
}
.wrap-input-check .input-check-credits {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 10;
}
.clear-both {
  clear: both;
}

.wrap-input-check .input-freecharge {
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 10;
  margin: 0;
}
/* line 116, sass/_form_elements.scss */
.wrap-input-check .check-credits {
  position: relative;
  padding-left: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 1.4;
  cursor: pointer;
}
.wrap-input-check .check-credits::before {
  left: 2;
  width: 12px;
  height: 12px;
  border: 1px solid var(--keringGray-00);
}
.wrap-input-check .check-credits::after {
  background: url(../images/checked.svg) no-repeat;
  top: 1px;
  left: 1px;
  width: 10px;
  height: 9px;
}
.wrap-input-check.dark-check .check-credits {
  font-family: "dinpromedium";
  text-transform: initial;
  color: var(--keringGray-33);
  font-size: 12px;
}
.wrap-input-check.light-check .check-credits {
  font-family: "dinpromedium";
  text-transform: initial;
  color: var(--keringGray-66);
  font-size: 12px;
}
.wrap-input-check .check-credits::after,
.wrap-input-check .check-credits::before {
  content: "";
  position: absolute;
  display: block;
}
.wrap-input-check .check-credits::before {
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid var(--keringGray-66);
}
.wrap-input-check .check-credits::after {
  background: url(../images/checked.svg) no-repeat;
  top: 4px;
  left: 1px;
  width: 10px;
  height: 9px;
  opacity: 0;
}

#firstLoginPreferencesForm .check-credits::before,
#firstLoginPreferencesForm .check-credits::after {
  top: -11px;
}

#firstLoginPreferencesForm .vex-clause::before, #firstLoginPreferencesForm .vex-clause::after {
    top: 2px;
}

#firstLoginPreferencesForm .center {
  display: flex;
  justify-content: center;
}

.wrap-input-check .input-check-credits:checked ~ label::after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.wrap-input-check .freecharge {
  position: relative;
  padding-left: 75px;
  padding-right: 5%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 1.4;
  cursor: pointer;
}

.wrap-input-check .minipdp {
  padding-left: 7px !important;
  padding-bottom: 10px;
}

.wrap-input-check .freecharge::before {
  left: 2;
  width: 12px;
  height: 12px;
  border: 1px solid var(--keringGray-00);
}
.wrap-input-check .freecharge::after {
  background: url(../images/checked.svg) no-repeat;
  top: 1px;
  left: 1px;
  width: 10px;
  height: 9px;
}
.wrap-input-check.dark-check .freecharge {
  font-family: "dinpromedium";
  color: var(--keringGray-33);
  font-size: 12px;
}
.wrap-input-check .freecharge::after,
.wrap-input-check .freecharge::before {
  content: "";
  position: absolute;
}
.wrap-input-check .freecharge::before {
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid var(--keringGray-66);
  left: 100% !important;
}
.wrap-input-check .freecharge::after {
  background: url(../images/checked.svg) no-repeat;
  top: 4px;
  left: 1px;
  width: 10px;
  height: 9px;
  opacity: 0;
  left: 100% !important;
}
.wrap-input-check .input-freecharge:checked + label::after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

@media only screen and (max-width:430px){
  .page-cart .wrap-input-check input[type="checkbox"].input-freechargecart {
    -webkit-appearance: checkbox;
    margin-bottom: 0;
  }  
}

.page-cart .wrap-input-check .input-freechargecart {
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 10;
}

.page-cart .wrap-input-check .freechargecart {
  position: relative;
  padding-right: 5%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 1.4;
  cursor: pointer;
}

.page-cart .wrap-input-check.dark-check .freechargecart {
  font-family: "dinpromedium";
  color: var(--keringGray-33);
  font-size: 10px;
}

.page-cart .wrap-input-check .freechargecart::after,
.wrap-input-check .freechargecart::before {
  content: "";
  display: inline-block;
}

.page-cart .wrap-input-check .freechargecart::before {
  border: 1px solid var(--keringGray-66);
}

.page-cart .wrap-input-check .freechargecart::before {
  top: 4px;
  left: 100% !important;
  width: 12px;
  height: 12px;
  opacity: 0;
}

.page-cart .wrap-input-check .input-freechargecart:checked + label::before {
  background: url(../images/checked.svg) no-repeat;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.page-cart .wrap-input-check .input-freechargecart + label::before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/** HEADER **/
.header .top_header.border {
  border-bottom: solid 1px var(--keringGray-D9);
  z-index: 1;
}
.header .top_header.border .center_wrapper .float-left {
  padding-left: 0;
}
.header .top_header.border .center_wrapper .float-left #language-selector {
  padding-left: 0;
}
.header
  .top_header.border
  .center_wrapper
  .float-left
  #language-selector
  .country-select
  .trigger.overflowing {
  padding-left: 0;
}
.header .top_header.border .center_wrapper .float-right {
  padding-right: 0;
}
.header .top_header {
  background: var(--keringGray-FF);
  width: 100%;
  height: 42px;
  border-bottom: solid 1px transparent;
  height: 36px;

}
@media screen and (min-width:430px){
  .header .top_header{
    position: sticky;
    top: 0;
  }
  header #rf-phone-container,
  .header .center_header .menu ul #phone.phone-popup{
	  text-transform: lowercase;
  }
.header .center_header .elearning  .menu ul li.phone-menu{
     display:none;
 }
  .header .center_header .elearning .menu ul{
    justify-content: center;
 }
 .header .center_header .elearning .menu ul label{
         color: var(--keringGray-FF);
  }
}
.header .top_header .sub {
  float: right;
  clear: none;
  position: relative;
  text-align: right;
  text-transform: uppercase;
}
.header .top_header .sub .sub_title {
  float: left;
  width: 100%;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
  font-family: "dinprobold";
  font-size: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 430px) {
  .header .top_header .sub .sub_title {
    font-size: 13px;
  }
}

.header .top_header .sub.open .sub_title_absolute,
.header .top_header .sub.open .mini-cart-title,
.header .top_header .sub:hover .sub_title_absolute,
.header .top_header .sub:hover .mini-cart-title {
  color: var(--keringGray-33);
  text-decoration: underline;
}
.header .top_header .sub .sub_element {
  z-index: 99;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  display: block;
  width: 226px;
  margin-left: -113px;
  top: -100px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  display: none;
}
.header .top_header .tooltip-header-menu {
  width: max-content;
  top: 34px;
  padding: 10px 70px 10px 5px;
  background-color: white;
  left: 26px;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
}
.menu-black .tooltip-header-menu {
  width: max-content;
  top: 40px;
  padding: 10px 70px 10px 5px;
  background-color: var(--keringGray-FF);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 6%;
  z-index: 6;
}
.menu-black .tooltip-header-menu a {
  white-space: nowrap;
}

.menu-black .tooltip-header-menu .col-md-9 {
  padding-left: 0;
}

.menu-black .tooltip-header-menu .col-md-9 a {
  color: var(--keringGray-95) !important;
}

.menu-black .tooltip-header-menu img {
  filter: none !important;
}

.menu-black .menu a {
  color: white;
}

.menu-black .menu .mailto-tooltip a {
  color: var(--keringGray-95) !important;
}

.menu-black .menu .col-md-2:hover a,
.menu-black .menu a:hover {
  color: var(--keringGray-E1);
}
.tooltip-open::before {
  content: "";
  width: 134px;
  height: 45px;
  background-color: transparent;
  position: absolute;
  top: 45px;
  right: -11px;
}

.header .top_header .sub:hover .tooltip-header-menu {
  color: var(--keringGray-95);
}

.header .top_header .tooltip-header-menu::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 12%;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent var(--keringGray-F2) transparent;
  display: none;
}

.menu-black .tooltip-header-menu li {
  font-size: 10px;
  line-height: 28px !important;
  text-align: left;
}
.menu-black .tooltip-header-menu li a {
  font-size: 10px;
  font-family: "dinproregular";
  font-weight: 800;
}
.header .top_header .tooltip-header-menu li {
  font-size: 10px;
  line-height: 28px;
  text-align: left;
}
.header .top_header .tooltip-header-menu li a {
  font-size: 10px;
  font-family: "dinproregular";
  font-weight: 800;
}
.header .top_header .tooltip-header-menu li:hover {
  color: var(--keringGray-33);
}

.menu-black .tooltip-header-menu a:hover {
  color: var(--keringGray-33) !important;
}

.header .top_header .tooltip-header-menu li img {
  width: 15px;
  vertical-align: sub;
}
.header .center_header .logo {
  margin-top: 30px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
}
.header .center_header .logo .a {
  float: none;
  display: block;
  width: 200px;
  margin: auto;
}
.header .center_header .logo .a a {
  display: block;
  width: 100%;
  height: 87px;
  background: url(../images/kering-ew.svg) no-repeat center;
  background-size: 75% 87px;
  margin: 0 auto;
}
.header .center_header .logo .a img {
  display: none;
}
.header .center_header .menu-black {
  float: left;
  background: var(--keringGray-00);
  width: 100%;
  height: 40px;
}

.header .center_header .menu-black .icon.float-right {
  display: flex;
}
.header .center_header .menu-black .icon.float-right.d-none {
  display: none;
}
.header .center_header .menu-black .header-black-profile-icon {
  padding-left: 12px;
  position: relative;
}

.header .center_header .menu-black .header-cart-icon {
  padding-left: 15px;
  float: right;
  cursor: pointer;
  position: relative;
}
.header .center_header #menu_black .header-cart-icon img {
  filter: inherit;
  height: 15px;
}
.header .center_header .menu-black .header-cart-icon:hover #itemsCartPopup {
  display: block;
}
.header .center_header .menu {
  float: left;
  width: 100%;
  clear: both;
}
.header .center_header .menu ul {
  text-transform: uppercase;
  color: var(--keringGray-FF);
  display: block;
  width: 100%;
  float: left;
  text-align: center;
}
.header .center_header .menu ul li {
  font-family: "dinproregular";
  font-family: "dinpromedium";
  color: var(--keringGray-FF);
  font-size: 13px;
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
  width: auto;
  margin-left: 30px;
  margin-right: 30px;
  padding: 0px 10px;
}

.header .center_header .menu-black .menu .tooltip-header-menu ul li {
  font-family: "dinproregular";
  font-family: "dinpromedium";
  color: var(--keringGray-FF);
  font-size: 15px;
  vertical-align: middle;
  display: block;
  width: auto;
  margin-left: 30px;
  margin-right: 30px;
}
/* shadow removed from search bar desktop */
@media screen and (max-width: 430px){
    #search_form{
      box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
    }
}

.header .center_header .menu ul li:hover {
  color: var(--keringGray-E1);
}
#top_header.not-fixed {
  position: relative;
}
#menu_black.menu-fixed {
  position: fixed;
  top: 0;
  z-index: 10;
}

header .search-fixed {
  position: fixed;
  z-index: 9;
  background-color: white;
}

#menu_black .sub-menu > div {
  z-index: 10;
  background-color: var(--keringGray-FF);
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  line-height: 30px;
  padding: 15px 0px;
  text-align: left;
  text-transform: uppercase;
}
#menu_black .sub-menu .menu-open{
  text-align: center;
}

.menu-open.brands,
.menu-open.contentArea,
.menu-open.sunglasses,
.menu-open.optical{
  height: 240px;
}

#menu_black .sub-menu .menu-open .product-preview {
  border-radius: 12px;
  text-align: center;
}
#menu_black .sub-menu .menu-open .product-preview img {
  width: 150px;
  filter: invert(0);
}

#menu_black .sub-menu .menu-open > div {
  height: 100%;
  min-width: 160px;
  max-width: 550px;
}

#menu_black .sub-menu .menu-open > div:not(:last-child):not(:first-child) {
  border-right: 1px solid var(--keringGray-EE);
  border-left: 1px solid var(--keringGray-EE);
}

#menu_black .sub-menu .menu-open > div:not(:last-child) {
    border-right: 1px solid var(--keringGray-EE);
    max-width: 176.6666666666667px;
}
#menu_black .sub-menu .menu-open.brands > div:not(:last-child) {
    padding:0;
}
#menu_black .sub-menu .menu-open > div:not(:first-child) {
    border-left: 1px solid var(--keringGray-EE);

}

.menu-open.brands:not(.d-none){
    display: flex;
    justify-content: center;
}
#menu_black .sub-menu .menu-open.brands .product-preview img {
    width: auto;
    max-height: 200px;
}
.menu-open.brands > div{
    display: flex;
    flex-direction: column;
    margin-left: unset;
    text-align: center;
}
.menu-open.brands > div:last-child{
    display: flex;
    align-items: center;
    flex-direction: row;
}
.menu-open.brands .col-md-4.menu-brand-img {
    padding: 5px;
}

header .search-fixed .searchbox-container div:first-child {
  padding-top: 5px;
  padding-bottom: 5px;
}

#search_form input {
  font-family: "dinproregular";
}
/** FOOTER **/
.footer {
  margin-top: 120px;
  margin-top: 0;
  padding-top: 0;
  float: left;
  width: 100%;
}
.footer .footer_logo {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 200px;
  margin-bottom: 0;
}
.footer .footer_logo img {
  width: 20%;
  max-width: 372px;
  margin: auto;
  display: block;
}
.footer .backtotop-footer {
  height: 40px;
  float: left;
  margin-top: 35px;
  line-height: 40px;
  background: var(--keringGray-00);
  width: 100%;
  text-align: center;
}
.footer .backtotop-footer .a {
  cursor: pointer;
  font-family: "dinpromedium";
  font-size: 12px;
  text-transform: uppercase;
  color: var(--keringGray-FF);
  display: inline-block;
  text-align: center;
}
.footer .backtotop-footer img {
  margin-left: 8px;
}
.footer .backtotop-footer .img-line {
  display: inline;
}
.footer .wrapper-footer {
  float: left;
  width: 100%;
}
.footer .footer-top {
  float: left;
  clear: both;
  width: 100%;
  background: none;
}
.footer .footer_container {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 10px;
  justify-content: center;
}
.footer .footer-top .footer_type {
  flex: 25%;
  padding: 20px;
  width: 100%;
  float: left;
  text-align: left;
  text-transform: uppercase;
  font-family: dinpromedium;
  font-size: 12px;
  color: var(--keringGray-33);
  clear: none;
}
@media screen and (max-width: 430px) {
  .footer .footer_container.onlyDesktop{
    display: none;
  }
}

@media screen and (min-width: 430px) {
  .footer .footer_container.onlyMobile{
    display: none;
  }
}

.footer__legal-link.--left-bordered {
    border-left: 1px solid #71797f;
    margin: 0px 0px 0px 4px;
    padding: 0px 0px 0px 4px;
}
.footer__legal-link__small-img {
    vertical-align: middle;
    height: 16px;
    width: 16px;
}
.new-footer-cn-text {
    width: 100%;
    margin: 0;
    font-family: Helvetica,Arial,Tahoma,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: normal;
    text-align: left;
    color: var(--generic-color,#959595)!important;

}
.footer_container.new-footer-cn-text{
  text-align: center;
}

.new-footer-cn-text.onlyMobile {
  text-align: center;
  padding-bottom: 30px;
}

.footer-margin{
    margin-top:50px;
}

@media screen and (max-width: 430px) {
  .page-login .footer_container.new-footer-cn-text,
  .page-multi-login .footer_container.new-footer-cn-text
  {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 430px) {
    .footer .footer-top .footer_type .footer_type_title {
      float: left;
      clear: both;
      width: 100%;
      padding-bottom: 8px;
      margin-bottom: 18px;
      border-bottom: solid 1px var(--keringGray-D9);
    }
    .footer .footer-top .footer_type ul li p {
      margin-bottom: 16px;
    }
}
@media screen and (max-width: 430px) {
    .footer .footer-top .footer_container .footer_type_title {
        padding: 15px 10px;
        border-bottom: 1px solid darkgray;
    }

    .footer .footer-top .footer_type .footer_type_title.icon-open {
        margin-bottom: 18px;
    }
    .footer .footer-top .footer_type ul li > p {
      margin-bottom: 16px;
    }
}
.footer .footer-top .footer_type ul {
  float: left;
  clear: both;
  padding-left: 20px;
  width: 100%;
}
.footer .footer-top .footer_type ul li a,
.footer .footer-top .footer_type ul li p {
  float: left;
  clear: both;
  width: 100%;
  text-transform: uppercase;
  line-height: 1em;
  font-size: 11px;
  color: var(--keringGray-33);
  font-family: dinpromedium;
}
.footer .footer-top .footer_type ul li p a{
  margin-bottom: 0;
}
.footer .footer-top .footer_type ul li p {
  white-space: normal;
  word-break: break-all;
}
.footer .footer-top .footer_type ul li a{
  margin-bottom: 16px;
}
.footer .footer-top .corporate-info {
  cursor: pointer;
}
.footer .footer-top #corporate-info-nav p{
  color: var(--keringGray-A9);
  line-height: 15px;
  
}
@media screen and (min-width: 430px) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: text;
  }
  .footer .footer-top #corporate-info-nav p{
    padding-top: 10px;
    padding-left: 10px;
  }
}
.footer .footer-top .modal-body .kering-modal .headline {
  display: block;
  margin-bottom: 40px;
}
.footer .footer-top .marketing-preferences-modal .controls {
  padding: 20px 0;
}
.footer .footer-top .marketing-preferences-modal .wrap-input-check.dark-check {
  text-align: left;
  position: relative;
  width: auto;
  margin-bottom: 10px;
  padding: 10px;
}
.footer .footer-top .marketing-preferences-modal #marketing-preferences {
  float: left;
  text-transform: initial;
}
.footer .footer-top .marketing-preferences-modal #marketingPreferencesForm .wrap-input-check.light-check {
  justify-content: center;
}
.footer .footer-top .cookies-preferences-modal {
  width: 700px;
  height: 460px;
}
.footer .footer-top .cookies-preferences-modal .cookies-navbar ul {
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--keringGray-66);
  padding-left: 0;
}
.footer .footer-top .cookies-preferences-modal .cookies-navbar li {
  padding-bottom: 18px;
  cursor: pointer;
}
.footer .footer-top .cookies-preferences-modal .cookies-navbar li.active {
  text-decoration: underline;
}
.footer .footer-top .cookies-preferences-modal #cookiesPrivacyPreferencesForm,
.footer .footer-top .cookies-preferences-modal #cookiesTechnicalPreferencesForm,
.footer
  .footer-top
  .cookies-preferences-modal
  #cookiesStatisticalPreferencesForm {
  float: left;
  text-align: left;
}
.footer .footer-top .cookies-preferences-modal .cookies-details .details-panel {
  height: 200px;
  width: 100%;
  font-size: 11px;
  text-transform: initial;
  color: var(--keringGray-66);
  text-align: left;
}
.footer
  .footer-top
  .cookies-preferences-modal
  .cookies-details
  .scrollable-panel {
  height: 180px;
  overflow: auto;
  padding-right: 20px;
}
.footer
  .footer-top
  .cookies-preferences-modal
  .wrap-input-check
  .check-credits {
  text-transform: initial;
}
.footer .footer-top .cookies-preferences-modal .btn.btn-black {
  max-width: 230px;
}
.footer .footer-top .cookies-preferences-modal #cookies-more-info {
  text-align: right;
  padding: 10px;
  margin-top: 10px;
  text-transform: initial;
}
.footer .footer-top .footer_type .cookies-preferences-modal ul {
  padding-left: 0;
  margin-bottom: 10px;
  width: 100%;
}
.footer .footer-top .footer_type .cookies-preferences-modal p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px;
}
.footer .footer-top .footer_type .cookies-preferences-modal ul li a,
.footer .footer-top .footer_type .cookies-preferences-modal ul li p {
  float: left;
  clear: both;
  width: 100%;
  text-transform: initial;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 12px;
  color: var(--keringGray-66);
  font-family: dinpromedium;
}
/** LOGIN HEADER **/
#login-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  font-size: 13px;
  line-height: 1.3;
  color: var(--keringGray-00);
}
#login-nav-bar.scroll-down {
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
    -webkit-animation:  unset;
  -webkit-transform:  none;
}
#login-nav-bar.scroll-up {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
  -webkit-animation:  unset;
  -webkit-transform:  none;
}
#login-nav-bar.navigation {
  background-color: var(--keringGray-F2);
  padding-top: 5px;
  padding-bottom: 5px;
}
#login-nav-bar #lang-form .control-label {
  width: 130px;
  float: left;
}
#login-nav-bar #ask-for-support {
  text-align: center;
}
#login-nav-bar #ask-for-support.ask-for-support-zh{
  display: flex;
  justify-content: center;
}
#login-nav-bar #ask-for-support a {
  text-decoration: underline;
}
#login-nav-bar select {
  background-color: transparent;
  opacity: 1 !important;
  width: auto;
}
#login-nav-bar select::-ms-expand {
  display: none;
}
#login-nav-bar :root {
  --select-border: var(--keringGray-66);
  --select-focus: blue;
  --select-arrow: var(--select-border);
}
#login-nav-bar .country-select {
  width: 100%;
  cursor: pointer;
  background-color: transparent;
}
/** BUTTONS **/
.column.accountContentPane.clearfix
  form#addressForm
  #addressform_button_panel
  button.form {
  min-width: 270px;
  font-size: 12px;
  font-family: "dinproregular";
  padding: 18px;
  text-transform: uppercase;
  background: var(--keringGray-FF);
}
.btn:disabled,
.btn:disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}
.column.accountContentPane.clearfix
  form#addressForm
  #addressform_button_panel
  button.form {
  border: 1px solid var(--keringGray-00);
  border-color: var(--keringGray-00);
  background: var(--keringGray-00);
  color: var(--keringGray-FF) !important;
}
.btn-black:hover {
  color: var(--keringGray-FF) !important;
}
.btn-black.disabled,
.btn-black[disabled],
.btn-black[disabled="disabled"],
.btn.btn-black.search-filter-submit.diabled {
  color: var(--keringGray-33) !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  cursor: default;
  border: 1px solid var(--keringGray-33);
  background: var(--keringGray-FF) !important;
}

/* rules for js-submit-multiple-form disabled */
.page-Support .btn-black.js-submit-multiple-form.disabled,
.page-Support .btn-black[disabled].js-submit-multiple-form,
.page-Support .btn-black[disabled="disabled"].js-submit-multiple-form{
  background-color: var(--keringGray-00) !important;
  color: var(--keringGray-FF) !important;
}


.addAddressResponseConfirmationButton {
  margin: 10px;
}
/** LOGIN-PAGE **/
.login-page .kering_container {
  text-align: center;
}
.login-page .kering_container > .center_wrapper {
  min-height: 100%;
  min-height: calc(100% - 90px);
  min-height: calc(100vh - 90px);
}
@media (max-width: 1170px) {
  .login-page .kering_container > .center_wrapper {
    min-height: 100%;
    min-height: calc(100% - 110px);
    min-height: calc(100vh - 110px);
  }
}
.login-page #cookie-banner {
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  background: #000;
  padding: 10px;
  width: 100%;
}
.login-page #cookie-banner p {
  text-align: left;
  color: var(--keringGray-FF);
}
.login-page #cookie-banner a {
  color: var(--keringGray-FF);
  text-decoration: underline;
}
#login-wrap .disclaimer {
  margin-bottom: 30px;
  text-align: left;
  font-size: 12px;
  color: var(--keringGray-95);
  line-height: 16px;
}
.contact_us a,
#login-wrap .register {
  font-family: "dinpromedium";
  font-size: 12px;
  padding-left: 10px;
  position: relative;
}
.contact_us a:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 6px;
  background: url(../images/arrow-list-right.png) no-repeat;
}
.login-logo,
.kering-logo,
.register-logo {
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: 60px;
}

#login-wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  padding: 100px 10px 0px 10px;
}
#login-wrap .forgot {
  color: var(--keringGray-33);
  text-decoration: underline;
  font-size: 12px;
  text-align: right;
  display: block;
  margin-top: 0px;
  font-family: "dinpromedium";
  padding-right: 0px;
  margin-bottom: 30px;
}
#login-wrap .forgot:hover {
  color: var(--keringGray-00);
}
#login-wrap input[type="checkbox"] {
  margin: 0px;
}
#login-wrap .text-input-wrap {
  margin-bottom: 20px;
}
#login-wrap .wrap-input-check {
  margin-bottom: 30px;
}
#changepwd-wrap .btn,
.password-mandatory-flags .btn,
#login-wrap .btn {
  margin-bottom: 20px;
  font-size: 14px;
  padding: 12px;
  width: 85%;
}
#login-wrap input.text-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--keringGray-33);
  opacity: 1; /* Firefox */
}
#login-wrap input.text-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--keringGray-33);
}
#login-wrap input.text-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--keringGray-33);
}
#login-wrap .wrap-input-check.light-check,
#login-wrap .wrap-input-check.dark-check {
  text-align: left;
  position: relative;
  width: auto;
  margin-bottom: 30px;
}
.wrap-input-check .check-credits::after,
.wrap-input-check .check-credits::before {
  content: "";
  position: absolute;
  display: block;
}
#login-wrap .register {
  font-family: "dinpromedium";
  font-size: 12px;
  padding-left: 0px;
  position: relative;
  text-transform: uppercase;
  float: right;
  margin-right: 10px;
}
#login-wrap .register:after {
  content: "";
  position: absolute;
  top: 5px;
  width: 5px;
  height: 6px;
  margin-left: 5px;
  background: url(../images/arrow-list-right.png) no-repeat;
}
@media screen and (min-width: 430px) {
    #login-wrap .register:after {
      top: 3px;
    }
}
#login-wrap hr.top-separator {
  margin-bottom: 20px;
}

#login-wrap .form-group {
  margin-bottom: 30px;
}
#login-wrap .button-row .btn.btn-black {
  width: 100%;
  margin-bottom: 30px;
}

#login-wrap .label-email,
#login-wrap .label-password {
  float: left;
  color: var(--keringGray-00);
  margin-bottom: 5px;
}

#login-wrap input.text-input::placeholder {
  color: transparent;
}

/**END LOGIN**/

/** REGISTRATION **/
.page-SecureCustomerPortalRegisterPage {
  text-align: center;
}
.page-SecureCustomerPortalRegisterPage .login-logo {
  margin: 90px 0;
  padding: 100px 10px;
}

.page-SecureCustomerPortalRegisterPage #shippingInfo {
  padding: 0 10px;
  height: 93px;
  display: flex;
}
.page-SecureCustomerPortalRegisterPage .register-info {
  border-bottom: 1px solid var(--keringGray-D9);
  padding-bottom: 18px;
  margin-bottom: 18px;
  font-style: italic;
  font-size: 12px;
  align-self: flex-end;
  width: 100%;
}
.page-SecureCustomerPortalRegisterPage .register-info p {
  font-size: 12px;
}
.page-SecureCustomerPortalRegisterPage .reg-info-title {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "dinprobold";
  font-style: initial;
}
.page-SecureCustomerPortalRegisterPage #billingInfo {
  padding: 0 10px;
  height: 93px;
  display: flex;
}
.page-SecureCustomerPortalRegisterPage label.register-billing {
  margin-bottom: 0px;
  line-height: 16px;
  font-style: normal;
  padding-right: 20px;
  padding-left: 0;
}
@media screen and (max-width: 430px) {
  .page-SecureCustomerPortalRegisterPage label.register-billing {
    padding-right: 25px;
    font-size: var(--keringFontP3);
  }
  .wrap-input-check label.register-billing.check-credits::before {
    top: -1px;
  }
}

.wrap-input-check label.register-billing.check-credits::before {
  right: 0px;
  left: auto;
}
.wrap-input-check label.register-billing.check-credits::after {
  right: 1px;
  left: auto;
}
.automatically-filled i {
  font-style: italic;
  text-transform: initial;
  font-family: "dinproregular";
}
.page-SecureCustomerPortalRegisterPage #town {
  margin-bottom: 1px;
}

.page-SecureCustomerPortalRegisterPage h2,
.column.accountContentPane.clearfix .headline {
  text-transform: uppercase;
  margin-bottom: 18px;
  display: block;
  border-bottom: 1px solid var(--keringGray-D9);
  padding-bottom: 18px;
}
.page-SecureCustomerPortalRegisterPage div[data-role="content"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
  clear: both;
}
.page-SecureCustomerPortalRegisterPage #alreadyCustomerDiv,
.item_container_holder#gotCustomerCodeDiv {
  margin-bottom: 36px;
}
#newCustomerDiv form label b {
  font-weight: normal;
  font-family: "dinproregular";
}
#alreadyCustomerDiv form label b {
  font-weight: normal;
  font-family: "dinproregular";
}

.page-SecureCustomerPortalRegisterPage #newCustomerDiv .required,
#forgotCustomerCodeDiv .required,
.column.accountContentPane.clearfix .required.right {
  width: 100%;
  text-align: left;
  font-size: 12px;
  color: var(--keringGray-95);
  margin-bottom: 18px;
}

.page-SecureCustomerPortalRegisterPage
  input[type="text"].error::-webkit-input-placeholder,
.page-SecureCustomerPortalRegisterPage
  input[type="email"].error::-webkit-input-placeholder {
  color: red;
}
.page-SecureCustomerPortalRegisterPage
  input[type="text"].error::-moz-placeholder,
.page-SecureCustomerPortalRegisterPage
  input[type="email"].error::-moz-placeholder {
  color: red;
}
.page-SecureCustomerPortalRegisterPage
  input[type="text"].error:-ms-input-placeholder,
.page-SecureCustomerPortalRegisterPage
  input[type="email"].error:-ms-input-placeholder {
  color: red;
}
.page-SecureCustomerPortalRegisterPage input[type="text"]#taxNumber {
  display: none;
}
.page-SecureCustomerPortalRegisterPage .newCustomerRegister {
  width: 48%;
  float: left;
}
.page-SecureCustomerPortalRegisterPage .newCustomerRegister.left {
  margin-right: 2%;
}
.page-SecureCustomerPortalRegisterPage .newCustomerRegister.right {
  margin-left: 2%;
}
.support-page div#g-recaptcha_widget > div,
.page-SecureCustomerPortalRegisterPage div#g-recaptcha_widget > div {
  float: right;
}
@media screen and (max-width: 430px) {
  .g-recaptcha-bubble-arrow + div{
      position: fixed !important;
      left: 50%;
      top: 56%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      overflow: hidden;
  }
}
.page-SecureCustomerPortalRegisterPage div#captchaRequired {
  text-align: right;
  color: var(--keringGray-66);
  font-family: "dinproregular";
}
#windowToClose {
  padding-top: 18px;
  cursor: default;
  float: left;
  width: 100%;
  display: none;
  clear: both;
}
.column.accountContentPane.clearfix
  #addressForm
  .control-group
  .controls
  .fancy-select
  .trigger {
  height: 53px;
  line-height: 52px;
  margin-bottom: 0px;
  font-size: 12px;
  font-family: "dinpromedium";
  color: var(--keringGray-B3);
}
.column.accountContentPane.clearfix
  #addressForm
  .control-group
  .controls
  .fancy-select
  ul.options
  > li {
  margin-top: 10px;
}
.page-SecureCustomerPortalRegisterPage div.fancy-select div.trigger.selected {
  color: var(--keringGray-33);
}
.page-SecureCustomerPortalRegisterPage textarea {
  width: 100%;
  min-height: 150px;
  padding: 18px;
  margin-bottom: 18px;
  background-color: var(--keringGray-F2);
}
.page-SecureCustomerPortalRegisterPage .last-row div {
  display: inline-block;
}
.page-SecureCustomerPortalRegisterPage .last-row .button-row {
  display: inline-block;
}

.reset-button-row {
  text-align: right;
}
.page-SecureCustomerPortalRegisterPage #registerForm2 .text_input_container {
  z-index: 1;
}
.page-SecureCustomerPortalRegisterPage
  #registerForm2
  .text_input_container
  .col-xs-12.no-padding-left {
  z-index: 1;
}
.page-SecureCustomerPortalRegisterPage #customerCodeForm .button__container,
.page-SecureCustomerPortalRegisterPage #registerForm2 .button__container {
  width: 100%;
  float: left;
}
.reset-button-row .reset-icon {
  width: 25px;
  margin-right: 10px;
}
.page-SecureCustomerPortalRegisterPage .last-row .left {
  float: left;
}
.page-SecureCustomerPortalRegisterPage .last-row .right {
  float: right;
}
.page-SecureCustomerPortalRegisterPage .captcha_content {
  text-align: right !important;
  padding-top: 20px;
}
.page-SecureCustomerPortalRegisterPage .captcha_content > div {
  display: inline-block;
}
.page-SecureCustomerPortalRegisterPage .captcha_content > div > div {
  display: inline-block;
}
.column.accountContentPane.clearfix #addressForm #addressform_button_panel {
  text-align: center;
}
.page-SecureCustomerPortalRegisterPage #captchaFeedback1,
.page-SecureCustomerPortalRegisterPage #captchaFeedback2 {
  height: 0 !important;
}
.page-SecureCustomerPortalRegisterPage .footer {
  text-align: left;
}

/* MODAL */
.modal {
  background-color: rgba(0, 0, 0, 0.65);
}

.modal-content {
  background-color: transparent !important;
}
.modal-dialog.modal-dialog-centered {
  /* To center vertically */
  width: 0px;
  top: 30%;
}

.modal .close {
  height: 17px;
  width: 17px;
  background-position: center;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-size: 17px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  opacity: 1;
}
.modal .close:hover,
.modal .close:focus {
  opacity: 1;
}
.modal-body {
  padding: 0px;
}
.modal-body .kering-modal {
  float: left;
  width: 600px;
  position: fixed;
  top: 30%;
  left: 50%;
  margin-top: -100px;
  margin-left: -300px;
  z-index: 999;
  background: var(--keringGray-FF);
  /*    background: rgba(255, 255, 255, 0.97);*/
  border: solid 1px var(--keringGray-33);
  padding: 40px;
  text-align: center;
  outline: none;
}

@media screen and (min-width: 430px) {

  #warrantyResultModal .modal-content,
  #invoiceDetailModal .modal-content,
  #deliveryDetailModal .modal-content,
  #orderDetailModal .modal-content,
  #warrantyErrorRepairModal .modal-content,
  #warrantySuccessLNDModal .modal-content,
  #warrantyErrorLNDModal .modal-content,
  #warrantyCommercialReturnErrorLNDModal .modal-content,
  #warrantyCommercialReturnSuccessLNDModal .modal-content,
  #warrantyErrorGeneralLND .modal-content,
  .kering-modal {
    border-radius: 10px;
  }
  #onetrust-pc-sdk{
    border-radius: 10px !important;
  }
}

.modal-body-userExperienceInfo .kering-modal {
  float: left;
  width: fit-content;
  position: fixed;
  top: 30%;
  left: 50%;
  margin-top: -100px;
  margin-left: -300px;
  z-index: 999;
  background: var(--keringGray-FF);
  /*    background: rgba(255, 255, 255, 0.97);*/
  border: solid 1px var(--keringGray-33);
  padding: 40px;
  text-align: center;
  outline: none;
}

.modal-body-userExperienceInfo .kering-modal table {
    margin-top: 20px;
    border-collapse: collapse;
    border-style: hidden;
}

.modal-body-userExperienceInfo .kering-modal table td, table th {
    border: 1px solid black;
    padding: 10px 10px;
    vertical-align: middle;
}

.modal-body-userExperienceInfo .kering-modal table td{
        word-break: keep-all;
}

@media screen and (min-width: 430px) {
    .modal-body-userExperienceInfo .kering-modal .ZP09userExperienceInfoMobile,
    .modal-body-userExperienceInfo .kering-modal .ZP01userExperienceInfoMobile{
        display:none;
    }
}
@media screen and (max-width: 640px) {
    #userExperienceInfoModal.globalModal-mobile.modal .modal-dialog .modal-content{
        padding:0;
        margin:0;
    }
    .modal-body-userExperienceInfo .kering-modal {
        float: unset;
        width: unset;
        position: unset;
        margin-top: unset;
        margin-left: unset;
        border:none;
        padding: 40px 5%;
    }
    .modal-body-userExperienceInfo .kering-modal table{
        width: 100%;
    }
    .modal-body-userExperienceInfo .kering-modal table td, table th {
        padding: 5px;
        font-size: 10px;
    }
}
@media screen and (max-width: 430px) {
    #userExperienceInfoModal.globalModal-mobile.modal .modal-dialog .modal-content{
        padding:0;
        margin:0;
    }
    #userExperienceInfoModal.globalModal-mobile.modal .modal-dialog {
        top: 0;
    }
    .modal-body-userExperienceInfo .kering-modal {
        padding: 20px;
    }
    .modal-body-userExperienceInfo .kering-modal .ZP09userExperienceInfo,
    .modal-body-userExperienceInfo .kering-modal .ZP01userExperienceInfo{
        display:none;
    }
    .modal-body-userExperienceInfo .kering-modal .user-experience-info-intro {
        text-transform: none;
        text-align: left;
        font-size: 13px;
        color: var(--keringGray-00);
        padding: 10px 15px 10px 0;
    }
    .ZP01userExperienceInfoMobile dl, .ZP09userExperienceInfoMobile dl {
        padding-left: 20px;
    }
    .ZP01userExperienceInfoMobile dd, .ZP09userExperienceInfoMobile dd {
        margin-left: 40px;
        text-align: left;
        font-size: 12px;
        color: var(--keringGray-95);
        display: list-item;
        list-style-type: disc;
        line-height: 14px;
    }
    .ZP01userExperienceInfoMobile dt, .ZP09userExperienceInfoMobile dt {
        text-align: left;
        font-size: 12px;
        color: var(--keringGray-00);
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.modal-body .kering-modal .headline {
  width: 100%;
  font-family: "dinpromedium";
  color: var(--keringGray-95);
  font-size: 12px;
  margin: auto;
  padding-top: 18px;
  max-width: 350px;
  padding-bottom: 18px;
  margin: auto;
  float: none;
  clear: both;
}
.modal-body .kering-modal .form-group {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.modal-body .kering-modal .form-group label {
  float: left;
  font-size: 12px;
  margin-bottom: 10px;
}
.modal-body .kering-modal .form-group .fancy-select {
  clear: both;
  text-align: left;
}
.modal-body button.btn-black,
.modal-body .kering-modal button.btn-black,
#forgottenPwdModal a.btn-black{
  padding: 15px 10px;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 13px;
}


@media only screen and (max-width:430px){
  #addressesModal{
    padding: 40px 10px;
  }

  #addressesModal .modal-body button.btn-black,
  #addressesModal .modal-body .kering-modal button.btn-black{
    font-size: 10px;
    display: flex;
    justify-content: center;
    white-space: break-spaces;
    margin: 20px auto;
  }
}


.forgottenPwd {
  float: left;
  width: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -300px;
  z-index: 999;
  background: var(--keringGray-FF);
  border: solid 1px var(--keringGray-33);
  padding: 36px;
  text-align: center;
  outline: none;
}
.forgottenPwd .headline {
  float: left;
  width: 100%;
  font-family: "dinproregular";
  color: var(--keringGray-33);
  font-size: 12px;
  display: inline-block;
  width: 100%;
  margin-bottom: 18px;
  text-align: center;
}
.forgottenPwd .required {
  float: left;
  width: 100%;
  float: left;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
  display: block;
  font-family: "dinpromedium";
  padding-top: 18px;
  text-decoration: none;
  color: red;
}
.forgottenPwd .description {
  width: 100%;
  font-family: "dinpromedium";
  color: var(--keringGray-D9);
  font-size: 12px;
  margin: auto;
  padding-top: 18px;
  max-width: 350px;
  padding-bottom: 18px;
  margin: auto;
  float: none;
  clear: both;
}
.registration-modal.forgottenPwd .description {
    color: var(--keringGray-95);
}
/* fixed responsiveness for generic modal*/
@media screen and (max-width: 640px) {
    .modal-body .kering-modal{
        left: unset;
        margin-top:unset;
        margin-left: unset;
        width: unset;
        border: none;
        float:unset;
        position:relative;
    }
    .modal-dialog.modal-dialog-centered {
        top: 20%;
        width:unset;
    }
    .modal-content .modal-body{
        padding: 0px;
    }
    .modal-content {
        margin: 10px;
    }
}
button.btn-black.adapt-width{
    width: 50%;
}
#addAddressModal .modal-dialog.modal-dialog-centered{
    top:10%;
}
@media screen and (min-width: 430px) {
    #addAddressModal.completed .modal-dialog.modal-dialog-centered{
        transform: translate(100%, 100%);
    }
    #addAddressModal.completed .modal-dialog.modal-dialog-centered .modal-content{
        transform: translate(-50%, 100%);
        background: none;
        border: none;
    }
}

/* fixed responsiveness for other modals*/
@media screen and (max-width: 640px) {
    .modal-content .modal-body.changePwdBody,
    #forgottenPwdModal.forgottenPwd{
        left: unset;
        margin-top:unset;
        margin-left: unset;
        width: unset;
        border: none;
        float:unset;
        position:relative;
    }
    .registration-modal.kering-modal button.btn-black {
        width: 60%;
    }
    .modal-content .modal-body.changePwdBody .changePwd{
        padding: 40px;
    }
    .modal-content .modal-body.changePwdBody {
        padding: 0;
    }
    #addAddressModal .modal-dialog.modal-dialog-centered{
        top:2%;
    }
    #registerPopup1.registration-modal.kering-modal button.btn-black {
      width: unset;
  }
}

@media screen and (max-width: 430px) {
     #orderLimitIssueModal .button-row button.btn-black,
     .marketing-preferences-modal.kering-modal button.btn-black,
     #forgottenPwdModal .modal-body button.btn-black,
     #couponModal .modal-body button.btn-black{
        width: 100%;
    }
}

#forgottenPwdModal.forgottenPwd .headline{
    color: var(--keringGray-00)
}
#forgottenPwdModal.forgottenPwd .description {
    font-family: var(--keringFontF1);
    color: var(--keringGray-95);
}
.changePwdBody .description,
.changePwdBody .headline{
    font-size:13px;
    color: var(--keringGray-95);
}
.forgottenPwd #forgottenPwdForm {
  float: left;
  width: 100%;
}
.forgottenPwd #forgottenPwdForm .control-group {
  float: left;
  width: 100%;
}
.forgottenPwd #forgottenPwdForm .control-group label {
  float: left;
  width: 100%;
  margin-bottom: 18px;
  font-family: "dinproregular";
  font-size: 12px;
}
.forgottenPwd #forgottenPwdForm .control-group label .mandatory {
  display: none;
}
.forgottenPwd #forgottenPwdForm .control-group label .skip {
  float: left;
  width: 100%;
  float: left;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
  display: block;
  font-family: "dinpromedium";
  padding-top: 18px;
  text-decoration: none;
  color: red;
}
.forgottenPwd #forgottenPwdForm .control-group label span {
  float: left;
  width: 100%;
}
.forgottenPwd #forgottenPwdForm .control-group .controls {
  float: none;
  max-width: 350px;
  width: 100%;
  margin: auto;
}
.forgottenPwd #forgottenPwdForm .control-group .controls input {
  float: left;
  width: 100%;
  border: none;
  font-size: 12px;
  font-family: "dinpromedium";
  padding: 18px;
  color: var(--keringGray-00);
  width: 100%;
  margin-bottom: 18px;
  background-color: var(--keringGray-F2);
}

/** MY ACCOUNT **/
.template-pages-account-accountLayoutPage .top_page {
  border-bottom: 1px solid var(--keringGray-D9);
  margin-bottom: 18px;
}
.template-pages-account-accountLayoutPage .breadcrumb {
  width: 100%;
}
.template-pages-account-accountLayoutPage .myaccount-wrap {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.template-pages-account-accountLayoutPage .myaccount-wrap .accountNav {
  width: 49%;
  float: left;
  border: 1px solid var(--keringGray-B3);
  margin-bottom: 18px;
  padding: 18px;
  font-family: "dinpromedium";
  position: relative;
}
.template-pages-account-accountLayoutPage .myaccount-wrap .accountNav .svg {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 32px;
}
.template-pages-account-accountLayoutPage .myaccount-wrap .accountNav.even {
  clear: left;
  margin-right: 1%;
  height: 136px;
}
.template-pages-account-accountLayoutPage .myaccount-wrap .accountNav.odd {
  margin-left: 1%;
  height: 136px;
}
.template-pages-account-accountLayoutPage .myaccount-wrap .accountNav a {
  text-transform: none;
  color: var(--keringGray-95);
  font-size: 16px;
  font-family: "dinpromedium";
}
.template-pages-account-accountLayoutPage .myaccount-wrap .accountNav p {
  text-transform: none;
  color: var(--keringGray-D9);
  font-family: "dinpromedium";
  font-size: 12px;
}
.template-pages-account-accountLayoutPage .myaccount-wrap .accountNav a:hover {
  color: var(--keringGray-33);
  text-decoration: none;
}
.template-pages-account-accountLayoutPage
  .myaccount-wrap
  .accountNav
  .headline {
  font-family: "dinproregular";
  color: var(--keringGray-33);
  font-size: 18px;
  margin-bottom: 20px;
  padding-right: 30px;
}
.novisibility {
  visibility: hidden;
}
.column.accountContentPane.clearfix .description {
  margin-bottom: 20px;
}
.template-pages-account-accountLayoutPage .accountLeftNavigation {
  float: left;
  width: 30%;
  padding-right: 18px;
}

.page-user-management
  .template-pages-account-accountLayoutPage
  .accountLeftNavigation {
  width: 21%;
}

.template-pages-account-accountLayoutPage
  .accountLeftNavigation
  li.parent
  ul
  li
  a.active {
  text-decoration: underline;
}

.page-Support .support-assistance,
.page-faqPage .support-assistance,
div.accountLeftNavigation {
  top: 60px;
  position: sticky;
  height: 100%;
  left: 0px;
  z-index: 1px;
  text-transform: uppercase;
}
.page-faqPage .support-assistance .-faq,
.page-Support .support-assistance .request-faq,
.page-faqPage .support-assistance .request-faq,
div.accountLeftNavigation .request-faq{
  text-transform: none;
}
.page-Support .support-assistance p:not(.request-faq, .-faq),
.page-faqPage .support-assistance p:not(.request-faq, .-faq){
  text-transform: uppercase;
}

.navigationPreferencesPane .preferences-container {
  padding-bottom: 18px;
}

.navigationPreferencesPane .sub-container {
  align-items: baseline;
  justify-content: space-between;
}

.myaccount-style.navigationPreferencesPane
  .sub-container.preferences-container {
  width: 80%;
}

.myaccount-style.navigationPreferencesPane
  .sub-container.preferences-container
  .flex-grow-1 {
  flex-grow: 1;
}

.new-brand {
  text-transform: uppercase;
  text-decoration: underline;
}

.template-pages-account-accountLayoutPage .accountContentPane {
  float: left;
  width: 70%;
}

.page-user-management
  .template-pages-account-accountLayoutPage
  .accountContentPane {
  width: 79%;
}

.template-pages-account-accountLayoutPage
  .accountContentPane
  .preferences-subtitle {
  border-bottom: 1px solid var(--keringGray-D9);
  margin-bottom: 18px;
  padding-bottom: 7px;
}

.template-pages-account-accountLayoutPage
  .accountContentPane
  .preferences-subtitle,
.template-pages-account-accountLayoutPage
  .accountContentPane
  .profile-subtitle {
  font-family: "dinpromedium";
  font-size: 13px;
  text-align: left;
  text-transform: uppercase;
}

.template-pages-account-accountLayoutPage
  .accountContentPane
  .profile-subtitle {
  padding-bottom: 18px;
}

.template-pages-account-accountLayoutPage
  .accountContentPane
  .profile-subtitle-container {
  margin: 30px 0px 0px 0px;
  padding-top: 18px;
  border-top: 1px solid var(--keringGray-D9);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media screen and (min-width: 430px){
    .template-pages-account-accountLayoutPage
     .accountContentPane
     .profile-subtitle {
        border-bottom: 1px solid var(--keringGray-D9);
    }
    .template-pages-account-accountLayoutPage
     .accountContentPane
     .profile-subtitle-container {
        border-top: none;
        display: inline;
    }
    .template-pages-account-accountLayoutPage
     .accountContentPane
     .profile-subtitle {
        padding-bottom: 10px;
        margin-bottom: 18px;
    }
    .template-pages-account-accountLayoutPage
     .accountContentPane
     .profile-subtitle-container
     .profile-subtitle {
        padding-top: 50px;
    }
}
.template-pages-account-accountLayoutPage .yCmsComponent {
  color: var(--keringGray-D9);
  text-transform: uppercase;
  font-family: "dinproregular";
  text-transform: uppercase;
  color: var(--keringGray-33);
  font-size: 14px;
}
.column.accountContentPane.clearfix.addressbookPane .add-address {
  text-transform: uppercase;
  text-decoration: underline;
  font-family: "dinpromedium";
  margin-bottom: 25px;
  margin-top: 25px;
}
.column.accountContentPane.clearfix.addressbookPane .address-book-container {
  width: 50%;
  float: left;
  padding: 0;
  margin-top: -1px;
}
.column.accountContentPane.clearfix.addressbookPane .address-book-container p {
  text-transform: uppercase;
  color: var(--keringGray-33);
}
.column.accountContentPane.clearfix.addressbookPane
  .address-book-container
  p.bold {
  font-family: "dinprobold";
}
.column.accountContentPane.clearfix.addressbookPane
  .address-book-container
  .address-book {
  width: 90%;
  border-top: 1px solid var(--keringGray-D9);
  border-bottom: 1px solid var(--keringGray-D9);
  padding: 18px 0;
}

.template-pages-account-accountLayoutPage .yCmsComponent ul .yCmsComponent {
  font-family: "dinproregular";
}
@media screen and (min-width: 430px){
    .template-pages-account-accountLayoutPage .yCmsComponent.parent ul{
         position: absolute;
    }
    .page-my-statement.template-pages-account-accountLayoutPage .yCmsComponent.parent ul{
      position: relative;
 }
}
.template-pages-account-accountLayoutPage
  .yCmsComponent
  ul
  li.parent.yCmsComponent
  span {
  line-height: 15px;
  font-family: "dinpromedium";
}

.template-pages-account-accountLayoutPage .yCmsComponent.parent ul {
  padding-left: 12px;
}
.template-pages-account-accountLayoutPage .yCmsComponent.parent span {
  margin-bottom: 15px;
  display: block;
}

.template-pages-account-accountLayoutPage .yCmsComponent .section-apply-container .btn{
  display: inline-block;
}
.template-pages-account-accountLayoutPage .yCmsComponent .new-brand a {
  margin-bottom: 0px !important;
}

.template-pages-account-accountLayoutPage .yCmsComponent .brand-info a {
  margin-bottom: 0;
  display: block;
}

.template-pages-account-accountLayoutPage .yCmsComponent li a {
  font-size: 12px;
  font-family: "dinpromedium";
}
.template-pages-account-accountLayoutPage .yCmsComponent .accountContentPane {
  font-size: 13px;
  text-transform: initial;
}

.template-pages-account-accountLayoutPage #pageSelectionPagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.template-pages-account-accountLayoutPage #pageSelectionPagination ul {
  padding: 15px 0px;
}
.template-pages-account-accountLayoutPage .account-profile-data {
  width: 100%;
}
.template-pages-account-accountLayoutPage .persdetail {
  padding-bottom: 18px;
}
.template-pages-account-accountLayoutPage .persdetail tr td {
  padding: 9px 0;
}
.template-pages-account-accountLayoutPage .persdetail tr td:first-child {
  padding-right: 0px;
}
.template-pages-account-accountLayoutPage
  .persdetail
  .brand-email
  td:first-child {
  padding-right: 15px;
}
.template-pages-account-accountLayoutPage
  .persdetail
  .brand-name
  td:first-child {
  padding-right: 15px;
}
.template-pages-account-accountLayoutPage .persdetail .brand-email {
  display: flex;
  padding-left: 40px;
}
.template-pages-account-accountLayoutPage .persdetail .brand-name {
  display: flex;
  padding-left: 40px;
}
.template-pages-account-accountLayoutPage .persdetail .brand-email.d-none {
  display: none !important;
}
.template-pages-account-accountLayoutPage .persdetail .brand-name.d-none {
  display: none !important;
}
.template-pages-account-accountLayoutPage .persdetail tr.brand-email td {
  padding-bottom: 30px;
}
.template-pages-account-accountLayoutPage .persdetail tr.brand-name td {
  padding-top: 20px;
}
.template-pages-account-accountLayoutPage .persdetail a.change-password {
  text-decoration: underline;
  text-transform: uppercase;
  margin: 0px;
}
.template-pages-account-accountLayoutPage .persdetail .brand-details {
  text-align: right;
  text-transform: capitalize;
  text-decoration: underline;
  cursor: pointer;
}
.template-pages-account-accountLayoutPage .persdetail .brand-info {
  padding-top: 5px;
  text-decoration: underline;
  cursor: pointer;
}
.template-pages-account-accountLayoutPage .accountContentPane .preference-info {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.template-pages-account-accountLayoutPage
  .accountContentPane.myaccount-style
  .row {
  margin-left: 0;
  margin-right: 0;
}

.preference-info .form-field-input {
  margin-top: unset;
}

.template-pages-account-accountLayoutPage
  .accountContentPane
  div.fancy-select
  div.trigger:after {
  top: 45%;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  div.fancy-select
  div.trigger.selected {
  color: var(--keringGray-33);
}
.template-pages-account-accountLayoutPage .accountContentPane .others-subtitle {
  color: var(--keringGray-95);
  font-size: 11px;
  padding-top: 3px;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .user-management-sort {
  width: auto;
  padding: 10px 0;
  float: right;
}

.template-pages-account-accountLayoutPage
  .accountContentPane
  .user-management-sort
  .sort-title,
.template-pages-account-accountLayoutPage
  .accountContentPane
  .user-management-sort
  .sort-item {
  width: auto;
  width: auto;
  padding: 15px 0 15px 30px;
  float: left;
  font-size: 11px;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .user-management-sort
  .sort-item.active {
  text-decoration: underline;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .user-management-sort
  .sort-item
  a {
  margin: 0;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  form
  label.error {
  font-style: italic;
  text-transform: initial;
  color: red;
  margin-left: 5px;
}
.template-pages-account-accountLayoutPage .accountContentPane #errorSelectMessage {
  font-style: italic;
  text-transform: initial;
}
@media (max-width: 430px) {
.template-pages-account-accountLayoutPage .accountContentPane #errorSelectMessage {
  font-style: italic;
  text-transform: initial;
  margin-left: 0px;
  margin-bottom: 5px;
  display: block;
  }
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  div.fancy-select
  ul.options {
  margin-bottom: 30px;
  width: 100%;
  padding: 5px;
  text-transform: uppercase;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .customersList
  .customersListTable {
  width: 100%;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .customersList
  .customersListTable
  thead {
  background: var(--keringGray-00);
  color: #fff;
  border: 1px solid var(--keringGray-00);
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .customersList
  .customersListTable
  thead
  th {
  border-style: hidden;
  padding: 10px 15px;
  text-transform: uppercase;
  font-family: "dinproregular";
  text-align: left;
  vertical-align: middle;
  background: var(--keringGray-00);
  color: var(--keringGray-FF);
  font-size: 11px;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .customersList
  .customersListTable
  tbody
  tr {
  border-bottom: 1px solid var(--keringGray-B3);
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .customersList
  .customersListTable
  tbody
  td {
  font-size: 11px;
  color: var(--keringGray-66);
  padding: 20px 15px;
  text-align: left;
  vertical-align: middle;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  .button-row,
.template-pages-account-accountLayoutPage
  .accountContentPane
  .profile-container
  .button-row {
  padding: 0;
  margin-top: 40px;
  text-align: right;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .profile-container
  .button-row
  .btn {
  padding: 10px;
  text-align: center;
  font-family: "dinproregular";
  color: unset !important;
  background-color: unset;
  text-decoration: underline;
  font-size: 13px;
}
@media screen and (min-width: 430px){
  .template-pages-account-accountLayoutPage
    .accountContentPane
    .new-profile-container
    .button-row
    .btn{
    padding: 15px 20px;
    text-align: center;
    font-family: "dinproregular";
    font-size: 13px;
  }


}

.template-pages-account-accountLayoutPage
.accountContentPane
.new-profile-container #close-form{
  background-color: unset;
  color: unset!important;
  padding: 0;
  font-weight: 200;
  margin-top: 0!important;
  font-size: 12px;
  text-align: right;


}

@media screen and (max-width:430px) {
  .template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container #close-form{
    font-weight: 600;
    opacity: 0.60;
    text-decoration: underline;
    text-underline-position: under;
    text-align: center;
  }
}

.template-pages-account-accountLayoutPage
.accountContentPane
.new-profile-container #close-form:hover{
  text-decoration: underline;
}

.template-pages-account-accountLayoutPage
    .accountContentPane
    .new-profile-container
    .button-row:has(#close-form){
      margin-top: 20px;
}

#customersManagementList div[headers="header6"],
#customersManagementList div[headers="header7"] {
  place-self: center;
}
#customersManagementList div[headers="header1"],
#customersManagementList div[headers="header2"],
#customersManagementList div[headers="header4"] {
   overflow-wrap: anywhere;
}
order-history-body.order-history-desktop .order-data {
    color: var(--keringGray-00);
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  .required-field {
  padding-top: 45px;
  color: var(--keringGray-95);
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  .update-profile-title,
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  .new-profile-title {
  text-transform: uppercase;
  padding: 20px 0;
  margin-bottom: 20px;
  font-size: 14px;
  border-bottom: 1px solid var(--keringGray-B3);
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  .form-field-input {
  margin: 10px 0;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  .wrap-input-check {
  max-height: 36px;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  .form-field-input
  label {
  margin: 10px 20px 10px 0;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  input.text-input {
  background-color: var(--keringGray-F2);
  border: none;
  padding: 10px;
  min-height: 36px;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  input.error+label.check-credits::before,
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  select.error
  + div.trigger,
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  input.error {
  border: 1px solid red;
}
.template-pages-account-accountLayoutPage
  .accountContentPane
  .new-profile-container
  div.fancy-select
  div.trigger {
  width: 100%;
  padding: 20px 12px;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 10px;
  min-height: 36px;
  text-transform: uppercase;
}
/** MULTI LOGIN **/
.multiLogin {
  display: block;
  z-index: 999;
  background: rgba(255, 255, 255, 0.97);
  border: solid 1px var(--keringGray-33);
  padding: 36px;
}
.multiLogin .close {
  height: 17px;
  width: 17px;
  background-position: center;
  background-image: url(../img/close-pdp.png);
  background-repeat: no-repeat;
  background-size: 17px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.multiLogin > button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.multiLogin-page .topHeaderMultiLogin {
  width: 100%;
  height: 36px;
  position: fixed;
  border-bottom: solid 1px var(--keringGray-D9);
  background: var(--keringGray-FF);
}
.multiLogin-page .topHeaderMultiLogin .headerComponent {
  float: right;
  margin: 0px 25px;
  color: var(--keringGray-95);
  line-height: 36px;
  font-family: "dinprobold";
  font-size: 10px;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.multiLogin-page .topHeaderMultiLogin .headerComponent button {
  text-transform: uppercase;
}
.multiLogin-page .contentWrapper {
  display: inline-block;
  width: 100%;
}
.multiLogin-page .contentWrapper .login-logo {
  margin: 80px 0px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.multiLogin-page .contentWrapper #searchTitleContainer {
  display: block;
  text-align: left;
  margin-bottom: 80px;
}
.multiLogin-page .contentWrapper h2 {
  text-transform: uppercase;
}
.multiLogin-page .contentWrapper #searchSubtitleContainer {
  position: relative;
  display: block;
  cursor: pointer;
  margin-top: 5%;
}
.multiLogin-page .contentWrapper #searchSubtitleContainer h2 {
  display: block;
  padding-bottom: 18px;
  margin-bottom: 0px;
  border-bottom: 1px solid var(--keringGray-D9);
  color: var(--keringGray-95);
  font-size: 13px;
  font-weight: bold;
}
.multiLogin-page .contentWrapper #searchSubtitleContainer .arrow {
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  position: relative;
  bottom: 35px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/arrow-list-down.png);
}
.multiLogin-page .contentWrapper #multiLogin-search {
  padding-top: 0px;
  width: 100%;
  clear: both;
}
.multiLogin-page .contentWrapper #multiLogin-search:after {
  content: "";
  display: table;
  clear: both;
}
.multiLogin-page .contentWrapper #multiLogin-search .column {
  float: left;
  width: 50%;
}
@media screen and (max-width: 430px) {
	.multiLogin-page .contentWrapper #multiLogin-search .column {
		width: 100%;
	}
  .template-pages-account-accountLayoutPage .account-profile-data {
    width: 97%;
  }
}
.multiLogin-page .contentWrapper #multiLogin-search .column .text-input-wrap {
  margin: 20px;
  margin-bottom: 0px;
}
.multiLogin-page .contentWrapper #multiLogin-search .emptyFieldsLink {
  float: right;
  margin: 0px 20px;
}
.multiLogin-page .contentWrapper #multiLogin-search .emptyFieldsLink > a {
  color: var(--keringGray-95);
  text-decoration: underline;
  font-size: 12px;
  text-align: right;
  display: block;
  margin-top: 5px;
  font-family: "dinpromedium";
  padding-right: 8px;
}
.multiLogin-page .contentWrapper #multiLogin-search .emptyFieldsLink > a:hover {
  color: var(--keringGray-33);
}
.multiLogin-page .contentWrapper .customersList {
  display: inline-block;
  width: 100%;
  margin-top: 21px;
}
.multiLogin-page .contentWrapper .customersList .customersListTable {
  width: 100%;
}
.multiLogin-page .contentWrapper .customersList .customersListTable thead {
  background: var(--keringGray-00);
  color: var(--keringGray-FF);
  border: 1px solid var(--keringGray-00);
}
.multiLogin-page .contentWrapper .customersList .customersListTable thead th {
  border-style: hidden;
  padding: 10px;
  text-transform: uppercase;
  font-family: "dinprobold";
  text-align: center;
  vertical-align: middle;
  background: var(--keringGray-00);
  color: var(--keringGray-FF);
  font-size: 12px;
}
.multiLogin-page
  .contentWrapper
  .customersList
  .customersListTable
  thead
  th[headers="header1"] {
  width: 0px;
}
.multiLogin-page .contentWrapper .customersList .customersListTable tbody {
  border: 1px solid var(--keringGray-D9);
}
.multiLogin-page
  .contentWrapper
  .customersList
  .customersListTable
  tbody
  .no-results {
  text-transform: uppercase;
}
.multiLogin-page .contentWrapper .customersList .customersListTable tbody td {
  font-size: 11px;
  color: var(--keringGray-66);
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.multiLogin-page
  .contentWrapper
  .customersList
  .customersListTable
  tbody
  td
  > input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  margin: 0px;
}
.multiLogin-page .contentWrapper .paginationWrapper {
  display: block;
  text-align: center;
  margin: 0px !important;
}
.multiLogin-page .contentWrapper #multiLoginPager {
  display: inline-block;
  margin: 20px 0;
  text-align: center;
  width: 100%;
}
.multiLogin-page .contentWrapper .pageNavigation {
  display: inline-block;
  margin: 20px 0;
  text-align: center;
}
.multiLogin-page .contentWrapper .pageNavigation > * {
  float: left;
  margin: 0 10px;
  padding: 10px 10px;
  border: 1px solid var(--keringGray-66);
}
.multiLogin-page .contentWrapper .pageNavigation a {
  position: relative;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: var(--keringGray-FF);
  transition: 0.25s ease-in-out;
  cursor: pointer;
}
.multiLogin-page .contentWrapper .pageNavigation a.prev:before {
  position: absolute;
  top: 16px;
  left: 14px;
}
.multiLogin-page .contentWrapper .pageNavigation a.prev:after {
  position: absolute;
  top: 21px;
  left: 14px;
}
.multiLogin-page .contentWrapper .pageNavigation a.next:after {
  position: absolute;
  top: 21px;
  left: 16px;
}
.multiLogin-page .contentWrapper .pageNavigation a.next:before {
  position: absolute;
  top: 16px;
  left: 16px;
}
.multiLogin-page .contentWrapper .pageNavigation a.prev:before,
.multiLogin-page .contentWrapper .pageNavigation a.next:after {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background: var(--keringGray-66);
  transform: rotate(-45deg);
}
.multiLogin-page .contentWrapper .pageNavigation a.prev:after,
.multiLogin-page .contentWrapper .pageNavigation a.next:before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background: var(--keringGray-66);
  transform: rotate(45deg);
}
.multiLogin-page .contentWrapper .pageNavigation a:hover {
  border-color: var(--keringGray-00);
  background: rgba(243, 243, 243, 0.2);
}
.multiLogin-page .contentWrapper .pageNavigation a:hover:after,
.multiLogin-page .contentWrapper .pageNavigation a:hover:before {
  background: var(--keringGray-00);
}

.multiLogin-page .profile-row {
  cursor: pointer;
}
.multiLogin-page input[type="radio"]{
  visibility: hidden;
}
.multiLogin-page .item.profile-row .for-each-collapsible-container .text-uppercase{
  color: var(--keringGray-00);
}

.multiLogin-page .contentWrapper .button-row {
  display: inline-block;
  margin: 50px 0px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/** HOMEPAGE **/
.page-homepage .kering_container {
  text-align: center;
}
@media screen and (max-width:430px) {
  .page-homepage .kering_container {
    text-align: center;
    overflow-x: hidden;
  }
}
@media only screen and (min-width:430px){
  .page-homepage header .yCmsComponent {
    padding-bottom: 0;
  }
}

.small-images-container .yCmsComponent ,
.medium-images-container .yCmsComponent ,
.large-images-container .yCmsComponent,
.page-homepage .yCmsComponent {
  padding-bottom: 20px;
}

.page-homepage .yCmsComponent .content {
  margin-top: 20px;
}
.page-homepage .homepage-multi-carousel,
.homepage-banner-carousel {
  display: flex;
  justify-content: space-around;
}
.small-images-container,
.medium-images-container,
.large-images-container {
  display: block;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}
.small-images-container .yCmsComponent,
.medium-images-container .yCmsComponent,
.large-images-container .yCmsComponent {
  display: inline-block;
}
.medium-images-container .yCmsComponent {
  width: 25%;
}
.half-row .medium-images-container .yCmsComponent {
  width: 50%;
}
.large-images-container .yCmsComponent {
  width: 50%;
}
.half-row .large-images-container .yCmsComponent {
  width: 100%;
}
.small-images-container .yCmsComponent {
  width: 12.5%;
}
.half-row .small-images-container .yCmsComponent {
  width: 25%;
}
/* Image Containers configuration for mobile */
@media screen and (max-width: 430px) {
  .medium-images-container .yCmsComponent {
    width: 50%;
  }
}
.image-link {
  width: 100%;
  height: auto;
  padding: 10px;
}
.page-homepage .content {
  padding-bottom: 15px;
}
.page-homepage .homepage-multi-carousel .yCmsComponent,
.homepage-banner-carousel .yCmsComponent {
  width: auto;
  margin: 5px;
  float: left;
}
.page-homepage .homepage-multi-carousel .yCmsComponent img,
.homepage-banner-carousel .yCmsComponent img {
  width: 100%;
  height: auto;
}
.page-homepage .homepage-multi-carousel,
.homepage-banner-carousel {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.page-homepage .homepage-multi-carousel {
  padding: 0px 60px;
}
.page-homepage .homepage-banner-carousel {
  padding: 20px 60px;
}
.page-homepage .homepage-multi-carousel-desktop,
.homepage-banner-carousel-desktop {
  margin-top: 40px;
}
.page-homepage .homepage-multi-carousel-desktop {
  margin-top: 0px;
}
.page-homepage .homepage-multi-carousel.slick-initialized,
.homepage-banner-carousel.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.page-homepage .homepage-multi-carousel .slick-arrow,
.homepage-banner-carousel .slick-arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  border: solid var(--keringGray-D9);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 10px;
  font-size: 0;
  z-index: 5;
}
.page-homepage .homepage-multi-carousel button.slick-prev,
.homepage-banner-carousel button.slick-prev {
  left: 0;
  margin-left: 10px;
  outline: 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.page-homepage .homepage-multi-carousel button.slick-next,
.homepage-banner-carousel button.slick-next {
  right: 0;
  margin-right: 10px;
  outline: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
@media only screen and (max-width:430px) {
  .page-homepage .homepage-multi-carousel button.slick-prev,
  .homepage-banner-carousel button.slick-prev {
    margin-left: 0;
  }

  .page-homepage .homepage-multi-carousel button.slick-next,
  .homepage-banner-carousel button.slick-next {
    margin-right: 0;
  }
}
.page-homepage .homepage-single-carousel.slick-initialized,
.page-homepage .kering-single-carousel.slick-initialized,
.kering-editorial-banner-rotating.slick-initialized,
.page-homepage .homepage-single-carousel,
.page-homepage .kering-single-carousel,
.kering-editorial-banner-rotating {
  visibility: visible;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 1s ease;
}

.page-homepage .homepage-single-carousel ul.slick-dots li,
.page-homepage .kering-single-carousel ul.slick-dots li,
.kering-editorial-banner-rotating ul.slick-dots li,{
  display: inline;
}
.page-homepage
  .homepage-single-carousel
  ul.slick-dots.slick-active
  button.active,
.page-homepage
  .kering-single-carousel
  ul.slick-dots.slick-active
  button.active,
  .kering-editorial-banner-rotating
  ul.slick-dots.slick-active
  button.active {
  background-color: var(--keringGray-D9);
}
.page-homepage .homepage-single-carousel ul.slick-dots button,
.kering-single-carousel ul.slick-dots button,
.kering-editorial-banner-rotating ul.slick-dots button {
  background-color: var(--keringGray-B3);
  border: 1px solid var(--keringGray-B3);
  border-radius: 100%;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 10px 5px;
}
.page-homepage .homepage-single-carousel ul.slick-dots li.slick-active button,
.kering-single-carousel ul.slick-dots li.slick-active button,
.kering-editorial-banner-rotating ul.slick-dots li.slick-active button {
  background-color: var(--keringGray-33);
}
.kering-editorial-banner-rotating .slick-dots {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  margin: 20px auto 0 auto !important;
  padding: 0;
  width: fit-content;
  list-style-type: none !important;
}

.kering-editorial-banner-rotating .slick-dots li {
  display: inline-block !important;
  margin: 0 5px !important;
}

.kering-editorial-banner-rotating ul.slick-dots button {
  background-color: var(--keringGray-B3);
  border: 1px solid var(--keringGray-B3);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  font-size: 0;
  padding: 0;
  margin: 0;
}

.kering-editorial-banner-rotating ul.slick-dots li.slick-active button {
  background-color: var(--keringGray-33);
  border-color: var(--keringGray-33);
}
.kering-editorial-banner-rotating .slick-track {
  display: flex !important;
  align-items: center !important;
}
.page-homepage .row .col-md-6 {
  padding: 0;
}

#changepwd-wrap {
  position: relative;
  margin-top: 7%;
}
.new-password-label {
  padding-bottom: 8%;
}

.label-container {
  text-align: left;
}

.input-container {
  padding: 0 30px;
}

#changepwd-wrap p {
  font-size: 15px;
  color: var(--keringGray-33);
}
.password-requirement {
  text-align: center;
  display: inline-block;
  padding: 20 40px;
  width: 100%;
}
#changepwd-wrap .button-container {
  padding: 0 30px;
}
#changepwd-wrap .password-requirement .label-container.title {
  line-height: 30px;
  color: var(--keringGray-33);
}
#changepwd-wrap #confirm-pwd.btn {
  margin-top: 20px;
}

#changepwd-wrap .password-requirement .label-container {
  line-height: 20px;
  font-size: 14px;
}

#changepwd-wrap .password-requirement .label-container span {
  color: red;
  display: contents;
}
#changepwd-wrap .password-requirement span.glyphicon-remove.opacity-0:before {
  opacity: 0;
}
.kering_container
  #changepwd-wrap
  .password-requirement
  .label-container.verified
  span {
  line-height: 20px;
  font-size: 14px;
  color: green;
}

.kering_container
  #changepwd-wrap
  .password-requirement
  .label-container.rejected
  span {
  line-height: 20px;
  font-size: 14px;
  color: red;
}
.kering_container #changepwd-wrap .password-mandatory-flags {
  padding-bottom: 7%;
  text-align: left;
}
.kering_container #changepwd-wrap .password-mandatory-flags .input-container {
  padding-bottom: 10px;
  padding-top: 10px;
}
.kering_container
  #changepwd-wrap
  .password-mandatory-flags
  .input-container
  .check-credits {
  text-transform: initial;
}
.template-pages-account-accountLayoutPage .yCmsComponent .update-password {
  color: var(--keringGray-95);
}

.updatepwd-title {
  text-transform: initial;
  margin-bottom: 30px;
  margin-top: 10px;
  color: var(--keringGray-95);
  text-align: justify;
}

#updatePasswordForm div,
#updatePasswordForm p {
  padding-left: 0px;
}

#updatePasswordForm .button-row {
  text-align: right;
}

#updatePasswordForm .updatepwd-hr,
hr.grey-hr {
  border-top: 1px solid var(--keringGray-EE);
  margin-top: 30px;
  padding-bottom: 0px;
  margin-bottom: 25px;
}

#updatePasswordForm .form-group {
  padding-top: 15px;
}

#updatePasswordForm .updatepwd-input {
  display: inline-block;
}
#updatePasswordForm .js-mandatory-container {
  display: inline-block;
  font-family: "dinproregular";
  font-style: italic;
}
#updatePasswordForm .js-mandatory,
#updatePasswordForm .js-error-container {
  display: inline-block;
  color: red;
  font-family: "dinproregular";
  font-style: italic;
}
#updatePasswordForm .js-mandatory,
#updatePasswordForm .js-error-container.d-none {
  display: none;
}
#updatePasswordForm .red-border {
  border: 1px solid red;
}
#updatePasswordForm .js-error-container {
  padding-bottom: 25px;
}

#updatePasswordForm .btn:hover,
.btn:focus,
.btn.focus {
  color: inherit;
}

#updatePasswordForm .button-row :first-child {
  min-width: 150px;
  width: 150px;
  display: inline-block;
}

.email-validation.red-border, .forgotpassword-validation.red-border, .registrationemail.red-border {
  border: 1px solid red;
}

.expDateError.form-control:focus,
.expDateError {
  border: 1px solid red !important;
}
.forgotpassword-validation.red-border {
  border: 1px solid red !important;
}
.registrationemail-validation.red-border {
  border: 1px solid red !important;
}
.template-pages-account-accountLayoutPage .yCmsComponent a.js-cancel:hover {
  text-decoration: none;
}

.template-pages-account-accountLayoutPage .yCmsComponent a.js-submit:hover {
  text-decoration: none;
}

#updatePasswordForm .button-row a.js-submit {
  text-decoration: none;
  display: inline-block;
}
@media screen and (max-width: 430px){
    #updatePasswordForm .button-row a.js-submit {
        width:100%;
    }
    #updatePasswordForm .button-row :first-child {
        text-align: left;
        padding-top: 10px;

    }
    #updatePasswordForm .button-row{
        display: flex;
        flex-direction: column-reverse;
    }
}
.first-element-multilogin-list {
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
}

.changePwdBody {
  float: left;
  width: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -300px;
  z-index: 999;
  background: var(--keringGray-FF);
  background: rgba(255, 255, 255, 0.97);
  border: solid 1px var(--keringGray-33);
  padding: 36px;
  text-align: center;
  outline: none;
}

.changePwdBody .description {
  padding-bottom: 20px;
}

.changePwdBody button {
  background: var(--keringGray-33);
  color: white;
  padding: 15px 10px;
}

.changePwdBody button:focus {
  color: white;
}

.changePwdBody .modal-footer {
  text-align: center;
  border-top: none;
}

.changePwdBody .headline,
.changePwdBody .description {
  text-transform: initial;
}

.changePwdBody .headline {
  margin-bottom: 15px;
}

.modal .close:hover,
.modal .close:focus {
  opacity: 1;
}
/* Registration page */

.page-SecureCustomerPortalRegisterPage #alreadyCustomerDiv .flex-row {
  display: flex;
}
.page-SecureCustomerPortalRegisterPage
  #alreadyCustomerDiv
  .flex-row
  .form-field-input {
  align-self: baseline;
}
.page-SecureCustomerPortalRegisterPage #activateBilling {
  text-align: right;
}

.page-SecureCustomerPortalRegisterPage .button__container {
  margin-top: 40px;
  margin-bottom: 40px;
}

.page-SecureCustomerPortalRegisterPage #submitBtn1 {
  text-align: center;
}
/* line 1, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage {
  text-align: center;
}
/* line 4, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .login-logo {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-SecureCustomerPortalRegisterPage .register-logo-link {
  width: fit-content;
  margin: 0 auto;
  display: block;
}
.page-SecureCustomerPortalRegisterPage .register-logo {
  text-align: center;
  display: block;
  margin: 100px auto;
  width: 100%;
  max-width: 220px;
}
/* line 8, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage h2,
.column.accountContentPane.clearfix .headline {
  text-transform: uppercase;
  margin-bottom: 18px;
  display: block;
  border-bottom: 1px solid var(--keringGray-D9);
  padding-bottom: 18px;
}
.page-SecureCustomerPortalRegisterPage h2 {
  font-family: var(--keringFontF1);
  color: #000;
  font-size: 18px;
}
/* line 16, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage div[data-role="content"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
  clear: both;
}
/* line 20, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage #alreadyCustomerDiv,
.item_container_holder#gotCustomerCodeDiv {
  margin-bottom: 36px;
}
.page-SecureCustomerPortalRegisterPage .js-mandatory-container {
  float: right;
  margin-left: 10px;
  text-transform: initial;
  color: red;
  font-style: italic;
}

.page-SecureCustomerPortalRegisterPage input[type="text"].error,
.page-SecureCustomerPortalRegisterPage input[type="email"].error {
  border: 1px solid red;
}
.page-SecureCustomerPortalRegisterPage form label.error {
  font-style: italic;
  text-transform: initial;
  color: red;
  margin-left: 5px;
}
.page-SecureCustomerPortalRegisterPage form label.error#reType_email-error {
  font-size: 12px;
}
.page-SecureCustomerPortalRegisterPage form label#reType_email-error {
  font-family: "dinproregular";
  font-weight: bold;
  font-size: 12px;
 }
 @media screen and (max-width: 430px) {
     .page-SecureCustomerPortalRegisterPage form label.checkEmail{
        display:block;
     }
 }
.page-SecureCustomerPortalRegisterPage input[type="text"]#taxNumber {
  display: none;
}

/* line 41, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .newCustomerRegister {
  width: 48%;
  float: left;
}
/* line 45, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .newCustomerRegister.left {
  margin-right: 2%;
}
/* line 49, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .newCustomerRegister.right {
  margin-left: 2%;
}

.page-SecureCustomerPortalRegisterPage
  div.fancy-select
  select.error
  + div.trigger,
.page-SecureCustomerPortalRegisterPage
  div.fancy-select
  select.error:focus
  + div.trigger {
  border: 1px solid red;
}
/* line 77, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage textarea {
  width: 100%;
  min-height: 150px;
  padding: 18px;
  margin-bottom: 18px;
}

/* line 86, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .last-row div {
  display: inline-block;
}
/* line 90, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .last-row .button-row {
  display: inline-block;
}
/* line 94, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .last-row .left {
  float: left;
}
/* line 98, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .last-row .right {
  float: right;
}
/* line 103, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .captcha_content {
  text-align: right !important;
  padding-top: 20px;
}
/* line 107, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .captcha_content > div {
  display: inline-block;
}
/* line 110, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .captcha_content > div > div {
  display: inline-block;
}
/* line 120, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage #captchaFeedback1,
.page-SecureCustomerPortalRegisterPage #captchaFeedback2 {
  height: 0 !important;
}
/* line 125, sass/_register.scss */
.page-SecureCustomerPortalRegisterPage .footer {
  text-align: left;
}
.page-Support .tooltip,
.page-SecureCustomerPortalRegisterPage .tooltip,
.page-after-sales-lnd .tooltip
{
  border-bottom: none;
}
.page-SecureCustomerPortalRegisterPage .tooltip.in {
  opacity: 1;
}
.page-Support .tooltip.top,
.page-SecureCustomerPortalRegisterPage .tooltip.top,
.page-after-sales-lnd .tooltip.top {
  padding: 8px 0;
  font-family: 'dinproregular';
}

.page-SecureCustomerPortalRegisterPage .tooltip.top .tooltip-arrow{
  top: 4px !important;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: var(--keringGray-FF);
  z-index: 9;
  filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.2));
  transform: rotate(180deg) !important;
  left: 100px !important;
}
.page-Support .tooltip,
.page-after-sales-lnd .tooltip,
.page-SecureCustomerPortalRegisterPage .tooltip
{
  background-color: unset;
}
@media screen and (max-width: 430px) {
  .page-SecureCustomerPortalRegisterPage h2 {
    font-size: 13px;
    padding-bottom: 15px;
    font-family: var(--keringFontF3);
    padding-right: 37px;
  }
  .page-Support .tooltip.top .tooltip-arrow{
    left: 59%;
  }
  .page-SecureCustomerPortalRegisterPage .tooltip.top .tooltip-arrow {
    left: 155px!important;
    bottom: 1px !important;
  }
  .page-SecureCustomerPortalRegisterPage .tooltip {
    background-color: transparent;
  }

  .page-Support .tooltip.top.tooltip_info-skuNumber .tooltip-arrow {
    left: 292px !important;
  }

  .page-Support .tooltip.top.tooltip_info-skuNumber .tooltip-inner{
    transform: translate(3%, 0px);
  }

  .page-after-sales-lnd .tooltip.top .tooltip-inner{
    max-width: 170px;
  }
  button#support-error{
    white-space: normal;
    text-align: center;
  }
}
.page-Support .tooltip.top .tooltip-inner,
.page-SecureCustomerPortalRegisterPage .tooltip.top .tooltip-inner,
.page-after-sales-lnd .tooltip.top .tooltip-inner {
  background-color: var(--keringGray-FF);
  padding: 10px 17px 10px 21px;
  font-size: 10px;
  text-align: left;
  color: var(--keringGray-95);
  filter: drop-shadow(2px 3px 10px rgba(0, 0, 0, 0.2));
}



/*.page-after-sales-lnd .tooltip.top .tooltip-inner{
  background-color: var(--keringGray-FF);
  width: auto;
  min-width: 560px;
  border-radius: 6px;
  padding: 25px;
  font-size: 13px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  filter: none;
}*/


.page-Support .tooltip.top .tooltip-inner,
.page-after-sales-lnd .tooltip.top .tooltip-inner{
  background-color: var(--keringGray-FF);
  word-break: break-word;
  /*filter: drop-shadow(2px -3px 2px rgba(0, 0, 0, 0.2));*/
}

.tooltip.top .tooltip-inner{
  filter: drop-shadow(2px -3px 10px rgba(0, 0, 0, 0.2));
}

.page-Support .tooltip.tooltip_info-skuNumber.top .tooltip-arrow{
  left: 70px!important;
}

.page-Support .tooltip.top .tooltip-arrow,
.page-after-sales-lnd .tooltip.top .tooltip-arrow{
  border-top-color: var(--keringGray-FF);
  top: 3px;
  z-index: 4;
  transform: rotate(180deg) !important;
  left: 100px !important;
}


.page-Support .lindberg-Id_noValue {
  background-color: var(--keringGray-F2);

}


/*.page-after-sales-lnd .tooltip.top .tooltip-arrow{
  width: 20px;
  height: 20px;
  background: inherit;
  filter: none;
  box-shadow: -5px -5px 5px -4px rgb(0 0 0 / 16%);
  border-width: 10px;
  border-style: solid;
  border-color: white;
  transform: rotate(45deg) !important;
  z-index: 4
}*/

.page-after-sales-lnd .tooltip_info-order .tooltip-arrow{
  left: 255px!important;
  bottom: 60px;
}

.page-after-sales-lnd .tooltip_info-threshold .tooltip-arrow{
  left: 252px!important;
  bottom: 98px;
}

.page-Support .tooltip_info-serialNumber .tooltip-arrow,
.page-Support .tooltip_info-skuNumber .tooltip-arrow
{
  left: 120px!important;
  bottom: 60px;
}

.page-Support .tooltip_info-skuNumber .tooltip-arrow{
  left: 273px !important;
}

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

  /*.page-after-sales-lnd .tooltip.top{
    width: 100%;
  }*/

  /*.page-after-sales-lnd .tooltip.top .tooltip-inner
  .page-Support .tooltip.top .tooltip-inner
  {
    min-width: 95%;
    transform: translate(3%, 10px);
  }*/

  .page-after-sales-lnd .tooltip_info-order .tooltip-arrow,
  .page-Support .tooltip_info-serialNumber .tooltip-arrow
  {
    left: 277px!important;
    bottom: 70px;
  }

  .page-Support .tooltip_info-serialNumber .tooltip-arrow{
    left: 140px!important;
  }

  .page-after-sales-lnd .tooltip_info-threshold .tooltip-arrow{
    left: 270px!important;
    bottom: auto;
  }

  .page-Support .tooltip.info-upload.top .tooltip-arrow{
    top: 2px !important;
    left: 168px !important;
    border-width: 8px 8px 0;
  }

  .page-after-sales-lnd .tooltip.top .tooltip-arrow{
    left: 85px!important;
  }


}
#updatePasswordForm .js-mandatory-container.d-none {
  display: none;
}
.page-faqPage .homepage,
.page-Support .homepage{
  margin: unset;
}

.top_header #language-selector .lang-form{
  float: right;
  width: 100%;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
  font-family: "dinproregular";
  font-size: 10px;
  color: var(--keringGray-95);
  font-weight: 800;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}
.top_header .phone-container {
  float: right;
  width: 100%;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
  font-family: "dinproregular";
  font-size: 10px;
  color: var(--keringGray-95);
  font-weight: 800;
  text-align: right;
}
.top_header .phone-container .rf-pointer{
  cursor: default;
}
.top_header .cart-section {
  float: right;
  width: 100%;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
  font-family: "dinproregular";
  font-size: 10px;
  color: var(--keringGray-95);
  font-weight: 800;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}
#itemsCartPopup {
  position: absolute;
}
.cart-section #itemsCartPopup {
    top: 36px;
}
.top_header .profile-icon img,
.top_header .cart-icon img {
  width: 15px;
  height: 15px;
  vertical-align: sub;
}
/* with new icon it's useless
.top_header .cart-icon img {
  margin-right: 8px;
}
*/
.top_header .phone-container img {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.top_header .phone-container img,
.top_header .profile-icon img,
.top_header .cart-icon {
  padding-right: 0;
}
#menu_black img {
  width: 15px;
  filter: invert(100%);
}
#menu_black img.profile-icon,
#menu_black img.whitePhone{
  filter: invert(0);
}
#menu_black .showSearchBar img {
    filter: none;
    cursor: pointer;
}
#rf-top-header-second-half .showSearchBar img.search_icon_mobile{
   filter: none;
}
.top_header .country-select {
  margin-right: 20px;
}

header {
  background-color: transparent;
  text-transform: uppercase;
}
.no-padding-left {
  padding-left: 0px;
}

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

.no-padding {
  padding: 0px;
}

#updatePasswordForm
  .js-mandatory#updatePasswordForm
  .js-error-container.d-none {
  display: none;
}

.internal-td {
  padding: 0px;
}
.tr-container {
  height: 140px;
  overflow-y: scroll;
}

.multiLogin-page
  .contentWrapper
  .customersList
  .customersListTable
  .internal-td
  tbody {
  border: none;
}

.multiLogin-page
  .contentWrapper
  .customersList
  .customersListTable
  .internal-td
  table {
  width: 100%;
}

.tr-container::-webkit-scrollbar {
  width: 8px;
}
.tr-container {
  scrollbar-width: thin;
  scrollbar-color: var(--keringGray-00) transparent;
}
.tr-container::-webkit-scrollbar-track {
  background: var(--keringGray-00) transparent;
}
.tr-container::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
  border: 6px solid var(--keringGray-00);
}

#multiLogin-search p {
  padding-bottom: 15px;
  font-size: 12px;
}

#multiLogin-search input.text-input {
  padding: 12px;
  border: none;
  background-color: var(--keringGray-F2);
}
#multilogin-search .column .text-input-wrap:first-child {
  margin-left: 0px;
}
#multilogin-search .column .text-input-wrap:nth-child(2) {
  margin-right: 0px;
}
.text-input-wrap p:first-child {
  text-transform: uppercase;
}

#login-wrap #globalMessages {
  text-align: left;
  padding-bottom: 5px;
}

.login-page .login-logo {
  margin-bottom: 25px;
}

.login-page #login-wrap .wrap-input-check {
  justify-content: start;
}

#termsConditionModal .cookies-preferences-modal {
  text-align: left;
  width: 430px;
  margin-left: -230px;
}

#firstLoginPreferencesForm .terms-title {
  float: left;
  padding-left: 25px;
  text-decoration: underline;
}

#firstLoginPreferencesForm p {
  padding: 10px 0;
}

#termsConditionModal .row {
  margin-left: -5px;
  margin-right: -5px;
}

#termsConditionModal .center.row {
  display: flex;
  justify-content: center;
}

#termsConditionModal .btn-white {
  border: solid 1px var(--keringGray-33);
  padding: 10px 18px;
  margin-top: 20px;
}

body:not(.page-SecureCustomerPortalRegisterPage)
  #language-selector
  #lang_form_LangCurrencyComponent
  .country-select
  .trigger {
  margin-bottom: unset;
}

#language-selector
  #lang_form_LangCurrencyComponent
  .country-select
  .trigger:after {
  top: 5px;
}

#top_header
  #language-selector
  #lang_form_LangCurrencyComponent
  .country-select
  div.fancy-select
  ul.options {
  top: 30px;
  width: 100%;
}
@media screen and (min-width: 430px) {
  #top_header
    #language-selector
    #lang_form_LangCurrencyComponent
    .country-select
    div.fancy-select
    ul.options {
      max-height: 104px;
  }
}

#top_header
  #language-selector
  #lang_form_LangCurrencyComponent
  .country-select
  .trigger {
  font-family: "dinproregular";
  background-color: white;
  margin-top: 6px;
  top: 0px;
  font-size: 10px;
  color: var(--keringGray-95);
  font-weight: 800;
}

#top_header
  #language-selector
  #lang_form_LangCurrencyComponent
  .country-select
  div.fancy-select
  ul.options
  li {
  background-color: white;
  line-height: 15px;
}

#top_header
  #language-selector
  #lang_form_LangCurrencyComponent
  .country-select
  .trigger:after {
  right: 20px;
}

.header .top_header .sub.clearfix .sub_title .col-md-10 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 10px;
  color: var(--keringGray-95);
  font-family: "dinproregular";
  font-weight: 800;
}

.center_wrapper.clearfix .cart-items-popup {
  top: 34px;
  right: 0px;
}
.menu .cart-items-popup {
  right: 10px;
}

#menu_black .phone-menu .phone-popup{
    background-color: var(--keringGray-FF);
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 10%);
    width: auto;
    height: auto;
    position: absolute;
    top: 40px;
    /*margin-top: 10px;*/
    z-index: 10;
    padding: 20px;
}
#menu_black .center_wrapper .menu .phone-menu.margin-right{
  margin-right: 90px;
}


#menu_black .phone-menu .phone-popup p{
    font-size: 10px;
    font-family: "dinproregular";
    font-weight: 800;
    color: var(--keringGray-95);
}
.header-cart-icon .cart-items-popup .cart-items-body .col-md-6,
.cart-section .cart-items-popup .cart-items-body .col-md-6 {
  display: flex;
  flex-direction: column;
  height: 102px;
  justify-content: space-between;
}

body.pageType-ProductPage
  .cart-section
  .cart-items-popup
  .cart-items-body
  .col-md-6 {
  height: 122px;
}

.ps-scrollbar-y-rail {
  height: 0 !important;
}
.ps-scrollbar-y {
  height: 0 !important;
}

.page-productDetails .right-section {
  padding-right: 0;
  height: 450px;
}

.item_container_holder.span-21 {
  position: relative;
  cursor: pointer;
}
.item_container_holder.span-21 .arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.item_container_holder.span-21 .arrow.close {
  opacity: 1;
}

.item_container_holder.span-21 .arrow:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 24px;
  background-image: url(../images/arrow-up.svg);
  transform: rotate(180deg);
}

.item_container_holder.span-21 .arrow.close:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 24px;
  background-image: url(../images/arrow-up.svg);
  transform: rotate(0deg);
}
.glyphicon-info-sign:before {
  cursor: pointer;
}
.plp-menu.hover-open::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  border-width: 10px;
  border-style: solid;
  border-color: white transparent transparent transparent;
  transform: rotate(180deg) translateX(50%);
}
.plp-menu.hover-open {
  position: relative;
}


.input-group.mobile-full.col-xs-12 {
  cursor: pointer;
}

.info-sign {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  height: 22px;
  width: 22px;
}

@media screen and (min-width:431px) {
  .info-sign{
    position: absolute;
    top: -5px;
  }

  #customerCodeForm span.info-sign{
    top: -7px;
  }
}

.mt-8 {
  margin-top: 8px;
}

.ml-2 {
  margin-left: 2px;
}

.mr-n2 {
  margin-right: -2px;
}

.pl-10 {
  padding-left: 10%;
}

/* STICKY ELEMENTS */

.sticky-filter,
.sticky-header,
.sticky-title {
  position: sticky;
  z-index: 1;
}

.header .center_header .menu.no-margin-left ul li {
  margin-left: 0px;
}

@media screen and (max-width: 430px) {
  .wrap-input-check .check-credits::after {
    top: 3px;
    left: 5px;
  }
  #warranty-form .wrap-input-check .check-credits::after {
      top: 7px;
      left: 5px;
  }
 .page-Support .wrap-input-check .check-credits::after {
    width: 14px;
    height: 14px;
    background-size: 12px 14px;
    top: 4px;
    left: 4px;
  }
  .wrap-input-check .check-credits::before {
    top: 2px;
    left: 0;
  }
}
.kering-p-span {
  font-size: 8px;
  line-height: 16px;
  color: var(--keringGray-66);
  font-family: "dinproregular";
}
.discount {
  font-size: 10px;
  color: var(--keringGray-99);
}
.original-price {
  font-size: 10px;
  text-decoration: line-through;
  color: var(--keringGray-99);
}
.border-margin-condition {
  margin-bottom: 30px;
}
.wrap-input-check.d-none {
  display: none;
}

/* rules for title mobile my-account */
@media screen and (max-width: 430px) {
  .template-pages-account-accountLayoutPage
    .accountContentPane.myaccount-style
    .preferences-subtitle,
  .template-pages-account-accountLayoutPage
    .accountContentPane
    .profile-subtitle.title-my-account-mobile,.myaccount-style .line-under.title-my-account-mobile{
    font-family: "dinpromedium";
    font-size: var(--keringFontP6);
    color: var(--keringGray-00);
    border-bottom: 1px solid var(--keringGray-D9);
    width: 100%;
    padding-bottom: 18px;
  }
  #mobile-Customer-management .title-my-account-mobile{
    font-family: "dinpromedium";
    font-size: var(--keringFontP6);
    color: var(--keringGray-00);
    width: 100%;
    text-align: initial;
  }
  #mobile-Customer-management .sort-by-text-mobile{
    font-family: "dinpromedium";
    color: var(--keringGray-00);
    text-align: initial;
    text-decoration:underline;
  }
  .profile-subtitle{
    font-family: "dinpromedium";
    font-size: var(--keringFontP6) !important;
    color: var(--keringGray-00) !important;
    border-bottom: 1px solid var(--keringGray-D9) !important;
    width: 100%;
    padding-bottom: 18px;
  }

  .template-pages-account-accountLayoutPage
    .accountContentPane.myaccount-style
    .profile-subtitle-container {
    border-top: 0;
  }
  .template-pages-account-accountLayoutPage
    .accountContentPane.myaccount-style
    .profile-subtitle-container {
    padding-top: 0;
  }
  .template-pages-account-accountLayoutPage
    .accountContentPane.myaccount-style {
    margin-top: 0;
  }
  .myaccount-style.navigationPreferencesPane .sub-container {
    border-top: 0;
  }
  .template-pages-account-accountLayoutPage
    .accountContentPane.myaccount-style
    .preference-info {
    margin-top: 10px;
  }
  .edit-delete-profile-mobile{
    width: 100%;
    display: flex;
    justify-content: end;
    gap: 25px;
    text-transform: uppercase;
  }

  .edit-delete-profile-mobile .edit-profile-user{
    font-size: 13px;
  }

  .edit-delete-profile-mobile .edit-profile-user,
  .edit-delete-profile-mobile .delete-profile-user{
    text-decoration: underline;
  }


  .edit-delete-profile-mobile .edit-user{
    margin-right: 20px;
  }
  .edit-delete-profile-mobile .edit-user{
    width: 18px;
    height: 18px;
  }
}
.edit-delete-style .edit-user{
  width: 18px;
  height: 18px;
}
.user-management-price-view-disabled {
  pointer-events: none !important;
  opacity: 0.5;
}
@media screen and (min-width: 430px) {
  .page-user-management .order-history-head.edit-delete-style,
  .page-user-management .order-history-item.edit-delete-style{
    grid-template-columns: 8% 12% 13% 24% 9% 10% 12% 2% 2%;
    grid-gap: 1%;
  }
  .page-user-management .order-history-head,
  .page-user-management .order-history-item {
    grid-template-columns: 8% 11% 14% 29% 9% 9% 14%;
    grid-gap: 1%;
  }
  .page-user-management .order-history .order-history-head {
    padding: 5px 10px;
    font-size: 12px;
  }
  .page-user-management .order-history .order-history-head .order-thead {
    justify-content: left;
  }
  .page-user-management .order-history-head,
  .page-user-management .order-history-item {
    place-items: start;
    font-size: 12px;
  }
    .template-pages-account-accountLayoutPage.page-user-management
     .accountContentPane
     .profile-container
     .button-row {
        text-align: left;
    }
    .template-pages-account-accountLayoutPage.page-user-management
     .accountContentPane
     .profile-container
     .button-row
     #create-profile{
        color: var(--keringGray-00) !important;
    }
  .page-user-management .form-field-input .wrap-input-check.light-check{
    justify-content: start;
  }
  .page-user-management #new-profile-form .aligned{
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
  }
  .page-user-management #new-profile-form .required-field{
      padding-bottom: 10px;
  }
  .page-user-management #new-profile-form .form-field-input label{
    color: var(--keringGray-00);
  }
  .page-user-management #new-profile-form .form-field-input label.customiser-disabled{
    color: var(--keringGray-D9)
   }
  .page-user-management #new-profile-form .form-field-input label.check-credits.customiser-disabled::before
  {
     border: 1px solid var(--keringGray-D9);
   }
  .page-user-management #new-profile-form .form-field-input .wrap-input-check .input-check-credits.customiser-disabled:checked ~ label::after {
     opacity: 0.5;
  }

  .page-user-management #new-profile-form .form-field-input #addToBag-error,
  .page-user-management #new-profile-form .form-field-input #placeOrder-error,
  .page-user-management #new-profile-form .form-field-input #discountView-error{
    margin: 0;
  }
  .page-user-management #new-profile-form .info-sign{
    top:13px;
  }
  .page-user-management #new-profile-form .c-form-styling,
  .page-user-management #new-profile-form input.text.text-input,
  .page-user-management #new-profile-form div.fancy-select .trigger{
    height:53px;
    font-size: 12px;
  }
  .page-address-book .title-my-account-mobile.line-under{
    border:none;
  }
  .column.accountContentPane.clearfix.addressbookPane .address-book-container{
    width:100%;
    border-top: 1px solid var(--keringGray-D9);
    border-bottom: 1px solid var(--keringGray-D9);
  }
  .column.accountContentPane.clearfix.addressbookPane .address-book-container .address-book{
    border:none;
  }
  .page-user-management .radio-button-user-management.wrap-input-check .input-check-credits{
    top: unset;
  }
}

@media screen and (max-width: 430px) {
  .page-navigation-preferences .navigationPreferencesPane {
    padding-left: 10px;
    padding-right: 10px;
  }
  .myaccount-style.navigationPreferencesPane
    .sub-container.preferences-container {
    width: 100%;
  }
  .template-pages-account-accountLayoutPage
    .accountContentPane.myaccount-style
    .control-group {
    width: 80%;
  }

  .page-multi-login input[type="radio"]::before {
    width: 7px;
    height: 7px;
    left: 7px;
    top: 9px;
  }
  .page-multi-login input[type="radio"]:checked:before {
    width: 8px;
    height: 8px;
    left: 8px;
    top: 8px;
  }
  .multiLogin-page .contentWrapper #multiLogin-search .button-row{
    position: inherit;
    }
    
  .page-multi-login input[type="radio"]::after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
  }
  .multiLogin-page .contentWrapper .button-row {
    background-color: var(--keringGray-FF);
    width: 50%;
    border: 1px solid var(--keringGray-33);
    padding: 0;
  }
  .multiLogin-page .contentWrapper .button-row button{
    padding: 13px;
    min-width: 100%;
    width: auto;
    height: auto;
  }
  .customersList + .button-row {
    bottom: 0px;
  }
  .customersList + .button-row button {
    width: 100%;
    height: 45px;
  }
  .page-multi-login .for-each-collapsible-container,
  .page-multi-login .for-each-collapsible-button-sign-one {
    display: none;
  }
  .page-multi-login .for-each-collapsible-button-sign-two,
  .page-multi-login .for-each-collapsible-button-sign-one {
    font-size: 30px;
    line-height: 10px;
  }
  #termsConditionModal .wrap-input-check .check-credits::after {
    top: -10px;
    left: 0px;
  }
  #termsConditionModal .wrap-input-check .check-credits::before {
    top: -16px;
    left: -4px;
  }
  #termsConditionModal .cookies-preferences-modal {
    width: 98%;
    top: unset;
    left: unset;
    margin-top: unset;
    margin-left: unset;
  }
}

@media screen and (max-width: 430px) {
    .page-navigation-preferences .navigationPreferencesPane {
        padding-left: 10px;
        padding-right: 10px;
    }
    .myaccount-style.navigationPreferencesPane .sub-container.preferences-container{
        width: 100%;
    }
    .template-pages-account-accountLayoutPage .accountContentPane.myaccount-style .control-group{
        width: 80%;
    }

    .page-multi-login input[type="radio"]::before{
      width: 7px;
      height: 7px;
      left: 7px;
      top: 9px;
    }
    .page-multi-login input[type="radio"]::after{
      width: 16px;
      height: 16px;
      border-radius: 15px;
    }
    .customersList + .button-row{
      bottom: 0px;
    }
    .customersList + .button-row button{
      width: 100%;
      height: 45px;
    }
    .page-multi-login .for-each-collapsible-container, .page-multi-login .for-each-collapsible-button-sign-one {
      display: none;
    }
}

.scrollable-container-account {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 420px;
  scrollbar-width: thin;
}

#order-detail-modal .scrollable-container-account {
  scrollbar-width: none;
  overflow-y: unset;
  overflow-x: unset;
}
.scrollable-container-account::-webkit-scrollbar {
  width: 5px;
}
.scrollable-container-account::-webkit-scrollbar-track {
  background: transparent;
}
.scrollable-container-account::-webkit-scrollbar-thumb {
  background: var(--keringGray-D9);
}
.scrollable-container-account::-webkit-scrollbar-thumb:hover {
  background: var(--keringGray-B3);
}
#addAddressModal #addressModal .scrollable-container-account{
    width:100%;
    padding-right:5%;
}
@media screen and (max-width: 640px) {
    #addAddressModal #addressModal{
        padding: 10% 5%;
    }
}

@media screen and (min-width: 430px) {
  #updatePasswordForm .form-group {
    padding-top: 0;
  }
  #updatePasswordForm .form-field-input label{
    color: var(--keringGray-00);
  }
  #registerForm2 .form-control[readonly],
  #employeeForm .form-control[readonly]{
      background-color: var(--keringGray-F2);
      opacity: 0.5;
  }
}
#registerForm2 label[id$="-error"]:empty {
    display:none !important;
}
/* account management mobile */
@media screen and (max-width: 430px){
    .template-pages-account-accountLayoutPage.pageLabel-user-management
     .accountContentPane.myaccount-style
     .control-group,
    .page-user-management.template-pages-account-accountLayoutPage .accountContentPane{
        width:100%;
    }
    .accountContentPane.myaccount-style.clearfix {
        padding: 0 10px;
    }
    #new-profile-form .control-group .no-padding-right,
    #new-profile-form .control-group .no-padding-left{
        padding:0;
    }
    #new-profile-form span.info-sign.userExperienceInfoButton {
        position: relative;
        top: 0;
    }
    #new-profile-form .wrap-input-check .check-credits::before{
        top:-2px;
    }
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .update-profile-title,
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .form-field-input label,
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .new-profile-title{
        font-family: 'dinpromedium';
        color: var(--keringGray-00);
    }
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .update-profile-title,
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .new-profile-title{
        font-size:18px;
    }
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .form-field-input label{
            margin: 5px 0;
    }
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container label.customiser-disabled{
        color: var(--keringGray-D9);
    }
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container label.check-credits.customiser-disabled::before
    {
          border: 1px solid var(--keringGray-D9);

    }
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .input-check-credits.customiser-disabled:checked ~ label::after {
         opacity: 0.5;
      }

    .template-pages-account-accountLayoutPage
      .accountContentPane
      .new-profile-container
      .button-row
      .btn{
          padding: 15px;
          width: 100%;
          margin-top: 40px;
    }
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .required-field{
        font-size:12px;
        padding-top: 25px;
    }
    .template-pages-account-accountLayoutPage .accountContentPane .new-profile-container .wrap-input-check{
        width: 35%;
        display: flex !important;
        justify-content: space-between;
        align-items: flex-start;
    }
    .column.accountContentPane.clearfix.addressbookPane .address-book-container p.label-id-address-book{
      color: var(--keringGray-A9);
      font-family: var(--keringFontF1);
    }
    .column.accountContentPane.clearfix.addressbookPane .address-book-container p.id-code-address-book{
      font-family: var(--keringFontF1);
    }
}
.label-id-address-book,
.id-code-address-book{
  display: inline;
}

.column.accountContentPane.clearfix.addressbookPane .address-book-container p.id-code-address-book ~ .bold{
  margin-top: 5px;
}

/* fixed title on statement ty page */
@media screen and (min-width: 430px){
    .page-statement-confirmation .myaccount-wrap .statement-confirmation-success{
        font-size: 12px;
        padding-bottom: 5px;
        font-weight: unset;
        text-align: center;
    }
    .page-statement-confirmation .myaccount-wrap .statement-confirmation-success p {
        color: var(--keringGray-00);
        font-size: 12px;
    }
}

@media screen and (max-width: 430px){
    .page-SecureCustomerPortalRegisterPage .item_container_holder.span-21 .no-padding-right.form-body {
        padding-right: 10px;
        padding-left: 0;
    }
}
@media screen and (min-width: 430px){
    .page-user-management #sort-by-mobile-sidebar{
        display:none;
    }
    #menu_black .sub-menu .menu-open .most-popular .title{
        text-align:left;
        padding-left: 20px;
    }
}

@media screen and (min-width: 430px){
    .page-homepage .homepage-multi-carousel .slick-slide .image-link,
    .page-homepage .homepage-banner-carousel .slick-slide .image-link {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-homepage .homepage-multi-carousel .slick-slide .image-link img,
    .page-homepage .homepage-banner-carousel .slick-slide .image-link img{
        height: 444px;
        width: auto;
    }
    #customersManagementList span.info-sign.desk-info-user{
      margin-top: 0;
      position: unset;
      height: 14px;
      width: 14px;
    }
    #customersManagementList span.info-sign.desk-info-user:hover{
      margin-top: 0;
    }
}
@media screen and (max-width: 430px){
    .page-user-management #mobile-Customer-management{
        border-bottom: 1px solid var(--keringGray-D9);
    }
    .page-user-management #mobile-Customer-management .sort-container{
        align-items: flex-start;
        border-bottom: 1px solid var(--keringGray-D9);
    }
    .page-user-management #mobile-Customer-management .sort-by-mobile-version{
        padding: 0 10px 10px;
    }
    .page-user-management #mobile-Customer-management .title-my-account-mobile{
        padding-bottom: 18px;
    }
    .inactive-profile-row-mobile .mobile-single-customer-list > :not(.edit-delete-profile-mobile){
      opacity: 0.5;
    }
    .inactive-profile-row-mobile .edit-profile-user,
    .inactive-profile-row-mobile .delete-profile-user,
    .inactive-profile-row-mobile .edit-delete-profile-mobile .request-change{
      opacity: 0.5;
    }

    .inactive-profile-row-mobile .edit-delete-profile-mobile .request-change{
      font-size: 10px;
      text-align: right;
      display: flex;
      flex-direction: column;
    }

    .page-user-management .badge-container:hover::after{
      top: -19px;
      right: 0;
    }
    .page-user-management .mobile-single-customer-list .badge-container:hover::after{
      left: unset;
      right: 0;
      top: -20px;
    }
}
.info-profile-user .badge-container{
  position: relative;
}
.info-profile-user  .badge-container .tooltiptext-badge{
  bottom: 150%;
}
.page-user-management .badge-container:hover::after{
  top: -21px;
  left: 1px;
  transform: rotate(226deg);
  z-index: 4;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: inherit;
  box-shadow: -5px -5px 5px -4px rgb(0 0 0 / 16%);
  border-width: 8px;
  border-style: solid;
  border-color: white transparent transparent white;
  transition: opacity  0s linear 1s;
  opacity: 1;
}
#changePwdModal.modal,
#onetrust-consent-sdk .onetrust-pc-dark-filter{
  background: rgba(0, 0, 0, 0.83);
}
#onetrust-pc-sdk.otPcCenter #close-pc-btn-handler.ot-close-icon{
  height: 17px;
  width: 17px;
  background-position: center;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-size: 17px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  opacity: 1;
}


#choosePaymentCybersourceModal .c-form-styling {
    font-size: 13px;
}

.modal-body .kering-modal#stepUpModal {
  width: unset;
  margin-left: unset;
  top: 0;
  transform: translate(-50%, 0);
}

div.form-field-input .disabled-input{
  opacity: 0.5;
}
.inactive-profile-row, .updating-profile-row > :not(.info-profile-user){
  opacity: 0.5;
  cursor: pointer;
}
.edit-profile-user{
  font-size: 0;
}
.delete-profile-user,
.edit-profile-user{
  cursor: pointer;
}

.amp-content-title {
    display: none;

}

.modal.show{
  opacity: 1;

}

.desktop-single-carousel-container {
  text-align: center;
}