.hidden {
	display: none;
}

#stripe_popup_close{
	position: absolute;
    top: -12px;
    right: 5px;
    font-size: 45px;
    transform: rotate(45deg);
    cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#stripe_overlay {
	display: none;
	overflow: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
}

#stripe_overlay * {font-family: "fira_sanslight";}
#stripe_overlay #stripe_popup {
	width:680px;
	height:520px;
	position:absolute;
	z-index:100;
	overflow:hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
@media (min-width: 991px) and (max-width: 1336px)   {
 	#stripe_overlay #stripe_popup {
		overflow-y: scroll;
		bottom: unset;
	}
}
#stripe_overlay #stripe_popup iframe {
	width:100%;
	height:100%;
	/*height: 320px; width: 540px*/
}

#logo {
	position:absolute;
	//margin:200px auto 0 auto;
	z-index:101;
	width:62px;
	height:62px;
	border:1px solid #b3b3b3;
	border-radius:50%;
	/*
	top:-22px;
	left:300px;
	*/
	text-align:center;
	line-height:62px;
	background:#f5f5f5;
	box-shadow:1px 1px 3px rgba(50, 50, 50, 0.7)
}

#logo img {
	margin-top:10px;
}

#stripe_overlay #stripe_popup iframe {
	border:0
}

#stripe_overlay #stripe_popup {
    height: 580px;
    width: 730px;
}


@media (max-width: 767px) {
	#stripe_overlay div#stripe_popup {
		width: 320px;
		position: relative;
		margin-top: 5px;
		height: 510px;
	}
}