.alertbanner{color:#fff;font-family:'Avenir Book',Arial,sans-serif;font-weight:900}
.alertbanner .responsivegrid{padding-bottom:0;padding-top:0}
.alertbanner .about-to-expire{min-height:55px;background-color:#faa918}
.alertbanner .about-to-expire .text-as-button a:hover{color:#faa918}
.alertbanner .expired{min-height:55px;background-color:#c8102e}
.alertbanner .expired .text-as-button a:hover{color:#c8102e}
.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}
.alertbanner .text-as-button{height:37px;width:222px}
.alertbanner .text-as-button .cmp-text{height:37px;border:3px solid #fff;text-transform:uppercase}
.alertbanner .text-as-button p{height:100%}
.alertbanner .text-as-button a{font-size:18px;font-weight:800;font-family:'Avenir Heavy',Tahoma,sans-serif;display:flex;justify-content:center;align-items:center;color:#fff;height:100%;text-decoration:none}
.alertbanner .text-as-button a:hover{background:#fff}
.alertbanner-close_btn{position:absolute;cursor:pointer;right:30px;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{min-height:170px}
.alertbanner .text{height:85px}
.alertbanner .title h2{font-size:30px}
.alertbanner .text{padding-top:24px}
.alertbanner .text:first-child .cmp-text{padding-left:16px;padding-top:16px}
.alertbanner .text:first-child p{font-size:22px;line-height:20px;text-align:start;color:#fff;font-style:normal;font-weight:800;font-family:Avenir;font-family:'Avenir Roman',Tahoma,sans-serif}
.alertbanner .text-as-button{height:37px;min-width:195px}
.alertbanner .text-as-button a{font-family:'Avenir Roman',Tahoma,sans-serif;font-size:20px}
.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:20px;right:10px}
.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}
}