*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a.popup-tryon {
    display: inline-block;
    background-color: #D9B148;
    border-radius: 25px;
    text-decoration: unset;
    color: #010101;
    max-width: 100% !important;
    font-size:  16px;
    padding: 15px 20px;
    line-height: 1;
    letter-spacing:  0.030em;
    text-transform: uppercase;
    font-weight: 500;
}


body #find-face-container, body #threejsContainer canvas {
    width: 100% !important;
}

a.popup-tryon:focus, a.popup-tryon:hover {
    outline: none !important;
    background: #D9B148 !important;
    text-decoration: none !important;
}

.modal-wrapper{width:100%; height:100%; display:flex; z-index: 100; align-items: center; justify-content: center; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); visibility:hidden; opacity:0;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.modal-wrapper.open{ opacity:1; visibility:visible;}
.modal{ width:calc( 100% - 10px ); height:100%; display: block; border-radius: 10px; margin:0 auto; background:transparent; opacity:0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: translate(0,0); }

.modal-wrapper.open .modal{ opacity:1; }
.content { display: flex; align-items: center; justify-content: center ; height: 100%; }

.btn-close{ width:40px; height:40px; display:block; float:right; position: absolute; right: 0px; top: 0px; background: #fff ; padding: 6px 14px; }
.btn-close::before, .btn-close::after{ content:''; width:16px; height:4px; display:block; background:#000; }
.btn-close::before{ margin-top:12px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.btn-close::after{ margin-top:-4px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }

@media (max-width : 1080px) {
    .modal { height: auto; }
    .content iframe { height: 500px; }
}