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

html,body{
	font-family: 'Source Sans Pro', sans-serif !important;
	height: 100%;
	width:100%;}
#container{width: 100%;}

.wrap{
/*	width:1400px;*/
	margin: 0 auto;
	padding: 0 auto;
	}	
.container{
	width: 960px;
	margin: 0 auto;
	padding: 0 auto;}
	
.font900{
	font-weight:900;}
	
.font700{
	font-weight: 700;}
	
.font300{
	font-weight: 300;}
	
.font200{
	font-weight:200;}
	
.button{
	border-radius: 4px;}
.lightgry{
	color: #d9d9d9;
	font-size:120%;
}
grey2, li grey2:a{
	color:#6f6f6f;}
white{
	color: white;}
	
.textOrange{
	color: #f7850a;}
.textBlue{
	color: #0092cf;}
	
.orbit-container .orbit-slide-number {
	display:none;}
.orbit-container .orbit-prev > span,
.orbit-container .orbit-next > span,
.orbit-container .orbit-next:hover > span,
.orbit-container .orbit-prev:hover > span{
	border-color:transparent;
	height:0px;}
	
.mainNav .f-dropdown{
	font-size:17px;
}
.mainNav .f-dropdown li:hover, .mainNav .f-dropdown li:focus, .f-dropdown li a:hover{
	background: #0092cf;
	font-weight:bold;
	color:white;}
	
.button:hover,{
    background: rgba(0,204,255,1);
    border-color: #3994CC;
}

.button {font-weight:600;}

.small.button.orange:hover, .small.button.orange:focus,
.large.button.orange:hover, .large.button.orange:focus{
	background:#F90;}
/*.columns{
	padding-left:5px;
	padding-right:5px;}*/

/*******************
Header : Div 1
*******************/
.top-bar{
    background: none;
}

#header{
	min-height: 155px;
	background: white;
	padding:0;}
#branding{
	padding-left: 0;
	padding-right:0;
	padding-top: 15px;}
#brandingNav{
	height:auto;
	padding-top:15px;
	padding-left:0px;
	padding-right: 0px;

position:relative;}

.expWarning
{
	float:right;
margin-top:50px;	
margin-left:15px;
}

.activateNowHeader
{
float: left;	
margin-top:50px;
margin-left:25px;
}



.accountLog .inline-list{
	position:absolute;
	top:10px;
	right: 0;
	color: 6f6f6f;
	float: right;
	font-size:14px;
	
	margin-bottom:25px;
	text-transform:capitalize;}
.accountLog li{
	padding-top:6px;}
.accountLog .button{

	padding-top: 5px;
	font-size:1em;
	height: 31px;
	text-transform:uppercase;}

.accountLog li .button {
    margin-top: -2px;
    padding-top: 6px;
}
.accountLog li a{
	color: #6f6f6f;}
.accountLog li a:hover, .accountLog li a:focus,
.dropdown.button.secondary:focus,.dropdown.button.secondary:hover {
	color:#999;}
.accountLog li .button a{
	color: white}
.accountLog li .button:hover,
.large.button.blue:hover,
.large.button.blue:focus, .small.button.blue:hover,
 .small.button.blue:focus{
	color:white;
	background:rgba(68,171,235,.9);}
.accountLog .divider{
	color: #cccccc;
	font-size: 14px;
	font-weight:bold;}
	
button.small, .button.small {
    color: white;
}

.msgIcon img{
	margin-top:4px;}
.mainNav{
	float: right;
	text-transform:uppercase;
	position:absolute;
	top: 100px;
	right: 0;
}

.mainNav .inline-list{
	z-index:1;
	float:right;
	margin-right: 0;
	padding-right: 0;
	text-align:right;}
.mainNav > .button{
	backgrond: none;}
	
    .inline-list .button .dropdown{background: white;}
	
#header .dropdown .button {
    background-color: #fff;
	color: black;
	border: none;
}

.inline-list > li {
    margin-left: 10px;
	padding-top: 15px;
}


.mainNav .inline-list .lightgry{
	margin-top: -6px;}
.dropdown.button.secondary{
	font-weight:200;
	color: #333333;
	font-size:17.5px;
	background-color:none;
	padding-right: 24px;
	background:white;
	border: none;
	padding-top: 3px;
	padding-bottom: 0;
		padding-left: 0.5em ;}
.dropdown.button.secondary:before {
    border-color: #a1a1a1 transparent transparent;
    font-size: .6em;
	border-width: 5px;
    color: white;
    margin-top: 0;
    right: 8px;}

#header .button .dropdown{
	color: black;}
	
/*******************
Slider : Div 2
*******************/
#slideBanner{
	min-height:355px;
	background: #f9f7f8;
	padding: 0;}

#slideBanner .large-3{
	padding-left: 20px;
	padding-right: 0;
}
#slideBanner .large-8{
	padding-left: 0;
	margin-left: 0;}

#slideBanner .large-1{
position: relative;
padding-top: 25%;
vertical-align:middle;}
#slideBanner img{
	padding-top: 42px;}
	
#slideBanner .font200{
	font-size:14px;
	color:#6a6a6a;
	}
#slideBanner .smallText{
	padding-top: 0;}
.bannerText{
	font-size: 52.06px;
	line-height: 55px;
	color: #6f6f6f;
	padding-top:30px;
	padding-botom: 0;
	margin-bottom: 0;
	}
.large.button.blue, .small.button.blue{
	background:#3994cc;
	border-color:#3994cc;}
.small.button.orange{
	background: #e9913a;
	border-color:#e9913a;
	padding-left:40px;
	padding-right: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	font-size:18px;
	font-weight:900;}
	
.large.button.orange{
	background: #e9913a;
	border-color: #e9913a;
	margin-left: 10px;
}

.optBtns{
	padding-top: 20px;
	position: relative;
	padding-bottom: 0;
	margin-bottom:10px;}
.optBtns .button{
	margin-bottom:5px;
		font-size:24px;
	padding-top:20px;
	padding-bottom: 20px;}
	

/*******************
Plans : Div 3
*******************/
#plans{
	min-height: 840px;
	background: #e7e7e7;
	/*padding: 70px 0;*/}
#plans .container{
	padding-left: 0;
	padding-right: 0;}

#plans .column, #plans .columns {
    padding-left: 0em;
    padding-right: 0.35em;
    position: relative;
}
#plans img{
	margin-bottom:18px;}
.pType{font-size:30px;font-weight:bold; color:black;}
.pMonthly{font-size: 35px; color:#3994cc; }
.pAnn{font-size:16px; line-height: 26px}

.pTable{
	padding-top:20px;
	padding-bottom: 20px;}
	
.small.button.blue.font200{
	padding-left:39px;
	padding-right: 39px;
	margin-top: 5px;
	margin-bottom:5px;}
.button{
	margin-bottom: 0;}
.planList{
	text-align:center;
	padding: 20px;
	height:675px;
	background: white;
}

.planInc{
	margin-top: -65px;
	font-size: 18px;
	color: #666666;
	padding: 5px 0;
	vertical-align: middle;}
.planInc p{
	line-height:26px;
	padding-top: 1px;
	margin-bottom: 0;}

.planInc hr{
   margin: 1px 0 1px;
}
	
	
.a {
	margin: 0 auto;
	height:5px;
	background:url(../img/borderbottom.jpg) center top no-repeat;
}

.b{margin: 0 auto;
height: 15px;
background:url(../img/talkit-04.png) center top no-repeat;
padding-bottom:100px;}
/*******************
Long Distance : Div 4
*******************/	
#longDist{
margin: 0 auto;
background: #3994cc;
background:url(../img/talkit-08.png) center right no-repeat, #3994cc;
min-height:540px;
color: #f3f3f3;
text-align:center;
padding-top:30px;
}

#longDist .none{
	display: block;
	margin: 0 auto;
	text-align:center;}
.LDsave{
	margin: 0 auto;
	font-size:45px;
	}
.LDtag{
	font-size:22px;
	padding-top:5px;}
.LDbox{color: white;
margin: 0 auto;
padding: 10px 50px;}

.LDlist{padding: 0 60px;
	margin: 0 auto;}

.LDcountry{padding: 0 0 15px 0;
	margin: 0 auto; }

.LDprice{padding: 15px 25px 30px 25px;
	color: #a8dbfa ;
	margin: 0 auto;
	background:#442abec;}

#longDist button, #longDist .button {
    padding-bottom: 0;
    padding-top: 10px;
	padding-left:10px;
	font-weight:300;
	text-align:left;
	width: 100%;
}
.button .secondary{
	font-weight:300;
	text-align: right;}
.split.button {
    vertical-align: middle;
    position: relative;
	background:white;
	height: 60px;
	font-size:34px;
	border: 2px solid #a8a8a8;
}

.split.button span:before {
    top: 25px;
}
.split.button.secondary span:before {
    border-color: #A3A3A3 transparent transparent;
}
.split.button span {
    width: 54px;
	font-size:20px;
}
.LDprice{
	padding: 0 auto;
	margin: 0 auto;
	background:#42abec;}
.LDprice span{
	color: white;
	font-size: 23.94px;
	font-weight:200;}
.LDprice hr{
	color: rgba(0,204,255,.5);
   border-color:rgba(255,255,255,.2);
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;

    height: 0;
    margin: 15px 0 5px 0;
}
.LDCountry{
text-align: left;
color:#a8dcfd;
font-size:33.94px;
font-weight: 600;
margin: 0;}

.LDtitle{
float: left;
text-align: left;}

.LDcost{
float: right;
text-align: right;}
/*******************
Get Now : Div 5
*******************/
#getNow{
	min-height: 1180px;
		padding-top: 50px;
	margin: 0 auto;
	text-align:center;}
.billStop{
	font-size:45px;
	line-height:53px;
}
.stopCable p{
	margin-top:0;}
.stopCable{
	padding-bottom:15px;}

#getNow .getInfo p{
	font-weight:300;
	line-height:28px;}
.blueSpan{
	color:#3993cc;}

.getInfo{
	margin:0 auto;
	padding: 0px 130px;
	font-size: 21px;
	line-height:21px;
	font-weight:300;}

button.large.getTalkit, .button.large.getTalkit {
    padding-bottom: 20px;
    padding-top: 20px;
	font-size: 24px;
	margin-bottom:35px;
}

/*******************
Final : Div 6
*******************/
#final{
background: #b3b3b3; /*temp*/
background-image: linear-gradient(right , rgb(179,179,179) 44%, rgb(169,169,169) 65%);
background-image: -o-linear-gradient(right , rgb(179,179,179) 44%, rgb(169,169,169) 65%);
background-image: -moz-linear-gradient(right , rgb(179,179,179) 44%, rgb(169,169,169) 65%);
background-image: -webkit-linear-gradient(right , rgb(179,179,179) 44%, rgb(169,169,169) 65%);
background-image: -ms-linear-gradient(right , rgb(179,179,179) 44%, rgb(169,169,169) 65%);
background-image: -webkit-gradient(linear,right top,left top,color-stop(0.44, rgb(179,179,179)),color-stop(0.65, rgb(169,169,169)));
min-height: 440px;
}

#final .columns{
}
.finalPhone{
	width:100%;
	min-height:440px;
	background:url(../img/talkit-11.png)  top right no-repeat, #b3b3b3; }

.finalTitle{
	color: #f3f3f3;
    font-size: 53px;
	font-weight: 300;
	line-height:55px;
	padding-right:40px;
	padding-top:40px;
	margin-bottom: 10px;}
.finalTrue{
	color: #363636;
	font-weight:900;}
	
.large.button.orange.lastBtn{
    padding: 20px 10px;
	width:285px;
	height: 65px;
}
.large.button.blue.lastBtn{
    padding: 20px 40px;
	width:265px;
	height:65px;
}
.phoneFooter img{
	float: left;}
.finalAnn{
float:left;
	color:#6a6a6a;
	font-size:13px;
	text-align:left;
	padding-left:30px;
	padding-top:70px;
}

	
/*******************
	Footer
*******************/
#footer{
	padding-top:45px;
	padding-bottom:45px;
	background: #2a2a2a;}

.footerTitle{
	color:#9f9f9f;
	font-size: 26px;
	margin: 0;
	padding: 0;}
#footer li{
	color: #6a6a6a;
	list-style-type:none;
	font-size:16px;
	text-align:left;
	font-weight:200;
padding: 3px 0;
	line-height:16px;}
#footer li a{
	color:#6a6a6a;
	}
#footer li a:hover{
	color:white;}
#footer .columns{
}


#footer input{
	height:40px;
	margin-bottom: 5px; }
.button.small.joinNews{
	float: right;
	font-size:15px;
	margin-top:0;
	padding-left:10px;
	padding-right: 10px;
}
.finalFooter{
	padding-top:10px;}
.finalFooter img{
	float: left;
padding: 10px;}
.finalFooter span{
	position: relative;
	float:left;
	color: #6a6a6a;
	font-size:14px;
	line-height:30px;
	font-weight:200;
	margin: 0 auto;
	padding: 0 auto;
	padding-left:25px;
	margin-top:28px;
	}
.socMedia{
	padding-top:25px;
	float:right;}
/*************
*************/
form.custom div.custom.dropdown a.selector {
    display: block;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
}
form.custom div.custom.dropdown a.current {
    background-color: #FFFFFF;
    border-right: 3px solid #bbbbbb;
    color: #141414;
    display: block;
    line-height: 26px;
    min-height: 60px;
    padding: 10px;
	text-align:left;
    width: 88.5%;
}

form.custom .custom.dropdown {
   /* max-width: 600px;*/
}

form.custom .custom.dropdown:first-child {
    background: none repeat scroll 0 0 white;
    border: 1px solid #A8A8A8;
    box-shadow: none;
    display: block;
    font-size: 2em;
    height: 66px;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 100%;
}

form.custom .custom.dropdown {
    border: 2px #a8a8a8 solid;
	background: none repeat scroll 0 0 white;
    box-shadow: none;
    display: block;
    font-size: 2em;
    height: 68px;
    margin-bottom: 1.25em;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 100%;
}
form.custom .custom.dropdown {
    background: white;
    box-shadow: none;
    display: block;
	font-weight:200;
    font-size: 34px;
    height: 64px;
    margin-bottom: .5em;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 100%;
}
form.custom .custom {
    background: none repeat scroll 0 0 white;
    border: 1px solid #CCCCCC;
    display: inline-block;
    height: 16px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 60px;
}
form.custom .custom.dropdown .selector:after, form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after  {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #bbbbbb transparent transparent;
    border-image: none;
    border-style: solid inset inset;
    border-width: 10px;
    content: "";
    display: block;
    height: 0;
    left: 0.5em;
    margin-top: 3px;
    position: absolute;
    top: 50%;
    width: 0;
	cursor:pointer;
}
form.custom .custom.dropdown.open.medium ul {
      min-width: 530px;
}

form.custom .custom.dropdown ul {
    max-height: 300px;
    overflow: auto;
}

@media only screen and (max-width: 960px) {
	.getInfo{
	margin:0 auto;
	padding: 5px 20px;
	font-size: 22px;
	font-weight:200;}
	.container{
		width: 100%;}
	.LDbox{
		padding-left:10px;
		padding-right:10px;}
	
	#branding{
		padding-top:15px;
		margin:0 auto;
		width:100%;
		min-height: 250px;}
	#brandingNav{
		height: 200px;
		text-align:center;
		position: absolute;
		margin:0 auto;
		top: 132px;
		left:0;
		right:0;
		width: 100%;
		float:none;}
	#brandingNav .large-8{
		margin:0 auto;
		top:50%;
		left: 50%;
		right:auto;}
	#brandingNav .inline-list{
	margin: 0 auto;
	text-align:center;
	clear: both;}
	.accountLog .inline-list{
		left: 28%;
		margin-top: 5px;}
	.mainNav .inline-list{
		float: none;
		min-height: 180px;
		margin: 0 auto;
		position:relative;
		text-align:center;
		padding-left: 15%;
		padding-right:15%;
		width:auto;
		}
	.mainNav{
		width:100%;
	float: none;
	top: 45px;

}
	}
		
@media only screen and (max-width: 950px) {
.large.button.orange.getTalkit{
    margin-left: 0;
	font-size:120%;
    padding: 10px 30px;
    width: 90%;
}
	p, span{
		font-size:90%;}
	.container{
		width: 100%;}
		
	.planList{margin-bottom:40px;}
	.bannerText{
	font-size: 40px;
	line-height: 42px;
	color: #6f6f6f;
	padding-top:30px;
	padding-botom: 0;
	margin-bottom: 0;
	}
	.large.button.orange, .large.button.blue{
		font-size:20px; margin-left: 0;
		width:40%;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		}
	#branding{
		margin: 0 auto;
		text-align:center;}
	#getNow{
		min-height:900px;}}
@media only screen and (max-width: 835px) 
{
	
	.finalPhone{
	background:#b3b3b3;
	width:100%; }
	.large.button.orange, .large.button.blue{
		font-size:18px;
		padding-top:15px;
		padding-bottom: 15px;
		}
.mainNav .inline-list{
		text-align:center;
		padding-left: 12%;
		padding-right:0;
		}
		.finalTitle, .optBtns{
	text-align:center;
	padding-right: 0;}
}
@media only screen and (max-width: 835px) 
{
	
	#final .large-9{
		width:100%;}
	.finalTitle, .optBtns{
		width:100%;
	text-align:center;
	padding-right: 0;}
		.phoneFotter{
			width:28%;}
.phoneFooter img{
/*	clear: left;*/
	text-align:center;
	margin:0 auto;}
		
	.finalAnn{
		width: 60%;
	font-size:13px;
	text-align:center;
	padding-left:0px;
	padding-top:30px;
	}
}
@media only screen and (max-width: 800px) 
{
	.large.button.orange, .large.button.blue{

		padding-top:15px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom: 15px;
		width:45%;
		}
	.mainNav .inline-list{
		text-align:center;
		padding-left: 5%;
		padding-right:0;
		}
.finalTitle, .optBtns{
	text-align:center;
	padding-right: 0;}
		.phoneFotter{
			width:28%;}
.phoneFooter img{
/*	clear: left;*/
	text-align:center;
	margin:0 auto;}
		
	.finalAnn{
		width: 60%;
	font-size:13px;
	text-align:center;
	padding-left:0px;
	padding-top:30px;
	}

}
@media only screen and (max-width: 728px) 
{
	.LDsave{
		font-size: 40px;}
	.socMedia{padding-top:0;
	margin-top:-55px;}
	}

@media only screen and (max-width: 630px) 
{
	
.finalFooter{
	margin:0 auto;
	width: 100%;
	text-align:center;}
.socSmall{
	text-align:center;
	width:65%;
	float:none;
	margin: 0 auto;}
	.socMedia{
		float:none;
		text-align:center;
		margin: 0 auto;
		padding-top:5px;}
.phoneFooter{
	padding: 0 auto;
	margin: 0 auto;
	text-align:center;
	width:100%;}

/*.finalAnn{
	width:100%;
	color:6a6a6a;
	font-size:14px;
	text-align:center;
	float: right;
	padding-top:10px;
	padding-bottom: 70px;
}*/

	
	
	#longDist button, #longDist .button {
  font-size: 24px;
}

.mainNav .inline-list{
		text-align:center;
		padding-left: 0px;
		padding-right:0;
		}
	/*.accountLog .inline-list{
		position: relative;
		text-align:center;
		margin: 0 auto;
		display: block;}
	.mainNav .inline-list li{
		width:90%;}
.mainNav .inline-list .lightgry {
height:0px;
color: none;
}
*/

#getNow{
	margin:0 auto;
	text-align: center;}
#getNow .button{
	float:left;}
.large.button.orange, .large.button.blue{
		font-size:18px; margin-left: 0;
		width:40%;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		}
	}
@media only screen and (max-width: 380px) 
{
	.accountLog .inline-list li{
		width:100%;
		float: left;
		}
	.msgIcon, .accountLog .divider{
		height:1px;
		font-size:1px;}
	}