/* no scroll */
html.no-scroll, body.no-scroll { width: 100%; max-width: 100%; overflow: hidden; }

/* modalOverlay */
.simpleModalOverlay { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.58); z-index: 1000; }

/* modalWindowWrap */
.simpleModalWindowWrap { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto; z-index: 1100; }

.simpleModalTable { display: table; height: 100%; width: 100%; }

.simpleModalCell { display: table-cell; vertical-align: middle; padding: 60px 10px 50px; }

.simpleModalWindow { position: relative; color: #000; background: #fff; padding: 10px; max-width: 400px; margin: auto; }

.simpleModalWindowClose { display: block; position: absolute; top: -40px; right: 0; width: 32px; height: 32px; cursor: pointer; user-select: none; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }

.simpleModalWindowClose:hover { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.simpleModalWindowClose:before, .simpleModalWindowClose:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 4px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #fff; }

.simpleModalWindowClose:before { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.simpleModalWindowClose:after { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }