/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
/* */

/** Fonts */
@font-face {
    font-family: 'din-light';
    src: local('☺︎');
    src: url('../fonts/din-light-webfont.eot');
    src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-light-webfont.woff2') format('woff2'),
         url('../fonts/din-light-webfont.woff') format('woff'),
         url('../fonts/din-light-webfont.ttf') format('truetype'),
         url('../fonts/din-light-webfont.svg#din-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din-condensed';
    src: local('☺︎');
    src: url('../fonts/din-condensed-webfont.eot');
    src: url('../fonts/din-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-condensed-webfont.woff2') format('woff2'),
         url('../fonts/din-condensed-webfont.woff') format('woff'),
         url('../fonts/din-condensed-webfont.ttf') format('truetype'),
         url('../fonts/din-condensed-webfont.svg#dincond-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din-bold';
    src: local('☺︎');
    src: url('../fonts/din-bold-webfont.eot');
    src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-bold-webfont.woff2') format('woff2'),
         url('../fonts/din-bold-webfont.woff') format('woff'),
         url('../fonts/din-bold-webfont.ttf') format('truetype'),
         url('../fonts/din-bold-webfont.svg#din-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Alternate';
    src: url('../fonts/dinlightregular-webfont.woff2') format('woff2'),
         url('../fonts/dinlightregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
    font-family: 'DIN Alternate';
    src: local('☺︎');
    src: url('../fonts/DINAlternate-Bold.eot');
    src: url('../fonts/DINAlternate-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DINAlternate-Bold.woff') format('woff'),
    url('../fonts/DINAlternate-Bold.ttf') format('truetype'),
    url('../fonts/DINAlternate-Bold.svg#DIN-Alternate') format('svg');
    font-weight: bold;
    font-style: normal;
}*/
@font-face {
    font-family: 'DIN Condensed';
    src: local('☺︎');
    src: url('../fonts/DINCondensed-Bold.eot');
    src: url('../fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/DINCondensed-Bold.woff') format('woff'),
    url('../fonts/DINCondensed-Bold.ttf') format('truetype'),
    url('../fonts/DINCondensed-Bold.svg#DIN-Alternate') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
	font-family: 'din-light', sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.7em;
	color: #000000;
	box-sizing: border-box;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
button {
    display: inline-block;
    margin: 0;
    border: none;
    background: none;
}
button:focus {outline:0;}
input, select {
	font-family: 'din-light', sans-serif;
	font-weight: normal;
	line-height: 1.6em;
}
input[type="checkbox"], input[type="radio"] {
	border: 1px solid #A4AAB3;
	width: 20px;
	height: 20px;
	border-radius: 0%;
	-webkit-appearance: none;
	margin: 0 5px -3px 0;
	position: relative;
	line-height: 20px;
	vertical-align: sub;
}
input[type="checkbox"]:after, input[type="radio"]:after {
	color: #ffffff;
	font-size: 12px;
	font-family: 'FontAwesome';
	line-height: 20px;
	text-align: center;
	display: block;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
	background-color: #EC008C;
	border-color: #EC008C;
}
input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
	content: '\f00c';
	color: #ffffff;
	font-size: 12px;
	font-family: 'FontAwesome';
	line-height: 20px;
	text-align: center;
	display: block;
}
h1, h2, h3, h3 {
	font-family: 'DIN Alternate', sans-serif;
	line-height: 1.4em;
	margin: 0.5em 0;
}
.page-sitemap {
	margin: 1em 0;
}
.page-sitemap .sitemap-block {
	display: inline-block;
	vertical-align: top;
	width: 33%;
}
.page-sitemap ul {
	margin: 2em 0;
}
.page-sitemap ul a {
	font-family: 'DIN Alternate', sans-serif;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 24px;
}
a {
	color: #EC008C;
	font-family: 'DIN Alternate', sans-serif;
}
strong, b {
	font-family: 'DIN-bold', sans-serif;
}
.page-login .footer {
	position: absolute;
}
.footer {
	color: #A4AAB3;
	border-top: 1px solid #E6E6E7;
	overflow: hidden;
	height: 56px;
	bottom:0;
	width: 100%;
	left: 0;
	background-color: #fff;
}
.footer .copyright {
	float: left;
	padding: 1em 2em;
}
.page-login .footer .footer-links {
	margin-right: 0px;
}
.footer .footer-links {
	float: right;
	text-align: right;
	margin-right: 0px;
	padding: 1em 2em;
}
.footer .footer-links a {
	color: #A4AAB3;
	margin: 0 4px;
}
.footer .footer-links a:last-child {
	margin-right: 0px;
}
.messenger {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: transparent url(../images/messenger-only.png) left center no-repeat;
	width: 160px;
	height: 100%;
	z-index: 10;
	cursor: pointer;
}
#custom_fc_button {
	right:0 !important;
}
.page-login-wrapper {
	overflow: hidden;
}
.login-section {
	margin: 1em 0;
	max-width: 330px;
	display: inline-block;
}
.login-section .logo {
	margin-bottom: 3em;
}
.login-section h2 {
	text-transform: uppercase;
	color: #1A1919;
	font-size: 20px;
}
.login-logo {
	margin-bottom: 2em;
	margin-top: 2em;
	text-align: left;
	margin-left: 2em;
}
.login-logo img {
	max-width: 180px;
}
.login-section h1 {
	margin-top: 0px;
}
.page-login-wrapper .col-left, .page-login-wrapper .col-right {
	overflow: hidden;
}
.page-login-wrapper .col-left {
	width: 35%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	height: 95vh;
	float: left;
}
.page-login-wrapper .col-right {
	width: 64.9%;
	float: right;
	height: 95vh;
	border-left: 1px solid #DEDEDE;
}
.form-intro p {
	margin: 1em 0;
}
.login-section form {
	width: 300px;
	margin: 0 auto;
}
.col-right .col-right-top {
	display: block;
	height: 60vh;
	position: relative;
}
.col-right .col-right-bottom {
	display: block;
	height: 40vh;
	position: relative;
}
.section-title {
	margin: 1em 0 2em;
}
.login-section .section-title {
	margin-top: 0px;
}
.title {
	font-family: 'DIN Condensed', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	color: #1A1919;
	font-weight: bold;
	line-height: 1em;
}
.title .desc {
	font-size: 16px;
	font-family: 'din-light', sans-serif;
	font-weight: normal;
	line-height: 1.6em;
	text-transform: none;
	letter-spacing: 0px;
	margin-top: 0.5em;
}
.title:after {
	content:' ';
	border-bottom: 2px solid #EC008C;
	width: 100%;
	display: block;
	width: 70px;
	margin: 5px auto 0;
}
.sub-title {
	font-family: 'DIN Condensed', sans-serif;
	font-size:25px !important;
}
p, .form-intro {
	margin: 1em 0 2em;
}
.form-intro {
	margin: 1em 2em 2em;
}
p a, .form-intro a {
	font-family: 'din-bold', sans-serif;
	color: #EC008C;
	text-decoration: underline;
}
form .form-row {
	margin: 10px 0;
	position: relative;
}
form .form-row.left {
	text-align: left;
}
form .form-row.submit {
	margin-top: 2em;
}
form input[type="text"], form input[type="password"], 
.form-section input[type="text"], .form-section input[type="password"] {
	border: 1px solid #A4AAB3;
	padding: 0.7em 1em;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0px;
	-webkit-appearance: none;
}
.form-section input[type="text"], .form-section input[type="password"] {
	width: 80%;
	font-size: 14px;
}
form input[type="checkbox"] {
	border: 1px solid #A4AAB3;
	height: 14px;
	width: 14px;
	border-radius: 0px;
	border: 1px solid #A4AAB3;
    width: 20px;
    height: 20px;
    border-radius: 0%;
    -webkit-appearance: none;
    line-height: 1em;
    margin: 0 5px -3px 0;
    position: relative;
    line-height: 20px;
    vertical-align: middle;
}
form input[type="button"], form input[type="submit"], .button {
	padding: 0.3em 1em;
	font-family: 'din-condensed', sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0px;
	-webkit-appearance: none;
	border: 1px solid #EC008C;
	background-color: #EC008C;
	color: #ffffff;
	text-align: center;
}
.button {
	cursor: pointer;
	white-space: nowrap;
}
.button-full {
	display: block;
	line-height: 1em;
	padding: 0.5em 0.5em !important;
	font-size: 26px;
}
.button.wide {
	padding: 0.3em 3em !important;
}
.button.small {
	font-size: 17px !important;
	line-height: 1em;
	padding: 0.5em 1.5em;
	display: inline-block;
	width: auto;
	font-weight: normal;
}
.button.mini {
	font-size: 14px !important;
	font-weight: normal;
}
.button.supermini {
	font-size: 14px !important;
	font-weight: normal;
	padding: 0 1em;
}
.button.dark {
	background-color: #1A1919;
	border-color: #1A1919;
}
.button.text-button {
	text-transform: none;
	background-color: transparent;
	border: 0px;
	font-size: 16px;
	color: #EC008C;
	font-family: 'din-light', sans-serif;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
form label {
	font-family: 'din-bold', sans-serif;
	vertical-align: middle;
}
form .form-row.tnc {
	margin-top: 1.5em;
}
form .form-row.tnc a {
	text-decoration: underline;
}
form .form-row.tnc input {
	float: left;
	margin-bottom: 3em;
	margin-right: 1em;
}
form .form-row.tnc label {
	font-family: 'din-light', sans-serif;
	font-size: 13px;
	vertical-align: top;
}
form .form-row.tnc label a {
	font-family: 'din-bold', sans-serif;
}
form input[type="text"]::placeholder,
form input[type="password"]::placeholder {
	color: #A4AAB3;
	font-family: 'din-condensed', sans-serif;
	font-size: 18px;
}
.toggle-password {
	position: absolute;
	right: 5%;
	top: 1em;
	z-index: 2;
	color: #EC008C;
	cursor: pointer;
}
.form-links {
	margin-top: 2em;
	font-size: 14px;
}
.form-links a {
	text-decoration: underline;
}
.login-promo-banner {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(../images/login-promo-banner.jpg) center center no-repeat;
	background-size: cover;
}
.login-banner {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ff008a url(../images/login-page-bg.png) center bottom no-repeat;
	background-size: contain;
}
#download-app-section .section-table {
	background-color:#a90067;
	height: 100%;
}
#download-app-section .section-table-cell {
	vertical-align: bottom;
}
#download-app-section .download-app-content {
	margin-bottom: 50px;
}
.download-app-links, .download-visual {
	display: inline-block;
	vertical-align: middle;
}
.download-app-links {
	text-align: left;
	margin-left: -30px;
}
.download-app-links p, .download-app-links h2 {
	color: #fff;
	margin: 0;
	line-height: 1.25em;
}
.download-app-links p {
	padding-bottom: 15px;
}
@media (max-width:1000px) {
#download-app-section .download-app-content {
	margin-bottom: 30px;
}
}
@media (max-width:984px) {
#download-app-section .download-app-content {
	margin-bottom: -7px;
}
}
@media (max-width:767px) {
.download-app-links {
	position: absolute;
	top: 30px;
	width: 100%;
	left: 0;
	margin-left: 0px;
	text-align: center;
}
#download-app-section .download-app-content {
	padding-top: 150px;
}
}
.smartappbanner {
	display: none;
}
@media (max-width:767px) {
.smartappbanner {
	display: block;
	background-color: #f2f2f2;
	padding: 7px 15px;
	border-bottom: 1px solid #aaaaaa;
}
.smartapplogo, .smartapptitle, .smartapplink {
	vertical-align: middle;
	display: inline-block;
}
.smartapplogo {
	padding: 0px 20px 0px 0px;
}
.smartapptitle {
}
.smartapptitle h3 {
	margin: 0px;
	font-size: 17px;
	line-height: 1.25em;
}
.smartapptitle p {
	margin: 0px;
	line-height: 1em;
}
.smartapplink {
	float: right;
	margin-top:20px;
}
.smartapplink a {
	color: #0080dc;
	font-size:17px;
}
}
.input-row-3 {
	width: 26.2% !important;
}
@media (max-width:767px) {
	.input-row-3 {
		width:80%;
	}
}
.pay-bills-section {
	text-align: center;
	max-width: 560px;
	margin: 4em auto;
	padding: 1em;
}
.pay-bills-section .title {
	font-size: 42px;
}
.pay-bills-section input[type="text"] {
	padding-left: 48px;
	display: inline-block;
	width: 80%;
	vertical-align: middle;
	border-color: #DEDEDE;
}
.pay-bills-section input[type="submit"] {
	display: inline-block;
	width: auto;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align: middle;
}
.form-row .textbox-icon {
	position: absolute;
	left: 5%;
	top: 25%;
	z-index: 2;	
	font-size: 20px;
}
.section-table {
	display: table;
	height: 87%;
	width: 100%;
}
.section-table-cell {
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
.col-full .login-section {
	max-width: 360px;
	margin-top: 12vh;
	margin-bottom: 12vh;
}
.col-full.full-height {
	height: 80vh;
}
.page .header {
	padding-top: 14px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E6E6E7;
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	z-index: 1040;
	height: 45px;
}
.page .content {
	padding-top: 59px;
}
.page .header .logo {
	background: transparent url(../images/time-logo-menu.png) center center no-repeat;
	width: 122px;
	height: 22px;
	float: left;
}
.limit-width {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.lines-button {
  padding: 0px;
  height: 30px;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  float: right;
  display: none;
  margin-left: 2em;
  margin-top: 2px;
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 30px;
  height: 3px;
  background: #EC008C;
  transition: 0.3s;
  position: relative;
  margin-bottom: 9px;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 30px;
  height: 3px;
  background: #EC008C;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}
.lines:before {
  top: 7px;
}
.lines:after {
  top: -7px;
}

.lines-button.open {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.x.open .lines {
  background: transparent;
}
.lines-button.x.open .lines:before, .lines-button.x.open .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 40px;
}
.lines-button.x.open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.header .menu {
	margin: 5px auto;
	width: 70%;
}
.header .menu ul {
	text-align: center;
}
.header .menu ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0.9em;
}
.header .menu ul li:nth-child(5) {
	display:none;
}
.header .menu ul li a {
	color: #A4AAB3;
	font-family: 'din-condensed', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}
.header .menu ul li.current a,
.header .menu ul li a:hover {
	color: #EC008C;
}
.menu-notification {
	float: right;
	margin-top: -10px;
	padding: 10px 3px;
	margin-right: 15px;
	font-size: 22px;
	position: relative;
	cursor: pointer;
}
@media (max-width:767px) {
.menu-notification {
	margin-right: 10px;
}
}
.menu-notification .counter {
    position: absolute;
	font-weight: bold;
	display: inline-block;
	min-width: 3px;
	min-height: 3px;
	padding: 3px 3px 3px;
	background-color: red;
	color: #fff;
	text-align: center;
	font-size: 0px;
	line-height: 1;
	top: 7px;
	right: -1%;
	border-radius: 100%;
	border: 2px solid #fff;
}
.notification-center { 
	position: fixed;
	top: 0px;
	right: -320px;
	padding: 20px 0px;
	background-color: #fff;
	width: 280px;
	height: 100%;
	border-left: 1px solid #ccc;
	font-size: 13px;
	transition:0.3s;
}
.notification-center.open {
	right: 0px;
	transition:0.3s;
}
.notification-center.notification-vertical { 
	position: relative;
	top: 0px;
	right: 0;
	padding: 0px 0px;
	background-color: #fff;
	width: 280px;
	max-height: 0px;
	border: 0px solid #E6E6E7;
	border-top: 1px solid #fff;
	font-size: 13px;
	transition: 0.3s;
	z-index: -1;
	overflow: hidden;
	float: right;
	clear: both;
}
.notification-vertical.open {
	transition: 0.3s;
	max-height: 500px;
	border: 1px solid #E6E6E7;
	border-top: 1px solid #fff;
}
.notification-vertical .notification-close {
	display: none;
}
.notification-center h2 {
	text-align: center;
	font-size: 17px;
}
.notification-center ul {
	line-height: 1;
}
.notification-center ul li {
	padding: 15px 0px 10px;
	border-bottom: 1px solid #ccc;
}
.notification-vertical .scrollbar {
	float: left;
	height: auto;
	width: 100%;
	overflow-y: auto;
	max-height: 400px;
}
@media (max-width:767px) {
.notification-center.notification-vertical { 
	position: absolute;
	top: 63px;
}
}
.scrollbar {
	float: left;
	height: 85vh;
	width: 100%;
	overflow-y: auto;
	margin-bottom: 0px;
}
#scrollbar-style::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
}

#scrollbar-style::-webkit-scrollbar
{
	width: 6px;
	background-color: #ccc;
}

#scrollbar-style::-webkit-scrollbar-thumb
{
	background-color: #E6E6E7;
}
.notification-center a {
	display: block;
	padding: 5px 20px;
}
.notification-center ul li:hover {
	background-color:#F1F1F1;
	transition: 0.3s;
}
.notification-close {
	position: absolute;
	left: 10px;
	top:20px;
	display: inline-block;
	padding: 10px;
	cursor: pointer;
}
.notification-title {
	position: relative;
	display: block;
	padding: 0px 20px;
	font-size: 13px;
	color: #A4AAB3;
	font-family: 'DIN Alternate', sans-serif;
}
.notification-view-all {
	display: block;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.notification-view-all a {
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	background-color: #ec008c;
	font-size: 10px;
	margin-bottom: 15px;
}

@media (max-width:767px) {
.notification-center.notification-vertical { 
	width: 100%;
	height: 0vh;
}
.notification-center { 
	right: -100%;
	width: 100%;
}
.notification-vertical.open {
	height: 90vh;
	transition:0.3s;
	max-height: none;
}
.notification-center.open {
	right: 0%;
}
.notification-vertical .scrollbar {
	height: 100vh;
}
.notification-vertical .scrollbar {
    max-height: none;
}
}
.menu-account {
	float: right;
	margin-top: -8px;
	position: relative;
	padding-bottom: 10px;
}
.menu-account .avatar {
	border-radius: 50%;
	border: 1px solid #4D4E4C;
	display: inline-block;
	margin-right: 4px;
}
.menu-account .avatar span {
	display: inline-block;
	border: 1px solid #EC008C;
	font-family: 'din-condensed', sans-serif;
	text-transform: uppercase;
	font-size: 23px;
	color: #000000;
	border-radius: 50%;
	height: 38px;
	width: 38px;
	line-height: 38px;
	text-align: center;
}
.notification-new {
    display: inline-block;
    position: relative;
    padding: 4px 6px 2px;
    color: #fff;
    background-color: #FF0004;
    font-size: 9px;
    vertical-align: bottom;
	margin-left: 5px;
}
.dropdown-wrapper {
	display: none;
	padding-top: 2em;
	margin-top: -15px;
}
.dropdown {
	background-color: #ffffff;
	padding: 1em 2em;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	position: absolute;
	right: 0px;
	width: 100px;	
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
}
.dropdown li {
	margin: 5px 0px;
}
.dropdown a {
	color: #A4AAB3;
}
.dropdown a.current, 
.dropdown a:hover {
	color: #EC008C;
}
.dropdown:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0%;
    right: 24%;
    box-sizing: border-box;
    border: 8px solid black;
    border-color: #ffffff #ffffff transparent transparent;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    -webkit-box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
}
.menu-account .dropdown-wrapper {
	display: none;
	padding-top: 2em;
	position: absolute;
	margin-top: 5px;	
	right: 0;
}
.menu-account .dropdown {
	background-color: #ffffff;
	padding: 1em 2em;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	position: absolute;
	right: 0px;
	width: 100px;	
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	margin-bottom: -1em;
	top: 10px;
}
.menu-account .dropdown li {
	margin: 10px 0px;
}
.menu-account .dropdown a {
	color: #A4AAB3;
	font-family: 'DIN Alternate', sans-serif;
}
.menu-account .dropdown .current a, 
.menu-account .dropdown a:hover {
	color: #EC008C;
}
.menu-account .dropdown:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0%;
    right: 24%;
    box-sizing: border-box;
    border: 8px solid black;
    border-color: #ffffff #ffffff transparent transparent;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    -webkit-box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
}
.menu-account:hover .dropdown-wrapper {
	display: block;
}
.hello-section {
	padding: 20px 0px;
	border-bottom: 1px solid #E6E6E7;
}
.hello-owner {
	overflow: hidden;
}
.hello-avatar {
	border-radius: 50%;
	border: 2px solid #4D4E4C;
	display: inline-block;
	margin-right: 20px;
	float: left;
}
.hello-avatar span {
	display: inline-block;
	border: 2px solid #EC008C;
	font-family: 'din-condensed', sans-serif;
	text-transform: uppercase;
	font-size: 50px;
	color: #000000;
	border-radius: 50%;
	height: 64px;
	width: 64px;
	line-height: 64px;
	text-align: center;
}
.hello-text {
	font-family: 'din-condensed', sans-serif;
	text-transform: uppercase;
	font-size: 42px;
	color: #000000;
	font-weight: bold;
	line-height: 1em;
	margin-top: 5px;
	float: left;
}
.hello-text-single {
	font-family: 'din-condensed', sans-serif;
	text-transform: uppercase;
	font-size: 42px;
	color: #000000;
	font-weight: bold;
	line-height: 64px;
	float: left;
}
.hello-text span {
	color: #EC008C;
	line-height: 1em;
}
.hello-text2 {
	margin-top: 5px;
	font-size: 16px;
	font-family: 'din-bold', sans-serif;
	font-weight: normal;
	text-transform: none;
	line-height: 1em;
}
.account-selector {
	position: absolute;
	right: 0;
	top: 0;
}
.current-item {
	
	display: block;
}
.account-item {
	border: 1px solid #DEDEDE;
	padding: 0.8em 3.5em 0.8em 2em;
	text-align: right;
	display: block;
	position: relative;
	color: #000000;
	background-color: #ffffff;
}
.dropdown .account-item {
	border: 0px;
	padding: 1em 2em 1em 2em;
	border-bottom: 1px solid #efefef;
}
.menu-selector .dropdown .account-item {
	padding: 1em 2em 1em 2em;
}
.account-selector .dropdown {
	display: none;
	padding: 0px;
	width: 220px;
}
.menu-selector .dropdown {
	width: 220px;
}
.account-selector .current-item:hover .dropdown {
	display: block;
	position: absolute;
}
.account-selector .account-num {
	font-family: 'din-light', sans-serif;
	font-size: 15px;
	color: #000000;
}
.account-selector .account-plan {
	font-family: 'DIN Alternate', sans-serif;
	font-size: 17px;	
	color: #000000;
	text-transform: none;
}
.account-selector .fa {
	position: absolute;
	right: 1.5em;
	top: 40%;
}
.breadcrumb {
	padding: 1em 0;
}
.breadcrumb ul li {
	list-style: none;
	display: inline-block;
}
.breadcrumb a {
	color: #1A1919;
}
.breadcrumb ul li {
	font-family: 'DIN Alternate', sans-serif;	
}
.breadcrumb ul li a {
	font-family: 'DIN Alternate', sans-serif;	
}
.breadcrumb ul li a {
	text-transform: uppercase;
}
.breadcrumb ul li:last-child a {
	text-transform: none;
}
.breadcrumb ul li.separator {
	margin: 0 0.5em;
}
.breadcrumb ul li.separator .fa {
	font-size: 12px;
}
.breadcrumb ul li.current {
	color: #A4AAB3;
}
.account-info-section {
	margin: 3em 0;
}
.account-info-content {
	border: 1px solid #E6E6E7;
	padding: 2em 1em 2em 2em;
	box-sizing: border-box;
}
.account-info, .account-due, .account-actions {
	display: inline-block;
	width: 33%;
	vertical-align: middle;
}
.account-info {
	width: 60%;
}
.account-due {
	width: 28%;
}
.account-actions {
	width: 10%;
	text-align: center;
}
.account-info .account-num {
	font-size: 18px;
	color: #A4AAB3;
	font-family: 'din-condensed', sans-serif;
	text-transform: uppercase;	
}
.account-info .account-plan {
	font-size: 42px;
	color: #000000;
	font-family: 'din-condensed', sans-serif;
	font-weight: bold;
	line-height: 1.4em;
}
.account-plan .account-status {
	background-color: #66C8C6;
	border-radius: 4px;
	line-height: 1em;
	padding: 0.5em 2em;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	font-family: 'din-light', sans-serif;
	vertical-align: middle;
	margin-left: 1em;
	margin-bottom: 10px;
}
.account-tel {
	color: #4D4E4C;
	font-size: 22px;
	font-family: 'din-condensed', sans-serif;
}
.account-tel .fa {
	color: #000000;
	font-size: 20px;
}
.account-address {
	color: #4D4E4C;
	margin: 1em 0;
}
.account-statement-summary {
	font-size: 13px;
	color: #1A1919;
}
.account-statement-summary .row {
	font-family: 'DIN Alternate', sans-serif;
}
.home-forward-stats .row .fa {
	margin: 0 2px;
}
.account-statement-summary .row {
	margin: 3px 0px;
}
.account-statement-summary .row .address {
	font-family: 'din-light', sans-serif;
	color: #4D4E4C;
}
.account-statement-summary label {
	color: #A4AAB3;
	display: inline-block;
	width: 45%;
	font-family: 'DIN Alternate', sans-serif;
	vertical-align: top;
}
.account-statement-summary .multi {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	line-height: 1.4em;
}
.account-due {
	text-align: center;
}
.account-due label {
	color: #1A1919;
	font-family: 'din-condensed', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}
.amount-due {
	text-align: center;
}
.amount-due .currency {
	color: #444444;
	font-family: 'din-condensed', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
}
.amount-due .amount-num {
	color: #EC008C;
	font-family: 'din-condensed', sans-serif;
	font-size: 86px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	display: inline-block;
}
.amount-due.paid .amount-num {
	color: #1A1919;
}
.button.pay-now {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.button.paid {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	background-color: #E6E6E7;
	border-color: #E6E6E7;
}
.account-action {
	display: inline-block;
	width: 120px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: bottom;
}
.account-action img {
	vertical-align: middle;
	display: inline-block;
}
.account-action span {
	text-align: center;
	font-family: 'DIN Alternate', sans-serif;
	color: #1A1919;
	font-size: 14px;
	line-height: 1em;
	display: block;
}
.performance-section {
	margin: 2em 0;
}
.performance-content {
	border-left: 1px solid #E6E6E7;
	border-right: 1px solid #E6E6E7;
	padding: 1em 2em 2em;
	box-sizing: border-box;	
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
}
.border-left {
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}
#performance-action-off .button.small {
	vertical-align: middle;
}
#performance-action, #performance-action-off {
	margin-top: 0;
}
/*
#performance-action-off.account-actions {
    width: 40%;
}
#performance-action-off {
	margin-top:0em;
}
.voiceline-summary + #performance-action-off {
	padding-left: 15px;
}
*/
.ssid-summary {
	display: inline-block;
	vertical-align: middle;
	padding-right:20px !important;
}
.ssid-password {
	position: relative;
}
.ssid-password #password {
	width: 100%;
}
.ssid-password .toggle-password {
    right: 0%;
    top: 2px;
}
#troubleshoot-btn {
	cursor: pointer;
}
.network-name-text {
	margin-bottom:10px;
}
.network-pass-text {
	margin-top:10px;
}
.ssid-action {
	vertical-align: middle !important;
}
.mid-valign {
	display: inline-block;
	vertical-align: middle;
}
@media (max-width:767px) {
	#performance {
		text-align: center;
	}
	#performance-action-off img {
		margin-right: 0px !important;
	}
#performance-action-off .account-actions-wrapper {
	text-align: center;
}
	#performance-action-off {
		padding-top:30px !important;
	}
	#performance-action-off .voiceline-summary {
		margin: 10px auto 10px;
	}
#performance .voiceline-summary {
	width: 100%;
}
#performance-action-off {
	border-left: 0px solid #dddddd;
}
.voiceline-summary + #performance-action-off {
	padding-left: 0px;
}
}
.widget .section-title .title {
	font-family: 'DIN Condensed', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #1A1919;
	font-weight: bold;
	line-height: 1em;	
	border-bottom: 2px solid #EC008C;
	display: inline-block;
	padding-bottom: 0.2em;
}
.widget .section-title .title:after {
	display: none;
}
.widget .col-left {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.widget .col-right {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.widget .col-left.wider {
	width: 70%;
}
.setup-auto-debit .widget-wrap > .col-right {
	width: 35%;
}
.connection {
	margin-bottom: 2em;
}
.connection .label {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
}
.connection .desc {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
.connection .button {
	display: inline;
}
.connection .label label {
	font-family: 'DIN Condensed', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #1A1919;
	font-weight: bold;
	line-height: 24px;
	vertical-align: middle;	
}
.connection .label img {
	margin-right: 3px;
	vertical-align: middle;
}
/*
.connection.ssid-row .label {
	width: auto;
}
.connection.ssid-row .desc {
	width: auto;
}*/
.status-indicator {
	margin-bottom: 1em;
}
.status-indicator .status-indicator-bar {
	display: inline-block;
	margin-right: 10px;
}
.status-indicator-bar span {
	width: 20px;
	display: inline-block;
	height: 5px;
	border-radius: 2px;
	background-color: #D8D8D8;
	vertical-align: middle;
}
.status-indicator-bar.one span:first-child {
	background-color: red;
}
.status-indicator-bar.two span:first-child {
	background-color: red;
}
.status-indicator-bar.two span:nth-child(2) {
	background-color: red;
}
.status-indicator-bar.three span:first-child {
	background-color: #7ED321;
}
.status-indicator-bar.three span:nth-child(2) {
	background-color: #7ED321;
}
.status-indicator-bar.three span:nth-child(3) {
	background-color: #7ED321;
}
.status-indicator-bar.four span {
	background-color: #7ED321;
}
.status-indicator-bar.four span:last-child {
	background-color: #D8D8D8;
}
.status-indicator .status-label {
	font-family: 'din-bold', sans-serif;
	display: inline-block;
}
.status-indicator .status-desc {
	font-size: 13px;
}
.performance-section .col-left {
	padding-right: 2%;
	width: 54%;
}
.performance-section .col-right {
	border-left: 1px solid #E6E6E7;
	padding-left: 2em;
	box-sizing: border-box;	
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
    width: 42%;
}
.mini-speedtest {
	display: inline-block;
	width: 50%;
	text-align: center;
	margin-right: 5%;
}
.more-test {
	display: inline-block;
	width: 39%;
}
.section-title-mini {
	font-family: 'din-condensed', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #1A1919;
	line-height: 1em;		
	margin-bottom: 0.5em;
}
.more-test .button {
	width: 150px;
	margin-bottom: 10px;
}
.speed-stats {
	font-size: 13px;
	vertical-align: middle;
	margin-bottom: 0.5em;
}
.speed-stats img {
	margin-right: 3px;
	vertical-align: middle;
}
.speed-stats .speed-up, .speed-stats .speed-down {
	display: inline-block;
	font-family: 'din-bold', sans-serif;
	line-height: 18px;
}
.speed-stats .speed-up {
	padding-right: 1em;
}
.current-speed {
	margin-top: 2em;
}
.current-speed a.upgrade {
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 11px;
}
.hr {
	border-bottom: 1px solid #E6E6E7;
}

.voicelines-content {
	
}
.section-title-small {
	margin: 1em 0;
	border-bottom: 1px solid #E6E6E7;
}
.section-title-small .title {
	font-size: 24px;
	border-bottom: 2px solid #EC008C;
	display: inline-block;
	padding-bottom: 10px;
}
.section-title-small .title:after {
	display: none;
}
.voicelines-section {
	margin: 4em 0;
}
.filters {
	float: right;
}
.filters label {
	display: inline-block;
	font-family: 'din-condensed', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #A4AAB3;
}
.filters:not(.date-filter) label {
	margin-right: 1em;
}
.filters .selections {
	display: inline-block;
}
.filters .item {
	font-family: 'DIN Alternate', sans-serif;	
	display: inline-block;
	margin-right: 1em;
	font-size: 16px;
	letter-spacing: 0px;
	cursor: pointer;
}
.selections:hover .dropdown-wrapper {
	display: block;
}
.selections .item {
	text-transform: none;
}
.standard-section .filters .dropdown {
	width: 10%;
}
.filters .item .line-num {
	margin-right: 3px;
}
.filters .item .line-plan {
	color: #EC008C;
	text-transform: none;
}
.filters .fa {
	font-size: 13px;
}
.voicelines-content {
	
}
.voicelines-content .account-plan {
	font-family: 'din-condensed', sans-serif;
	font-size: 36px;
	color: #1A1919;
	font-weight: bold;
	line-height: 1em;
	margin: 5px 0;
}
.voicelines-content .account-statement-summary label {
}
.voicelines-content .col-left {
	width: 100%;
	position: relative;
}
.voicelines-content .chart-section-wrap {
	display: inline-block;
	vertical-align: middle;
}
.voicelines-content .chart-section {
	display: inline-block;
	vertical-align: middle;
}
.chart-section {
	position: relative;
}
.chart-section .chart {
	width: 160px;
}
.chart {
}
.usage-progress {
	text-align: center;
	margin-top: 1em;
	text-align: center;
}
.usage-progress label {
	font-size: 14px;
}
.usage-progress .label {
	width: 100%;
    float: left;
    line-height: 1.6em;
    font-family: 'din-light', sans-serif;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}
.ui-progressbar {
	height: 1.4em;
} 
.usage-progress .ui-widget-header {
	background-color: #EC008C;	
}
.usage-progress .ui-widget.ui-widget-content {
	border: 0px;
	background-color: #D8D8D8;
}
.chart .percent {
	position: absolute;
	top: 32%;
	text-align: center;
	width: 100%;
}
.chart .percent .num {
	color: #EC008C;
	font-size: 36px;
	line-height: 1em;
}
.pay-per-use .chart .percent {
	top: 37%;
}
.pay-per-use .chart .percent .num {
	font-size: 30px;
}
.chart .percent label {
	clear: left;
	font-size: 18px;
	line-height: 1em;
	font-family: 'DIN Alternate', sans-serif;
}
.voiceline-summary {
	display: inline-block;
	margin-left: 5%;
	width: 50%;
	vertical-align: middle;
}
.voicelines-content .account-actions {
	width: 35%;
	text-align: right;
	margin-top: 3em;
}
.voicelines-content .account-actions .account-action {
	border-right: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
    width: auto;
}
.voicelines-content .account-actions .account-action:last-child {
	border: 0px;
}
.account-actions-wrapper .account-action {
	padding: 0 10px;
}
.action-right {
	position: absolute;
	right: 0px;
	top: 0px;
}
.widget-wrap {
	padding: 2em;
	margin-left: auto;
	margin-right: auto;
}
.widget-wrap-v {
	padding: 2em 0;	
}
.table-list {
	display: table;
	width: 100%;
}
.table-list .table-row {
	display: table-row;
}
.table-list .table-row.table-head .table-cell {
	font-family: 'DIN Condensed', sans-serif;
	font-size: 16px;
	color: #1A1919;
	font-weight: bold;
	text-transform: uppercase;
}
.table-list .table-row {
}
.table-list .table-row .table-cell {
	display: table-cell;
	position: relative;
	padding: 18px 0px 20px;
	border-bottom: 1px solid #E6E6E7;
	vertical-align: middle;
}
.table-list .table-row .table-cell.date {
	width: 15%;
	line-height: 1.4em;
}
.table-list .table-row .table-cell.item {
	width: 30%;
	cursor: pointer;
}
.table-list .table-row .table-cell.item .account-status {
	display: none;
}
.table-list .table-row .table-cell.status {
	width: 20%;
	text-align: left;
}
.table-list .table-row .table-cell.details {
	width: 30%;
	line-height: 1.6em;
}
.table-list .table-row .table-cell.actions,
.table-list .table-row .table-cell.action {
	width: 10%;
	text-align: right;
}
.table-list .table-row .table-cell.date .main {
	font-family: 'DIN Alternate', sans-serif;	
}
.table-list .table-row .table-cell.item .main {
	font-family: 'DIN Condensed', sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
}
.table-list .table-row .table-cell .account-status {
	background-color: #66C8C6;
	border-radius: 4px;
	line-height: 1em;
	padding: 0.5em 2em;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	font-family: 'din-light', sans-serif;
	vertical-align: middle;
}
.account-status.paid {
	background-color: #66C8C6 !important;
}
.account-status.unpaid {
	background-color: #EC008C !important;
	border-radius: 0px !important;
}
.table-actions {
	text-align: right;
	padding: 20px 0px;
}
.table-actions .button {
	display: inline-block;
	width: auto;
}
.standard-section  {
	margin: 3em 0;
}
.filters .date-selector {
	display: inline-block;
}
.filters .date {
	display: inline-block;
}
.date-filter {
	float: none;
	display: inline-block;
	width: 60%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
}
.date-filter input[type="text"] {
	border: 0px;
	border-bottom: 1px;
	font-family: 'DIN Alternate', sans-serif;
	font-size: 16px;
	width: 100px;
	text-align: center;
	padding: 0px;
}
.date-filter-right {
	float: right;
	text-align: right;
	width: auto;
}
.date-filter .ui-datepicker-trigger {
	margin-right: 1em;
	margin-left: 0.5em;
	border:none;
    background:none;
    cursor: pointer;
}
.date-filter .fa {
	font-size: 20px;
	color: #000000;
}
.form-section {
	width: 70%;
}
.form-section .form-row {
	margin: 0.9em 0 2em;
}
.form-section .label {
	font-family: 'din-condensed', sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #1A1919;	
	margin: 0 0 0.6em;
}
.form-section .value {
	font-size: 16px;
	line-height: 1.6em;
}
.form-section .form-row.inline {
	margin-bottom: 0em;
	margin-top: 0.9em;
}
.form-section .form-row.inline-block {
	margin-top: 0.9em;
}
.form-section .form-row.inline .label,
.form-section .form-row.inline .value {
	display: inline-block;
}
.form-section .form-row.inline .label {
	width: 40%;
	margin-bottom: 0px;
}
.form-actions {
	margin-top: 2em;	
}
.form-actions.full {
	text-align: center;
	margin-top: 3em;
}
.form-actions .button {
	display: inline-block;
	width: auto;
	padding-left: 2em;
	padding-right: 2em;
	margin-right: 1em;
}
.form-actions.full .button {
	padding-left: 4em;
	padding-right: 4em;
	margin: 0 10px;
}
.page-standard .content {
	margin-bottom: 6em;
}
.info-pop {
	cursor: pointer;
	background-color: #EC008C;
	color: #ffffff;
	font-size: 12px;
	display: inline-block;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	line-height: 16px;
	padding: 0px;
	margin-left: 3px;
	position: relative;
}

.bubble-wrapper {
	display: none;
}

.info-pop .bubble {
	background-color: #ffffff;
	padding: 1em 2em;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	position: absolute;
	right: -105%;
	width: 200px;	
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	box-sizing: border-box;
}
.info-pop .bubble:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0%;
    right: 45%;
    box-sizing: border-box;
    border: 8px solid black;
    border-color: #ffffff #ffffff transparent transparent;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    -webkit-box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
}
.info-pop:hover .bubble-wrapper {
	display: block;
}
.form-row input.half {
	width: 40%;
}
.form-row.address input {
	margin-bottom: 10px;
}
.amount-pay {

}
.short-summary {
	margin-top: 2em;
}
.pay-amount-due label.light,
.amount-pay label.light {
	font-size: 16px;
}
.pay-amount-due .col-left {

}
.pay-amount-due .col-right {
	padding-right: 2em;
	box-sizing: border-box;
}
.pay-amount-due .amount-due {
	margin-top: 1em;
	text-align: left;
}
.pay-amount-due .amount-due .amount-num {
	color: #000000;
	display: inline;
}
.pay-amount-due .amount-due .amount-num input {
	text-align: right;
	color: #EC008C;
	padding: 0px;
	border: 0px;
	font-size: 80px;
	font-family: 'din-condensed', sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	display: inline;
	border-bottom: 1px solid #E6E6E7;
}
.pay-amount-due .amount-due .amount-num input.zero {
	color: #ff0000;
}
.pay-amount-due .amount-due .amount-num .fixed-amount {
	text-align: right;
    color: #EC008C;
    padding: 0px;
    border: 0px;
    font-size: 80px;
    font-family: 'din-condensed', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1em;
    display: inline;
	border-bottom: 1px solid transparent;
	display: none;
}
.pay-amount-due .amount-due .amount-num .red-note {
	text-align: right;
	text-transform: none;
	line-height: 1.4em;
	margin-top: 1em;
	display: none;
}
.pay-amount-due .amount-due .amount-num.fixed input {
	display: none;
}
.pay-amount-due .amount-due .amount-num.fixed .fixed-amount {
	display: inline;
}
.pay-amount-due .amount-due .amount-num .red-note {
	text-align: right;
	text-transform: none;
	line-height: 1.4em;
	margin-top: 1em;
}
.pay-amount-due .amount-due.actual-due {
	text-align: right;
}
.account-pay-select {
	margin: 1em 0;
	font-size: 18px;
}
.account-pay-select li {
	margin: 10px 0px;
}
.account-pay-select li label {
	font-family: 'DIN Alternate', sans-serif;	
	color: #A4AAB3;
	font-weight: normal;
}
.account-pay-select li .due {
	font-family: 'din-condensed', sans-serif;	
	font-size: 22px;
	margin-left: 1em;
}
.account-pay-select li label .plan {
	color: #1A1919;
	font-family: 'DIN Alternate', sans-serif;	
	margin-left: 5px;
}
.pay-amount-due {
	text-align: left;
	margin: 3em 0 2em;
}
.pay-amount-due .amount-due .amount-num {
	font-size: 80px;
}
.form-section {
	
}
.bill-list {
	
}
.bill-list .table-row .table-cell.date {
	width: 12%;
}
.bill-list .table-row .table-cell.item {
	width: 18%;
}
.bill-list .table-row .table-cell.amount {
	width: 10%;
}
.bill-list .table-row .table-cell.details {
	width: 25%;
}
.bill-list .table-row .table-cell.action {
	width: 25%;
	text-align: right;
}
.pagination {
	text-align: center;
	margin: 2em 0 0;
}
.pagination label {
	display: inline-block;
	font-family: 'din-condensed', sans-serif;	
	text-transform: uppercase;
	font-size: 16px;
	color: #A4AAB3;
	margin-right: 0.8em;
}
.pagination ul {
	display: inline-block;
	font-family: 'DIN Alternate', sans-serif;	
}
.pagination ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0.8em;
}
.pagination a {
	color: #1A1919;
	font-size: 16px;
}
.pagination ul li.current a {
	color: #EC008C;
}
.pagination .more {
	display: inline-block;
	font-family: 'DIN Alternate', sans-serif;	
	font-size: 16px;
	margin-left: 0.8em;
}
.pay-section {
	width: 100%;
}
.pay-section.pay-done {
	margin: 3em 0 4em;
}
.pay-section.change-plan-done {
	margin: 3em auto 4em;
	width: 80%;
}
.pay-section > .col-left {
	width: 58%;
	border-right: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
}
.pay-section > .col-right {
	width: 37%;
	padding-left: 4%;
}
.payment-method-select {
	margin: 1em 0;
	font-size: 18px;
}
.payment-method-select li {
	margin: 10px 0px;
}
.payment-method-select li label {
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	font-size: 24px;
	color: #1A1919;
	vertical-align: middle;
}
em.note {
	font-size: 24px;
}
.status-message {
	text-align: center;
	width: 94%;
	margin: 0 auto 0;
}
.status-title {
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	font-size: 36px;
	color: #1A1919;	
	line-height: 1.4em;
}
.status-icon {
	margin: 2em 0;
}
.status-message {
	
}
.trans-summary {
	margin: 1em 0px;
	text-align: left;
}
.trans-summary li {
	margin: 5px 0px;
}
.trans-summary label {
	font-family: 'din-condensed', sans-serif;	
	font-weight: 100;
	font-size: 16px;
	color: #A4AAB3;
	text-transform: uppercase;	
	display: inline-block;
	width: 40%;
	vertical-align: top;
}
.trans-summary .value {
	font-size: 16px;
	font-family: 'DIN Alternate', sans-serif;	
	display: inline-block;
	color: #1A1919;
}
.trans-summary.mini li {
	margin: 5px 0px;
}
.trans-summary.mini label {
	font-size: 15px;
	width: 60%;
}
.trans-summary.mini .value {
	font-size: 15px;
}
.item-specs {
	margin: 1em auto;
}
.item-specs li {
	margin: 8px 0px;
	display: block;
	overflow: hidden;
	clear: both;
}
.item-specs label {
	font-family: 'din-condensed', sans-serif;	
	font-size: 16px;
	color: #A4AAB3;
	text-transform: uppercase;	
	display: inline-block;
	width: 110px;
	text-align: left;
	float: left;
}
.item-specs .value {
	font-size: 14px;
	display: inline-block;
	text-align: left;
	float: left;
	max-width: 220px;
	width: 60%;
	padding: 0px 10px;
}
.item-specs .value.price {
	font-family: 'DIN Alternate', sans-serif;	
	color: #1A1919;
}
.item-payment {
	padding: 1em 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.item-payment .warning {
	color: #D0021B;
}
.item-payment-relocation {
	padding: 5px 0 24px;
}
.item-payment-relocation label {
	font-family: 'din-condensed', sans-serif;	
	font-size: 20px;
	color: #A4AAB3;
	text-transform: uppercase;	
	text-align: center;
	display: block;
	line-height: 1.2em;
}
.item-payment-relocation .amount {
	font-family: 'din-condensed', sans-serif;	
	font-size: 36px;
	color: #1A1919;
	text-transform: uppercase;	
	text-align: center;
	display: block;
	font-weight: bold;
	line-height: 1.2em;
}
.item-payment ul {
	margin: 8px 0px;
}
.item-payment li {
	margin: 8px 0px;
	overflow: hidden;
}
.item-payment label {
	font-family: 'din-condensed', sans-serif;	
	font-size: 16px;
	color: #A4AAB3;
	text-transform: uppercase;	
	display: inline-block;
	width: 80px;
	text-align: left;
	float: left;
}
.item-payment .value {
	font-size: 14px;
	display: inline-block;
	width: 32%;
	text-align: left;
	float: left;
	font-family: 'DIN Alternate', sans-serif;	
}
.item-payment .amount {
	font-size: 14px;
	display: inline-block;
	width: 32%;
	text-align: right;
	float: right;
	font-family: 'DIN Alternate', sans-serif;	
}
.item-payment-total {
	text-align: right;
	font-size: 20px;
	padding: 0.5em 0 1em;
	font-family: 'DIN Alternate', sans-serif;	
}
.grid-section {
	text-align: center;	
}
.box {
	text-align: center;
}
.grid-section .box {
	width: 33%;
	box-sizing: border-box;
	display: inline-block;
	border-right: 1px solid #efefef;
	padding: 1.15em;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
	vertical-align: top;
}
.grid-section .box.last-child {
	border-right: 0px;
}
.grid-section.grid-col-2 .box {
	width: 40%;
}
.grid-section.grid-col-4 .box {
	width: 24.3333333%;
}
.grid-section.grid-col-4 .box .item-specs label {
	width:30%;
}
.grid-section.grid-col-4 .nice-select.open .list {
	min-width:155px;
}
.box .item-title {
	margin: 1em 0 1.5em;
	text-align: center;
}
.box .item-title .item-title-sub {
	font-size: 16px;
	font-family: 'DIN Alternate', sans-serif;	
	color: #444444;
	line-height: 1.2em;
}
.box .item-title .item-title-main {
	font-size: 26px;
	font-family: 'DIN Alternate', sans-serif;	
	color: #EC008C;
	line-height: 1.2em;
}
.box .item-title .item-title-main span {
	color: #1A1919;
}
.box .item-title .item-title-relocation-explain {
	text-align: center;
	font-size: 14px;
	margin: 1em auto;
	font-family: 'din-light', sans-serif;	
	color: #1A1919;
	line-height: 1.2em;
}
.upgrade-note {
	text-align: center;
	width: 100%;
	margin: 2em auto 0;
}
.gst-upgrade-note {
	margin: 10px auto 0;
	width: 100%;
}
.icon-settings {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: relative;
	cursor: pointer;
}
.icon-settings span.icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: transparent url(../images/icons/icon-settings.png) center center no-repeat;
}
.icon-settings .dropdown-wrapper {
	display: none;
}

.icon-settings .dropdown {
	background-color: #ffffff;
	padding: 1em 1em;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	position: absolute;
	right: -105%;
	width: 200px;	
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	box-sizing: border-box;
}
.icon-settings .dropdown li {
	margin: 5px 0px;
}
.icon-settings .dropdown a {
	color: #A4AAB3;
}
.icon-settings .dropdown a.current, 
.icon-settings .dropdown a:hover {
	color: #EC008C;
}
.icon-settings .dropdown:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0%;
    right: 45%;
    box-sizing: border-box;
    border: 8px solid black;
    border-color: #ffffff #ffffff transparent transparent;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    -webkit-box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 2px -2px 3px 0px rgba(0,0,0,0.3);
}
.icon-settings:hover .dropdown-wrapper {
	display: block;
}
.dropdown .debit-on {
	color: #EC008C;
	font-family: 'din-bold', sans-serif;	
}
.dropdown .debit-off {
	color: #1A1919;
	font-family: 'din-bold', sans-serif;	
}
.account-summary-col {
	margin-top: 1em;
}
.account-summary-col .col-left {
	width: 55%;
	display: inline-block;
}
.account-summary-col .col-right {
	width: 37%;
	display: inline-block;
}
.voiceline-summary .account-summary-col .col-left {
	width: 60%;
	margin-right: 8%;
	display: inline-block;
}
.voiceline-summary .account-summary-col .col-right {
	width: 40%;
	display: inline-block;
}

.filters .dropdown {
	width: 20%;
}
.filters .dropdown .item {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	display: block;
}
.pay-per-use-stats {
	text-align: center;
	margin-top: 4em;
}
.pay-per-use-stats .title {
	font-family: 'din-condensed', sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	color: #1A1919;
	line-height: 1.4em;	
}
.pay-per-use-stats .title:after {
	display: none;
}
.pay-per-use-stats .amount {
	font-family: 'DIN Alternate', sans-serif;
	font-size: 36px;	
	color: #EC008C;
	margin: 10px 0px;
}
.pay-per-use-stats .label {
	font-family: 'DIN Alternate', sans-serif;
	font-size: 14px;
	color: #1A1919;	
}
.voiceline-stats {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
}
.voiceline-stats .col-left {
	width: 50%;
}
.voiceline-stats .col-right {
}
.voicelines-content.exceed-credit .voiceline-summary {
	width: 28%;
	border-left: 1px solid #1A1919;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
    padding-left: 3%;
    margin-left: 1%;
}
.voicelines-content.exceed-credit .account-statement-summary label {
	width: 40%;
}
.voicelines-content.exceed-credit .voiceline-stats {
	/*width: 37%;*/
	width: auto;
	padding: 0px 20px 0px 0px;
}
.voicelines-content.exceed-credit .widget-wrap {
	padding: 2em 1em;
}

.ui-tooltip, .arrow:after {
    background: #ffffff;
    border: 1px solid #CCCCCC;
  }
  .ui-tooltip {
	width: 180px;
    background-color: #ffffff;
	padding: 1em 2em;
	font-family: 'din-light', sans-serif;
	font-size: 13px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
  }
  body.page-login .ui-tooltip {
	  width: 255px;
  }
  .arrow {
    width: 20px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: -16px;
  }
  .arrow.bottom {
    width: 20px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: -22px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    margin-left: -12px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: -20px;
    top: 50%;
    margin-top: -15px;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 25px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

.col-right.border-left {
	border-left: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
    padding-left: 8%;
    box-sizing: border-box;
}
.edit-bill-settings-content .form-section {
	width: 100%;
}
.edit-bill-settings-content .form-section > .col-left {
	width: 35%;
}
.edit-bill-settings-content .form-section > .col-right {
	width: 64%;
}
.nice-select {
	width: 90%;
	float: none;
	border-radius: 0px;
	border-color: #A4AAB3;
}
.nice-select.half {
	width: 40%;
}
.nice-select.open .list {
	width: 100%;
	border-radius: 0px;
	max-height: 200px;
	overflow-y: auto;
}
.nice-select:after {
	border-bottom: 2px solid #1A1919;
    border-right: 2px solid #1A1919;
    right: 20px;
}
.choose-bank, .choose-credit, .choose-acc-type {
	margin-left: 0%;
	margin-top: 1em;
	display: none;
}
.choose-bank p, .choose-credit p {
	margin:0em 0.5em !important;
}
.choose-bank.active, .choose-credit.active, .choose-acc-type.active {
	display: block;
}
.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 9999;
	overflow: auto;
}
.modal-wrapper {
	display: table;
	height: 100%;
	width: 100%;
}
.modal-inner-wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.modal {
	text-align: left;
	background-color: #ffffff;
	padding: 2em 3em 4em;
	display: inline-block;
	width: 100%;
	max-width: 600px;
	position: relative;
	box-sizing: border-box;
}
@media (max-width:767px) {
	.modal {
		max-width: 300px;
	}
}
.close-modal {
	position: absolute;
	right: 3.5%;
	top: 3.5%;
	cursor: pointer;
	z-index: 999;
}
.modal-content {
	font-size: 16px;
	text-align: center;
}
.modal-content .address-title, .modal-content .address {
	display: inline-block;
}
.modal-h1 {
	font-family: 'DIN Alternate', sans-serif;
	font-size: 36px;
	color: #A4AAB3;	
	margin: 1.5em 0 1em;
}
.modal .form-actions .button {
	margin: 0px 5px;
}
.modal .form-actions .button.full {
	width: 50%;
}
.plan-summary {
	text-align: center;
}
/*.plan-summary .item-specs {
	display: inline-block;
	margin: 0 auto;
}*/
.plan-summary .item-specs {
    display: inline-block;
    margin: 20px auto 0;
}
.plan-summary .item-specs label {
    width: 110px;
}
@media (min-width:1101px) {
.plan-summary .item-specs {
    width: 100%;
}
.plan-summary .item-specs .value {
    width: 57%;
}
}
.plan-summary .box .item-title {
	margin: 1em 0;
}
.col-3 {
	
}
.widget-wrap.col-3, .widget-wrap.col-2 {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
.col-2 .col {
	display: inline-block;
	width: 40%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3em;
	padding-bottom: 3em;
	vertical-align: middle;
}
.col-2 .col .item-icon img {
	max-width:280px;
}
.col-2 .col:nth-child(2) {
	width: 40%;
	padding-left: 3%;
	padding-right: 3%;
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
}
.col-3 .col {
	display: inline-block;
	width: 26%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 3em;
	padding-bottom: 3em;
	vertical-align: middle;
}
.col-3 .col:nth-child(2) {
	width: 28%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
}
.col-3 .col:nth-child(3) {
	width: 26%;
	padding-left: 3%;
	padding-right: 3%;
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
}
.item-specs-l {
	margin: 1em auto;
}
.item-specs-l li {
	margin: 8px 0px;
	display: block;
	overflow: hidden;
}
.item-specs-l label {
	font-family: 'din-condensed', sans-serif;	
	font-weight: 100;
	font-size: 20px;
	color: #A4AAB3;
	text-transform: uppercase;	
	display: inline-block;
	width: 100px;
	text-align: left;
	float: left;
}
.item-specs-l .value {
	font-family: 'DIN Alternate', sans-serif;	
	font-size: 16px;
	display: inline-block;
	text-align: left;
	float: left;
	color: #1A1919;
	width: 160px;
}

.item-specs-l ul {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.item-specs-l ul li {
	display: table-row;
}
.item-specs-l ul li label,
.item-specs-l ul li .value {
	display: table-cell;
	padding: 5px 10px;
	width: auto;
	text-align: left;
	float: none;
}
.total-payable {
	text-align: left;
}
.item-specs-l ul li label {
	width: 50%;
}
.total-payable label {
	color: #A4AAB3;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'din-condensed', sans-serif;	
}
.total-payable .price {
	color: #1A1919;
	font-family: 'din-condensed', sans-serif;	
	font-size: 64px;
	line-height: 1em;
	font-weight: bold;
}
.bill-header {
	margin-top: 3em;
	overflow: hidden;
	margin-bottom: 2em;
}
.bill-header .address {
	float: left;
	width: 40%;
}
.bill-acct {
	float: right;
	width: 40%;
	text-align: right;
	color: #1A1919;
	font-family: 'din-condensed', sans-serif;	
	font-size: 18px;
}
.bill-summary .section-title .title,
.bill-summary .section-title-small .title {
	border-bottom: 0px;
}
.bill-table {
	width: 100%;
}
.bill-table tr th,
.bill-table tr td {
	border: 1px solid #E6E6E7;
	font-family: 'DIN Alternate', sans-serif;	
	text-align: center;	
	color: #1A1919;
	padding: 1em;
	line-height: 1.2em;
	vertical-align: middle;
}
.bill-table tr th {
	background-color: #E6E6E7;
}
.bill-summary .section-title-small {
	border: 0px;
}
.bill-table.current-charges tr th,
.bill-table tr td {
}
.bill-table.current-charges {
	border: 1px solid #E6E6E7;
}
.bill-table.current-charges tr th {
	text-align: left;
	border: 0px;
}
.bill-table.current-charges tr td {
	text-align: left;
	border: 0px;
}
.bill-table tr th.amount,
.bill-table tr td.amount {
	text-align: right;
}
.bill-notes {
	margin: 3em 0;
	font-size: 12px;
}
.bill-notes ol {
	list-style: decimal;
	padding-left: 1em;
	line-height: 1.4em;
}
.bill-notes ol li {
	margin: 1em 0;
}
.red-note {
	color: #FF0000;
	font-size: 14px;
	font-family: 'din-light', sans-serif;	
}
.no-auto-debit .status-title {
	font-family: 'DIN Alternate', sans-serif;	
	font-size: 36px;
}
.no-auto-debit .status-message {
	font-size: 16px;
}
.bill-table-wrap .bill-table tr th:last-child {
	background-color: #000;color: #fff;
}
.bill-table-wrap .bill-table tr td:last-child {
	/*background-color: #f6f1e2;*/
}
.select2 {
	
}
.select2 .nice-select, .select2.nice-select {
	border: 0px;
	font-family: 'din-condensed', sans-serif;	
	font-size: 24px;
	font-weight: bold;
	color: #1A1919;
	padding-left: 0px;
}
.select2 .nice-select:after, .select2.nice-select:after {
	position: relative;
	display: inline-block;
	left: auto;
	top: auto;
	right: auto;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 4px;
}
.select2.nice-select {
	width: 200px;
    margin: 0 auto;
    text-align: center !important;
    padding: 0px;
}
.select2.nice-select .option {
	text-align: center;
}
.form-section input[type="password"].borderless,
.form-section input[type="text"].borderless {
	border: 0px;
	border-bottom: 1px solid #A4AAB3;
	font-family: 'din-condensed', sans-serif;	
	font-size: 24px;
	font-weight: bold;
	color: #1A1919;
	padding: 0px 0px;
}
.form-section input[type="password"].cvc {
	width: 50px;
}
.form-section input[type="text"].expiry-date {
	width: 30px;
	text-align: center;
}
.form-section input[type="text"].expiry-date::placeholder {
	color: #E6E6E7;
}
.setup-auto-debit .form-row .col-left {
	width: auto;
	margin-right: 2em;
}
.setup-auto-debit .label {
	font-family: 'din-light', sans-serif;		
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
}
.form-section input.error, .form input.error {
	border-color: #FF0000 !important;
}
.error-message {
	color: #FF0000;
	font-size: 14px;
	font-family: 'din-light', sans-serif;	
	font-weight: normal;	
	line-height: 1.4em;
	margin-top: 0.5em;
}
.form-section.setup-auto-debit {
	width: 90%;
	margin: 3em auto 0;
}
.setup-auto-debit > .col-left {
	width: 58%;
}
.setup-auto-debit > .col-right {
	width: 41%;
}
.form-tnc {
	clear: both;
	border-top: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
    padding: 3em 0;
    margin-top: 1em;
}
.form-tnc ul li {
	overflow: hidden;
}
.form-tnc input[type="checkbox"] {
	display: inline-block;
	float: left;
	margin-right: 1em;
	margin-bottom: 2em;
}
.form-tnc ul li {
	margin-bottom: 1em;
}
.form-tnc ul li label {
	display: inline-block;
}
.icon-card {
	vertical-align: middle;
}
.setup-auto-debit .icon-card {
	height: 24px;
	margin-top: -5px;
	display: none;
}
.card-preview {
	
}
.card-model {
	border: 1px solid #979797;
	border-radius: 10px;
	padding: 25px 30px;
	width: 380px;
	box-sizing: border-box;
	margin: 2em auto;
	position: relative;
}
.mini-preview .card-model {
	max-width: 340px;
}
.auto-debit-added-done .card-model {
}
.card-model .bank-name {
	font-family: 'DIN Alternate', sans-serif;			
	text-align: right;
	font-size: 14px;
	color: #A4AAB3;
	line-height: 1em;
	height: 14px;
}
.card-model .card-number {
	font-size: 30px;
	color: #444444;
	line-height: 1.4em;
	margin: 0.5em 0;
	text-align: center;
	min-height: 44px;
}
.card-model .card-name, .card-model .card-code {
	text-align: left;
}
.card-model .card-name {
	margin-bottom: 1em;
}
.card-model .card-name .value {
	height: 24px;
	color: #A4AAB3 !important;
}
.card-model .card-code .col-left, .card-model .card-code .col-right {
	display: inline-block;
	width: auto;
	margin-right: 1em;
}
.card-model .label {
	font-family: 'din-light', sans-serif;			
	text-transform: uppercase;
	font-size: 12px;
	color: #A4AAB3;
	margin-bottom: 0px;
	line-height: 1.4em;
}
.card-model .value {
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'DIN Alternate', sans-serif;		
	color: #1A1919;
	line-height: 1.4em;	
	color: #A4AAB3 !important;
}
.card-code .card-security .value {
	height: 24px;
}
.card-expiry .value {
	height: 24px;
}
.card-expiry .slash {
	visibility: hidden;
}
.card-expiry .filled .slash {
	visibility: visible;
}
.card-model .card-logo {
	position: absolute;
	right: 30px;
	bottom: 25px;
	height: 37px;
}
.card-model .card-logo img {
	display: none;
}
.select-visa .visa {
	display: inline-block !important;
}
.select-mastercard .master {
	display: inline-block !important;
}
.col-right .card-preview {
	display: inline-block;
	vertical-align: top;
}
.modal-card-preview .modal-content p {
	font-size: 14px;
}
.auto-debit-added-done > .col-left {
	width: 50%;
}
.auto-debit-added-done > .col-right {
	width: 40%;
}
.auto-debit-added-payment-done > .col-left {
	width: 30%;
}
.auto-debit-added-payment-done > .col-right {
	width: 64%;
	padding-left: 4%;
}
.auto-debit-added-payment-done .amount-pay {
	display: inline-block;
	width: 40%;
	margin: 3em 0 0;
	padding-left: 5%;
	box-sizing: border-box;
}
.auto-debit-added-payment-done .amount-pay label {
	font-size: 14px;
}
.auto-debit-added-payment-done .amount-pay .trans-summary label {
	width: 40%;
}
.pay-section.auto-debit-added-done {
	margin: 3em auto 4em;
}
.setup-auto-debit.form-section .value {
	font-family: 'din-condensed', sans-serif;	
	font-size: 24px;
	font-weight: bold;
	color: #1A1919;	
	line-height: 1em;
}
.main-menu-selector {
	display: none;
}
.hello-section .account-selector {
	
}
.header .menu-selector {
	margin-top: -10px;
	display: none;
}
.menu-selector {
	display: inline-block;
	float: right;
    position: relative;
    margin-top: -8px;
}
.header.scrolled .menu-selector {
	display: inline-block;
}
.menu-selector .account-selector {
	position: relative;
}
.menu-selector .account-selector .dropdown {
	margin-top: 0px;
}
.menu-selector .account-item {
	padding: 0.5em 2.8em 0.5em 1em;
}
.menu-selector .current-item > .account-item {
	border: 0px;
}
.menu-selector .account-selector .account-plan {
	font-size: 18px;
	line-height: 1.4em;
}
.menu-selector .account-selector .account-num {
	font-size: 12px;
	line-height: 1em;
}
.menu-selector .account-selector .fa {
	right: 1em;
	top: 35%;
}
	
.mobile-only {
	display: none;
	margin-top: 5px;
}
.no-border {
	border: 0px !important;
	border-image: none !important;
}
.relocation-form {
	text-align: center;
	width: 100%;
	margin-bottom: 3em;
}
.relocation-title {
	font-family: 'din-condensed', sans-serif;	
	font-size: 36px;
	font-weight: bold;
	color: #1A1919;	
	line-height: 1em;
	margin: 1em 0;
}
.relocation-item-title {
	font-size: 20px !important;	
}
.relocation-title-2 {
	font-family: 'din-condensed', sans-serif;	
	font-size: 36px;
	font-weight: bold;
	color: #1A1919;	
	line-height: 1em;
	margin: 1em 0;
}
.relocation-search-address {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
.relocation-search-address input[type="text"] {
	width: 70%;
	padding: 1.1em 2em;
	vertical-align: middle;
	border-color: #E6E6E7;
}
.relocation-search-address input[type="button"] {
	width: 29%;
	vertical-align: middle;
}
.search-address-item {
	display: block;
	text-align: left;
	padding: 2em;
	border-bottom: 1px solid #E6E6E7;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini-h.png) 3 stretch;	
}
.address-title {
	font-size: 18px;
	color: #1A1919;
	font-weight: bold;
	font-family: 'DIN Alternate', sans-serif;		
}
.search-address-item .address,
.search-address-found .address {
	color: #1A1919;
	font-size: 14px;	
	font-family: 'din-light', sans-serif;			
	margin-top: 1em;
	margin-left: 2em;
}
.address-title .fa {
    font-size: 24px;
    color: #EC008C;
    margin-right: 0.5em;
    min-width: 30px;
    text-align: center;
}
.search-address-found {
	margin: 3em 0;
	
}
.search-address-found .address-title .fa {
	margin-left: -0.5em;
}
.search-address-found .address {
	margin-left: 0px;
}
.set-unit {
	font-size: 16px;
	margin-top: 1em;
}
.set-unit div {
	display: inline-block;
	padding:10px;
	max-width: 120px;
	vertical-align: top;
}
.set-unit input[type="text"] {
	display: block;
	width: 100px;
	margin: 0 auto;
	text-align: center;
	border-width: 0px;
	border-bottom-width: 2px;
	font-family: 'din-condensed', sans-serif;	
	font-size: 24px;
	font-weight: bold;
	padding: 0px;
	color: #1A1919;
	/*border-color: #FF0004;*/
}
.relocation-calendar {
	text-align: center;
	margin-top: 2em;
}
.relocation-calendar tr th,
.relocation-calendar tr td {
	font-size: 24px;
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	color: #1A1919;	
	padding: 0.5em 1em;
}
.relocation-calendar tr td a {
	color: #1A1919;	
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.relocation-calendar tr th {
	text-transform: uppercase;
	font-size: 18px;
	color: #A4AAB3;
}
.relocation-calendar tr th,
.relocation-calendar tr td {
	border-bottom: 1px solid #E6E6E7;
	border-right: 1px solid #E6E6E7;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini-h.png) 3 stretch;	
}
.relocation-calendar tr th:last-child,
.relocation-calendar tr td:last-child {
	border-right: 0px;
}
.relocation-calendar .ui-datepicker-calendar {
	margin: 1em auto;
}
.relocation-calendar .ui-datepicker-next,
.relocation-calendar .ui-datepicker-prev, .relocation-calendar .ui-datepicker-title {
	display: none;
}
.ui-datepicker-week-end {
	opacity: 0.35;
}
.status-message-faq {
	font-size: 18px;
}
.relocation-payable {
	text-align: right;
	margin-bottom: 10em;
}
.relocation-spec-title {
	font-size: 20px;
	font-family: 'din-condensed', sans-serif;	
	font-weight: 100;
	color: #A4AAB3;		
	text-transform: uppercase;
	margin: 0 0 1em;
}
.relocation-spec-summary .search-address-item {
	border: 0px;
	padding: 1em 0;
}
.relocation-spec-summary .address-title .button {
	float: right;
	width: auto;	
}
.qr-code-section {
	width: 50%;
	margin: 2em auto 3em;
}
.qr-code-section .qr-code {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}
.qr-code-section .qr-code img {
	width: 100%;
	max-width: 200px;
}
.qr-code-section .qr-connect {
	width: 59%;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 5%;
}
.qr-code-section .sub-title {
	font-size: 20px;
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	color: #1A1919;	
	text-transform: uppercase;
	margin: 1em 0;
	margin-top: 0px;
}
.qr-code-section .qr-connect-desc {
	margin: 1em 0;
}
.qr-code-section .button {
	font-size: 18px;
	display: inline-block;
	width: auto;
}
.device-os {
	font-size: 20px;
	font-family: 'din-light', sans-serif;			
	line-height: 1em;	
	margin-bottom: 0.5em;
}
.total-connected {
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	font-family: 'DIN Alternate', sans-serif;
	margin-bottom: 0.5em;
}
.device-types {
	width: 50%;
	margin: 1em auto;
	border-top: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
    padding-top: 3em;
}
.device-type {
	display: inline-block;
	width: 49%;
}
.device-type .device-icon {
	display: inline-block;
	width: 48%;
	vertical-align: middle;
}
.device-type .device-details {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}
.device-actions .button {
	display: inline-block;
	width: auto;
}
.button.current-plan {
	background-color: transparent !important;
	color: #1A1919 !important;
	border-top: 1px solid #E6E6E7 !important;
	border-bottom: 1px solid #E6E6E7 !important;
	border-left: 0px;
	border-right: 0px;
}
.voiceline-grid-payment {
	height: 76px;
	box-sizing: border-box;
	vertical-align: middle;
}
.item-payment.voiceline-grid-payment li {
	margin: 0px;
}
.change-voice-plan-pay {
	text-align: right;
}
.manage-voicelines .voiceline-summary {
	margin-left: 0px;
	width: 60%;
}
.manage-voicelines {
	
}
.manage-voicelines .voiceline-summary-wrap-left {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	margin-right: 9%;
}
.manage-voicelines .voiceline-summary-wrap-right {
	display: inline-block;
	width: 60%;
	vertical-align: middle;
}
.manage-voicelines .voicelines-content .account-actions {
	margin-top: 0px;
}
.manage-voicelines .voiceline-single {
	padding: 2em 0;
	border-bottom: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
}
.manage-voicelines .upgrade-note {
	width: 100%;
	margin-top: 1em;
}
li.item-specs-credit-limit {
	height: 46px;
}
.purchase-addons-section .grid-section {
	text-align: left;
}
.purchase-addons-section .grid-section .box {
	border: 0px;
	padding-top: 3em;
	padding-bottom: 3em;
}
.purchase-addons-section .grid-section .box .item-title-price {
	font-size: 24px;
	font-family: 'din-condensed', sans-serif;	
	color: #EC008C;
	line-height: 1.4em;	
}
.item-icon img {
	max-width: 100%;
}
.plan-icon {
	max-height: 115px;
}
.purchase-addons-section .grid-section .box .item-icon img {
	width: 100%;
}
.purchase-addons-section .grid-section .box .item-title-main {
	font-size: 20px;
	line-height: 1.4em;
	color: #1A1919;
}
.product-options {
	
}
.product-option {
	position: relative;
	margin: 1em 0;
}
.product-option input {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	left: 0px;
	top: 0px;
}
.product-option .product-option-text {
	display: inline-block;
	vertical-align: top;
	margin-left: 2.5em;
}
.product-option .product-option-text p {
	margin: 0px;
}
.product-option .product-option-text label {
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	font-size: 20px;	
}
.product-price {
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	font-size: 36px;	
	color: #EC008C;
	margin: 1em 0 0.3em;
}
.product-price+p {
	margin-top:-8px;
}
h3.product-sub-title {
	font-family: 'din-light', sans-serif;			
	font-size: 18px;
	margin: 1em 0 0;	
}
h1.product-title {
	font-family: 'din-light', sans-serif;			
	font-size: 24px;
	margin: 0 0 1em;	
}
.product-gallery {
	overflow: hidden;	
	padding-left: 5%;
	padding-right: 5%;
}
.product-gallery img {
	width: 100%;
}
.product-gallery .royalSlider {
  width: 100%;
  height: 300px;
}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
	background-color: transparent !important;
}
.product-details-section .widget-wrap > .col-left {
}
.rsDefaultInv .rsBullet {
	margin-left: 3px;
	margin-right: 3px;
}
.rsDefaultInv .rsBullet span {
	width: 10px;
	height: 10px;
	background-color: #E6E6E7;
}
.rsDefaultInv .rsBullet.rsNavSelected span {
	background-color: #EC008C;	
}
.product-details-section .product-action {
	margin: 2em 0;
}
.addon-checkout-spec {
	
}
.addon-checkout-spec label {
	font-size: 18px;	
}
.item-specs-l.addon-checkout-spec ul li .value {
	text-align: right;
	width: auto;
}
.addon-checkout-spec .value span {
	display: inline-block;
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	font-size: 24px;
}
.addon-checkout-spec .value .amt {
	min-width: 40%;
	font-weight: bold;
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	font-size: 24px;
}
.addon-checkout-spec .total-price .value {
	font-size: 64px;
	line-height: 1em;
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	white-space: nowrap;
}
.addon-checkout-spec .total-price .value .curr {
	font-size: 30px;
}
.addon-checkout-spec .total-price .value .amt {
	color: #EC008C;
	font-size: 64px;
}
.addon-checkout-spec .total-price label {
	margin-top: 2em;
	vertical-align: middle;
}
.addon-checkout-section .col-3 .col:nth-child(3) { 
	padding-right: 0px;
	width: 29%;
}
.addon-checkout-section .box .item-title {
	margin-bottom: 0px;
}
.empty-intro .pay-section {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.test-result {
	width: 60%;
    margin: 0 auto;
    text-align: center;
}
.test-result-single {
	text-align: center;
	display: inline-block;
	width: 49%;
}
.test-result-single label {
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	font-size: 18px;	
	text-transform: uppercase;
	color: #1A1919;
}
.test-result-single .speed-num {
	font-size: 18px;
}
.test-result-preview {
	margin-top: 4em;
	height: 400px;
	padding: 3em 0px;
	border-top: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
}
.test-result-preview iframe {
	width: 100%;
	height: 100%;
	border: 1px solid #1A1919;
}
.test-result-preview {
	text-align: center;
}
.test-result-preview  label {
	display: block;
	font-family: 'din-condensed', sans-serif;	
	font-weight: bold;
	font-size: 24px;	
	margin: 1em 0;
	text-transform: uppercase;
	color: #1A1919;	
}
.test-video {
	width: 60%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.test-video iframe {
	width: 100%;
}
.test-video-result {
	margin: 3em 0 0;
	text-align: center;
}
.test-video-result .title {
	text-align: center;
	font-size: 24px;
	display: inline-block;
	padding-bottom: 0.3em;
	border-bottom: 2px solid #EC008C;
}
.test-video-result .title:after {
	display: none;
}
.test-video-result-table {
	margin: 2em auto 0;
	display: table;
}
.test-video-result-row {
	display: table-row;
}
.test-video-result-row label {
	display: table-cell;
	font-size: 16px;
	padding: 5px 50px 5px 20px;
	vertical-align: middle;
	text-align: left;
}
.test-video-result-row .value {
	display: table-cell;
	font-size: 24px;
	padding: 5px 20px;
	font-family: 'din-condensed', sans-serif;		
	vertical-align: middle;
	text-align: left;
}
.play-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255,255,255,0.85);
}
.play-layer .play-layer-wrap {
	display: table;
	height: 100%;
	width: 100%;
}
.play-layer .play-layer-wrap2 {
	display: table-row;
}
.play-layer .play-layer-play {
	display: table-cell;
	vertical-align: middle;
}
.ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
}
.relocation-calendar .ui-datepicker-calendar td a {
	width: 42px;
	height: 42px;
	display: inline-block;
	border-radius: 50%;
	line-height: 42px;
	font-family: 'din-condensed', sans-serif;		
}
.relocation-calendar .ui-datepicker-current-day a,
.relocation-calendar .ui-datepicker-calendar td a:hover {
	background-color: #EC008C;
	width: 42px;
	height: 42px;
	display: inline-block;
	border-radius: 50%;
	color: #ffffff !important;
}
.relocation-calendar .ui-datepicker-current-day.ui-datepicker-week-end a,
.relocation-calendar .ui-datepicker-calendar td.ui-datepicker-week-end a:hover {
	background-color: #333333;
	width: 42px;
	height: 42px;
	display: inline-block;
	border-radius: 50%;
	color: #ffffff !important;
}
.ui-datepicker-month {
}
.relocation-calendar .ui-datepicker-calendar {
	border-top: 1px solid #E6E6E7;
}
.relocation-selector label {
	font-size: 16px;
	font-family: 'din-light', sans-serif;			
	display: block;
	text-align: left;
}
.relocation-selector .date-select {
	display: inline-block;
}
.relocation-selector .nice-select.open .list {
	width: auto;
}
.relocation-calendar .ui-datepicker-header {
	font-size: 24px;	
	line-height: 1.6em;
}
.product-description {
	
}
.product-description ul {
	list-style: disc;
	padding-left: 1.5em;
}
.product-description ul li {
	margin: 0.5em 0;
}
li.secondary {
	display: none;
}
a.more-accounts.button {
	font-family: 'DIN Alternate', sans-serif;
	font-weight: bold;	
	font-size: 14px;	
	margin-left: 2em;
}
.account-pay-select .secondary {
	
}
.credit-input {
	display: inline-block;
}
.credit-input .credit-cell {
	border: 0px;
    border-bottom: 1px solid #A4AAB3;
    font-family: 'din-condensed', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #1A1919;
    padding: 0px 0px;
    width: 2em;
    display: inline-block;
}
.credit-input .credit-cell::placeholder {
	color: #E6E6E7;
}
.ui-tooltip, .arrow:after {
	position: absolute !important;
}
.ui-helper-hidden-accessible { display:none; }
.card-notice {
	padding: 2em;
	background-color: #E6E6E7;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
.remove-auto-debit {
	margin-top: 1em;
	text-align: center;
}
.no-ssid {
	margin-top: 3em;
}
#jpWalkthrough #jpwTooltip {
	text-align: center;
}
#jpWalkthrough #jpwTooltip #tooltipInner {
	padding: 1em 0;
}
#jpWalkthrough #jpwTooltip #tooltipInner,
#jpwClose, #jpwNext, #jpwPrevious, #jpwFinish {
	font-family: 'DIN Alternate', sans-serif;
}
#jpwClose:hover {
	color: #ffffff;
}
#jpwClose, #jpwNext, #jpwPrevious, #jpwFinish {
	color: #ffffff;
}
#jpwNext {
	margin-right: 10%;
}
#jpwPrevious,#jpwFinish {
	margin-left: 10%;
}
#jpwNext, #jpwPrevious, #jpwFinish {
	background-color: #EC008C;
	color: #ffffff;
	padding: 0.3em 1em;
	font-family: 'din-condensed', sans-serif;
	text-transform: uppercase;
}
#jpwOverlay {
}
#jpwClose:before {
	
}
#jpwClose {
	top: auto;
	bottom: 5%;
}
.overlay-hole {
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 1px 10000px !important;
}
#jpWalkthrough .overlay-hole > div {
    box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.8) !important;
}
.tour-tips {
	display: none;
}
#jpWalkthrough #jpwTooltip .top {
	margin-bottom: 40px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background-color: #EC008C;
	border-color: #EC008C;
}
.page-login-wrapper .mCSB_inside>.mCSB_container {
	margin-right: 0px;
}
.page-login-wrapper .mCSB_scrollTools {
	width: 1px;
	opacity: 1;
}
.page-login-wrapper .mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}
.page-login-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: transparent;
}
/* CSS Update 261017 Begin */
.input-group.error {
	border: 1px solid red;
}
.input-group.error .btn-number, .input-group.error .addon-currency, .input-group.error .input-number {
	border-top: 0px;
	border-bottom: 0px;
}
.input-group.error .btn-minus {
	border-left: 0px;
	padding: 17px 16px;
}
.input-group.error .btn-plus {
	border-right: 0px;
	padding: 17px 16px;
}
.current-credit-limit {
    text-align: left;
    margin: 0em 0 4em;
}
.current-credit-limit .currency, .current-credit-limit .amount-num {
    color: #000000;
    display: inline;
	font-size:36px;
}
.current-credit-limit .currency {
}
.current-credit-limit .amount-due {
	text-align: left;
}
.current-credit-limit .col-left {
	width: 20%;
}
.new-credit-limit .col-left .amount-due {
	margin-top:20px;
	margin-bottom: 20px;
}
.new-credit-limit .btn-number {
	padding:16px;
}
.btn-number {
	background-color: #eee;
}
.input-number {
	z-index: 10 !important;
	font-family: 'din-condensed', sans-serif;
	font-size: 36px !important;
	color: #000000;
	text-transform: uppercase;
	text-align: center !important;
	padding: 0px 0px !important;
	height: 54px !important;
	background-color:transparent !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0) !important;
	/*border-right: none !important;
	border-left: none !important;*/
}
.addon-currency {
	border-right:0px;
}
.btn-plus {
	border-left:0px;
}
.new-credit-limit .btn-default:hover {
    color: #fff;
    background-color: #ec008c;
	transition: 0.3s ease-in-out background-color;
}
.new-credit-limit {
	text-align: left;
}
.new-credit-limit .col-left {
	width: 40%;
}
.new-credit-limit .col-right {
	width: 59%;
}
.new-credit-limit .col-left .light, .new-credit-limit .col-right .light {
	text-align: center;
	width: 100%;
}
.new-credit-limit .btn-default:focus, .btn-default.focus {
    color: #fff;
    background-color: #ec008c;
	transition: 0.3s ease-in-out background-color;
}
.new-credit-limit-title {
	font-size: 18px;
	color: #A4AAB3;
	font-family: 'din-condensed', sans-serif;
	text-transform: uppercase;
}
.new-limit-border {
	border-bottom: 1px solid #E6E6E7;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.credit-limit-link {
	display: block;
	color: #fff !important;
}
.remove-chart {
	height: 100px;
	z-index: -1;
}
.remove-chart canvas {
	opacity: 0;
}
@media (max-width:767px) {
	.current-credit-limit .amount-due, .current-credit-limit {
		text-align:center;
	}
}
.multi-service-dropdown {
	display: block; 
	width: 100%;
	padding: 40px 0px;
	margin-top:-40px;
}
.section-row .date-filter-right {
	position: relative;
}
::selection {
  background: #ec008c; /* WebKit/Blink Browsers */
	color:#fff;
}
::-moz-selection {
  background: #ec008c; /* Gecko Browsers */
	color:#fff;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
input:focus, textarea:focus {
    border-color: #e6007e !important;
    box-shadow: inset 0 1px 1px rgba(230,0,126,0.05), 0 0 3px rgba(230,0,126,0.29) !important;
}
textarea {
	font-family: 'din-light', sans-serif;
	font-weight: normal;
	line-height: 1.6em;	
	font-size: 16px !important;
	color: #000 !important;
}
.vert-align, .vert-align a {
	vertical-align:top;
}
.vert-align a.button {
	margin:0px 10px;
}
.account-status.inprogress {
	background-color: #f1ecde !important;
	border-radius: 0px !important;
	color:#000000 !important;
}
.hook-up-and-earn .section-title-small .title {
	font-size: 24px;
	border-bottom: 1px solid #EC008C;
}
.title.center {
	text-align: center;
	margin-bottom: 35px;
	font-size: 24px;
}
.title.center:after {
	display: none;
}
.hook-up-and-earn .col-left {
	width: 38%;
	padding: 15px;
}
.hook-up-and-earn .col-right {
	width: 45%;
	padding: 25px;
}
.hook-up-and-earn h2 {
	margin:0px;
	color: #000;
	font-family: 'DIN Condensed', sans-serif;
}
.hook-up-and-earn p {
	margin-top: 5px;
}
.join-me-on-fast-lane {
	width: 60%;
}
.border-grey {
	border:1px solid #E6E6E7;
}
.tbl-2 {
	margin: 0 auto;
}
.filters .current {
	color: #A4AAB3;
}
.hidden {
	display: none !important;
}
.how-it-works {
    padding-top: 3em;
	margin-bottom: 7em;
	border-top: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
}
.discount-balance {
	text-align: center;
}
.discount-balance .col-wrap {
	display: inline-block;
	text-align: left;
	padding: 0% 5% 3%;
}
.discount-balance .col-wrap:last-child {
	border-left: 1px solid #1A1919;
-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
border-image: url(../images/border-gradient-mini.png) 3 stretch;
}
.discount-balance .col-wrap .price {
	font-size:36px;
}
/* Astro Voiceline */
.astro-voiceline-summary {
	position: relative;
}
.astro-voiceline-summary .action-right {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
}
.astro-voiceline-summary .account-summary-col .col-right {
    width: 33%;
    display: inline-block;
}
.normal-text {
	text-transform:none;
}
.account-statement-summary .account-status {
    background-color: #66C8C6;
    border-radius: 4px;
    line-height: 1em;
    padding: 0.5em 2em;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'din-light', sans-serif;
    vertical-align: middle;
}
.steps-col-wrapper {
	margin-bottom:30px;
	float:left;
	width:100%;
}
.steps-col-wrapper .col-full {
	float:left;
	width:100%;
}
.steps-col-wrapper .col-left {
	float:left;
	width:30%;
	clear:left;
}
.steps-col-wrapper .col-left img {
	max-width:90%;
}
.steps-col-wrapper .col-right {
	font-size:15px;
	line-height:1.25;
	padding:15px 0px;
	float:left;
	width:65%;
	clear:right;
}
.payment-terms label, .payment-terms label a {
	font-family: 'din-light', sans-serif !important;
	font-weight: normal !important;
	font-size:14px !important;
}
.payment-terms label a {
}
/*.addon-checkout-section .col {
	vertical-align:top;
}*/
.status-message .small {
	font-size: 11px;
	margin-bottom: 0px;
}
.full-banner {
	background-image: url(../images/homescreen-option2.jpg);
	background-size: cover;
	background-position: center center;
	height: 93vh !important;
}
.fpx-logo {
	vertical-align: top;
	height: 33px;
}
.voiceline-grid-usage-history {
	position: relative;
	min-height: 100px;
}
@media (max-width:767px) {
.voiceline-grid-usage-history {
	min-height: 15px;
}
}
.voiceline-grid-usage-history p {
	float: left;
}
.voiceline-grid-usage-history .recommended-plan {
	margin: 0px;
	font-family: 'din-condensed', sans-serif;
	font-size: 25px;
	text-align: center;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width: 100%;
	color: #ec008c;
}
.description-col, .month-col {
	display: inline-block;
	height:40px;
	text-align: center;
}
.usage-history {
	font-size: 11px;
	display: block;
	float: none;
	clear: both;
	padding-top:20px;
}
.barchart-bar {
	position: relative;
	height:40px;
	width: 20px;
	border-bottom:1px solid #cccccc;
}
.barchart-bar > span {
	position: absolute;
	bottom:5px;
	display: block;
	width:20px;
}
.bar-01 {
	background-color: #666666;
}
.bar-02 {
	background-color: #999999;
}
.bar-03 {
	background-color: #cccccc;
}
.barchar-number {
	width:20px;
	text-align: center;
	position: absolute;
	top:-20px;
	left: 0;
	background-color: transparent;
}
.barchart-bar {
	padding: 0px 10px;
}
.value.penalty {
	color: #FF0F00;
}
.img-responsive {
	max-width:100%;
}

.flip-container {
	perspective: 1000px;
}
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: 70px;
	cursor: pointer;
}
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}
.back {
	transform: rotateY(180deg);
}
#performance .account-actions {
	vertical-align: top;
}
#performance .voiceline-summary {
	margin-left: 1%;
	width: 61%;
}
#performance .col-left {
	min-height: 88px;
}
/** Raise Tickets **/
.ticket-col {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding: 0px 20px 0px;
	box-sizing: border-box;
}
.ticket-2col-left {
	display: block;
	float: left;
	width: 70%;
	margin-bottom: 20px;
	padding: 20px 20px 0px;
	box-sizing: border-box;
	    border-right: 1px solid #dddddd;
    -webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
    -o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
    border-image: url(../images/border-gradient-mini.png) 3 stretch;
	box-sizing: border-box;
}
.ticket-2col-left.scrollbar {
	height: 470px;
}
.ticket-2col-right {
	display: block;
	float: left;
	width: 30%;
	min-height: 300px;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
}
.ticket-2col-right textarea, .raise-ticket-form textarea {
	width: 100%;
	margin: 0 auto;
	min-height: 150px;
	padding: 10px;
	box-sizing: border-box;
	border:1px solid #A4AAB3;
}
.ticket-row {
	display: block;
	width: 100%;
	padding-top: 20px;
	border-bottom:1px solid #E6E6E7;
}
.ticket-user-icon {
	display: inline-block;
	color: #A4AAB3;
	vertical-align: middle;
	padding-right: 15px;
	margin-bottom: 20px;
}
.ticket-user-name {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 20px;
}
.ticket-details {
	display: block;
	padding-bottom: 30px;
}
.ticket-upload {
	margin: 15px auto 30px;
}
.ticket-reply-header {
    color: #1A1919;
    font-family: 'din-condensed', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
	margin-bottom: 15px;
	display: block;
}
.raise-ticket-form input[type="text"] {
	width: 100%;
}
.raise-ticket-form .ticket-upload {
	margin: 5px auto;
}
.raise-ticket-btn {
    font-family: 'din-condensed', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    font-size: 18px;
    padding: 5px 20px 4px;
    color: #fff;
    background-color: #ec008c;
}
.connection-status {
	background-image: url(../images/icon-connection-down.png);
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 0%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: baseline;
}
/*
.connection-status {
	background-image: url(../images/icon-connection-down.png);
	position: relative;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
*/
.connection-status.on {
	background-image: url(../images/icon-connection-up.png);
}
/* CSS Update 14032018 End */
.qty-row {
	margin-bottom: 30px;
}
.qty-number {
    z-index: 10 !important;
	font-family: 'din-condensed', sans-serif;
	font-size: 25px !important;
	color: #000000;
	text-transform: uppercase;
	text-align: center !important;
	padding: 0px 0px !important;
	height: 39px !important;
	background-color: transparent !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0) !important;
	border-right: none !important;
	border-left: none !important;
	width: 50px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.qty-row label {
	display: inline-block;
	margin-right: 15px;
	font-family: 'din-condensed', sans-serif;
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
}
.qty-button {
    display: inline-block;
    padding: 8px;
    background-color: #eee;
    vertical-align: middle;
    font-size: 25px;
    font-weight: bold;
    width: 25px;
    text-align: center;
    border: 1px solid #ccc;
	cursor: pointer;
}
.qty-button:hover {
    background-color: #ec008c;
	color: #fff;
}
.qty-button.dec {
	margin-right:-5px;
}
.qty-button.inc {
	margin-left:-5px;
}
.account-plan .account-status.down {
    background-color: #595A5C;
}
#troubleshoot li {
	margin-bottom: 10px;
	font-size: 14.5px;
	line-height: 1.5;
}
#troubleshoot p {
	margin-bottom: 0px;
	margin-top: 0px;
}
#troubleshoot p strong {
    font-family: 'DIN Alternate Bold', sans-serif;
}
#surprise .modal {
	padding: 0px 0px;
}
#surprise .close-modal {
	color: #fff;
}
.reward-header {
	background-color: #ec008c;
	color: #fff;
	font-family: 'din-condensed', sans-serif;
	font-size: 70px;
	padding: 10px 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
.reward-header img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -26px;
	margin: 0 auto;
}
.reward-img {
	box-sizing: border-box;
}
.reward-img img {
	max-width:250px;
}
.reward-img, .reward-text {
	display: block;
}
.reward-text {
	padding: 0px 15px 20px;
	font-family: 'din-condensed', sans-serif;
}
#surprise .text-wrapper h2 {
	font-family: 'din-condensed', sans-serif;
	font-size: 30px;
}
.reward-terms {
	font-size: 13px;
	font-style: italic;
	line-height: 1.25em;
	padding: 0em 15px 0em;
}
.reward-claimed {
	opacity: 0.3;
	background-color: #CCCCCC;
}
.button.reward-claimed {
	color: #000;
	border: 0px;
	cursor: auto;
}
.reward-sticky {
	position: fixed;
	bottom: 55px;
	right: -200px;
	display: inline-block;
	text-align: center;
	transition: 0.6s;
}
.reward-sticky h3 {
	display: inline-block;
	background-color: #ec008c;
	color: #fff;
	font-family: 'din-condensed', sans-serif;
	padding: 5px 35px;
	margin: 0;
	font-size: 25px;
	cursor: pointer;
	vertical-align: middle;
}
.reward-sticky img {
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}
.reward-sticky.open {
	right: 0px;
	transition: 0.6s;
}
.rewards-claim-page h1 {
	font-family: 'din-condensed', sans-serif;
	line-height: 1;
}
.rewards-claim-page img {
	max-width: 100%;
}
.rewards-claim-page .button {
	margin-top:30px;
	display: inline-block;
	width: auto;
}
.rewards-claim-page .account-statement-summary label {
	width: 25%;
}
.rewards-claim-page .account-statement-summary {
	font-size: 15px;
}
sup {
	font-size:60%;
	vertical-align: super;
}
img.barcode {
	max-width: 180px;
}
#how-to-redeem {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#how-to-redeem h1 {
	font-family: 'din-condensed', sans-serif;
	margin-top: 30px;
}
.rewards-redeem-steps {
	display: inline-block;
	width:24.5%;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
	box-sizing: border-box;
	vertical-align: top;
}
.rewards-redeem-steps span:after {
	content:'';
	display:block;
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(images/rewards-right-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%;
	right:-120px;
	transform: translateY(-50%);
}
.rewards-redeem-steps:last-child span:after {
	display: none;
}
@media (max-width:767px) {
.rewards-redeem-steps span:after {
	display: none;
}
.rewards-redeem-steps {
	display: block;
	width:100%;
}
.reward-redeemed {
	text-align: center;
}
.rewards-claim-page h1 {
	text-align: center;
}
}
.rewards-redeem-steps > span {
	position: relative;
	display: inline-block;
	font-family: 'din-condensed', sans-serif;
	color: #ec008c;
	background-color:#fff;
	padding: 24px 30px;
	font-size: 40px;
	border:6px solid #ec008c;
	border-radius: 100%;
	margin-bottom:0px;
	margin-top:30px;
}
.rewards-redeem-steps span.small {
	font-size:11px;
}
.rewards-redeem-steps p {
	line-height: 1.25;
}
#participating-outlets {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#terms-and-conditions {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#terms-and-conditions .text-wrapper {
	line-height: 1.25;
}
#reward-claim {
	text-align: center;
}
#reward-claim h3 {
	font-family: 'din-condensed', sans-serif;
	font-size: 25px;
}
#reward-claim .button {
	width: auto;
	display: inline-block;
}
#reward-claim .reward-terms {
	margin-bottom: 0px;
}
.reward-redeemed {
	font-family: 'din-condensed', sans-serif;
	font-size:36px;
}
.menu > ul > li .dropdown li {
    margin: 10px 0px;
}
.menu > ul > li {
	position: relative;
	z-index: 99999;
}
.menu > ul > li > a > i {
	font-size:14px;
	vertical-align: middle;
	padding-bottom: 10px;
}
.menu > ul > li:hover .dropdown-wrapper {
	display: block;
}
.menu > ul > li .dropdown {
	width: 140px;
	padding: 1em 1em;
}
.menu > ul > li .dropdown a {
    color: #A4AAB3;
    font-family: 'DIN Alternate', sans-serif;
	font-size: 14px;
}
.button.grey {
	background-color: #595a5c;
	border: none;
	cursor: default;
}
/* Addon */
.purchase-addons-section .grid-section {
	position: relative;
}
.purchase-addons-section .grid-section .box:nth-child(1):after {
	content: 'TIME WiFi LIFESAVERS';
    font-family: 'DIN Alternate', sans-serif;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 15px 5px;
	background-color: #ec008c;
	color: #fff;
}
@media (min-width:641px) {
.purchase-addons-section .grid-section .box:nth-child(1),
.purchase-addons-section .grid-section .box:nth-child(2) {
	border: 1px solid #ec008c;
	margin-right:-5px;
}
.purchase-addons-section .grid-section .box:nth-child(1) {
	border-right: 1px solid #ec008c;
}
.purchase-addons-section .grid-section .box:nth-child(2) {
	border: 0px;
}
}
@media (max-width:640px) {
.purchase-addons-section .grid-section .box:nth-child(1),
.purchase-addons-section .grid-section .box:nth-child(2) {
	border: 1px solid #ec008c;
	margin-right:0px;
	margin-bottom:0px;
}
.purchase-addons-section .grid-section .box:nth-child(1) {
	border-bottom: 0px;
}
.purchase-addons-section .grid-section .box:nth-child(2) {
	border-top: 0px;
}
}
/* GST Note */
.gst-note-wrapper {
	text-align:center;
	background-color: #f6f7ee;
	padding:15px 15px;
	margin-bottom: 45px;
	font-size: 14px;
	line-height: 1.25;
}
.gst-note-wrapper p {
	padding: 0px;
	margin: 0px;
}
@media (max-width:767px) {
.gst-note-wrapper {
	margin-top: 15px;
	margin-bottom: 0px;
	}
}
/* Announcement Note */
.announcement-wrapper {
	text-align:center;
	font-size: 14px;
	line-height: 1.25;
	width: 100%;
	min-height: 10px;
}
.announcement-wrapper p {
	padding: 0px;
	margin: 0px;
}
.announcement-wrapper .visible-xs {
	display: none;
}
.announcement-wrapper .hidden-xs {
	display: block;
}
@media (max-width:767px) {
.announcement-wrapper {
	margin-top: 15px;
	margin-bottom: 0px;
	}
.announcement-wrapper .visible-xs {
	display: block;
}
.announcement-wrapper .hidden-xs {
	display: none;
}
}
/** Ragnarok Popups **/
.popup-slider .modal {
	background-color: transparent;
	padding: 0em 0em 0em;
}
.popup-slider .modal-content {
	background-color: #fff;
}
#UpgradeComing .modal {
	padding: 0px 0px;
}
#UpgradeComing .close-modal {
	color: #fff;
}
#UpgradeComing {
	
}
.popup-cta {
	padding-top:15px;
}
.popup-cta .button {
	display: inline-block;
	max-width:40%;
	margin-top: 2px;
	margin-bottom: 15px;
}
@media (max-width:767px) {
.popup-cta .button {
	max-width:80%;
	margin-bottom: 8px;
}
.popup-cta .button+.button {
	margin-bottom: 20px;
}
}
.popup-rewards {
	padding-top: 30px;
}
.popup-rewards .reward-img img {
	margin: 0 auto;
}
.popup-header {
	position: relative;
}
.popup-header img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom:-25px;
}
.rrp {
	font-size:20px;
	font-weight: 100;
	color: #000;
}
.small-note {
	line-height:1.15;
	font-size: 12px;
	display: block;
	padding:0 0;
	height: 50px;
}
.plan-dropdown {
	overflow: visible !important;
	height: 23px;
	width: 100%;
}
.plan-dropdown .nice-select {
	height: 26px;
	padding: 5px 5px;
	line-height: 1.1;
}
.plan-dropdown .nice-select::after {
    right: 10px;
}
@media (min-width:880px) and (max-width:1100px) {
.plan-dropdown {
	height: 46px;
}
}
@media (max-width:1100px) {
.plan-dropdown .nice-select {
	width: 100%;
}
.item-specs .value {
    width: 100%;
	padding: 0px 0px;
}
}
.change-plan-wrapper .col {
	vertical-align: top;
}
.relocation-desc {
	background-color: #f1ebde;
	padding: 15px;
	display: block;
	width: 70%;
	margin: 0 auto 30px;
}
.relocation-desc p {
	margin: 0px;
}
.mock-payment-gateway {
	display: block;
	margin: 0 auto;
}
.center-block {
	margin:0 auto;
}
#PopupMain .popup-img {
	background-image: url(images/popup-banner-bg.png);
	background-size:100% 100%;
	position: relative;
}
#PopupMain .popup-img-2 {
	background-image: url(images/popup-bg-mhm.png);
	background-size:100% 100%;
}
#PopupMain .marshmallow-popup-text, #PopupMain .marshmallow-popup-visual {
	display: inline-block;
}
#PopupMain .marshmallow-popup-text {
	width:60%;
	vertical-align: top;
	position: relative;
	z-index: 10;
}
#PopupMain .marshmallow-popup-text img {
	max-height:200px;
}
#PopupMain .marshmallow-popup-visual {
	width:40%;
	vertical-align: bottom;
	position: relative;
	z-index: 5;
}
#PopupMain .marshmallow-popup-visual img {
	max-height:430px;
}
#PopupMain .marshmallow-popup-text {
	padding: 15px;
	box-sizing: border-box;
}
.popup-clouds {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -2px;
	left: 0px;
	z-index: 7;
}
.marshmallow-popup-text .popup-title,
.marshmallow-popup-text .date-title,
.marshmallow-popup-text .date,
.marshmallow-popup-text .plan-speed {
	font-family: 'din-condensed', sans-serif;
	line-height: 1em;
	font-weight: bold;
}
.marshmallow-popup-text .popup-title {
	text-align: left;
}
.marshmallow-popup-text .date-title {
	font-size: 25px;
}
.marshmallow-popup-text .date {
	font-size: 35px;
	color: #ec008c;
}
.marshmallow-popup-text .plan-speed {
	font-size: 75px;
	color: #ec008c;
	margin: 15px auto 15px;
}
.marshmallow-popup-text .plan-speed span {
	font-size: 50px;
}
#PopupMain .marshmallow-popup-text .popup-title {
	color: #ec008c;
	line-height: 0.92em;
	font-weight: bold;
	font-size:63px;
	margin-top:15px;
}
.popup-centralise {
	max-width: 270px;
	display: block;
}
.popup-mhm-magenta .marshmallow-popup-text {
	padding-left:15px !important;
}
.popup-mhm-magenta .marshmallow-popup-text {
	width:50%;
}
.popup-mhm-magenta .marshmallow-popup-visual {
	width:50%;
	margin-left:-50px;
}
.popup-mhm-magenta .marshmallow-popup-text .popup-title {
	text-align:left;
	margin-bottom:100px;
}
.popup-mhm-magenta .marshmallow-popup-text .popup-title.mbtm-20 {
	margin-bottom: 20px;
	text-align: center;
}
.popup-mhm-magenta .marshmallow-popup-text .popup-title.mbtm-20.text-left {
	text-align: left;
}
.popup-mhm-magenta .marshmallow-popup-text .popup-title.mbtm-20.text-left + p {
	font-size:14px;
	line-height: 1.35;
}
.outstanding-note {
	display: block;
	width: 85%;
	margin: 0 0;
	box-sizing: border-box;
	padding: 20px 0px 0px;
	border-radius: 10px;
	text-align:left;
}
.outstanding-note p {
	color: #ec008c;
	line-height: 1.25;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.outstanding-note p.text-black {
	color: #000;
}
.outstanding-note p+p {
	margin: 0px 0px 10px;
	color: #000;
	font-size:18px;
	font-family: 'din-condensed', sans-serif;
}
.outstanding-note h4 {
	color: #ec008c;
	font-size:60px;
	font-family: 'din-condensed', sans-serif;
	font-weight:bold;
}
.outstanding-note.upgrade-plan h4 {
	color: #000;
	font-size:23px;
	font-family: 'din-condensed', sans-serif;
}
.outstanding-note.upgrade-plan h4+h4 {
	color: #ec008c;
	font-size:35px;
	line-height:40px;
	margin-top: 5px;
}
.outstanding-note.upgrade-plan a {
	color: #000;
	font-size:18px;
	font-family: 'din-condensed', sans-serif;
	font-weight:bold;
}
.outstanding-note .small-note {
	font-size:11px !important;
	color:#000;
	margin-top:20px !important;
	height:auto;
}
.outstanding-note .small-note a {
	color: #ec008c;
}
.price-cut {
	position:relative;
	display:inline-block;
	margin-right:10px;
	font-size:30px;
}
.price-cut:after {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#ec008c;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.price-discount span {
	color:#ec008c;
	position:relative;
	display:inline-block;
}
.price-discount span:after {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#ec008c;
	position:absolute;
	top:45%;
	transform:translateY(-45%);
}
.confirmation-change-plan-icon {
	max-width:150px;
}
.confirmation-change-plan-details .address-title {
	font-family: 'din-condensed', sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: #A4AAB3;
}
.confirmation-change-plan-details .address, .confirmation-change-plan-details .address-title {
	display:inline-block;
	width:45%;
	text-align:left;
}
.plan-notes {
    font-size: 12px;
    background-color: #f1ebde;
    padding: 10px 15px 15px;
    margin-top: 20px;
    display: block;
    line-height: 1.3;
}
.plan-notes ol {
	text-align: left;
	padding-left: 20px;
}
.plan-notes ol li {
    margin-bottom: 0px;
    line-height: 1.35em;
}
.plan-notes ol li {
	list-style: decimal;
}
@media (max-width:767px) {
#PopupMain .marshmallow-popup-text .popup-title {
	font-size:35px;
	margin-top: 10px;
}
.marshmallow-popup-text .date-title {
	font-size: 21px;
	display: inline-block;
}
.marshmallow-popup-text .date {
	font-size: 21px;
	display: inline-block;
}
#PopupMain .marshmallow-popup-text, #PopupMain .marshmallow-popup-visual {
	/*display: block;
	width:100%;*/
}
#PopupMain .marshmallow-popup-visual img {
	width:auto;
	margin: 0 auto;
	display: block;
    max-height: 100%;
}
.popup-mhm-magenta .marshmallow-popup-text .popup-title {
    text-align: left;
    margin-bottom: 10px;
}
.popup-mhm-magenta .marshmallow-popup-visual {
    margin-left: -20px;
}
.outstanding-note {
	width: 100%;
	padding: 10px 0px;
}
.outstanding-note p {
	font-size: 12px;
}
.outstanding-note h4 {
	font-size:30px;
}
.outstanding-note.upgrade-plan h4 {
    font-size: 16px;
}
.outstanding-note.upgrade-plan h4 + h4 {
    font-size: 20px;
    line-height: 20px;
}
.price-cut {
    font-size: 22px;
}
.marshmallow-popup-text .plan-speed {
	font-size: 60px;
}
.marshmallow-popup-text .plan-speed span {
	font-size: 40px;
}
.slick-dots {
    bottom: -60px !important;
}
}
.text-white {
	color: #fff;
}
/* CSS Update 13032019 Begin */
.radio-row {
	display: block;
	margin-bottom: 10px;
}
.radio-row label {
	font-size:20px !important;
}
.choose-bank .payment-terms label {
	display: block;
	margin-bottom: 10px;
}
/* CSS Update 13032019 End */

/** Selfcare Chat Edit **/
.selfcare-chat {
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    background-color: #ec008c !important;
}
.selfcare-chat+.footer-links {
	margin-right: 160px !important;
}
/** Selfcare Chat Edit **/