.banner{width:100%;height:300px;margin:0 auto;position:relative;overflow:hidden;background:#ec3445}.banner .banner-dots{width:100%;height:100%;background:url(/templates/trexxx/images/dots.png);position:absolute;left:0;top:0;z-index:1}.banner .banner-measure{position:absolute;left:4rem;top:0;z-index:1}.banner-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%}.banner .slogan{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:auto;padding:1rem;z-index:2}.banner .slogan ul{list-style:none;padding:0;margin:0}.banner .slogan li{padding:0;margin:0;text-align:center;font-family:'Exo',sans-serif;color:#212c38}.banner .slogan .title1{line-height:1;font-size:2rem;font-weight:700}.banner .slogan .title2{line-height:1;font-size:1.5rem;font-weight:400;margin-top:.5rem}.banner-person{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto;z-index:1;opacity:.5}.banner-person{width:205px}@media (min-width:576px){.banner-person{width:auto;position:static;left:50%;-webkit-transform:none;-ms-transform:none;transform:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;margin-right:0rem}.banner{height:320px}.banner .banner-inner{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.banner .slogan{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:3rem}.banner .slogan li{text-align:left}.banner .slogan .title1{font-size:2.5rem}.banner .slogan .title2{font-size:2rem}}@media (min-width:768px){.banner{height:350px}.banner .slogan .title1{font-size:2.5rem}.banner .slogan .title2{font-size:2rem;padding-left:3rem;margin-top:.5rem}}@media (min-width:992px){.banner .banner-measure{top:2rem}.banner .banner-inner{padding-top:3rem}.banner{height:375px}.banner .slogan .title1{font-size:3.25rem}.banner .slogan .title2{font-size:2.5rem}}@media (min-width:1200px){.banner{height:400px}.banner .slogan .title1{font-size:3.5rem}.banner .slogan .title2{font-size:3rem}}