/* Alertbox (desktop first copy off theme)
--------------------------------------------------------------*/
@media all and (max-width: 640px) {
body.noscroll, html.noscroll { position: fixed; overflow: hidden; width: 100%; }
}
#alertBox { position: relative; z-index: 5000; }
#alertBg { position: fixed; width: 100%; height: 100%;  opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;  background: rgba(255,255,255,1)!important; background: #fff; }
#alertBg .closeAlert, #alertBox .closeAlert { width: 3rem; height: 3rem; line-height: 3rem; font-size: 2.6rem; padding-left: 0px; padding-right: 0px; color: #fff!important; background: #f15f77!important; position: absolute; right: 2rem; top: 2rem; cursor: pointer; font-weight: 900 !important; z-index: 9000; }
#alertBoxCont { width: 100%; position: fixed; top: 50%; left: 0px; z-index: 3000; }
#alertBoxCont .wrp1 { position: relative; margin: 0 auto; padding-right: 38px; height: 320px; top: -160px; padding-left: 38px; }
#alertBoxCont .wrp1 .wrp2 { width: 100%;  display: table; height: 100%; position: relative; }
#alertBoxCont .wrp1 .wrp3 {
*position: absolute; top: 50%; display: table-cell; vertical-align: middle; }
#alertBoxCont .wrp1 .wrp4 {
*position: relative; top: -50%; width: 100%; }
#alertBoxCont .wrp1 .wrp2 .alertTitle { display: block; font-size: 60px; font-weight: 300; line-height: 1.1em; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; position: relative; left: -8px; }
#alertBoxCont .wrp1 .wrp2 .alertMsg { display: block; font-size: 18.7px; line-height: 24px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
#alertBoxCont .wrp1 .wrp2 .sbtn { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; float: left; margin-top: 0px!important;}
#alertBoxCont .wrp1 .wrp2 .alertMsg div { padding: 36px 0; }
#alertBoxCont .wrp1 .wrp2 .alertMsg div strong { font-size: 1.4em; font-weight: bold; padding: 0.6em 0 0 0; margin-bottom: -1.2rem; position: relative; display: block; }
 @media all and (max-width:640px) {
/*#alertBoxCont .wrp1 { margin: 0 auto; height: 240px; top: -120px; }*/
#alertBoxCont {  position: fixed; top: 0px; left:0px; height: 100%; width: 100%;  -webkit-overflow-scrolling: touch;  overflow: auto; overflow-x: hidden!important; overflow-y: auto; }
#alertBoxCont .wrp1 { margin: 0 auto; height: auto; top: 0; padding: 20px 40px 100px 20px; }
#alertBoxCont .wrp1 .wrp2 { display: block; }
#alertBoxCont .wrp1 .wrp3 { display: block; top: 0; vertical-align: top; }
#alertBoxCont .wrp1 .wrp4 { top: 0; }
#alertBoxCont .wrp1 .wrp2 .alertMsg div { min-height: 80px; max-height: none; overflow: visible; overflow-x: visible!important; overflow-y: visible; padding: 0; margin: 16px 0 12px  0; width: 100%; padding-right: 30px; z-index: 6000; display: block; -webkit-overflow-scrolling: touch; }
#alertBoxCont .wrp1 .wrp2 .alertMsg div p { position: relative; display: block; font-size: 14px;   }
#alertBoxCont .wrp1 .wrp2 .alertMsg { overflow: hidden; }
#alertBoxCont .wrp1 .wrp2 .alertTitle { font-size: 40px;}
#alertBg .closeAlert, #alertBox .closeAlert { padding : 0p; width: 5rem; height:5rem; line-height: 5.2rem; font-size: 4.2rem; color: #fff!important; background: #f15f77!important; position: fixed; right: 2rem; top: 2rem; }

}
@media all and (min-width:420px) and (max-width:640px) {
#alertBoxCont .wrp1 .wrp2 .alertTitle { font-size: 45px; }
#alertBoxCont .wrp1 { margin: 0 auto;   padding: 40px 60px 100px 40px;  }
#alertBoxCont .wrp1 .wrp2 .alertMsg div {  padding: 0; margin: 6px 0; width: 100%; padding-right: 30px; z-index: 6000; display: block; -webkit-overflow-scrolling: touch; }
#alertBg .closeAlert, #alertBox .closeAlert { width: 4.5rem; height: 4.5rem; line-height: 4.7rem; font-size: 3.2rem; padding-left: 0px; padding-right: 0px; color: #fff!important; background: #f15f77!important; position: absolute; right: 2rem; top: 2rem; }
}
@media all and (min-width:641px) {
#alertBoxCont .wrp1 { width: 520px; height: 560px; top: -280px; }

#alertBoxCont .wrp1 .wrp2 .alertMsg div { max-height: 380px; overflow-x: hidden; overflow-y: auto; padding: 0; margin: 36px 0; }
#alertBg .closeAlert:hover { background: #3DB4B2!important; }
}