.popup-layout {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999
}

.popup-layout.shown {
	display: block;
}

.blackout {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
}

.popup-layout.shown .blackout {
	background: rgb(67 77 88 / 75%);
	transition: background .5s ease;
	-moz-transition: background .5s ease;
	-webkit-transition: background .5s ease;
}

.popup-type-wrapper {
	position: fixed;
	height: 100%;	
    width: 100%;
	display: none;
}
.popup-type-wrapper.shown {
	display: block;
}
.popup-type-wrapper.shown.layer-1 {
	z-index: 3;
}
.popup-type-wrapper.shown.layer-2 {
	z-index: 2;
}
.popup-type-wrapper.shown.layer-3 {
	z-index: 1;
}

.popup-wrapper{
	background-color: #543b97;
	color: #fff;
	border: 3px solid #000;
	box-shadow: 5px 10px 30px rgb(41 102 169 / 25%);
	-moz-box-shadow: 5px 10px 30px rgb(41 102 169 / 25%);
	-webkit-box-shadow: 5px 10px 30px rgb(41 102 169 / 25%);
	padding: 15px 35px;
	padding: 15px;
	z-index: 9;
	position: relative;
	max-height: 95vh;
	width: 95vw;
    max-width: 960px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	overflow: auto;
	margin: 0 auto;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-webkit-transform: translateY(-200%);
}
.popup-layout.ready .popup-wrapper{
	transform: translateY(0%);
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
}

.popup-type-wrapper[data-type="order"] .popup-wrapper {
	max-width: 550px;
	position: relative;
	overflow: hidden;
}

.popup-type-wrapper[data-type="order"] .rocket-launch {
	position: absolute;
	left: 100%;
	top: 100%;
	transition: all .65s ease;
	-moz-transition: all .65s ease;
	-webkit-transition: all .65s ease;
	transform: translate(-1000%,500%) scale(.01);
	-moz-transform: translate(-1000%,500%) scale(.01);
	-webkit-transform: translate(-1000%,500%) scale(.01);
}
.popup-layout.ready .rocket-launch {
	transform: translate(-110%,-110%) scale(1);
	-moz-transform: translate(-110%,-110%) scale(1);
	-webkit-transform: translate(-110%,-110%) scale(1);
}
.rocket-launch.launched {
	transform: translate(300%,-300%) scale(2)!important;
	-moz-transform: translate(300%,-300%) scale(2)!important;
	-webkit-transform: translate(300%,-300%) scale(2)!important;
}
.popup-terms {
	line-height: 1.3;
	text-align: center;
}
.popup-terms a{
	color: #fff!important;
}

.popup-btn-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	background: url('../images/close-black.svg') center center no-repeat;
	cursor: pointer;
	z-index: 99;
	border-radius: 0 0 0 20px;
	-moz-border-radius: 0 0 0 20px;
	-webkit-border-radius: 0 0 0 20px;
}
.popup-btn-close.filled {
	background-color: #434d58;
	background-image: url('../images/close.svg');
	transition: all .25s ease;
	-moz-transition: all .25s ease;
	-webkit-transition: all .25s ease;
}
.popup-btn-close.filled:hover {
	background-color: #2966a9;
}

.no-wrapper .popup-btn-close {
	background-image: url('../images/close.svg')
}

.addtocart-product-image {
	max-width: 100px;
}

.popup-wrapper .popup-btn{
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 3px solid #000!important;
    background: #efda49;
    padding: .75rem 1.3rem;
    display: inline-block;
    color: #000;
    font-size: 1.1rem;
    cursor: pointer;
}

.popup-wrapper .input-text {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-moz-border-radius: 15px;
	height: 45px;
	width: 100%;
	max-width: 460px;
	margin: 0 auto;
	border: 2px solid #000;
	padding: 0 20px;
	outline: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.popup-wrapper .input-text::placeholder {
	color: #543b97;
	font-weight: bold;
}