@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800|Roboto+Slab:100,300,400,700');

* {box-sizing: border-box;}
body {background-size:100%;	color: #333333;	font-family:'Assistant', serif !important; font-size:15px;	padding-bottom:0px;	padding-top:0px;}
html {scroll-behavior:smooth;}
header, footer, main, section {float:left; width:100%;}
section {padding-top:60px; padding-bottom:60px;}
h1, h2, h3, h4, h5, h6 {font-family:'Roboto Slab', serif; font-weight:400;}
main {margin-top:100px;	overflow:hidden;}
.loadingDiv {background:#fff; height:100%; opacity:.7;	position:fixed;	top:0; width:100%; z-index:1233333;}
.loading {display:block; left:45%; position:fixed; top:41%; z-index:99;}

/* Start header section */
#myHeader {background-color:#fff; height:auto;}
#navbar {justify-content: space-around;}
.navbar {width: 100%;}
.navbar-brand {margin-right: 0;}
.btn-close {--bs-btn-close-color: #fff;}
.spectrum-logo {height:auto;}
.navbar-nav li.active a, .navbar-nav a:hover {color:#00629B; border:none;}
.navbar-nav li.active .btn.focus, .navbar-nav .btn:focus {outline:none;	box-shadow:none; border:none;}
.navbar-nav li a {color: #333333;font-weight: 600;border: none;font-size: 16px;padding: 5px 9px;}
.cta {text-align: right;padding: 0 0 10px 0;}
.cta p {font-family: 'Roboto Slab', serif;margin-bottom: 0;line-height: 1.1;font-size: 13px;}
.cta a {color:#00629B; font-size:30px; font-weight:bold; line-height:1.1; text-decoration:none;}
.cta a:hover {text-decoration:underline;}
.navbar-toggler {height:20px; position:relative; transition:.5s ease-in-out; width:20px;}
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {box-shadow:none; border:0; outline:none; position:relative;}
.toggler-icon {background-color:#6c757d; border-radius:1px; display:block; height:2px;	left:0;	opacity:1; position:absolute; transform:rotate(0deg); transition:.25s ease-in-out; width:100%;}
.navbar-toggler span {margin:0;	padding:0;}
.navbar-toggler.collapsed .top-bar {position:absolute; top:0px;	transform:rotate(0deg);}
.navbar-toggler.collapsed .bottom-bar {position:absolute; top:16px;	transform:rotate(0deg);}
.navbar-toggler.collapsed .toggler-icon {background-color: #6c757d;}
/* End header section */

/* Start Qualification form section */
.form-fields-bx .bB_Address label, .form-fields-bx .bB_Apt label, .form-fields-bx .bB_Zip label, .form-fields-bx .bB_AgentId, .form-fields-bx .bB_SelectClient, .form-fields-bx .bB_SelectProvider, .form-fields-bx .bB_Moving {display:none;}
.qual-form {background-color:#F9F9F9; padding:20px 0;}
.qual-form.fixed-top {top:88px;}
.qual-form .search-bx {display:inline-block; width:100%;}
.qual-form .form-input {display:flex; justify-content:center;}
.qual-form h5 {font-size:18px; float:left; margin-bottom:0; padding:10px 6px 0 6px;	width:auto;}
.SearchformGroup {display:flex;}
.formBorder {display:inline-flex;}
.bB_Address .reqDiv, .bB_Apt .reqDiv, .bB_Zip .reqDiv {align-items:center; background-color:#fff; border:1px solid #ff5a5a; border-radius:.25rem; bottom:0; color:#ff5a5a; display:flex; font-size:13px; height:43px; left:0; line-height:17px; outline:none; padding:6px 8px; position:absolute; text-align:left; width:100%;}
.qual-form .form-label, .qual-form .form-field {display:inline-block; padding:0 6px; position:relative; vertical-align:top; max-width:100%;}
.qual-form .bB_Address, .qual-form .bB_Apt, .qual-form .bB_Zip {margin:0 10px 0 0; position:relative; width:100%;}
.qual-form .btn {background-color:#0099D8; box-shadow:inset 0 0 0 0 #0099D8; border:none; border-radius:5px; color:#fff; font-size:18px; font-weight:bold; height:41px; margin-left:5px; padding:5px 50px; transition:color .3s ease-in-out, box-shadow .3s ease-in-out;}
.qual-form .btn:hover {box-shadow:inset 200px 0 0 0 #00629B; border:none; color:#fff;}
.form-control {height:42px;}
ul.hat {z-index:999;font-size: 12px !important;list-style:none !important; z-index:9999;}
/* End Qualification form section */

/* Start Hero section */
.hero-sec {background-image:url(../images/hero-bg.png); background-repeat:no-repeat; background-size:cover; min-height:auto; margin-top:80px;}
@supports (background-image: -webkit-image-set(url(@Links.Content.PublicFacing.SpectrumOffer.images.hero_bg_webp) 1x)) {
	.hero-sec {background-image: -webkit-image-set(url(../images/hero-bg.webp) 1x)}
}

.tv-pricing-info {float:left; width:100%;}
.tv-pricing-info a {color:#0099D8; text-decoration:underline;}
.tv-pricing-info a:hover {text-decoration:none;}
#TV-Pricing-Info .modal-body {height:250px !important;}
#TV-Pricing-Info-Espanol .modal-body {height:250px !important;}
.hero-content {float:left; width:100%;}
.hero-content h2 {font-size: 44px; font-weight:bold;}
.hero-content .check-mrk {margin:20px 0; padding-left:0; width:90%;}
.internet-pg .hero-content .check-mrk {width:100%;}

.hero-content .check-mrk li {color:#333333; background-image:url(../images/blue-tick.png); background-size:3%; background-repeat:no-repeat; background-position:0 10px; font-size:20px; list-style:none; line-height:35px; padding:0 0 0 35px;}
@supports (background-image: -webkit-image-set(url(@Links.Content.PublicFacing.SpectrumOffer.images.blue_tick_webp) 1x)) {
	.hero-content .check-mrk li {background-image: -webkit-image-set(url(../images/blue-tick.webp) 1x)}
}

.hero-content p {font-size:18px;}
.hero-content .sm-txt {font-size:15px;}
.hero-img {float:left; width:100%;}
.hero-img .free-img {position:absolute; right:30px;}
.spectrum-img .free-img-deals {	bottom:1%; left:38%; position:absolute;}
.banner-price-group {float:left; margin-bottom:15px; width:60%;}
.banner-price-group sup {float:left; font-size:30px; font-weight:500; margin:10px 0 0 0; line-height:normal;}
.banner-price-group .main-price {float:left; font-size:80px; font-weight:700; line-height:60px; margin:0 5px;}
.hero-sec .banner-price-group .main-disc {width:60%;}
.hero-sec.dbl-play .banner-price-group .main-disc {width:50%;}
.banner-price-group .main-disc {float:left; font-size:13px; line-height:15px; margin:-15px 0 0 0; width:162px;}
.hero-content .no-contract {color:#0099D8; float:left; font-weight:600;	margin-top:1rem; width:100%;}
.spectrum-deals .banner-price-group .main-disc {width:50%;}
/* End Hero section */

/* Start Bundle card section */
.bundle-card {background-color:#f9f9f9; float:left; width:100%;}
.bundle-card .card-bx {background-color:#fff; float:left; height:250px; padding:40px 20px 20px; width:100%;}
.bundle-card .blue-bx {background-color:#003057; float:left; min-height:330px; padding:35px 0 55px 0; text-align:center; width:100%;}
.bundle-card .banner-price-group {color:#fff; display:flex; float:right; justify-content:center; margin-bottom:10px; width:100%;}
.bundle-card .banner-price-container {float:left; width:210px;}
.bundle-card .sp-tv {width:250px;}
.bundle-card .banner-price-group .main-disc {text-align:left; width:100px;}
.bundle-card .img-bx {min-height:83px; padding:0 0 25px 0;}
.bundle-card .blue-bx h4 {color:#0099D8; margin-bottom:15px;}
.bundle-btn {float:left; margin-top:-60px; text-align:center; width:100%;}
.bundle-btn a {background-color:#0099D8; border:none; border-radius:5px; box-shadow:inset 0 0 0 0 #0099D8; color:#fff; height:41px; font-size:22px; font-weight:600; padding:2px 20px; transition:color .3s ease-in-out, box-shadow .3s ease-in-out;}
.bundle-btn a:hover {border:none; box-shadow:inset 300px 0 0 0 #00629B; color:#fff;}
.bundle-card .blue-bx .card-price {color:#fff;}
.bundle-card .check-mrk {float:left; margin:0; padding-left:0; width:95%;}
.bundle-card .check-mrk li {background-image: url(../images/blue-tick.png);	background-repeat: no-repeat; background-position: 0 -2px; background-size: 5%; color: #333333; font-size: 16px; line-height: 20px; list-style: none; padding: 0 0 10px 35px;}
@supports (background-image: -webkit-image-set(url(@Links.Content.PublicFacing.SpectrumOffer.images.blue_tick_webp) 1x)) {
	.bundle-card .check-mrk li {background-image:-webkit-image-set(url(../images/blue-tick.webp) 1x)}
}

/* End Bundle card section */

/* Start Internetandtv section */
.perfect-tv-plan {float:left; width:100%;}
.perfect-tv-plan h2 {font-size:44px; font-weight:bold;}
.perfect-tv-plan p {font-size:16px; line-height:24px;}
.tv-plan-img {text-align:right;}
.internetandtv .sec-divider {margin:60px 0 0 0;}
.lightning-fast-content {float:left; width:90%;}
.lightning-fast-content h2 {font-size:44px; font-weight:bold;}
.lightning-fast-content p {font-size:16px; line-height:24px;}
.lightning-fast-content .check-mrk {float:left; padding-left:0; width:100%;}
.lightning-fast-content .check-mrk li {background-image:url(../images/blue-tick.png); background-repeat:no-repeat; background-position:0 4px; background-size:3%; color:#333333; line-height:20px; list-style:none; font-size:16px; padding:0 0 10px 35px;}
@supports (background-image: -webkit-image-set(url(@Links.Content.PublicFacing.SpectrumOffer.images.blue_tick_webp) 1x)) {
	.lightning-fast-content .check-mrk li {background-image:-webkit-image-set(url(../images/blue-tick.webp) 1x)}
}

.internetandtv .spectrum-btn a {padding:2px 20px;}
.spectrum-btn a {background-color:#0099D8; box-shadow:inset 0 0 0 0 #0099D8; border:none; border-radius:5px; color:#fff; font-size:22px; font-weight:600; height:41px; padding:2px 20px; transition:color .3s ease-in-out, box-shadow .3s ease-in-out;}
.spectrum-btn a:hover, .spectrum-btn a:focus {border:none; box-shadow:inset 265px 0 0 0 #00629B; color:#fff;}
/*internetandtv section*/

/* Start Features Boxes Section */
.spectrum-voice-features {background-image:url(../images/internet-connectivity.jpg); background-repeat:no-repeat; background-size:cover; border-bottom:1px solid #02a9df; min-height:auto;}
@supports (background-image: -webkit-image-set(url(@Links.Content.PublicFacing.SpectrumOffer.images.internet_connectivity_webp) 1x)) {
	.spectrum-voice-features {background-image:-webkit-image-set(url(../images/internet-connectivity.webp) 1x)}
}

.spectrum-voice-features h2 {font-size:44px; font-weight:bold; text-align:center;}
.spectrum-voice-features h3 {font-size:24px; margin-bottom:30px; text-align:center;}
.spectrum-voice-features p {font-size:16px; line-height:21px; text-align:center;}
.spectrum-voice-features ul.voice-icons {background-color: #00315c; border-top: 1px solid #02a9df; border-left: 1px solid #02a9df; float: left; margin: 0; padding: 0; width: 100%;}
.spectrum-voice-features ul li.pic {border-bottom:1px solid #02a9df; border-right:1px solid #02a9df; float:left; height:170px; list-style:none; width:20%;}
.voice-icons li a {color:#fff; display:block; float:left; font-size:16px; padding:46px 0; text-align:center; text-decoration:none; transition:all 0.4s ease-in-out 0s; width:100%;}
.voice-icons li h4 {font-size:100%; float:left; margin-top:12px;padding:0 5%; width:100%;}
/* End Features Boxes Section */

.map-section h2 {font-size: 30px;text-align: center;font-weight: 700;}

/* Start Disclaimer Section */
.disclaimer-section {background-color:#e1e1e1; padding:10px 0;}
.disclaimer p {color:#757575; font-size:18px; line-height:normal; margin-bottom:0px; padding:0 13px 0px; text-align:left;}
.disclaimer-section .disclaimer p a {text-decoration:none;}
.disclaimer-section .disclaimer p a:hover {text-decoration:underline;}
/* End Disclaimer Section */
/*Map section*/
.map-section h3 {text-align: center;font-size: 30px;}
.map-list-mobile {
	background-image: url(../images/us-map.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding: 74px 0 94px 0;
	text-align: center;
}

@supports (background-image: -webkit-image-set(url(@Links.Content.PublicFacing.SpectrumOffer.images.internet_connectivity_webp) 1x)) {
	.map-list-mobile {
		background-image: -webkit-image-set(url(../images/us-map.webp) 1x)
	}
}
/*Map section*/



/* Start Footer Section */
.footer {background-image:url(../images/internet-connectivity.jpg); background-repeat:no-repeat; background-size:cover; color:#fff; min-height:auto;}
@supports (background-image: -webkit-image-set(url(@Links.Content.PublicFacing.SpectrumOffer.images.internet_connectivity_webp) 1x)) {
	.footer {background-image: -webkit-image-set(url(../images/internet-connectivity.webp) 1x)}
}

.footer .disc-2 {float:left; width:80%;}
.footer .footer-img {float:right; text-align:right; width:13%;}
.footer .privacy-policy {float:left; margin-top:20px; width:100%;}
.footer p {font-size:16px;}
.footer .privacy-policy p {margin-bottom:0;}
.footer p a {color:#0099D8; text-decoration:underline;}
.footer p a:hover {text-decoration:none;}
/* End Footer Section */

/* Startr Modal Popup*/
.modal-content {float:left;}
.modal-header {	background-color:#003057;}
.modal .close {background-color:transparent; border:none; outline:none;}
#disclaimers .btn-close {color:#fff; font-size:29px; outline:none;}
.modal .modal-header h4 {color:#fff; float:left; font-size:22px; width:98%;}
.modal-body {height:500px !important; overflow-y:auto;}
.modal .modal-body {float:left; width:100%;}
.modal-lg {max-width:85%;}
button.exit {display:block;}
/* End Modal Popup*/

/* Start Voice Page */
.spectrum-voice {text-align:center;}
.international_calling img {border-radius:20px; width:90%;}
/* End Voice Page */

/* Start Bundles Page */
.bundle-section table-1, .bundle-section table {float:left; margin-bottom:0; width:100%;}
.bundle-section table-1 tbody {float:left; width:100%;}
.bundle-section table-1 tr {display:flex; float:left; justify-content:center; width:100%;}
.box-2 {border:1px solid #e0e0e0; float:left; font-size:13px; padding-top:0; width:100%}
.bundle-section td.bundle-td {padding: 10px;}
.box-2 .table-1 td.bg3{border-right:1px solid #e0e0e0; border-spacing:0; color:#000; width:85%;}
.box-2 .table-1 td.br {background-color:#003057; color:#fff; font-size:18px; width:15%;}
.box-2 .table-1 td.br img {width:35px;}
.box-2 .table-1 td{padding:10px}
.box-2 .table-1 h3{color:#005278;font-size:30px;font-weight:700;line-height:normal;margin:0;padding:0}
.table-icons{margin:0 auto;padding:0;width:83px}
.box-2 .table-1 h4{color:#034c79;font-size:20px;font-weight:400;margin:30px 0 0;padding:4px 0;position:relative;text-align:center;line-height:22px}
.bundle-section .banner-price-group {display:flex; float:right; justify-content:center; margin-bottom:10px; width:100%;}
.bundle-section .banner-price-container {float:left; width:210px;}
.bundle-section .banner-price-group .main-disc {float:left; font-size:13px; line-height:15px; margin:-15px 0 0 0; text-align:center; width:100px;}
.Fast-Easy img {border-radius:20px; width:90%;}
/* End Bundles Page */

/* Start FAQ Page */
.faqs-section {padding: 40px 0;}
.faqs-section h2, .tv-ent-section h2{color:#3e3e3e;font-weight:700;text-transform:uppercase}
.faqs-section h2{font-size:44px; margin:0; padding:0}
.faqs-section h3{font-size:28px;color:#0099D8; margin:20px 0 15px; padding:0}
.panel-group .panel-heading + .panel-collapse > .panel-body{border:1px solid #e0e0e0;}
.panel-group .panel-heading + .panel-collapse > .panel-body p {margin:0;}
.panel-group,.panel-group .panel,.panel-group .panel-body, .panel-group .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading,.panel-group .panel-heading a, .panel-group .panel-title,.panel-group .panel-title a{border-radius:5px 5px 0 0; border:0}
.panel-group .panel-heading{padding:0}
.panel-group .panel-heading h4 {margin:0;}
.panel-group .panel-heading a{display:block;background:#00629B;color:#fff;padding:12px 50px 12px 15px;text-decoration:none;position:relative;font-size:16px}
.panel-group .panel-heading a.collapsed{background:#f8f8f8; color:#4e4e4e; font-size:16px; transition:all .4s ease-in-out 0}
.panel-group .panel-heading a.collapsed:hover{background-color:#f8f8f8}
.panel-group .panel-heading a:after{content:'_';position:absolute;right:12px;top: -2px; font-size:25px}
.panel-group .panel-heading a.collapsed:after{content:'+'; top:6px;}
.panel-group .panel-body{background:#fff;padding:8px}
.panel-group .panel{background-color:transparent; box-shadow:none; margin-bottom:10px;}
#faq5 img {width: 1.25%;margin: 2px 2px 6px 2px;}
/* END FAQ Page */

/*State Pages*/
.setpadding .heero-txt {
	text-align: center;
}

	.setpadding .heero-txt h1, .state-section h2 {
		font-size: 44px;
		font-weight: bold;
		margin-bottom: 20px;
	}

.state-section h2 {
	margin-bottom: 30px;
}

.setpadding .heero-txt p, .state-section p {
	font-size: 16px;
	line-height: 24px;
}
.state-links .btn-primary {
	background-color: #0099D8;
	border-radius: 5px;
}
#SiteMap {
	float: left;
	width: 100%;
}
.sitemap-txt a {
	border-bottom: 1px dotted #ccc;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
	margin-left: 14px;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	width: auto;
}
.sl_links a {
	border-bottom: 1px dotted #000;
	display: block;
	float: left;
	font-size: 14px;
	margin: 10px 0 0 10px;
	text-decoration: none;
}
.serviceable-tripleplay {
	background-image: url(../images/bundles-img-state.png);
	height: 256px;
	background-size: contain;
	background-repeat: no-repeat;
}
.serviceable-voice, .unserviceable-Voice {
	background-image: url(../images/phone-map.png);
	height: 256px;
	background-size: contain;
	background-repeat: no-repeat;
}
.serviceable-internet {
	background-image: url(../images/Laptop-email.png);
	height: 256px;
	background-size: contain;
	background-repeat: no-repeat;
}
.serviceable-TV, .unserviceable-TV {
	background-image: url(../images/sports-tv.jpg);
	height: 256px;
	background-size: contain;
	background-repeat: no-repeat;
}
.state-links .btn-primary:hover {
	box-shadow: inset 200px 0 0 0 #00629B;
	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
	border: none;
}
section#serviceable-content {
	padding-top: 60px;
	padding-bottom: 30px;
}
.bread-crumb {
	float: left;
	width: 100%;
}
/*State Pages*/