.alertbanner{color:#fff;font-family:'Avenir Book',Arial,sans-serif;font-weight:900}
.alertbanner .responsivegrid{padding-bottom:0;padding-top:0}
.alertbanner-wrapper{border-bottom:1px solid #fff;position:relative}
.alertbanner .about-to-expire{min-height:55px;background-color:#faa918}
.alertbanner .expired{min-height:55px;background-color:#c8102e}
.alertbanner .update-profile{min-height:55px;background-color:#418fde}
.alertbanner .text{height:55px;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}
.alertbanner .text:first-child{display:flex !important}
.alertbanner .text p{font-size:18px;letter-spacing:1px;font-family:'Avenir Heavy',Tahoma,sans-serif}
@media(min-width:992px),(min-width:768px) and (max-width:991px){.alertbanner .cmp-text{width:90%}
}
.alertbanner .button-banner{width:222px}
.alertbanner .button-banner .cmp-text{height:37px;border:3px solid #fff;text-transform:uppercase}
.alertbanner .button-banner p{height:100%}
.alertbanner .button-banner a{font-size:18px;font-weight:900;font-family:'Avenir Heavy',Tahoma,sans-serif;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;color:#fff;height:100%;text-decoration:none}
.alertbanner .button-banner a:hover{background-color:rgba(255,255,255,0.25);text-decoration:none !important}
.alertbanner-close_btn{position:absolute;cursor:pointer;right:15px;top:50%;bottom:50%;width:18px;height:18px;background:url('../../../../../etc/designs/usta/clientlib-site/images/usta-icons/Cancel.svg') no-repeat;background-size:18px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:transform .25s ease-in-out;-moz-transition:transform .25s ease-in-out;-ms-transition:transform .25s ease-in-out;-o-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}
.alertbanner-close_btn:hover{-webkit-transform:translate(-50%,-50%) rotate(180deg);-moz-transform:translate(-50%,-50%) rotate(180deg);-ms-transform:translate(-50%,-50%) rotate(180deg);-o-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}
.alertbanner-close_btn::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.alertbanner-close_btn::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
@media(max-width:767px){.alertbanner .about-to-expire,.alertbanner .expired,.alertbanner .update-profile{min-height:45px}
.alertbanner .button-banner{position:absolute;width:inherit !important;height:45px !important;margin-left:0 !important}
.alertbanner .button-banner .cmp-text{border:none !important;height:45px !important;margin-top:-8px;opacity:0}
.alertbanner .title h2{font-size:30px}
.alertbanner .text{height:45px}
.alertbanner .text:first-child p{font-size:16px;line-height:22px;text-align:left;color:#fff;font-style:normal;font-weight:800;font-family:Avenir;font-family:'Avenir Heavy',Tahoma,sans-serif}
.alertbanner-close_btn{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;background-size:28px;width:28px;height:28px;top:8px;right:20px}
.alertbanner-close_btn:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
}
.hide-banner{-webkit-animation:fadeOutUp .5s forwards;-moz-animation:fadeOutUp .5s forwards;-o-animation:fadeOutUp .5s forwards;animation:fadeOutUp .5s forwards}
@keyframes fadeOutUp{0{opacity:1}
100%{opacity:0}
}