﻿.pop-up-background{background:rgba(0,0,0,.5);cursor:pointer;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;}
.pop-up-background-modal{cursor:default;}
.pop-up{visibility:hidden;left:50%;margin-left:-400px;max-width:800px;position:absolute;top:20px;width:90%;z-index:100;}
.pop-up.small{margin-left:-200px;max-width:400px;}
.pop-up.medium{margin-left:-300px;max-width:600px;}
.pop-up.large{margin-left:-400px;max-width:800px;}
.pop-up-content{background:#fff;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75);min-height:30px;padding:24px;border:6px solid #212f3f;}
.pop-up-content .close,
.pop-up-footer{text-align:right;}
.pop-up-footer{padding-top:24px;}
.pop-up-body{font-size:16px;color:#666;}
.pop-up-display-content{display:none;}
.pop-up .close{position:absolute;top:10px;right:10px;z-index:99;}
.pop-up .close a{font-size:18px;color:#d22;width:24px;height:24px;background:url(../images/icon-cross.png) no-repeat 0 0;display:inline-block;}
.pop-up .close a:hover{opacity:0.8;}
.pop-up-btn{padding:8px 15px;display:inline-block;background:#3B4658;border-radius:3px;margin-left:10px;color:#fff;font-size:15px;text-decoration:none;}
.pop-up-btn:hover,
.pop-up-btn:focus{background:#6A798E;}
.pop-up .screen-reader-text{position:absolute;top:-9999px;left:-9999px;}
.ie6 .pop-up{border:10px solid #CED4E2;width:600px;}
@media only screen and (max-width:800px){.pop-up.large{left:54% !important;}
.pop-up .close{top:220px;}
}
@media only screen and (max-width:768px){.pop-up.large{left:5% !important;margin:0;}
.pop-up .close{top:214px;}
}
@media only screen and (max-width:640px){.pop-cbd-lft{margin:0 !important;}
.pop-up .close{top:212px;left:44%;}
}
@media only screen and (max-width:480px){.pop-up.small,
.pop-up.medium{left:5%;margin:0;}
.pop-up-content{padding:12px;}
.pop-up-footer{padding-top:12px;}
.pop-up-main-content{font-size:15px;}
.pop-cbd-lft{width:100% !important;text-align:center !important;margin-left:0 !important;}
.pop-cbd-rft{width:100% !important;text-align:center !important;margin-top:10px;}
.pop-up .close{top:194px !important;left:41% !important;}
.pop-up-main-content{text-align:center;}
}
@media only screen and (max-width:380px){.pop-up .close{left:40% !important;top:236px !important;}
}
@media only screen and (max-width:360px){.pop-up.small,
.pop-up.medium{left:5%;margin:0;}
.pop-up-content{padding:12px;}
.pop-up-footer{padding-top:12px;}
.pop-up-main-content{font-size:15px;}
.pop-cbd-lft{width:100% !important;text-align:center !important;margin-left:0 !important;}
.pop-cbd-rft{width:100% !important;text-align:center !important;}
.pop-up .close{top:238px !important;left:38% !important;}
.pop-up-main-content{text-align:center;}
}
@media only screen and (max-width:320px){.pop-up.small,
.pop-up.medium{left:5%;margin:0;}
.pop-up-content{padding:12px;}
.pop-up-footer{padding-top:12px;}
.pop-up-main-content{font-size:15px;}
.pop-cbd-lft{width:100% !important;text-align:center !important;margin-left:0 !important;}
.pop-cbd-rft{width:100% !important;text-align:center !important;}
.pop-up .close{top:240px !important;left:38% !important;}
.pop-up-main-content{text-align:center;}
}