@charset "UTF-8";
/* CSS Document */

/*------------------ GENERAL ------------------*/

html.modal-open,
body.modal-open {
	overflow: hidden;
	/*position: fixed;*/ }

input::placeholder {
	color: #b4b4b4 !important;
	opacity: 1 !important; }

input:-ms-input-placeholder {
	color: #b4b4b4 !important;
	opacity: 1 !important; }

/*autocomplete search list*/
#lstChannelResuts {
	position: relative; }
	#lstChannelResuts .ui-autocomplete {
		position: absolute !important;
		width: 100% !important;
		max-height: 200px;
		overflow-y: scroll;
		overflow-x: hidden; }
	#lstChannelResuts .ui-menu-item > div:hover {
		border-top-color: transparent !important;
		background: #1455b3 !important; }

/*channel found in another package or add-on*/
.modal h4 {
	margin-bottom: 0 !important; }
.modal h1 {
	margin-top: 0 !important;
	padding-bottom: 20px !important;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px !important; }
.modal .buttons {
	margin-top: 45px; }
.modal p {
	font-size: 16px !important;
	line-height: 1.5 !important; }
.modal a:not(.bttn) {
	color: #fff !important;
	text-decoration: underline !important; }
.modal #mdlChannel #lstPackages {
	font-size: 20px !important; }



/*#mdlChannel { }
	
	#mdlChannel > h4 {
		margin-bottom: 0 !important; }
	#mdlChannel #mdlAddon h4 {
		font-size: 40px; }
	#mdlChannel #lstPackages,
	#mdlChannel #lstAddons {
		font-size: 20px !important;
		margin-bottom: 30px !important; }
		#mdlChannel #lstPackages a,
		#mdlChannel #lstAddons a {
			color: #fff !important;
			text-decoration: underline !important; }*/

/* modal */

.modal {
	position: relative;
	/*background: rgba(163, 45, 186, .9) !important;*/
	/*background: rgba(14, 53, 103, .95) !important;*/
      background: rgba(0, 0, 0, .90) !important;
	color: #fff; }
	.modal > [class*='close'] {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 30px;
		right: 30px;
		text-indent: -9999px;
		background-image: url(../images/icon-close.png);
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer; }
	.modal .modal-content {
		display: table;
		width: 100%;
		height: 100%; }
		.modal .modal-content .center {
			display: table-cell;
			vertical-align: middle; }
			.modal .modal-content .center .content {
				max-width: 640px;
				margin: 0 auto;
				padding: 40px; }
	/*.modal h1,
	.modal h2, 
	.modal h3,
	.modal h4, 
	.modal h5, 
	.modal h6 {
		line-height: 1.2 !important;
		margin: 10px 0 !important; }*/
	.modal .form {
		padding: 20px 0; }
	.modal .mcc-input-medium {
		width: 100%; }
	.modal .bttn {
		margin-right: 10px; }

/* channel search */

.search {
	position: relative;
	height: 74px;
	z-index: 20;
	margin-bottom: 35px;
	padding: 15px 25px;
	color: #fff;
	background-color: #dfe1df;
	border-top: 4px solid #fff; }
	.search #btn-search {
		position: absolute;
		top: 50%;
		margin-top: -15px;
		left: 13px;
		font-size: 11px;
		color: #fff;
		cursor: pointer;
		/*background-color: #702082;*/
            background: #f4891a;
            background-image: -webkit-linear-gradient(top, #f4891a, #ec561f, #dd0537);
            background-image: -moz-linear-gradient(top, #f4891a, #ec561f, #dd0537);
            background-image: -ms-linear-gradient(top, #f4891a, #ec561f, #dd0537);
            background-image: -o-linear-gradient(top, #f4891a, #ec561f, #dd0537);
            background-image: linear-gradient(to right, #f4891a, #ec561f, #dd0537);
		/**/
            border-radius: 2px;
		padding:  5px 30px 5px 15px;
		text-transform: uppercase;
		font-size: 10px; }
		.search #btn-search:hover {
			/*background-color: #a32dba;*/
                  background-image: -webkit-linear-gradient(top, #f18932, #f18932, #f18932);
                  background-image: -moz-linear-gradient(top, #f18932, #f18932, #f18932);
                  background-image: -ms-linear-gradient(top, #f18932, #f18932, #f18932);
                  background-image: -o-linear-gradient(top, #f18932, #f18932, #f18932);
                  background-image: linear-gradient(to right, #f18932, #f18932, #f18932); }
            .search #btn-search:after {
                  content: '';
                  display: block;
                  position: absolute;
                  top: 2px;
                  right: 3px;
                  width: 24px;
                  height: 24px;
                  background-image: url(../images/icon-search.png);
	      	background-repeat: no-repeat;
      		background-size: 24px 24px; }
		


		/*.search #btn-search .text-1,
		.search #btn-search .icon {
			display: table-cell;
			vertical-align: middle; }*/
		.search #btn-search .text-1 {
			/*padding-right: 5px;*/ }
		.search #btn-search .text-2 {
			display: none; }
		/*.search #btn-search .icon {
			width: 30px;
			height: 30px;
			border-radius: 2px;
			background-color: #702082;
			background-image: url(../images/icon-search.png);
			background-repeat: no-repeat;
			background-size: cover; }
			.search #btn-search:hover .icon {
				background-color: #a32dba; }*/

.search-match {
	/*background-color: #f1e9f2;*/
	/*background-color: #f5d9ff;*/
      background-color: #fce8e0; }


.cta img {
	margin: 0;
	width: 100%;
	display: block; }

.contact-nav {
	background: #DA073B;
	width: 100%;
	padding: 10px 1rem;
	position: fixed;
	z-index: 30; }
	.contact-nav > div {
		text-align: right;
		max-width: 1200px;
		padding: 0 12px;
		margin: 0px auto; }
	.contact-nav .call {
		display: inline-block;
		color: #fff;
		font-weight: normal;
		font-size: 12px; }
	/*.contact-nav .bttn {
		font-size: 11px;
		padding: 6px 30px !important;
		margin-left: 10px; }*/

.co-compare { }
	.co-compare .content {
		display: table;
		width: 100%;
		table-layout: fixed;
		background-image: url(../images/compare-callout.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		min-height: 340px; }
		.co-compare .content > div {
			display: table-cell;
			vertical-align: middle; }
		.co-compare .content .box {
			display: inline-block;
			/*background-color: rgba(255,255,255,.80);*/
                  /*background-color: rgba(60,62,64,.80);*/
                  background-color: rgba(0,0,0,.55);
			padding: 30px 50px; }
		.co-compare .content h2 {
			margin: 0;
			padding-bottom: 15px;
                  color: #ffffff; }


.co-package {
	display: table;
	table-layout: fixed;
	border: 1px solid #dcdcdd;
	margin: 20px 0;
	width: 100%; }
	.co-package .mcc-row {
		display: table-row; }
		.co-package .mcc-row > div {
			float: none;
			display: table-cell;
			vertical-align: middle;
			padding-top: 30px;
			padding-bottom: 30px; }
		.co-package .mcc-row > div * {
			margin: 0; }
		.co-package .mcc-row > div:nth-child(1) {
			font-size: 22px;
			text-align: center;
			color: #fff;
			background-color: #3c3e40; }
		.co-package .mcc-row > div:nth-child(2) {
			text-align: center; }
			.co-package .mcc-row > div:nth-child(2) .channel-wrapper {
				border-right: 1px solid #dcdcdd; }
		.co-package .mcc-row > div:nth-child(2) h1 {
			font-size: 54px !important;
			line-height: 61px !important; }
			.co-package .mcc-row > div:nth-child(2) p {
				text-transform: uppercase; }
		.co-package .mcc-row > div:nth-child(4) {
			text-align: center; }

input.zip-search {
	text-align: center; }

.header {
	position: relative;
	padding: 20px 0;
	padding-right: 200px; }
	.header h1 {
		margin: 10px 0; }
	.header h4 {
		margin: 10px 0; }
	.header .bttn {
		position: absolute;
		right: 0;
		bottom: 30px; }

.bttn {
	height: auto !important;
	padding: 15px 40px !important; }

.bttn-mcc-gray {
      color: #3c3e40 !important;
      background: #dfe1df; }
      .bttn-mcc-gray:hover {
            /*background: #bebfbe;*/
            background: #ffffff; }

.h-rule-1 {
	overflow: hidden;
	height: 10px;
	margin: 35px 0;
	background-color: #dfe1df; }

.no-break {
	white-space: nowrap; }

input, textarea, select {
	margin: 1.5rem 0;
	padding: 1rem 2.5rem;
	color: #585959 !important;
	border: 1px solid #D7D7D7;
	background-color: #fff; }

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0; }

.table {
	display: table;
	width: 100%;
	line-height: 1.3; }
	.table .header-row {
		/*white-space: nowrap;*/ }
		.table .header-row a {
			color: #ee6631;
			cursor: pointer; }
			.table .header-row a img {
				display: inline; }
	.table > div {
		display: table-row; }
		.table > div > div {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			border-bottom: 1px solid #dcdcdd;
			border-right: 1px solid #dcdcdd;
			padding: 7px 20px; }
			.table > div > div:nth-child(1) {
				text-align: left;
				padding-left: 7px; }
			.table > div > div:last-child {
				border-right: none; }
	.table .icon-tve {
		width: 28px;
		margin: 0 auto; }

.select-style {
	display: block;
	overflow: hidden;
	width: 100%;
	background: rgb(255,255,255);
	background-image: url(../images/select-background.png);
	background-repeat: no-repeat;
	background-position: right center;
	border-radius: 2px; }
	.select-style > select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		font-family: "Avenir LT W01_65 Medium1475532", "Avenir LT W01_65 Medium1475538", "Lato", sans-serif;
		font-size: 16px;
		background: transparent;
		/*border: 0;*/
		border-radius: 0;
		padding: 10px 20px;
		/*color: #fff !important;*/
		cursor: pointer; }

#nav-main {
	padding-top: 25px; }
	#nav-main a {
		text-decoration: underline;
		color: #3c3e40;
		font-size: 12px; }
	#nav-main:after {
		content: '';
		display: table;
		clear: both; }
	#nav-main .zip {
		float: left; }
	#nav-main .nav-wrapper {
		float: right; }
	#nav-main .nav-label {
		padding-right: 5px; }
	#nav-main .nav-mobile {
		display: none; }
		#nav-main .nav-mobile .select-style {
			margin: 5px 0 15px 0; }

#disclaimer {
	margin-top: 60px; }
	#disclaimer a {
		text-decoration: underline;
		color: #3c3e40; }

/*------------------ SEARCH ZIP ------------------*/

.search-zip {}
	.search-zip input {
		width: 100%;
		max-width: 480px; }
	.search-zip .bttn {
		margin: 0 0;
		display: inline-block !important; }
	.search-zip .alert {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		font-size: 80%; }

/*------------------ COMPLETE LINEUP ------------------*/

.channel-lineup { }
	.channel-lineup .channel-wrapper {
		position: relative; }
	.channel-lineup .loading {
		position: absolute;
		z-index: 20;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		background-image: url(../icons/icon-loading.gif);
		background-repeat: no-repeat;
		background-position: 50% 100px; }
	.channel-lineup .channel-group h4 {
		margin-top: 20px;
		border-top: 1px solid #ccd0d5;
		padding-top: 20px;
		margin-bottom: 0;
		padding-bottom: 10px; }
	.channel-lineup .channel-group:after {
		content: '';
		display: table;
		clear: both; }
	.channel-lineup .channels {
		display: block; }
		.channel-lineup .channels table {
			width: 100%;
			border: none;
			min-width: 0; }
			.channel-lineup .channels table tr {
				background: none; }
			.channel-lineup .channels table td {
				padding: 2px 0;
				border: none;
				vertical-align: middle; }
			.channel-lineup .channels table td.number {
				white-space: nowrap;
				width: 1px;
				padding-right: 15px; }
	.channel-lineup .icon-tve {
		display: inline-block;
		position: relative;
		z-index: 10;
		top: -2px;
		font-size: 8px;
		line-height: 12px;
		background: #ee6631;
		color: #fff;
		border-radius: 2px;
		padding: 0 2px;
		margin: 0 3px; }

/*------------------ PACKAGES ------------------*/

.header-package {
	position: relative; }
	.header-package .bttn {
		position: absolute;
		right: 0;
		bottom: 0; }

.search {}
	.search .bttn {
		/*position: absolute;
		left: 20px;
		top: 16px; */}

/*------------------ COMPARE PACKAGES ------------------*/

.search {}
	.search .packages {
		position: relative; }
	.search .packages:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 30;
		width: 4px;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #fff; }
	.search .packages:after {
		content: '';
		display: block;
		position: absolute;
		z-index: 30000;
		width: 4px;
		height: 100%;
		top: 0;
		right: 0;
		background-color: #fff; }
	.search .packages li {
		display: block !important;
		position: relative;
		overflow: hidden;
		height: 70px !important;
		background-color: #3c3e40;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff; }
		.search .packages li > div {
			position: absolute;
			display: flex;
			align-items: center;
    			justify-content: center;
			width: 100%;
			height: 100%;
			padding: 10px;
			white-space: normal;
			line-height: 1.2; }
		.search .packages li .bttn-sm {
			padding: 7px 20px !important;
			margin-top: 5px; }
	.search #btn-prev,
	.search #btn-next {
		position: absolute;
		top: 0;
		width: 30px;
		height: 100%;
		background-color: #702082;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 30px 30px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		display: none; }
		.search #btn-prev:hover,
		.search #btn-next:hover {
			background-color: #a32dba; }
	.search #btn-prev {
		left: 172px;
		background-image: url(../images/icon-prev.png); }
	.search #btn-next {
		right: 0;
		background-image: url(../images/icon-next.png); }

.channel-grid * {
	margin: 0;
	padding: 0;
	list-style: none; }

.channel-grid .lineup {
	position: relative;
	line-height: 1.3; }

.channel-grid .channels {}
	.channel-grid .channels li {
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 7px;
		border-bottom: 1px solid #dcdcdc; }
		.channel-grid .channels li > span {
			display: block;
			width: 195px; }

.channel-grid .packages {
	position: absolute;
	z-index: 10;
	width: calc(100% - 232px);
	top: 0;
	left: 202px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top; }
	.channel-grid .packages ul {
		transition: margin 500ms;
		display: inline-block;
		margin-right: -4px;
		width: 33.33%;
		vertical-align: top; }
	.channel-grid .packages ul.fill-2 {
		width: 50%; }
	.channel-grid .packages ul.fill-1 {
		width: 100%; }
	.channel-grid .packages li {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center; }
	.channel-grid .packages .icon-checkmark {
		width: 16px;
		height: auto;
		margin: auto; }

/*------------------ RESPONSIVE ------------------*/

@media only screen and (max-width: 991px) {
	
	/* general */
	
	.cta img {
		/*max-width: 480px;*/ }
	
	.contact-nav > div {
		text-align: center; }
	
	.bttn {
		padding: 10px 30px !important;
		font-size: 10px !important; }
	
	.header {
		padding-right: 0; }
		.header h4 {
			line-height: 30px; }
		.header .bttn {
			position: static; }
	
	.co-package {
		display: block; }
		.co-package .mcc-row {
			display: block; }
			.co-package .mcc-row > div {
				float: none;
				display: block; }
			.co-package .mcc-row > div:nth-child(1) {
				font-size: 18px; }
			.co-package .mcc-row > div:nth-child(2) {
				float: left;
				width: 25%;
				text-align: center; }
				.co-package .mcc-row > div:nth-child(2) .channel-wrapper {
					border-right: 1px solid #dcdcdd; }
			.co-package .mcc-row > div:nth-child(3) {
				float: left;
				width: 75%; }
	
	/* compare packages */
	
	/*.channel-grid .packages ul {
		width: 50%; }*/
		

}

@media only screen and (max-width: 780px) {

	/* general */
	
	.search #btn-search {
		/*display: block;
		text-align: center;*/
		font-size: 8px;
		margin-top: -14px;
		left: 10px; }
	.search-compare #btn-search {
		margin-top: -22px;
		padding: 20px 8px 5px 8px;
		background-size: 20px 20px;
		background-position: top 5px center; }
	.search-compare #btn-search .text-1 {
		display: none; }
	.search-compare #btn-search .text-2 {
		display: block; }
	
	#nav-main .zip,
	#nav-main .nav-wrapper {
		float: none; }
	#nav-main .nav-desktop {
		display: none; }
	#nav-main .nav-mobile {
		display: block; }
	
	.co-package .mcc-row > div {
		padding: 15px 30px; }
		.co-package .mcc-row > div:nth-child(1) {
			text-align: left;
			font-size: 18px; }
		.co-package .mcc-row > div:nth-child(2) {
			float: none;
			width: 100%;
			text-align: left; }
			.co-package .mcc-row > div:nth-child(2) .channel-wrapper {
				border-right: none; }
		.co-package .mcc-row > div:nth-child(3) {
			float: none;
			width: 100%; }
		.co-package .mcc-row > div:nth-child(4) {
			text-align: left; }
	
	.table {
		font-size: 12px; }
		.table .header-row a {
			font-size: 10px !important; }
			.table .header-row a img {
				width: 5px !important; }
		.table > div > div {
			padding: 5px 10px; }
		.table .icon-tve {
			width: 22px; }
	
	/* compare packages */
	
	.channel-grid {
		font-size: 12px; }

	.channel-grid .packages ul {
		margin-right: -3px; }
	
	.channel-grid .channels li {
		padding-top: 5px;
		padding-bottom: 5px; }
	
	.search #btn-prev {
		left: 70px; }

	.channel-grid .packages {
		width: calc(100% - 130px);
		left: 100px; }

	.channel-grid .channels li > span {
		width: 93px; }
		
@media only screen and (max-width: 640px) {
	
	/* compare packages */
	
	.channel-grid {
		font-size: 10px; }

	.channel-grid .packages {}
		.search .packages li .bttn-sm {
			font-size: 8px !important;
			padding: 2px 10px !important; }
	
	/* compare calloput */
	.co-compare {
		border: 1px solid #dcdcdd; }
		.co-compare .content {
			display: block;
			background: none;
			/*width: 100%;
			table-layout: fixed;
			background-image: url(../images/compare-callout.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;*/
			min-height: auto; }
			.co-compare .content > div {
				display: block; }
			.co-compare .content .image {
				background-image: url(../images/compare-callout.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				padding-bottom: 29%; }
			.co-compare .content .box {
				display: block;
				padding: 15px 30px; }
				.co-compare .content .box br {
					display: none; }

}

@media only screen and (max-width: 548px) {
	
	/* compare packages */

	/*.channel-grid .packages ul {
		width: 50%; }
		.channel-grid .packages ul.fill-2 {
			width: 50%; }*/
	
	/* compare packages */
	
	/*.channel-grid .packages ul {
		width: 50%; }*/

}

@media only screen and (max-width: 400px) {
	
	/* compare packages */

	.search #btn-search.icon {
		top: 25px;
		left: 17px;
		width: 30px;
		height: 30px; }

}