.rbt-modal {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
	z-index: 999;
	overflow-y: auto;
	padding: 50px;
}

@media (min-width:640px) {
	.rbt-modal {
		padding: 50px 30px
	}
}

.rbt-modal-dialog {
	position: relative;
	box-sizing: border-box;
	margin: auto;
	width: 600px;
	max-width: calc(100% - 0.01px) !important;
	background: #fff;
	opacity: 0;
	transform: translateY(-100px);
	transition: .3s linear;
	transition-property: all;
	transition-property: opacity,transform;
	overflow: hidden;
}

.rbt-modal.rbt-open .rbt-modal-dialog {
	opacity: 1;
	transform: translateY(0);
}

.rbt-close {
    cursor: pointer;
}

.rbt-modal-body {
	padding: 30px 30px
}

.rbt-modal-header {
	padding: 15px 30px;
	background: #f8f8f8
}

.rbt-modal-footer {
	padding: 15px 30px;
	background: #f8f8f8
}

.rbt-modal-title {
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: 400
}

[class*='rbt-modal-close-'] {
	position: absolute;
	z-index: 1010;
	top: 10px;
	left: 10px;
	padding: 5px
}

.rbt-modal-close-outside {
	top: 0;
	left: -5px;
	transform: translate(0, -100%);
	color: #fff
}

@media (min-width:960px) {
	.rbt-modal-close-outside {
		left: 0;
		transform: translate(-100%, -100%)
	}
}