/* >>> Stylesheet : assets/1/vendor/wrx/mods/modal/4.0.0/wrx-mod-modal.css >> SOURCED FROM : WRX-ILX-G-Modals-1.0.0-css ( 6855 ) <<< */

#wrx-modal-actioncontentlocked {
	
    z-index: 250
}

#wrx-modal-actioncontentlocked .wrx-modal-header {
	
    z-index: 255
}

#wrx-modal-actioncontentoptional {
	
    z-index: 200
		
}

#wrx-modal-actioncontentoptional .wrx-modal-header {
	
    z-index: 205
		
}

#wrx-modal-collection {
	
    margin: 0 auto;
	
	width: 100%;
	
    max-width: 100%;
	
    overflow: hidden;
	
    height: auto;
	
    max-height: 0px;
		
}

#wrx-modal-default {
	
    z-index: 75
		
}

#wrx-modal-default .wrx-modal-header {
	
    z-index: 80
		
}

#wrx-modal-dynamiccontent {
	
    z-index: 100
		
}

#wrx-modal-dynamiccontent .wrx-modal-header {
	
    z-index: 105
		
}

#wrx-modal-legalcontent {
	
    z-index: 300
		
}

#wrx-modal-legalcontent .wrx-modal-header {
	
    z-index: 305
		
}

#wrx-modal-secure {
	
    z-index: 150
		
}

#wrx-modal-secure .wrx-modal-header {
	
    z-index: 155
		
}

.wrx-modal {
	
    min-height: 100vh;
	
    position: fixed;
	
    top: 100%;
	
    width: inherit;
	
    max-width: inherit;
	
    display: none;
	
    margin: 0 auto;
	
    animation-duration: .3s;
	
    -webkit-animation-duration: .3s;
	
    -moz-animation-duration: .3s;
	
    -o-animation-duration: .3s;
	
    padding-top: 40px;
	
    background: hsla(0,0%,0%,.85);
	
    max-height: 100vh;
	
    height: 100vh;
	
	color: #ffffff;
	
}
.wrx-modal-body {
	
    overflow-x: hidden;
	
    overflow-y: auto;
	
    -webkit-overflow-scrolling: touch;
	
    height: auto;
	
    max-height: 100vh;
	
	margin: 0 auto;
	
	color: #000000;
	
	background-color: #ffffff;
	
	cursor: initial;
	
}

.wrx-modal-body-content {
	
	height: inherit; 
	
	max-height: inherit; 
	
	width: inherit; 
	
	max-width: inherit
	
}

.wrx-modal-header {
	
    background-color: hsla(0, 0%, 0%, 50%);
	
    color: #fff;
	
    font-size: .9rem;
	
    display: flex;
	
    flex-wrap: nowrap;
	
    justify-content: space-between;
	
    align-items: center;
	
    max-width: inherit;
	
    width: inherit;
	
    position: fixed;
	
    height: 40px;
	
    max-height: 40px;
	
    overflow: hidden;
	
    top: 0;
	
    flex-direction: row-reverse
		
}

.wrx-modal-header-close {
	
    cursor: pointer;
	
    padding: 7px 15px 7px 15px;
	
    flex-grow: 0;
	
    display: inline-block;
	
    width: auto
		
}

.wrx-modal-body-wrapper {
	
    cursor: pointer;
	
	height: 100vh;
	
	max-height: 100vh;
		
}

.wrx-modal-header-text {
	
    width: 100%;
	
    text-align: center;
	
    padding: 0 15px;
	
    text-transform: uppercase
		
}

.wrx-modal-open {
	
    display: block;
	
    top: 0
		
}