/* ================================================================ *\
	#QuickPop
\* ================================================================ */

.qp-popup { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999999; font-family: museo-sans, sans-serif; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; transition-delay: .4s; }
.qp-popup.is-visible { transition-delay: 0; opacity: 1; visibility: visible; }

.qp-popup .qp-popup__inner { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(51,51,51,.84); padding: 200px 0 100px; }

.qp-popup .qp-popup__body { position: absolute; top: 300px; left: 50%; transform: translateX(-50%); max-height: calc(100vh - 400px);width: 568px; background: #fff; border-radius: 12px; padding: 44px 40px; opacity: 0; visibility: hidden; transition: opacity .4s, top .4s, visibility .4s; overflow: auto; }
.qp-popup .qp-popup__body--success { width: 454px; padding: 34px 32px 32px; }
.qp-popup .qp-popup__body--success .qp-popup__title { margin-bottom: 13px; }
.qp-popup.is-visible .qp-popup__body:not(.qp-popup__body--success) { transition-delay: .4s; top: 200px; opacity: 1; visibility: visible; }
.qp-popup.is-visible.is-submitted .qp-popup__body:not(.qp-popup__body--success) { opacity: 0; visibility: hidden; }
.qp-popup.is-visible.is-submitted .qp-popup__body.qp-popup__body--success { transition-delay: .4s; top: 200px; opacity: 1; visibility: visible; }
.qp-popup.is-submitted .qp-popup__body.qp-popup__body--success { top: 300px; opacity: 0; visibility: hidden; }

.qp-popup .qp-popup__btn-close { position: absolute; top: 10px; right: 10px; width: 10px; height: 10px; }
.qp-popup .qp-popup__btn-close span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); height: 12px; width: 1px; background: #333; }
.qp-popup .qp-popup__btn-close span:last-child { transform: translate(-50%, -50%) rotate(-45deg); }

.qp-popup .qp-popup__title { padding: 0; font-family: museo-sans, sans-serif; font-size: 24px; font-weight: 900; color: #333; margin: 0 0 8px; line-height: 1.1; }
.qp-popup .qp-popup__entry { font-size: 24px; font-weight: 900; color: #333; margin-bottom: 30px; font-size: 17px; font-weight: 300; color: #3a3d41; line-height: 1.47; margin-bottom: 21px; }
.qp-popup .qp-popup__entry p { padding: 0; margin-top: 0; margin-bottom: 20px; }
.qp-popup .qp-popup__entry p:last-child { margin-bottom: 0; }

.qp-label-hidden { position: absolute; height: 1px; width: 1px; overflow: hidden; opacity: 0; }

.qp-popup .qp-popup__form { margin-bottom: 0; }
.qp-popup .qp-popup__form form { display: flex; flex-wrap: wrap; }
.qp-popup .qp-popup__form-body { width: calc(100% - 9px - 87px); }
.qp-popup .qp-popup__form-foot { margin-left: 9px; width: 87px; }
.qp-popup .qp-popup__form-foot button { padding: 6px; width: 100%; height: 50px; background: #4e83cb; color: #fff; font-size: 14px; font-weight: 700; font-family: inherit; outline: none; border: 2px solid #4e83cb; border-radius: 3px; cursor: pointer; line-height: 1.1; transition: background .4s, color .4s; }
.qp-popup .qp-popup__actions { margin-top: 20px; }

.qp-popup .qp-popup__form input { line-height: 1.1; outline: none; height: 50px; padding: 0 15px; border: 1px solid #e2e2e2; width: 100%; background: #f9f9f9; font-size: 14px;  font-weight: 300; color: #333; font-family: inherit; }
.qp-popup .qp-popup__form input:focus { border-color: #c2c2c2; }
.qp-popup .qp-popup__form.error input { border-color: red; }
.qp-popup .qp-popup__form input::placeholder { font-style: italic; }

.qp-popup .qp-popup__btn { text-align: center; display: inline-block; padding: 18px 24px; font-family: inherit; text-decoration: none; font-size: 14px; font-weight: 700; line-height: 1.1; color: #fff; background: #ff2f73; border: 2px solid #ff2f73; border-radius: 4px; transition: background .4s, color .4s; }
.qp-popup .qp-popup__body--success .qp-popup__btn { padding: 8px 16px; border-color: #4e83cb; background: #4e83cb; font-weight: 500; }
.qp-popup .qp-popup__body--success .qp-popup__btn:hover { background: transparent; color: #4e83cb; }

@media(max-width: 767px) {
	.qp-popup .qp-popup__inner { padding: 80px 0; }
	.qp-popup .qp-popup__body { top: 200px; max-height: calc(100vh - 160px); overflow: auto; }
	.qp-popup.is-visible .qp-popup__body:not(.qp-popup__body--success) { top: 80px; }
	.qp-popup.is-visible.is-submitted .qp-popup__body.qp-popup__body--success { top: 80px; }
	.qp-popup.is-submitted .qp-popup__body.qp-popup__body--success { top: 200px; }
}

@media(max-width: 608px) {
	.qp-popup .qp-popup__body { width: calc(100vw - 40px); padding: 20px; }
	.qp-popup .qp-popup__form-body { width: 100%; }
	.qp-popup .qp-popup__form-foot { width: calc(50% - 5px); margin-left: 0; margin-top: 10px; }
	.qp-popup .qp-popup__actions { width: 100%; margin-left: 0; margin-top: 10px; }
	.qp-popup .qp-popup__form .qp-popup__actions { width: calc(50% - 5px); margin-left: 10px; }
	.qp-popup .qp-popup__actions .qp-popup__btn { width: 100%; padding: 15px 24px 16px; }
}

@media(max-width: 374px) {
	.qp-popup .qp-popup__form-foot { width: 100%; }
	.qp-popup .qp-popup__form .qp-popup__actions { width: 100%; margin-left: 0; }
}