.virtual-experience-wrapper,
.virtual-experience-wrapper .row {
    max-width: 100%;
}
.virtual-experience-wrapper.is-reveal-open {
    position: fixed;
    width: 100%;
}
.breadcrumb-wrapper {
    display: none;
}
.virtual-experience-wrapper .virtualExp-newsletter .modal-body {
    max-height: 47.6667em;
    margin: 0;
    padding: 0;
    height: 100%;
}
.virtual-experience-wrapper #modal-cntr.success-modal{
    height: 20.3125rem !important;
}
.virtual-experience-frame {
    display: block;
    width: 100%;
    height: calc(100vh - 12.875rem);
}
.virtual-experience-wrapper #modal-cntr {
    position: absolute;
    max-width: 100%;
    max-height: 43.75rem;
    overflow-y: auto;
    opacity: 0;
    width: 0;
    padding: 0;
    margin: 0;
    transition: transform 0.3s ease all;
}
.virtual-experience-wrapper #modal-cntr.edit-modal.quickview-modal {
    top: 50% !important;
    right: 0;
    height: 83vh !important;
    transform: translate(100%, -50%);
}
.virtual-experience-wrapper #modal-cntr.virtualExp-newsletter {
    left: 50%;
    transform: translate(-50%, 25%);
}
.virtual-experience-wrapper #modal-cntr.show {
    opacity: 1;
    width: 100%;
    padding: 0;
}
.virtual-experience-wrapper #modal-cntr.edit-modal.quickview-modal.show {
    transform: translate(0, -50%);
}
.virtual-experience-wrapper #modal-cntr .close-button {
    top: 0.7em !important;
}
.virtual-experience-wrapper #modal-cntr .slick-list,
.virtual-experience-wrapper #modal-cntr .product-image.main-image {
    height: auto !important;
}
.virtual-experience-wrapper #modal-cntr .wishlist-link,
.virtual-experience-wrapper #modal-cntr .wishlist-msg,
.virtual-experience-wrapper #modal-cntr .icon-info {
    display: none;
}
.virtual-experience-wrapper #modal-cntr .review-snippet {
    min-height: 1.3333em;
}
.virtual-experience-wrapper #modal-cntr .sticky-add-to-bag-pdp {
    left: 0;
}
.virtual-experience-wrapper #modal-cntr.virtualExp-newsletter {
    max-height: 37.5rem;
}
.virtualExp-newsletter .large-body-copy,
.virtualExp-newsletter .persisp {
    margin-bottom: 1.5rem;
    color: #fff;
}
.virtualExp-newsletter .large-body-copy {
    text-transform: uppercase;
    font-size: 1.75rem;
    line-height: 2.5rem;
    text-align: center;
}
.virtualExp-newsletter .persisp {
    line-height: 1.2em;
    text-transform: none;
    font-size: 0.875rem;
    text-align: center;
}
.virtualExp-newsletter .terms-condition-cta {
    color: #fff;
    text-align: center;
    font-size: 0.7rem;
    padding: 0.75rem;
}
.virtualExp-newsletter .terms-condition-text {
    color: #fff;
    text-align: center;
}

.virtualExp-newsletter button.close-button {
    color: #000;
    text-align: center;
}
.virtualExp-newsletter .user-consent-container,
.virtualExp-newsletter .form-row .button,
.virtualExp-newsletter .form-row .label {
    margin-top: 1em;
    width: 100%;
}
.virtualExp-newsletter .form-row .button{
    text-align: center;
    border: 0.1rem solid #fff;
    border-radius: 0.125rem;
    font-size: 0.813rem;
    text-decoration: none;
    color: #fff;
    padding: 0.825rem 1.25rem;
    font-weight: bold;
    width: 85%;
}
.virtualExp-newsletter .submit-btn-box{
    text-align: center;
}
.virtualExp-newsletter .form-row .error {
    margin-bottom: 0.3em;
}
.virtualExp-newsletter .form-row .btn-submit:hover {
    background-color: #fff;
    color: #000;
}
.virtualExp-newsletter .user-consent-label label {
    width: 90%;
    font-size: 0.6667em;
}
.virtualExp-newsletter .user-consent-label label a{
    color:#fff !important;
    text-decoration: none !important;
}
.virtualExp-newsletter .form-row {
    display: block;
    padding: 0;
    margin: 0;
    font-weight: bold;
}
.virtualExp-newsletter .form-row .input {
    width: 100%;
    height: 3rem;
}
.virtual-experience-wrapper .youcam {
    margin-top: 1.333em;
}
.virtualExp-newsletter-background .cover-image {
    width: 100%;
    height: 100%;
}
.virtualExp-newsletter-container{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}
.virtualExp-newsletter-content {
    position: relative;
    background-color: #000;
    padding: 2.5rem;
}
.virtualExp-newsletter-wrapper {
    margin-left: 0;
}
.virtualExp-newsletter-wrapper .register-success {
    margin: 2em 0;
}
.virtualExp-newsletter-wrapper .register-success #newsletter-dialog {
    margin-bottom: 1rem;
}
.virtualExp-newsletter-content,
    .virtualExp-newsletter-background {
        width: 100%;
}
.virtualExp-newsletter-success{
    height: 25em;
    background-color: #000;
    color:#fff;
    -ms-flex-line-pack: center;
        align-content: center;
}
.virtualExp-newsletter-success .success-thank{
    text-transform: uppercase;
    font-size: 1.75rem;
    line-height: 3rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
.virtualExp-newsletter-success .success-thank-message{
    line-height: 1.2em;
    text-transform: none;
    font-size: 0.875rem;
    text-align: center;
}
.floating-input input {
    width: 100%;
    background-color: #fff;
    font-weight: bold;
}
.floating-input label {
    position: relative;
    top: -1.875rem;
    left: 0.625rem;
    font-size: 0.813rem;
    color: #000;
    transition: 0.2s ease all;
    pointer-events: none;
    background-color: #fff;
    padding: 0 0.25rem;
}
.floating-input input[type=text] {
  padding-top: 1.25rem;
  padding-left: 0.75rem;
}
.floating-input input:-ms-input-placeholder {
  color: transparent;
}
.floating-input input::placeholder {
  color: transparent;
}
.floating-input  input:focus + label,
.floating-input  input:not(:placeholder-shown) + label {
    top: -2.75rem;
    left: 0.625rem;
    font-size: 0.813rem;
    color: #000;
}
.virtualExp-newsletter button.close-button.white-close-btn {
    color: #fff;
}
@media screen and (min-width: 768px) {
    .virtualExp-newsletter-content {
        width: 100%;
    }
    .virtualExp-newsletter-container.has-image .virtualExp-newsletter-content,
    .virtualExp-newsletter-background {
        width: 50%;
    }
    .virtualExp-newsletter-content {
        margin-left: auto;    
    }
    .virtual-experience-wrapper #modal-cntr.edit-modal.quickview-modal {
        height: auto !important;
        max-height: 47.66667em;
        max-width: 66.66667em;
    }
    .virtual-experience-wrapper  #modal-cntr.virtualExp-newsletter {
        height: auto !important;
        transform: translate(-50%);
    }
    .virtual-experience-wrapper #modal-cntr.edit-modal.quickview-modal .modal-body,
    .virtual-experience-wrapper #modal-cntr.edit-modal.quickview-modal #product-content {
        max-height: 45em;
    }
    .virtual-experience-wrapper #modal-cntr.virtualExp-newsletter {
        max-width: 27em;
        max-height: 100vh;
    }
    .virtual-experience-wrapper #modal-cntr.virtualExp-newsletter .modal-body {
       overflow: unset;
    }
    .virtual-experience-wrapper #modal-cntr.virtualExp-newsletter.large {
        max-width: 54em;
    }
    .virtual-experience-wrapper .virtual-experience-frame {
        display: block;
        width: 100%;
        height: calc(100vh - 11.75rem);
    }
    .virtual-experience-wrapper .youcam {
        margin-top: 2.6667em;
        left: 32%;
    }
    .virtualExp-newsletter-container{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
    }
    .virtualExp-newsletter-background .cover-image {
        width: 50%;
        height: 100%;
        position: fixed;
        left: 0;
        object-fit: cover;
    }
    .virtualExp-newsletter button.close-button {
        color: #fff;
    }
    .floating-input label {
        position: relative;
        top: -1.875rem;
        left: 0.625rem;
        font-size: 0.813rem;
        color: #000;
        transition: 0.2s ease all;
        pointer-events: none;
        background-color: #fff;
        padding: 0 0.25rem;
    }
    .floating-input  input:focus + label,
    .floating-input  input:not(:placeholder-shown) + label {
        top: -2.875rem;
        left: 0.625rem;
        font-size: 0.813rem;
        color: #000;
    }
}