/* popModal */
.popModal {position:absolute;background:#fff;padding:15px;border:1px solid #aaa;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);text-align:left;max-width:300px;min-width:180px;z-index:9997;box-sizing:border-box;-moz-box-sizing:border-box}
.popModal * {font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}
.popModal.extend {width:300px}
.popModal .close {line-height:12px;font-size:25px;font-weight:bold;font-family:serif;position:absolute;right:8px;top:8px;color:#000;opacity:0.2;padding:0;cursor:pointer;background:transparent;border:0;outline:0}
.popModal .close:hover {opacity:1}
.popModal .popModal_content {margin:15px auto;word-wrap:break-word}
.popModal .popModal_content.popModal_contentOverflow {max-height:200px;overflow-y:auto;overflow-x:hidden;margin:15px -8px;padding:0 7px}
.popModal .popModal_content:before {content:'';position:absolute;left:0;right:0;height:20px;bottom:-20px}
.popModal .popModal_footer {background:#fafafa;padding:15px;margin:25px -15px -15px;border-top:1px solid #ddd;text-align:right}
.popModal .popModal_footer button {margin:0 0 0 5px}
.popModal.bottomRight {right:0}
.popModal:before,
.popModal:after {content:'';position:absolute;border:10px solid transparent}
.popModal:after {z-index:1}
.popModal.bottomLeft:before,
.popModal.bottomRight:before,
.popModal.bottomCenter:before {border-top-width:0;border-bottom-color:#aaa;top:-10px;left:6px}
.popModal.bottomLeft:after,
.popModal.bottomRight:after,
.popModal.bottomCenter:after {border-top-width:0;border-bottom-color:#fff;top:-9px;left:6px}
.popModal.bottomRight:before,
.popModal.bottomRight:after {left:auto;right:6px}
.popModal.bottomCenter:before,
.popModal.bottomCenter:after {left:50%;margin-left:-10px}
.popModal.leftTop:before,
.popModal.leftCenter:before {border-right-width:0;border-left-color:#aaa;top:6px;right:-10px}
.popModal.leftTop:after,
.popModal.leftCenter:after {border-right-width:0;border-left-color:#fff;top:6px;right:-9px}
.popModal.rightTop:before,
.popModal.rightCenter:before {border-left-width:0;border-right-color:#aaa;top:6px;left:-10px}
.popModal.rightTop:after,
.popModal.rightCenter:after {border-left-width:0;border-right-color:#fff;top:6px;left:-9px}
.popModal.leftCenter:before,
.popModal.rightCenter:before {top:50%;margin-top:-10px}
.popModal.leftCenter:after, 
.popModal.rightCenter:after {top:50%;margin-top:-10px}

/* dialogModal */
.dialogModal {position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(18,18,18,0.95);z-index:888888;overflow:auto;opacity:0;transition:all 200ms ease}
.dialogModal * {font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:#fff;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}
.dialogModal .dialogModal_container {position:relative;width:60%;left:0;right:0;margin:auto auto 40px;opacity:0;transition:all 200ms ease}
.dialogModal.open {opacity:1}
.dialogModal.open .dialogModal_container {opacity:1}
.dialogModal .dialogModal_container .dialogPrev.notactive,
.dialogModal .dialogModal_container .dialogNext.notactive {display:none}
.dialogModal .dialogModal_container .dialogPrev,
.dialogModal .dialogModal_container .dialogNext {position:absolute;width:10%;top:0;bottom:0;left:-10%;cursor:pointer}
.dialogModal .dialogModal_container .dialogNext {left:auto;right:-10%}
.dialogModal .dialogModal_container .dialogPrev:after,
.dialogModal .dialogModal_container .dialogNext:after {content:'';position:absolute;border:10px solid transparent;top:50%;margin-top:-10px;margin-left:-5px;left:50%}
.dialogModal .dialogModal_container .dialogPrev:after {border-left:0;border-right-color:#aaa}
.dialogModal .dialogModal_container .dialogNext:after {border-right:0;border-left-color:#aaa}
.dialogModal .dialogModal_container .dialogPrev:hover,
.dialogModal .dialogModal_container .dialogNext:hover {background:rgba(0,0,0,0.2)}
.dialogModal .dialogModal_container .close {line-height:12px;font-size:36px;font-weight:bold;font-family:serif;position:absolute;right:0px;top:-30px;color:#fff;opacity:0.7;padding:0;cursor:pointer;background:transparent;border:0;outline:0}
.dialogModal .dialogModal_container .close:hover {opacity:1}
.dialogModal .dialogModal_body {}
.dialogModal .dialogModal_header {padding:10px 20px;background: rgba(0,0,0,0.00);line-height:20px; text-align: center}
.dialogModal .dialogModal_content {padding:25px 20px; text-align: center}
.dialogModal .dialogModal_content h2 {font-size: 21px; line-height: 48px; margin-bottom: 5px}
.dialogModal img { width: 100%; float: left; margin: 0 0 15px 0 }
.dialogModal .dialogModal_footer {background:#fafafa;padding:15px 20px;border-top:1px solid #ddd;text-align:right}
.dialogModal .dialogModal_footer button {margin:0 0 0 5px}
body.dialogModalOpen {overflow:hidden}

@media screen and (max-width: 1000px) {
.dialogModal .dialogModal_container {width:78%}
}
/*@media screen and (max-width: 1920px) {
.dialogModal .dialogModal_container {width:45%; top:-250px}
}
@media screen and (max-width: 1824px) {
.dialogModal .dialogModal_container {width:45%; top:-250px}
}
@media screen and (max-width: 1680px) {
.dialogModal .dialogModal_container {width:50%; top:-200px}
}
@media screen and (max-width: 1400px) {
.dialogModal .dialogModal_container {width:60%; top:-200px}
}
@media screen and (max-width: 1280px) {
.dialogModal .dialogModal_container {width:60%; top:-180px}
}
@media screen and (max-width: 1000px) {
.dialogModal .dialogModal_container {width:60%; top:-100px}
}
@media screen and (max-width: 768px) {
.dialogModal .dialogModal_container {width:75%; top:-130px}
}
@media screen and (max-width: 640px) {
.dialogModal .dialogModal_container {width:75%; top:-80px}
}
@media screen and (max-width: 480px) {
.dialogModal .dialogModal_container {width:75%; top:-100px}
}*/