/*-------------------------------------
    Reset
---------------------------------------*/
@font-face {
    font-family: 'Freight';
    src: url('Freight-DispLight.woff2') format('woff2'),
        url('Freight-DispLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

*           {margin: 0; padding: 0; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box;}
#banner *   {position: absolute;}
#banner br  {position: static;}
img         {border: none; outline: none; width: 970px;}

/*-------------------------------------
    Layout
---------------------------------------*/
#ad           {width: 970px; height: 250px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
#banner       {position: absolute; display: block; width: 970px; height: 250px; overflow: hidden; cursor: pointer; visibility: hidden;  background: #0d1f2d; }
.outerBorder  {width: 970px; height: 250px; border:1px solid rgba(0,0,0,.1);}
.clicktag     {width: 100%; height: 100%; z-index: 10; cursor: pointer; background:gray; opacity:0; }
.clicktag img {border: none; outline: none; }
#frame_one    {width: 100%; height: 250px;}

/*-------------------------------------
    Banner Body
---------------------------------------*/
.video_bg      {width: 970px; height: 250px; object-fit: cover;}
.sponsor       {width: auto; height: 250px; right: 0px; top: 0px;}
.txt1          {left: 30px; top: 22px; width: 600px; font-family: 'Freight'; font-weight: 300; font-style: normal; color: #fff; font-size: 58px; line-height: 58px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}

.cta           {left: 30px; top: 188px; width: 170px; height: 40px; background: #fff;}
.cta_text      {width: 110px; top: 15px; left: 30px;}