/*
popModal - 1.14 [09.02.15]
Author: vadimsva
Github: https://github.com/vadimsva/popModal
*/
/* 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:350px;min-width:250px;z-index:9997;box-sizing:border-box; }
.popModal2 { max-width: 275px; }
.popModal .close {line-height:12px;font-size:25px;font-weight:bold;font-family:serif;position:absolute;right:6px;top:8px;color:#000;opacity:0.3;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;font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial}
.popModal .popModal_content img {padding: 15px 0;}
.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;border-top:1px solid #ddd;text-align:right;position:absolute;bottom:0;left:0;right:0}
.popModal .popModal_footer button {margin:0 0 0 5px}
.popModal:before,
.popModal:after {content:'';position:absolute;border:10px solid transparent}
.popModal:after {z-index:1}
.popModal.bottomRight {right:0}
.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}
@media (max-width: 851px){
	.popModal {position:absolute;max-width:450px;}
}
@media (max-width: 400px){
.popModal {position:relative;top:10px!important;left:auto!important;right:auto!important;width:100%!important;max-width:none; margin-left: -50%;}
}
/* animation */
.animated {-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.fadeInTop {-webkit-animation-name:fadeInTop;animation-name:fadeInTop}
.fadeInTopBig {-webkit-animation-name:fadeInTopBig;animation-name:fadeInTopBig}
.fadeOutTop {-webkit-animation-name:fadeOutTop;animation-name:fadeOutTop}
.fadeInBottom {-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom}
.fadeOutBottom {-webkit-animation-name:fadeOutBottom;animation-name:fadeOutBottom}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeOutLeft {
  100% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeOutLeft {
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
  0% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeOutRight {
  100% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeOutRight {
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
  0% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInTopBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInTopBig {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOutTop {
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOutTop {
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
  0% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOutBottom {
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOutBottom {
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
  0% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* popModal Styling */
#page {background:#fff;border:1px solid #ccc;margin:60px auto;width:40%;min-width:800px;min-height:500px;border-radius:3px;position:relative;box-sizing:border-box}
#page h2 {margin:20px;color:#444;margin-top:120px}
#page #copyrightBlock + h2 {margin-top:20px}
#copyrightBlock {position:absolute;top:-40px;right:0}
#version, #gitHubLink {color:#fff;background:#4081BE;display:inline-block;padding:0 10px;border-radius:3px;text-decoration:none;font-size:12px;line-height:24px;margin-left:1px}
#gitHubLink:hover {background:#3772A8}
#version {background:transparent;color:#555;font-weight:bold}
#version span {margin-left:10px;color:#999}
.excerptLive { max-width: 160px; margin: 15px auto 0 auto; }
.excerptLive1 { max-width: 200px; margin: 55px auto 25px auto; }
.seriesLive { max-width: 170px; margin: 0 auto; }
.excerptLive > button {padding:6px 12px;cursor:pointer;background:#00869d;border:0;color:#fff;border-radius:7px;font-size:125%;line-height:26px; width: 160px;margin:0 auto;}
.excerptLive1 > button {padding:6px 12px;cursor:pointer;background:#EC6D9D;border:0;color:#fff;border-radius:7px;font-size:135%;line-height:26px; width: 200px;margin: 0 auto;}
.seriesLive > button {padding:10px;cursor:pointer;background:#AEC281;border:0;color:#fff;border-radius:7px;font-size:120%;line-height:20px; width: 175px;margin: 15px auto 20px auto;}
.excerptLive > button:hover, .excerptLive1 > button:hover {background:#5F434D}
.btn {padding:6px 15px;cursor:pointer;background:#fff;border:1px solid #ccc;display:inline-block;color:#000;line-height:20px}
.btn:hover {background:#eee;border-color:#bbb}
.btn:focus {background:#ddd;border-color:#aaa}
.btn.btn-primary {background:#4081BE;color:#fff;border-color:#1E5589}
.btn.btn-primary:hover {box-shadow:inset 0 0 0 20px rgba(0,0,0,0.2);border-color:#1E5589}
.btn.btn-primary:focus {box-shadow:inset 0 0 0 20px rgba(0,0,0,0.3);border-color:#1E5589}

.btn.btn-left {float:left;margin:0 5px 0 0!important}

@media (max-width: 800px){
#page {width:auto;min-width:0}
}
/* end of PopModal styling */