.custom--banner{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50vh;-webkit-justify-content:center;justify-content:center;position:relative;width:100%}.custom--banner:before{background:#033d54;background:-webkit-linear-gradient(-45deg,#033d54,#a5d8eb);background:-webkit-linear-gradient(315deg,#033d54,#a5d8eb);background:linear-gradient(135deg,#033d54,#a5d8eb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#033d54",endColorstr="#a5d8eb",GradientType=1);opacity:.25;z-index:1}.custom--banner:after,.custom--banner:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.custom--banner:after{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);background:url() no-repeat 100%;background-size:auto 50vh;opacity:0;z-index:2}.custom--banner .color-line-full{display:none}.custom--banner .banner-content{position:relative;width:80%;z-index:3}.custom--banner .banner-content h1{color:#fff;font-size:24px;line-height:1.1;margin-bottom:0;margin-top:20px;text-align:center}@media (min-width:480px){.custom--banner .banner-content h1{font-size:40px}}@media (min-width:900px){.custom--banner{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.custom--banner .banner-content{margin-top:10%;-webkit-transform:translate(75%);transform:translate(75%);width:380px}.custom--banner .line{margin:0}.custom--banner .banner-content h1{font-size:54px;text-align:left}.custom--banner:after{background-size:auto 75vh}}@keyframes slideInRight{0%{opacity:0;transform:translateX(25%);visibility:hidden}50%{opacity:0}to{opacity:1;transform:translateX(0);visibility:visible}}.header-banner{position:relative}.header-banner img{width:100%}.header-banner:before{background:#033d54;background:-webkit-linear-gradient(-45deg,#033d54,#a5d8eb);background:-webkit-linear-gradient(315deg,#033d54,#a5d8eb);background:linear-gradient(135deg,#033d54,#a5d8eb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#033d54",endColorstr="#a5d8eb",GradientType=1);opacity:.25;z-index:1}.header-banner:after,.header-banner:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header-banner:after{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);background:url() no-repeat 100%;background-size:auto 50vh;opacity:0;z-index:2}.header-banner .color-line-full{display:none}.header-banner .banner-content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:3}.header-banner .banner-content h1{color:#fff;font-size:24px;line-height:1.1;margin-bottom:0;margin-top:20px;text-align:center}@media (min-width:480px){.header-banner .banner-content h1{font-size:40px}}@media (min-width:900px){.header-banner{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.header-banner .banner-content{left:55%;margin-top:10%;top:0;transform:none;width:380px}.header-banner .line{margin:0}.header-banner .banner-content h1{font-size:54px;text-align:left}.header-banner:after{background-size:auto 75vh}}