/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    box-sizing: border-box;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*----------- Fonts ---------------*/

/*------- Calling Spongecell hosted Comcast Fonts --------*/
@font-face {
  font-family : 'XFINITYStandardTT-Thin';
  src         :   url("https://s3.amazonaws.com/assets.spongecell.com/assets/19281/original/aa7d91e3382f967545ca35bbb60551aaa5f83719.ttf") format("truetype"), url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Thin.woff2") format("woff2"),
  url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard/XfinityStandard-Thin.woff") format("woff");
  font-weight : 100;
  font-style  : normal;
}

@font-face {
  font-family : 'XFINITYStandardTT-Bold';
  src         : url("https://s3.amazonaws.com/assets.spongecell.com/assets/19286/original/bf2f2b3424a5148dfa724c2fdfb63d7f5d3b61c4.woff2") format("woff2"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19287/original/e47e07c11abfd771eb540bb9e07e9fec9e119c72.woff") format("woff"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19272/original/ed356a21dc6474b5ae9b308808995af6ea4551f7.ttf") format("truetype");
  font-weight : 700;
  font-style  : normal;
}

@font-face {
  font-family : 'XFINITYStandardTT';
  src         : url("https://s3.amazonaws.com/assets.spongecell.com/assets/19308/original/6c42a98cfc6fa0c435b36f2a42509d71ccef627c.woff2") format("woff2"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19309/original/9c8b95b41012f79de6dff19b5722e4ceba3b98b9.woff") format("woff"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19283/original/4b519c62d8912d01963a2179b2262b7fd093a8c0.ttf") format("truetype");
  font-weight : 400;
  font-style  : normal;
}

@font-face {
  font-family : 'XFINITYStandardTT-Medium';
  src         : url("https://s3.amazonaws.com/assets.spongecell.com/assets/19300/original/48c7e9affb0f33ae2050766b308832be99b9521c.woff2") format("woff2"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19301/original/3ad0668f0994cb844ccd7824c6f970068925198c.woff") format("woff"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19279/original/8674ef4564ad507eaaa2c5dff14345c9181899bf.ttf") format("truetype");
  font-weight : 500;
  font-style  : normal;
}

@font-face {
  font-family : 'XFINITYStandardTT-MediumItalic';
  src         : url("https://s3.amazonaws.com/assets.spongecell.com/assets/19302/original/8da4afd258ec077cc55c18d76dae0a5ed0f778bc.woff2") format("woff2"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19303/original/3fbcf6a04efa0d8393c9adbc44638f9c46e11ba7.woff") format("woff"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19280/original/5aa775a6da8c6068572bc798038dcded2dad65d0.ttf") format("truetype");
  font-weight : 500;
  font-style  : italic;
}

@font-face {
  font-family : 'XFINITYStandardTT-Light';
  src         : url("https://s3.amazonaws.com/assets.spongecell.com/assets/19296/original/beeacad9011922c7031fe837cdf667ea76c960b0.woff2") format("woff2"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19297/original/a6e7996a68a9983dc83e5122d44ecad4fe1b4715.woff") format("woff"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19277/original/b2b50684d518d03f3495943c45107c480b316be3.ttf") format("truetype");
  font-weight : 300;
  font-style  : normal;
}

@font-face {
  font-family : 'XFINITYStandardTTCond-Medium';
  src         : url("https://s3.amazonaws.com/assets.spongecell.com/assets/19312/original/c92c79a86b2b54bde3fe6d11cdd32a70f954c510.woff2") format("woff2"),
  url("https://edge.static-assets.top.comcast.net/staticsites/fonts/latest/Xfinity_Standard_Condensed/XfinityStandardCondensed-Medium.woff") format("woff"),
  url("https://s3.amazonaws.com/assets.spongecell.com/assets/19313/original/0fc18abd6d2c72b82ebe3acfc84e2cc6bad984e8.woff") format("truetype");
  font-weight : 500;
  font-style  : normal;
}

/*---------Banner-----------*/

.wrapper {
    width: 728px;
    height: 90px;
    position: relative;
    background: radial-gradient(ellipse at center, #fbfbfb 0%, #f6f6f6 50%, #edeced 100%);
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
}

#screenViewport {
    width: 730px;
    height: 150px;
    position: absolute;
    top: -19px;
    left: -61px;
    overflow: hidden;
}

#img1_728x90 {
    position: absolute;
    top: 0;
    left: 0;
    /*top: -19px;
    left: -61px;
    width: 730px;
    height: 150px;*/
}

#img2_728x90 {  
    position: absolute;
    top: 19px;
    left: 61px;
}

#shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 70%);
}

#header1 {
    width: 130px;
    /*text-align: center;*/
    font-family : 'XFINITYStandardTT-Medium';
    color: #fff;
    font-size: 20px;
    /*padding: 0 15px;*/
    position: absolute;
    top: 21px;
    left: 20px;
    text-shadow: rgb(0, 0, 0) 0px 1px 4px;
}

#header2 {
    width: 200px;
    /*text-align: center;*/
    font-family : 'XFINITYStandardTT-Medium';
    color: #fff;
    font-size: 20px;
    /*padding: 0 5px;*/
    position: absolute;
    top: 17px;
    left: 15px;
    text-shadow: rgb(0, 0, 0) 0px 1px 4px;
}

#speedlogo {
    width: 63px;
    height: 41px;
    background: url('speedlogo.png');
    background-size: 100% 100%;
    position: absolute;
    top: 10px;
    left: 359px;
}

#copy1 {
    width: 140px;
    font-family : 'XFINITYStandardTT';
    font-size: 14px;
    color: #464646;
    position: absolute;
    top: 13px;
    left: 20px;
    line-height: 1.1;
}

#copy1> div:first-child > div:first-child,  #copy1> div:first-child > div:nth-child(2){
    font-family : 'XFINITYStandardTT-Bold';
}

#txt2Wrapper {
    width: 110px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 20px;
}

#txt2_728x90 {
    width: 100%;
    font-family : 'XFINITYStandardTT';
    font-size: 14px;
    color: #464646;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); 
    line-height: 1.1; 
}

#device1 {
    width: 88px;
    height: 71px;
    background: url('device1.png');
    background-size: 100% 100%;
    position: absolute;
    top: 7px;
    left: 176px;
}

#img3_728x90 {
    position: absolute;
    top: 6px;
    left: 6px;
}

#device2 {
    width: 32px;
    height: 58px;
    background: url('device2.png');
    background-size: 100% 100%;
    position: absolute;
    top: 26px;
    left: 246px;
}

#img4_728x90 {
    position: absolute;
    top: 6px;
    left: 2px;
}

#legalDisclaimer {
    width: 141px;
    font-family : 'XFINITYStandardTT';
    font-size: 9px;
    line-height: 1.2;
    color: #464646;
    position: absolute;
    top: 57px;
    left: 283px;
}

#copy2 {
    width: 100%;
    font-family : 'XFINITYStandardTT';
    color: #5a5a5c;
    font-size: 22px;
    text-align: center;
    position: absolute;
    top: 177px;
    line-height: 1.2;
}

#copy2 span {
    font-family : 'XFINITYStandardTT-Bold';
}

#logoblack {
    width: 61px;
    height: 21px;
    background: url(logoblack.png);
    position: absolute;
    top: 10px;
    right: 10px;
}

#priceWrapper {
    width: 205px;
    height: 70px;
    border-right: 1px solid #37a4de;
    position: absolute;
    top: 10px;
    left: 254px;
}

#offerTitle2Wrapper {
    width: 100%;
    height: 22px;
    font-family : 'XFINITYStandardTT-Medium';
    font-size: 16px;
    color: #5a5a5c;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

#offerTitle2 {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#price2Container {
    width: 100%;
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #5a5a5c;
}

#dolarSign2 {
    display: inline-block;
    font-size: 19px;
    font-family : 'XFINITYStandardTT-Bold';
    vertical-align: top;
}

#offerPrice2 {
    display: inline-block;
    font-size: 53px;
    font-family : 'XFINITYStandardTT-Medium';
    margin-top: -5px;
    margin-left: -6px;
    letter-spacing: -0.05em;
}

#offerCents2 {
    display: inline-block;
    font-size: 19px;
    font-family : 'XFINITYStandardTT-Bold';
    vertical-align: top;
    margin-left: -2px;
}

#offerRange2 {
    width: 130px;
    position: absolute;
    bottom: 28px;
    left: 0;
    font-family : 'XFINITYStandardTT-Medium';
    font-size: 11px;
    color: #5a5a5c;
}

#legalBotPanelTxt {
    width: 130px;
    font-family : 'XFINITYStandardTT-Medium';
    font-size: 11px;
    color: #5a5a5c;
    position: absolute;
    top: 64px;
    left: 317px;
}

#rightContent {
    width: 165px;
    height: 70px;
    font-family : 'XFINITYStandardTT-Light';
    font-size: 12px;
    line-height: 1.2;
    color: #5a5a5c;
    position: absolute;
    top: 10px;
    left: 458px;
}

#boltOnSmall, #boltOnMedium, #boltOnLarge {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 21px;
}

#boltOnSmall {
    font-size: 12px;
}

#boltOnMedium {
    font-size: 16px;
}

#boltOnLarge {
    font-size: 20px;
}

#boltOnSmall b, #boltOnMedium b, #boltOnLarge b {
    font-family : 'XFINITYStandardTT-Medium';
}

#phoneNumber {
    width: 100px;
    font-family : 'XFINITYStandardTT';
    font-size: 12px;
    text-align: right;
    position: absolute;
    top: 38px;
    right: 10px;
}

#cta2 {
    font-family : 'XFINITYStandardTT-Medium';
    width: 77px;
    height: 20px;
    background: #329fd9;
    border-radius: 10px;
    position: absolute;
    top: 57px;
    right: 10px;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #2ea0dd;
    background-repeat: no-repeat;
    background-image: linear-gradient(135deg, rgba(0, 155, 186, 0) 0%, rgba(255, 255, 255, 0.5) 53%, rgba(0, 155, 186, 0) 100%);
    background-position: -77px 0;
}

footer {
    width: 295px;
    height: 90px;
    background: black;
    position: absolute;
    bottom: 0;
    right: 0;
}

#offerTitleWrapper {
    width: 170px;
    height: 30px;
    font-size: 14px;
    font-family : 'XFINITYStandardTT';
    color: #fff;
    line-height: 1;
    position: absolute;
    left: 20px;
    top: 0;
}

#offerTitle {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#priceContainer {
    width: 170px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: 20px;
}

#dolarSign {
    font-family : 'XFINITYStandardTT-Bold';
    font-size: 17px;
    display: inline-block;
    color: #fff;
    vertical-align: top;
}


#offerPrice {
    font-family : 'XFINITYStandardTT-Bold';
    color: #fff;
    font-size: 43px;
    display: inline-block;
    margin-top: -5px;
    margin-left: -4px;
}

#offerCents {
    font-family : 'XFINITYStandardTT-Bold';
    color: #fff;
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    margin-left: -3px;
}

#offerRange {
    width: 100%;
    font-family : 'XFINITYStandardTT';
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 46px;
    left: 85px;
}

#txt1Wrapper {
    width: 100%;
    height: 30px;
    line-height: 1;
    font-family : 'XFINITYStandardTT';
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 56px;
    left: 85px;
}



#logo {
    width: 61px;
    height: 21px;
    background: url('logo.png') no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
}

#cta {
    font-family : 'XFINITYStandardTT-Medium';
    width: 77px;
    height: 20px;
    background: #329fd9;
    border-radius: 10px;
    position: absolute;
    top: 57px;
    right: 10px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}