/* 12/14/2017 */

/* RESET */
html,body,div,span,h1,h2,h3,h4,p,a,img,strong,em,ol,ul,li,hr,table,th,tr,td,iframe,aside,footer,header,nav{border:0;margin:0;padding:0;vertical-align:baseline}
aside,footer,header,nav{display:block}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}

/* GENERAL */
html,body{height:100%}
body{background:#000 url('../img/binary.jpg') no-repeat top center fixed;font-family:'Open Sans',sans-serif;font-size:10px}
h1,h2,h3{color:#333}
h1{margin-bottom:25px;font-size:2.4em}
h2{margin-bottom:25px;font-size:2em}
h3{margin-bottom:10px;font-size:1.6em}
p{clear:both;margin-bottom:25px;font-size:1.4em;line-height:2.2em}
p:last-child{margin:0}
p a{font-weight:bold}
a{color:#00407c;text-decoration:none;outline:none}
a:hover{color:#f90}
img{max-width:100%;height:auto}
hr{clear:both;display:block;position:relative;margin:30px auto;width:100%;border-top:#c1ccde 5px solid;font-size:1px;line-height:0}

/* STRUCTURE */
#wrapper{margin:auto;padding:0 30px;width:946px;background:#fff}
header{height:90px}
nav{position:relative;margin-bottom:30px;height:40px;background-color:#00407c;font-size:1.4em}
#main{float:right;border-left:5px solid #c1ccde;margin-bottom:30px;padding-left:30px;width:646px}
#wide{position:relative;padding-bottom:30px;width:946px;text-align:center}
aside{float:left;width:235px;font-size:1.4em}
footer{clear:both;border-top:5px solid #c1ccde;padding-top:20px;height:68px;font-size:1.4em}

/* global */
.left{float:left}
.right{float:right}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.red{background:#FF0000}
.blue{background:#0000FF}

/* columns */
.col-75{float:left;width:75%}
.col-66{float:left;width:66%}
.col-50{float:left;width:50%}
.col-33{float:left;width:33%}
.col-25{float:left;width:25%}

/* forms */
input{line-height:normal;margin:0}
input::-moz-focus-inner{border:0;padding:0}

/* HEADER */
#logo{float:left;margin-top:23px}
#topright{float:right;padding-top:13px;width:400px;font-weight:bold;text-align:right}
#phone-top{margin-bottom:2px;color:#333;font-size:2em}
#phone-color{color:#00407c;font-size:1.5em}
#phone-color a{color:#00407c}
#hours-top{color:#888;font-size:1.2em}

/* NAV */
#menu-icon{display:none}
nav > ul > li{float:left;width:auto;background:url('../img/sprite.png') no-repeat 0px -111px}
nav > ul > li a{display:block;color:#fff;font-weight:bold;line-height:38px;text-align:center;text-decoration:none}
nav > ul > li a:hover{color:#fc0}
#nav-1{width:178px;background-position:-5px 0px}
#nav-2{width:164px}
#nav-3{width:196px}
#nav-4{width:198px}
#nav-5{width:210px}
#click-call{display:none}

/* MAIN */
#main ul{margin:0 0 25px 25px;font-size:1.4em;line-height:1.8em}
#main li{margin-bottom:10px;padding-left:20px;background:url('../img/sprite.png') no-repeat 3px 10px}
#main li a{font-weight:bold}
#main ul.bullets li{margin-bottom:20px}
.col-2a{float:left;margin:0 29px 25px 0;height:250px;width:300px}
.col-2b{float:right;margin-bottom:29px}
.ga-responsive{margin-bottom:25px;max-width:336px}
.small{font-size:1.2em}
.callout{font-weight:bold;padding:0 20px 10px 20px;text-align:center}
.callout-phone{font-size:4.8em;margin-bottom:15px}
.callout-logo{margin-bottom:15px}
.map{height:300px;width:300px;margin-bottom:25px}

/* plans */
.plans{text-align:center}
.plans-logo{margin-bottom:30px}
.plans-col{float:left;border:1px solid #94a6c5;border-radius:5px;padding:9px;width:170px}
.plans-a{margin:0 30px 25px 0}
.plans-b{float:left;margin-bottom:25px}
.plans-col h2{border-radius:5px;margin:0;padding:10px;background-color:#426597;color:#fff}
.plans-item{border-bottom:1px solid #94a6c5;padding:12px 0;font-size:1.4em}
.plans-price{font-size:2em;font-weight:bold}
.plans-speed{font-size:1.5em;font-weight:bold}
.plans-button{padding:27px 0 18px 0}
.sign-up{border-radius:5px;padding:8px 16px;background-color:#f90;color:#fff;font-size:1.6em}
.sign-up:hover{background-color:#94a6c5;color:#fff}

/* about */
img.about{float:left;border:1px solid #bbb;margin:6px 20px 20px 0px;padding:1px}
img.bundledealer{margin-bottom:25px}

/* privacy */
img.right-1{float:right;margin:5px 0 10px 25px}

/* state */
.state-isps{margin-bottom:30px;font-size:2em}
.state-isps li{margin-bottom:10px;padding-left:18px;background:url('../img/sprite.png') no-repeat 3px 10px}
.state-isps li a{font-weight:bold}
.state-flag{float:right;margin-top:8px}

/* zipcode */
.zip-form{background:#426597;padding:15px;text-align:center;color:#fff;font-size:2em;height:31px}
.zip-form-1,.zip-form-2{float:left;width:50%}
.zip-form-1{padding-top:2px}
.zip-form-2{font-size:.9em}
.zip-form-2 #text{border:1px solid #426597;border-radius:5px;margin-right:5px;padding:5px;width:150px}
.zip-form-2 #submit{background:#f90;border:0;border-radius:5px;color:#fff;font-size:.9em;padding:6px 12px}
.zip-form-2 #submit:hover{background:#94a6c5;cursor:pointer}
.zip-error{color:#f00}
.isp-box{position:relative;border-bottom:1px solid #94a6c5;margin-bottom:40px;height:139px;width:646px;text-align:center}
.isp-header1,.isp-header2{height:39px;font-size:1.4em;font-weight:bold;line-height:39px;background-color:#426597;color:#fff}
.isp-info,.isp-speed,.isp-plans{height:100px;line-height:100px;vertical-align:middle}
.isp-logo{max-height:60px;max-width:180px;display:inline-block;vertical-align:middle}
.isp-speed{font-size:1.4em;font-weight:bold}
.isp-box1{float:left;border-left:1px solid #94a6c5;border-right:1px solid #94a6c5;width:223px}
.isp-box2{float:left;border-right:1px solid #94a6c5;width:108px}
.isp-box3{float:left;border-right:1px solid #94a6c5;width:148px}
.isp-box4{float:left;border-right:1px solid #94a6c5;width:162px}
.zip-call{margin-bottom:30px;text-align:center}
.isp-phone{margin-bottom:30px;color:#00407c;font-size:3em;font-weight:bold;line-height:1.4}
.isp-call{color:#f90;font-size:1.6em}
.zip-code{text-align:center}
.zip-code h1{margin-bottom:30px;text-align:left}
.zip-list{font-size:1.4em;font-weight:bold}
.zip-link{float:left;width:25%;margin-bottom:10px;line-height:24px}
.zip-link:last-child{margin-bottom:30px}
.zip-pages{clear:both}
.zip-hours{color:#999;font-size:1.6em;font-weight:bold;line-height:2.6em}

/* WIDE */
#wide h1{margin-bottom:30px;font-size:4em;font-weight:normal;line-height:1.4}
.address1{color:#666;font-size:2.4em;margin:0 80px}
.dgsform{width:100%;height:650px}

/* ASIDE */
h3.menu-heading{border-top:5px solid #426597;border-bottom:1px solid #94a6c5;margin:0;padding:10px;font-size:1em}
ul.menu{line-height:36px}
ul.menu li{border-bottom:1px solid #94a6c5}
ul.menu li:last-child{border:0}
ul.menu a{padding-left:22px;background:url('../img/sprite.png') no-repeat 11px 14px;display:block;color:#000}
ul.menu a:hover{background-color:#f5f5f5}
#aside-4{border-bottom:5px solid #426597}

/* FOOTER */
#social{float:left;margin:5px 0}
#connect{float:left;margin-right:10px;padding-top:9px}
#icons{float:left}
#icons > a{margin-right:8px;height:38px;width:38px;background:url('../img/sprite.png') no-repeat;display:inline-block}
#icons > a:last-child{margin:0}
a#facebook{background-position:0px -200px}
a#twitter{background-position:0px -240px}
a#google{background-position:0px -280px}
#company{float:right;text-align:right}
#copyright{margin-bottom:5px}
#sitelinks a{font-weight:bold}

/* CALL BOX */
.call-box{border:#bbb 1px dashed;padding:22px 0;text-align:center;height:204px;width:298px}
.cb1{font-size:2.4em}
.cb2{font-size:3.4em;font-weight:bold;color:#f68424;margin:20px 0}
.cb3{font-size:1.6em;margin-bottom:20px;line-height:1.6em}
.cb4{font-size:1.2em}

/* CODE FROM OLD SITE 3/12/2015 */
img.right-1{float:right;padding:5px 0 10px 25px}
img.right-2{float:right;padding:4px 0px 6px 20px}
.chart{margin-bottom:20px;width:100%;font-size:1.6em}
.chartheading{padding:4px 5px 4px 7px;background:#69C;color:#FFF;font-weight:bold}
.chart1{padding:7px 7px 8px 7px;vertical-align:middle}
.chart2{padding:7px 7px 8px 7px;background:#F5F5F5;vertical-align:middle}

@media screen and (min-width:767px){
/* NAV */
#nav{display:block !important}
}

@media screen and (max-width:1024px){
/* GENERAL */
body{background:#fff}
}

@media screen and (max-width:1023px){
/* STRUCTURE */
#wrapper{padding:0 24px;width:720px}
#main{float:none;border:0;padding:0;width:720px}
#wide{border-bottom:5px solid #c1ccde;padding-bottom:30px;width:720px}
aside{float:none;width:720px}
footer{border:0}

/* NAV */
#nav-1{width:132px}
#nav-2{width:119px}
#nav-3{width:151px}
#nav-4{width:153px}
#nav-5{width:165px}

/* plans */
.plans-col{width:200px}

/* zipcode */
.isp-box{width:720px}
.isp-box1{width:220px}
.isp-box2{width:170px}
.isp-box3{width:170px}
.isp-box4{width:157px}
.zip-link{width:33%}

/* ASIDE */
#aside-1,#wide #aside-1,#aside-2,#aside-3,#aside-4{float:left;border-bottom:5px solid #426597;margin:0 20px 10px 0;width:165px}
#aside-4{margin:0}
}

@media screen and (max-width:767px){
/* GENERAL */
h1{margin:0 15px 15px 15px}
h2{margin:0 15px 25px 15px}
p,p:last-child{margin:0 15px 25px 15px;font-size:1.6em;line-height:1.8em}
hr{margin:25px auto}

/* STRUCTURE */
#wrapper{padding:0;width:100%}
header{height:auto;text-align:center}
nav{margin-bottom:10px;height:45px}
#main{margin-bottom:10px;padding:0;width:100%}
#wide{border:0;margin-bottom:30px;padding:0;width:100%}
aside{padding:0 3.125%;width:93.75%}
footer{padding:0;height:105px}

/* columns */
.col-75,.col-66,.col-50,.col-33,.col-25{float:none;width:100%}

/* HEADER */
#logo{float:none;margin:10px;width:300px}
#topright{display:none}

/* NAV */
#menu-icon{height:45px;width:45px;background:#426597 url('../img/sprite.png') no-repeat 12px -145px;color:#fff;font-weight:bold;cursor:pointer;display:block}
#nav{position:absolute;top:45px;width:100%;z-index:10000;background:#426597;display:none}
#nav > li{border-top:1px solid #fff;width:100%}
#nav > li > a{padding-left:22px;background:url('../img/sprite.png') no-repeat 11px -25px;text-align:left}
#nav > li > a:hover{background-position:11px -65px;}
#nav-1,#nav-2,#nav-3,#nav-4,#nav-5{width:auto;background-position:0px 0px}
#click-call{position:absolute;top:13px;right:0px;display:block}
#click-call a{padding:13px 12px;height:44px;color:#fff;font-weight:bold}
#click-call a:hover{color:#fc0}

/* MAIN */
#main ul{margin-left:10px}
.ga-responsive{margin:0 auto 15px auto;max-width:300px}
.ga-mobile{margin:0 auto 15px auto}
.callout-phone{font-size:3.2em}

/* plans */
.col-2a,.col-2b{float:none;margin:0 auto 15px auto}
.plans-col{float:none;margin-left:auto;margin-right:auto;width:280px}

/* privacy */
img.right-1{float:none;margin:0 0 10px 0}

/* WIDE */
#wide h1{margin:15px 0;font-size:2em;font-weight:bold}
.address1{color:#666;font-size:1.4em;margin:0 10px}
.dgsform{width:100%;height:650px}

/* state */
.state-flag{float:none;margin:0 28px 20px 28px}

/* zipcode */
.zip-form{height:80px}
.zip-form-1,.zip-form-2{width:100%;float:none}
.zip-form-1{margin-bottom:12px}
.isp-box{position:relative;margin:0 auto 30px auto;height:380px;width:300px}
.isp-header2{height:20px;line-height:20px;background-color:#fff;color:#333}
.isp-speed{height:50px;line-height:30px}
.isp-plans{height:80px;line-height:55px}
.isp-more{display:none}
.isp-info{height:120px;vertical-align:middle;line-height:120px}
.isp-logo{max-height:80px;max-width:240px}
.isp-box1,.isp-box2,.isp-box3,.isp-box4{float:none;border:0;width:300px}
.isp-phone{margin-bottom:20px;font-size:2em}
.zip-link{width:50%}

/* ASIDE */
#aside-1,#aside-2,#aside-3,#aside-4{float:none;border:0;margin:0;width:100%}
#aside-4{border-bottom:5px solid #426597;margin-bottom:15px}

/* FOOTER */
#social,#icons,#company{float:none;text-align:center}
#connect{display:none}

/* CALL BOX */
.call-img{display:none}
}

@media(max-width:479px){
.zip-link{float:none;width:100%}
}

/* Split A/B Testing */

.col-300{height:250px;margin-bottom:30px}
.col-left{float:left;height:250px;width:300px}
.col-right{float:right;height:250px;width:300px;text-align:center}

/* MORE */

a.more-link{color:#333}
a.more-link:hover{color:#333}
.col-more{height:90px}
.col-more-1{float:left;height:90px;width:300px}
.col-more-2{float:right;height:90px;width:300px}
.col-more-1:hover,.col-more-2:hover{background:#f1f1f1}
.more-img{float:left;margin-right:15px}
.more-box{padding:12px 15px 0 0}
.more-heading{margin-bottom:6px}
.more-text{font-size:1.2em;line-height:1.6em}

@media(max-width:767px){
.col-more{margin-bottom:25px}
}

@media(max-width:659px){
.col-more{height:auto}
.col-more-1,.col-more-2{float:none}
.col-more-1{margin-bottom:25px}
}