/* Basic Elements Start */

body {
	font-family: Arial, sans-serif;
	background: #f7f7f7;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0 auto;
	padding: 20px 10px 0 10px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: bold;
}

a { color: #333; }

a:hover, a:focus {
	text-decoration: none;
	color: #00a7bc;
}

p {
	font-family: Lato, Arial, sans-serif;
	font-size: 110%;
	letter-spacing: 0.03em;
	word-spacing: 0.1em;
	padding: 0;
	margin: 0;
}

.moreLink {
	font-size: 0.95em;
	text-align: right;
	font-weight: 700;
	display: block;
}

.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

footer { 
	margin-top: 20px;
	margin-bottom: 0;
	padding: 30px;
	color: #fff;
	background-color: #37bccd;
	font-family: Arial, sans-serif; 
	letter-spacing: 0.01em;
	text-align: center;
}

footer a { color: #fff; }

footer a:hover, footer a:focus {
	text-decoration: underline;
	color: #fff;
}

/* Basic Elements End */

/* Header and Navigation Start */

#logo { width: 250px; }

#globalNav {
	float: right;
	line-height: 2em;
	text-align: right;
	padding-right: 5px;
}

nav { 
	margin-top: 20px;
	margin-bottom: 0 !important; 
}

.navbar-brand { 
	font-weight: bold;
	display: none;
}

.navbar-brand, .navbar-default .navbar-toggle {
	color: #fff !important; 
	border-color: #fff !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #00a7bc; }

.icon-bar { background-color: #fff !important; }

#mainNavbar { border-top: none; }

nav ul li a { 
	color: #fff !important;
	width: 174px;
	text-align: center;
}

nav ul li a:hover,
nav ul li a:focus {
	background-image: none;
	background-color: #00a7bc !important;
}

nav .dropdown-menu li a:hover,
nav .dropdown-menu li a:focus {
	background-image: none;
	background-color: #37bccd !important;
}

#tabletTog { display: none !important; }

.navHome { width: auto; }

.container-fluid, .navbar-default, .navbar-header, .navbar-brand, .navbar-nav {
	background-color: #37bccd !important;
	border: 0px;
}

nav .dropdown-menu {
	background-color: #00a7bc !important;
	border: 0px;
}

nav .dropdown-menu li a {
	text-align: left;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: none;
    background-color: #00a7bc !important;
}

#selectedNav {
	background-color: #00a7bc !important;
	font-weight: bold;
}

/* Header and Navigation End */

/* Register and Login Start */

.regLogin {
	margin: 20px auto;
	width: 80%;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(136,136,136,1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(136,136,136,1);
	-ms-box-shadow: 1px 1px 3px 0px rgba(136,136,136,1);
	-o-box-shadow: 1px 1px 3px 0px rgba(136,136,136,1);
	box-shadow: 1px 1px 3px 0px rgba(136,136,136,1);
}

.regLogin h3 {
	text-align: center;
	margin-bottom: 10px;
}

.regLoginForm {
	margin: 0 auto;
	width: 80%;
}

.disclaimer {
	color: #666666;
	font-size: 90%;
}

.disclaimer a {
	color: #00a7bc;
	font-weight: 400 !important;
}

.disclaimer a:hover, .disclaimer a:focus, .disclaimer a:active { text-decoration: underline; }

.g-recaptcha, #regLoginSubmit {
	display: block;
	margin: 0 auto;
	width: 302px;
}

.regLoginForm .error { margin-bottom: 0; }

.regLoginConfirm {
	width: 85%;
	margin: 0 auto;
}

.regLoginConfirm ul li { margin-bottom: 10px; }

/* Register and Login End */

/* Hero Banner and Content Start */

#homePageHeroBanner1 { background-image: url('../img/cover/home-hero-man1.png'); }

#aboutPageHeroBanner {
	background-image: url('../img/cover/lower-hero-hand.png');
	background-position: center bottom;
}

#instrPageHeroBanner { 
	background-image: url('../img/cover/lower-hero-computer.png');
	background-position: right bottom;
}

#accessPageHeroBanner { 
	background-image: url('../img/cover/lower-hero-tower.png');
	background-position: left bottom;
}

#supportPageHeroBanner { 
	background-image: url('../img/cover/lower-hero-help.png');
	background-position: left bottom;
}

.heroBanner {
	background-size: cover;
	height: 345px;
}

.lowerBanner {
	background-size: cover;
	height: 260px;
}

.bannerHeader {
	color: #fff;
	padding: 30px 0 0 30px;
}

.bannerContent {
	color: #fff;
	margin-left: 30px;
	width: 40%;
}

.bannerContent p { 
	margin: 0 0 10px 0;
}

.lowerBanner .bannerContent p { margin-bottom: 30px; }

.bannerContent a { color: #fff; }

.bannerContent a:hover, .bannerContent a:focus { color: #00a7bc; }

.bannerContent .moreLink {
	padding-right: 5px;
	margin-bottom: 20px;
}

.btnSpace {
	display: inline-block; 
	width: 8%;
}

.buyBtn, .tryBtn {
	width: 45%;
	font-weight: bold;
}

.buyBtn, .submitBtn {
	color: #fff;
	background: #37bccd;
	background-image: -webkit-linear-gradient(top, #37bccd, #00a7bc);
	background-image: -moz-linear-gradient(top, #37bccd, #00a7bc);
	background-image: -ms-linear-gradient(top, #37bccd, #00a7bc);
	background-image: -o-linear-gradient(top, #37bccd, #00a7bc);
	background-image: linear-gradient(to bottom, #37bccd, #00a7bc);
}

.buyBtn:hover, .buyBtn:focus,
.submitBtn:hover, .submitBtn:focus {
	color: #fff;
	background-image: -webkit-linear-gradient(top, #37bccd, #27b4c8);
	background-image: -moz-linear-gradient(top, #37bccd, #27b4c8);
	background-image: -ms-linear-gradient(top, #37bccd, #27b4c8);
	background-image: -o-linear-gradient(top, #37bccd, #27b4c8);
	background-image: linear-gradient(to bottom, #37bccd, #27b4c8);
}

.buyBtn:active, .submitBtn:active {
	color: #fff;
	background-image: -webkit-linear-gradient(top, #00a7bc, #37bccd);
	background-image: -moz-linear-gradient(top, #00a7bc, #37bccd);
	background-image: -ms-linear-gradient(top, #00a7bc, #37bccd);
	background-image: -o-linear-gradient(top, #00a7bc, #37bccd);
	background-image: linear-gradient(to bottom, #00a7bc, #37bccd);
}

.tryBtn {
	background-image: -webkit-linear-gradient(top, #f4a62a, #f0812b);
	background-image: -moz-linear-gradient(top, #f4a62a, #f0812b);
	background-image: -ms-linear-gradient(top, #f4a62a, #f0812b);
	background-image: -o-linear-gradient(top, #f4a62a, #f0812b);
	background-image: linear-gradient(to bottom, #f4a62a, #f0812b);
}

.tryBtn:hover, .tryBtn:focus {
	color: #fff;
	background-image: -webkit-linear-gradient(top, #f4a62a, #e99A26);
	background-image: -moz-linear-gradient(top, #f4a62a, #e99A26);
	background-image: -ms-linear-gradient(top, #f4a62a, #e99A26);
	background-image: -o-linear-gradient(top, #f4a62a, #e99A26);
	background-image: linear-gradient(to bottom, #f4a62a, #e99A26);
}

.tryBtn:active {
	color: #fff;
	background-image: -webkit-linear-gradient(top, #f0812b, #f4a62a);
	background-image: -moz-linear-gradient(top, #f0812b, #f4a62a);
	background-image: -ms-linear-gradient(top, #f0812b, #f4a62a);
	background-image: -o-linear-gradient(top, #f0812b, #f4a62a);
	background-image: linear-gradient(to bottom, #f0812b, #f4a62a);
}

/* Hero Banner and Content End */

/* Content and Lower Navigation Start */

.contentBox {
	position: relative;
	background-color: #fff;
	border: 1px solid #ebebeb;
	margin-top: 20px;
	padding: 30px;
}

.contentBox .moreLink { margin-top: 10px; }

.contentBox a { font-weight: 700; }

.centerTxt { 
	text-align: center;
	padding: 0 40px;
}

.leftImg {
	margin-right: 30px;
	float: left;
}

.rightTxt { margin-bottom: 20px; }

.moreLinkPos {
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.lowerPageNav {
	font-size: 115%;
	width: 22%;
	float: left;
}

.lowerPageNav .contentBox { padding-bottom: 10px; }

.lowerPageNav ul {
	list-style-type: none;
	list-style-position: inside;
	padding-left: 0;
}

.lowerPageNav a {
	font-weight: 400;
	display: block;
	margin-bottom: 20px;
}

.selectedLowerNav {
	color: #00a7bc !important;
	font-weight: bold !important;
}

.lowerPageNavMobile {
	display: none;
}

.lowerPageContent {
	width: 76%;
	float: right;
}

.lowerPageNavMobile button {
	color: #333;
	background-color: #fff;
	border: 1px solid #ebebeb;
	font-size: 110%;
	font-weight: bold;
}

.lowerPageNavMobile button:hover,
.lowerPageNavMobile button:focus { color: #00a7bc; }

.lowerPageNavMobile button:active {
	color: #00a7bc;
	background-color: #f5f5f5;
}

.lowerHeader { text-align: center; }

.fullImg {
	width: 100%;
	margin-bottom: 20px;
}

.lowerPageContent .leftImg { width: 45%; }

/* Content and Lower Navigation End */

/* Access Number Forms Start */

input[type='radio'] { display: none; }

label.btn {
	color: #37bccd;
	background-color: #fff;
	border: 1px solid #37bccd;
}

label.btn:hover,
label.btn:focus {
	color: #fff !important;
	border: 1px solid #00a7bc !important;
	background-color: #00a7bc !important;
}

input[type='radio']:checked + label, .selectedLabel {
	color: #fff !important;
	border: 1px solid #00a7bc;
	background-color: #00a7bc;
}

.formLeftCol, .formRightCol {
	width: 48%;
	height: 100px;
}

.fullForm { width: 50% }

.formLeftCol { display: inline-block; }

.formRightCol, #stateList, #provList, #stateSubmitBtn { display: none; }

select, input[type='text'], input[type='password'] { font-size: 110% !important; }

select[name='state'], select[name='prov'] {
	display: inline !important;
	height: 40px !important;
	width: 75% !important;
}

#areacodeInput { width: 74%; }

input[name='areacode'] {
	display: inline !important;
	height: 40px;
	width: 70%;
}

#areaSubmitBtn {
	display: inline !important;
	width: 24%; }

#noResultBox {
	width: 75%;
	margin: 0 auto;
	margin-top: 20px;
}

td { vertical-align: middle !important; }

.noResult {
	margin-bottom: 10px;
	font-size: 110%;
}

.noResult .phoneNum { font-weight: bold; }

.phoneNum {
	pointer-events: none;
	cursor: default;
}

.phoneIcon {
	display: none;
	margin-right: 5px;
}

.error {
	display: block;
	color: red;
	font-weight: bold;
	margin-bottom: 5px;
}

.tollfreeLeft, .tollfreeRight { width: 48%; }

.tollfreeLeft { float: left; }

.tollfreeRight { float: right; }

/* Access Number Forms End */

/* Support & FAQs Start */

#faqList { 
	padding-left: 15px !important;
	margin-top: -10px;
	margin-bottom: 0 !important;
}

.faq li {
	font-family: Lato, Arial, sans-serif;
	font-size: 110%;
	letter-spacing: 0.05em;
	padding: 0;
	margin: 0;
}

#faqList li { padding-top: 10px; }

#faqList li a { font-weight: 400; }

#faqList li:hover, .faq li:focus {
	text-decoration: none;
	color: #00a7bc;
}

#faqContent {
	list-style-position: inside;
	padding-left: 0 !important;
}

#faqContent li { font-weight: bold; }

.faqAns {
	font-weight: normal;
	position: relative;
	padding-bottom: 35px;
}

.faqAns a { font-weight: bold; }

.faqTopLink {
	position: absolute;
	font-family: Arial, sans-serif !important;
	font-size: 90%;
	letter-spacing: 0;
	bottom: 0;
	right: 0;
}

/* Support & FAQs End */

/* Contact Form Start */

.contact input[type='text'], .contact select { width: 90%; }

#contactFormRightCol {
	display: inline-block !important;
	float: right;
}

textarea {
	width: 95%;
	height: 150px;
	font-size: 1.175em;
	padding: 7px 10px 7px 15px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact .error { margin-bottom: 0; }

.required {
	font-weight: 900;
	color: red;
}

/* Contact Form End */

/* Account Start */

.balance {
	color: #00a7bc;
	font-size: 400%;
	font-weight: 700;
}

.pin {
	display: inline-block;
	font-size: 150%;
	font-weight: 700;
	margin: 10px 0;
}

.leftCol {
	float: left;
	width: 48%;
}

.rightCol {
	float: right;
	width: 48%;
}

.accountBtn {
	font-size: 120%;
	width: 30%;
	padding: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #37bccd;
	color: #37bccd;
}

.accountBtn:hover, .accountBtn:focus, .accountBtn:active,
#addNumBtn:hover, #addNumBtn:focus, #addNumBtn:active {
	color: #fff;
	background-color: #00a7bc;
	border-color: #00a7bc;;
}

.accountForm .g-recaptcha { margin: 0 !important; }

.formLabel {
	display: block;
	margin-bottom: 10px;
}

#checkout { cursor: pointer; }

#numberBox {
	display: inline-block;
	width: 55%;
	vertical-align: middle;
	margin-right: 10px;
}

#addNumBtn {
	height: 34px;
	font-size: 105%;
	border: 1px solid #37bccd;
	background-color: #fff;
	color: #37bccd;
}

#pinlessLabel { margin-top: 20px; }

.glyphicon-remove { cursor: pointer; }

#numList {
	margin-top: 5px;
	padding: 0;
	list-style-type: none;
}

#numList li {
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 105%;
}

.numItem {
	line-height: 1.2em;
	background-color: #00a7bc;
	color: #fff;
	padding: 8px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
}

.numItem input[type='checkbox'] { display: none; }

#placeholder { height: 44px; }

.key { 
	margin-right: 5px;
	margin-bottom: 15px;
}

.speeddial {
	width: 77.5%;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 15px
}

/* Account End */

/* Site Documents Start */

.siteDoc {
	font-size: 90%;
	margin: 20px auto;
	width: 80%;
}

.siteDoc h3 { text-align: center; }

.siteDoc h3, .siteDoc h4, .siteDoc p {
	font-family: Lora, serif !important;
	margin: 20px 0;
}

.siteDoc h4 { padding-top: 10px; }

.siteDoc .listItems p { margin: 0 0 0 20px; }

.siteDoc a { font-weight: bold; }

/* Site Documents End */

/* Media Queries Start */

@media (min-width: 1080px) {
	#wrapper { width: 1080px; }
	#tabletNav { display: block !important; }
	#abouthaiwaitel, #aboutBox { height: 326px; }
	#accessnumbers, #findAccessBox { min-height: 171px; }
	#confirmBox { max-height: 213px; }
	#resultList { margin-top: 20px; }
	#myaccount { min-height: 429px; }
	#accountInfoBox { max-height: 429px; }
}

@media (max-width: 1079px) {
	#tabletNav { display: none; }
	#tabletTog { display: block !important; }
	#tabletTog a { width: auto; }
	.bannerContent { width: 55%; }
	.lowerPageNav { 
		width: 26%;
		font-size: 102%;
	}
	.lowerPageNav .contentBox {
		padding-right: 15px;
		padding-left: 30px;
	}
	.lowerPageContent { width: 72%; }
	#findAccessBox { min-height: 182px; }
	#confirmBox { max-height: 203px; }
	.leftImg { margin-bottom: 10px; }
	.formLeftCol, .formRightCol {
		width: 75%;
		height: 100px;
		margin-bottom: 20px;
	}
	.fullForm {
		width: 75%;
		margin-bottom: 20px;
	}
	#noResultBox {
		width: 100%;
		margin-top: 0;
	}
	#contactFormRightCol { float: none; }
	textarea { width: 67.5%; }
	.accountBtn {
		width: 45%;
		font-size: 110%;
	}
}

@media (max-width: 767px) { 
	p, .faq { font-size: 95%; }
	nav { margin-top: 15px; }
	nav ul li a { 
		width: 100%;
		text-align: left;
	}
	#logo { width: 180px; }
	#globalNav { 
		font-size: 95%;
		line-height: 1.4em;
	}
	.navbar-brand { display: inline-block; }
	#fixedNav { margin-bottom: 0 !important; }
	#tabletTog { display: none !important; }
	#tabletNav { 
		display: block !important;
		margin-top: 0 !important;
	}
	.heroBanner {
		height: 300px;
		background-position: center bottom;
	}
	.lowerBanner { height: 220px; }
	#accessPageHeroBanner { background-position: center bottom; }
	#supportPageHeroBanner { background-position: center bottom; }
	.bannerHeader { 
		padding: 15px 0 0 15px; 
		font-size: 2em;
	}
	.bannerContent {
		margin: 15px;
		width: 70%;
	}
	.buyBtn, .tryBtn { width: 44.5%; }
	#findAccessBox { min-height: initial; }
	#confirmBox { max-height: initial; }
	.bannerContent .moreLink { margin-top: 10px; }
	.leftImg {
		width: 50%;
		margin-bottom: 5px;
	}
	.moreLinkPos { position: static; }
	.mobileBr { display: block; }
	.lowerPageNav { display: none; }
	.lowerPageContent {
		float: none;
		width: 100%;
	}
	.lowerPageNavMobile {
		padding-top: 20px;
		display: block;
	}
	.lowerPageNavMobile button,
	.lowerPageNavMobile .dropdown-menu { 
		color: #00a7bc;
		width: 100%;
	}
	.formLeftCol, .formRightCol {
		width: 100%;
		height: 100px;
	}
	.fullForm { width: 100% }
	.phoneNum {
		color: #fff;
		background: #37bccd;
		background-image: -webkit-linear-gradient(top, #37bccd, #00a7bc);
		background-image: -moz-linear-gradient(top, #37bccd, #00a7bc);
		background-image: -ms-linear-gradient(top, #37bccd, #00a7bc);
		background-image: -o-linear-gradient(top, #37bccd, #00a7bc);
		background-image: linear-gradient(to bottom, #37bccd, #00a7bc);
		display: inline-block;
		pointer-events: auto;
		cursor: pointer;
		background-position: left;
		padding: 7px 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.phoneNum:hover, .phoneNum:focus {
		color: #fff;
		background-image: -webkit-linear-gradient(top, #37bccd, #27b4c8);
		background-image: -moz-linear-gradient(top, #37bccd, #27b4c8);
		background-image: -ms-linear-gradient(top, #37bccd, #27b4c8);
		background-image: -o-linear-gradient(top, #37bccd, #27b4c8);
		background-image: linear-gradient(to bottom, #37bccd, #27b4c8);
	}
	.phoneNum:active {
		color: #fff;
		background: #00a7bc;
		background-image: -webkit-linear-gradient(top, #00a7bc, #37bccd);
		background-image: -moz-linear-gradient(top, #00a7bc, #37bccd);
		background-image: -ms-linear-gradient(top, #00a7bc, #37bccd);
		background-image: -o-linear-gradient(top, #00a7bc, #37bccd);
		background-image: linear-gradient(to bottom, #00a7bc, #37bccd);
	}
	.noResult .phoneNum { margin: 3px 5px 0 0; }
	.phoneIcon { display: inline; }
	.tollfreeLeft, .tollfreeRight { 
		float: none;
		width: 100%;
	}
	.tollfreeLeft { 
		margin-bottom: 30px;
	}
	.tollfreeLeft .phoneNum, .tollfreeRight .phoneNum {
		display: block;
		margin: 0 auto;
		width: 57.5%;
		text-align: center;
	}
	.tollfreeLeft .noResult, .tollfreeRight .noResult { text-align: center; }
	textarea { width: 90%; }
	.contentBox.siteDoc, .contentBox.regLogin {
		margin: 15px 0;
		padding: 10px 15px;
		width: auto;
	}
	/*.siteDoc { width: 100%; }*/
	.accountForm { width: 100%; }
}

@media (max-width: 479px) {
	nav { margin-top: 10px; }
	p, .faq {	
		letter-spacing: 0.02em;
		font-size: 90%;
	}
	.noResult { font-size: 97.5%; }
	h3 {
		font-size: 1.4em;
		margin-bottom: 15px;
		text-align: center;
	}
	h4 { font-size: 1.3em; }
	footer { 
		font-size: 85%;
		padding: 15px;
		letter-spacing: 0.005em;
	}
	#logo { padding-left: 10px; }
	#globalNav { padding-right: 10px; }
	#wrapper { padding: 10px 0; }
	.heroBanner { height: 260px; }
	.lowerBanner { height: 200px; }
	.bannerHeader { 
		margin-bottom: 15px;
		padding: 15px 0 0 10px;
		font-size: 1.525em;
	}
	.bannerContent {
		width: 100%;
		margin: 0;
		padding: 0 10px;
	}
	.contentBox {
		margin-left: 10px;
		margin-right: 10px;
		padding: 15px;
	}
	.centerTxt { 
		text-align: left;
		padding: 0; 
	}
	.leftImg {
		width: 100%;
		margin-bottom: 15px;
	}
	.lowerPageNavMobile {  margin: 0 10px; }
	.lowerPageNavMobile button,
	.lowerPageContent .leftImg { width: 100%; }
	select[name='state'], select[name='prov'] { width: 64% !important; }
	.contact input[type='text'], .contact select, .contact textarea { width: 100%; }
	.contentBox.siteDoc, .contentBox.regLogin {
		margin: 15px 10px;
		padding: 10px;
	}
	.regLoginForm, #regLoginSubmit { width: 100% }
	.leftCol, .rightCol, .accountInfo .disclaimer {
		float: none;
		width: 100%;
		text-align: center;
	}
	.balance { margin-bottom: 15px; }
	.accountBtn {
		width: 100%;
		margin-right: 0;
	}
	.g-recaptcha {
		transform: scale(0.91447368);
		-webkit-transform: scale(0.91447368);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}.numItem {
		font-size: 85%;
	}
	#numberBox {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.keySet { display: block; }
}

/* Media Queries End