.left{float:left}.right{float:right}@media (max-width:768px){.float-none{float:none}}.clearfix:after{content:'';display:block;clear:both}.clearfix:before{content:'';display:block;clear:both}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes opac{from{opacity:0}to{opacity:1}}@keyframes opac{from{opacity:0}to{opacity:1}}p{letter-spacing:.6px}.white-header{background:#fff;height:90px;position:relative}.white-header>h1{font-size:2em;font-family:Barlow,sans-serif;color:#222;font-weight:700;letter-spacing:1px;text-transform:uppercase;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:4%;margin:0}.gutterX{padding-left:4%;padding-right:4%}.container{width:100%}.notification-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.container{min-height:400px;margin-top:50px;margin-bottom:50px}.title{color:#0d3157;margin-top:40px}.title:after{content:"";display:block;width:30px;height:2px;background:#0d3157;margin:0 auto;margin-top:10px;margin-bottom:60px}.notification-box{margin-bottom:40px}.notification-box .notify-wrapper{padding:20px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;border:1px solid #e0e0e0;min-height:210px;background:#fff}.notification-box .heading{color:#222;font-size:1.1em;font-family:Barlow,sans-serif;font-weight:500}.notification-box .heading .fa{margin-right:4px}.notification-box .notification-date{font-size:1em;color:#333;text-align:right;margin-top:-32px}.notification-box .notification-date .fa{margin-right:4px}@media (max-width:600px){.notification-box .notification-date{text-align:left;margin:0}.notification-box .notification-date p{line-height:2em}}.notification-box .notification-body{line-height:1.8em;font-size:1em;color:#232323;font-family:Questrial,sans-serif}.notification-box .notification-body p{margin-top:20px}.notification-box .notification-parents span{color:#0d3157}.notification-box .notification-more-detail{-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.notification-box .notification-more-detail .fa{margin-left:5px}.notification-box .notification-more-detail:hover .fa{margin-left:8px;color:#0d3157}