#hero-banner{background:#eeeeee;overflow:hidden;position:relative;z-index:1}#hero-banner .wrapper{padding:0 15px}#hero-banner .hero-banner__wrapper{width:100%;height:500px;position:relative}#hero-banner .hero-banner__row{*zoom:1;width:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);padding:45px 0}#hero-banner .hero-banner__row:before,#hero-banner .hero-banner__row:after{content:'';display:table}#hero-banner .hero-banner__row:after{clear:both}#hero-banner .hero-banner__col{float:right;width:50%;padding:0 15px;position:relative}@media screen and (max-width: 768px){#hero-banner .hero-banner__col{display:block;width:100%;text-align:center}}#hero-banner .hero-banner-bg{background:#eeeeee;position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:-100;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media screen and (max-width: 768px){#hero-banner .hero-banner-bg{display:none}}#hero-banner .hero-banner-video{border:none !important;background-color:#eeeeee}@media screen and (min-width: 769px){#hero-banner .hero-banner-video{display:none}}