#header .logo, .dslx_logo{
	width: 260px;
    height: 52px;
	fill:white;
}

.loading{
    height:25px;
    width:25px;
    margin:0 auto;
    display:none;
}

.validation_msg{
    clear:both;
    margin-bottom:0;
    padding:0 0;
    color:orange !important;
}

#qualify .validation_msg{
    padding:14px 0 0;
}

#bundle_placeholder{
    min-height:300px;
    width:100%;
}

/* just wanted to cram down how the dropdown is displayed inside of a radio button label */
select.range.form-control{
    width:auto;
    height:auto;
    background:#fff;
    color:inherit;
    margin:0 3px 0 0;
}

@media (max-width: 767px) {
    .package .col-price {
        position:initial;
    }
    /* not showing a yellow button on min size, doesn't do anything really. but still need to takeup the height to keep the header tall */
    #header .order-now span a {
        visibility:hidden;
    }
	#header .logo{
		background:none;
		text-indent: 0;
	}
	#header .dslx_logo,
		#header .logo{
		fill:#334BAF;
		width:164px;
		height:33px;
	}
}

.radio-white-alt .fake-input,
    .radio-white-alt .fake-input{
    width:17px;
    height:17px;
    background:white;
    border-color:white;
}

#homeAddrLine1{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAfBJREFUWAntVk1OwkAUZkoDKza4Utm61iP0AqyIDXahN2BjwiHYGU+gizap4QDuegWN7lyCbMSlCQjU7yO0TOlAi6GwgJc0fT/fzPfmzet0crmD7HsFBAvQbrcrw+Gw5fu+AfOYvgylJ4TwCoVCs1ardYTruqfj8fgV5OUMSVVT93VdP9dAzpVvm5wJHZFbg2LQ2pEYOlZ/oiDvwNcsFoseY4PBwMCrhaeCJyKWZU37KOJcYdi27QdhcuuBIb073BvTNL8ln4NeeR6NRi/wxZKQcGurQs5oNhqLshzVTMBewW/LMU3TTNlO0ieTiStjYhUIyi6DAp0xbEdgTt+LE0aCKQw24U4llsCs4ZRJrYopB6RwqnpA1YQ5NGFZ1YQ41Z5S8IQQdP5laEBRJcD4Vj5DEsW2gE6s6g3d/YP/g+BDnT7GNi2qCjTwGd6riBzHaaCEd3Js01vwCPIbmWBRx1nwAN/1ov+/drgFWIlfKpVukyYihtgkXNp4mABK+1GtVr+SBhJDbBIubVw+Cd/TDgKO2DPiN3YUo6y/nDCNEIsqTKH1en2tcwA9FKEItyDi3aIh8Gl1sRrVnSDzNFDJT1bAy5xpOYGn5fP5JuL95ZjMIn1ya7j5dPGfv0A5eAnpZUY3n5jXcoec5J67D9q+VuAPM47D3XaSeL4AAAAASUVORK5CYII="); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-size: 16px 18px; 
	background-position: 98% 50%;
}

/* FOR THE PROMO STICKY HEADER */
.xicon{
	width:100px;
	height:100px;
	fill:#2b43ab;
}
.xicon_white{
	fill:white;
}
#header {
	top: 0px; /* Value needs to be updated in dsl.css */
}
#header.fixed-header{
	display:none;
}

/* New styles */
#promo-banner-spacer,
#promo-banner-sticky {
	background-color: #fff;
	height: 126px;
}

#promo-banner-sticky.reverse-colors {
	background-color: #12256f;
}

#promo-banner-sticky {
	border-bottom: 1px solid #656565;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 11;
}

#promo-banner-sticky .left-logo {
	/*background-image: url('logo-promo-banner-blue.png');
	background-position: center;
	background-repeat: no-repeat;*/
	height: 100px;
	margin: 13px 0;
	text-align: left;
}

#promo-banner-sticky.reverse-colors .left-logo {
	/*background-image: url('logo-promo-banner-white.png');*/
}

#promo-banner-sticky .center-container {
	padding: 0;
	position: relative;
}

#promo-banner-sticky .center-content {
	float: none;
	padding: 18px 0;
	text-align: center;
	width: 100%;
}

#promo-banner-sticky .center-content p {
	font-family: "Maven Pro", "Arial", "Helvetica", sans-serif;
	margin: 0;
}

#promo-banner-sticky.reverse-colors .center-content p {
	color: #fff !important;
}

#promo-banner-sticky .center-content p:nth-child(1) {
	color: #334aab;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
}

#promo-banner-sticky .center-content p:nth-child(2) {
	color: #22bfe8;
	font-size: 17px;
	font-weight: bold;
	line-height: 22px;
	padding: 5px 0;
}

#promo-banner-sticky .center-content p:nth-child(3) {
	color: #3047aa;
	font-size: 12px;
	text-transform: uppercase;
}

#promo-banner-sticky .right-button {
	margin: 38px 0;
	text-align: right;
}

#promo-banner-sticky.reverse-colors .right-button .btn {
	display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
	#promo-banner-sticky .center-content {
		padding: 21px 0;
	}
	#promo-banner-sticky .center-content p:nth-child(2) {
		font-size: 13px;
		line-height: 20px;
	}
}

@media (max-width: 767px) {
	#header {
		/*display: none;*/
		top: 0px;
		background:none;
	}
	#header.whiteback{
		background:white;
	}
	#promo-banner-sticky{
		background-color: #12256f;
		border-bottom:0px;
	}
	#promo-banner-sticky .center-content {
		padding: 18px 0;
	}
	#promo-banner-sticky .center-content p {
		color: #fff !important;
	}
	#promo-banner-sticky .center-content p:nth-child(1) {
		font-size: 15px;
	}
	#promo-banner-sticky .center-content p:nth-child(2) {
		font-size: 20px;
	}
	#promo-banner-sticky .center-content p:nth-child(3) {
		font-size: 15px;
	}
	#promo-banner-sticky .center-content p:nth-child(3)>strong {
		font-size: 15px;
		color:#FFB32F !important;
	}
}
/* END: FOR THE PROMO STICKY HEADER */
/*# sourceMappingURL=dslx.css.map */