/* ---------------------------------------------------------
   1. Imported Font Files
   2. General reset
   3. Common site styles
   4. Custom form styles
   5. Styles for responsive breakpoints
   ---------------------------------------------------------*/
/* ---------------------------------------------------------
  1. Imported Font Files
---------------------------------------------------------*/
@font-face {
	font-family: DINWeb-Black;
	src: url("../fonts/DINWeb-Black.eot");
	src: url("../fonts/DINWeb-Black.woff") format("woff");
}
@font-face {
	font-family: DINWeb;
	src: url("../fonts/DINWeb.eot");
	src: url("../fonts/DINWeb.woff") format("woff");
}
@font-face {
	font-family: DINWeb-Bold;
	src: url("../fonts/DINWeb-Bold.eot");
	src: url("../fonts/DINWeb-Bold.woff") format("woff");
}
@font-face {
	font-family: DINWeb-Medium;
	src: url("../fonts/DINWeb-Medium.eot");
	src: url("../fonts/DINWeb-Medium.woff") format("woff");
}
@font-face {
	font-family: DINWeb-Light;
	src: url("../fonts/DINWeb-Light.eot");
	src: url("../fonts/DINWeb-Light.woff") format("woff");
}
@font-face {
	font-family: 'dk_crayon_crumbleregular';
	src: url('../fonts/dk_crayon_crumble-webfont.eot');
	src: url('../fonts/dk_crayon_crumble-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/dk_crayon_crumble-webfont.woff2') format('woff2'),
		 url('../fonts/dk_crayon_crumble-webfont.woff') format('woff'),
		 url('../fonts/dk_crayon_crumble-webfont.ttf') format('truetype'),
		 url('../fonts/dk_crayon_crumble-webfont.svg#dk_crayon_crumbleregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'CRAPJOE';
    src: url('../fonts/CRAPJOE.eot');
    src: url('../fonts/CRAPJOE.eot') format('embedded-opentype'),
         url('../fonts/CRAPJOE.woff2') format('woff2'),
         url('../fonts/CRAPJOE.woff') format('woff'),
         url('../fonts/CRAPJOE.ttf') format('truetype'),
         url('../fonts/CRAPJOE.svg#CRAPJOE') format('svg');
}
/* ---------------------------------------------------------
  2. General reset
---------------------------------------------------------*/
* {
	max-height: 100000px;
	font-size: 100.01%;
}
html {
	box-sizing: border-box;
	height: 100%;
	font-size: 62.5%;
}
*, *:before, *:after {
	box-sizing: inherit;
}
* {max-height: 100000em;}
/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
body {
	margin:0;
	color:#331156;
	height: 100%;
	font:/*1.800em/1.556em*/ 'DINWeb', Arial, Helvetica, sans-serif;
	background:#fff;
	overflow-y: scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	min-width: 320px;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#b12594;
	outline:none;
}
a:hover {
	text-decoration:underline;
	color: #b12594;
}
input,
textarea,
select {
	font:100% 'DINWeb', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}
textarea,
input[type="text"],
input[type="password"]{ 
	box-shadow: none !important;
	-webkit-appearance: none;

}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
q {quotes: none;}
q:before,
q:after {
	content: '';
	content: none;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {margin: 0 0 1.2em;}
/* ---------------------------------------------------------
   3. Common site styles
   ---------------------------------------------------------*/
/*common styles*/
.align-left{float: left;}
.align-right{float: right;}
.remove-bg #header{background: transparent;}
input[type="text"]:focus{
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
}
/*wrapper styles*/
#wrapper{
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
}
.w1{
	position: relative;
	overflow: hidden;
}
.w1 em {
    font-family: "DINWeb", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.activate-page .w1 {
    background: url(../images/bg.jpg);
    z-index: 1;
}
/*container size*/
.container{
	padding: 0 10px;
	max-width: 1120px;
	margin: 0 auto;
	position:relative;
}
.container:after{
	content: '';
	clear: both;
	display: block;
}
.bg-stretch{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	overflow: hidden;
}
.bg-stretch img{
	width: 100%;
	height: 100%;
}
.bg-stretch .overlay{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
}
.activate-page .bg-stretch img {
    width: 796px!important;
    height: 259px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    display: block!important;
    margin-top: 70px!important;
}

/*button styles*/
.btn-more{
	display: inline-block;
	vertical-align: top;
	border: 1px solid #b42d98;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	padding: 7px 19px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.btn-more:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin: -4px 5px 0 0;
	background-image: url(../images/arrow-1.svg);
	background-repeat: no-repeat;
	background-size: 8px 12px;
	height: 12px;
	width: 8px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.no-svg .btn-more:before{
	background-image: url(../images/arrow-1.png);
}
.btn-more:hover{
	border-color: #de9200;
	color: #de9200;
	text-decoration: none;
}
.btn-more:hover:before{
	background-image: url(../images/arrow_orange.svg);
}
/*header styles*/
#header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #1d063d;
	z-index: 11;
	padding: 16px 0 10px;
}

#header .container { height:46px!important; }

.main-page #header{z-index: 99;}
/*logo styles*/
.logo{
	height: 46px;
	width: 141px;
	float: left;
}
.logo a{
	display: block;
	height: 100%;
}
.logo img{
	vertical-align: top;
	width: 100%;
	height: auto;
}
.header-contact{
	float: right;
	padding-top: 13px;
}
.mac.safari .header-contact,
.mac.chrome .header-contact{padding-top: 8px;}
.header-contact span{
	text-transform: uppercase;
	display: block;
	color: #fff;
	font: 14px/22px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
}
.header-contact a{
	font: 20px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	pointer-events: none;
	letter-spacing: -0.5px;
	margin-left: 6px;
}
.header-contact a:hover{text-decoration: none;}
/*navigation styles*/
.navigation{
	overflow: hidden;
	text-align: center;
	padding: 16px 0 8px;
}
.nav-opener{display: none;}
/*main navigation styles*/
#nav{
	display: inline-block;
	vertical-align: top;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li:first-child{display: none;}
#nav li{
	font: 14px/18px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	float: left;
	margin: 0 9px;
	text-transform: uppercase;
}
#nav a{
	position: relative;
	color: #fff;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
#nav li a:hover{text-decoration: none;}
#nav .active a:before,
#nav a:hover:before{
	background: #fff;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 1px;
	content: '';
	position: absolute;
	opacity: 0.3;
}
#nav .active a:before{opacity:1;}
#nav .has-modal a{ color: #b12594;}
#nav .has-modal a:before{background: #b12586;}
/*banner styles*/
.banner{
	/*height: 689px;*/
	position: relative;
	margin-bottom: 96px;
}
.activate-page .banner{
    margin-bottom: 0px;
}

.activate-page .banner .container{
    height: 330px!important;
}
.inner-page .banner {
    margin-bottom: 0px;
}
.banner .container{
	position: relative;
	color: #fff;
	/*height: 100%;*/
	height: 689px;
}
.banner .text-block{
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
}
.banner h1{
	margin: 0;
	text-transform: uppercase;
}
.banner .btn-read{
	position: absolute;
	right: 8px;
	bottom: 0;
	color: #fff;
	text-transform: uppercase;
	font: 18px/22px 'DINWeb-Black', Arial, Helvetica, sans-serif;
	max-width: 360px;
}
.banner .btn-read:before{
	background:url(../images/arrow_circle.svg) no-repeat;
	display: inline-block;
	vertical-align: middle;
	content: '';
	height: 40px;
	width: 40px;
	margin-right: 10px;
	margin-bottom: 2px;
}
.no-svg .banner .btn-read:before{background: url(../images/tick-white.png) no-repeat;}
.banner .btn-read:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.main-text{
	text-align: center;
	max-width: 47%;
	min-height: 220px;
	margin: 0 auto 43px;
}
.activate-page .main-text{
    margin-bottom: 20px;
}
.activate-page .for_button .btn{
    background-color: #b43490;
    border-radius: 0.6em;
    color: #ffffff;
    font-family: "DINWeb-Medium";
    letter-spacing: 1px;
    margin: 2em auto;
    padding: 0.7em 5em;
    text-transform: uppercase;
    display: inline-block;
}
.activate-page .for_button .btn a{
    color: #ffffff;
    font-family: "DINWeb-Medium";
    text-decoration: none;
}
.activate-page .notes {
    color: #412161;
    font:11px/16px 'DINWeb', Arial, Helvetica, sans-serif!important;
    margin: 0 auto 0;
    max-width: 450px;
    padding: 0 2em;
    position: relative;
    text-align: center;
}
.activate-page .intro-text {
    background: #fff;
    border-radius: 8px;
    font-family: "DINWeb-Light";
    font-size: 18px;
    padding: 2em 2em 1em;
}
.activate-page #admit1 {
    right: -38%;
    top: 0;
}
.activate-page .admit {
    background: url("../images/admit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 120px;
    position: absolute;
    width: 120px;
    z-index: 100;
}
.activate-page #admit2 {
    position: absolute;
    right: 62%;
    top: 66%;
    transform: rotate(111deg);
    z-index: 600;
}
.activate-page .admit {
    background: url("../images/admit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 120px;
    position: absolute;
    width: 120px;
    z-index: 100;
}

.main-text h2{
	font: 1.222em/1.182em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 27px;
	color: #421866;
}
.main-text p{margin: 0 0 28px;}

/*promotion block styles*/
.promo-block{overflow: hidden;}
.promo-block img{vertical-align: top;}
.promo-block .promo.add{
	background: #faf9f8;
	min-height: 646px;
}
.promo-block .promo{
	padding: 85px 0 0;
	height: 603px;
}
.promo-block .text-block{
	float: left;
	width: 38%;
}
.promo-block .image-holder{
	float: right;
	width: 57.5%;
	text-align: right;
	margin: -155px 0 0;
}
.promo-block .image-holder.add{margin-top: -45px;}
.promo-block h2{
	font: 3.333em/1.1em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 27px;
	color: #b12594;
	letter-spacing: -3px;
	text-transform: capitalize;
}
.promo-block .title{
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
}
.promo-block p{margin: 0 0 33px;}
.promo-block .promo.last{
	min-height: 1px;
	height: 586px;
}
/*plan block styles*/
.plan-block{
	background: #1d063d;
	position: relative;
	z-index: 3;
	overflow: hidden;
}
.plan-block .row:after{
	content: '';
	clear: both;
	display: block;
}
.plan-block .row{
	margin: 0 0 0 -30px;
}
.main-page .plan-block .row{border-right:1px solid #341f51;}
.plan-wrap:first-child{margin-right: 184px;}
.plan-wrap{
	border-width: 0 1px;
	border-color: #341f51;
	border-style: solid;
	display: inline-block;
	vertical-align: top;
	width: 33.8%;
	padding: 95px 10px 9999px 10px;
	margin-bottom: -9999px;
	color: #776a8b;
}
.plan-block .heading{
	min-height: 73px;
	padding: 0 17px 20px;
}
.plan-wrap .plan-holder{
	border-radius: 5px;
	overflow: hidden;
	padding: 41px 20px 137px;
	color: #776a8b;
	display: block;
	text-decoration: none !important;
	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
}
.plan-holder a:hover{
	text-decoration: none;
	background: #291347;
	color: #fff;
}
.plan-holder a:hover .btn-choose{color: #de9200;}
.plan-holder a:hover .btn-choose:before{
	background-image: url(../images/tick-orange.svg);
	background-size: 40px 40px;
}
.no-svg .plan-holder a:hover .btn-choose:before{background-image: url(../images/tick-orange.png);}
.plan-block .title{
	letter-spacing: -4px;
	display: block;
	font: 80px/70px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #b12594;
	margin-left: -3px;
}
.plan-block .title em{
	color: #fff;
	font-style: normal;
	display: block;
    font-family: "Dinweb-medium"
}
.plan-block .plan{
	font: 24px/28px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
}
.plan-block .plan-time{
	margin-bottom: 28px;
	display: block;
	font: 18px/34px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.plan-time span{
	font: 90px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	display: block;
	letter-spacing: -1.5px;
}
.plan-time em{
	font: 50px 'DINWeb-Light', Arial, Helvetica, sans-serif;
	vertical-align: top;
}
.plan-time sup.cents { font-size: 40px; top: -0.9em;}
.mac.safari .plan-time span,
.mac.chrome .plan-time span{line-height: 90px;}
.mac.safari .plan-block.inner .plan-time span,
.mac.chrome .plan-block.inner .plan-time span{line-height: 58px;}
.mac.safari .plan-time em,
.mac.chrome .plan-time em{position: relative; top:-10px;}
.plan-time strong{
	display: inline-block;
	margin-left: -15px;
	font: 18px/34px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.plan-block ul{
	list-style: none;
	margin: 0;
	padding: 0 0 33px;
}
.plan-block ul li{
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.plan-block .btn-choose{
	display: inline-block;
	vertical-align: top;
	position: relative;
	font: 22px/26px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	color: #b12594;
	padding: 8px 0 5px 51px;
	letter-spacing: -0.7px;
}
.plan-block .btn-choose:before{
	content: '';
	background: url(../images/tick.svg) no-repeat;
	background-size: 40px 40px;
	height: 40px;
	width: 40px;
	position: absolute;
	left: 0;
	top: 0;
}
.no-svg .plan-block .btn-choose:before{background-image: url(../images/tick.png);}
/*twitter block styles*/
.twitter-block{
	background: #faf9f8;
	padding: 96px 0;
	min-height: 493px;
	color: #421866;
}
.twitter-block h3{
	margin: 0 0 42px;
	text-transform: capitalize;
	color: #421866 !important;
}
.twitter-block blockquote{
	position: relative;
	margin: 0;
	padding-left: 101px;
	max-width: 86%;
}
.twitter-block blockquote:before{
	position: absolute;
	left: 0;
	top: 6px;
	background: url(../images/ico-twitter.svg) no-repeat;
	background-size: 67px 51px;
	height: 51px;
	width: 67px;
	margin-right: 10px;
	content: '';
}
.no-svg .twitter-block blockquote:before{background-image: url(../images/ico-twitter.png);}
.twitter-block q{
	font-weight: normal;
	text-indent: -14px;
	display: block;
	font-size: 1.444em;
	line-height: 1.385em;
	color: #b12594;
	margin-bottom: 30px;
}
.twitter-block cite{
	font-style: normal;
	display: block;
	font-family: 'DINWeb-Medium', Arial, Helvetica, sans-serif;
}
.company-page .main-text{margin-bottom: 92px;}
.text-holder{
	border-top: 1px solid #d9d4de;
	padding: 106px 0 73px;
}
.text-holder--no-separator {
	border-top: 0 none;
}
#main {
	clear:both;
}
#main h3{
	font: 1.333em/1.167em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #331156;
    letter-spacing: normal;
}

.text-holder h3 {margin: 0 0 27px;}
.text-holder p{margin: 0 0 28px;}
.text-holder .text-title{
	display: block;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 28px;
}
/*two columns styles*/
#two-columns{overflow: hidden;}
/*main content styles*/
#content{
	float: left;
	width: 70%;
	padding-right: 20px;
}
/*sidebar styles*/
#sidebar {
	float: right;
	width: 301px;
}
#sidebar h3{
    margin-bottom: 30px;
}
/*widget styles*/
.widget:last-child{border-bottom: 1px solid #e3dde8;}
.widget:last-child{border-bottom: none;}
.widget + .widget{margin-top: 160px;}
/*canteen logo styles*/
.canteen-logo{
	display: inline-block;
	vertical-align: top;
	width: 112px;
	height: 66px;
	margin-bottom: 13px;
}
.canteen-logo a{
	display: block;
	height: 100%;
}
.canteen-logo img{
	vertical-align: top;
	width: 100%;
	height: auto;
}
.widget{
	font-size: 18px;
	line-height: 28px;
}
.widget ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget li:first-child{
	padding-top: 0;
	margin: 0 0 12px;
}

.two-columns{
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 77px;
}
.two-columns.has-bg{background: #faf9f8;}
.two-columns.top-block{padding-top: 66px;}
.two-columns h3{
	margin: 0 0 25px;
}
/*content styles*/
.content{
	float: left;
	width: 66%;
}
.content .column:first-child{width: 55%;}
.content .column{
	float: left;
	width: 42%;
}
/*aside styles*/
.aside{
	float: right;
	width: 27.5%;
}
.aside-list{
	list-style: none;
	margin: -3px 0 0;
	padding: 11px 0 0 3px;
	font-size: 18px;
	line-height: 28px;
}
.aside-list li{
	letter-spacing: -0.3px;
	margin-bottom: 12px;
}
/*contact info styles*/
.contact-info{
	list-style: none;
	margin: 0;
	padding: 9px 0 3px;
	overflow: hidden;
	font-size: 18px;
	line-height: 28px;
    position: relative;
}
.contact-info li{
	overflow: hidden;
	margin: 0 0 20px;
}
.contact-info .tel{
	float: right;
	font: normal 20px/25px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.contact-info .tel a{
	color: #331156;
	pointer-events: none;
}
.contact-info .tel a:hover{text-decoration: none;}
.contact-info .tel.has-color a{color: #b12594;}
.contact-info .info{
	display: block;
	overflow: hidden;
	max-width: 71.2%;
	position: relative;
}
.contact-info .info:before{
	background: url(../images/bg-phone.jpg) repeat-x;
	height: 1px;
	content: '';
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}
.contact-info .info span{
	background: #fff;
	position: relative;
	z-index: 2;
	padding-right: 2px;
}
.contact-link{
    list-style: none;
    position: relative;
}
/*column holder styles*/
.column-holder .btn-support,
.column-holder .btn-request{padding-left: 34px;}
.column-holder .btn-request{margin-bottom: 20px;}
.btn-support, .btn-request, .btn-network{
	display: inline-block;
	vertical-align: top;
	padding-left: 39px;
	position: relative;
	line-height: 20px;
	font-size: 18px;
}
.btn-network:before {
    background: url(../images/ico-network.svg) no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    content: '';
    position: absolute;
    left: 3px;
    top: 2px;
}
.btn-support:before,
.btn-request:before{
	background: url(../images/ico-message.svg) no-repeat;
	background-size: 24px 12px;
	height: 12px;
	width: 24px;
	content: '';
	position: absolute;
	left: 3px;
	top: 2px;
}
.no-svg .btn-support:before,
.no-svg .btn-request:before{background-image: url(../images/ico-message.png);}
.btn-support:before{
	background: url(../images/btn-support.svg) no-repeat;
	background-size: 26px 25px;
	height: 25px;
	width: 26px;
	left: 0;
	top: -5px;
}
.no-svg .btn-support:before{background-image: url(../images/btn-support.png);}
.plan-block.inner .plan-wrap:first-child{margin-right: 0;}
.plan-block.inner .row{
	max-height: none;
	font-size: 0;
	letter-spacing: -4px;
}
.plan-block.inner{margin-bottom: -1px;}
.plan-block.inner .row{margin: 0 -30px;}
.plan-block.inner .plan-wrap{
	display: inline-block;
	vertical-align: top;
	float: none;
	width: 25%;
	font-size: 18px;
	letter-spacing: 0;
	padding-top: 90px;
	margin-left: -1px;
}
.plan-block.inner .title{
	font-size: 48px;
	line-height: 42px;
	letter-spacing: -2px;
	display: block;
}
.plan-block.inner .title em{
	font-size: 70px;
	line-height: 75px;
	letter-spacing: -4px;
	display: block;
	white-space: nowrap;
}
.plan-block.inner .plan-time{
	padding-top: 20px;
	font-size: 17px;
}
.plan-block.inner .plan-time span{
	font-size: 60px;
}
.plan-block.inner .plan-time em{
	font-size: 34px;
}
.plan-block.inner .title em span{
	display: inline-block;
	vertical-align: top;
	font: 27px/30px 'DINWeb', Arial, Helvetica, sans-serif;
	margin-left:-16px;
	letter-spacing: -2px;
}
.win.msie .plan-block.inner .title em span{font-size: 26px;}
.plan-block.inner .title em span.add{
	font-size: 37px;
	margin: 0;
}
.plan-block.inner .plan-wrap .plan-holder{
	margin-bottom: 77px;
	padding: 36px 18px;
}
.feature-wrap{
	color: #fff;
	position: relative;
	z-index: 5;
	overflow: hidden;
	padding-bottom: 95px;
}
.feature-title{
	display: block;
	font: normal 14px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.feature-wrap .feature{
	overflow: hidden;
	margin-bottom: 14px;
}
.feature-wrap .feature dt{
	float: left;
	width: 130px;
	clear: both;
	margin: 0 10px 2px 0;
}
.feature-wrap .feature dd{
	float: left;
	margin: 0;
}
.feature-wrap .text{
	font: normal 16px/20px 'DINWeb', Arial, Helvetica, sans-serif;
	display: block;
	text-align: right;
	max-width: 220px;
	padding-top: 108px;
}
.feature-wrap .text span{
	display: block;
	font: 24px/38px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.feature-wrap .text .tel{
	color: #fff;
	pointer-events : none;
}
/*service block styles*/
.service-block{border-top: 1px solid #e3dde8;}
.service-block.has-color{padding-bottom: 154px;}
.service-block .column{
	width: 50%;
	float: left;
	color: #b12594;
	padding: 86px 20px 81px 0;
}
.service-block h2{
	font: normal 84px/78px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 8px -5px;
	letter-spacing: -4px;
}
.service-block .row{overflow: hidden;}
.service-block .row + .row{border-top: 1px solid #ecc57c; }
.service-block .contact-info .info{max-width: 56.2%;}
.service-block .header{
	overflow: hidden;
	padding-bottom: 20px;
}
.service-block .title{
	display: block;
	font: normal 24px/30px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin-bottom: 60px;
}
.service-block ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 28px;
}
.service-block .contact-info{
	padding-top: 47px;
	max-width: 310px;
	font-size: 22px;
	line-height: 28px;
}
.service-block .column .same-height{min-height: 112px;}
.service-block.has-color .column{color: #de9200;}
.service-block.has-color .contact-info .tel a{color: #de9200;}
/*inner page styles*/
.inner-page #header{
	position: relative;
}
.inner-page #main{padding-top: 95px;}
.inner-page #main h2{
	font: normal 24px/28px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 28px;
    letter-spacing: normal;
}
.inner-page #content{padding-right: 10px;}
/*request form styles*/
.request-form{
	font-size: 18px;
	line-height: 28px;
}
.request-form .form-wrap{
	background: #fff;
	border: 1px solid #d5d1db;
	border-radius: 10px;
	padding-bottom: 22px;
}
.request-form .button-holder{
	text-align: center;
	padding: 60px 0 20px;
}
.request-form .title{
	display: block;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 27px;
}
.request-form .add .title{margin-bottom: 18px;}
.request-form .holder{padding: 34px 27px 30px 27px;}
.request-form .holder.add{padding-bottom: 34px;}
.request-form .holder + .holder{border-top: 1px solid #eae8ed;}
.request-form .input-holder{
	overflow: hidden;
	margin: 0 0 6px;
}
.request-form .form-title{
	float: left;
	width: 222px;
	padding: 8px 30px 0 0;
}
.request-form .input-wrap{
	overflow: hidden;
	width: 42.6%;
	padding: 0 10px 10px;
}
.request-form .text-wrap{
	width: 54%;
	overflow: hidden;
}
.request-form textarea{
	border: 1px solid #d5d1db;
	border-radius: 5px;
	overflow: hidden;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	min-height: 120px !important;
	height: 120px;
	padding: 7px 10px;
	overflow: auto;
	color: #331156;
}
.request-form input[type="text"]{
	width: 100%;
	border: 1px solid #d5d1db;
	border-radius: 5px;
	height: 40px;
	padding: 7px 10px;
	color: #331156;
}
.request-form .text{
	display: inline-block;
	vertical-align: top;
	margin: 14px 0 12px;
}
.request-form .error input[type="text"]{border-color: #f00;}
.request-form .error label{color: #f00;}
.request-form input[type="submit"]{
	display: inline-block;
	vertical-align: top;
	font: 14px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #fff;
	border: none;
	background: #b12594;
	border-radius: 5px;
	padding: 13px 20px;
	min-width: 31.6%;
	text-transform: uppercase;
}
.request-form input[type="submit"]:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.widget .contact-info{
	padding: 0 0 5px;
	margin-top: -2px;
}
.widget .contact-info dd{
	float: right;
	width: auto;
}
.inner-page .widget + .widget{margin-top: 27px;}
/*network text styles*/
.widget .network{
	display: block;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: -10px 0 23px;
}
.widget .network span{
	display: block;
	font: 14px 'DINWeb', Arial, Helvetica, sans-serif;
}
/*question list styles*/
.widget .question-list{
	margin-top: -7px;
	line-height: 21px;
}
.question-list li + li{
	border: none;
	padding: 0;
}
.question-list li,
.question-list li:first-child{margin: 0 0 9px;}
.question-list a{color: #421866;}
.question-list a:hover{
	color: #b12594;
	text-decoration: none;
}
.widget.no-border{border: none;}
.inner-page #two-columns{padding-bottom: 153px;}
/*genius go page  styles*/
.go-page .text-holder h3{color: #421866 !important;}
.go-page .banner{
	height: 720px;
	background: #1d063d url(../images/bg-banner.png);
}
.banner .img-holder{
	position: absolute;
	bottom: 0;
	right: -109px;
	z-index:100;
}
.go-page .banner .img-holder{
	max-width: 54%;
	right: -3px;
	bottom: -65px;
}
.go-page .banner .img-holder img{
	max-width: 100%;
	height: auto;
}
.banner .img-holder img{vertical-align: top;}
.go-page .banner h1{
	color: #b12594;
	max-width: 44%;
}
.go-page .banner .text-block{bottom: 65px;}
.go-page .main-text{margin-bottom: 79px;}
/*phone form styles*/
.phone-form{
	text-align: center;
	padding-top: 48px;
}
.phone-form .submit{
	float: right;
	background: #b12594;
	border: none;
	text-transform: uppercase;
	color: #fff;
	height: 48px;
	border-radius: 0 5px 5px 0;
	font: 14px/50px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	min-width: 133px;
}
.phone-form .submit:hover{
	text-decoration: none;
	background:#db8b08;
}
.phone-form .input-holder{
	display: inline-block;
	vertical-align: top;
	width: 391px;
	overflow: hidden;
}
.phone-form .input-wrap{
	overflow: hidden;
	border: solid #d5d1db;
	border-width:1px 0 1px 1px;
	border-radius: 5px 0 0 5px;
}
.phone-form input[type="text"]{
	border: none;
	width: 100%;
	height: 46px;
	width: 100%;
	font-size: 28px;
	line-height: 34px;
	color: #421866;
	padding: 4px 11px 2px;
}
/*light box styles*/
#popup3.lightbox{width: 460px;}
.lightbox .wrap{
	padding: 0 99px 56px 28px;
	overflow: hidden;
}
#popup3.lightbox .title{padding-bottom: 36px;}
/*app block styles*/
.app-block{
	text-align: center;
	background: #faf9f8;
	padding: 90px 0 73px;
	font-size: 14px;
	line-height: 26px;
	color: #421866;
}
.app-block .store{
	list-style: none;
	margin: 0;
	padding: 0 0 25px;
}
.app-block .store li{
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 10px;
}
.app-block .store img{vertical-align: top;}
.app-block .title{
	display: block;
	font-weight: normal;
	margin: 0 0 28px;
	font-size: 18px;
}
/*video holder styles*/
.video-holder{
	margin-bottom: -1px;
	min-height: 489px;
	color: #fff;
	background: #1d053d;
	position: relative;
}
.video-holder .video-wrap{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
}
.video-wrap .popup{
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	height: 100%;
}
.video-wrap .frame-holder{
	height: 100%;
	width: 100%;
}
.video-holder .bg-stretch{z-index: 1;}
.video-wrap.popup-active .bg-stretch{display: none;}
.video-wrap iframe{
	height: 100%;
	width: 100%;
}
.video-holder .play-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	background: url(../images/btn-play.png) no-repeat;
	height: 70px;
	width: 70px;
	margin-left: -35px;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
}
#main .video-holder h3{
	color: #fff;
	font-weight: normal;
	margin: 0 0 37px;
}
.video-holder .text-block{
	padding: 83px 0;
	position: relative;
	margin-left: 56.3%;
}
.video-holder .text-block .info, .plan-block .info {
	font-size: 14px;
	line-height: 23px;
	color: #807293;
}
.video-holder .text-block .info{
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 14px;
	line-height: 23px;
	color: #807293;
}
.video-holder .text-block p{margin: 0 0 28px;}
/*text holder styles*/
.text-holder .wrap{
	padding: 0 10px 135px;
	overflow: hidden;
}
/*blockquote styles*/
.text-holder blockquote{
	margin: 0 0 20px;
	max-width: 83%;
}
.text-holder blockquote q{
	display: block;
	margin: 0 0 7px;
}
.text-holder blockquote cite{
	display: block;
	text-transform: uppercase;
	font: normal 12px/16px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.text-holder blockquote{padding-top: 30px;}
/*network list styles*/
.network-list{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d5d1db;
	font-size: 0.778em;
	line-height: 1.857em;
}
.network-list li{
	border-bottom: 1px solid #d5d1db;
	padding: 23px 0 17px;
	min-height: 162px;
}
.network-list .time{
	display: block;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.network-list .name{
	font: 1.429em/1.300em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
}
.inner-page h3{margin: 0 0 43px;}
.main-text .title{
	display: block;
	margin-bottom: 21px;
	color: #421866;
}
/*search form styles*/
.search-form .input-holder{
	display: inline-block;
	vertical-align: top;
	width: 593px;
	border: 1px solid #d9d4de;
	border-radius: 21px;
	height: 42px;
}
.search-form .input{
	overflow: hidden;
	height: 41px;
	padding: 6px 20px;
}
.search-form input[type="submit"]{
	float: right;
	background: url(../images/ico-search.svg) no-repeat;
	background-size: 24px 24px;
	height: 24px;
	width: 24px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	margin: 9px 10px 0 0;
	border: none;
}
.no-svg .search-form input[type="submit"]{background-image: url(../images/ico-search.png);}
.search-form input[type="submit"]:hover{opacity: 0.7;}
.search-form input[type="text"]{
	border: none;
	width: 100%;
	height: 100%;
	padding: 2px 0 0;
	line-height: 24px;
}
/*support page styles*/
.support-page .main-text{min-height: 156px;}
.support-page #sidebar,
.support-page #content{
	border-top: none;
	padding: 0;
}
.support-page #content{width: 69%;}
.support-page h2{
	font: 1.333em/1.250em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
}
.support-page #sidebar, .networkstatus-page #sidebar{
    width: 27.4%;
}
/*help list styles*/
.help-list{
	list-style: none;
	margin: 0;
	padding: 27px 0 0;
	letter-spacing: -4px;
	font-size: 0;
	overflow: hidden;
	max-height: none;
}
.help-list li{
	letter-spacing: 0;
	width: 29.53%;
	font: 46px/50px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 44px;
}
.help-list .active a,
.help-list li a:hover{
	position: relative;
	color: #de9200;
	text-decoration: none;
}
.help-list .active a:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	height: 1px;
	content: '';
	background: #de9200;
}
.support-page .widget .contact-info{padding-bottom: 8px;}
.support-page .widget .btn-request{margin-bottom: 10px;}
.support-page .widget + .widget{margin-top: 25px;padding-bottom: 37px;}
.support-page #main {padding-bottom: 158px;}
.main-text .help-list{padding: 91px 0 0;}
.main-text .help-list li{
	width: auto;
	font-size: 32px;
	line-height: 36px;
	margin: 0 1.8% 14px;
}
/*threecolumn styles*/
#threecolumns{
	border-bottom: 1px solid #421866;
	padding: 4px 0 92px;
	overflow: hidden;
	font-size: 18px;
	line-height: 28px;
}
#threecolumns .column{
	border-top: 1px solid #421866;
	width: 25.6%;
	padding: 17px 0 0;
	float: left;
	margin-right: 1.6%;
}
#threecolumns .column.big{
	width: 45.6%;
	margin-right: 0;
}
#threecolumns .title{
	display: block;
	font: 14px/18px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 42px;
}
#threecolumns h2{
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 30px;
}
#threecolumns .column p{margin: 0 0 28px;}
#threecolumns .btn-more{
	border: none;
	padding: 0;
	font: 18px/22px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.column .text-title{
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
}
/*list holder styles*/
.list-holder{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.list-holder li{
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 12px;
}
.list-holder a{color: #421864;}
.list-holder a:hover{
	text-decoration: none;
	color: #b12594;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.support-page #content h1{
	font: normal 1.778em/1.250em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 53px;
}
.support-page #content .text-title{
	font-family: 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	display: block;
}
.support-page #content p{margin: 0 0 28px;}
.support-page .article{padding: 28px 0 0;}
/*search list styles*/
.search-list{
	list-style: none;
	margin: 0;
	padding: 21px 0 0;
}
.search-list li{
	overflow: hidden;
	margin-bottom: 28px;
}
.search-list .search-title{
	font: 1.111em/1.250em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 3px;
}
/*pagination styles*/
.pagination{
	list-style: none;
	margin: 0;
	padding: 4px 0 0;
	overflow: hidden;
}
.pagination li{
	float: left;
	font-size: 18px;
	line-height: 28px;
	margin-right: 9px;
}
.pagination span{
	color: #b12594;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-decoration: underline;
	position: relative;
}
/*contact block styles*/
.contact-wrap{
	overflow: hidden;
	padding-bottom: 36px;
}
.contact-wrap .text-block{
	max-width: 85%;
	padding: 17px 0 74px;
}
.contact-wrap .text-block .title{
	font: 24px/28px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 17px;
}
/*column holdet styles*/
.column-holder{overflow: hidden;}
.column-holder .column:first-child{
	float: left;
	border-top-color: #de9200;
}
.column-holder .column:first-child h2{color: #de9200;}
.column-holder .column{
	padding-top: 25px;
	float: right;
	width: 45.5%;
	border-top: 3px solid #b12594;
}
.column-holder h2{
	font: 60px/65px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 65px;
	color: #b12594;
	letter-spacing: -3px;
}
.column-holder .block{
	overflow: hidden;
	padding-bottom: 39px;
}
.column-holder .block + .block{
	border-top: 1px solid #421866;
	padding-top: 27px;
	padding-bottom: 70px;
}
.column-holder .block p{margin-bottom: 28px;}
.column-holder .block .title{
	display: block;
	margin-bottom: 14px;
	font: normal 24px/28px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.column-holder .block .contact-info{padding-top: 32px;}
.column-holder .btn-wrap{padding-top: 35px;}
.column-holder .aside-list{padding: 31px 0 0;}
/*bottom block styles*/
.bottom-block{
	position: relative;
	height: 726px;
}
.bottom-block h4{
	margin: 0;
}
/*address block styles*/
.address-block{
	width: 380px;
	padding: 70px 0 0;
}
.address-block .block{
	background: #fff;
	padding: 44px 40px;
}
.address-block .block + .block{border-top: 1px solid #d9d4de;}
.bottom-block h4{
	font: 24px/30px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 16px;
}
.bottom-block .address{
	font-weight: normal;
	line-height: 26px;
	font-size: 18px;
	font-style: normal;
}
.widget .contact-info{padding-bottom: 12px;}
.widget .contact-info .info{max-width: 57.2%;}
.request-page #content h2{color: #b12594;}
.request-page{background: #fbfaf9;}
.content.two-col .column:first-child{
	float: left;
	width: 45%;
}
.content.two-col .column{
	float: right;
	width: 45%;
	padding-right: 24px;
}
.content.two-col .button{margin-bottom: 20px;}
.service-block .contact-info .tel{
	font-size: 22px;
	letter-spacing: -0.3px;
}
.two-col .contact-info .info span{background: #faf9f8;}
.company-page .main-text h2{
	font-size: 1.333em;
	line-height: 1.167em;
}
.top-block .contact-info .info,
.two-col .contact-info .info{max-width: 55.2%;}
.top-block .contact-info li:nth-child(2) .info{max-width: 51.2%;}
/*footer styles*/
.footer,
#footer{
	color: #fff;
	background: #1d053d;
	display: table-footer-group;
	height: 1%;
	overflow: hidden;
	width: 100%;
}
.footer {display: none;}
.footer h4,
#footer h4{
	font: 14px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #b12594;
	margin: 0 0 1px;
	text-transform: uppercase;
}
.footer-top{
	overflow: hidden;
	padding: 48px 0;
	min-height: 248px;
}
.footer-top .align-left{width: 500px;}
.footer-top .wrap:first-child{
	width: 159px;
	float: right;
}
.footer-top .wrap{
	padding-right: 10px;
	width: 141px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}
.footer-top .wrap.center{
	float: none;
	overflow: hidden;
}
.footer-top .wrap span{
	display: block;
}
.footer-top .tel{
	font: 14px/19px 'DINWeb-Black', Arial, Helvetica, sans-serif;
	letter-spacing: 0.7px;
	pointer-events: none;
}
.tel a{
	color: #fff;
	text-decoration: none !important;
}

.footer-top .footer-links {
    display: block;
    float: right;
    clear: both;
    margin-top: 10px;
    margin-right:4px;
}

.footer-top .footer-links .wrap-links {
    display: inline-block;
    width: 160px;
}

.footer-top .footer-links span {
    display: block;
    margin-bottom: 5px;
    text-align: right;
    line-height: 12px;
}

.footer-top .footer-links a {
    font-size: 12px;
    line-height: 12px;
    font-family: "Dinweb", helvetica, sans-serif;
    color: white;
    margin-bottom: 1px;
    display: inline-block;
}

.footer-top .footer-links a:hover {
    text-decoration: none;
    border-bottom: 1px solid white;
    margin-bottom: 0;
}

.footer-bottom{
	overflow: hidden;
	padding-bottom: 40px;
}
.footer-bottom .align-left{
	padding-top: 35px;
	max-width: 50%;
}
.footer-bottom .align-right{max-width: 500px;}
/*social network styles*/
.social-networks{
	list-style: none;
	margin: 0 3px 0 0;
	padding: 1px 0 0;
}
.social-networks li{
	float: left;
	margin-left: 7px;
	text-indent: -9999px;
	overflow: hidden;
}
.social-networks a{
	display: block;
	height: 24px;
	width: 24px;
	border-radius: 24px;
	background: #b12594;
	position: relative;
	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
}
.social-networks a:hover{background: #c24eaa;}
.social-networks a:before{
	content: '';
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 4px;
}
.social-networks .facebook a:before{
	background: url(../images/facebook.svg) no-repeat;
	height: 16px;
	width: 9px;
	background-size: 9px 16px;
}
.no-svg .social-networks .facebook a:before{background-image: url(../images/facebook.png);}
.social-networks .twitter a:before{
	background: url(../images/twitter.svg) no-repeat;
	height: 14px;
	width: 15px;
	background-size: 15px 13px;
	top: 7px;
}
.no-svg .social-networks .twitter a:before{background-image: url(../images/twitter.png);}
.social-networks .youtube a:before{
	background: url(../images/youtube.svg) no-repeat;
	height: 16px;
	width: 14px;
	background-size: 14px 16px;
}
.no-svg .social-networks .youtube a:before{background-image: url(../images/youtube.png);}
/*copyright styles*/
.copyright{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.copyright li{
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	float: left;
	margin-right: 15px;
}
.copyright li a{color: #fff;}
/*footer logo styles*/
.footer-logo a{
	display: inline-block;
	vertical-align: top;
	height: 50px;
	width: 42px;
	margin-left: 10px;
    position: relative;
}
.footer-logo img {
   /* left: -21px;
    position: absolute;
    top: -21px; */
}
.footer-logo .logo-text{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	padding-top: 11px;
	max-width: 400px;
}
.footer .footer-top{padding: 67px 0 88px;}
.footer .footer-top .align-left{
	width: auto;
}
.footer .footer-top .wrap:first-child,
.footer .footer-top .wrap{
	display: block;
	width: auto;
	float: none;
	margin-bottom: 19px;
}
.footer .social-networks{
	padding-top: 14px;
	overflow: hidden;
}
.footer .social-networks li{margin: 0 7px 0 0;}
.footer .footer-top .align-right{width: 71%;}
.fivecolumns .col h4{margin-bottom: 14px;}
.fivecolumns{
	letter-spacing: -4px;
	font-size: 0;
	max-height: none;
	margin: 0 -1%;
}
.fivecolumns .col{
	width: 18%;
	margin: 0 1%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 18px;
}
.fivecolumns ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.fivecolumns li{
	margin-bottom: 14px;
}
.fivecolumns a{
	color: #fff;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.fivecolumns a:hover{
	text-decoration: none;
	color: #b12594;
}
.popup-holder{display: none;}
/*lightbox styles*/
div.lightbox{
	background: #280c4a;
	color: #fff;
	width: 600px;
}
.lightbox .title{
	display: block;
	font: 24px/28px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	padding: 32px 60px 47px 30px;
}
/*login form styles*/
.login-form .input-wrap{
	padding: 0 28px 40px;
}
.login-form .button-holder{
	position: relative;
	border-top: 1px solid #503b6b;
	padding: 25px 30px 26px;
	overflow: hidden;
}
.login-form input[type="text"]{
	background: #533d6e;
	background: rgba(255,255,255,0.2);
	border-radius: 5px;
	color: #fff;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 40px;
	width: 300px;
	padding: 8px 10px 6px;
}
.login-form .form-title{
	font-weight: normal;
	width: 132px;
	padding-right: 10px;
	float: left;
	margin-top: 10px;
	line-height: 22px;
}
.login-form .holder{margin-bottom: 16px;}
.login-form .holder:after{
	content: '';
	clear: both;
	display: block;
}
.login-form input[type="submit"]{
	float: right;
	font: 14px/19px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	border: none;
	background: #b12594;
	border-radius: 5px;
	padding: 11px 8px;
	min-width: 180px;
	border: 2px solid #b12594;
	transition: all 0.2s ease-in-out;
}
.login-form input[type="submit"]:hover{
	background: transparent;
}
.login-form .forgot{
	float: left;
	margin-top: 6px;
}
/* updates for the home page */
div.lightbox2 {
	width:690px;
	color:#331156;
	position:relative;
}
div.lightbox2 .title {
	display:block;
	font:24px/28px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin-bottom:36px;
}
div.lightbox2 p {
	line-height:28px;
	margin:0 0 38px;
}
div.lightbox2 .notes {
	display:block;
	font-size:12px;
	line-height:14px;
	font-style:normal;
}
div.lightbox2 .holder {
	padding:42px 45px;
}
div.lightbox2 .frame {
	background:#fff;
	padding:40px 30px;
	min-height:270px;
}
div.lightbox2:after {
	overflow:hidden;
	width:230px;
	height:230px;
	position:absolute;
	left:0;
	top:0;
	content:"";
	z-index:-1;
	background:url(../images/bg-lightbox.png) no-repeat;
}
div.lightbox2:before {
	overflow:hidden;
	width:230px;
	height:230px;
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	z-index:-1;
	background:url(../images/bg-lightbox.png) no-repeat 0 100%;
}
div.lightbox2 .holder:after {
	overflow:hidden;
	width:230px;
	height:230px;
	position:absolute;
	right:6px;
	top:0;
	content:"";
	z-index:-1;
	background:url(../images/bg-lightbox.png) no-repeat 100% 0;
}
div.lightbox2 .holder:before {
	overflow:hidden;
	width:230px;
	height:230px;
	position:absolute;
	right:6px;
	bottom:0;
	content:"";
	z-index:-1;
	background:url(../images/bg-lightbox.png) no-repeat 100% 100%;
}

#wrapper .hidden {
	display:none;
}
.main-page .banner {
	margin-bottom:0;
}
/*
.main-page .banner .text-block {
	float: left;
	position: static;
	width: 50%;
	margin:86px 0 0 13px;
	text-align:center;
}
*/
.banner .text-fighting {
	float:none;
	width: 447px;
	height: 371px;
	overflow: hidden;
	text-indent:-9999px;
	max-width:100%;
	margin:0 0 0 64px;
	background: url(../images/text-fighting.png) no-repeat;
}
.main-page.home-new .banner .text-fighting {
	background: url(../images/text-streaming.png) no-repeat;
	background-size: 105%;
}
.banner .sub-title {
	display:block;
	text-transform:uppercase;
	letter-spacing:-2px;
	margin-bottom: 6px;
	font:40px/42px 'DINWeb-Black', Arial, Helvetica, sans-serif;
}
.home-new .banner .sub-title {
	letter-spacing: 0px;
	font:18px/20px 'DINWeb-Black', Arial, Helvetica, sans-serif;
}
.main-page .banner .btn-read {
	vertical-align:top;
	display:inline-block;
	margin: -5px 2px 0 20px;
	background:url(../images/btn-view-plans.png) no-repeat;
	width:381px;
	height:120px;
	overflow:hidden;
	text-indent:-9999px;
	position: static;
}
/*
.main-page .banner h1 {
    background: url("../images/text-fighting.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    height: 371px;
    margin: 0 0 0 64px;
    max-width: 100%;
    overflow: hidden;
    text-indent: -9999px;
    width: 447px;
}
*/

.main-page .banner .btn-read:hover {
	background-image: url(../images/btn-view-plans-hover.png);
}
.main-page.home-new .banner .btn-read {
	background:url(../images/btn-view-plans.png) no-repeat;
}
.main-page.home-new .banner .btn-read:hover {
	background:url(../images/btn-view-plans-hover.png) no-repeat;
	/* opacity: 1; */
}
.banner .btn-read:hover {background-image: url(../images/btn-view-plans-hover.png);}
.main-page .promo-block .promo {
	height:auto;
	padding:0;
	min-height:0;
}
.main-page .promo-block .promo .container {
	min-height:520px;
	padding-top:83px;
	padding-bottom:26px;
}
.main-page .promo-block .text-block {
	margin-left:-2px;
	width:40%;
}
.main-page .promo-block .text-block h2 {
	margin:5px 0 32px -2px;
	line-height:0.94;
}
.main-page .promo-block .btn-more {
	margin-left:2px;
}
.main-page .promo-block p {
	margin-bottom:35px;
}
.main-page .promo-block .image-holder {
	margin:0;
}
.main-page .promo-block .add-img img {
	margin:32px -25px 0 0;	
}
.main-page .promo-block .add-img2 img {
	position:absolute;
	bottom:0;
	right:12px;
}
.main-page .promo-block .add-img3 img {
	margin:-39px 86px -40px 0;	
}
.main-page .promo-block .add-img4 img {
	position:absolute;
	bottom:0;
	right:67px;
}
.promo-block .notes {
	display:block;
	color:#978da3;
	padding:63px 0 0;
	font:0.667em/1.3em 'DINWeb', Arial, Helvetica, sans-serif;
}
.sales-pagev1 .jcf-label-active{color: #e19300;}
.sales-pagev1 .banner h1{
	font: 78px/80px 'DINWeb-Black', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	float: left;
	width: 50%;
	margin: 112px 0 0;
}
.sales-pagev1 .banner .img-holder{
	position: static;
	float: right;
	width: 325px;
	margin: 24px -20px 0 0;
}
.sales-pagev1 .banner .img-holder img{
	width: 100%;
	height: auto;
}
.sales-pagev1 .banner{
	height: 79px;
	overflow: visible;
	margin: 0;
}
.sales-pagev1 .banner div { display: none; }
.sales-pagev1.fullscreen .banner1{
	position: relative;
	/*background: url(../images/img-08.jpg) no-repeat 50% 0;
	background-size: cover;*/
}
.sales-pagev1.fullscreen .banner1 .bg-stretch{
	margin: 78px 0 0;
}
.sales-pagev1.fullscreen .banner1 .caption{
	font: 78px/93px 'DINWeb-Black', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: absolute;
	z-index: 7;
	bottom: 125px;
	left: 0;
	right: 0;
	text-align: center;
	letter-spacing: -2px;
	padding: 0 10px;
}
.sales-pagev1.fullscreen .banner1 .container{
	max-width: 1400px;
	position: relative;
	height: 100%;
	color: #fff;
	padding: 0;
}
.sales-pagev1.fullscreen .scroll-block{
	background: #fdfdfc;
	text-align: center;
	font: 16px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #421866;
	padding: 13px 10px 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.sales-pagev1.fullscreen .scroll-block .text{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.sales-pagev1.fullscreen .scroll-block .text:before,
.sales-pagev1.fullscreen .scroll-block .text:after{
	content: '';
	background: url(../images/arrow-3.png) no-repeat 0 0;
	width: 7px;
	height: 11px;
	position: absolute;
	top: 2px;
	left: -23px;
}
.sales-pagev1.fullscreen .scroll-block .text:after{
	left: auto;
	right: -23px;
}
.sales-pagev1 .banner .hold{
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	padding: 78px 0 0;
}
.sales-pagev1 .plans{
	background: #f6f5f4;
	border-bottom: 1px solid #e4e3e2;
	box-shadow: 0 75px 25px #fff;
	position: relative;
}
.sales-pagev1 .plan-tabs{
	list-style: none;
	max-width: 1120px;
	padding: 20px 10px 0;
	margin: 0 auto -1px;
	font: 20px/22px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
}
.sales-pagev1.fullscreen .plan-tabs{
	padding-top: 44px;
}
.sales-pagev1 .plan-tabs:after{
	content: '';
	clear: both;
	display: block;
}
.sales-pagev1 .plan-tabs li{
	height: 76px;
	float: left;
	text-align: center;
	margin: 0 25px -6px;
	position: relative;
	max-width: 230px;
}
.sales-pagev1 .plan-tabs li a{
	display: block;
	padding: 27px 0 20px 55px;
	color: #b12594;
	display: block;
}
.sales-pagev1 .plan-tabs li .home:before{
	content: '';
	background: url(../images/ico-call01.png) no-repeat 0 0;
	width: 44px;
	height: 44px;
	position: absolute;
	left: 0;
	top: 16px;
}
.sales-pagev1 .plan-tabs li.active .home:before{
	background-image: url(../images/ico-call.png);
	top: 15px;
}
.sales-pagev1 .plan-tabs li .homeless:before{
	content: '';
	background: url(../images/ico-nocall.png) no-repeat 0 0;
	width: 44px;
	height: 44px;
	position: absolute;
	left: 0;
	top: 16px;
}
.sales-pagev1 .plan-tabs li.active .homeless:before{
	background-image: url(../images/ico-nocall01.png);
	top: 15px;
}
.sales-pagev1 .plan-tabs li a:hover{text-decoration: none;}
.sales-pagev1 .plan-tabs li.active{
	background: #fff;
	border-top: 1px solid #dedddc;
}
.sales-pagev1 .plan-tabs li.active:before{
	content: '';
	background: url(../images/tab-l.png) no-repeat 0 0;
	width: 25px;
	height: 71px;
	position: absolute;
	left: -25px;
	top: -1px;
}
.sales-pagev1 .plan-tabs li.active:after{
	content: '';
	background: url(../images/tab-r.png) no-repeat 0 0;
	width: 25px;
	height: 71px;
	position: absolute;
	right: -25px;
	top: -1px;
}
.sales-pagev1 .plan-tabs li.active a{padding-top: 26px;}
.sales-pagev1 .plan-tabs li.active a{color: #e09300;}
.sales-pagev1 .plan-tabs a .sup{
	position: relative;
	font-size: 11px;
	line-height: 13px;
	text-transform: uppercase;
	top: -9px;
	left: -3px;
}
.sales-pagev1 .main-wrap{
	max-width: 1120px;
	padding: 0 10px 129px;
	margin: 0 auto;
}
.sales-pagev1.full .main-wrap{padding-bottom: 129px;}
.sales-pagev1 .main-wrap:after{
	content: '';
	display: block;
	clear: both;
}
.sales-pagev1 .main-wrap .main-area{
	width: 69.2%;
	float: left;
	margin: 71px 0 0;
	position: relative;
	z-index: 1;
}
.myorcon-page .main-wrap .main-area{
	width: 69.2%;
	float: left;
	margin: 71px 0 0;
	position: relative;
	z-index: 1;
}
.sales-pagev1 .main-area .plan-hold{
	margin: 0 0 70px;
	padding: 0;
}
.sales-pagev1 .main-area .title{
	display: block;
	margin: 0 0 42px;
	font: 1.24em/1.08em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #421866;
}
.sales-pagev1 .main-area .title em{
	font-family: ' DINWeb-Medium', Arial, Helvetica, sans-serif;
	font-style: normal;
}
.sales-pagev1 .main-container{
	background: #fbfaf9;
}
.speed-block .tabset{
	list-style: none;
	margin: 0 0 42px;
	padding: 0;
}
.speed-block .tabset li{
	display: inline-block;
	vertical-align: top;
	width: 31.5%;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #e2e2e2;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	background-image:linear-gradient(#fff 50%, #fafafa 98%, #fff 98.5%);
	font: 16px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 -4px 0 2.5%;
    position: relative;
}
.speed-block .tabset li:first-child{
	margin-left: 0;
}
.speed-block .tabset li.active{
	border: 2px solid #e09300;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	background-image:linear-gradient(#fff 50%, #fafafa 98%);
}
.speed-block .tabset li.active a{
	padding: 33px 3% 19px;
	color: #e09300;
}
.speed-block .tabset li a{
	padding: 34px 3% 20px;
	display: block;
}
.speed-block .tabset li a:hover {text-decoration: none; color: #b12594;}
.speed-block .tabset li.active a:hover { color :#e09300; }
.speed-block .tabset li strong{
	font-size: 42px;
	line-height: 44px;
	display: block;
	text-transform: none;
	font-weight: normal;
	letter-spacing: -2px;
    font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.speed-block .tab-content{
	font-size: 1em;
	line-height: 1.4em;
	color: #89789b;
    border: 1px solid #d5d1db;
    padding: 27px 29px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    z-index: -1;
}

.speed-block .tabset li.active:before, .speed-block .tabset li.active:after{
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: solid transparent;
    left: 41%;
    z-index: 555;
}

.speed-block .tabset li.active:after{
    border-bottom-color: #fff;
    border-width: 22px;
    top: 101%;
    z-index: 556;
}

.speed-block .tabset li.active:before{
    border-bottom-color: #d5d1db;
    border-width: 22px;
    top: 100%;
}

.speed-block .arrow-pointer-top {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("/myaccount-support/images/pointer.png") no-repeat scroll 0 0;
    height: 20px;
    left: 10px;
    top: -20px;
    width: 40px;
}
.speed-block .tab-content .title ~ p{
    padding-top: 24px;
    margin: 0;
    font-size: 17px;
}
.speed-block .tab-content .features-icons-box ~ p{
    border-top: 1px solid #d5d1db;
    margin: 0;
}
.speed-block .tab-content .title{
	margin: 0;
	font-size: 1em;
	line-height: 1.4em;
	color: #421866;
}
.tab-content ~ div{
    width: auto;
}
.tab-content .features-icons-box {
    text-align: justify;
    font-size: 0.1px; /* IE 9 & 10 don't like font-size: 0; */
    padding: 0px;
    margin-bottom: 30px;
    width: 680px;
    margin:0 auto;
}
.tab-content .features-icons-box.three-icons, .tab-content .features-icons-box.two-icons {
    width: 510px;
}
.tab-content .features-icons-box:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.tab-content .features-icons-box .feature-icon {
    display: inline-block;
    margin: 30px 31px 0;
    width: 108px;
    float: left;
}
.tab-content .features-icons-box.two-icons .feature-icon {
    margin: 30px 73px 0;
}

.tab-content .features-icons-box .feature-icon img{
    margin: 0 auto;
    display: block;
}
.tab-content .features-icons-box .feature-icon .free{
    color: #E09300;
    font: 22px "DINWeb-Bold";
    margin-top: 10px;
    text-align: center;
}
.tab-content .features-icons-box .feature-icon .feature-name{
    color: #542f75;
    font: 16px "DinWeb-Medium";
    text-align: center;
    line-height: 16px;
}
/* one item */

.feature-icon:first-child:nth-last-child(1) {

}

 /*two items */

.feature-icon:first-child:nth-last-child(2),
.feature-icon:first-child:nth-last-child(2) ~ .feature-icon {
}

 /*three items */

.feature-icon:nth-child(1):nth-last-child(3),
.feature-icon:nth-child(2):nth-last-child(2),
.feature-icon:nth-child(3):nth-last-child(1)  {

}


 /*four items */

.feature-icon:first-child:nth-last-child(4),
.feature-icon:first-child:nth-last-child(4) ~ .feature-icon {
}


.sales-pagev1 .main-area .data-hold .title{
	margin: 0 0 43px;
}
.sales-pagev1  .sidebar{
	width:300px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e2e2e2;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	float: right;
	color: #421866;
	margin: -71px 0 0;
	padding: 26px 20px 30px;
	position: relative;
}
.sales-pagev1 .sidebar .hold{
	padding: 0 0 9px;
	border-bottom: 1px solid #d5d1db;
}
.sales-pagev1 .sidebar .hold:after{
	content: '';
	display: block;
	clear: both;
}
.sales-pagev1 .sidebar .title{
	font: 22px/27px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: 69%;
}
.sales-pagev1 .sidebar .info-side{
	width: 20px;
	height: 20px;
	background: #d3ccd9;
	border-radius: 100%;
	text-align: center;
	padding: 2px;
	margin: 3px 0 0;
	font: 16px/18px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	color: #fff;
	float: right;
}
.sales-pagev1 .sidebar .info-side:hover{
	text-decoration: none;
	background: #c6b2d7;
}
.sales-pagev1 .sidebar .panel-list{
	margin: 0;
	list-style: none;
	padding:13px 0 9px;
	border-bottom: 1px solid #d5d1db;
}
.sales-pagev1 .sidebar .panel-list li{
	margin: 0 0 4px;
	padding: 0 0 0 10px;
	font-size: 16px;
	line-height: 18px;
	position: relative;
}
.sales-pagev1 .sidebar .panel-list li:before{
	content: '';
	background: #421866;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	position: absolute;
	left: 1px;
	top: 7px;
}
.data-hold .data-btn .btn-d{
	width: 47.3%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #e2e2e2;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	background-image:linear-gradient(#fff 50%, #fafafa 98%, #fff 98.5%);
	font: 30px/32px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	padding: 28px 3% 21px;
	margin-right: -2px;
	letter-spacing: -1px;
    text-decoration: none;
}
.data-hold .data-btn .btn-d.active{
	color: #e09300;
	border: 2px solid #e09300;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	background-image:linear-gradient(#fff 50%, #fafafa 98%);
}
.data-hold .data-btn .btn-d:hover{
	text-decoration: none;
    color: #b12594;
}
.data-hold .data-btn .btn-d.active:hover {
    color: #e09300;
}
.data-hold .data-btn .btn-d strong{
	font: 42px/44px 'DINWeb-Bold', Arial, Helvetica, sans-serif;;
	display: block;
	margin: 0 0 2px;
	letter-spacing: -2px;
}
.data-hold .data-btn .btn-d strong em{
	font-size: 30px;
	line-height: 32px;
}
.data-hold .data-btn .btn-d em{
	font-size: 16px;
	font-style: normal;
}
.data-hold .data-btn .btn-d .sup{
	font-size: 18px;
	position: relative;
	top: -10px;
}
.data-hold .data-btn .btn-d.data-b{margin: 0 0 0 5%;}


.data-hold .popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
	/*overflow-y: auto;*/
	min-width: 320px;
}

.pop-frame {
    background: url("/myaccount-support/images/glow-purple.png") no-repeat scroll 50% -200px #1d053d;
    height: 100%;
    overflow-y: auto;
    position: relative;
    width: 100%;
}
.pop-frame .holder {
    margin: 0 auto;
    max-width: 760px;
    padding: 50px 0;
    position: relative;
}
.pop-frame .title-text {
    color: #fff;
    display: block;
    font: 1.7em/1.266em "DINWeb-Medium",Arial,Helvetica,sans-serif;
    letter-spacing: -1px;
    margin: 0 0 29px;
    max-width: 100%;
    padding: 0 142px;
    text-align: center;
}
.pop-frame .search-form {
    margin: 0 0 34px;
    text-align: center;
}
.pop-frame .search-form .input-holder {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    border-radius: 30px;
    height: 60px;
    margin: 0 auto;
    width: 600px;
}
.search-form .input-holder {
    border: 1px solid #d9d4de;
    border-radius: 21px;
    display: inline-block;
    height: 42px;
    vertical-align: top;
    width: 593px;
}
.pop-frame .input-holder input[type="submit"] {
    background-size: 26px 26px;
    height: 26px;
    margin: 17px 20px 0 0;
    width: 26px;
}
.search-form input[type="submit"] {
    background: url("/myaccount-support/images/ico-search.svg") no-repeat scroll 0 0 / 24px 24px rgba(0, 0, 0, 0);
    border: medium none;
    float: right;
    height: 24px;
    margin: 9px 10px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 24px;
}

.search-form input[type="submit"].animate-loading {
    background: url('/images/loader0001.png') no-repeat scroll 0 0 / 34px 34px rgba(0, 0, 0, 0);
    height: 34px;
    margin: 11px 15px 0 0;
    width: 34px;
}


.pop-frame .search-form .input {
    font: 26px/28px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    height: 100%;
    padding: 6px 24px;
}
.search-form .input {
    height: 41px;
    overflow: hidden;
    padding: 6px 20px;
}
.pop-frame .search-form input[type="text"] {
    height: 48px;
    line-height: 44px;
}
.search-form input[type="text"] {
    border: medium none;
    height: 100%;
    line-height: 24px;
    padding: 2px 0 0;
    width: 100%;
}
.pop-frame .address-holder {
    color: #b12594;
    font-family: "DINWeb-Medium",Arial,Helvetica,sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.pop-frame .address-holder .address {
    display: block;
    margin: 0 0 4px;
    cursor: pointer;
}
.pop-frame .address-holder .no-address {
    display: block;
    margin: 0 0 24px;
}
.pop-frame .address-holder .address:hover {
    text-decoration: underline;
}


.prequal-hold .popup {
    bottom: 0;
    display: none;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 199;
}
.address-holder .slide {
    bottom: 0;
    display: none;
    left: 0;
    min-width: 320px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
/*.step-2 { display: block; }*/
.step-3 {
    display: block;
    opacity: 0.0;
    bottom: 0;
    left: 0;
    min-width: 320px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    font-family: "DINWeb-Medium",Arial,Helvetica,sans-serif;
    margin: 0 auto;
    max-width: 760px;
    padding: 87px 0 0;
    text-align: center;
}
.step-3 a { text-decoration: none; }
.step-3 .top-text {
    color: #afa6bb;
    display: block;
    font-size: 1.1em;
    line-height: 2.15em;
    margin: 0 0 74px;
    text-transform: none;
}
.step-3 .top-text .address {
    color: #fff;
    display: block;
    font-size: 1.2em;
    line-height: 1.083em;
    text-transform: uppercase;
}
.step-3 .pack-buttons {
    border-bottom: 1px solid #3f295b;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0 0 21px;
}
.step-3 .pack-buttons li:first-child {
    margin-left: 0;
}
.step-3 .pack-buttons li {
    display: inline-block;
    margin: 0 -4px 0 2.6%;
    text-align: center;
    vertical-align: top;
    width: 31.5%;
}
.step-3 .pack-buttons li a {
    background: none repeat scroll 0 0 #fff;
    border-radius: 10px;
    display: block;
    font: 16px/18px "DINWeb-Bold",Arial,Helvetica,sans-serif;
    padding: 26px 3% 22px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
}
.step-3 .pack-buttons li a.unavailable {
    background: none repeat scroll 0 0 #70558a;
    color: #3c2557;
    pointer-events: none;
    text-transform: none;
}
.step-3 .pack-buttons li strong {
    display: block;
    font-size: 42px;
    font-weight: normal;
    letter-spacing: -2px;
    line-height: 44px;
    text-transform: none;
    font-family: "DINWeb-Bold", arial, sans-serif;
}
.step-3 .footer-hold {
    font: 14px/16px "DINWeb-Bold",Arial,Helvetica,sans-serif;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}
.step-3 .footer-hold .wrap {
    margin: 0 0 26px;
}
.step-3 .footer-hold .back {
    float: left;
    margin: 13px 0 0;
    width: 60px;
}
.step-3 .footer-hold .back span {
    font-size: 11px;
    line-height: 11px;
    padding-right: 10px;
}
.step-3 .footer-hold .btn-continue {
    background: none repeat scroll 0 0 #b12594;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 0 59px 0 0;
    padding: 13px 10px 11px;
    vertical-align: middle;
    width: 200px;
}
.step-3 .footer-hold .clear {
    font: 16px/18px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    text-decoration: underline;
    text-transform: none;
}
.prequal-hold .pop-frame > .close, .address-holder .slide .close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 22px;
    text-decoration: none;
    cursor: pointer;
}
.step-3 .pack-buttons li a.unavailable .big-cross {
    height: 85px;
    left: 50%;
    margin: 0 -42px;
    position: absolute;
    top: 13px;
    width: 85px;
    z-index: 5;
}
.step-3 .pack-buttons li .note {
    padding: 20px 12% 0;
}
.step-3 .pack-buttons li .note a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #b12594;
    display: inline;
    font: 16px/22px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    padding: 0;
    text-transform: none;
}
.address-block{position: relative;}
.gm-style-cc{display: none;}
.data-hold .js-slide-hidden{
	display: none !important;
}
#main{
	position: relative;
	z-index: 10;
}
.plan-slide .popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
	/* overflow-y: auto; */
	min-width: 320px;
}
.plan-slide .popup.js-slide-hidden{
	z-index: -1;
	display: none !important;
}
.plan-slide .popup-frame {
	position: relative;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	background: #fbfaf9;
}

.speed-block .tabset.tabs-two li {
    width: 48.9%;
}
.speed-block .tabset.tabs-four li {
    width: 23%;
}
.speed-block .tabset.tabs-five li {
    width: 19.1%;
    margin: 0 3px 0 0;
}
.speed-block .tabs-five.tabset li strong {
    font-size: 32px;
}
.speed-block .tabset.tabs-five li a {
    font-size: 14px;
}
.speed-block .tabset.tabs-five li a {
    padding: 26px 3% 28px
}
.speed-block .tabset.tabs-five li.active a {
    color: #e09300;
    padding: 25px 3% 27px;
}

.speed-block .tabset.tabs-one li {
    width: 98%;
}

.data-hold .data-btn.tabs-three a {
    width: 31.4%;
}

.data-hold .data-btn.tabs-two a {
    width: 48.7%;
}

.data-hold .data-btn.tabs-one a {
    width: 99%;
}

.sidebar {
    position: absolute !important;
    top: 271px ;
    margin-top: 0 !important;
    margin-left: 800px;
}





.prequal-hold .popup {
    bottom: 0;
    display: none;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 199;
}
.pop-frame {
    background: url("/myaccount-support/images/glow-purple.png") no-repeat scroll 50% -200px #1d053d;
    height: 100%;
    overflow-y: auto;
    position: relative;
    width: 100%;
}
.pop-frame .holder {
    margin: 0 auto;
    max-width: 760px;
    padding: 50px 0;
}
.pop-frame .title-text {
    color: #fff;
    display: block;
    font: 1.7em/1.266em "DINWeb-Medium",Arial,Helvetica,sans-serif;
    letter-spacing: -1px;
    margin: 0 0 29px;
    max-width: 100%;
    padding: 0 142px;
    text-align: center;
}
.pop-frame .search-form {
    margin: 0 0 34px;
    text-align: center;
}
.pop-frame .search-form .input-holder {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    border-radius: 30px;
    height: 60px;
    margin: 10px auto;
    width: 600px;
}
.search-form .input-holder {
    border: 1px solid #d9d4de;
    border-radius: 21px;
    display: inline-block;
    height: 42px;
    vertical-align: top;
    width: 593px;
}
.pop-frame .input-holder input[type="submit"], .pop-frame .input-holder input[type="button"] {
    background-size: 26px 26px;
    height: 26px;
    margin: 17px 20px 0 0;
    width: 26px;
}
.search-form input[type="submit"] {
    background: url("/myaccount-support/images/ico-search.svg") no-repeat scroll 0 0 / 24px 24px rgba(0, 0, 0, 0);
    border: medium none;
    float: right;
    height: 24px;
    margin: 9px 10px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 24px;
}
 .search-form input[type="button"] {
    background: url("/myaccount-support/images/arrow-1.svg") no-repeat scroll 0 0 / 24px 24px rgba(0, 0, 0, 0);
    border: medium none;
    float: right;
    height: 24px;
    margin: 9px 10px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 24px;
}

.search-form input[type="submit"].animate-loading {
    background: url('/myaccount-support/images/loader0001.png') no-repeat scroll 0 0 / 34px 34px rgba(0, 0, 0, 0);
    height: 34px;
    margin: 11px 15px 0 0;
    width: 34px;
}


.pop-frame .search-form .input {
    font: 26px/28px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    height: 100%;
    padding: 6px 24px;
}
.search-form .input {
    height: 41px;
    overflow: hidden;
    padding: 6px 20px;
}
.pop-frame .search-form input[type="text"] {
    height: 48px;
    line-height: 44px;
}
.search-form input[type="text"] {
    border: medium none;
    height: 100%;
    line-height: 24px;
    padding: 2px 0 0;
    width: 100%;
}
.pop-frame .address-holder {
    color: #b12594;
    font-family: "DINWeb-Medium",Arial,Helvetica,sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.pop-frame .address-holder .address {
    display: block;
    margin: 0 0 4px;
    cursor: pointer;
}
.pop-frame .address-holder .address:hover {
    text-decoration: underline;
}

.address-holder .slide {
    bottom: 0;
    display: none;
    left: 0;
    min-width: 320px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.step-2 { display: block; }
.step-3 {
    display: block;
    opacity: 0.0;
    bottom: 0;
    left: 0;
    min-width: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    font-family: "DINWeb-Medium",Arial,Helvetica,sans-serif;
    margin: 0 auto;
    max-width: 760px;
    padding: 87px 0 0;
    text-align: center;
}
.step-3 a { text-decoration: none; }
.step-3 .top-text {
    color: #afa6bb;
    display: block;
    font-size: 1.1em;
    line-height: 2.15em;
    margin: 0 0 74px;
    text-transform: none;
}
.step-3 .top-text .address {
    color: #fff;
    display: block;
    font-size: 1.2em;
    line-height: 1.083em;
    text-transform: uppercase;
}
.step-3 .pack-buttons {
    border-bottom: 1px solid #3f295b;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0 0 84px;
}
.step-3 .pack-buttons li:first-child {
    margin-left: 0;
}
.step-3 .pack-buttons li {
    display: inline-block;
    margin: 0 -4px 0 2.6%;
    text-align: center;
    vertical-align: top;
    width: 31.5%;
}
.step-3 .pack-buttons li a {
    background: none repeat scroll 0 0 #fff;
    border-radius: 10px;
    display: block;
    font: 16px/18px "DINWeb-Bold",Arial,Helvetica,sans-serif;
    padding: 26px 3% 22px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
}
.step-3 .pack-buttons li a.unavailable {
    background: none repeat scroll 0 0 #70558a;
    color: #3c2557;
    pointer-events: none;
    text-transform: none;
}
.step-3 .pack-buttons li strong {
    display: block;
    font-size: 42px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 44px;
    text-transform: none;
}
.step-3 .footer-hold {
    font: 14px/16px "DINWeb-Bold",Arial,Helvetica,sans-serif;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
}
.step-3 .footer-hold .wrap {
    margin: 0 0 26px;
}
.step-3 .footer-hold .back {
    float: left;
    margin: 13px 0 0;
    width: 60px;
}
.step-3 .footer-hold .back span {
    font-size: 11px;
    line-height: 11px;
    padding-right: 10px;
}
.step-3 .footer-hold .btn-continue {
    background: none repeat scroll 0 0 #b12594;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 0 59px 0 0;
    padding: 13px 10px 11px;
    vertical-align: middle;
    width: 200px;
}
.step-3 .footer-hold .clear {
    font: 16px/18px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    text-decoration: underline;
    text-transform: none;
}
.prequal-hold .pop-frame > .close, .address-holder .slide .close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 22px;
}
.step-3 .pack-buttons li a.unavailable .big-cross {
    height: 85px;
    left: 50%;
    margin: 0 -42px;
    position: absolute;
    top: 13px;
    width: 85px;
    z-index: 5;
}
.step-3 .pack-buttons li .note {
    padding: 20px 12% 0;
}
.step-3 .pack-buttons li .note a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #b12594;
    display: inline;
    font: 16px/22px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    padding: 0;
    text-transform: none;
}








.sales-pagev1 .faq-block {
    display: block;
    margin: 0 auto;
    padding: 48px 0;
    width: 1120px;
}

/* temporary style */
.sales-pagev1 .faq-block .doc-hold {
    float: right;
}




.sales-pagev1 .faq-block .main-area{
	float: left;
	width: 69%;
	margin: 0 4.8% 0 0;
}
.faq-block .holder{
	max-width: 1140px;
	margin: 0 auto;
	padding: 98px 20px 138px;
}
.sales-pagev1.full .faq-block .holder{
	padding-top: 106px;
}
.faq-block .holder:after{
	content: '';
	display: block;
	clear: both;
}
.faq-block .holder .title{
	margin: 0 0 10px;
	font: 1.1em/1.1em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 14px;
	padding: 0 0 25px;
	border-bottom: 1px solid #d5d1db;
}
.faq-block .accordion{
	list-style: none;
	margin: 0;
	padding: 0;
}
.faq-block .accordion li{
	border-bottom: 1px solid #d5d1db;
	padding: 0 0 13px 28px;
	margin: 0 0 14px;
	font-family: 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	position: relative;
}
.faq-block .accordion li.active:before{
	content: '\e601';
	color: #b12594;
	font-size: 8px;
	line-height: 8px;
	left: 7px;
}
.faq-block .accordion li.active a{color: #b12594;}
.faq-block .accordion li .opener{
	color: #421866;
	position: relative;
}
.faq-block .accordion li:before{
	content: '\e602';
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	left: 10px;
	top: 7px;
}
.faq-block .accordion li a:hover{
	text-decoration: none;
}
.faq-block .accordion li .slide{
	color: #b12594;
	font-family: 'DINWeb', Arial, Helvetica, sans-serif;
	padding: 16px 17% 0 0;
}
.faq-block .accordion li .slide p{margin: 0 0 12px;}
.faq-block .accordion li .slide a{
	text-decoration: underline;
}
.faq-block .accordion li .slide a:hover{
	text-decoration: none;
}
.faq-block .doc-hold{
	font-size: 16px;
	line-height: 20px;
	font-family: 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	margin: 2px 0 0;
	float: left;
}
.faq-block .doc-hold .hold-span{
	display: block;
	margin: 0 0 13px;
}
.faq-block .doc-hold .hold-span span{display: block;}
.faq-block .doc-hold .pdf-logo{
	display: inline-block;
	vertical-align: middle;
}
.faq-block .doc-hold a{
	display: inline-block;
	vertical-align: middle;
	padding: 2px 0 0 2px;
	max-width: 200px;
}
.faq-block .doc-hold a:hover{
	color: #b12594;
	text-decoration: underline;
}
/*.faq-block .doc-hold a:before{
	content: '';
	background: url(../images/ico-pdf.png) no-repeat 0 0;
	width: 17px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
}*/
.fiber-form{
	padding: 75px 0 0;
}
.fiber-form .upgrade-hold{
	margin: 0 0 77px;
}
.fiber-form .upgrade-hold .heading{
	margin: 0 0 24px;
	overflow: hidden;
}
.fiber-form .heading .title{
	margin: 0;
	float: left;
	width: 50%;
}
.fiber-form .heading .text{
	float: right;
	width: 20%;
	text-align: right;
	font: 14px/16px 'DINWeb', Arial, Helvetica, sans-serif;
	margin: 10px 0 0;
	color: #421866;
}
.fiber-form .upgrade-hold .frame,
.fiber-form .tv-hold .frame,
.fiber-form .code-hold .frame{
	background: #fff;
	border: 1px solid #d5d1db;
	border-radius: 10px;
	padding: 26px 3.7% 22px;
}
.upgrade-hold .pack-frame{
	overflow: hidden;
	margin: 0 0 27px;
}
.upgrade-hold .pack-frame .pack-wrap{
	float: left;
	width: 100%;
	overflow: hidden;
}
.upgrade-hold .pack-frame .row{
	float: left;
	width: 30%;
}
.upgrade-hold .pack-frame .row .jcf-radio.jcf-checked{border: none;}
.upgrade-hold .pack-frame .row.add{margin-left: 4.2%;}
.upgrade-hold .pack-frame .row.add .jcf-radio{margin: 0 3px 0 0;}
.upgrade-hold .pack-frame .row .jcf-radio { vertical-align: top; margin-top: 2px; }
.upgrade-hold .pack-frame .lbl{
	display: inline-block;
	vertical-align: middle;
	color: #421866;
	/*width: 86%;*/
	padding: 3px 0 0;
	font-size: 18px;
	line-height: 26px;
}
.upgrade-hold .pack-frame .lbl label{
	cursor: pointer;
}
.upgrade-hold .pack-frame .rate{
	float: right;
	width: 7%;
	text-align: right;
	color: #b12594;
	font-size: 18px;
	line-height: 28px;
}
.upgrade-hold .notice{
	font-size: 16px;
	color:#c2bbcb;
}
.fiber-form .tv-hold{
	margin: 0 0 69px;
}
.fiber-form .tv-hold .frame{
	padding: 20px 2.8% 18px 3.7%;
	overflow: hidden;
	position: relative;
}
.fiber-form .tv-hold .title{
	margin: 0 0 24px;
	display: block;
}
.fiber-form .tv-hold .hold-span{
	font-size: 16px;
	line-height: 26px;
	color: #c2bbcb;
	margin: 10px 0 0;
	width: 60%;
}
.fiber-form .tv-hold .img-holder{
	position: absolute;
	right: 32px;
	top: 19px;
	text-align: center;
}
.fiber-form .tv-hold .img-holder img{
	max-width: 100%;
}
.tv-hold .hold-span .row{
	margin: 0 0 16px;
}
.tv-hold .hold-span .row .jcf-checkbox.jcf-checked{border: none;}
.tv-hold .hold-span .lbl{
	color: #421866;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 20px;
	margin: 4px 0 0;
	width: 90%;
}
.tv-hold .hold-span .lbl label{cursor: pointer;}
.tv-hold .hold-span p{margin: 0 0 10px;}
.fiber-form .code-hold{
	margin: 0 0 58px;
}
.fiber-form .code-hold .title{margin: 0 0 24px;}
.fiber-form .code-hold .frame{
	overflow: hidden;
	padding: 46px 3.8% 45px;
}
.fiber-form .code-hold .lbl{
	float: left;
	width: 33%;
	padding: 6px 10px 0 0;
	font-size: 18px;
}
.fiber-form .code-hold .input-wrap{
	overflow: hidden;
	width: 48.5%;
}
.fiber-form input[type="text"]{
	border: 1px solid #d5d1db;
	border-radius: 5px;
	height: 40px;
	padding: 9px 14px 5px;
	color: #331156;
	width: 100%;
	font-size: 18px;
	line-height: 19px;
}
.fiber-form .addon-hold .wrap{
	font-size: 0.9em;
	line-height: 1.125em;
	color: #89789b;
	text-align: center;
	margin: 0 0 75px;
}
.fiber-form .addon-hold.active .wrap{
	display: none;
}
.fiber-form .addon-hold .addon-frame{
	font: 1.3em/1.09em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
}
.fiber-form .addon-hold .addon-link{
    text-decoration: underline;
    font: 1.3em/1.09em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
    margin: 0 0 15px;
    display: inline-block;
}
.fiber-form .addon-hold .addon-link:hover{color: #de9200;}
.fiber-form .aa{
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
	padding: 4px;
	border-radius: 6px;
	width: 278px;
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 1;
}
.fiber-form input[type="submit"]{
	display: inline-block;
	vertical-align: top;
	font: 16px/20px 'DINWeb-Black', Arial, Helvetica, sans-serif;
	color: #fff;
	border: none;
	background: #b12594;
	border-radius: 6px;
	padding: 18px 20px 17px;
	width: 100%;
	height: 53px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	outline: none;
}

.fiber-form .btn-now {
     background: none repeat scroll 0 0 #fff;
     border-radius: 6px;
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
     display: inline-block;
	padding: 4px;
     position: relative;
     width: 278px;
     z-index: 1;
}

.fiber-form.button-hold {
    position: relative;
    text-align: center;
    padding: 1px;
}
.fiber-form.button-hold:after {
    background: none repeat scroll 0 0 #d5d1db;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 31px;
    width: 100%;
    z-index: 0;
}
.fiber-form input[type="submit"]:hover{
	text-decoration: underline;
}
.fiber-form .button-hold{
	text-align: center;
	position: relative;
}
.fiber-form .button-hold:after{
	content: '';
	background: #d5d1db;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 31px;
	right: 0;
	z-index: 0;
}
.fiber-form .addon-expanded{
	margin: 0 0 77px;
}
.fiber-form .addon-expanded .heading-part{
	margin: 0 0 20px;
	overflow: hidden;
}
.addon-expanded .heading-part .main-title{
	font: 24px/26px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	float: left;
	width: 45%;
}
.addon-expanded .heading-part .close{
	font: 16px/18px 'DINWeb', Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.addon-expanded .heading-part .close:hover{ color: #de9200;}
.addon-expanded .heading-part .text{
	float: right;
	width: 25%;
	font-size: 14px;
	text-align: right;
	margin: 2px 0 0;
}
.addon-expanded .plan-box{
	border-radius: 10px;
	border: 1px solid #d5d1db;
	background: #fff;
	overflow: hidden;
	font-size: 18px;
	line-height: 28px;
}
.addon-expanded .plan-box label{cursor: pointer;}
.addon-expanded .plan-box .title{
	display: block;
	padding: 19px 3.9% 15px;
	font: 20px/22px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	background: #fcfcfb;
	border-bottom: 1px solid #eae8ed;
	margin: 0;
}
.addon-expanded .plan-box .local-wrap{
	overflow: hidden;
	border-bottom: 1px solid #eae8ed;
	padding: 12px 4%;
}
.plan-box .local-wrap .check-hold{
	float: left;
	width: 75%;
}
.plan-box .local-wrap .check-hold .lbl{
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	margin: 4px 0 0;
}
.plan-box .local-wrap .amount,
.plan-box .int-wrap .top-hold .amount,
.plan-box .nz-hold .amount,
.plan-box .other-wrap .amount,
.plan-box .gigatown-wrap .amount{
	float: right;
	width: 10%;
	text-align: right;
	color: #b12594;
}
.plan-box .int-wrap{
	padding: 15px 0 18px 8.3%;
	border-bottom: 1px solid #eae8ed;
}
.plan-box .int-wrap .top-hold{
	margin: 0 0 30px;
	padding-right: 4%;
	overflow: hidden;
}
.plan-box .int-wrap .top-hold .label{
	float: left;
	width: 75%;
}
.plan-box .int-wrap .check-group{
	overflow: hidden;
}
.plan-box .int-wrap .check-option{
	width: 169px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 18px;
}
.plan-box .int-wrap .check-option .lbl{
	display: inline-block;
	vertical-align: middle;
	width: 75%;
	margin: 2px 0 0;
}
.plan-box .nz-hold{
	padding: 23px 4%;
	overflow: hidden;
	border-bottom: 1px solid #eae8ed;
}
.plan-box .nz-hold .check-group{
	float: left;
	width: 86%;
}
.plan-box .nz-hold .check-option{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: 0 0 0 10.2%;
}
.plan-box .nz-hold .check-option .jcf-checkbox{margin: 0 5px 0 0;}
.plan-box .nz-hold .check-option:first-child{margin: 0;}
.plan-box .nz-hold .check-option .lbl{
	display: inline-block;
	vertical-align: middle;
	width:75%;
	padding: 2px 0 0;
}
.plan-box .other-wrap, .plan-box .gigatown-wrap {
	overflow: hidden;
	border-bottom: 1px solid #eae8ed;
	padding: 14px 3.7% 14px 4%;
}
.plan-box .other-wrap.last{border-bottom: none;}
.plan-box .other-wrap .check-option{
	float: left;
	width: 75%;
}
.plan-box .other-wrap .check-option .jcf-checkbox{
	margin: 0 10px 0 0;
}
.plan-box .gigatown-wrap .top-hold {
    margin-bottom: 20px;
    margin-left: 35px;
}
.plan-box .gigatown-wrap .check-group {
    padding-left: 35px;
}
.plan-box .gigatown-wrap .check-option .jcf-checkbox {
    margin: 4px 4px 0 0;
    vertical-align: top;
}
.plan-box .gigatown-wrap .check-option {
    margin-bottom: 16px;
}
.plan-box .gigatown-wrap .check-option strong {
    display: inline-block;
    margin-right: 6px;
}
.plan-box .closing-offer {
    background: none repeat scroll 0 0 #ffffcc;
}
.plan-box .closing-offer.retention-type {
    background: none repeat scroll 0 0 #ffccff;
}
.plan-box em.calling-pack {
    font-size: 10pt;
    font-style: normal;
    color: #999;
}
.plan-box .jcf-radio.jcf-checked,
.plan-box .jcf-checkbox.jcf-checked{border: none;}
.plan-box .jcf-checkbox.jcf-disabled { background: none!important; }
.plan-box .other-wrap .check-option .lbl, .plan-box .gigatown-wrap .check-option .lbl{
	display: inline-block;
	vertical-align: middle;
	width: 75%;
	padding: 2px 0 0;
}
.plan-box .gigatown-wrap .check-option .lbl strong {
    font-weight: normal;
    font-family: "DINWeb-Medium", sans-serif;
}
.plan-box .other-wrap .info{
	width: 20px;
	height: 20px;
	background: #d3ccd9;
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font: 16px/18px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	padding: 2px;
}
.plan-box .other-wrap .info:hover{
	text-decoration: none;
	background: #c6b2d7;
}
.plan-box .other-wrap .amount em{
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 42px;
}
.sales-pagev1.full .sidebar{
	padding: 0;
}
.sales-pagev1.full .sidebar .address{
	font: 16px/20px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	padding: 16px 20px 13px;
	border-bottom: 1px dashed #d5d1db;
}
.myorcon-page .yellowtip .caption{
    color: #b12594;
    text-transform: uppercase;
}
.myorcon-page .arrowbox {
    margin-left: 60px;
    margin-top: -30px;
    position: absolute;
    left: 17px;
    margin: -30px auto 0 auto;
    right: 0;
    width: 150px;
}
.myorcon-page .arrowbox:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(224, 147, 0, 0);
    border-top-color: #de9408;
    border-width: 10px;
    margin-left: -10px;
}
.myorcon-page .yellowtip{
    background-color: #de9408;
    height: 16px;
    border-radius: 8px;
    font: 11px/14px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
    color: #fff;
    display: inline;
    padding: 2px 8px;
}
.sidebar .address .hold{margin: 0 0 4px;}
.sidebar .address .ico-add{
	font-size: 30px;
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
	color: #b12594;
	margin: -5px 6px 0 0;
}
.sidebar .address .text{
	display: inline-block;
	vertical-align: middle;
	width: 85%;
}
.sidebar .address .change-address, .sidebar .address .clear-address{
	font: 12px/16px 'DINWeb', Arial, Helvetica, sans-serif;
}
.sidebar .address .change-address:hover, .sidebar .address .clear-address:hover{
	text-decoration: none;
	color: #421866;
}
.sales-pagev1.full .sidebar .wrap{padding: 11px 20px 13px;}
.sidebar .plan-details{margin: 20px 0 8px;}
.sidebar .plan-details .title-big{
	font: 38px/40px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #b12594;
	display: block;
    letter-spacing: -1px;
}
.myorcon-page .sidebar .plan-details .title-big em{
	font-style: normal;
	color: #421866;
	display: block;
	margin: -6px 0 0;
    font-family: "DINWeb-Bold", arial, helvetica, sans-serif;
    letter-spacing: -1px;
}
.sidebar .plan-details .title-big em{
	font-style: normal;
	color: #421866;
	display: block;
	margin: -6px 0 0;
    font-family: "DINWeb-Bold", arial, helvetica, sans-serif;
    letter-spacing: -1px;
}
.myorcon-page .sidebar .plan-details .title-big .pack-cost .sup{
	font: 19px/22px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	position: relative;
	top: -12px;
	left: 1px;
    margin-left: 12px;
}
.sidebar .plan-details .title-big .sup{
	font: 19px/22px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	position: relative;
	top: -12px;
	left: -7px;
}
.sales-pagev1.full .sidebar .panel-list{padding:2px 0 5px;}
.sales-pagev1.full .sidebar .panel-list.add{padding: 6px 0;}
.sales-pagev1.full .sidebar .panel-list.add{border-bottom: none;}
.sales-pagev1.full .sidebar .title{
	font-size: 14px;
	line-height: 18px;
}
.sales-pagev1.full .sidebar .hold{
	border-bottom: none;
	padding: 0;
}
.sales-pagev1.full .sidebar .info-side{margin: 0;}
.sidebar .package-amt{
	padding: 19px 0 14px;
}
.myorcon-page .sidebar .pack-cost{
	font: 40px/42px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: inline;
	margin: 0 0 12px;
	text-align: center;
    color: #421866;
}
.sidebar .pack-cost{
	font: 44px/46px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 12px;
	text-align: center;
}
.sidebar .pack-cost .sup{
	font: 21px/25px 'DINWeb', Arial, Helvetica, sans-serif;
	position: relative;
	top: -14px;
	left: 2px;
	display: inline-block;
}
.sidebar .pack-cost em{
	font-size: 20px;
	line-height: 24px;
	font-style: normal;
	display: inline-block;
}
.sidebar .package-amt .btn-get{
	width: 240px;
	border-radius: 6px;
	background: #b12594;
	text-align: center;
	color: #fff;
	font: 14px/16px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 14px 3% 12px;
}
.sidebar .package-amt .btn-get:hover{
	text-decoration: underline;
}
.lightbox3{
	max-width: 800px;
	font-size: 0.888em;
	line-height: 1.5em;
	margin: 90px auto;
	padding: 0 20px;
}
.lightbox3 .main-title{
	font: 1.45em/1.083em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 24px;
	color: #421866;
}
.lightbox3 .plan-frame{
	list-style: none;
	margin: 0 0 28px;
	padding: 38px 28px 6px;
	background: #fff;
	border: 1px solid #d5d1db;
	border-radius: 10px;
	color: #331156;
}
.lightbox3 .plan-frame li{
	margin: 0 0 24px;
}
.lightbox3 .plan-frame .title{
	font: 1.25em/1.1em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	float: none;
	width: 100%;
	margin: 0 0 2px;
}
.lightbox3 .plan-frame li .text{
	font-size: 0.875em;
}
.lightbox3 .plan-frame li p{margin: 0 0 2px;}
.lightbox3 .close-wrap{
	text-align: center;
	font: 1.1em/1.11em 'DINWeb-Medium',Arial, Helvetica, sans-serif;
}
#fancybox-close{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 22px;
	height: 22px;
	z-index: 5;
	cursor: pointer;
}
#fancybox-close:hover{
	text-decoration: none;
	opacity: 0.8;
}
.lightbox3 .close.add{
	position: fixed;
	top: 40px;
	right: 40px;
	font-size: 22px;
	width: 22px;
	height: 22px;
	color: #421866;
}
.lightbox3 .close.add:hover{
	text-decoration: none;
}
.lightbox3 .close-wrap .close{
	text-decoration: underline;
	color: #b12594;
}
.lightbox3 .close-wrap .close:hover{
	color: #de9200;
}
/*signup page styles*/
.signup-page, .blocked-page{
	background: #fbfaf9;
}
.signup-page #main{padding-top: 0;}
.signup-page #main .container{
	max-width: 820px;
	padding: 0 20px;
}
.signup-page .get-started{
	padding: 98px 10px 176px;
}
.get-started .intro-block{
	margin: 0 0 41px;
	padding: 0 0 14px;
	text-align: center;
	border-bottom: 1px solid #d5d1db;
}
.get-started .intro-block h1{
	font: 3.3em/1.03em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #e19300;
	letter-spacing: -3px;
	margin: 0 0 26px;
}
.signup-page .stuff-form .title{
	text-align: center;
	margin: 0 0 24px;
	font: 1.35em/1.08em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #b12594;
	display: block;
}
.signup-page .stuff-form .frame{
	background: #fff;
	border: 1px solid #d5d1db;
	border-radius: 10px;
	margin: 0 0 76px;
}
.stuff-form .frame .row{
	border-bottom: 1px solid #eae8ed;
	padding: 28px;
}

.stuff-form .frame .singlerow{
	padding: 28px;
}

.stuff-form .frame .row .lbl{
	font-size: 18px;
	line-height: 28px;
}
.stuff-form .frame .row .yes-text{
	display: none;
	font-size: 16px;
	line-height: 28px;
	position: relative;
	padding: 0 0 0 13px;
	margin: 16px 0 0;
}
.stuff-form .frame .row .yes-text:before{
	content: '';
	background: #421866;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	position: absolute;
	left: 1px;
	top: 11px;
}
.stuff-form .frame .row .lbl em{
	font-style: normal;
	width: 60%;
	display: inline-block;
	vertical-align: middle;
	padding: 4px 0 0;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.stuff-form .row .jcf-label-active .yes-text{
	display: block;
	color: #421866;
}
.stuff-form .frame .jcf-checkbox{
	margin: 0 9px 0 0;
}
.stuff-form .frame .jcf-checkbox.jcf-checked{
	border: none;
}
.stuff-form .stuff-list{
	list-style: none;
	margin: 0;
	padding: 35px 2% 34px 3.6%;
}
.stuff-form .stuff-list li{
	margin: 0 0 10px;
	padding: 0 0 0 13px;
	font-size: 16px;
	line-height: 18px;
	position: relative;
}
.stuff-form .stuff-list li:before{
	content: '';
	background: #421866;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	position: absolute;
	left: 1px;
	top: 6px;
}
.stuff-form input[type="submit"]{
	width: 271px;
	border-radius: 6px;
	background: #b12594;
	text-align: center;
	color: #fff;
	font: 16px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	margin: 0 auto 32px;
	padding: 18px 3% 17px;
	border: none;
	white-space: normal;
	outline: none;
}
.stuff-form input[type="submit"]:hover{
	text-decoration: underline;
}
.stuff-form .have-acc{
	font: 16px/18px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	text-align: center;
}
.stuff-form .have-acc a{text-decoration: underline;}
.stuff-form .have-acc a:hover{text-decoration: none;}
.signup-page .details{
	padding: 94px 0 195px;
}
.details .top-area{
	margin: 0 0 57px;
	text-align: center;
}
.details .top-area .text{
	display: block;
	margin: 0 0 10px;
}
.details .top-area .address{
	font-size: 30px;
	line-height: 32px;
	display: block;
	margin: 0 0 10px;
	background: #fff;
	padding: 23px 5px;
	border-radius: 10px;
}
.details .detail-form .title,
.current-services .services-form .title,
.connection-date .connection-form .title,
.confirm-detail .confirm-form .title{
	font: 1.35em/1.08em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 24px;
	color: #b12594;
	letter-spacing: -1px;
}
.details .detail-form .frame,
.current-services .services-form .frame,
.connection-date .connection-form .frame,
.confirm-detail .confirm-form .frame{
	background: #fff;
	border: 1px solid #d5d1db;
	border-radius: 10px;
	margin: 0 0 50px;
}
.detail-form .frame .top-head{
	border-bottom: 1px solid #eae8ed;
	padding: 51px 3.7% 11px;
}
.detail-form .top-head .row{
	margin: 0 0 19px;
}
.detail-form .top-head .row .lbl{
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	padding: 3px 0 0;
	font-size: 18px;
	line-height: 28px;
}
.detail-form .top-head .row label{cursor: pointer;}
.detail-form  .jcf-label-active{color: #de9200;}
.detail-form .top-head .row .jcf-radio{margin: 0 3px 0 0;}
.detail-form .jcf-radio.jcf-checked{border: none;}
.detail-form .fill-info{
	padding: 29px 3.6% 32px;
	border-bottom: 1px solid #eae8ed;
}
.detail-form .fill-info .error input[type="text"],
.detail-form .fill-info .error input[type="email"],
.detail-form .fill-info .error input[type="tel"],
.detail-form .extra-address .wrap .error input[type="text"],
.services-form .error .input-wrap input[type="text"],
.connection-form .error input[type="text"]{
	border: 1px solid #f00;
}
.detail-form .fill-info .error label,
.detail-form .extra-address .wrap .error label,
.services-form .error label,
.connection-form .error label{color: #f00;}
.detail-form .fill-info .input-holder,
.detail-form .extra-address .wrap .input-holder,
.services-form .input-holder{
	overflow: hidden;
	margin: 0 0 16px;
}
.detail-form .fill-info .lbl{
	font-size: 18px;
	line-height: 28px;
}
.detail-form .fill-info .input-holder.sel-row{margin: 0 0 6px;}
.detail-form .fill-info .lbl,
.detail-form .extra-address .wrap .lbl,
.services-form .lbl,
.connection-form .lbl{
	float: left;
	width: 230px;
	padding: 7px 10px 0 0;
}
.detail-form .input-wrap,
.services-form .input-wrap,
.connection-form .input-wrap{
	width: 47.1%;
	overflow: hidden;
}
.detail-form .input-wrap.cvv{
    width: 60px;
}
.detail-form .input-wrap:after,
.services-form .input-wrap:after,
.connection-form .input-wrap:after{
	content: '';
	display: block;
	clear: both;
}
.detail-form input[type="text"],
.detail-form input[type="tel"],
.detail-form input[type="email"],
.services-form .input-wrap input[type="text"],
.services-form .input-wrap input[type="tel"],
.services-form .input-wrap input[type="email"]{
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #d5d1db;
	padding: 7px 10px;
	color: #421866;
	outline: none;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
}
.detail-form .fill-info input[type="email"]:invalid{box-shadow: none;}
.detail-form .input-wrap .col{
	width: 90px;
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 10px;
}
.detail-form .input-wrap .col.year{width: 110px;}
.detail-form .input-wrap .col.year .jcf-select{min-width: 110px;}
.detail-form .input-wrap .col .jcf-select{
	min-width: 90px;
	width: 90px;
}
.detail-form .input-wrap .jcf-select .jcf-select-text{
	color: #c2bbcb;
	margin: 2px 45px 0 12px;
}
.detail-form .input-wrap .jcf-select.jcf-focus .jcf-select-text{
	color: #331156;
}
.detail-form .input-wrap .col:first-child{
	margin: 0;
}
.detail-form .fill-info .notice{
	color: #c2bbcb;
	font-size: 14px;
	line-height: 24px;
	display: block;
	margin: 23px 0 0;
}
.detail-form .confirm-add{
	padding: 31px 3.6% 45px;
	font-size: 18px;
	line-height: 28px;
}
.detail-form .confirm-add .text{
	display: block;
	margin: 0 0 26px;
}
.detail-form .confirm-add .row{
	margin: 0 0 18px;
}
.detail-form .confirm-add .lbl{
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	padding: 3px 0 0;
}
.detail-form .confirm-add .lbl label{cursor: pointer;}
.detail-form .confirm-add .extra-address .wrap label{cursor: default;}
.detail-form .confirm-add .jcf-radio{
	margin: 0 3px 0 0;
}
.detail-form .confirm-add .notice{
	display: block;
	margin: 24px 0 0;
	color: #c2bbcb;
}
.detail-form .extra-address .wrap{display: none;}
.signup-page .footer-hold{
	font: 14px/16px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	overflow: hidden;
	padding: 0 30px;
}
.signup-page .footer-hold .btn-next{
	display: inline-block;
	vertical-align: top;
	font: 14px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #fff;
	border: none;
	background: #b12594;
	border-radius: 5px;
	padding: 14px 20px 10px;
	margin-right: 51px;
	min-width: 30.6%;
	text-transform: uppercase;
	outline: none;
}
.services-form .homeline .enable-state .light-text{
	color: #c2bbcb;
	font-size: 16px;
	line-height: 18px;
	display: block;
	margin: 0 0 20px;
}
.current-services .lbl{
	font-size: 18px;
	line-height: 28px;
}
.services-form .homeline .input-wrap,
.services-form .slide-option .input-wrap{
	padding: 0 10px 10px;
}
.services-form .homeline .lbl,
.services-form .slide-option .lbl{
	width: 220px;
}
.services-form .homeline .input-holder,
.services-form .slide-option .input-holder{
	margin: 0 0 6px;
}
.services-form .homeline .enable-state .input-holder{
	margin: 0 0 19px;
}
.services-form .homeline.active .wrap .jcf-radio span{
	color: #e19300;
	position: relative;
	display: block;
}
.services-form .homeline.active .wrap .jcf-radio span:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	content: '\e603';
	width: 24px;
	height: 24px;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.services-form .homeline.active .disable-state{display: none;}
.services-form .homeline.active .enable-state{display: block;}
.services-form .homeline .enable-state{display: none;}
.services-form .homeline .disable-state{display: block;}
.signup-page .footer-hold .btn-next span{
	font-size: 11px;
	line-height: 11px;
	padding-left: 5px;
}
.signup-page .footer-hold .back{
	float: left;
	width: 55px;
	margin: 14px 0 0;
}
.signup-page .footer-hold .back:hover{
	text-decoration: none;
	color: #ac4096;
}
.signup-page .footer-hold .back span{
	font-size: 11px;
	line-height: 11px;
	padding-right: 10px;
}
.signup-page  .jcf-label-active{
	color: #de9200;
}
.current-services .services-form .row .lbl{
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	padding-top: 5px;
} 
.current-services .services-form .homeline{
	border-bottom: 1px solid #eae8ed;
	padding: 48px 3.6% 21px;
}
.signup-page .current-services{
	padding: 97px 0 91px;
}
.current-services .services-form .title{
	margin: 0 0 34px;
}
.services-form .homeline .row{
	margin: 0 0 47px;
}
.services-form .homeline .row.wrap label{cursor: pointer;}
.services-form .homeline .row .jcf-radio{margin: 0 3px 0 0;}
.services-form .homeline .jcf-select{width: 100%;}
.services-form .jcf-radio.jcf-checked{border: none;}
.services-form .mid-radio{
	padding: 20px 3.6% 24px;
	border-bottom: 1px solid #eae8ed;
}
.services-form .mid-radio .row label{cursor: pointer;}
.services-form .mid-radio .jcf-radio{margin: 0 3px 0 0;}
.services-form .mid-radio .slide-option{
	margin: 47px 0 0;
	display: none;
}
.services-form .mid-radio .slide-option .jcf-select{width: 100%;}
.services-form .botton-check{
	padding: 38px 3.6% 37px;
}
.services-form .botton-check label{cursor: pointer;}
.services-form .botton-check .jcf-checkbox{margin: 0 3px 0 0;}
.services-form .botton-check .jcf-checkbox.jcf-checked{border: none;}
.services-form .botton-check .row{margin: 0 0 15px;}
.signup-page .connection-date{
	padding: 97px 0 90px;
}
.connection-form .install-block{
	padding: 47px 3.5% 44px;
	border-bottom: 1px solid #eae8ed;
}
.connection-form .frame .title{
	font: 18px/20px 'DINWeb-Bold',Arial, Helvetica, sans-serif;
	color: #331156;
	display: block;
	margin: 0 0 37px;
}
.connection-form .frame .imp-msg{
	font-size: 16px;
	line-height: 18px;
	display: block;
	margin: 0 0 26px;
}
.connection-form .frame .imp-msg em{
	font-style: normal;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #b12594;
	text-transform: uppercase;
}
.connection-form .jcf-select{width: 100%;}
.connection-form .install-block .input-holder{
	margin: 0 0 11px;
}
.connection-form .install-block .notice,
.connection-form .user-block .notice{
	font-size: 16px;
	line-height: 24px;
	color: #c2bbcb;
	display: block;
	padding-right: 22%;
}
.connection-form .user-block{
	padding: 47px 3.5% 62px;
}
.connection-form input[type="text"]{
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #d5d1db;
	padding: 7px 10px;
	color: #421866;
}
.connection-form .user-block .title{
	margin: 0 0 27px;
}
.connection-form .user-block .input-holder{
	margin: 0 0 12px;
}
.connection-form .input-wrap{
	padding: 0 10px 10px;
}
.connection-form .lbl{
	width: 220px;
	font-size: 18px;
	line-height: 28px;
}
.signup-page .confirm-detail{
	padding: 97px 0 206px;
}
.confirm-form .detail-info .btn-edit{
	float: left;
	width: 190px;
	border: 1px solid #b42d98;
	font-size: 16px;
	line-height: 20px;
	border-radius: 5px;
	overflow: hidden;
	padding: 8px 5px 6px;
	text-align: center;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.confirm-form .detail-info .btn-edit:hover{
	border-color: #de9200;
	color: #de9200;
	text-decoration: none;
}
.confirm-form .detail-info .btn-edit span{
	font-size: 11px;
	line-height: 11px;
	padding: 0 3px 0 0;
}
.confirm-form .product-details .detail-info .btn-edit{
	margin: -57px 0 0;
}
.confirm-detail .product-details,
.confirm-detail .personal-details,
.confirm-detail .connection-details{
	border-bottom: 1px solid #eae8ed;
	padding: 44px 3.5% 44px;
	overflow: hidden;
}
.confirm-detail .product-details .row{
	margin: 0 0 18px;
}
.confirm-detail .product-details .row:after{
	content: '';
	display: block;
	clear: both;
}
.confirm-form .detail-title{
	font-family: 'DINWeb-Bold',Arial, Helvetica, sans-serif;
	width: 32%;
	float: left;
	padding: 10px 10px 0 0;
	font-size: 18px;
	line-height: 28px;
}
.confirm-form .detail-info{
	float: right;
	width: 68%;
}
.confirm-form .detail-info:after{
	content: '';
	clear: both;
	display: block;
}
.confirm-form .detail-info .particular{
	float: left;
	width: 61%;
	padding: 5px 10px 0 0;
	font-size: 16px;
	line-height: 20px;
}
.confirm-form .product-details .pack{
	font: 30px/32px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.confirm-form .product-details .pack em{
	color: #b12594;
	font-style: normal;
}
.confirm-form .detail-info .panel-list{
	list-style: none;
	padding: 0;
	margin: 10px 0 0;
}
.confirm-form .detail-info .panel-list li{
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 6px;
	padding: 0 0 0 10px;
	position: relative;
}
.confirm-form .detail-info .panel-list li:before{
	content: '';
	background: #421866;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	position: absolute;
	left: 1px;
	top: 7px;
}
.confirm-form .personal-details .address-info{
	margin: 0 0 48px;
}
.confirm-form .personal-details .particular,
.confirm-form .service-details .particular,
.confirm-form .connection-details .particular{
	line-height: 24px;
	padding: 14px 10px 0 8px;
}
.personal-details .address-info .hold{
	margin: 0 0 24px;
}
.confirm-form .personal-details .particular{padding-top: 12px;}
.confirm-form .add-title{
	font-family: 'DINWeb-Bold',Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
}
.personal-details .person-info .name{
	display: block;
	margin: 0 0 24px;
}
.personal-details .person-info a{
	color: #331156;
	text-decoration: none;
}
.confirm-form .service-details{
	overflow: hidden;
	padding: 44px 3.5% 16px;
	border-bottom: 1px solid #eae8ed;
}
.confirm-form .service-details .particular{padding: 12px 10px 0 8px;}
.confirm-form .service-details .hold{
	margin: 0 0 24px;
}
.confirm-detail .connection-details{
	padding: 47px 3.5% 34px;
	border-bottom: none;
}
.confirm-form .connection-details .detail-info{margin: 3px 0 0;}
.confirm-form .connection-details .particular{padding: 10px 10px 0 8px;}
.confirm-form .connection-details .hold{margin: 0 0 24px;}
.confirm-detail .confirm-form .frame{margin: 0 0 88px;}
.confirm-form .bill-holder .bill-wrap{
	padding: 43px 3% 33px 3.5%;
	border-bottom: 1px solid #eae8ed;
}
.bill-holder .row{
	overflow: hidden;
	margin: 0 0 62px;
}
.bill-holder .detail-info{
	font-size: 16px;
	width: 63.2%;
	line-height: 24px;
	margin: 10px 0 0;
}
.bill-holder .info-table{
	width: 100%;
	table-layout: fixed;
}
.bill-holder .info-table .col1{
	width: 85%;
}
.bill-holder .info-table td{
	padding: 2px 5px;
}
.bill-holder .info-table tr td{
	text-align: right;
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.bill-holder .info-table tbody{
	border-bottom: 1px solid #eae8ed;
}
.bill-holder .info-table .gutter td{
	padding: 0;
	line-height: 16px;
}
.bill-holder .info-table tr td:first-child{
	text-align: left;
	font-family: 'DINWeb', Arial, Helvetica, sans-serif;
}
.bill-holder .info-table tfoot{
	border-bottom: 1px solid #eae8ed;
}
.bill-holder .info-table tfoot tr td:first-child{font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;}
.bill-holder .info-table tfoot td{padding: 13px 2px;}
.confirm-detail .confirm-form .bill-holder{margin: 0 0 50px;}
.confirm-form .bill-holder .agreement-hold{padding: 42px 3.5% 44px;}
.bill-holder .agreement-hold .lbl{
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	padding: 4px 0 0;
	font-size: 18px;
	line-height: 28px;
}
.bill-holder .agreement-hold .lbl label{cursor: pointer;}
.confirm-form .btn-signup{
	display: inline-block;
	vertical-align: top;
	font: 16px/20px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #fff;
	border: none;
	background: #b12594;
	border-radius: 5px;
	padding: 12px 20px 10px;
	margin-right: 51px;
	min-width: 37.6%;
	height: 51px;
	text-transform: uppercase;
	outline: none;
}
.confirm-form .btn-signup:hover{text-decoration: underline;}
.signup-page .confirm-form .footer-hold .back{margin: 19px 0 0;}
.bill-holder .agreement-hold .lbl a{text-decoration: underline;}
.bill-holder .agreement-hold .jcf-checkbox{margin: 0 3px 0 0;}
.bill-holder .agreement-hold .jcf-checkbox.jcf-checked{border: none;}
.signup-page .welcome-aboard{
	padding: 101px 0 91px;
	text-align: center;
}
.welcome-aboard .title{
	font: 3.3em/1.03em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 53px;
	display: block;
	color: #e19300;
	letter-spacing: -3px;
}
.welcome-aboard .hold{
	border-bottom: 1px solid #d5d1db;
	padding: 0 0 44px;
	margin: 0 0 65px;
}
.welcome-aboard .btn-setup{
	display: inline-block;
	vertical-align: top;
	font: 16px/20px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #fff;
	border: none;
	background: #b12594;
	border-radius: 5px;
	padding: 16px 20px 15px;
	min-width: 34.6%;
	text-transform: uppercase;
}
.welcome-aboard .btn-setup:hover{
	text-decoration: underline;
}
.signup-page .get-started,
.signup-page .details,
.signup-page .current-services,
.signup-page .connection-date,
.signup-page .confirm-detail,
.signup-page .welcome-aboard{display: none;}
.signup-page .get-started.active,
.signup-page .details.active,
.signup-page .current-services.active,
.signup-page .connection-date.active,
.signup-page .confirm-detail.active,
.signup-page .welcome-aboard.active{display: block;}
.light-hold{
	height: 100%;
	background: #1d053d;
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	overflow: hidden;
}
.glow-hold{
	opacity: 0.2;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.glow-hold:after{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.glow-hold img{
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.myorcon-page #header,
.my-user #header{
	position: relative;
}
.myorcon-page #header .logo,
.my-user #header .logo{position: relative;}
.myorcon-page .my-text,
.my-user .my-text{
	position: absolute;
	top: 0;
	left: 60px;
	/*font: 16px/18px 'dk_crayon_crumbleregular',Arial, Helvetica, sans-serif;*/
	color: #fff;
	background: url(../images/my.svg) no-repeat;
	overflow: hidden;
	background-size: 17px 16px;
	width: 17px;
	height: 16px;
}
.no-svg .my-user .my-text,
.no-svg .myorcon-page .my-text{
	background-image: url(../images/my.png);
}
.myorcon-page .local-block{
	border-bottom: 1px solid #e4e3e2;
	position: absolute;
	background: #fff;
	z-index: 99;
	width: 100%;
}
.myorcon-page .local-block.fixed-position{
	width: 100%;
	background: #fff;
	z-index: 99;
}
.myorcon-page .local-block ul{
	list-style: none;
	margin: 0 auto;
	padding: 22px 20px 12px;
	max-width: 1140px;
	text-align: center;
}
.local-block ul li{
	display: inline-block;
	vertical-align: top;
	font: 15px/19px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
	margin: 0 2.4%;
}
.local-block ul li a{
	color: #331156;
}
.local-block ul li a:hover,
.local-block ul li.active a{
	color: #b12594;
	text-decoration: underline;
}
.local-block ul li.last.active a{
	text-decoration: none;
	color: #331156; 
}
.local-block ul li.last a:hover{
	color: #b12594;
	text-decoration: underline;
}
.local-header{
	background: #fbfaf9;
	border-bottom: 1px solid #eae9e8;
	padding-top: 62px;
}
.order .local-header{padding-top: 0;}
.local-header .holder{
	max-width: 1140px;
	margin: 0 auto;
	padding: 18px 20px 14px;
	overflow: hidden;
}
.local-header .like-hold{
	float: left;
	width: 30%;
	margin: 9px 0 0;
}
.local-header .like-hold .text-sm{
	font-size: 14px;
	line-height: 16px;
	display: block;
	margin: 0 0 6px;
}
.local-header .like-hold ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.local-header .like-hold ul li{
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 6px;
}
.local-header .like-hold ul li a{
	color: #b12594;
}
.local-header .right-hold{
	float: right;
	width: 260px;
}
.local-header .right-hold .search-form{margin: 0 0 17px;}
.myorcon-page .search-form .input-holder{
	background: #fff;
	height: 36px;
	width: 260px;
}
.myorcon-page .search-form .input{
	height: 35px;
	padding: 3px 14px;
}
.myorcon-page .search-form input[type="text"]{
	color: #ada6b7;
	font-size: 18px;
	line-height: 28px;
}
.myorcon-page .search-form .parent-active input[type="text"]{
	color: #331156;
}
.myorcon-page .search-form input[type="submit"]{
	background-size: 20px 20px;
	margin: 7px 6px 0 0;
	outline: none;
}
.local-header .chat-box{
	background: #fff;
	border: 1px solid #d5d1db;
	border-radius: 10px;
	position: relative;
}
.local-header .chat-box .frame{
	padding: 4px 70px 2px 12px;
}
.local-header .chat-box .title{
	font: 16px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
}
.local-header .chat-box .chat-link{
	font-size: 14px;
	line-height: 16px;
}
.local-header .chat-box .chat-link .mobile-txt{display: none;}
.local-header .chat-box .stats-frame{
	background: #efeef1;
	display: block;
	padding: 5px 80px 4px 12px;
	font-size: 12px;
	line-height: 14px;
	border-radius: 0 0 10px 10px;
}
.chat-box .stats-frame em{
	font-family: 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	margin-left: 3px;
}
.chat-box .img-chat{
	position: absolute;
	top: -9px;
	right: -1px;
}
/*billing block styles*/
.billing-block{
	border-bottom: 1px solid #eae9e8;
}
.billing-block .holder{
	overflow: hidden;
	max-width: 1140px;
	margin: 0 auto;
	padding: 66px 20px 92px;
}
.billing-block .billing-info{
	float: left;
	width: 760px;
	margin-right: 10px;
}
.billing-block .title{
	display: block;
	margin: 0 0 47px;
	font: 1.3em/1.166em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #421866;
}
.billing-block .billing-info .amount{
	list-style: none;
	margin: 0;
	padding: 0;
}
.billing-info .billing-graph{
	overflow: hidden;
}
.billing-info .billing-graph .note{
	color: #b1a7bc;
	display: block;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.125em;
}
.billing-info .flotr-grid-label{
  font: 18px/20px 'DINWeb-Medium', Arial,Helvetica,sans-serif;
	color: #b1a7bc;
}
.billing-info .flotr-canvas{
  padding-left: 5px;
}
.note .mobile-txt{display: none;}
.billing-info .amount li{
	font: 18px/20px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	color: #b1a7bc;
	position: relative;
	padding: 0 0 2px;
	margin: 38px 0 0;
}
.billing-info .amount li:first-child{
	margin: 0;
}
.billing-info .amount li:after{
	content: '';
	background: #e5e5e5;
	background: rgba(0,0,0,0.1);
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.billing-block .billing-info .graph-month{
	list-style: none;
	margin: 0 0 28px;
	padding: 0 0 0 10.8%;
}
.billing-info .graph-month:after{
	content: '';
	display: block;
	clear: both;
}
.billing-info .graph-month li{
	width: 39px;
	float: left;
	margin: 0 1px 0 0;
	font: 18px/20px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	color: #b1a7bc;
	position: relative;
}
.billing-info .graph-month li .label{
	display: block;
	text-align: center;
	padding: 10px 0 0;
}
.billing-info .graph-month li .bar{
	position: absolute;
	bottom: 30px;
	background: #b12594;
	height: 50px;
	width: 100%;
	z-index: 1;
	max-height: 240px;
}
.billing-info .graph-month li .bar:hover{background: #9f2185;}
.billing-info .graph-month li .bar.b1,
.billing-info .graph-month li .bar.b4,
.billing-info .graph-month li .bar.b6,
.billing-info .graph-month li .bar.b8,
.billing-info .graph-month li .bar.b13{height: 117px;}
.billing-info .graph-month li .bar.b2{height: 126px;}
.billing-info .graph-month li .bar.b3,
.billing-info .graph-month li .bar.b9,
.billing-info .graph-month li .bar.b14{height: 121px;}
.billing-info .graph-month li .bar.b5{height: 148px;}
.billing-info .graph-month li .bar.b7{height: 134px;}
.billing-info .graph-month li .bar.b10{height: 128px;}
.billing-info .graph-month li .bar.b11{height: 221px;}
.billing-info .graph-month li .bar.b12{height: 153px;}
.billing-info .graph-month li .bar.b15{height: 126px;}
.billing-block .side-balance{
	float: right;
	width: 27.3%;
}
.side-balance .title{margin: 0 0 44px;}
.side-balance .wrap{overflow: hidden;}
.side-balance .hold{
	border-bottom: 1px solid #d9d4de;
	padding: 0 0 25px;
	margin: 0 0 20px;
}
.side-balance .overdue{
	font: 18px/20px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	color: #ff3333;
	display: block;
	margin: 0 0 2px;
}
.side-balance .overdue span{
	font: 56px/58px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	margin-right: 6px;
}
.side-balance .overdue em{
	vertical-align: top;
	font-style: normal;
	font: 28px/40px 'DINWeb', Arial, Helvetica, sans-serif;
}
.side-balance .overdue strong{
	font-weight: normal;
	font-size: 32px;
	line-height: 34px;
	vertical-align: top;
}
.side-balance .hold .details{
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 16px;
}
.side-balance .hold .details dt{
	float: left;
	margin-right: 3px;
}
.side-balance .hold .details dd{
	font-weight: normal;
	font-family: 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	margin: 0 0 4px;
	overflow: hidden;
}
.side-balance .btn-pay{
	font: 16px/18px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	border: 1px solid #b42d98;
	border-radius: 5px;
	width: 200px;
	text-align: center;
	padding: 11px 10px 10px 10px;
	display: block;
}
.side-balance .btn-pay:hover{
	border-color: #de9200;
	color: #de9200;
	text-decoration: none;
}
.side-balance .extra-lists{
	list-style: none;
	margin: 0;
	padding: 0;
}
.side-balance .extra-lists li{
	margin: 0 0 15px;
	font-size: 18px;
	line-height: 20px;
}
.side-balance .extra-lists .icon{
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	margin: 0 12px 0 0;
}
.side-balance .extra-lists .icon img{vertical-align: top;}
.side-balance .extra-lists li span{
	display: inline-block;
	vertical-align: middle;
	width: 80%;
	padding: 5px 0 0;
}
/*plan block styles*/
.plan-section{
	background: #fbfaf9;
}
.plan-section .holder{
	max-width: 1140px;
	margin: 0 auto;
	padding: 67px 20px 89px;
}
.plan-section .title{
	font: 1.3em/1.166em 'DINWeb-Bold',Arial,Helvetica,sans-serif;
	display: block;
	margin: 0 0 45px;
	color: #421866;
}
.plan-section .plan-span{
	overflow: hidden;
}
.plan-section .plan-span .plan-title{
	float: left;
	width: 33%;
	border-right: 1px solid #d9d4de;
	padding-right: 10px;
}
.plan-section .plan-title .title-big{
	font: 72px/74px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #b12594;
	display: block;
	letter-spacing: -4px;
}
.plan-section .plan-title .title-big em{
	font-style: normal;
	color: #421866;
	display: block;
	margin: -6px 0 0;
}
.plan-section .plan-title .title-big .sup{
	font: 29px/31px 'DINWeb', Arial, Helvetica, sans-serif;
	position: relative;
	top: -30px;
	left: -9px;
	letter-spacing: -2px;
}
.plan-section .plan-summery{
	width: 31.1%;
	float: left;
	padding: 4px 3.5% 0;
	border-right: 1px solid #d9d4de;
}
.plan-section .plan-summery .title{
	font: 16px/20px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 5px;
}
.plan-section .plan-summery ul{
	list-style: none;
	margin: 0;	
	padding: 0;
}
.plan-section .plan-summery ul li{
	font-size: 16px;
	line-height: 18px;
	margin: 4px 0 0;
}
.plan-section .plan-summery ul li:first-child{margin: 0;}
.plan-section .plan-summery .frame{margin: 39px 0 0;}
.plan-section .plan-summery .frame:first-child{margin: 0;}
.plan-section .btn-holder{
	float: left;
	width: 35.8%;
	text-align: right;
	padding: 6px 0 0;
}
.plan-section .btn-holder .btn-plan{
	font: 16px/18px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	border: 1px solid #b42d98;
	border-radius: 5px;
	width: 200px;
	text-align: center;
	padding: 11px 10px 9px;
	display: inline-block;
}
.plan-section .btn-holder .btn-plan:hover{
	border-color: #de9200;
	color: #de9200;
	text-decoration: none;
}
/*usage block styles*/
.usage-block{
	border-bottom: 1px solid #eae9e8;
}
.usage-block .heading-part{
	background: #fbfaf9;
	border-bottom: 1px solid #eae9e8;
}
.usage-block .heading-part .holder{
	max-width: 1140px;
	margin: 0 auto;
	padding: 50px 20px 0;
}
.changeplan .data-hold  .title{
	font: 1.2em/1.14em 'DINWeb-Bold',Arial,Helvetica,sans-serif;
	display: block;
	margin: 0 0 27px;
	color: #421866;	
}
.usage-block .heading-part .title{
	font: 1.3em/1.166em 'DINWeb-Bold',Arial,Helvetica,sans-serif;
	display: block;
	margin: 0 0 27px;
	color: #421866;
}
.usage-block .heading-part .usage-tabset{
	list-style: none;
	padding: 0 2.6%;
	margin: 0;
}
.usage-block .heading-part .usage-tabset:after{
	content: '';
	display: block;
	clear: both;
}
.usage-block .usage-tabset li{
	float: left;
	text-align: center;
	font: 20px/22px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	position: relative;
	z-index: 1;
	margin: 0 19px -1px;
}
.usage-block .usage-tabset li.active a{
	background: #fff;
	border-top: 1px solid #dedddc;
	color: #e09300;
	text-decoration: none;
	padding: 16px 21px 12px;
}
.usage-block .usage-tabset li.active a:before{
	content: '';
	background: url(../images/tab-l01.png) no-repeat 0 0;
	width: 19px;
	height: 51px;
	position: absolute;
	left: -19px;
	top: 0;
}
.usage-block .usage-tabset li.active a:after{
	content: '';
	background: url(../images/tab-r01.png) no-repeat 0 0;
	width: 19px;
	height: 51px;
	position: absolute;
	right: -19px;
	top: 0;
}
.usage-block .usage-tabset li a{
	display: block;
	padding: 17px 21px 11px;
}
.usage-block .usage-tabset li a:hover{text-decoration: none;}
.usage-content .container{
	max-width: 1140px;
	padding: 0 20px 85px;
	position: relative;
}
.usage-content .toggle-hold{
	margin: 0 0 44px;
	overflow: hidden;
	padding: 56px 0 0;
}
.toggle-hold .toggle-cal{
	list-style: none;
	margin: 0 40px 0 0;
	padding: 0;
	border: 1px solid #b42d98;
	border-radius: 5px;
	width: 194px;
	overflow: hidden;
	float: left;
}
.toggle-hold .toggle-cal li{
	float: left;
	width: 50%;
	text-align: center;
	font: 16px/18px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
}
.toggle-hold .toggle-cal li a{
	display: block;
	padding: 11px 10px 9px;
}
.toggle-hold .toggle-cal li a:hover{text-decoration: none;}
.toggle-hold .toggle-cal li.active a{
	color: #fff;
	background: #b12594;
}
.area-content .month-menu{
	position: absolute;
	top: 56px;
	left: 254px;
	width: 190px;
}
.area-content .month-menu .input-wrap{
	padding: 0 10px 10px;
}
.area-content .month-menu .jcf-select{
	width: 170px;
}
.area-content .month-menu .jcf-select .jcf-select-opener{width: 38px;}
.usage-content .area-content .area-wrap{
	overflow: hidden;
}
.usage-content .area-content .graph-container{
	float: left;
	width: 760px;
	margin: 9px 10px 0 0;
	overflow: hidden;
}
.usage-content .area-content .info-wrap{
	float: right;
	width: 300px;
}
.area-content .info-wrap .usage-list{
	list-style: none;
	margin: 0 0 25px;
	padding: 0;
}
.info-wrap .usage-list li{
	margin: 0 0 22px;
	overflow: hidden;
	letter-spacing: -4px;
	font-size: 0.01em;
}
.info-wrap .usage-list li .count{
	display: inline-block;
	vertical-align: bottom;
	width: 33%;
	font: 20px/25px 'DINWeb-Bold',Arial,Helvetica,sans-serif;
	color: #b12594;
	text-align: right;
	font-weight: normal;
	letter-spacing: -1px;
}
.info-wrap .usage-list li .info{
	display: inline-block;
	vertical-align: bottom;
	width: 65%;
	position: relative;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0;
	margin-right: 5px;
}
.info-wrap .usage-list li .info span{
	background: #fff;
	position: relative;
	padding-right: 2px;
}
.info-wrap .usage-list li .info:before{
	background: url(../images/bg-phone.jpg) repeat-x;
	height: 1px;
	content: '';
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
}
.area-content .info-wrap .alert-link{
	margin: 0 0 22px;
	font-size: 18px;
	line-height: 20px;
}
.info-wrap .alert-link .ico-holder{
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	margin: 0 5px 0 0;
}
.info-wrap .alert-link .alert{
	display: inline-block;
	vertical-align: middle;
	width: 245px;
}
.info-wrap .index{
	list-style: none;
	margin: 0;
	padding: 0;
	color: #b1a7bc;
	font-size: 18px;
	line-height: 20px;
	display: block;
	overflow: hidden;
}
.info-wrap .index em{
	width: 14px;
	height: 14px;
	background: #de9200;
	display: inline-block;
	vertical-align: middle;
}
.info-wrap .index span{
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	margin: 4px 0 0;
}
.graph-container .flotr-chart{
  margin-top: 10px;
}
.graph-container .flotr-grid-label{
	font: 16px/16px 'DINWeb-Medium', Arial,Helvetica,sans-serif;
	color: #b1a7bc;
}
.graph-container .capacity{
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e5e5e5;
}
.graph-container .capacity li{
	position: relative;
	padding: 38px 0 2px;
	font: 18px/20px 'DINWeb-Medium', Arial,Helvetica,sans-serif;
	color: #b1a7bc;
}
.graph-container .capacity li:after{
	content: '';
	background: #e5e5e5;
	background: rgba(0,0,0,0.1);
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.graph-container .day-list{
	list-style: none;
	margin: 0 0 29px;
	padding: 0 0 0 78px;
}
.graph-container .day-list:after{
	content: '';
	clear: both;
	display: block;
}
.graph-container .day-list li{
	padding-top: 10px;
	width: 147px;
	float: left;
	color: #b1a7bc;
	font: 18px/20px 'DINWeb-Medium', Arial,Helvetica,sans-serif;
	position: relative;
}
.graph-container .day-list li.last{width: 13.7%;}
.graph-container .day-list li .day{
	display: block;
	padding: 0 5px;
}
.graph-container .day-list li .day em{
	font-style: normal;
	font: 12px/14px 'DINWeb', Arial, Helvetica, sans-serif;
}
.graph-container .day-list li .bar-hold{
	position: absolute;
	bottom: 100%;
	right: 0;
	left: 1px;
}
.graph-container .day-list li .bar-hold .bar-inner{
	letter-spacing: -4px;
	font-size: 0;
	max-height: none;
	white-space: nowrap;
}
.graph-container .day-list li .bar-hold:after{
	content: '';
	display: block;
	clear: both;
}
.graph-container .day-list li .bar-hold:before{
	content: '';
	background: #e5e5e5;
	background: rgba(0,0,0,0.1);
	width: 1px;
	position: absolute;
	left: 0;
	top: -9999px;
	bottom: 0;
	z-index: 2;
}
.day-list li .bar-hold .bar{
	width: 20px;
	background: #b12594;
	margin-left: 1px;
	display: inline-block;
	vertical-align: bottom;
	font-size: 18px;
	white-space: normal;
	max-height: 240px !important;
}
.day-list li .bar-hold .bar:hover{background: #9f2185;}
.day-list li .bar-hold .bar.c1{height: 49px;}
.day-list li .bar-hold .bar.c2{height: 125px;}
.day-list li .bar-hold .bar.c3{height: 100px;}
.day-list li .bar-hold .bar.c4{height: 143px;}
.day-list li .bar-hold .bar.c5{height: 121px;}
.day-list li .bar-hold .bar.c6{height: 212px;}
.day-list li .bar-hold .bar.c7{height: 169px;}
.day-list li .bar-hold .bar.c8{height: 74px;}
.day-list li .bar-hold .bar.c9{height: 90px;}
.day-list li .bar-hold .bar.c10{height: 53px;}
.day-list li .bar-hold .bar.c11{height: 108px;}
.day-list li .bar-hold .bar.c12{height: 190px;}
.day-list li .bar-hold .bar.c13{height: 209px;}
.day-list li .bar-hold .bar.c14{height: 143px;}
.day-list li .bar-hold .bar.c15{height: 37px;}
.day-list li .bar-hold .bar.c16{height: 72px;}
.day-list li .bar-hold .bar.partial{background: #de9200;}
.day-list li .bar-hold .bar.partial:hover{background: #c78300;}
.graph-container .note{
	color: #b1a7bc;
	display: block;
	font-size: 0.9em;
	line-height: 1.125em;
	text-align: center;
}
.graph-container .month-list{
	list-style: none;
	margin: 0 0 29px;
	padding: 0 0 0 115px;
}
.graph-container .month-list:after{
	content: '';
	display: block;
	clear: both;
}
.graph-container .month-list li{
	font: 18px/20px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	float: left;
	color: #b1a7bc;
	position: relative;
	width: 44px;
	margin-right: 1px;
	padding-top: 10px;
}
.graph-container .month-list li .bar{
	background: #b12594;
    bottom: 30px;
    max-height: 240px;
    position: absolute;
    width: 100%;
    z-index: 1;
    display: block;
}
.graph-container .month-list li .bar:hover{background: #9f2185;}
.graph-container .month-list li .bar.m1{height: 81px;}
.graph-container .month-list li .bar.m2{height: 137px;}
.graph-container .month-list li .bar.m3{height: 156px;}
.graph-container .month-list li .bar.m4{height: 225px;}
.graph-container .month-list li .bar.m5{height: 133px;}
.graph-container .month-list li .bar.m6{height: 169px;}
.graph-container .month-list li .bar.m7{height: 146px;}
.graph-container .month-list li .bar.m8{height: 212px;}
.graph-container .month-list li .bar.m9{height: 127px;}
.graph-container .month-list li .bar.m10{height: 156px;}
.graph-container .month-list li .bar.m11{height: 187px;}
.graph-container .month-list li .bar.m12{height: 45px;}
.graph-container .month-list li .bar.partial{background: #de9200;}
.graph-container .month-list li .bar.partial:hover{
	background: #c78300;
	text-decoration: none;
}
.graph-container .month-list li .month{
	display: block;
	text-align: center;
}
.area-wrap.add .usage-list li .info{width: 65%;}
.area-wrap.add .usage-list li .count{width: 33%;}
.area-content .add .month-menu{
	left: 244px;
}
.area-content .add .month-menu .jcf-select{
	width: 130px;
	min-width: 100px;
}
.voice-tab .day-list li .bar{
	background: #7713a9;
	position: relative;
}
.voice-tab .day-list li .bar:hover{background: #590e7f;}
.voice-tab .day-list li .bar-hold .bar span{
	background: #e09300;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.voice-tab .day-list li .bar-hold .c7 span{height: 88px;}
.voice-tab .day-list li .bar-hold .c13 span{height: 28px;}
.voice-tab .day-list li .bar-hold .bar:hover span{background: #c78300;}
.voice-tab .info-wrap .index li{
	float: left;
	margin-right: 7px;
}
.voice-tab .info-wrap .index li:first-child em{
	background: #7713a9;
}
.voice-tab .info-wrap .index li:first-child span{width: 133px;}
.voice-tab .info-wrap .index li span{width: 115px;}
.voice-tab .info-wrap .usage-list li{margin-bottom: 21px;}
.area-content.voice-tab .info-wrap .usage-list{margin: 0 0 22px;}
.voice-tab .graph-container .month-list li .bar{
	background: #7713a9;
}
.voice-tab .graph-container .month-list li .bar:hover{
	background: #590e7f;
	text-decoration: none;
}
.voice-tab .graph-container .month-list li .bar span{
	background: #de9200;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.voice-tab .graph-container .month-list li .bar:hover span{background: #c78300;}
.voice-tab .graph-container .month-list li .m1 span{height: 10px;}
.voice-tab .graph-container .month-list li .m4 span{height: 90px;}
.voice-tab .graph-container .month-list li .m6 span{height: 8px;}
/*details block styles*/
.details-block{
	background: #fbfaf9;
}
.details-block .holder{
	max-width: 1140px;
	margin: 0 auto;
	padding: 67px 20px 153px;
}
.details-block .title{
	color: #421866;
	display: block;
	font: 1.3em/1.166em 'DINWeb-Bold',Arial,Helvetica,sans-serif;
	margin: 0 0 50px;
}
.details-block .details-span{
	overflow: hidden;
	font-size: 16px;
	line-height: 22px;
}
.details-block .details-span .address-part{
	border-right: 1px solid #d9d4de;
	float: left;
	width: 32.9%;
	padding-right: 10px;
}
.details-block .user-info{
	border-right: 1px solid #d9d4de;
	float: left;
	padding: 0 3.5% 15px;
	width: 36.2%;
}
.details-block .user-info .frame{margin: 31px 0 0;}
.details-block .user-info .frame:first-child{margin: 0;}
.details-block .user-info .tel a{
	color: #421866;
	pointer-events: none;
}
.details-block .user-info .mail{
	color: #421866;
}
.details-block .detail-links{
	float: left;
	width: 21%;
	padding: 0 3.6%;
}
.details-block .detail-links ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.details-block .detail-links ul li{margin: 0 0 14px;}
.details-block .details-span .sub-heading{
	font: 16px/20px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 3px;
}
.my-user{
	background: #faf9f8;
}
.my-user .my-form{
	max-width: 640px;
	margin: 0 auto;
	padding: 152px 20px 268px;
}
.my-form .main-title{
	font: 1.3em/1.166em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	display: block;
	margin: 0 0 23px;
}
.my-form .frame{
	background: #fff;
	border: 1px solid #d5d1db;
	border-radius: 10px;
	padding: 65px 4.8% 55px;
	margin: 0 0 50px;
}
.my-form .frame.login{
	padding: 75px 4.8% 61px;
}
.my-form .input-holder{
	overflow: hidden;
	margin: 0 0 6px;
}
.my-form .form-title{
	float: left;
	width: 171px;
	padding: 8px 10px 0 0;
	font-size: 18px;
	line-height: 28px;
}
.my-form .error .form-title{color: #f00;}
.my-form .login .form-title{width: 91px;}
.my-form .input-wrap{
	overflow: hidden;
	width: 66.6%;
	padding: 0 10px 10px;
}
.my-form input[type="text"],
.my-form input[type="password"]{
	width: 100%;
	border: 1px solid #d5d1db;
	border-radius: 5px;
	height: 40px;
	padding: 7px 10px;
	color: #331156;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	outline: none;
}
.my-form .error input[type="text"],
.my-form .error input[type="password"]{border-color: #f00;}
.my-form input[type="text"]{
	padding: 10px 10px 6px;
	line-height: 22px;
}
.my-form  .btn-input{
	text-align: center;
}
.my-form input[type="submit"]{
	display: inline-block;
	vertical-align: top;
	font: 14px/18px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #fff;
	border: none;
	background: #b12594;
	border-radius: 5px;
	padding: 11px 20px;
	min-width: 200px;
	text-transform: uppercase;
	white-space: normal;
}
.my-form .login .forgot{
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px;
	display: inline-block;
}
/*order status block styles*/
.status-section{
	background: #fbfaf9;
}
.status-section .holder{
	max-width: 1140px;
	margin: 0 auto;
	padding: 46px 20px 36px;
}
.status-section .title{
	font: 1.3em/1.166em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 23px;
}
.status-section .frame{
	background: #fff;
	border: 1px solid #d5d1db;
	border-radius: 10px;
	font-size: 0.886em;
	line-height: 1.5em;
}
.status-section .frame .path-frame{
	position: relative;
	border-bottom: 1px solid #d5d1db;
}
.status-section .path-frame .order-details{
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	position: absolute;
	top: 21px;
	left: 29px;
	text-transform: uppercase;
	z-index: 10;
}
.status-section .path-frame .order-details span{
	float: left;
	width: 195px;
	background: #fff;
}
.status-section .path-frame .order-details span:first-child{margin: 0;}
.status-section .path-frame .order-details strong{
	font-weight: normal;
	font: 14px/16px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: none;
	margin: 0 0 0 3px;
}
.status-section .path-holder{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.status-section .path-holder li{
	width: 14.28%;
	float: left;
	border-left: 1px solid #d5d1db;
	font-size: 18px;
	line-height: 22px;
	padding: 120px 3.3% 21px 2.6%;
	position: relative;
	height: 207px;
}
.status-section .path-holder li:after{
	content: '';
	position: absolute;
	width: 31px;
	height: 31px;
	border-radius: 100%;
	border: 5px solid #e9e6ed;
	top: 77px;
	left: 24%;
	background: #fff;
	z-index: 1;
}
.status-section .path-holder li.current:after{
	content:url(../images/ico_dotdot.png);
	position: absolute;
	width: 31px;
	padding: 14px 10px 4px 6px;
	height: 31px;
	border-radius: 100%;
	background: #de9200;
	border:none;
	
}
.status-section .path-holder li.passed:after{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	content: '\e603';
	width: 30px;
	height: 30px;
	font-size: 31px;
	color: #de9200;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
}
.status-section .path-holder li:before{
	content: '';
	background: #e9e6ed;
	height: 8px;
	position: absolute;
	top: 89px;
	right: 72%;
	left: -72%;
	z-index: 0;
}
.status-section .path-holder li.current:before,
.status-section .path-holder li.passed:before{
	background: #de9200;
}
.status-section .path-holder li:first-child{border: none;}
.status-section .path-holder li:first-child:before{left: 30%;}
.status-section .imp-msg{
	padding: 23px 30px 7px;
	border-bottom: 1px solid #d5d1db;
}
.status-section .imp-msg .sub-title,
.status-section .current-stat .sub-title{
	font: 0.9em/1.14em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #ff3333;
	display: block;
	text-transform: uppercase;
	margin: 0 0 3px;
}
.status-section .imp-msg p{margin: 0 0 10px;}
.status-section .current-stat .sub-title{
	color: #b12594;
}
.status-section .current-stat{
	padding: 23px 30px 1px;
}
.status-section .current-stat p{margin: 0 0 25px;}
/*FAQ area styles*/
.faq-area{
	background: #fbfaf9;
	border-bottom: 1px solid #eae9e8;
}
.faq-area .holder{
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px 20px 37px;
}
.faq-area .holder .frame{
	width: 69%;
}
.faq-area .title{
	font: 1.1em/1.1em 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 10px;
	border-bottom: 1px solid #d5d1db;
	margin: 0 0 14px;
	padding: 0 0 25px;
}
.faq-area .accordion{
	list-style: none;
	margin: 0;
	padding: 0;
}
.faq-area .accordion li{
	font-family: 'DINWeb-Medium',Arial,Helvetica,sans-serif;
	padding: 0 0 13px;
	margin: 0 0 14px;
	border-bottom: 1px solid #d5d1db;
}
.faq-area .accordion li .opener{
	color: #421866;
	padding: 0 0 0 28px;
	position: relative;
	display: block;
}
.faq-area .accordion li .slide{
	color: #b12594;
    font-family: 'DINWeb',Arial,Helvetica,sans-serif;
    padding: 16px 17% 0 28px;
}
.faq-area .accordion li .opener:before{
	content: '\e602';
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin: -8px 0 0;
}
.faq-area .accordion li .opener:hover{text-decoration: none;}
.faq-area .accordion li .slide p{margin: 0 0 12px;}
.faq-area .accordion li .slide a{text-decoration: underline;}
.faq-area .accordion li .slide a:hover{text-decoration: none;}
.faq-area .accordion li.active .opener:before{
	content: '\e601';
	font-size: 10px;
	line-height: 10px;
	color: #b12594;
	font-size: 8px;
	line-height: 8px;
	left: 7px;
	margin: -5px 0 0;
}
.faq-area .accordion li.active .opener{color: #b12594;}
.order .local-header .holder{
	padding-bottom: 25px;
}
.order .local-header .right-hold .search-form{margin: 0 0 20px;}
.order .plan-section{
	background: #fff;
	border-top: none;
}
.order .plan-section .holder{padding-bottom: 119px;}
.order .details-block .holder{padding-bottom: 145px;}
.promo-block .notes, #caveat {
	display: block;
	font: 0.667em/1.3em 'DINWeb', Arial, Helvetica, sans-serif;
}
/*caveat*/
/*
#caveat {
	color:#c6bccd;
	padding: 0px 10px;
	max-width: 1120px;
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	position: relative;
}*/
.order .plan-section .holder{padding-bottom: 119px;}
.order .details-block .holder{padding-bottom: 145px;}
.fibre-unavailable .speed-block .tabset li{
	width: 48.7%;
}
/* ---------------------------------------------------------
  4. Custom form styles
---------------------------------------------------------*/
/* custom select styles */
.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #d5d1db;
	border-radius: 5px;
	background: #fff;
	min-width: 150px;
	height: 40px;
	width: 280px;
}
.jcf-select.jcf-drop-active{border-radius: 5px 5px 0 0;}
.error textarea,
.error .jcf-select{border: 1px solid #f00;}
.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}
.jcf-select .jcf-select-text {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 18px;
	line-height: 40px;
	margin: 0 45px 0 12px;
}
.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	background: url(../images/drop-arrow.svg) no-repeat 50% 58%;
	background-size: 14px 10px;
	width: 40px;
	bottom: 0;
	right: 0;
	top: 0;
	border-left: 1px solid #d5d1db;
}
.no-svg .jcf-select .jcf-select-opener{background-image: url(../images/drop-arrow.png);}
body > .jcf-select-drop {
	margin-top: -1px;
	position: absolute;
	z-index: 9999;
	box-shadow: 0 8px 12px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 8px 12px rgba(0,0,0,.15);
	border-radius: 0 0 5px 5px;
}
.jcf-drop-active{
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}
body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0px;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}
.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}
.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #d5d1db;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
}
/* multiple select styles */
.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}
/* select options styles */
.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fbfaf9;
	line-height: 22px;
	font-size: 18px;
	width: 100%;
}
.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}
.jcf-list ul {
	list-style: none;
	padding: 0 0 7px;
	margin: 0;
}
.jcf-list ul li {
	overflow: hidden;
	display: block;
}
.jcf-list .jcf-overflow {
	overflow: auto;
}
.jcf-list .jcf-option {
	white-space: normal;
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 3px 17px;
	color: #421866;
	height: 1%;
}
.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #f5e9f1;
}
.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}
/* common custom form elements styles */
.jcf-disabled {background: #ddd !important;}
/* custom checkbox styles */
.jcf-checkbox {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #d6d2dc;
	margin: 0 7px 0 0;
	height: 24px;
	width: 24px;
	border-radius: 100%;
}
.jcf-checkbox span{
	display:none;
	position: relative;
	color: #e19300;
}
.jcf-checkbox span:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	content: '\e603';
	width: 24px;
	height: 24px;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.jcf-checkbox input[type="checkbox"] {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
	cursor: pointer;
}
.jcf-checkbox.jcf-checked span{display:block;}
/* custom radio styles */
.jcf-radio {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #d6d2dc;
	border-radius: 100%;
	margin: 0 7px 0 0;
	height: 24px;
	width: 24px;
}
.jcf-radio span{
	display:none;
	position: relative;
	color: #e19300;
}
.jcf-radio span:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	content: '\e603';
	width: 24px;
	height: 24px;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.jcf-radio input[type="radio"] {
	cursor: pointer;
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.jcf-radio.jcf-checked span {display:block;}
/*lightbox css*/
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
}
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
	background: #fbfaf9 !important;
	opacity: 1 !important;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px; /* should be 20px */
	z-index: 1101;
	outline: none;
	display: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	border-radius: 5px;
	position: relative;
	z-index: 1102;
	/*border: 0px solid #280c4a;*/
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
.lightbox .close,
.lightbox2 .close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 28px;
	height: 28px;
	background: url(../images/btn-close1.svg) no-repeat;
	background-size: 28px 28px;
	cursor: pointer;
	z-index: 1103;
	text-indent: -9999px;
	overflow:hidden;
}
.no-svg .lightbox .close{background-image: url(../images/btn-close1.png);}
.lightbox .close:hover,
.lightbox2 .close:hover{opacity: 0.7;}
.lightbox2 .close{
	width:44px;
	height: 42px;
	background-image: url(../images/btn-close2.png);
	background-size: auto auto;
	top:67px;
	right:67px;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}
#fancybox-right {
	right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-position: -40px -60px;
}
#fancybox-left:hover span {
	left: 20px;
}
#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
}
#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-position: -40px -162px;
}
#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-position: -20px 0px;
}
#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-position: -40px -182px; 
}
#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-position: 0px -20px;
}
#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-position: -40px -142px;
}
#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
}
#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-position: -40px -122px;
}
#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}
.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}
.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}
.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	display: block;
}
.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}
#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}
#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}
#fancybox-title-float-left {
	padding: 0 0 0 15px;
}
#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
}
#fancybox-title-float-right {
	padding: 0 0 0 15px;
}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/* added on 2nd february 2015 */
.statement-col{
	overflow: hidden;
	position: relative;
	padding-top: 62px;
	border-top: 1px solid #e4e3e2;
}
.statement-col .container:before{
	background: none repeat scroll 0 0;
    bottom: -9999px;
    content: "";
    left: 10px;
    position: absolute;
    top: 0;
    width: 1px;
}
.invoice-content{
	float: left;
	width: 73%;
	padding: 73px 64px 0 0;
}
.due-block{
	color: #b12594;
	font: 22px/30px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 15px 5px 11px;
	border: 2px solid #b12594;
	max-width: 480px;
	margin: 0 auto 15px;
}
.due-block .title{
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	padding-right: 28px;
}
.due-block .date{
	display: inline-block;
	vertical-align: middle;
	padding-right: 28px;
	font-style: normal;
}
.due-block .amount{
	display: inline-block;
	vertical-align: middle;
}
.invoice-content .card-info{
	text-align: center;
	color: #b12594;
	font-size: 0.889em;
	line-height: 1.5em;
}
.invoice-content .card-info.bold{
	font-size: 1em;
}
.bold{font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;}
.invoice-head{
	margin-bottom: 70px;
}
.invoice-content h1{
	color: #d5d1db;
	font: 48px/52px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	margin: 0 0 76px;
	padding: 0 0 12px;
	border-bottom: 1px solid #d5d1db;
}
.invoice-content .tax-invoice-block h1{
	padding-bottom: 19px;
	margin-bottom: 81px;
}
.tax-invoice-block .charge-block .title-main{
	padding-bottom: 13px;
	margin-bottom: 27px;
}
.invoice-content .invoice-des{
	text-align: right;
	font-size: 16px;
	line-height: 20px;
}
.invoice-content .invoice-des span{color: #f33;}
.statement-block{
	margin-bottom: 190px;
}
.charge-block{
	max-width: 600px;
	margin: 0 0 0 auto;
	color: #421866;
}
.charge-block dl{
	overflow: hidden;
	margin: 0 0 60px;
	padding: 0 0 23px;
	border-bottom: 1px solid #d5d1db;
	font-size: 18px;
	line-height: 28px;
}
.charge-block .title-main{
	display: block;
	font: 22px/26px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin-bottom: 18px;
	padding-bottom: 19px;
	border-bottom: 1px solid #d5d1db;
}
.charge-block .slot-broadband .title-main{
	margin-bottom: 20px;
}
.charge-block .slot-broadband dl{
	padding-bottom: 18px;
	margin-bottom: 41px;
}
.charge-block .total-block{
	border-bottom-width: 2px;
	padding-bottom: 19px;
	margin-bottom: 17px;
}
.charge-block dt{
	float: left;
	width: 70%;
	padding-right: 10px;
}
.charge-block dd{
	margin: 0;
	text-align: right;
	overflow: hidden;
}
.charge-block .total-amount-title{
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.charge-block .total-amount-title span{font-family: 'DINWeb', Arial, Helvetica, sans-serif;}
.charge-block .total-title{font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;}
.charge-block .total{
	font-family: 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	color: #f33;
}
.charge-block .total-amount{
	font: 26px/26px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.charge-block .title{
	display: block;
	font: 18px/24px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
}
.tax-invoice-block dl{
	font-size: 16px;
	max-width: 520px;
	margin: 0 0 49px auto;
	padding-bottom: 29px;
}
.tax-invoice-block .holder:first-child{margin-bottom: 47px;}
.tax-invoice-block .total-block{padding-bottom: 21px;}
.charge-block .tax-info-pos{
	margin-bottom: 30px;
	padding: 0;
	border: 0;
}
.tax-invoice-block .charge-block .total-amount{font-size: 22px;}
.statement-accordion .opener:before{
	content: '\e602';
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 12px;
	line-height: 22px;
	position: absolute;
	left: 5px;
	top: 7px;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 24px;
	border: 1px solid #d6d2dc;
	top: 24px;
	padding-left: 2px;
	background: #fff;
}
.statement-accordion .active .opener:before{
	font-size: 8px;
	content: "\e601";
	padding-left: 1px;
	line-height: 24px;
}
.statement-accordion li{
	border-bottom: 1px solid #d5d1db;
	position: relative;
}
.statement-accordion .opener{
	display: block;
	padding: 25px 5px 23px 38px;
	font-size: 16px;
	color: #421866;
	line-height: 24px;
}
.statement-accordion .opener:hover{
	background: #fbf4fa;
	text-decoration: none;
}
.statement-accordion .opener .text{
	font: 18px/24px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	padding-right: 10px;
}
.statement-accordion .opener .amount{
	float: right;
	position: static;
}
.statement-accordion .active .amount{
/*  position: absolute;*/	
	right: 5px;
	bottom: 13px;
}
.statement-accordion{
	margin: -27px 0 50px auto;
	max-width: 520px;
	padding: 0;
	list-style: none;
}
.charge-block .slide dl{
	padding: 0 50px 0 38px;
	border: 0;	
	margin: 0 0 10px;
}
.charge-block .slide .holder{
	padding: 0 0 10px;
}
.tax-invoice-block .invoice-extras-block{
	margin: -10px 0 160px;
}
.uppercase{
	text-transform: uppercase;
}
.tax-invoice-block .invoice-extras-block .uppercase{display: block;}
.tax-invoice-block .invoice-extras-block .note{
	display: block;
	font-size: 14px;
	line-height: 18px;
}
.invoice-extras-block .all-total{
	font: 22px/24px 'DINWeb-Bold', Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 2px 0 24px;
	border-bottom: 2px solid #d5d1db;
	max-width: 520px;
	margin: 0 0 0 auto;
}
.address-sub{
	overflow: hidden;
	font: 12px/18px 'DINWeb-Light', Arial, Helvetica, sans-serif;
}
.contact-sub{
	border-left: 1px solid #d5d1db;
	padding: 0 20px 33px 40px;
	width: 54.4%;
	float: left;
}
.address-sub dl{
	margin: 0 0 22px;
	padding: 0;
	overflow: hidden;
}
.contact-sub:first-child{
	padding-left: 0;
	border-left: 0;
	width: 45.6%;
}
.address-sub dt{
	text-transform: uppercase;
	float: left;
	min-width: 140px;
	padding-right: 10px;
	font: 12px/24px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
}
.contact-right{padding-right: 0 !important;}
.contact-right dt{
	width: 180px;
}
.address-sub dd{
	margin: 0;
	overflow: hidden;
	font: 16px/24px 'DINWeb',Arial, Helvetica, sans-serif;
}
.statement-col .container{
	z-index: 1;
	overflow: hidden;
	max-width: 1120px;
}
.statement-col .container:after{
	content: '';
	background: url(../images/bg-box.png);
	position: absolute;
	top: 0;
	bottom: -99999px;
	right: 10px;
	z-index: -1;
	left: 72.3%;
}
.invoice-aside{
	width: 27%;
	float: right;
	padding: 18px;
}
.invoice-aside .print-holder{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 22px;
	padding-left: 148px;
	margin-right: -20px;
}
.invoice-aside .print-holder em{
	display: inline-block;
	vertical-align: top;
	margin-right: 3px;
}
.invoice-aside .print-holder a{
	display: inline-block;
	vertical-align: middle;
}
.acount-info .title{
	display: block;
	color: #7a6c8c;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	margin-bottom: -4px;
}
.acount-info .select-holder{padding-top: 8px;}
.acount-info .acount-name .title{margin-bottom: -4px;}
.acount-info .row{margin-bottom: 28px;}
.acount-info .row.acount-name{margin-bottom: 26px;}
.acount-info .no{
	display: block;
	font: 28px/34px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	color: #421866;
}
.acount-info .name{
	display: block;
	color: #421866;
	font: 20px/34px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
}
.acount-info .date,.acount-info .info-des{
	font: 18px/24px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	display: block;
	color: #421866;
}
.acount-info .row a{
	font: 14px/18px 'DINWeb-Light', Arial, Helvetica, sans-serif;
}
.jcf-select-invoice-select{max-width: 260px;}
.jcf-select-invoice-select .jcf-select-text{
	font: 18px/40px 'DINWeb-Bold', Arial, Helvetica, sans-serif !important;
	color: #421866 !important;
}
.invoice-content .pay-now{
	padding: 10px 0;
	text-align: center;
}
.invoice-content .pay-now a,
.usage-stat .btn-normal{
	font: 16px/24px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
	color: #b12594;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #b42d98;
	padding: 8px 10px;
	min-width: 200px;
	border-radius: 5px;
	text-align: center;
}
.holder-info-wrap:after{
	clear: both;
	content: '';
	display: block;
}
.invoice-content .pay-now a:hover,
.usage-stat .btn-normal:hover{text-decoration: none;}
.usage-stat{
	margin: 48px 0;
	padding: 15px 0;
	border-top: 1px solid #eae8ed;
}
.usage-stat .opener .ico{
	float: right;
	background: url(../images/ico-close.png) no-repeat;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 4px 1px 0;
}
.usage-stat .opener{
	overflow: hidden;
	margin-bottom: 41px;
}
.usage-stat .opener .text-left{
	overflow: hidden;
}
#main .usage-stat h3{
	font-size: 22px;
	line-height: 30px;
	margin: 0;
}
#main .usage-stat .opener .sub-text{
	display: block;
	color: #b12594;
	font-size: 16px;
	line-height: 24px;
}
.stat-table{
	width: 100%;
	table-layout: fixed;
	margin-bottom: 50px;
}
.stat-table td{
	font-size: 16px;
	line-height: 24px;
	color: #331156;
}
.stat-table th{
	font-size: 12px;
	line-height: 20px;
	color: #a49caf;
	text-transform: uppercase;
	text-align: left;
	font-weight: normal;
}
.stat-table th,.stat-table td{
	padding: 10px;
	border-bottom: 1px solid #d5d1db;
}
.stat-table th:first-child,.stat-table td:first-child{padding-left: 0 !important;}
.stat-table td{
	padding: 7px 10px !important;
}
.stat-table .destination-col{
	width: 290px;
}
.usage-stat .btn-holder{text-align: center;}


.address-block{position: relative;}
.gm-style-cc{display: none;}
.data-hold .js-slide-hidden{
	display: none !important;
}
#main{
	position: relative;
	z-index: 10;
}
.plan-slide .popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
	/* overflow-y: auto; */
	min-width: 320px;
}
.plan-slide .popup.js-slide-hidden{
	z-index: -1;
	display: none !important;
}
.plan-slide .popup-frame {
	position: relative;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	background: #fbfaf9;
}
/** Error page styles **/
.error-page{
    overflow: hidden;
    display: block !important;
}
.error-page img {
    display: inline;
}
.error-page .video-wrap{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.error-page .caption-content{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0 0 42px;
}
.caption-content .audio-control{
    background: url(../images/sound_on.png) no-repeat;
    width: 23px;
    height: 20px;
    position: absolute;
    right: 30px;
    bottom: 53px;
}
.caption-content .audio-control.pause{
    background: url(../images/sound_off.png) no-repeat;
}
.error-page  .center-hold{
    font: italic 24px/26px 'CRAPJOE', Arial, Helvetica, sans-serif;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.center-hold .warn-code{
    margin: 0 0 25px;
}
.center-hold .link{
    color: #fff;
    position: relative;
}
.center-hold .link:hover{
    text-decoration: none;
}
.center-hold .link:after{
    content: '';
    background: url(../images/underline.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 81px;
    height: 4px;
}

.speed-block .tabset.tabs-two li {
    width: 48.9%;
}

.speed-block .tabset.tabs-one li {
    width: 48.9%;
    display: block;
    margin: 0 auto;
}
.tax-invoice-block .charge-block dt a{
    text-decoration: underline;
}
.tax-invoice-block .charge-block dt a:hover{color: #de9200;}
.invoice-content .pay-now a:hover, .usage-stat .btn-normal:hover{
    border-color: #de9200;
    color: #de9200;
}

/* ---------------------------------------------------------
  Styles for block page
---------------------------------------------------------*/
.blocked-page .pageWidth{
    max-width: 780px;
    margin: 0 auto;
}
.blocked-page .pageWidth .top-area{
    margin: 124px auto 44px;
    text-align: center;
    padding: 13px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    z-index: 1;

}
.blocked-page .cross {
    background: rgba(0, 0, 0, 0) url("/myaccount-support/images/x.png") no-repeat scroll 0 0 / 100% auto;
    height: 100%;
    left: 4.7%;
    position: absolute;
    top: -1%;
    width: 90.8%;
    z-index: 0;
    z-index: 0;
    background-size: 100%;
}
.blocked-page .pageWidth .top-area .text{
    font: 24px/38px "DINWeb-Medium", Arial, Helvetica, sans-serif;
    color: #b12594;
    display: block;
}
.blocked-page .pageWidth .top-area .bigtext{
    font: 60px/70px "DINWeb-Bold", Arial, Helvetica, sans-serif;
    color: #b12594;
}
.blocked-page .pageWidth .frame{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d5d1db;
    border-radius: 10px;
    margin: 0 0 50px;
    padding: 0;
    position: relative;
    z-index: 1 !important;
}
.blocked-page .btn-paynow::before:hover {
    color: #DE9200;
}
.blocked-page .btn-paynow:before {
    background-repeat: no-repeat;
    background-size: 8px 12px;
    content: '\e602';
    font-family: 'icomoon';
    font-size: 12px;
    speak: none;
    padding: 0 4px;
}
 .wide-block.pos1{
    padding-top: 50px!important;
    padding-bottom: 35px !important;
}
.wide-block.pos2{
    padding-top: 28px !important;
    padding-bottom: 37px !important;
}
 .wide-block.pos3{
    padding-top: 28px !important;
    padding-bottom: 30px !important;
}
 .wide-block.pos4{
    padding-top: 26px !important;
    padding-bottom: 18px !important;
}
.wide-block.pos5{
    padding-top: 27px !important;
    padding-bottom: 46px !important;
}
.wide-block li {
    padding: 0px;
    height: 26px;
    margin: 0;
}
.wide-block li a{
    line-height: 20px;
}
.blocked-page a.btn-paynow:hover{
    border: 1px solid #DE9200;
    color: #DE9200;
}
.blocked-page a.btn-paynow{
    border: 1px solid #b12594;
    border-radius: 4px;
    display: block;
    float: none;
    margin: 35px auto 40px;
    width: 240px;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
.blocked-page .btn-paynow::before {
    transition: all 0.2s ease-in-out 0s;

}
.blocked-page  .regular-txt {
    font: 18px/24px  "DINWeb", Arial, Helvetica, sans-serif!important;
}
.blocked-page  .wide-block .medium-txt{
    font: 18px/25px "DINWeb-Medium", Arial, Helvetica, sans-serif !important;
}
.blocked-page  .wide-block .din-med {
    font-family: DINWeb-Medium!important;
}
.blocked-page  .frame .wide-block p{
    font: 16px/22px  "DINWeb", Arial, Helvetica, sans-serif;
    color: #331156;
}
.blocked-page  .frame .wide-block.center {
    text-align: center;
}
.blocked-page  .frame .wide-block h2 {
    font: 24px "DINWeb-Bold", Arial, Helvetica, sans-serif;
    color: #B12594;
    letter-spacing: normal;
    margin-bottom: 35px;
}
.blocked-page  .frame .wide-block {
padding: 30px 30px;
    border-bottom: 1px solid #d5d1db;
    clear: both;
}
.blocked-page .wide-block .smallwidth {
    max-width: 510px;
    margin: 0 auto;
    display: inline-block;
}
.blocked-page ul{
list-style: none;
    display: block;
    float: left;
    text-align: left;
    margin: 3px auto;
}
.blocked-page  .have-margin {
    margin: 0 60px;
}

.blocked-page .acc-details-txt {
font-size: 26px!important;
}
.wide-block.center.have-margin:last-child {
    border-bottom: medium none;
}
/* ---------------------------------------------------------
  5. Styles for responsive breakpoints
---------------------------------------------------------*/
/* styles for screens 1600px wide and narrower */
@media only screen and (max-width: 1600px){
	.main-text{max-width: 80%;}
	.plan-block .row{margin-left: 0;}
}


@media only screen and (max-width: 1168px){
    .sales-pagev1 .faq-block {
        width: 100%;
        padding: 48px 24px;
    }
}



/* styles for screens 1025px wide and narrower */
@media only screen and (max-width: 1025px){
	.contact-info .tel a,
	.feature-wrap .text .tel,
	.footer-top .tel,
	.header-contact a,
	.details-block .user-info .tel a{
		pointer-events: auto;
	}
	.note .mobile-txt,
	.local-header .chat-box .chat-link .mobile-txt{display: inline;}
	.note span,
	.local-header .chat-box .chat-link span{display: none;}
	#nav li{margin: 0 7px;}
	.main-page .promo-block .add-img2 img {
		width:54%;
		height:auto;
	}
	.main-page .promo-block .add-img4 img {
		width:40%;
		height:auto;
	}
}
@media only screen and (max-width: 1150px){
	.upgrade-hold .pack-frame .row{ width: 26%; }
	.upgrade-hold .pack-frame .row.add{margin-left: 7.5%;}
	.fiber-form .tv-hold .img-holder{width: 245px;}
	.billing-block .billing-info,
	.usage-content .area-content .graph-container{width: 700px;}
	.billing-block .billing-info .graph-month{padding: 0 0 0 10%;}
	.plan-section .btn-holder{
		width: 35.5%;
		text-align: center;
	}
	.graph-container .day-list li{width: 133px;}
	.day-list li .bar-hold .bar{width: 18px;}
	.usage-content .area-content .info-wrap{width: 255px;}
	.info-wrap .usage-list li .count{
		font-size: 16px;
		line-height: 20px;
	}
	.details-block .detail-links{
		width: 30%;
	}
	.billing-block .side-balance{
		width: 26%;
	}
}
/* styles for screens 1119px wide and narrower */
@media only screen and (max-width: 1119px){
	.main-page .banner .img-holder {
		right:-15%;
	}
	.main-page .banner .img-holder img {
		width:100%;
		height:auto;
		float:right;
	}
    /*
    .main-page .banner h1 {
        background-size: 100% auto;
        height: 270px;
        margin: 0 auto;
        width: 300px;
    }
    */
	.promo-block .image-holder img{
		max-width: 90%;
		height: auto;
	}
	.promo-block .promo.add{min-height: 1px;}
	.promo-block .promo{
		height: 540px;
	}
	.promo-block .image-holder{margin-top: -100px;}
	.promo-block h2{
		font-size: 45px;
		line-height: 55px;
	}
	.promo-block .promo.last{height: 520px;}
	.plan-wrap:first-child{margin-right: 50px;}
	.plan-wrap{width: 45%;}
	.plan-block .title{font-size: 70px;}
	.twitter-block{
		padding: 70px 0;
		min-height: 1px;
	}
	#content{width: 60%;}
	#sidebar{ /*width: 34%;*/ }
	.request-form .holder{padding: 34px 15px 30px;}
	.request-form .form-title{
		width: 170px;
		padding-right: 10px;
	}
	.request-form .text-wrap,
	.request-form .input-wrap{width: auto;}
	.jcf-select{width: 100%;}
	.support-page #content{width: 63%;}
	.help-list li{
		width: 50%;
		font-size: 42px;
	}
	.logo{/*margin-left: 20px;*/}
	.header-contact{margin-right: 20px;}
	.banner .text-block{left: 20px;}
	.invoice-aside .print-holder{padding-left: 0;}
}

@media only screen and (max-width: 1023px){
	.invoice-aside .print-holder{padding-left: 0;}
	.status-section .path-holder li{font-size: 15px;}
	.status-section .path-holder li:after{right: 70%;}
	.local-block ul li{margin: 0 3.6%;}
	.billing-block .billing-info{
		float: none;
		width: 100%;
		margin: 0 0 56px;
	}
	.billing-block .side-balance{
		width: 100%;
		float: none;
	}
	.side-balance .hold{
		float: left;
		width: 50%;
		border: none;
		margin: 0;
		padding: 0 20px 0 0;
	}
	.side-balance .extra-lists{
		float: left;
		width: 40%;
	}
	.plan-section .plan-title .title-big{
		font-size: 52px;
		line-height: 52px;
		letter-spacing: -2px;
	}
	.plan-section .plan-title .title-big .sup{
		font-size: 22px;
		line-height: 24px;
		top: -22px;
		left: -5px;
	}
	.billing-block .billing-info .graph-month{padding: 0 0 0 10.8%;}
	.billing-block .holder{padding-bottom: 82px;}
	.plan-section .title{margin: 0 0 48px;}
	.plan-section .plan-span .plan-title{width: 32.6%;}
	.plan-section .plan-summery{
		padding: 0 2.4%;
		width: 37.7%;
	}
	.plan-section .btn-holder{
		text-align: right;
		width: 29.7%;
		padding: 3px 0 0;
	}
	.plan-section .holder{
		padding-bottom: 59px;
	}
	.usage-block .heading-part .usage-tabset{padding: 0 3.6%;}
	.usage-content .area-content .info-wrap{
		width: 100%;
		overflow: hidden;
	}
	.area-content .info-wrap .usage-list{
		margin: 0 -6% 50px;
	}
	.info-wrap .usage-list li{
		display: inline-block;
		vertical-align: top;
		width: 300px;
		margin: 0 5.2% 15px;
	}
	.usage-content .area-content .graph-container{
		margin: 9px 0 53px;
		width: 100%;
		float: none;
	}
	.area-content.voice-tab .info-wrap .info-inner{
		overflow: hidden;
	}
	.area-content.voice-tab .info-wrap .usage-list{
		float: left;
		width: 310px;
		margin: 0 0 4px 10.7%;
	}
	.usage-content .container{padding: 0 20px 89px;}
	.area-content.voice-tab .info-wrap .usage-list:first-child{margin-left: 0;}
	.area-content.voice-tab .info-wrap .usage-list li{
		margin: 0 0 21px;
	}
	.usage-content .area-content.voice-tab .graph-container{margin-bottom: 52px;}
	.details-block .details-span .address-part{width: 32.4%;}
	.details-block .user-info{padding: 0 2.6% 15px;}
	.details-block .user-info{width: 37.9%;}
	.details-block .detail-links{
		width: 29.5%;
		padding: 0 2.4%;
	}
	.details-block .detail-links ul li{line-height: 18px;}
	.graph-container .day-list li.last{width: 9.5%;}
	.graph-container .day-list li{
		width: 147px;
	}
	.day-list li .bar-hold .bar{width: 20px;}
	.info-wrap .usage-list li .count{
		font-size: 20px;
		line-height: 25px;
	}
	.sales-pagev1 .main-wrap{
		padding: 0 20px 126px;
	}
	.services-form .homeline .input-holder,
	.services-form .slide-option .input-holder{
		margin: 0 0 16px;
	}
	.services-form .homeline .input-wrap,
	.services-form .slide-option .input-wrap{
		padding: 0;
	}
	.signup-page .get-started{padding: 98px 0 176px;}
	.confirm-form .detail-title{width: 28%;}
	.confirm-form .detail-info{width: 71%;}
	.detail-form .input-wrap .col{margin: 0 0 0 10px;}
	.confirm-form .detail-info .particular{width: 60%;}
	.sales-pagev1 .faq-block .main-area{margin: 0 3% 0 0;}
	.top-block .content{width: 57%;}
	.top-block .aside{width: 37.5%;}
	.content.two-col .column{
		padding-right: 10px;
		width: 48%;
	}
	.content.two-col .column:first-child{width: 48%;}
	.two-col{width: 71%;}
	.plan-block.inner .row{margin: 0;}
	.plan-block.inner .plan-wrap{width: 48%;}
	.feature-wrap{
		font-size: 16px;
	}
	.feature-wrap .align-left{
		width:74%;
	}
	.feature-wrap .align-right{width:26%;}
	.feature-wrap .text{padding-top: 87px;}
	.footer .footer-top .align-right{width: 78%;}
	.banner .btn-read{right: 10px;}
	.sales-pagev1 .main-wrap .main-area{
		float: none;
		width: 100%;
		margin: 0 0 30px;
		padding: 40px 0 0;
	}
	.sales-pagev1 #sidebar.sidebar{
        display: none;
		margin: 0 auto;
		float: none;
		width: 300px;
	}
    .sales-pagev1 .mobile-sidebar{
        display: block;
    }
	.sales-pagev1 .banner .hold{width: 100%;}
	.sales-pagev1.fullscreen .banner1 .caption{
		font-size: 40px;
		line-height: 50px;
		bottom: 50px;
	}

    .sales-pagev1 .faq-block {
        padding: 48px 24px;
    }
}
/* styles for screens 990px wide and narrower */
@media only screen and (max-width: 990px){
	.main-page .banner .text-block {
		margin-top:120px;
	}
	.main-page .banner .text-fighting {
		width:300px;
		height:270px;
		margin:0 auto;
		background-size:100% auto;
	}
	#header .container{position: static; height: 77px;}
	/* burger menu style */
	.nav-opener{
		display: block;
		float: right;
		width: 24px;
		height: 16px;
		position: relative;
	}
	.nav-opener:before,
	.nav-opener:after,
	.nav-opener span{
		background: #421866;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		height: 2px;
	}
	.nav-opener:before,
	.nav-opener:after{
		content:'';
		top:1px;
	}
	.nav-opener:after{top:15px;}
	.nav-opener:hover{opacity:.8;}
	.nav-opener.close{
		background: url(../images/btn-close.png) no-repeat;
		height: 18px;
		width: 18px;
	}
	.nav-opener.close:before,
	.nav-opener.close:after{display: none;}
	.menu-slide{
		transition:all 0.2s linear;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		position: absolute;
		right: -82.4%;
		top: 0;
		background: #fff;
		padding: 29px 20px 53px;
		width: 82.4%;
		box-shadow: inset 8px 3px 8px -5px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: inset 8px 3px 8px -5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: inset 8px 3px 8px -5px rgba(0, 0, 0, 0.4);
	}
	.menu-slide:before{
		box-shadow: inset 8px -7px 8px -5px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: inset 8px -7px 8px -5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: inset 8px -7px 8px -5px rgba(0, 0, 0, 0.4);
		top: 100%;
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		padding-bottom: 9999px;
		margin-bottom: 9999px;
		background: #faf9f8;
	}
	.w1{overflow: visible;}
	#wrapper{
		transition:all 0.2s linear;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		margin-left: 0;
	}
	.nav-active #wrapper{
		margin-left: -82.5%;
		overflow: visible;
	}
	#header{padding: 15px 0 10px; height: 100px;}
    #header .logo {  /*margin-top: -9px;*/ }
	.navigation{
		clear:both;
		overflow: visible;
		padding: 0 0 20px;
		float: right;
		margin: -31px 18px 0 0;
	}
	.mac.chrome .header-contact span,
	.mac.safari .header-contact span{
		height: 36px;
		line-height: 12px;
	}
	.mac.chrome .navigation,
	.mac.safari .navigation{margin-top: -33px;}
	.navigation:after{
		content: '';
		clear: both;
		display: block;
	}
	#nav {
		padding: 40px 0 0 20px;
	}
	#nav li{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		text-align: left;
		margin: 0 0 32px !important;
	}
	#nav li:first-child{display: block;}
	#nav li a{color: #1d063d;}
	.logo{margin: 0 0 0 9px;}
	.header-contact{
		text-align: right;
		padding: 3px 49px 0 0;
	}
	.header-contact a{
		display: block;
		margin: 0;
	}
	.banner h1{
		font-size: 90px;
	}
	.main-text{
		padding: 0 10px;
		max-width: none;
	}
	.main-page .plan-block .row{border-right: none;}
	.banner .btn-read{
		position: static;
	}
	.banner h1{float:none;}
	.video-holder .video-wrap{
		width: auto;
		position: relative;
		height: 381px;
		overflow: hidden;
	}
	.video-holder .text-block{
		overflow: hidden;
		padding: 59px 3px 89px 10px;
		margin-left: 0;
	}
	.video-holder .text-block .info{
		left: 10px;
		bottom: 55px;
	}
	.address-sub dt{
		width: auto !important;
		float: none;
	}
	.contact-sub{
		padding: 0 40px;
	}
}
@media only screen and (max-width:1023px) and (min-width:768px){
	.two-columns.top-block,
	.two-columns.has-bg .container,
	.service-block .container,
	#two-columns,
	.contact-page #main .container{
		padding-left: 28px;
		padding-right: 28px;
	}
	.promo-block .promo .container, #caveat{
		padding-left: 28px;
		padding-right: 28px;
	}
	.plan-block.inner .plan-wrap{padding-top: 30px;}
	.plan-block.inner .title{padding-right: 20px;}
	.plan-block.inner .plan-wrap:nth-child(3) .heading,
	.plan-block.inner .plan-wrap:nth-child(4) .heading{
		display: none;
	}
	.plan-block.inner .plan-wrap .plan-holder{
		margin-bottom: 0;
		padding:36px 3px;
	}
	.plan-block.inner .plan-wrap:nth-child(1),
	.plan-block.inner .plan-wrap:nth-child(3){border-left: none}
	.plan-block.inner .plan-wrap:nth-child(2),
	.plan-block.inner .plan-wrap:nth-child(4){border-right:none;}
	.plan-block .heading{
		padding-left:0;
	}
	.feature-wrap{
		padding: 0 13px 90px 0;
	}
	.go-page .banner .img-holder{max-width: 59%;}
	.video-holder .text-block{
		max-width: 515px;
		padding-left: 33px;
	}
	.video-holder .text-block .info {
		left: 32px;
        }
}
/* styles for screens 767px wide and narrower */
@media only screen and (max-width: 767px){
    .blocked-page .acc_label, .blocked-page .acc_number {
        display: block;
    }
	.touch-device .audio-section{
		display: none;
	}
	.center-hold .link:after{
		width: 66px;
	}
	.error-page .caption-content{
		padding: 0 0 25px;
	}
	.caption-content .audio-control{
		position: static;
		display: block;
		margin: 0 auto;
	}
	.error-page  .center-hold{
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 16px;
	}
    .myorcon-page .data-hold .data-btn .btn-d.data-a, .myorcon-page .data-hold .data-btn .btn-d.data-b {
        margin: 0 0 42px;
    }
	.center-hold .warn-code{margin: 0 0 20px;}
	.pop-frame{
		background: #1d053d;
	}
	.statement-accordion .active .amount{right: 0;}
	.lightbox3 .close.add{
		right: 20px;
		top: 30px;
	}
	.charge-block .total-amount-title{
		font-size: 16px;
		width: 65%;
	}
	.charge-block .total-amount-title span{display: none;}
	.charge-block .slot-first .title-main{border-bottom: 0;}
	.invoice-content .invoice-des{font-size: 14px;}
	.statement-accordion .opener .text{
		font-size: 16px;
	}
	.charge-block .slide .holder dl{
		font-size: 14px;
		line-height: 18px;
	}
	.charge-block .slide .holder{padding-top: 20px;}
	.usage-stat{display: none;}
	.usage-block .heading-part .usage-tabset{padding: 0 7% 0 8.8%;}
	.usage-block .usage-tabset li.active a{padding: 16px 18px 12px;}
	.usage-block .usage-tabset li a{padding: 17px 18px 11px;}
	.my-form .form-title{
		float: none;
		padding: 0 0 4px;
		width: 100%;
		display: block;
	}
	.my-form .input-wrap{
		width: 100%;
		padding: 0 0 10px;
	}
	.my-form .input-holder{margin: 0 0 2px;}
	.my-user .my-form{
		padding: 56px 20px 93px;
	}
	.my-form .frame.login{padding: 33px 8% 61px;}
	.my-form .login .form-title{
		width: 100%;
		padding: 0 0 6px;
	}
	.my-form .login .forgot{margin-top: 2px;}
	.my-form .frame{
		padding: 43px 7.9% 63px;
		margin: 0 0 40px;
	}
	.my-form input[type="submit"]{min-width: 220px;}
	.status-section .frame .path-frame{
		padding: 21px 19px 9px;
	}
	.status-section .imp-msg{padding: 23px 20px 7px;}
	.status-section .imp-msg p br{display: none;}
	.status-section .current-stat{padding: 23px 20px 1px;}
	.status-section .holder{padding-bottom: 34px;}
	.faq-area .holder .frame{width: 100%;}
	.faq-area .accordion li .slide{padding-right: 0;}
	.order .local-header .holder{padding: 21px 20px 29px;}
	.order .plan-section .btn-holder{border-bottom: none;}
	.order .plan-section .holder{padding-bottom: 20px;}
	.order .details-block .holder{padding-bottom: 45px;}
	.order .local-header .right-hold .search-form{margin: 0 0 17px;}
	.status-section .path-frame .order-details span{width: 140px;}
	.status-section .path-frame .order-details span:first-child{width: 260px;}
	.status-section .path-frame .order-details{
		position: static;
		margin: 0 0 42px;
	}
	.status-section .path-holder li{
		float: none;
		width: 100%;
		height: auto !important;
		padding: 0;
		font-size: 18px;
		border: none;
		padding: 0 0 0 59px;
		margin: 0 0 28px;
	}
	.status-section .path-holder{overflow: visible;}
	.status-section .path-holder li:after{
		top: -7px;
		left: 10px;
	}
	.status-section .path-holder li:before,
	.status-section .path-holder li:first-child:before{
		width: 6px;
		left: 23px;
		right: auto;
		height: 100%;
		top: 22px;
	}
	.status-section .path-holder li.last:before{height: 0;}
	.myorcon-page .local-block ul{
		padding: 24px 9px 11px;
	}
	.local-block ul li{
		font-size: 12px;
		line-height: 16px;
		margin: 0 2.2%;
	}
	.local-header .like-hold{display: none;}
	.local-header .right-hold{
		float: none;
		width: 100%;
	}
	.myorcon-page .search-form .input-holder{width: 100%;}
	.local-header .holder{padding: 18px 20px 20px;}
	.billing-block .billing-info{display: none;}
	.side-balance .hold{
		width: 100%;
		float: none;
		border-bottom: 1px solid #d9d4de;
		padding: 0 0 35px;
		margin: 0 0 18px;
	}
	.billing-block .holder{
		padding: 56px 20px 67px;
	}
	.plan-section .holder{
		padding: 57px 20px 17px;
	}
	.usage-block .heading-part .holder{padding: 40px 20px 0;}
	.plan-section .title{margin: 0 0 28px;}
	.plan-section .plan-span .plan-title,
	.plan-section .plan-summery,
	.plan-section .btn-holder{
		width: 100%;
		margin: 0 0 22px;
		padding: 0 0 13px;
		border-bottom: 1px solid #d9d4de;
		border-right: none;
		height: auto !important;
	}
	.plan-section .plan-summery{
		border-bottom: none;
		margin: 0 0 23px;
	}
	.usage-block .heading-part .title{margin: 0 0 28px;}
	.plan-section .plan-summery .frame{margin: 24px 0 0;}
	.usage-content .area-content .graph-container{display: none;}
	.plan-section .btn-holder{
		padding: 0 0 56px;
		margin: 0;
		text-align: left;
	}
	.usage-content .toggle-hold{margin: 0 0 20px;}
	.area-content .month-menu{
		position: static;
		margin: 0 0 16px;
	}
	.info-wrap .usage-list li{
		width: 100%;
		display: block;
		margin: 0 0 22px;
	}
	.area-content .info-wrap .usage-list{margin: 0;}
	.area-content .month-menu .input-wrap{padding: 0 0 10px;}
	.side-balance .extra-lists{
		width: 100%;
		float: none;
	}
	.info-wrap .index{display: none;}
	.area-content.voice-tab .info-wrap .usage-list{
		float: none;
		margin: 0;
		width: 100%;
	}
	.usage-content .container{padding: 0 20px 44px;}

    .speed-block .tabset.tabs-two li {
        width: 100%;
    }
    .speed-block .tabset.tabs-one li {
        width: 100%;
    }
    .speed-block .tabset li.active::before{
        display: none;
    }

    .speed-block .tabset li.active::after {
       display: none;
    }
    .details-block .holder{
		padding: 57px 20px 46px;
	}
	.details-block .title{margin: 0 0 30px;}
	.details-block .details-span .address-part{
		width: 52.4%;
		border: none;
		height: auto !important;
	}
	.details-block .user-info{
		width: 45%;
		border: none;
		height: auto !important;
	}
	.details-block .detail-links{
		height: auto !important;
		width: 100%;
		border-top: 1px solid #d9d4de;
		padding: 27px 0 0;
		margin: 30px 0 0;
		overflow: hidden;
	}
	.details-block .detail-links ul li{margin: 0 0 18px;}
	.details-block .detail-links ul{
		float: left;
		width: 160px;
		margin: 0 0 0 38px;
	}
	.details-block .detail-links ul:first-child{
		margin: 0;
	}
	.pop-frame .search-form input[type="text"]{
		height: 30px;
		line-height: 30px;
	}
	.lightbox3 .main-title{
		font-weight: normal;
		font-size: 20px;
	}
	.step-3{
		padding: 105px 20px 50px;
	}
	.step-3 .close{right: 20px;}
	.sales-pagev1 .plans{
		box-shadow: 0 50px 25px #fff;
		z-index: 1;
        padding-top: 0px;
	}
	.sales-pagev1 .main-container{position: relative;}
	.fiber-form .button-hold{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 40px;
		margin: 0 20px;
	}
	.sidebar .package-amt .btn-get{
		display: none;
	}
	.sidebar .pack-cost{margin: 0;}
	.sidebar .package-amt{padding: 19px 0 12px;}
	.step-3 .top-text{
		margin: 0 0 50px;
		font-size: 16px;
		line-height: 23px;
	}
	.step-3 .hold{
		padding: 0 20px;
	}
	.step-3 .top-text .address{
		font-size: 20px;
		line-height: 30px;
		margin: 4px 0 0;
	}
	.step-3 .pack-buttons li,
	.step-3 .pack-buttons li:first-child{
		display: block;
		width: 100%;
		margin: 0 0 20px;
	}
	.step-3 .pack-buttons li .note{
		padding-top: 26px;
	}
	.step-3 .pack-buttons{
		padding: 0 0 12px;
	}
	.faq-block .holder{
		padding: 98px 20px 24px;
	}
	.faq-block .accordion li .slide{
		padding: 5px 5% 0 0; 
	}
	.step-3 .footer-hold .btn-continue{
		margin: 0 63px 0 0;
		width: 180px;
	}
	.plan-box .int-wrap .check-option{width: 160px;}
	.sales-pagev1 .sidebar{
		width: 100%;
	}
	.sales-pagev1 .main-wrap .main-area{
		padding: 70px 0 0;
		/*position: static;*/
	}
	.sales-pagev1 .main-wrap{
		padding: 0 20px 126px
	}
	.speed-block .tabset{margin: 0 0 35px;}
	.sales-pagev1 .main-area .tab-content .title{font-size: 18px;}
	.addon-expanded .plan-box .title{font-size: 20px;}
	.faq-block .holder .title{font-size: 20px;}
	.welcome-aboard .hold{
		padding: 0 0 38px;
		margin: 0 0 55px;
	}
	.sales-pagev1 .main-area .plan-hold{margin: 0 0 60px;}
	.welcome-aboard .btn-setup{width: 71%;}
	.detail-form .confirm-add .row{margin: 0 0 20px;}
	.detail-form .confirm-add .text{margin: 0 0 20px;}
	.detail-form .fill-info .notice{margin: 26px 0 0;}
	.detail-form .input-wrap .col{margin: 0 0 0 2.5%;}
	.detail-form .confirm-add .notice{
		margin: 21px 0 0;
		font-size: 16px;
		line-height: 24px;
	}
	.details .top-area{
		margin: 0 0 28px;
	}
	.detail-form .frame .top-head{
		padding: 51px 5.3% 11px;
	}
	.detail-form .input-wrap{
		width: 280px;
	}
	.detail-form .input-holder{margin: 0 0 23px;}
	.fiber-form .lbl,
	.tv-hold .hold-span .lbl{
		font-size: 16px;
		line-height: 18px;
	}
	.fiber-form .upgrade-hold .pack-frame .lbl{
		width: 85%;
		padding: 3px 0 0;
	}
	.details .top-area .text{margin: 0 0 18px;}
	.details .top-area .address{
		font-size: 22px;
		line-height: 32px;
		padding: 17px 5px;
	}
	.pop-frame .holder{
		padding: 99px 20px 50px;
		background: url(../images/glow.png) no-repeat 50% -200px;
		height: 100%;
	}
	.pop-frame .title-text{
		font: 22px/30px 'DINWeb-Medium', Arial, Helvetica, sans-serif;
		margin: 0 0 19px;
		padding: 0 30px;
	}
	.pop-frame .address .open{margin: 0;}
	.pop-frame .search-form{
		margin: 0 0 57px;
	}
	.pop-frame .address-holder .address{margin: 0 0 14px;}
	/*.pop-frame{
		width: 360px;
		padding: 74px 0;
	}*/
	.data-hold .pop-frame > .close, 
	.address-holder .slide .close{
		top: 35px;
		right: 20px;
	}
	.pop-frame .search-form .input-holder{
		width: 360px;
		height: 44px;
	}
    .pop-frame .search-form .input-holder input[type="submit"].animate-loading {
        margin: 5px 5px 0 0;
    }
	.pop-frame .input-holder input[type="submit"]{
		margin: 9px 10px 0;
	}
	.pop-frame .address-holder{
		font-size: 16px;
		line-height: 18px;
	}
	.pop-frame .search-form .input{
		height: 44px;
	}
	.lightbox3{
		margin: 90px auto 20px;
	}
	.lightbox3 .plan-frame .title{
		font-size: 18px;
		line-height: 20px;
	}
	.pop-frame .search-form .input{
		font-size: 18px;
		line-height: 20px;
	}
	.lightbox3 .plan-frame{
		padding: 40px 18px 16px;
	}
	.welcome-aboard .title{
		font-size: 48px;
		line-height: 54px;
	}
	.bill-holder .info-table .col1{width: 76%;}
	.confirm-form .product-details .detail-info .btn-edit{
		margin: 0;
	}
	.confirm-form .detail-info .panel-list{margin-bottom: 45px;}
	.confirm-detail .product-details .row{margin: 0 0 10px;}
	.confirm-form .detail-title{
		float: none;
		width: 100%;
		display: block;
	}
	.confirm-detail .product-details{padding-bottom: 30px;}
	.confirm-detail .personal-details{padding: 32px 3.5% 40px;}
	.confirm-form .detail-info{
		float: none;
		width: 100%;
	}
	.confirm-form .personal-details .detail-title{margin: 0 0 26px;}
	.confirm-form .personal-details .particular{margin-bottom: 43px;}
	.confirm-form .personal-details .particular{
		padding: 0;
	}
	.confirm-form .detail-info .particular{
		width: 100%;
		float: none;
	}
	.confirm-form .service-details{padding: 34px 3.5% 40px;}
	.confirm-form .service-details .particular{
		padding: 0;
		margin-bottom: 43px;
	}
	.confirm-form .connection-details .particular{
		margin-bottom: 43px;
		padding: 0;
	}
	.confirm-form .connection-details .detail-title{margin-bottom: 29px;}
	.confirm-detail .connection-details{padding: 34px 3.5% 73px;}
	.confirm-form .service-details .detail-title{margin-bottom: 30px;}
	.current-services .services-form .row .lbl{
		width: 86%;
		vertical-align: top;
		padding: 3px 0 0;
	}
	.bill-holder .row{margin: 0 0 36px;}
	.confirm-form .bill-holder .detail-title{margin-bottom: 25px;}
	.confirm-form .bill-holder .bill-wrap{padding: 32px 3.5% 49px;}
	.detail-form .confirm-add .lbl{
		width: 86%;
		vertical-align: top;
	}
	.confirm-form .bill-holder .agreement-hold{padding: 34px 3.5% 33px;}
	.bill-holder .agreement-hold .lbl{
		vertical-align: top;
		width: 86%;
		padding: 3px 0 0;
	}
	.signup-page .footer-hold{padding: 0;}
	.detail-form .top-head .row{margin: 0 0 19px;}
	.detail-form .fill-info{
		padding: 29px 5.2% 32px;
	}
	.detail-form .confirm-add{
		padding: 31px 5.2% 45px;
	}
	.detail-form .top-head .row .lbl{
		vertical-align: top;
		width: 86%;
		padding: 3px 0 0;
	}
	.detail-form .fill-info .lbl, 
	.services-form .lbl, 
	.connection-form .lbl{
		width: 100%;
		float: none;
		padding: 0;
		margin: 0 0 10px;
	} 
	.services-form .input-wrap, 
	.connection-form .input-wrap{
		width: 100%;
	}
	.connection-form .input-wrap{
		padding: 0 0 10px;
	}
	.detail-form .fill-info .input-wrap.add{width: 100%;}
	.detail-form .fill-info .lbl{margin: 0 0 6px;}
	.signup-page #main .container{padding: 0 20px;}
	.stuff-form .frame .row .yes-text{margin: 9px 0 0;}
	.signup-page .get-started{
		padding: 57px 0 160px;
	}
	.get-started .intro-block h1{
		font-size: 48px;
		line-height: 54px;
		margin: 0 0 22px;
	}
	.stuff-form .frame .row{
		padding: 28px 19px 21px;
	}
	.stuff-form .stuff-list{
		padding: 29px 2% 30px 5%;
	}
	.stuff-form .stuff-list li{
		font-size: 16px;
		line-height: 28px;
		margin: 0;
	}
	.stuff-form .stuff-list li:before{
		top: 12px;
	}
	.signup-page .stuff-form .frame{margin: 0 0 50px;}
	.get-started .intro-block{
		padding: 0 0 12px;
		margin: 0 0 48px;
	}
	.stuff-form .frame .row .lbl em{
		vertical-align: top;
		padding: 3px 0 0;
		width: 85%;
	}
	.sales-pagev1.fullscreen .banner1 .caption{
		font-size: 32px;
		line-height: 39px;
	}
	.sales-pagev1.fullscreen .banner1 .caption{bottom: 60px;}
	.plan-box .other-wrap .amount{width: 22%;}
	.plan-box .other-wrap .amount em{width: 40px;}
	.plan-box .other-wrap .check-option .lbl{
		width: 82%;
		vertical-align: top;
	}
	.plan-box .nz-hold .check-option,
	.plan-box .nz-hold .check-option:first-child{
		display: block;
		width: 100%;
		margin: 0 0 15px;
	}
	.plan-box .local-wrap .check-hold{width: 90%;}
	.plan-box .local-wrap .check-hold .lbl{
		vertical-align: top;
		width: 85%;
	}
	.fiber-form .tv-hold .hold-span{
		width: 100%;
	}
	.fiber-form .tv-hold .img-holder{
		position: static;
	}
	.tv-hold .hold-span .lbl{
		width: 85%;
		vertical-align: top;
	}
	.fiber-form .code-hold .lbl{
		float: none;
		width: 100%;
		margin: 0 0 5px;
	}
	.fiber-form .code-hold .frame{
		padding: 41px 4.8% 58px;
	}
	.fiber-form .code-hold .input-wrap{
		width: 82.5%;
	}
	.fiber-form .tv-hold .img-holder{width: auto;}
	.upgrade-hold .pack-frame{margin: 0 0 23px;}
	.upgrade-hold .pack-frame .row{
		float: none;
		width: 100%;
		margin: 0 0 29px;
	}
	.upgrade-hold .pack-frame .row.add{margin: 0;}
	.upgrade-hold .pack-frame .pack-wrap{
		width: 85%;
	}
    .pack-frame .pack-wrap .row label span.short-slash {
        display: inline-block!important;
        margin: 9px;
    }
    .pack-frame .pack-wrap .row label br {
        display: none;
    }



	.sales-pagev1 .main-area .upgrade-hold .title{
		width: 67%;
	}
	.addon-expanded .heading-part .text{width: 37%;}
	.upgrade-hold .pack-frame .rate{
		width: 12%;
		margin: 58px 0 0;
	}
	.fiber-form .heading .text{width: 29%;}
	.sales-pagev1 .banner .img-holder{display: none;}
	.sales-pagev1.fullscreen .banner .img-holder{display: block;}
	.sales-pagev1 .banner h1{
		padding: 0 0 25px;
		width: 100%;
		text-align: center;
	}
	.speed-block .tabset li,
	.fibre-unavailable .speed-block .tabset li{
		display: block;
		width: 100%;
		margin: 0 0 20px;
	}
	.data-hold .data-btn .btn-d{
		display: block;
		width: 100%;
		margin: 0 0 21px;
	}
	.myorcon-page .data-hold .btn-wrap{
		position:relative;
	}
	.data-hold .data-btn .btn-d.data-b{margin-left: 0;}
	.sales-pagev1 .faq-block .main-area{
		float: none;
		width: 100%;
		margin: 0 0 90px;
	}
	.sales-pagev1 .plan-tabs{
		font-size: 18px;
		line-height: 20px;
	}
	.sales-pagev1 .plan-tabs li{max-width: 130px;}
	.sales-pagev1 .plan-tabs li a{
		text-align: left;
		padding: 20px 0 20px 52px;
	}
	.sales-pagev1 .plan-tabs li.active a{padding-top: 19px;}
	.sales-pagev1 .plan-tabs li .home:before,
	.sales-pagev1 .plan-tabs li .homeless:before{
		left: 0;
	}
	.sales-pagev1 .plan-tabs a .sup{display: none;}
	.header-contact span{line-height: 24px;}
	.promo-block .notes {
		margin:37px -10px -37px;
		padding:15px 20px;
		border-top:1px solid #b8adc3;
	}
	#caveat {
	  padding: 12px 12px 0 12px;
	}
	.main-page .banner .btn-read {
		margin-bottom: 20px;
	}
	#wrapper .hidden {
		/*display:block;*/
	}
	#wrapper .visible {
		display:none;
	}
	.main-page .promo-block .promo{
		font-size: 14px;
		line-height: 22px;
	}
	.main-page .promo-block .image-holder img {
		margin:32px 0 0;
		position:static;
		width:auto;
	}
	.main-page .promo-block .add-img4 img {
		margin-right:-65px;
	}
	.main-page .promo-block .add-img4 img, 
	.main-page .promo-block .add-img2 img {
		margin-bottom:-37px;;
	}
	.main-page .promo-block p {
		margin-bottom:34px;
	}
	.main-page .promo-block .promo .container {
		padding-top:42px;
	}
	.main-page .promo-block .text-block h2 {
		margin-left:0;
		margin-bottom:14px;
		font-size: 32px;
		letter-spacing: -1px;
	}
	.main-page .promo-block .text-block {
		margin:0;
		width:100%;
		padding:0 10px;
	}
	.main-page .banner .text-block {
		width:100%;
		margin-left:0;
		margin-top:77px;
	}
	.main-page .banner .text-block h1 {
		background-repeat: no-repeat;
		background-position: 100% 0;
		width:232px;
		height:193px;
		background-size: 232px auto;
		margin-bottom:2px;
	}
	.main-page .banner .text-block h1 {
		background-image: url(../images/text-fighting-sm.png);
	}
	.main-page.home-new .banner .text-block h1 {
		background-image: url(../images/text-streaming-sm.png);
		background-size: 110%;
		width:242px;
		background-size: 242px auto;
	}
	.main-page .banner .img-holder {
		display:none;
	}
	.main-page .banner .sub-title {
		font-size:21px;
		line-height:21px;
	}
	.main-page.home-new .banner .sub-title {
		font-size:14px;
		line-height:14px;
	}
	.banner .sub-title {
		margin-top: 15px;
	}
	.main-page .banner .btn-read {
		background:url(../images/btn-view-plans-sm.png) no-repeat;
		width:261px;
		height:76px;
		background-size: 250px auto;
		margin-left: 23px;
	}
	.main-page .banner .btn-read:hover{
		background-image: url(../images/btn-view-plans-smh.png);
	}
	.main-page.home-new .banner .btn-read,
	.main-page.home-new .banner .btn-read:hover {
		background-image: url(../images/btn-get-it-now-sm.png);
		margin-bottom: 0;
	}
	.hide-mob{display: none !important;}
	.btn-more{padding: 5px 18%;}
	.banner{
		height: 477px;
		margin-bottom: 47px;
	}
    .blocked-page .banner{
        height: 0;
    }
	.banner h1{
		font-size: 53px;
		line-height: 42px;
		float: none;
		margin-bottom: 5px;
		max-width: none;
		letter-spacing: -3px;
	}
	.go-page .banner h1{font-size: 47px;}
	.banner .btn-read{position: static;}
	.banner .text-block{
		left: 20px;
		right: 20px;
		bottom: 28px;
	}
	.main-text{min-height: 271px;}
	.promo-block .text-block{
		width: auto;
		float: none;
		text-align: center;
		margin-bottom: 48px;
	}
	.promo-block .image-holder.add,
	.promo-block .image-holder{
		margin: 0;
		float: none;
		width: auto;
		text-align: center;
	}
	.promo-block h2{
		font-size: 40px;
		line-height: 45px;
		margin: 0 10px 12px;
	}
	.promo-block .title{margin: 0 11%;}
	.promo-block .promo{
		padding-top: 56px;
		padding-bottom: 79px;
		height: auto;
	}
	.promo-block .promo.last{
		height: auto;
		padding: 32px 0 0;
	}
	.promo-block p{margin-bottom: 39px;}
	.promo-block .image-holder img{max-width: 100%;}
	.plan-block .heading{
		min-height: 1px;
		padding-top: 19px;
	}
	.plan-wrap:first-child,
	.plan-wrap{
		font-size: 14px;
		display: block;
		width: auto;
		border-width: 0 0 1px;
		float: none;
		margin: 0 -10px 0;
		padding: 27px 0 0; 
	}
	.plan-wrap .plan-holder{padding: 27px 19px 36px;}
	.plan-block .title{
		letter-spacing: -3px;
		font-size: 65px;
		line-height: 70px;
	}
	.plan-block .title em{
		display: block;
		margin-top: -12px;
	}
	.plan-block .plan-time{
		font-size: 16px;
		line-height: 36px;
		margin-bottom: 12px;
	}
	.plan-time span{
		font-size: 60px;
	}
	.plan-time em{font-size: 37px;}
	.plan-block ul{padding-bottom: 23px;}
    .plan-time sup.cents {font-size: 24px; top: -0.8em;}
	.plan-block ul li{
		line-height: 20px;
		margin-bottom: 4px;
	}
	.twitter-block{padding: 44px 6px 54px;}
	.twitter-block blockquote{
		max-width: none;
		padding: 0;
	}
	.twitter-block blockquote:before{display: none;}
	.twitter-block q{
		text-indent: 0;
		font-size: 21px;
		line-height: 29px;
		margin-bottom: 20px;
	}
	.twitter-block cite{
		font-size: 14px;
		text-indent: 9px;
	}
	.footer-top .align-right,
	.footer-top .align-left{
		float: none;
		width: auto;
	}
	.footer-top .wrap.center{
		overflow: hidden;
		clear: both;
		width: auto;
	}
	.footer-top{
		padding: 48px 10px 8px;
		min-height: 1px;
	}
	.footer-top .tel{
		font-size: 18px;
		line-height: 25px;
	}
	.social-networks{
		padding-top: 26px;
		overflow: hidden;
	}
    .footer-top .footer-links {
        margin-top:-34px;
        margin-right: 0;
    }
    .footer-top .footer-links span {
        text-align: left;
    }
    .footer-links div:first-child {
        display: none!important;
    }
    .footer-links .wrap-links a {
        text-align: left;
    }
	.social-networks li{
		margin: 0 7px 10px 0;
	}
	.footer-bottom{
		padding: 0 10px 17px;
	}
	.copyright li{
		float: none;
		margin-bottom: 2px;
	}
	.footer-bottom .align-right{
		padding-top: 32px;
	}
	.footer-logo .logo-text{
		font-size: 14px;
		padding-top: 17px;
		line-height: 18px;
	}
	.footer-logo a{margin-left: 15px;}
	div.lightbox{
		width: 360px;
	}
	.login-form .form-title{
		display: block;
		width: auto;
		float: none;
		margin: 0 0 14px;
	}
	.login-form input[type="text"]{width: 100%;}
	.login-form .input-wrap{padding-bottom: 18px;}
	.login-form .holder{margin-bottom: 34px;}
	.login-form .button-holder{
		text-align: center;
		padding: 39px 30px 21px;
	}
	.login-form input[type="submit"]{
		width: 80%;
		display: inline-block;
		vertical-align: top;
		float: none;
		margin: 0 0 19px;
	}
	.login-form .forgot{float: none;}
	.company-page .main-text{
		padding-top: 12px;
		font-size: 16px;
		line-height: 26px;
		overflow: hidden;
		margin-bottom: 17px;
	}
	.company-page .main-text p{margin-bottom: 26px;}
	.text-holder{
		font-size: 16px;
		line-height: 26px;
		padding: 47px 10px 37px;
	}
	.text-holder p{margin-bottom: 26px;}
	.text-holder .text-title{margin-bottom: 25px;}
	#two-columns{overflow: visible;}
	#main h3{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 31px;
	}
	#content{
		width: auto;
		float: none;
		padding: 0 0 37px;
		overflow: hidden;
	}
	#sidebar{
		padding-top: 43px;
		float: none;
		width: 27.4%;
		position: relative;
	}
	#sidebar:before{
		height: 1px;
		left: -30px;
		right: -30px;
		top: 0;
		content: '';
		position: absolute;
		background: #d9d4de;
	}
	.widget li + li{padding: 11px 0 15px;}
	.widget li:first-child{margin-bottom: 13px;}
	.widget li:first-child br{display: none;}
	.widget + .widget{
		margin-top: 16px;
		border: none;
	}
	.canteen-logo{margin-bottom: 5px;}
	.request-page #sidebar{
		display: none;
	}
	.inner-page #main{padding-top: 55px;}
	.signup-page #main{padding-top: 0;}
	.request-page #content h2{padding: 0 7px;}
	.request-form{margin: 0 10px;}
	.request-page #content{
		overflow: visible;
		padding: 0;
	}
	.request-form .title{margin-bottom: 25px;}
	.request-form .form-title{
		display: block;
		float: none;
		padding: 0 0 6px;
		width: auto;
	}
	.request-form .holder{padding: 34px 19px 12px;}
	.request-form .input-wrap{
		width: 87.4%;
		padding: 0;
	}
	.request-form .input-holder{margin-bottom: 38px;}
	.request-form .holder.add .form-title{display: none;}
	.request-form .add .title{margin-bottom: 10px;}
	.request-form .holder.add{padding-bottom: 11px;}
	.request-form .text{margin: 0;}
	.request-form .input-holder.add{margin: -17px 0 24px;}
	.request-form .button-holder{padding: 50px 0 20px;}
	.request-form input[type="submit"]{min-width: 66.8%;}
	.inner-page #two-columns{padding-bottom: 71px;}
	.go-page #header{padding-top: 14px;}
	.go-page .banner{height: 478px;}
	.go-page .banner .img-holder{
		max-width: none;
		right: -142px;
		text-align: right;
		width: 343px;
	}
	.phone-form{padding-top: 36px;}
	.phone-form .input-holder{width: 361px;}
	.phone-form .submit{min-width: 122px;}
	.go-page .main-text{margin-bottom: 48px;}
	.app-block .title{display: none;}
	.app-block{	padding: 51px 0 40px;}
	.app-block .store{padding-bottom: 24px;}
	.text-holder .wrap{padding: 22px 10px 35px;}
	.text-holder blockquote{
		max-width: none;
		font-size: 18px;
		line-height: 28px;
		margin: 0 0 25px;
	}
	.text-holder blockquote q{margin-bottom: 1px;}
	.text-holder blockquote cite{
		font-size: 12px;
		line-height: 28px;
	}
	.inner-page h3{margin: 11px 8px 43px;}
	.network-list{margin: 0 10px;}
	.inner-page #content{padding-left: 0;}
	.network-list li{
		min-height: 225px;
		padding: 23px 0 2px;
	}
	.contact-wrap{
		padding-bottom: 0;
		font-size: 16px;
		line-height: 26px;
		overflow: visible;
	}
	.contact-wrap .text-block{
		padding: 0 9px 42px;
		max-width: none;
	}
	.contact-wrap .text-block .title{margin-bottom: 26px;}
	.column-holder{margin: 0 -10px;}
	.column-holder h2{
		margin-bottom: 39px;
		padding: 0 15px;
	}
	.column-holder .column:first-child,
	.column-holder .column{
		width: auto;
		float: none;
		padding: 25px 0 10px;
	}
	.column-holder .block{
		padding: 0 19px 32px;
	}
	.column-holder .block .title{font-size: 22px;}
	.column-holder .contact-info li{margin-bottom: 22px;}
	.column-holder .block + .block{padding-bottom: 60px;}
	.column-holder .aside-list li{
		font-size: 18px;
		line-height: 28px;
	}
	.bottom-block{height: auto;}
	.bottom-block .bg-stretch{
		height: 399px;
		position: static;
	}
	.address-block{
		padding-top: 0;
		width: auto;
		margin: 0 -10px;
	}
	.address-block .block{padding: 45px 28px;}
	.support-page .banner h1{max-width: 88%;}
	.search-form .input-holder{width: 90%;}
	.support-page .main-text{
		min-height: 1px;
		margin-bottom: 50px;
	}
	.support-page #sidebar{
		margin: 0 -10px;
	}
	.support-page #sidebar h2{padding: 0 17px;}
	.support-page .widget{padding: 0 17px;}
	.support-page #sidebar .widget h2{padding: 0;}
	.support-page .widget + .widget{border-bottom: 1px solid #e3dde8;}
	.support-page .widget li + li{padding: 0;}
	.support-page #content{
		width: auto;
		border: none;
		padding: 6px 9px 0;
	}
	.search-list{
		padding: 12px 0 0;
		font-size: 16px;
		line-height: 26px;
	}
	.search-list .search-title{
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 0;
	}
	.search-list li{margin-bottom: 20px;}
	.pagination{margin-top: -15px;}
	.support-page #main{padding-bottom: 80px;}
	.main-text .help-list{display: none;}
	.support-page #threecolumns{
		margin: 0 -10px;
		border: none;
	}
	#threecolumns .column.big,
	#threecolumns .column{
		margin: 0 0 20px;
		width: auto;
		float: none;
		padding: 17px 19px 0;
	}
	.support-page #content{
		font-size: 16px;
		line-height: 26px;
	}
	.support-page #content h1{
		font-size: 22px;
		line-height: 26px;
		margin: 32px 0 29px;
	}
	.support-page .article{
		padding: 0;
		margin-top: -4px;
	}
	.support-page #content h1 br{display: none;}
	.two-columns{margin: 0 -10px;}
	.two-columns,
	.two-columns.top-block{
		padding-top: 0;
		padding-bottom: 0;
	}
	.two-columns .content,
	.two-columns .aside{
		width: auto;
		float: none;
	}
	.top-block .content{
		border-bottom: 1px solid #e3dde8;
		font-size: 16px;
		line-height: 26px;
		padding: 0 20px 25px;
		margin-bottom: 48px;
	}
	.two-columns.top-block .aside{
		padding: 0 20px 44px;
		border: none;
	}
	.two-columns.top-block .aside h3{margin-bottom: 16px;}
	.two-col{
		width: auto;
	}
	.content.two-col .column:first-child,
	.content.two-col .column{
		width: auto;
		padding: 50px 19px 45px;
		float: none;
	}
	.two-columns .column h3{margin-bottom: 20px;}
	.content.two-col .column + .column{border-top: 1px solid #e3dde8; }
	.two-columns .aside{
		padding: 48px 19px;
		border-top: 1px solid #e3dde8;
	}
	.two-columns .aside h3{margin-bottom: 15px;}
	.content.two-col .button{margin-bottom: 14px;}
	.plan-block.inner .plan-wrap{
		width: auto;
		display: block;
		padding: 8px 10px 0;
		margin: 0;
	}
	.plan-block.inner .heading{padding: 39px 10px 20px;}
	.plan-block.inner .plan-wrap .plan-holder{
		margin-bottom: 13px;
		padding: 43px 11px 10px;
	}
	.plan-block.inner .title em{line-height: 105px;}
	.plan-block.inner .plan-time{
		line-height: 31px;
		margin-top: -14px;
		padding: 0;
	}
	.plan-block.inner .row{margin: 0 -10px;}
	.plan-block.inner .title em span{line-height: 50px;}
	.feature-wrap{padding: 45px 9px 29px;}
	.feature-wrap .feature{
		font-size: 16px;
		line-height: 22px;
	}
	.feature-wrap .align-left{
		float: none;
		width: auto;
		max-width: none;
	}
	.feature-wrap .align-right{
		width: auto;
		float: none;
	}
	.feature-wrap .feature dd{
		max-width: 220px;
		float: left;
	}
	.feature-wrap .feature dt{margin-bottom: 25px;}
	.feature-wrap .text{
		max-width: 80%;
		text-align: center;
		color: #b12594;
		margin: 0 auto;
		padding-top: 32px;
	}
	.feature-wrap .text span{line-height: 58px;}
	.service-block .column{
		width: auto;
		float: none;
	}
	.service-block .column{padding: 48px 18px 42px;}
	.service-block .title{
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 49px;
	}
	.service-block h2{
		font-size: 72px;
		line-height: 66px;
		margin: 0 0 12px -5px;
		letter-spacing: -4px;
	}
	.service-block .contact-info{padding-top: 27px;}
	.service-block{
		border: none;
		margin: 0 -10px;
		padding-bottom: 16px;
	}
	.service-block.has-color{padding-bottom: 16px;}
	.service-block .column{border-top: 1px solid #b12594;}
	.service-block.has-color .column{border-top-color: #de9200; }
	#nav .active a:before,
	#nav a:hover:before{background-color: #1d063d;}
	.footer .footer-top .align-right{display: none;}
	/* light box */
	div.lightbox2{
		width:320px;
		font-size: 14px;
		line-height: 22px;
	}
	div.lightbox2 .holder{padding:40px 16px;}
	div.lightbox2 .frame{padding:26px 24px 43px;}
	div.lightbox2 .title{
		font-size: 19px;
		margin-bottom: 22px;
	}
	div.lightbox2 p{line-height: 22px; margin-bottom: 29px;}
	div.lightbox2 .notes{
		font-size: 9px;
		line-height: 11px;
	}
	.lightbox2 .close{
		right:30px;
		top:60px;
		background-size: 37px auto;
		width:37px;
		height: 38px;
	}
	.main-page .promo-block .promo .container{
		min-height: 482px;
	}
	.main-page .promo-block .text-block h2 br{display: none;}
	.promo-block .title{margin:0;}
	.plan-block .plan{
		font-size: 19px;
	}
	.plan-block .title{
		font-size: 52px;
		line-height: 57px;
		margin-bottom: 6px;
	}
	.plan-block .heading{
		padding:38px 15px 8px;
	}
	.plan-holder a{padding:27px 13px 26px;}
	.plan-block .plan-time{
		font-size: 13px;
		line-height: 19px;
	}
	.plan-time span{font-size: 48px;}
	.plan-time em{
		font-size: 32px;
	}
	.plan-time strong{
		font-size: 13px;
		margin-left: -9px;
		letter-spacing: 0;
	}
	.plan-block ul li{line-height: 15px;}
	.plan-block .btn-choose{
		font-size: 18px;
		line-height: 18px;
		padding-left: 43px;
	}
	.plan-block .btn-choose:before,
	.plan-holder a:hover .btn-choose:before{
		background-size: 31px 31px;
		width:39px;
		height: 31px;
	}
	.sales-pagev1 .banner .container{
		padding: 0;
	}
	.invoice-content,.invoice-aside{
		float: none;
		width: 100%;
	}
	.statement-col .container::before,
	.statement-col .container::after{display: none;}
	.invoice-aside{
		background: url(../images/bg-box.png);
	}
	.invoice-aside .print-holder{display: none;}
	.acount-no,
	.acount-name{
		width: 48%;
		display: inline-block;
		vertical-align: top;
		padding-right: 5px;
	}
	.charge-block .title-main{
		font-size: 20px;
		line-height: 24px;
	}
	.charge-block{
		font-size: 16px;
		line-height: 24px;
	}
	.charge-block dl{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.statement-block{
		margin-bottom: 120px;
	}
	.contact-sub{
		width: 100% !important;
		float: none !important;
		border: 0;
		padding: 0 !important;
	}
	.address-sub dt{
		float: left;
		width: 50% !important;
	}
	.invoice-aside{
		padding: 24px 9px 9px;
		position: static !important;
	}
	.hidden-mobile{display: none;}
	.acount-info{overflow: hidden;}
	.invoice-content{
		padding: 31px 10px;
	}
	.due-block{padding-bottom: 14px;}
	.invoice-content h1{
		font-size: 42px;
		line-height: 46px;
		padding-bottom: 2px;
		margin-bottom: 36px;
	}
	.invoice-content .card-info.bold{margin-bottom: -5px;}
	.invoice-head{
		margin: 0 10px 70px;
	}
	.charge-block .title-main{
		padding-bottom: 5px;
	}
	.charge-block dt{width: 70%;}
	.charge-block dl{
		padding-bottom: 21px;
		margin-bottom: 36px;
	}
	.charge-block .total-block{
		padding-bottom: 14px;
		margin-bottom: 15px;
	}
	.invoice-content .tax-invoice-block h1{
		padding-bottom: 5px;
		margin-bottom: 36px;
	}
	.charge-block .tax-info-pos .title{
		font-size: 16px;
	}
	.charge-block .tax-info-pos{
		font-size: 14px;
		margin-bottom: 37px;
	}
	.tax-invoice-block .charge-block dt{width: 82%;}
	.tax-invoice-block .charge-block dt a{display: none;}
	.tax-invoice-block .charge-block .total-block dt{width: 70%;}
	.charge-block .dl-tax-block{
		padding-bottom: 65px;
		margin-bottom: 41px;
	}
	.tax-invoice-block .holder{padding-bottom: 3px;}
	.statement-accordion{margin-bottom: 41px;}
	.invoice-extras-block .all-total{padding-bottom: 17px;}
	.tax-invoice-block .invoice-extras-block{margin-bottom: 131px;}
	.address-sub dt{width: 56%;}
	.invoice-content{padding-bottom: 54px;}
	.charge-block .slide dl{padding-left: 0;padding-right: 0;}
    .speed-block .tab-content .features-icons-box {
        width: 340px;
    }
}

@media only screen and (max-width: 990px){
	.main-page .banner .img-holder{right:-24%;}
}
@media only screen and (max-width: 990px){
	.main-page .banner .img-holder{
		width:81%;
		right:-30%;
	}
	.charge-block dt{width: 80%;}
}
/* styles for screens 399px wide and narrower */
@media only screen and (max-width: 399px){
	.step-3 .footer-hold .wrap{overflow: hidden;}
	.step-3 .footer-hold .btn-continue{
		float: right;
		margin: 0;
	}
	.address-sub dl dt{
		float: none !important; 
	}
	.contact-sub{
		padding: 0 !important;
	}
	.usage-block .heading-part .usage-tabset{padding: 0 3%;}
	.usage-block .usage-tabset li a{padding: 17px 10px 11px;}
	.usage-block .usage-tabset li.active a{padding: 16px 10px 12px;}
	.local-block ul li{
		margin: 0 1%;
		font-size: 11px;
		line-height: 15px;
	}
	.details-block .detail-links ul{
		float: none;
		width: 100%;
		margin: 0;
	}
	.sales-pagev1 .plan-tabs{
		font-size: 14px;
	}
	.sales-pagev1 .plan-tabs li{
		max-width: 100px;
	}
	.sales-pagev1 .plan-tabs li .home:before,
	.sales-pagev1 .plan-tabs li .homeless:before{
		width: 31px;
		height: 31px;
		background-size: 31px 31px;
	}
	.sales-pagev1 .plan-tabs li .home:before{top: 22px;}
	.sales-pagev1 .plan-tabs li.active .home:before{top: 21px;}
	.sales-pagev1 .plan-tabs li .homeless:before{top: 22px;}
	.sales-pagev1 .plan-tabs li.active .homeless:before{top: 21px;}
	.sales-pagev1 .plan-tabs li a{
		padding-left: 35px; 
	}
	.sales-pagev1 .banner{
		/*height: 190px;*/
	}
	.sales-pagev1 .banner .hold img{
		width: 100%;
        height:113px;
	}
	.lightbox5 .footer-hold .btn-continue{margin: 0;}
	.detail-form .fill-info .input-wrap{
		width: 100%;
	}
	.pop-frame .address-holder{font-size: 14px;}
	.pop-frame .search-form .input-holder{width: 280px;}
	.detail-form .input-wrap .col,
	.detail-form .input-wrap .col:first-child{
		width: 100%;
		margin: 0 0 10px;
	}
	.detail-form .input-wrap .col .jcf-select,
	.detail-form .input-wrap .col.year{width: 100%;}
	.upgrade-hold .pack-frame .pack-wrap{
		width: 100%;
		margin: 0 0 10px;
	}
	.upgrade-hold .pack-frame .rate{
		margin: 0;
		width: 100%;
		float: none;
	}
	.logo{margin-left: 0;}
	.header-contact{padding-right: 32px;}
	.navigation{margin-right: 0;}
	.footer-top .wrap:first-child{
		width: 145px;
		padding: 0;
	}
	.footer-top{padding: 36px 0 8px;}
	.footer-bottom{padding: 0 0 17px;}
	.footer-logo a{margin-left: 5px;}
	.footer-logo .logo-text{font-size: 12px;}
	.footer-top .wrap{width: 137px;}
	div.lightbox{width: 280px;}
	.text-holder{padding: 47px 0 37px;}
	.request-form .holder{padding: 34px 10px 12px;}
	.request-page #content h2{padding: 0;}
	.request-form .input-wrap{width: auto;}
	.banner .img-holder{right: 0;}
	.video-holder .text-block{padding: 59px 0 89px;}
	.inner-page h3{margin: 11px 0 43px;}
	.network-list{margin: 0;}
	.contact-wrap .text-block{padding: 0 0 42px;}
	.column-holder h2{padding: 0 10px;}
	.column-holder .block{padding: 0 10px 32px;}
	.support-page .widget{padding: 0 10px;}
	.support-page #sidebar h2{padding: 0 10px;}
	.banner .text-block{left: 10px;}
	.support-page #content{padding: 6px 0 0;}
	#threecolumns .column.big,
	#threecolumns .column{padding: 17px 10px 0;}
	.top-block .content{padding: 0 10px 25px;}
	.two-columns.top-block .aside{padding: 0 10px 44px;}
	.content.two-col .column:first-child,
	.content.two-col .column{padding: 50px 10px 45px;}
	.two-columns .aside{padding: 48px 10px;}
	.plan-block.inner .heading{padding: 39px 0 20px;}
	.feature-wrap{padding: 45px 0 29px;}
	.feature-wrap .feature dt{	width: 102px;}
	.feature-wrap .feature dd{max-width: 180px;}
	.service-block .column{padding: 48px 11px 42px;}
	.request-form{margin: 0;}
	.address-block .block{padding: 45px 20px;}
	.logo{margin-left: 0;}
	.header-contact{margin-right: 0;}
	.banner .text-block{left:10px;}
	.go-page .banner .img-holder{
		right: -92px;
		width: 200px;
	}
	.phone-form .input-holder{
		display: block;
		width: auto;
	}
	.footer-top .wrap{line-height: 10px;}
	.footer h4, #footer h4{
		font-size: 12px;
	}
	.footer-top .tel{
		font-size: 14px;
		line-height: 15px;
	}
	.copyright li{
		font-size: 10px;
		line-height: 12px;
	}
	.footer-bottom .align-left{
		padding-top: 15px;
	}
	.footer-bottom .align-right{padding-top: 9px;}
	.footer-logo a{
		width:36px;
		height:47px;
	}
	.footer-logo a img{
        height: auto;
        left: -7px;
        position: absolute;
	}
	.contact-sub{
		width: auto !important;
		float: none;
		border: 0;
	}
	.acount-no,
	.acount-name{
		width: 100%;
		display: block;
	}
    .blocked-page  .have-margin {
        margin: 0;
    }
    .blocked-page .pageWidth .top-area .text {
        font: 15px/20px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    }
    .blocked-page .pageWidth .top-area .bigtext {
        font: 27px/35px "DINWeb-Bold",Arial,Helvetica,sans-serif;
    }
    .blocked-page .frame .wide-block p {
        color: #331156;
        font: 14px/20px "DINWeb",Arial,Helvetica,sans-serif;
    }
    .blocked-page .acc-details-txt {
        font-size: 23px !important;
        line-height: 36px !important;
    }
    .blocked-page .frame .wide-block h2 {
        font: 20px "DINWeb-Bold",Arial,Helvetica,sans-serif;
    }
    .blocked-page .cross {
        left: 4.7%;
        top: 3%;
        width: 90.8%;
    }
    .blocked-page .acc_label, .blocked-page .acc_number {
        display: block;
    }
    .tab-content .features-icons-box .feature-icon img{
        margin: auto;
    }
    .speed-block .tab-content .features-icons-box {
        width: 170px;
    }

}
/* js style */
.map-holder{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#map{
	height: 100%;
	width: 100%;
}
.address-block{position: relative;}
.gm-style-cc{display: none;}

.data-hold .data-btn.tabs-four a {
    width: 21.4%;
}

.data-hold .data-btn.tabs-three a {
    width: 31.4%;
}

.data-hold .data-btn.tabs-two a {
    width: 48.7%;
}

.data-hold .data-btn.tabs-one a {
    width: 48.7%;
    display: block;
    margin: 0 auto;
}

.sidebar {
    position: absolute !important;
    top: 271px ;
    margin-top: 0 !important;
    margin-left: 800px;
}









@media only screen and (max-width: 1240px) {
}


.mobile-sidebar {
    padding: 0;
    float: none;
    margin: 0 auto 36px;
    width: 100%;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #421866;
    position: relative;
    display: none;
}
.mobile-sidebar .address {
    border-bottom: 1px dashed #d5d1db;
    font: 16px/20px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    padding: 16px 20px 13px;
}
.mobile-sidebar .wrap {
    padding: 11px 20px 13px;
}
.mobile-sidebar .hold {
    border-bottom: medium none;
    padding: 0;
}
.mobile-sidebar .address .hold {
    margin: 0 0 4px;
}
.mobile-sidebar .hold::after {
    clear: both;
    content: "";
    display: block;
}
.mobile-sidebar .address .ico-add {
    color: #b12594;
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    margin: -5px 6px 0 0;
    vertical-align: middle;
}
.mobile-sidebar .address .text {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
}
.mobile-sidebar .address .change-address {
    font: 12px/16px "DINWeb",Arial,Helvetica,sans-serif;
}
.mobile-sidebar .plan-details {
    margin: 0 0 8px;
}
.mobile-sidebar .plan-details .title-big {
    color: #b12594;
    display: block;
    font: 38px/40px "DINWeb-Bold",Arial,Helvetica,sans-serif;
}
.mobile-sidebar .plan-details .title-big .sup {
    font: 19px/22px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    left: -7px;
    position: relative;
    top: -12px;
}
.mobile-sidebar .plan-details .title-big em {
    color: #421866;
    display: block;
    font-style: normal;
    margin: -6px 0 0;
}
.mobile-sidebar .panel-list.add {
    border-bottom: medium none;
    padding: 6px 0;
}
.mobile-sidebar .panel-list {
    list-style: outside none none;
    margin: 0;
}
.mobile-sidebar .panel-list li {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 4px;
    padding: 0 0 0 10px;
    position: relative;
}
.mobile-sidebar .panel-list li::before {
    background: none repeat scroll 0 0 #421866;
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 1px;
    position: absolute;
    top: 7px;
    width: 4px;
}
.sales-pagev1 .main-area .mobile-sidebar .title {
    font-size: 14px;
    line-height: 18px;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 69%;
}
.mobile-sidebar .info-side {
    margin: 0;
    background: none repeat scroll 0 0 #d3ccd9;
    border-radius: 100%;
    color: #fff;
    float: right;
    font: 16px/18px "DINWeb-Medium",Arial,Helvetica,sans-serif;
    height: 20px;
    padding: 2px;
    text-align: center;
    width: 20px;
}
.mobile-sidebar .panel-list {
    padding: 2px 0 5px;
    border-bottom: 1px solid #d5d1db;
    list-style: outside none none;
    margin: 0;
}
.mobile-sidebar .package-amt {
    padding: 19px 0 0;
}
.mobile-sidebar .pack-cost {
    display: block;
    font: 44px/46px "DINWeb-Bold",Arial,Helvetica,sans-serif;
    margin: 0 0 12px;
    text-align: center;
}
.mobile-sidebar .pack-cost .sup {
    display: inline-block;
    font: 21px/25px "DINWeb",Arial,Helvetica,sans-serif;
    left: 2px;
    position: relative;
    top: -14px;
}
.mobile-sidebar .pack-cost em {
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    line-height: 24px;
}

.mobile-sidebar a.clear-address {
    font: 12px/16px "DINWeb",Arial,Helvetica,sans-serif;
}

.mobile-sidebar .btn-get { display: none; }

.pack-frame .pack-wrap .row label span.short-slash {
    display: none;
}

@media only screen and (max-width: 990px){
    .pack-frame .pack-wrap .row, .pack-frame .pack-wrap .row.add {
        margin-bottom: 16px;
    }
    .pack-frame .pack-wrap .row label {
        width: 100%;
    }

    .upgrade-hold .pack-frame { margin-bottom: 0; }

}


.msie-11 #sidebar.sidebar {
    top: 36px !important;
}

.msie-11 .step-3 {
    position: absolute !important;
    max-height: 90%;
    overflow-x: hidden!important;
}

.support-page #sidebar, .networkstatus-page #sidebar {
    width: 27.4%;

}

#bg-video {
    vertical-align: top;
    position: fixed;
    overflow: hidden;
    outline: none;
    z-index: -1;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#bg-video * {
    position: absolute;
    top: 0;
    left: 0;
}
.mejs-container{
    position: absolute;
    top: -9999px;
    left: -9999px;
}





/* BACKGROUND FRONT PAGE OVERRIDES*/
/*
.homepage-banner {
background-image: url("/myaccount-support/images/bg_large.jpg");
background-position: center top;
background-repeat: no-repeat;
    background-color: #373536;
    background-size: 2000px 975px;
}

.homepage-banner img.mobile-offer {
    display: none;
    margin: 0 auto;
}

@media only screen and (min-width: 1601px) {
.homepage-banner {
    background-size: 1600px 780px;
}
.main-page .banner {height:668px;}
}


@media only screen and (max-width: 1600px) {
.homepage-banner {
    background-size: 1600px 780px;
}
.main-page .banner {height:668px;}
}

@media only screen and (max-width: 1200px) {
.homepage-banner {
    background-size: 1490px 760px;
}
.main-page .banner {height:668px;}
}

@media only screen and (max-width: 972px){
    .homepage-banner {
        background-size: 1160px 600px;
    }
    .main-page .banner {height:523px;}
}

@media only screen and (max-width: 768px){
    .homepage-banner {
        background-size: 1000px 518px;
        margin: 20px auto 0 !important;
    }
    .main-page .banner {height:486px;}
}
@media only screen and (max-width: 656px) {
    .homepage-banner {
        background-size: 760px 401px;
    	margin: 42px auto 0 !important;
    }
    .main-page .banner {height:420px;}
}

@media only screen and (max-width: 520px){
    .homepage-banner {
        background-image: url("/myaccount-support/images/bg_small.jpg");
    }

    .homepage-banner img.mobile-offer {
        display: block;
        height: 331px!important;
        width: 271px!important;
        margin: 28px auto 0 !important;
    }
    .main-page .banner {height:444px;}

}


.banner a.homepage-link {
    position: absolute; left: 0; top: 78px; height: 100%; width: 100%; z-index: 99;
}

.shrink-speed-list{
}
*/
.agentscript{
    list-style: none;
    padding: 0 36px;
    clear: both;
    background: rgba(0, 0, 0, 0) url("/myaccount-support/images/ico-alert.png") no-repeat scroll 0 0;
    margin: 20px 0;
    color: red;
}

.free-text-address {

}
.free-text-address .input-holder {
    background-size: 26px 26px;
    height: 60px;
    margin: 10px auto 42px auto;
    width: 95%;
    display: inline-block;
    background: #fff none repeat scroll 0 0;
    border: thin solid #b2b2b2;
    border-radius: 30px;
    height: 60px;
    padding: 6px 25px;
}
.free-text-address  input{
    height: 48px;
    line-height: 48px;
    width: 100%;
}



/* FIXES FOR ERRORS IN PAYMENT FORM VALIDATION */
#paperless-direct-debit-detail .form-error {
    display: block;
}

#paperless-direct-debit-detail .input-holder.error div.lbl label {
    margin-top: 3px;
}



/***** API DRIVEN ADDONS *****/
.additionalProductDescription {
    color: #666;
    display: block;
    font-size: 10pt;
    line-height: 13pt;
}

.dynamic-addon .jcf-radio, .dynamic-addon .jcf-checkbox {
    margin-top: 2px;
    vertical-align: top;
}

/*** Spinner icon**/
@-moz-keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}

#overlay {
    background-color: black;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0.2; /* also -moz-opacity, etc. */
    z-index: 10;
}
.overlay_box {
    background-color: #FFFFFF;
    display: table;
    border-radius: 8px;
    width: 400px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto auto;
    z-index: 10;
    padding: 30px;
}

.overlay_spinner {
    position: relative;
    width: 40%;
    margin: auto;
}
.overlay_text {
    position: relative;
    margin-top: 60px;
}


/* Payment method failed overlay box styles */
#payment-method-failed-response {

}

#payment-method-failed-response h1 {

}

#payment-method-failed-response p {

}

#payment-method-failed-response button {
    background: #b12594;
    border: none;
    margin-top: 24px;
    text-transform: uppercase;
    padding: 18px 36px;
}

#payment-method-failed-response button:hover {
    text-decoration: underline;
}


#sidebar-dataallowance span { font-size: 20pt; }


/** AGENT VIEW STYLES **/
#agentViewDetails .agentViewHeader {
    font-size: 16pt;
    color: red;
    font-weight: bold;
    text-align: center;
}

#agentViewDetails .agentViewPromoCodes {
    display: block;
    /*text-align: center;*/
    padding: 12px 48px;
    margin: 12px 24px 24px;
    background: #ddd;
}

#agentViewDetails .agentViewPromoCodes h4 {
    margin: 6px 0 12px;
    font-size: 14pt;
    font-family: "DINWeb-Bold", sans-serif;
    text-transform: uppercase;
    text-align: center;
}

#agentViewDetails .agentViewPromoCodes a {
    text-align: center;
    width: 45.6%;
    display: inline-block;
    padding: 6px;
    background: #eee;
    margin: 0 12px 12px;
}

#agentViewDetails .agentViewPromoCodes a:hover { background: white; }

.agentDetailsSidebar {
    color: #b12594;
    font-size: 10pt;
    line-height: 14pt;
    /*border-bottom: 1px solid lightgray;
    margin: 6px 0 18px;
    padding-bottom: 12px;*/
}
.agentDetailsSidebar span.row { display: block; color: #421866; font-size: 9pt; }
.agentDetailsSidebar span.row strong { display: inline-block; width: 120px; font-weight: normal; }

#agentDetailsFloating {
    position: fixed;
    bottom: 0;
    right: 0;
    display: block;
    background: red;
    color: white;
    font-size: 10pt;
    padding: 18px;
    border: 6px solid white;
}

#agentDetailsFloating span.row {
    display: block;
}

#agentDetailsFloating span.row strong {
    display: inline-block; width: 140px;
}


/*** PROMOTION PAGE FIBRE GUARANTEE SMALL PRINT ***/


#fibre100-get-it-now .smallprint .fibre-guarantee { margin-top: -48px; margin-bottom: 96px; }
#fibre100-get-it-now .smallprint .fibre-guarantee strong.fibre-guarantee-header { font-family: "DINWeb-Bold", sans-serf; font-size: 26px; display: block; margin-bottom: 0.3em;}
#fibre100-get-it-now .smallprint .fibre-guarantee span.fibre-guarantee-text { font-family: "DINWeb", sans-serif; font-size: 18px; line-height: 22px; }
.smallprint.urgency { font-size: 14pt; margin-top: 12px;}



/*** PRICE UP STYLES DECEMBER 2015 ***/
.price-up { font-family: "DINWeb", sans-serif; font-color: #421866; font-size: 16px; text-align: center; padding: 24px 96px 0; }
.price-up p { line-height: 20px; }

@media only screen and (max-width: 500px) {
    .price-up { padding: 24px 24px 0; }
}

span.cents {
    font-size: 18px;
    margin-top: -4px;
    vertical-align: top;
    display: inline-block;
}
#sidebar-totalcost span.cents {
    font-size: 18px;
    margin-top: -8px;
}



/*** DRONE PROMOTION PAGE ***/
#dronePromotion {
    background: #43236e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-130deg, #43236e, #8c0479); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-130deg, #43236e, #8c0479); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-130deg, #43236e, #8c0479); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-130deg, #43236e, #8c0479); /* Standard syntax */
    background-position: 0 76px;
    min-height: 900px;
    position:relative;
    padding-top:78px;
    height: 970px;
}

#dronePromotion .dronePromotionWrapper {
    background: rgba(255,255,255,0);
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    height: 900px;
    position: relative;
}


#dronePromotion .dronePromotionWrapper img#droneModel {
    left: 0;
    margin-left: -184px;
    margin-top: 220px;
    position: absolute;
    top: 0;
}

#dronePromotion .dronePromotionWrapper img#droneModelMobile {
    display: none;
}

#dronePromotion .dronePromotionTextWrapper {
    color: white;
    text-transform: uppercase;
    float:right;
    width: 454px;
    margin-top: 50px;
    padding-right: 6px;
}

#dronePromotion .dronePromotionTextWrapper h2, #dronePromotion .dronePromotionTextWrapper h3 {
    letter-spacing: -2px;
}

#dronePromotion .dronePromotionTextWrapper h2 {
    font-family: "DINWeb-bold", Verdana, sans-serif;
    font-size: 66px;
    line-height: 68px;
    width: 240px;
    margin: 0;
}
#dronePromotion .dronePromotionTextWrapper h3 {
    color: white;
    font-family: "DINWeb-Light",Verdana,sans-serif;
    font-size: 48px;
    line-height: 50px;
    margin: 16px 0 0;
    width: 440px;
}

#dronePromotion .dronePromotionTextWrapper h3 strong {
    color: #f7921e;
}

#dronePromotion .dronePromotionTextWrapper h4 {
    letter-spacing: normal;
    color: #f7921e;
    font-family: "DINWeb-bold", Verdana, sans-serif;
    font-size: 28px;
    line-height: normal;
    margin: 24px 0 0;
    max-width: 440px;
}
#dronePromotion a.dronePromotionGetItNow {
    border: 2px solid white;
    color: white;
    display: block;
    font-family: "DINWeb-bold",Verdana,sans-serif;
    font-size: 24px;
    height: 64px;
    margin-top: 63px;
    padding: 0;
    line-height: 64px;
    width: 245px;
    text-align:center;
}

#dronePromotion .dronePromotionTextWrapper .additionalText {
    font-size: 12px;
    font-family: "DINWeb", Verdana, sans-serf;
    color: white;
    text-transform: uppercase;
    margin-top: 86px;
    display: inline-block;
}

#dronePromotion .dronePromotionTextWrapper .additionalText strong {
    color: #f7921e;
}

#dronePromotion .dronePromotionTextWrapper .additionalText ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: disc;
}

#dronePromotion .dronePromotionTextWrapper .additionalText ul li {
    display: inline-block;
    padding: 0 0 0 9px;
    margin: 0;
}

#dronePromotion .dronePromotionTextWrapper .fibreGuarantee {
    display: block;
    text-transform: none;
    font-size: 12px;
}

#dronePromotion .dronePromotionTextWrapper .fibreGuarantee, #dronePromotion .dronePromotionTextWrapper .additionalText ul {
    line-height: 12px;
}

@media only screen and (max-width: 1100px) {
    #dronePromotion {
    }
}

@media only screen and (max-width: 1100px){
    #dronePromotion .dronePromotionWrapper {
        right: 0;
        position: absolute;
    }
}

@media only screen and (max-width: 1022px) {
    #dronePromotion {
        background-position: 0 0;
        margin-top: -20px;
        padding-top: 0;
    }
}

@media only screen and (max-width: 960px) {
    #dronePromotion .dronePromotionWrapper img#droneModel {
        width: 60%;
        margin-left: -62px;
    }
}
@media only screen and (max-width: 840px) {
    #dronePromotion .dronePromotionWrapper img#droneModel {
        width: 45%;
        margin-left: 130px;
    }
}
@media only screen and (max-width: 740px) {
    #dronePromotion .dronePromotionWrapper img#droneModel {
        width: 33%;
        margin-left: 260px;
    }
}

@media only screen and (max-width: 767px) {
    #dronePromotion {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 620px) {
    #dronePromotion { height: auto; }
    #dronePromotion .dronePromotionWrapper {
        position: relative;
        width: 100%;
        min-width: 0;
        padding: 0 9px;
    }
    #dronePromotion .dronePromotionWrapper img#droneModel {
        display: none;
    }
    #dronePromotion .dronePromotionWrapper img#droneModelMobile {
        display: block;
        width: 100%;
        margin: 12px auto -48px;
        padding-right: 6px;
    }
    #dronePromotion .dronePromotionTextWrapper {
        width: 100%;
        padding-bottom: 60px;
        padding-right: 0;
    }
    #dronePromotion .dronePromotionTextWrapper h3 {
        font-family: "DINWeb-Light", Verdana, sans-serif;
    }
    #dronePromotion .dronePromotionTextWrapper h4 {
        font-size: 26px;
    }
    #dronePromotion a.dronePromotionGetItNow {
        margin-top: 28px;
    }
    #dronePromotion .dronePromotionTextWrapper .additionalText {
        margin-top: 72px;
    }
    #dronePromotion .dronePromotionTextWrapper .additionalText ul {
        display: block;
    }
    #dronePromotion .dronePromotionTextWrapper .additionalText ul li {
        display: block;
    }
    #dronePromotion .dronePromotionTextWrapper .fibreGuarantee {
        width: 250px;
    }
}

@media only screen and (max-width: 440px) {
    #dronePromotion .dronePromotionTextWrapper h3 {
        width: auto;
    }

}
@media only screen and (max-width: 360px) {
    #dronePromotion .dronePromotionTextWrapper h3 {
        font-size: 40px;
    }

    #dronePromotion .dronePromotionWrapper img#droneModelMobile {
        padding-right: 12px;
    }
}

@media only screen and (max-width: 320px) {
    #dronePromotion .dronePromotionTextWrapper h3 {
        font-size: 36px;
    }
}

/* ****** ERROR PAGE CLASSES ****** */

.page-error .wrapper-error {
    padding-top: 160px;
    width: 440px;
    display: block;
    padding-bottom: 400px;
    text-align: center;
    margin: 0 auto;
    height: 90%;
    min-height: 90%;
}
.page-error .wrapper-error h1.page404  {
    font-size: 136pt;
    font-weight: bold;
    font-family: "DINWeb-medium", helvetica, sans-serif;
    margin-bottom: 0;
    line-height: 100pt;
    letter-spacing: 2pt;
}
.page-error .wrapper-error h1.page500 {
    font-family: "DINWeb-bold",helvetica,sans-serif;
    font-size: 36pt;
    letter-spacing: -3pt;
    margin-bottom: 9px;
}

.page-error .wrapper-error hr {
    height: 2px;
    border: none;
    background-color: #331156;
    margin: 0 auto 18px;
    width: 70px;
}
.page-error .wrapper-error h2 {
    font-weight: bold;
    font-family: "DINWeb", helvetica, sans-serif;
    font-size: 32pt;
    margin-top: 18px;
    margin-bottom: 12px;
}

.page-error .wrapper-error h2.page500 {
    font-family: "DINWeb-bold",helvetica,sans-serif;
    font-weight: normal;
    font-size: 18pt;
    margin-bottom: 12px;
    margin-top: 24px;
}
.page-error .wrapper-error p {
    font-family: "DINWeb", helvetica, sans-serif;
    margin: 0;
    font-size: 14pt;
    line-height: 15pt;
}


/* ************ APRIL 2016 HOMEPAGE BANNER UPDATE *********** */

.bg-stretch.homepage-banner.april2016Banner {
    background: linear-gradient(to right, #8c0479, #46226e);
}

.april2016Banner div.bottomAngle {
    display: block;
    background: linear-gradient(178deg, rgba(0,0,0,0) 49%, white 50%);
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.april2016BannerText .desktopText {
    padding-top: 70px;
}

.april2016BannerText .mobileText {
    padding-top: 40px;
    display: none;
}

.main-page .banner {
    height: 686px;
}

.banner a.homepage-link {
    height: 82%;
}

@media only screen and (max-width: 990px){
    .main-page .banner .text-block {
        margin-top: 86px;
        width: 100%;
        text-align: left;
    }
    .main-page .banner .text-block .desktopText {
        width: 90%;
    }
}


@media only screen and (max-width: 580px) {
    .main-page .banner .text-block .desktopText {
        display: none;
    }

    .main-page .banner {
        height: 480px;
    }
    .main-page .banner .text-block .mobileText {
        display: block;
        margin: 0 auto;
    }
}


/************ My Orcon Safe Mode Styles ***************/

.mySafeMode {
    padding: 0 30px;
    text-align: left;
}

.mySafeMode p {
    font-size: 12pt;
    line-height: 16pt;
}

.mySafeMode .title {
    display: block;
    position: relative;
    line-height: 22pt;
}

.mySafeMode .title .safeModeSubscribe {
    float: right;
    font-family: "DINWeb", sans-serif;
    font-size: 12pt;
    font-weight: normal;
    height: 22pt;
}

.mySafeMode .safeModeEnabled div.block {
    border-top: 1px solid #ccc;
    padding: 16px 0;
}


.mySafeMode .safeModeEnabled div.radioWrapper {
    height: 40px;
}
.mySafeMode .safeModeEnabled div.radioWrapper input, .mySafeMode .safeModeEnabled div.radioWrapper label {
    vertical-align: middle;
}
.mySafeMode .safeModeEnabled div.radioWrapper em {
    color: #8c93a9;
    font-style: normal;
    margin-left: 12px;
}
.mySafeMode .safeModeEnabled div.radioWrapper label {
    font-weight: normal;
    padding-top: 8px;
}
.mySafeMode .safeModeEnabled div.block ul.safeModeBlockList, .mySafeMode .safeModeEnabled div.block .safeModeBlockListNote {
    color: #8f8596;
    font-size: 11pt;
}
.mySafeMode .safeModeEnabled div.block ul.safeModeBlockList {
    margin-top: 12px;
    padding-left: 14px;
}
.mySafeMode .safeModeEnabled div.block .safeModeBlockListNote {
    line-height: 12pt;
    margin-top: 12px;
}
.mySafeMode .safeModeEnabled div.block ul.safeModeBlockList li {
    line-height: 12pt;
}

#myAccountDialog {
    width: 100%;
    height: 100%;
    background: none;
    z-index:500;
    position: fixed;
    top:0;
    left: 0;
    align-items: center;
    display: flex;
    justify-content: center;
}
#myAccountDialog .myAccountDialogOverlay { width: 100%; height: 100%; background: rgba(255,255,255,0.8); position: absolute; top:0; left: 0; }
#myAccountDialog .myAccountDialogContent {
    position: relative;
    background: white;
    width: 480px;
    padding: 24px;
    border: 1px solid #ccc;
    border-radius: 12px;
    box-shadow: 1px 1px 2px #666;
}
#myAccountDialog .myAccountDialogContent .header { display: block; font-weight: bold; font-size: 16pt; }
#myAccountDialog .myAccountDialogContent .header .myAccountDialogClose {
    width: 24px; height: 24px; cursor: pointer; float: right;
}

#myAccountDialog button {
    background-color: #b12594;
    border: medium none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    overflow: hidden;
    padding: 13px 36px 9px;
    position: relative;
}

#myAccountDialog .myAccountDialogContent .contentWrapper {
    font-size: 12pt;
    margin: 24px 0;
}

#myAccountDialog .myAccountDialogContent .myAccountDialogFooter {
    border-top:1px solid #ccc;
    padding-top: 24px;
    text-align:center;
    position: relative;
}
#myAccountDialog .myAccountDialogContent .myAccountDialogFooter span.close {
    bottom: 6px;
    color: #b12594;
    float: left;
    font-size: 14pt;
    font-weight: normal;
    left: 0;
    opacity: 1;
    position: absolute;
}

@media only screen and (max-width: 1023px){
    .mySafeMode { padding: 0 12px; }
}

@media only screen and (max-width: 767px){
    .mySafeMode { padding: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 1052px) {
    .mySafeMode .subButton { display: none; }
}


@media only screen and (min-width: 768px) and (max-width: 1150px) {
    .mySafeMode .safeModeEnabled div label {
        width: 75%;
        line-height: 12pt;
        vertical-align: top;
    }
}
@media only screen and (max-width: 395px){
    .mySafeMode .safeModeEnabled div label {
        font-size: 11pt;
    }
}
@media only screen and (max-width: 350px){
    .mySafeMode .subButton { display: none; }
    #myAccountDialog button {
        padding: 13px 18px 9px;
    }
}

/* safe mode signup summary */
.safeModeSummarySubText { padding-left: 12px; font-size: 10pt; display: inline-block; color: #999; }



/* *************** ALTERNATIVE PLAN DISPLAY ************** */

.plans-alternative .lead-text {
    font-weight: bold;
}
.plans-alternative p, .plans-alternative strong {
    font-family: "DINWeb",verdana,sans-serif;
}
li.alternative-option {
    background: white none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    border-radius: 9px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: #b12594;
    display: inline-block;
    height: auto !important;
    margin: 6px;
    text-align: center;
}
li.alternative-option h1.h1 {
    color: #b12594;
    font-family: "DINWeb-bold",verdana,sans-serif;
    font-size: 36pt;
    font-weight: normal;
    margin: 0;
    padding: 15px 0;
}
li.alternative-option h1.h1 span {
    display: block;
    font-size: 20pt;
    line-height: 20pt;
}
div[role="list-horizontal"] > ul.alternative-options {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#main .plans-alternative h3.technology {
    color: #b12594;
}
ul.alternative-options.alternative-options1 li.alternative-option {
    margin: 0 auto;
    width: 70%;
}
ul.alternative-options.alternative-options2 li.alternative-option {
    width: 45%;
}
ul.alternative-options.alternative-options3 li.alternative-option {
    width: 31%;
}
li.alternative-option a {
    height: 100%;
    left: 0;
    padding: 0;
    top: 0;
    width: 100%;
}
li.alternative-option a:hover, li.alternative-option a:hover h1 {
    color: #f7921e;
    text-decoration: none !important;
}
li.alternative-option:hover {
    border-color: #f7921e;
    color: #f7921e;
}
.plans-alternative div.no-options h1, .plans-alternative div.no-options h2, .plans-alternative h2.alternative-options-header {
    font-family: "DINWeb-bold",verdana,sans-serif !important;
    font-weight: normal !important;
    margin: 0 auto 18px;
    text-align: center;
    width: 90%;
}
.plans-alternative p.alternative-options-footer {
    margin: 36px auto;
    text-align: center;
    width: 90%;
}
@media only screen and (max-width: 780px) {
    div[role="list-horizontal"] > ul.alternative-options {
        width: 90%;
    }
    ul.alternative-options li.alternative-option {
        display: block !important;
        margin: 0 auto 12px;
        width: 100% !important;
    }
}


/* ************** MAY 2016 HEADER AND FOOTER UPDATES ************* */

#header {
    background: white;
    padding: 27px 0;
}

#header .container {
    padding: 0 40px;
    max-width: 100%;
    width: 100%;
}

.navigation {
    text-align: right;
}

#nav li {
    margin: 0 0 0 22px;
    padding-bottom: 1px;
}

#nav li:hover, #nav li.active {
    border-bottom: 1px solid rgba(64,35,97,0.7);
}

#nav a {
    color: #402361;
    font-family: "DINWeb-Light";
    font-size: 18px;
    letter-spacing: -0.3pt;
}

#nav .has-modal a {
    color: inherit;
    font-family: "DINWeb-Bold";
}

.banner .container {
    padding-top: 12px;
}

#nav .has-modal a::before {
    background: none;
}

.sales-pagev1 .banner {
    height: 100px;
}

.sales-pagev1 .plans {
    background:#fcfcfc;
    border-top: 1px solid #f0f0f0;
}

#wrapper.sales-pagev1 {
    height: auto;
}

#footer {
    background: #412262; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #412262 , #A82590); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #412262, #A82590); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #412262, #A82590); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #412262 , #A82590); /* Standard syntax */
    display: block;
    padding-top: 190px;
    position:relative;
    height: auto;
}

#footerTransparenciesTop div {
    width: 100%;
    height: 260px;
    position: absolute;
    top: 0;
    left: 0;
}
#footerTransparenciesTop div.rotationOne {
    background: rgba(0,0,0,0) linear-gradient(-4deg, rgba(0, 0, 0, 0) 49%, rgba(255,255,255,1.0) 49.5%) repeat scroll 0 0;
}
#footerTransparenciesTop div.rotationTwo {
    background: rgba(0,0,0,0) linear-gradient(-3deg, rgba(0, 0, 0, 0) 49%, rgba(255,255,255,0.2) 49.5%) repeat scroll 0 0;
    top: 12px;
}
#footerTransparenciesTop div.rotationThree {
    background: rgba(0,0,0,0) linear-gradient(1deg, rgba(0, 0, 0, 0) 49%, rgba(255,255,255,0.2) 49.5%) repeat scroll 0 0;
    top: -17px;
}
#footerTransparenciesBottom div {
    background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
    height: 200px;
    position: absolute;
    width: 1120px;
}
#footerTransparenciesBottom div.rotationOne {
    bottom: -166px;
    left: -430px;
    transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg)
}
#footerTransparenciesBottom div.rotationTwo {
    bottom: -170px;
    left: -220px;
    transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg)
}

.twitter-block {
    background: #fff none repeat scroll 0 0;
    color: #421866;
    min-height: 433px;
    padding: 96px 0 0;
}

#footer .container {
    padding-top: 60px;
}

.footer-left {

}

.footer-left hr {
    width: 20px;
    margin: 0;
    padding: 0;
    height: 3px;
    border: none;
    background: white;
}

ul.footer-links {
    list-style: outside none none;
    margin: 0;
    padding: 16px 0 110px;
}

ul.footer-links li {
    line-height: 12px;
    padding: 6px 0;
}

.footer-left a, .footer-right a {
    color: white;
    font-size: 12px;
}

.footer-left a {
    text-transform: uppercase;
    font-family: "DINWeb";
}

.footer-right {
    text-align: right;
    margin-top: -3px;
}

.footer-right .social-media a {
    margin: 3px;
    display: inline-block;
}

.footer-right .network-status {
    display: inline-block;
    font-family: "DINWeb-Light";
    line-height: 22px;
    margin-top: 9px;
    text-transform: uppercase;
    width: 150px;
}

.footer-right .network-status:hover {
    text-decoration: none;
}

.footer-right .network-status strong {
    font-weight: 900;
}

.footer-right .network-status strong, .footer-right .network-status span {
    display: inline-block;
    vertical-align: top;
}

.footer-right .network-status img {
    margin: -3px 3px 0 0;
    vertical-align: top;
    display: inline-block;
}

.footer-right .terms {
    margin-top: 9px;
}

.footer-right .terms span, .footer-right .terms a {
    display: inline-block;
    font-family: "DINWeb-Medium";
    font-size: 14px;
    margin-left: 15px;
}



@media only screen and (max-width:640px) {
    ul.footer-links {
        padding-top: 36px;
    }
    .footer-left {
        margin-top: 36px;
    }
    .footer-right .terms span, .footer-right .terms a {
        display: block;
    }
}

@media only screen and (max-width: 990px){
    #header .container {
        padding: 0 9px;
    }
}



/* *************** HOMEPAGE JUNE 2016 ************* */
.main-page .banner { height: 710px; }
div.june2016BannerContainer.container, div.june2016HomePageWrapper .container { width: 1216px; max-width: 1216px; padding: 0 18px; }
.bg-stretch.homepage-banner.june2016Banner {  background: #301549 url("/myaccount-support/images/feature-home.jpg") no-repeat scroll center 100px; }
.june2016Banner div.bottomAngle {
    background: rgba(0, 0, 0, 0) linear-gradient(178deg, rgba(0, 0, 0, 0) 49%, white 50%) repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 100px;
    position: absolute;
    width: 100%;
}
.june2016Banner div.transparency {
    position: absolute;
    width: 100%;
}
.june2016Banner div.transparencyOne {
    background: rgba(0, 0, 0, 0) linear-gradient(175deg, rgba(0, 0, 0, 0) 49.5%, rgba(255, 255, 255, 0.1) 50%) repeat scroll 0 0;
    bottom: -145px;
    height: 400px;
}
.june2016Banner div.transparencyTwo {
    background: rgba(0, 0, 0, 0) linear-gradient(179deg, rgba(0, 0, 0, 0) 49.5%, rgba(255, 255, 255, 0.1) 50%) repeat scroll 0 0;
    bottom: -80px;
    height: 300px;
}
.june2016Banner div.transparencyThree {
    background: rgba(0, 0, 0, 0) linear-gradient(181deg, rgba(0, 0, 0, 0) 49.5%, rgba(255, 255, 255, 0.1) 50%) repeat scroll 0 0;
    bottom: -113px;
    height: 300px;
}


.june2016BannerText {
    margin: 0;
    position: absolute;
    top: 176px;
}

.june2016BannerText h1, .june2016BannerText p {
    background: none;
    font-family: "DINWeb-Light", verdana, sans-serif;
    color: white;
}
.june2016BannerText h1 {
    display: block;
    font-size: 72px;
    font-weight: normal;
    letter-spacing: -2pt;
    line-height: 67px;
    margin: 0;
    width: 100%;
}
.june2016BannerText h1 strong {
    font-weight: normal;
    font-family: "DINWeb-Bold";
}

.june2016BannerText h1 sup {
    display: inline-block;
    font-size: 20px;
    letter-spacing: normal;
    margin-top: 25px;
    vertical-align: top;
}
.june2016BannerText h1 sup em {
    display: inline-block;
    font-style: normal;
    font-family: "DINWeb-Light";
    margin-left: 6px;
}
.june2016BannerText > p {
    font-size: 18px;
    line-height: 24px;
    margin: 6px 0 0 6px;
    text-transform: uppercase;
    width: 375px;
}

.june2016BannerText p strong {
    font-family: "DINWeb-Bold";
}

.june2016BannerText a.clickForMore {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, #c0c0c0, white) repeat scroll 0 0;
    border: 1px solid whitesmoke;
    border-radius: 6px;
    color: #ac2592;
    display: block;
    font-family: "DINWeb-Light";
    font-size: 18px;
    font-weight: normal;
    height: 54px;
    line-height: 54px;
    margin: 28px 0 0 6px;
    text-align: center;
    text-transform: uppercase;
    width: 244px;
    letter-spacing: 0;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}

.june2016BannerText a.clickForMore strong {
    font-family: "DINWeb-Bold";
    font-weight: normal;
}

.june2016BannerText a.clickForMore:hover { text-decoration: none; }

.june2016BannerText #caveat {
    color: white;
    font-family: "DINWeb";
    font-size: 11px;
    line-height: 10pt;
    margin: 35px 0 0 6px;
    max-width: 400px;
    opacity: 0.5;
    padding: 0;
}

.june2016HomePageWrapper h1.containerTitle {
    display:block;
    font-family: "DINWeb-Light";
    font-weight:normal;
    font-size: 36px;
    color: #422c76;
    text-align: center;
    line-height: 36px;
    letter-spacing: -2px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.june2016HomePageWrapper h1.containerTitle strong {
    font-family: "DINWeb-Bold";
    font-weight: normal;
    letter-spacing: -2px;
}
.june2016HomePageWrapper h1.containerTitle::after {
    background: #422c76 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin: 12px auto 0;
    width: 80px;
}
.june2016HomePageWrapper .plansWrapper {
    margin-top: 80px;
}
.plansWrapper .planHolder { width: 340px; display:inline-block; margin-left: 80px; float: left;}
.planHolder.first { margin-left: 0; }
.planHolder .arrowWrapper .speedArrow {
    display: block;
    margin: 0 auto;
}


.planHolder .arrowWrapper {
    border-bottom: 2px solid #422c76;
    padding-bottom: 37px;
    position: relative;
    width: 100%;
}
.planHolder .arrowWrapper .speedLabel {
    color: #422c76;
    position: absolute;
    left: 0;
    bottom: 37px;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
}
.planHolder .arrowWrapper .speedLabel strong {
    display: block;
}


.planHolder .planText { display: block; margin-top: 29px; }
.planHolder .planText .mobileArrow { display: none; }
.planHolder .planText h2 {
    color: #422c76;
    font-size: 78px;
    line-height: 78px;
    margin: 0 0 -12px;
    font-weight: normal;
}
.planHolder .planText h2.technologyLabel {
    font-family: "DINWeb-Bold";
    letter-spacing: -4px;
}
.planHolder .planText h2.dataCap {
    font-family: "DINWeb-Light";
    letter-spacing: -9px;
    margin-top: -9px;
}
.planHolder.first .planText h2.dataCap {
    margin-left: -9px;
}
.planHolder .pricePerMonth {
    float: right;
    width: 126px;
}
.planHolder .pricePerMonth .price {
    font-family: "DINWeb-Light";
    font-size: 130px;
    letter-spacing: -14px;
    line-height: 130px;
    position:relative;
    margin-bottom: -34px;
    text-align:right;
    padding-right: 4px;
}
.planHolder .pricePerMonth .price sup {
    font-size: 48px;
    left: -3px;
    position: absolute;
    top: 32px;
}
.planHolder .pricePerMonth .priceSubtext {
    color: #422c76;
    border-bottom: 6px solid #a095ba;
    display: block;
    font-family: "DINWeb-Bold";
    font-size: 12px;
    line-height: 7px;
    margin-top: 11px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
.planHolder .pricePerMonth .priceSubtext .month {
    float: right;
}
.planHolder .buttonWrapper {
    border-bottom: 1px solid #422c76;
    display: block;
    float: none;
    margin-top: 35px;
    padding: 3px 0 127px;
    clear: both;
}
.planHolder a.goToPlan {

    background-image: linear-gradient(#fff 50%, #fafafa 98%, #fff 98.5%);
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

    display: inline-block;
    float: left;
    height: 77px;
    line-height: 77px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 340px;
}
.planHolder a.goToPlan strong { font-family: "DINWeb-Bold"; font-weight: normal; }
.planHolder a.goToPlan:hover { text-decoration: none; }

div.june2016HomePageWrapper .container.pageCopy {
    background: url('/myaccount-support/images/flower.png') center center no-repeat;
    margin-top: 104px;
    padding: 72px 0;
}
.june2016HomePageWrapper .pageCopy h1.containerTitle {
    margin-bottom: 44px;
}
.pageCopy p {
    color: #422c76;
    padding: 0 80px;
}
.orconCopy {
    margin-top: 70px;
}

@media only screen and (min-width: 769px) and (max-width: 1179px) {
    div.june2016BannerContainer.container, div.june2016HomePageWrapper .container { width: 100%; max-width: 100%; padding: 0 18px; }
    .plansWrapper .planHolder.first { margin-left: 0; }
    .plansWrapper .planHolder { margin: 0 auto; width: 28.81%; margin-left: 6.785%; }
    .planHolder a.goToPlan { width: 100%; }
}

@media only screen and (min-width: 960px) and (max-width: 1179px) {
    /*.planHolder .planText h2 { font-size: 60px; line-height: 72px;  }
    .planHolder .pricePerMonth { width: 100px; margin-top: -6px; }
    .planHolder .pricePerMonth .price {
        font-size: 100px;
        line-height: 120px;
        text-align: right;
        margin-right: 6px;
    }
    .planHolder .pricePerMonth .price sup {
        font-size: 40px;
        left: -5px;
        top: 34px;
    }*/
}


@media only screen and (min-width: 830px) and (max-width: 1179px) {
    .planHolder .planText h2 { font-size: 54px; line-height: 60px;  letter-spacing: -2px; }
    .planHolder .planText h2.dataCap { letter-spacing: -6px; }
    .planHolder .pricePerMonth { width: 84px; margin-top: -12px; }
    .planHolder .pricePerMonth .price {
        font-size: 84px;
        text-align: right;
        line-height: 106px;
        margin-right: -3px;
        letter-spacing: -8px;
    }
    .planHolder .pricePerMonth .price sup {
        font-size: 32px;
        top: 33px;
        left: -2px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 829px) {
    .planHolder .planText { height: 260px; position: relative; }
    .planHolder .planText h2 { font-size: 70px; line-height: 70px; text-align:right; }
    .planHolder .pricePerMonth {
        position: absolute;
        bottom: 12px;
        width: 100%;
    }
    .planHolder .pricePerMonth .price {
        font-size: 130px;
        text-align: right;
        line-height: 150px;
    }
    .planHolder .pricePerMonth .price sup {
        font-size: 60px;
        top: 46px;
        right: 114px;
    }
    .planHolder .pricePerMonth .priceSubtext .from {
        padding-left: 91px;
    }
    .planHolder .arrowWrapper .speedLabel {

    }
    .planHolder .arrowWrapper .speedLabel strong { }
}


@media only screen and (max-width: 768px) {
    .bg-stretch.homepage-banner.june2016Banner {
        background-position: -620px 100px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 760px) {
    .main-page .banner { padding: 0 18px; }
    .june2016BannerText { width: 100% }
    .bg-stretch.homepage-banner.june2016Banner {
        background: #301549 url("/myaccount-support/images/feature-home.jpg") no-repeat scroll -614px 100px;
        margin-top:0;
    }
    .june2016BannerText > p { width: 100%; }
    .main-page .banner h1 {
        font-size: 100px;
        padding: 0;
        margin: 0 0;
        width: 100%;
        line-height: 84px;
        height: auto;
        letter-spacing: -5px;
    }
    .june2016BannerText h1 sup {
        font-size: 16px;
        margin-top: 19px;
    }
    div.june2016BannerContainer.container, div.june2016HomePageWrapper .container { width: 100%; }
    .june2016HomePageWrapper .plansWrapper { margin-top: 42px; }
    .plansWrapper .planHolder { display: block; margin: 0 auto 96px;  float: none; width: 100%; padding: 18px;  }
    .planHolder .arrowWrapper { padding-bottom: 0; }
    .planHolder .arrowWrapper .speedLabel { bottom: 9px; }
    .planHolder .arrowWrapper .speedArrow { display: none; }
    .planHolder .arrowWrapper .speedLabel strong { display: inline; }
    .planHolder .planText .mobileArrow { display: inline-block; height: 76px; float: left; }
    .planHolder .planText h2 { font-size: 46pt; line-height: 44pt; float: none; }
    .planHolder .planText h2.technologyLabel, .planHolder .planText h2.dataCap, .planHolder.first .planText h2.dataCap {
        display: inline-block;
        font-size: 102px;
        line-height: 102px;
        letter-spacing: -11px;
        width: 240px;
        float: left;
        padding-left: 12px;
        margin-top: -5px;
    }
    .planHolder .pricePerMonth { width: 96px; margin-top: -20px; }
    .planHolder .pricePerMonth .price {
        font-size: 82px;
        text-align: right;
        line-height: 112px;
        margin-right: 6px;
        letter-spacing: -10px;
    }
    .planHolder .pricePerMonth .price sup {
        left: 0;
        top: 40px;
        font-size: 28pt;
    }
    .planHolder .pricePerMonth .priceSubtext {
        margin-top: 6px;
        padding-bottom: 3px;
    }
    .planHolder .buttonWrapper {
        border-bottom: none;
        clear: both;
        height: auto;
        padding: 12px 0 0;
        margin-bottom: 60px;
    }
    .planHolder a.goToPlan { width: 100%; }
    div.june2016HomePageWrapper .container.pageCopy { padding: 0 18px; margin-top: 42px; }
    .pageCopy p { padding: 0; }
}

@media only screen and (max-width: 760px) {
    .bg-stretch.homepage-banner.june2016Banner {
        background: #301549 url("/myaccount-support/images/feature-home.jpg") no-repeat scroll -620px 100px;
        margin-top:0;
    }
    .main-page .banner h1 {
        height: auto;
        font-size: 55px;
        padding: 0;
        margin: 0 0;
        width: 100%;
        line-height: 50px;
        letter-spacing: -5px;
    }
    .main-page .banner { padding: 0 18px; height: 648px; }
    .june2016BannerText h1 sup {
        font-size: 16px;
        margin-top: 19px;
    }
    div.june2016BannerContainer.container, div.june2016HomePageWrapper .container { width: 100%; }
    .june2016HomePageWrapper .plansWrapper { margin-top: 42px; }
    .plansWrapper .planHolder { display: block; margin: 0 auto;  float: none; width: 100%; padding: 0;  }
    .planHolder .arrowWrapper { padding-bottom: 0; }
    .planHolder .arrowWrapper .speedLabel { bottom: 9px; }
    .planHolder .arrowWrapper .speedArrow { display: none; }
    .planHolder .arrowWrapper .speedLabel strong { display: inline; }
    .planHolder .planText .mobileArrow { display: inline-block; height: 98px; float: left; }
    .planHolder .buttonWrapper { border: none; }
    div.june2016HomePageWrapper .container.pageCopy { padding: 0 18px; margin-top: 42px; }
    .pageCopy p { padding: 0; }
    .planHolder a.goToPlan { width: 100%; }
}

@media only screen and (max-width: 760px) and (min-width: 410px) {
    .planHolder .planText h2 { font-size: 46pt; line-height: 44pt; float: none; }
    .planHolder .buttonWrapper { border-bottom: none; }
    .planHolder .planText h2.technologyLabel { margin-left: 102px; }
    .planHolder.first .planText h2.dataCap { margin-left: 95px; }
    .planHolder .planText h2.dataCap { margin-left: 102px; line-height: 72px; }
    .planHolder .pricePerMonth .price { font-size: 96px;  text-align: right; margin-right: 6px; letter-spacing: -10px; }
    .planHolder .pricePerMonth { width: 106px; margin-top: -20px; }
    .planHolder .pricePerMonth .price sup {
        left: 0;
        top: 40px;
        font-size: 28pt;
    }
    .planHolder .pricePerMonth .priceSubtext {
        margin-top: 6px;
        padding-bottom: 3px;
    }
}
@media only screen and (max-width: 450px) {
    .planHolder .pricePerMonth .priceSubtext {
        margin-top: 18px;
    }
}
@media only screen and (max-width: 450px) and (min-width: 321px ) {
    .main-page .banner h1 {
        font-size: 34pt;
        letter-spacing: -3px;
        line-height: 32pt;
    }
    .june2016BannerText > p {
        font-size: 14px;
        width: 300px;
    }
    .june2016BannerText #caveat {
        width: 260px;
    }
    .plansWrapper .planHolder { margin-bottom: 32px; }
    .planHolder .pricePerMonth { width: 90px; margin-top: -10px; }
    .planHolder .pricePerMonth .price { font-size: 86px;  text-align: right; margin-right: 0; letter-spacing: -10px; line-height: 103px;  }
    .planHolder .pricePerMonth .price sup { font-size: 32px; left: 0; top: 28px;}
    .planHolder .pricePerMonth .priceSubtext {
        margin-top: 18px;
    }
    .planHolder .planText h2.technologyLabel, .planHolder .planText h2.dataCap {
        font-size: 40pt;
        line-height: 40pt;
        margin: 0 0 0 12px;
        padding: 0;
        width: auto;
        display: inline-block;
        letter-spacing: -4px;
    }

    .planHolder .planText h2.dataCap{
        letter-spacing: -6px;
    }
    .planHolder.first .planText h2.dataCap {
        margin-left: 6px;
    }
}

@media only screen and (max-width: 410px) {

    .planHolder .planText h2.technologyLabel, .planHolder .planText h2.dataCap {
       /* font-size: 32px;*/
    }

}


@media only screen and (max-width: 390px ) {
    .main-page .banner h1 {
        font-size: 30pt;
        letter-spacing: -3px;
        line-height: 32pt;
    }
    .main-page .banner {
        height: 720px;
    }
    .june2016BannerText > p {
        font-size: 14px;
        width: 300px;
    }
    .june2016BannerText #caveat {
        width: 260px;
    }
    .planHolder .planText .mobileArrow {
        height: 70px;
        margin-top: 8px;
    }
    .plansWrapper .planHolder { margin-bottom: 12px; }
    .planHolder .pricePerMonth { width: 84px; margin-top: -12px; }
    .planHolder .pricePerMonth .price {
        font-size: 80px;
        text-align: right;
        margin-right: 6px;
        letter-spacing: -10px;
        line-height: 100px;
        margin-bottom: -37px;
    }
    .planHolder .pricePerMonth .price sup {
        font-size: 28px;
        left: -1px;
        top: 31px;
    }
    .planHolder .planText h2.technologyLabel, .planHolder .planText h2.dataCap {
        font-size: 36pt;
        line-height: 36pt;
        margin: 0 0 0 4px;
        padding: 0;
        letter-spacing: -5px;
        width: auto;
        display: inline-block;
    }
    .planHolder.first .planText h2.dataCap {
        margin-left: -2px;
    }
}