/* Common CSS */

@charset "UTF-8";


* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input, button, select, textarea{
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 200 ;
}
body {
	font-family: "Montserrat", Arial, sans-serif !important;
	/* font-weight: 200 !important; */
	color: #555555;
	margin: 0;
	padding: 0;
	-ms-overflow-style:scrollbar;
}

.ie8{
	font-family: "Montserrat", Arial, sans-serif !important;
	font-weight: 200 !important;

}
body h1{
 color: #2B2B2B;
 font-size: 32px;
 font-weight: 500;
}

body h2{
 font-size: 16px;
}

body h3{
 font-size: 15px;
}

p {
	margin: 5px 0;
}
a {
	text-decoration: none;
	color: #00AEEF;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
}

img {
    border: medium none;
}
iframe {
	border: 0 !important;
	width: 100% !important;
}

.hide {
	display: none;
}

.clearfix {
	clear: both;
}

.blue_txt {
	color: #00AEEF;
}

.primary-btn {
    border-radius: 20px;
    padding: 8px 20px;
    color: #ffffff !important;
    background-color: #00aeef;
    display: inline-block;
    text-align: center;
    margin: 20px 0;
}

.primary-btn:HOVER{
	background-color: #28cdff;
}

#main {
	z-index: 1;
	position: relative;
	background-color: #ffffff;
	/* box-shadow: 0px -5px 30px 0px #000000; */
}

#content {
	clear: both;
	max-width: 1100px;
	margin: 0 auto;
	padding: 10px;
	background-color: #ffffff;
}

#disclaimer {
    clear: both;
}

/* Added this to counter box-sizing css added to /compiled-css/base.css */
#content, #content *, #content *:before, #content *:after, #colorbox{
	box-sizing: content-box;
}
#fiber_web_footer h2{
	border-bottom: none;
	color: #fff;
	font-weight: normal;
	margin: 15px 0 5px;
	text-transform: uppercase;
	white-space: normal;
	font-size: 13px !important;
}

#site_path {
	color: #444444;
	font-size: 14px;
}

#site_path a {
	color: #00AEEF;
}
#main_bkg {
    overflow: hidden;
    background: #28c2fe;
    /*padding: 40px 0px;*/
    height: auto;
    max-height: 430px;
}
#main_bkg #mma_welcome {
	width: 1100px;
    margin: 0 auto;
}
#main_bkg .fiber_header {
	max-width:100%;
	height: 100px;
	max-height: 170px;
    /*min-height: 60px; */

}
#main_bkg #fiber_header span{
	font-size: 40px;
}
#main_bkg img{
	max-width:100%;
	width:100%;
}
#empty_white_space{
	background-color: #FFFFFF;
	height: 0px !important;
}
#footer_wrapper .footer {
	background-color: #002146;
	color: #ffffff;
	padding-top: 20px;
	padding-bottom: 100px;
	padding-right: 15%;
	margin: 0px;
	text-align: right;
}
#footer_online_help{
	display:none;
}
.menu_links:hover{
	color:#fff !important;
}
#fiber_web_footer a{
	text-decoration: none;
}
@media (min-width: 1200px){
	#fiber_menu [class*="span"]{
		margin-left: 0px !important;
	}
}
	#fiber_web_footer{
		background-color: #002146;
		clear: both;
		color: #fff;
		font-size: 14px;
		text-align: center;
		width: 100%;
	}
	#footer,
	#fiber_web_footer .content {
		font-size: 10pt;
		margin: 0 auto;
		padding: 20px 0 10px;
		text-align: left;
		width: 1100px;
	}
	.content #footer-col3-row2{
		width: 200px;
		/* margin-left: 5px !important;
		width: 190px !important; */
		height: 210px;

	}
	#mobile_footer{
		display:none;
	}

	#fiber_web_footer .footer-row, #fiber_web_footer .footer-row-box{
		height: 182px;
		display: block;
		position: relative;
	}

	#fiber_web_footer .content #footer .inner-wrapper p {
		display: block;
		width: 300px;
		clear: none !important;
		float: none !important;
	}
	#fiber_web_footer .footer-row-box{
		width: 215px;
		float: left;
		display: block;
		text-align: left;
		margin-left: 5px;
		margin-bottom: 15px;

	}
	.inner-wrapper a.inner-wrapper-wireless {
	    text-decoration: none;
	    margin-right: 10px;
	    cursor: pointer;
	}
	.inner-wrapper ul {
	    position: relative;
	    margin-top: 25px;
		width: 350px !important;
	}
	.inner-wrapper ul li:last-child {
	    border-right-style: none;
	}.inner-wrapper ul li:first-child a {
	    color: #ffffff!important;
	}.inner-wrapper ul li + li {
	    margin-left: 7px;
	}.inner-wrapper p {
	    width: 300px;
	    float: left;
	}
	#footer-section .inner-wrapper {
	    border-top-color: grey;
	    border-top-style: solid;
	    border-top-width: 1px;
	    margin-bottom: 20px;
	    position: relative;
	    display: block;
	}
	#fiber_web_footer #footer .inner-wrapper p {
		display: block;
		width: 300px;
	}

/* blank */

	.logoSection {
	    max-width: 550px;
	    float: right;
	    padding-top: 0px!important;
		margin-top: -30px;
	    display: block;
	    position: relative;
	    /* margin-right: 35px; */
	}

	#TrustE_logo {
		background-color: #FFFFFF!important;
		border-radius: 10px!important;
		float: left!important;
		padding-left: 21px!important;
		width: 121px!important;
		border-color: white!important;
		border-style: solid!important;
		border-width: 3px!important;
		height: 34px!important;
		padding-top: 5px!important;
		/* margin-right: 19px; */
		padding-bottom: 9px;
	}
	div#TrustE_logo img {
		margin-left: -20px;
		margin-top: -3px;
	}
	#verisign_logo, #verisign_logo_additional {
    float: left;
    padding-right: 10px!important;
	}
	#verisign_logo table, #verisign_logo_additional table {
		width: 139px;
		background-color: white;
		height: 52px;
		border-radius: 8px;
	}
	#verisign_logo_additional {
	     width: 100%;
	}
	#verisign_logo {
	    height: 100px;
	     width: 150px!important;
	}

	#BBB_logo {
	    float: left;
	    height: 100px;
	    margin-right: 10px!important;
	    width: 150px!important;
	    padding-right: 35px!important;
	}
	#BBB_logo img {
		margin-left: 20px;
	}
	.content #footer-col4-row2{
		height: 200px;
		margin-left: -5px!important;
	}
	#fiber_web_footer .footer-row-box h2 {
		line-height: 18px;
		padding-bottom: 5px;
	}
	#fiber_web_footer .footer-row-box a{
		padding-top: 2px;
		padding-bottom: 2px;
	}
	#fiber_web_footer ul {
		list-style: none;
		/* margin-left: -20PX; */
		padding-left: 0;
	}

	/* #footer-col4-row2, #footer-col4-row1{
		width: 146px !important;
	} */
	.inner-wrapper li {
	 	display: inline-block;
	    font-size: 14px;
	    border-right-color: grey;
	    border-width: 1px;
	    border-right-style: solid;
	    text-align: left;
		/* margin-left: -20px; */
	}
	.inner-wrapper #wrapper-wireless-link {
		color: #00AEEF !important;
	}
	.inner-wrapper #wrapper-fiber-link {
		color: #FFFFFF !important;
	}
	#footer .inner-wrapper {
		/* padding-top: 50px; */
		border-top-style: solid;
		border-top-color: grey;
		border-top-width: 1px;
	}



	.content #footer-col2-row2{
		/* margin-left: 185px !important;
		width: 190px !important; */
		height: 210px;

	}




	.content #footer-col5-row1, .content #footer-col5-row2{
		/* margin-left: -20px !important; */
	}
	.content #footer-col5-row2{
		width: 260px;
	}

	.social a {
		margin-right: 7px;
		padding-bottom: 20px;
		display: inline-block;
		padding-top: 4px;
	}

	/* Savings Galore - Popup */

	#savings-galore-popup{
		padding-top : 20px;
	}

	#savings-galore-popup ul{
		list-style:none;
		background-color:white;
		padding:20px;
		border-radius:20px;
		margin-top:60px !important;
		padding-bottom: 60px
	}

	#savings-galore-popup h1{
		color:gray;
	}

	#interested{
		background-color: #27CDFF;
		text-align: center;
		color: white;
		font-size: 25px;
		border-radius: 5px;
		padding: 10px ;
		margin-top: 30px;
		cursor: pointer;
	}
	#notInterested{
		margin-top:10px;
		background-color: white;
		text-align: center;
		color:#27CDFF;
		font-size: 25px;
		border-radius: 5px;
		border: 1px solid lightgray;
		padding: 10px;
		cursor: pointer;
	}

#see_packages_link > img, #see_international_rates > img {margin:5px 15px;}

@media screen and (min-width: 768px) and (max-width: 1024px){

	#fiber_web_footer .footer-row-box {
		width: 187px;
	}
	.logoSection{
		margin-right: 28px;
	}
	#mobile_footer{
		display: none;
	}
	.content #footer-col3-row2{
		margin-right: 0px;
	}
}
/* Small Screen */
@media ( max-width : 767px) {

	div.move-colorbox-top{
	   	top: 100px !important;
	}

	#fiber_web_footer, #fiber_full_site_footer #footer{
		display:none !important;
	}


	#fiber_mobile_footer{
		background-color: #002146;
		color: #ffffff;
		padding-top: 20px;
		padding-bottom: 100px;
		padding-right: 15%;
		margin: 0px;
		text-align: right;
		display:block !important;
	}

	#success_msg_content .shop-wireless-div{
	    text-align: center;
	}

	#savings-galore-popup h1 {
	    font-size:23px;
	}
}

.back-to-top-container {
	position: fixed;
	bottom: 2em;
	right: 60px;
	z-index: 999;
}

@media screen and (min-width: 767px) {
	.back-to-top-container {
		display: none;
	}
}

.back-to-top {
	text-decoration: none;
	color: #ffffff;
	background-color: #00AEEF;
	font-size: 12px;
	padding: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	display: none;
}

.back-to-top:hover {
	background-color: #0072C7;
}
a:hover, a:active {
		text-decoration:underline;
		cursor: pointer;
	}

span.deemphasize {
    color: #8E8E8E;
    font-size: 11px;
}

#cboxLoadedContent .cboxIframe{
	background: #ffffff !important;
	border-radius: 10px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.error_margin {
    display: block;
    margin: 10px 0;
}

p.error, div.errorMsg {
    background: url("/resources/images/error_exclamation.gif") no-repeat scroll 10px 10px #FCE2E2;
    color: #666666;
    font-weight: normal;
    margin: 0.5em 0;
    padding: 20px 10px 18px 54px !important;
    font-size: 15px;
    line-height: 19px;
    border-radius:4px;
}
div.errorMsg span{
    font-weight: bold;
}

.fiber_success_msg {
	background: url("/resources/images/error_info.gif") no-repeat scroll 10px center #8eC7b5 !important;
    color: #2c7c63;
    font-weight: bold;
    margin: 0.5em 0;
    padding: 18px 0 18px 54px !important;
    font-size: 13px;
}
.wireless_discount_section {
	margin: 10px 0;
}

strong.highlight, span.highlight {
    color: #00AEEF;
    text-transform: uppercase;
}
a#fiberchat {
	display: none;
	float: right;
	margin: 15px auto;
	text-align: center;
	width: 100%;
	background-image: url("/resources/images/fiberhome/cart_chat_icon.png");
	background-repeat: no-repeat;
	background-position: 25px 2px;
	color:#00abfb;
	font-weight:600;
}
a:hover#fiberchat{
	text-decoration:none;
}
@media ( max-width : 799px) {
	#wrapper {
		overflow: hidden;
		background-color: #003C78;
	}
}

.ui-button-c, .ui-button-a.selected {
    background: none repeat scroll 0 0 #28CDFF;
    border: 1px solid #22AED8;
    border-radius: 5px;
    box-shadow: 0 1px 3px #1F9CC2 inset;
    color: #FFFFFF;
    text-decoration: none;
    padding: 5px 15px;
}
.action_button a:hover {
    text-decoration: none;
}
#overlay, #processing_overlay {
    background: none repeat scroll 0 0 #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3003;
    filter: alpha(opacity=50);
 }

#overlay.clickable {
    z-index: 3003;
}
#processingLayer {
    background: none repeat scroll 0 0 #00ACEF;
    border-radius: 6px;
    color: #FFFFFF;
    display: none;
    font-size: 20px;
    opacity: 0.8;
    padding: 10px 0;
    position: fixed;
    width: 300px;
    z-index: 3005;
}
@media ( max-width : 480px) {
	#main_bkg .fiber_header{
		height: 0px !important;
		max-height: 100%;
	    max-width: 100%;
	    width: auto;
	}
	#cboxLoadedContent .cboxIframe{
		margin-top: 15px;
	}
	#see_packages_link > img, #see_international_rates > img {margin:5px 0px;}

}
#site_selector .expand_button{display:none;}
.footer-row-box .social{
	list-style-type: none;
}
#middel_content_img .box {
	display: inline-block;
	width: 16%;
	padding: 3%;
	margin: 1%;
	border-radius: 8px;
	border: 1px solid #d3d3d3;
	text-align: center;
	min-height: 240px;
	height: 0px;
	float: left;
}
@media (max-width: 767px){
	#middel_content_img .box {
		width: 91% !important;
		margin: 10px 0;
	}
	#main_bkg #mma_welcome {
		width: 100% !important;
	}
}
.ie7 #main_bkg{position:relative; z-index:1;}

/************** Session Timer related CSS ************/
#timeoutOverlay{
    position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background-color: #292d30;
	display: none;
}
/************** Session Timer related CSS ************/

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation: portrait) {
		#fiber_web_footer .content {
			width:100%;
		}
		#fiber_web_footer .content #footer-col5-row1, #fiber_web_footer .content #footer-col5-row2{
			margin-left: 0px;
		}

		.logoSection{
			float:none;
			clear:both;
			margin-top:10px;
		}
}

/************* CPNI Changes ************/
#need_cpni_content {
    background-color: #fff;
    display: block;
    border-radius: 10px;
    padding: 10px;
}
.cpniRegenerate {
	display: block;
	margin-left: 20px;
	text-align: center;
}
.cpniRegenerate input{
	width:45px;
}
#generate_cpni {
	background-color: #002146;
	display: block;
	width: 100%;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	border-radius: 10px;
	padding: 10px 20px;
	max-width: 135px;
	margin: 0 auto;
}

.ssnRequired {
	display: none;
	color: #ff0000;
	font-size: 15px;
}

.required {
	font-size: 15px;
	color: #ff0000;
}

.cpniOR {
	font-size: 25px;
	text-align: center;
	display: block;
}

.callForCPNI {
	display: block;
	text-align: center;
	font-size: 20px;
}

#cboxLoadedContent section.successMsg , #cboxLoadedContent section.errorMsg{
	display:block;
	background-color:#fff;
	padding:20px;
	border-radius:10px;
}

p.error.cpni, div.errorMsg.cpni {
    background-position:10px 10px;
}
/* Small Screen */
@media ( max-width : 767px) {
	p.error.cpni, div.errorMsg.cpni {
	    background-position:10px 25px;
	}
}

/************* CPNI Changes ************/


/****** new contact info copy css*********/
.newContactInfo {
    padding-top: 20px;
}
.newContactInfo p.callus {
    font-size: 21px;
}
.newContactInfo p.header {
    color: #326698;
    font-size: 21px;
    font-weight: normal;
    padding: 5px 0px;
}

.newContactInfo .title {
    font-size: 18px;
    color: #666666;
    font-weight: normal;
}
.newContactInfo span.value {
    font-size: 17px;
    padding: 0px 5px;
}
.newContactInfo span a {
    display: inline-block;
}
/****** new contact info copy css end*********/

@media ( min-width : 769px) {
	#CSWebAddress{
  		width: 130px;
  		font-size: 11px;
  		margin-top:10px;
 		margin-right:0;
 		padding:10px;
 		position: absolute;
 		top: 0;
 		right: 0;
 	}
 	#CSWebAddress span{
 		display:block;
 	}
}
@media ( max-width : 768px) {
 	#myIframeFw {
 		height: 1600px !important;
 	}
}
div .error_margin .errorMsg .errorMsContent .errorTitle{
	color:#0072C7;
}
/* ---- change made due to WEBI-3556 ---- */
@media(max-width: 1125px){
	.back-to-top {
		display: none !important;
	}
}
.home-services-landing #speed-need{
	display:none;
}

.home-services-landing,
#cspire-home-internet {
    clear: both;
}