.ta-c {
	text-align: center;
}

.fnone {
	float: none;
	clear: both;
}

[data-popup-content], [data-popup-placeholder] { display: none; }

[data-popup-trigger] { cursor: pointer; }

.popup { position: fixed; display: block; visibility: hidden; overflow: hidden; left: 0; right: 0; top: 0; bottom: auto; height: 0; z-index: 9999; transition: all 0s ease-in-out; transition-delay: .5s; }

.popup [data-popup-content] { display: block; }

.popup-bg { position: fixed; left: 0; top: 0; right: 0; height: 100%; background-color: rgba(9, 34, 17, 0.8); opacity: 0; transition: all .3s ease-in-out; transition-delay: .2s; }

.popup-scroll { position: relative; box-sizing: content-box; overflow-x: hidden; overflow-y: scroll; left: 0; top: 0; min-width: 100%; height: 100%; margin: 0 -16px 0 0; padding: 0; z-index: 8; }

.popup-table { display: table; position: relative; width: 100%; height: 100%; min-height: 100%; padding: 20px 0; overflow: hidden; }

.popup-cell { display: table-cell; width: 100%; height: 100%; overflow: hidden; vertical-align: middle; text-align: center; }

.popup-wrap { position: relative; display: inline-block; overflow: visible; width: 88%; min-width: 280px; max-width: 800px; height: auto; min-height: 80px; margin: 1.875rem auto 0; padding: 0; text-align: left; }

.popup-wrap::before { content: ' '; position: absolute; display: block; box-sizing: border-box; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; transform: scale(0.1, 0.1); transform-origin: 50% 0; transition: all .3s ease-in-out; transition-delay: 0s; }

.popup-close { position: absolute; right: -1.75rem; top: -1.75rem; opacity: 0; z-index: 9; transition-delay: 0s; }

.popup-main { position: relative; visibility: hidden; padding: 0; transition: all 0s ease-in-out; transition-delay: 0s; }

.popup-main .title { margin: 0 0 3.75rem; font-family: helvetica, arial, sans-serif; font-size: 3.625rem; line-height: 1.2; text-align: center; color: #000; }

.popup-main .subtitle { margin: 0 0 2.5rem; font-family: helvetica, arial, sans-serif; font-size: 1.75rem; line-height: 1.2; text-align: center; color: #000; }

.popup-opened { visibility: visible; height: auto; bottom: 0; transition-delay: 0s; }

.popup-opened .popup-bg { opacity: .9; transition-delay: 0s; }

.popup-opened .popup-wrap::before { opacity: 1; transform: scale(1, 1); transition-delay: .2s; }

.popup-opened .popup-close { opacity: 1; transition-delay: .5s; }

.popup-opened .popup-main { visibility: visible; transition-delay: .5s; }

.popup.noclose .popup-close, .popup-noclose .popup-close { display: none !important; }

[data-scrollbarWidth='0'] .popup-scroll { margin: 0 !important; }

.popup-close {height: 0;  width: 0; padding: 0; font-size: 0; line-height: 0;}
.popup-close::before, .popup-close::after {display: block; position: absolute; width: 9px; height: 28px; background: #d31e26; content: ''; border-radius: 1px; top: 50%;}
.popup-close::before {left: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.popup-close::after {left: 50%; transform: translate(-50%, -50%) rotate(135deg);}

@media screen and (max-width: 640px) {
	.popup-scroll {margin: 0 !important;}
	.popup-close {right: 10px !important;}
}