/* Layout & framework
-------------------------------------------------------------------------------*/
html {position: relative;min-height: 100%;font-size:10px}
body {font-family: 'Montserrat', sans-serif;color: #6d6d6d;overflow-x: hidden;font-size: 14px;margin-bottom:62px;}
.page-container {height: auto !important;height:100%;margin: 0 auto -62px;min-height: 100%;}
@media only screen and (max-width: 991px) {
	.page-container {
	  margin: 0 auto;
	}
}
.page-container .body-container {max-width: 1200px;margin: 0px auto;background-color: transparent;padding:0px 10px;}
.heading {height: 87px;background-color: #4f6372;-webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);}
.heading .logo {background: url("/images/logo.png");background-repeat: no-repeat;cursor: pointer;width: 296px;height: 87px;background-size: 296px 47px;margin-left: 0;
  margin-top: 0;float: left;background-position: center center;
}
footer {color: #fff;position:absolute;bottom:0px;height:62px;width:100%; background-color:#292929;}
footer .subfoot {background-color: #292929;height: 62px;}
.center {text-align: center;}
.center-page {margin: 0px auto;float: none;}
.indent {text-indent: -3000px;}
.nm *,
.nm {margin: 0;}
.np,
div[class*='.col-md-'] .np {padding: 0;}
.clearfix {clear: both;}
.upper {text-transform: uppercase;}
.bold {font-weight: bold;}

label.error{color:#de1414;}
.update-instructions{font-size: 10px!important; font-weight: normal!important; margin-top: -32px!important;}
a, a:hover, a:visited, a:focus{color:#1FBCD9;}
.edit_link{text-decoration: underline!important; font-weight: normal!important;}
.signup.body-content{margin:30px 0px;}
.signup label.sku-box{border:5px solid #cdcdcd;margin:10px auto; width:100%; display:block; background-color:#f2f2f2; color:#a6a6a6; padding:30px 0px;}
.signup .breakdown,
.signup .breakdown span.green{color:#a6a6a6;}
.signup label.sku-box > input {visibility: hidden; position:absolute;}
.signup .sku-name{display:block; font-size:16px; letter-spacing:1px;} 
.signup .sku-price{display:block; font-size:60px; letter-spacing:-1px;}
.signup .reg-price{text-decoration:line-through; color:#ccc; font-weight:normal;}
.signup .reg-price-annually{color:#ccc; font-weight:normal;}
.signup .sku-price sup{font-size:40px;}
.signup .sku-price sub{font-size:18px; position:relative; bottom:0px; }
.signup h1{margin:0px 0px 25px;}
.signup a.feature-link{color:#5f5f5f; text-decoration:underline;}
.signup .show-link,
.signup .hide-link{display:none; padding:5px;}
.signup label.sku-box:hover,
.signup label.sku-box.active{border:5px solid #1fbcd9; cursor:pointer;}
.signup label.sku-box:hover,
.signup label.sku-box.active{color:#5f5f5f;}
.signup label.sku-box:hover,
.signup label.sku-box.active,
.signup label.sku-box:hover .sku-title,
.signup label.sku-box.active .sku-title{background-color:#fff;}
.signup label.sku-box:hover .sku-price,
.signup label.sku-box.active .sku-price{color:#1fbcd9 !important;}
.signup label.sku-box:hover .fa-info-circle,
.signup label.sku-box.active .fa-info-circle{color:#32c5cc;}
.signup label.sku-box.active .breakdown,
.signup label.sku-box:hover .breakdown{color:#5f5f5f;}
.signup label.sku-box.active span.green,
.signup label.sku-box:hover span.green{ color:#4EA514;}
.signup label.sku-box.active .monthly-skus select,
.signup label.sku-box:hover .monthly-skus select{color:#5f5f5f;}

.signup label.sku-box .addon-featured-item {font-weight: bold;}
.signup label.sku-box.active .addon-featured-item,
.signup label.sku-box:hover .addon-featured-item {color: rgb(255, 102, 0); font-weight: bold;}
.signup label.sku-box .addon-item {color: #ccc; font-weight: normal;}

.signup label.sku-box.active .bvalue{background-color:#8dd13c;  color:#fff;font-size:12px;}
.bvalue{position:absolute; top:-25px; left:41%; background-color:#c0d0ae; border:3px solid #fff; border-radius:80px; color:#e8f2db; padding:16px 13px; font-weight:bold; font-size:12px; line-height:12px; text-align:center;}

/*@media only screen and (max-width:767px){
.signup div.col-md-4{padding:0px;}}*/

.signup .sku-features{border-top:1px solid #ccc; margin:0px 20px; padding-top:20px; padding-bottom:20px; min-height:230px;}
.signup .sku-features.partners{min-height:175px;}
.signup .sku-addons{ border-top:1px solid #ccc; margin:0px 20px; padding-top:20px;}
.signup .monthly-skus{}
.signup .monthly-skus select{border:0px; padding:5px 5px; width:90%;margin:0px auto 10px;appearance: none;-webkit-appearance: none;-moz-appearance: none; height:40px; background:url("/images/arrow.png") right center no-repeat #e8e8e8; color:#a6a6a6;}
.signup .sku-title #unl_price_53,
.signup .sku-title #unl_price_54,
.signup .sku-title #xl_price_61,
.signup .sku-title #xl_price_60,
.signup .breakdown #unl_53,
.signup .breakdown #unl_52,
.signup .breakdown #xl_61,
.signup .breakdown #xl_60{display:none;}
.signup .sku-features ul,
.signup .sku-addons ul{list-style:none; margin:0px; padding:0px; text-align:center; font-size:16px;}
@media only screen and (min-width:992px) and (max-width:1199px){
.signup .sku-features{min-height:200px;}
.signup .sku-features ul,
.signup .sku-addons ul,
.signup .monthly-skus select,
.breakdown p{font-size:13px;}
}
.signup .sku-features ul li,
.signup .sku-addons ul li{padding:2px; font-weight:normal;}
.signup .sku-addons ul li:last-child,
.signup .sku-features ul li:last-child{border-bottom:none;}
.signup .sku-addons{ font-size:14px; text-align:center;}
.signup .checkbox,
.signup .checkbox label,
.signup .sku-addons .form-group{margin-bottom:0px; margin-top:0px;}
.signup .sku-addons li.webret{min-height:90px;}
.signup input[type="checkbox"]{width:20px; height:20px; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:-25px;}

.body-content.asterik{padding:70px 0;}

/* promo code */
/*
.code a.btn{
	border: none;
	color: #8d8d8d;
	font-size: 13px;
	padding: 6px 0;
}

.code a.btn[aria-expanded=true]{
	display: none;
}

.code a.btn[aria-expanded=true]:hover, .code a.btn[aria-expanded=true]:active, .code a.btn[aria-expanded=true]:visited{
	text-decoration: none;
}

.promo-code{
	max-width: 360px;
}
.promo-code.valid{
	border: 1px solid #83d18c;
}

.has-code{
	position: relative;
}

.has-code button{
	margin: 1em 0;		
}

.has-code .promo-message{
	background: #fff;
	border-radius: 5px;
	display: block;
	margin-top: 1em;
	max-width: 360px;
	padding: 10px;
	position: relative;
	width: 50%;
}
.has-code .promo-message:before{
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: #fff transparent;
	content: '';
	position: absolute;
	top: -8px;
}
.has-code .promo-message.valid{
	color: #83d18c;
}
.has-code .promo-message.error{
	color: #ec768a;
}
*/
/* end promo code */

.payment_area_box .payment-contact{
	padding: 1.5em 0;
}

#terms-policies .modal{
    top: 1%;
}

@media only screen and (max-width:348px){
	.signup .sku-addons li.webret span{position:relative; top:8px;line-height:none !important;}}
@media only screen and (min-width: 349px) and (max-width:767px){
	.signup .sku-addons li.webret{line-height:55px;}}
@media only screen and (min-width: 768px) and (max-width: 1063px) {
	.signup .sku-addons li.webret span{position:relative; top:15px;line-height:none !important;}}
@media only screen and (min-width:1064px){
	.signup .sku-addons li.webret span{line-height:55px;}}

@media only screen and (min-width: 992px) and (max-width: 1055px) {
	.signup .sku-addons li.nntp{min-height:75px;}}

@media only screen and (max-width:991px){
	.signup .extra-wrap{display:none;}
	.signup .show-link{display:block;}
	.has-code .promo-message{
		width: 100%;
	}
}

@media only screen and (min-width:992px){
	.signup .extra-wrap{display:block !important;}
	.signup .show-link,
	.signup .hide-link{display:none !important;}

	.promo-code{
		width: 50%;
	}
	.has-code .promo-message{
	    left: 52%;
	    margin-top: 0;
	    position: absolute;
		top: 26px;
		width: 48%;
	}	
	.has-code .promo-message:before{
	    border-width: 8px 8px 8px 0px;
	    border-style: solid;
	    border-color: transparent #fff;
	    left: -7px;
	    position: absolute;
	    top: 9px;
	}	
}

/*Best Value*/
.ribbon {position: absolute;right: 12px; top: 5px;z-index: 1;overflow: hidden;width: 140px; height: 110px; text-align: right;}
@media only screen and (max-width:991px){
.ribbon {top: -4px;}}
.ribbon span {font-size: 15px;padding:5px;color: #fff; text-transform: uppercase; text-align: center;font-weight: bold; line-height: 20px;transform: rotate(45deg);width: 145px; display: block;background: #82c730;position: absolute;top: 27px; right: -32px;z-index:200}
.ribbon span::before {content: '';position: absolute; left: 0px; top: 100%;z-index: -1;border-left: 3px solid #446917;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #79A70A;}
.ribbon span::after {content: '';position: absolute; right: 0%; top: 100%;z-index: -1;border-right: 3px solid #446917;border-left: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #79A70A;}
.green span {background: #82c730;}
.green span::before {border-left-color: #446917; border-top-color: #446917;}
.green span::after {border-right-color: #446917; border-top-color: #446917;}


.email.body-content{margin:30px 0px;}
.email .body-container{padding:0px 25px;}
.email_box h2{margin:40px 0px 20px;}
@media only screen and (max-width:768px){
	h1{font-size:30px;}
	.email_box h2, h2{font-size:25px;}
}
.email_box{background-color:#eeeeee; border:5px solid #d2d2d2;position:relative; padding:0px 15px;}
.email_box p{font-size:11px; color:#b6b6b5;}
.email .email-field,
#password{padding: 10px;font-size: 20px;height: 50px;}
#toggle-password{
	opacity: 0;
	position: absolute;
	z-index: -1;
}
.input-group-addon{
	padding: 0;
}
label[for=toggle-password]{
	cursor: pointer;
	display: block;
    font-size: 16px;
    line-height: 1;
    padding: 16px 12px;
	margin: 0 auto;
}

.numbering{position:absolute; top:-40px; left:47%; background-color:#32c5cc; border:3px solid #fff; border-radius:80px; color:#fff; padding:5px 18px; font-weight:bold; font-size:30px;}

#terms-policies .modal-body{
    overflow-y: scroll;
    max-height: 500px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.bvalue{left:46%}}
@media only screen and (min-width: 525px) and (max-width: 767px) {
	.bvalue{left:47%}
	.numbering{left:47%;}}
	
@media only screen and (max-width:524px){
	.bvalue{left:41%}
	.numbering{left:41%;}}
	
.payment_area.body-content{margin:30px 0px;}
.payment_area .body-container{padding:0px 25px 0px; margin-top:50px; margin-bottom:50px;}
.payment_area h2{margin:40px 0px 20px;}
.payment_area_box{background-color:#eeeeee; border:5px solid #d2d2d2;position:relative; }
.payment_area .panel-default{border-color:transparent; background-color:transparent; border:none; box-shadow:none; margin-bottom: 20px;}
.payment_area .panel-group .panel-heading + .panel-collapse .panel-body{border-top:none;}
.payment_area .panel-heading{cursor:pointer;}
.payment_area .panel-default > .panel-heading{background-color:transparent;border-top:1px solid #ccc; border-radius:0px; padding:0px;}
.payment_area .panel-default > .panel-heading:hover{background-color:#fff;}

.payment_area .panel-default.rpm .panel-heading .indicator{display: none;}
.payment_area .panel-default.rpm > .panel-heading:hover{background: transparent;}

.panel-group .panel + .panel {margin-top: 0px;}
.payment_area a.panel-title{font-size:18px;}
.payment_area .panel-title img{margin-left:10px;}
.payment_area input[type="radio"]{width:20px; height:20px;}
.payment_area a.panel-title ,
.payment_area a.panel-title:hover{color:#444445; display:block; text-decoration:none;}
.payment_area .panel-title label{margin-bottom:0px;cursor:pointer; display:block; padding:20px 15px 20px; }
.payment_area a.panel-title .fa{width:20px; color:#6d6d6d;}
.payment_area .panel-body{padding-top:1px;}
.payment_area label .fa-question-circle{color:#32c5cc;}
.payment_area h3{color:#989898; text-transform:uppercase; letter-spacing:1px; font-size:16px; font-weight:bold; margin-bottom:10px;}
.payment_area .summary{margin: 2em 0;}
.payment_area .details{padding: 0;}
.payment_area .details p{font-weight:bold; font-size:15px;}
.payment_area .details p span.plan,
.payment_area .details p span.plan-options,
.payment_area .details p span.plan-trial{font-weight:normal;}

.payment_area .details .prices{
	background: #e1dfdf;
    padding: 15px;
}

.payment_area .details .savings-total.full{
	color: #32bc89;
	float: left;
	font-size: 1.1em;
	font-weight: 660;
	margin: .5em 0;
	width: 100%;
}

.payment_area .details .total{
	font-size:18px;
	font-weight: 600;
}

.payment_area .details .summary-total .total{
	color:#1fbcd9;
}
.payment_area .details .total.final{
	border-top: 1px solid #d2d2d2;
    clear: both;
	color:#6d6d6d;
	font-size:15px; 
	font-weight: 600;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
}
.payment_area .details .recurred-billing-total,
.payment_area .details .total.final .billed-frequency{
  font-size: 12px;
  font-weight: normal;
  margin-top: -0.75em;
}
.payment_area .details .total.final .billing-note {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.payment_area .details .recurred-billing-total {
  width: 50%;
  text-align: right;
}
.payment_area .details .total.final .billing-frequency{
  text-align: right;
  color: #adadad;
  font-weight: normal;
  font-size: 12px;
  display: none;
  margin-top: -0.75em;
}
.payment_area .details .total.final .billing-frequency.visible{
  display: block;
}
.payment_area .details .total .recurred-billing-total .price,
.payment_area .details .total .recurred-billing-total .renew-price{
  font-size:inherit;
}
.payment_area .details .total.final .amount {
    font-size: .9em;
    font-weight: 400;
    float: right;
    color: inherit;
}
.payment_area .totals .amount-billing-note .parenthesis-totals {
	margin-bottom: 10px;
}
.payment_area .details .final .amount.total{
	color: #6d6d6d;
	font-size: 15px;
	font-weight: 600;
}
.payment_area .details .final .tax-text {
	font-size: initial;
}
.payment_area .details .total.final .estimated-monthly,
.payment_area .details .total.final .tax-text {
	margin-left: 5px;
	font-size: initial;
}
.payment_area .details .regular-price{
	color: #989898;
	font-size: 15px;
	font-weight: bold;
}
.payment_area .details .regular-price .full-price,
.payment_area .details .regular-price .full-price-combined
{
	text-decoration: line-through;
}
.payment_area .details .name{
	text-align: left;
	white-space: nowrap;
}
.payment_area .details .amount{
	text-align: right;
}
.payment_area .details .monthly{
	text-align: right;
}
.payment_area .details .monthly.amount-monthly p {
	margin-bottom: 15px;
	line-height: 1;
	display:flex;
	justify-content: flex-end;
	align-items: baseline;
}
.payment_area .totals .amount .price, .payment_area .total .currency {
	display: flex;
}
.payment_area .totals .amount .parenthesis-totals {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	line-height: 1;
}
.savings-message{
	background: #81d198;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	float: right;
	font-size: 15px;
	margin: 5px 0;
	padding: 5px 10px;
	position: relative;
}
.payment_area .signup-cta{
	background: #ff7100; 
	border:0px;
	clear: both;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:10px 40px;
	font-size:18px;
	margin: 10px 0px;
}

.payment_area .signup-cta:hover{opacity:0.7;}

.payment_area .details .terms{
	font-size: .75em;
	font-weight: 400;
	text-align: center;
	/*padding: 1em 0;*/
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.payment_area .details p.mbg-status {
	font-size: 12px;
	text-align: right;
	font-weight: normal;
}
@media screen and (max-width: 425px){
	.payment_area .details .name,
	.payment_area .details .amount,
	.payment_area .details .final .amount,
	.payment_area .details .monthly{
		display: inline;
		float: none;
		padding: 0;
	}
	.payment_area .details .monthly.amount-monthly p,
	.payment_area .details .total.final .billing-note,
	.payment_area .details .total.final .billing-frequency,
	.payment_area .details p.mbg-status {
		justify-content: center;
		text-align: center;
		flex-wrap: wrap;
	}
	.payment_area .details .total.final .billing-note .recurred-billing-total,
	.payment_area .billing-note .mbg-status {
		width: 100%;
		text-align: center;
	}
	.payment_area .totals .amount .parenthesis-totals,
	.payment_area .totals .amount .parenthesis-totals * {
		display: inline;
	}
	.payment_area .details .total.final .amount {
		float:none;
		display: inline;
	}
	.payment_area .details .final .amount{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.payment_area .signup-cta{
		float: none;
	}

	.savings-message{
		float: none;
		margin: .5em auto;
	}
}

@media screen and (min-width: 992px){
	.payment_area .panel-body .summary .details {
		min-height: 252px;
	}
}
/* tax-data */
.pre-tax-data {
  width:100%;
  float:left;
  margin:10px 0;
}
.payment_area .details .total.final .monthly.tax-total {
  font-size:18px;
  font-weight: 400;
  float: right;
}
.payment_area .details .total.final .tax-total .monthly {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
}
.monthly.tax-total .billing-note {
  padding:0
}

.tax-data {
  width:100%;
  display:none;
  float:left;
  margin:10px 0;
}

.coupon .tax-data, .promo .tax-data, .coupon .pre-tax-data, .promo .pre-tax-data {
  font-family:"Roboto Slab", san-serif;
  color:#adadad;
}

.coupon .tax-data .select-box, .promo .tax-data .select-box {
  width:45%
}

.coupon .tax-data .select-box:after,
.promo .tax-data .select-box:after {
  top:55px
}

.tax-data.visible {
  display:block
}

.tax-country select {
  margin:10px 0
}

.tax-data label {
  font-weight:inherit
}

.tax-data__change {
  color:#1FBCD9;
  text-decoration:underline;
}

@media screen and (max-width:768px) {
	.tax-data .tax-country .select-box {
		width:100%
	}

}
@media screen and (max-width:425px) {
	.coupon .tax-data .select-box:after,
	.promo .tax-data .select-box:after {
		right:15px;
	}
}

/* thank you page / welcome */

.light-blue{
    color: #1cbbd8;
}

.welcome .hero{
	background-color: #1cbad7;
    background-size: cover;
    padding: 2.75em 0;
	min-height: 150px;
}
.welcome .hero .hero-box{
	height: 81px;
	background-image: url('/images/balloon.png');
	background-repeat: no-repeat;
	background-position: left 158px top;
}
.welcome h1{
	color: #fff;
	font-size: 2.75em;
	font-weight: bold;
	margin: 0;
    text-transform: uppercase;
}
.welcome .hero p{
	color: #fff;
	font-size: 1.5em;
}
.welcome h2{border-bottom:none; color: #444545; font-size: 2em; font-weight: 800; margin:30px 0 10px; padding: 0; text-align: center; text-transform: uppercase;}

.welcome .settings{background: #f3fafc;}
.welcome .settings h2{padding: 20px 10px;}
.welcome .account{background-color:#fff; font-size: 15px; margin:30px auto 50px;}
.welcome .account p{line-height: 40px; margin: 1em 0;}
.welcome .account span{font-size: 2em; position: relative; width: 40px;}
.welcome .account .head{padding: 0 15px 0 25px;}
.welcome .account .head p{color: #1cbbd8;}
.welcome .account .head .fa.fa-server{font-size: 1.5em;}
.welcome .account .head .port:after{
    background: #fff;
	content: 'www';
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    left: -2px;
    line-height: 12px;
    position: absolute;
    top: 10px;
}
.welcome .account .row{border-bottom: 1px solid #dae1e2;}
.welcome .newsreader-section{
	margin-top: -30px;
}
.welcome .download h3, .welcome .newsreader-section h3{
	font-family: 'Arvo', 'Montserrat', Arial, sans-serif;
	font-size: 1.25em;
	text-align: center;
}
.welcome .newsreader-section .newsreader-instructions{
	margin-top: -10px;
}
.welcome .cnonce{
	display: none;
}
.welcome .dropdown button{
	width: 100%;
	background-color: #f3fafc;
	border: none;
	border-bottom: 2px #dae1e2 solid;
	text-align: left;
	color: #6d6d6d;
	font-size: 17px;
	padding: 16px;
	font-weight: bold;
}
.welcome .dropdown .btn .caret{
	float: right;
	margin-top: 8px;
	color: #1cbbd8;
}
.welcome .btn-default.active.focus, .welcome .btn-default.active:focus, .welcome .btn-default.active:hover, .welcome .btn-default:active.focus, .welcome .btn-default:active:focus, .welcome .btn-default:active:hover, .welcome .open>.dropdown-toggle.btn-default.focus, .welcome .open>.dropdown-toggle.btn-default:focus, .welcome .open>.dropdown-toggle.btn-default:hover{
	background-color: #f3fafc;
	border: none;
	border-bottom: 2px #dae1e2 solid;
}
.welcome .open>.dropdown-menu{
	background-color: #f3fafc;
	width: 100%;
}
.welcome .dropdown li:hover{
	background-color: #1cbbd8;
	color: #fff;
	cursor: pointer;
}
.welcome .newsreader-instructions{
	text-decoration: underline;
	color: #1cbbd8;
	display: none;;
}
.welcome .dropdown li{
	padding: 10px;
	font-weight: bold;
	color: #6d6d6d;
}
.welcome .browser_dl {
    border-right: 1px solid #eee;
}
.welcome .browser_dl:last-child{
	border: none;
}
@media only screen and (max-width:767px) {
	.welcome .browser_dl:last-child{width: 100%;}
}
.welcome .browser_dl a{display: block; padding: 10px 0;}
//.welcome .browser_dl img{width: 89px;}
.welcome .browser_dl .signup-cta{
	border:0px;
	color:#444545;
	letter-spacing:1px;
	padding:10px 40px 0;
	font-size:18px;
	font-weight: bold;
	margin:10px 0px 0px;
	white-space:nowrap;
}
.os-container{
	margin: 0 auto;
}
.os-box{
	background-color: #f7f7f7;
	width: 160px;
	height: 160px;
	border: 1px solid #dfdfdf;
	padding: 35px;
	color: #444545;
	font-size: 15px;
	font-weight: bold;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	margin: 20px;
}
.os-box img{
	margin: 0 auto;
	margin-bottom: 18px;
}
.welcome .browser_dl a:active, .welcome .browser_dl a:hover{opacity: 0.8; text-decoration: none;}

.welcome .vpn{background: #f3fafc; border-bottom: 3px solid #d6e5e9; border-top: 3px solid #d6e5e9; padding: 20px 0 40px; text-align: center;}
.welcome .vpn .divide{border-right: 1px solid #cedee3; margin-right: 10px; padding-right: 10px;}

.welcome .instructions{margin-top: 20px;}
.welcome .instructions h2{margin: 50px 0;}
.welcome .instructions .navigation{background: #dcdcdc;}
.welcome .instructions .body-container{padding: 0;}
.welcome .instructions .nav-container{display: flex;}
.welcome .instructions .nav-container li{flex-grow: 1;}
.welcome .instructions .nav-tabs{border-bottom: 0;}
.welcome .instructions .nav-tabs>li{margin-bottom: 0; padding: 0;}
.welcome .instructions .nav-tabs>li:last-child>a{margin: 0;}
.welcome .instructions .nav-tabs>li>a{background: #fff; border: 0; border-radius: 0; color: #fff; margin-right: 0; padding: 1.5em 15px; text-transform: uppercase; font-weight: bold;}
.welcome .instructions .nav-tabs>li>a[data-content=installCont]{background: #384e5d; border-bottom: 3px #384e5d solid;}
.welcome .instructions .nav-tabs>li>a[data-content=loginCont]{background: #384e5d; border-bottom: 3px #384e5d solid;}
.welcome .instructions .nav-tabs>li>a[data-content=searchCont]{background: #384e5d; border-bottom: 3px #384e5d solid;}
.welcome .instructions .nav-tabs>li>a[data-content=downloadCont]{background: #384e5d; border-bottom: 3px #384e5d solid;}
.welcome .instructions .nav-tabs>li>a[data-content=vpnCont]{background: #384e5d; border-bottom: 3px #384e5d solid;}
.welcome .instructions .nav-tabs>li>a:hover{background: #fff; color: #1cbbd8; border-bottom: 3px solid #fff;}
.welcome .instructions .nav-tabs li a span{background: #fff; border-radius: 20px; color: #636464; margin-right: 5px; padding: 5px 10px;}
.welcome .instructions .nav-tabs li:first-child span{padding: 5px 12px;}
.welcome .instructions .nav-tabs li a[data-content=installCont] span{color: #384e5d;}
.welcome .instructions .nav-tabs li a[data-content=loginCont] span{color: #384e5d;}
.welcome .instructions .nav-tabs li a[data-content=searchCont] span{color: #384e5d;}
.welcome .instructions .nav-tabs li a[data-content=downloadCont] span{color: #384e5d;}
.welcome .instructions .nav-tabs li a[data-content=vpnCont] span{color: #384e5d;}
.welcome .instructions .nav-tabs li a.active{background: #fff; color: #1cbbd8;}
.welcome .instructions .nav-tabs li a.active span{background: #1cbbd8; color: #fff;}
.welcome .instructions .nav-tabs li>a.active{border-top: 3px solid #1cbbd8; border-bottom: none;}
//border-top: 2px solid #1cbbd8;
.welcome .instructions .nav-tabs li a[data-content=installCont]:hover span{background: #1cbbd8; color: #fff;}
.welcome .instructions .nav-tabs li a[data-content=loginCont]:hover span{background: #1cbbd8; color: #fff;}
.welcome .instructions .nav-tabs li a[data-content=searchCont]:hover span{background: #1cbbd8; color: #fff;}
.welcome .instructions .nav-tabs li a[data-content=downloadCont]:hover span{background: #1cbbd8; color: #fff;}
.welcome .instructions .nav-tabs li a[data-content=vpnCont]:hover span{background: #1cbbd8; color: #fff;}

.welcome .instructions .nav-tabs>li>a:hover>span{background: #1cbbd8; color: #fff;}
.welcome .instructions .content-box{background: #dcdcdc;}
.welcome .instructions .content{background: #f5f5f5; font-family: 'Arvo', 'Montserrat', Arial, sans-serif; padding: 20px 10%; line-height: 1.85em; min-height: 700px; width: 100%;}
.welcome .instructions .content, .welcome .instructions .subcontent{display: none;}
.welcome .instructions .content.active, .welcome .instructions .subcontent.active{display: block;}
.welcome .instructions .content h2{font-family: 'Montserrat', Arial, sans-serif; margin: 25px 0;}
.welcome .instructions .content p{font-size: 1.125em; margin: 0 0 30px;}
.welcome .instructions .content ul{list-style: none; text-align: left; margin: 0 auto 30px; width: 300px;}
.welcome .instructions #vpnCont{color: #444545;}
.welcome .instructions #vpnCont h4{font-family: 'Montserrat', Arial, sans-serif; font-size: 1.35em; font-weight: 600;}
.welcome .instructions #vpnCont ul{width: 50%; font-size: 18px; margin-bottom: 0; padding-left: 0; padding-right: 0;}
.welcome .instructions #vpnCont ul li{margin-bottom: 25px;}
.welcome .instructions #vpnCont ul li:before{background: #444545; border-radius: 10px; height: 5px; width: 5px; left: -15px; top: 10px;}
.welcome .instructions .content ul li{position: relative;}
.welcome .instructions .content ul li svg{display: inline-block; margin-right: 1em; vertical-align: middle; width: 35px;}
.welcome .instructions .content ul li path {fill: #4e55c2;}
.content ul li:before {
    background: #1cbbd8;
    border-radius: 20px;
    content: '';
    height: 10px;
    left: -20px;
    top: 7px;
    position: absolute;
	width: 10px;
}

.welcome .instructions .subcontent img.thumb{margin-right: 10px; width: 50px;}

.welcome .note{color: #b1b1b1; font-size: .9em; font-weight: 100;}
.welcome a.note, .welcome a.note:active, .welcome a.note:focus{border-bottom: 1px dotted #b1b1b1; text-decoration: none;}
.welcome a.note:hover{border-color: #1cbbd8; color:#1cbbd8; cursor: pointer;}
.welcome #vpnCont{background-color: #fff; padding: 20px 0; /*margin-bottom: -40px;*/}
.welcome .why-vpn{
	background-color: #f5f5f5;
	clear: both;
	float: left;
	font-family: 'Montserrat', Arial, sans-serif;
	min-height: 285px;
	margin-top: 35px;
	padding-bottom: 25px;
	padding-top: 25px;
	width: 100%;
}

.welcome .why-vpn .features {margin-left: 21%; margin-top: .5em; width: 60%;}
.welcome .why-vpn ul li:before {display:none;}
/*
.welcome .resend{display:flex; width: 90%;}
.welcome .resend .email-field{
	background: #f3fafc;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 16px;
	height: 3em;
	padding: 1em;
}
.welcome .resend .resend-cta{
	background: #1cbad7;
	border: 0;
	color: #fff;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 16px;
	padding-left: 2em;
	padding-right: 2em;
}
*/
.welcome .account p{
  font-weight: bold;
}

@media only screen and (max-width: 1160px) {
	.welcome h1{
		font-size:2.5em;
		padding-top: 10px;
	}
	.welcome .hero p{
		font-size: 1.2em;
	}
}
@media (min-width: 992px) and (max-width: 1160px) {
	.welcome .instructions #vpnCont ul li {
		font-size: .8em;
	}
}
@media only screen and (max-width: 1052px) {
	.welcome h1{
      font-size: 1.75em;
	  padding-top: 16px;
	}
	.welcome .hero p{
		font-size: 1.0em;
	}
}
@media only screen and (max-width:991px) {
	.welcome .browser_dl .signup-cta{
		padding:10px 20px;
	}
	.payment_area .details{text-align: center;}
	.welcome .why-vpn .features{
		margin-left: 0;
		width: 100%;
	}
	.welcome .instructions #vpnCont ul {
		margin: 0 auto;
		width: 320px;
	}
	.welcome .instructions #vpnCont ul li {
	  margin-bottom: 18px;
	}
	
}
@media only screen and (max-width: 948px) {
	.welcome h1{padding-top: 0px;}
	.welcome .hero .hero-box{
		padding-top: 100px;
		height: 130px;
		background-position: left 50% top 0px;
	}
}
@media only screen and (max-width:524px) {
	.signup-cta{
		padding:10px 20px;
	}
}
@media only screen and (max-width: 700px) {
	.welcome .settings .row{margin: 0;}
}
@media only screen and (max-width: 767px) {
	.welcome .account .right,
	.welcome .account{text-align:center;}
	.welcome .account .head{padding: 0 15px;}
	.welcome .account .head .port:after{left: 5px;}
	.welcome .browser_dl{border: none;}
}
@media only screen and (max-width: 631px) {
  .welcome .instructions .nav-container {
    flex-flow: row wrap;
  }
  .welcome .instructions .nav-tabs>li>a:last-child{
    box-shadow: 0 9px 4px -6px #aaa;
    webkit-box-shadow: 0 9px 4px -6px #aaa;
    -moz-box-shadow: 0 9px 4px -6px #aaa;;
  }
  .welcome .instructions .nav-tabs>li {
	  width: 100%;
  }
  .welcome .instructions .nav-tabs li a span {
	  float: left;
  }
  .welcome .instructions .nav-tabs li a span{
    margin-top: -5px;
  }
}
@media only screen and (max-width: 569px) {
	.welcome .instructions #vpnCont ul li{
		font-size: 15px;
	}
}
@media only screen and (max-width: 458px) {
  .welcome .hero .hero-box{
    height: 190px;
  }
  .welcome .why-vpn{
	  height: 460px;
  }
}
span.red{ font-weight:bold; color:#c61212;}
span.green{ font-weight:bold; color:#4ea514;}
.welcome img{max-width:100%;}
.welcome .body-container{}
.welcome .top-margin{margin-top:30px;}

/*SPACING
-------------------------------------------------------------------------------*/
/*Very Low Width: < 767 */
@media only screen and (max-width: 375px) {
	.payment_area .panel-title img{
		max-width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.pad {padding-top: 4px;padding-bottom: 4px;}
	.tpad {padding-top: 4px;}
	.bpad {padding-bottom: 4px;}
	.spad {padding-left: 4px;padding-right: 4px;}
	.padx {padding-top: 8px;padding-bottom: 8px;}
	.padxx {padding-top: 12px;padding-bottom: 12px;}
	.padxxx {padding-top: 16px;padding-bottom: 16px;}
	.tpadx {padding-top: 8px;}
	.tpadxx {padding-top: 12px;}
	.tpadxxx {padding-top: 16px;}
	.bpadx {padding-bottom: 8px;}
	.bpadxx {padding-bottom: 12px;}
	.spadx {padding-left: 8px;padding-right: 8px;}
	.spadxx {padding-left: 12px;padding-right: 12px;}
	.spadxxx {padding-left: 16px;padding-right: 16px;}
	.spad-neg {margin-left: -4px;}
	.spadx-neg {margin-left: -8px;}
	.tpad-neg {margin-top: -4px;}
	.tpadx-neg {margin-top: -8px;}
}
/*Lower Width: between 768 and 991*/
@media only screen and (min-width: 768px) and (max-width: 991px) {.pad {padding-top: 5px;padding-bottom: 5px;}
	.tpad {padding-top: 5px;}
	.bpad {padding-bottom: 5px;}
	.spad {padding-left: 5px;padding-right: 5px;}
	.padx {padding-top: 10px;padding-bottom: 10px;}
	.padxx {padding-top: 15px;padding-bottom: 15px;}
	.padxxx {padding-top: 20px;padding-bottom: 20px;}
	.tpadx {padding-top: 10px;}
	.tpadxx {padding-top: 15px;}
	.tpadxxx {padding-top: 20px;}
	.bpadx {padding-bottom: 10px;}
	.bpadxx {padding-bottom: 15px;}
	.spadx {padding-left: 10px;padding-right: 10px;}
	.spadxx {padding-left: 15px;padding-right: 15px;}
	.spadxxx {padding-left: 20px;padding-right: 20px;}
	.spad-neg {margin-left: -5px;}
	.spadx-neg {margin-left: -10px;}
	.tpad-neg {margin-top: -5px;}
	.tpadx-neg {margin-top: -10px;}
}
/*Lower Width: between 992 and 1199*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {.pad {padding-top: 6px;padding-bottom: 6px;}
	.tpad {padding-top: 6px;}
	.bpad {padding-bottom: 6px;}
	.spad {padding-left: 6px;padding-right: 6px;}
	.padx {padding-top: 12px;padding-bottom: 12px;}
	.padxx {padding-top: 18px;padding-bottom: 18px;}
	.padxxx {padding-top: 24px;padding-bottom: 24px;}
	.tpadx {padding-top: 12px;}
	.tpadxx {padding-top: 18px;}
	.tpadxxx {padding-top: 24px;}
	.bpadx {padding-bottom: 12px;}
	.bpadxx {padding-bottom: 18px;}
	.spadx {padding-left: 12px;padding-right: 12px;}
	.spadxx {padding-left: 18px;padding-right: 18px;}
	.spadxxx {padding-left: 24px;padding-right: 24px;}
	.spad-neg {margin-left: -6px;}
	.spadx-neg {margin-left: -12px;}
	.tpad-neg {margin-top: -6px;}
	.tpadx-neg {margin-top: -12px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {.pad {padding-top: 8px;padding-bottom: 8px;}
	.tpad {padding-top: 8px;}
	.bpad {padding-bottom: 8px;}
	.spad {padding-left: 8px;padding-right: 8px;}
	.padx {padding-top: 16px;padding-bottom: 16px;}
	.padxx {padding-top: 24px;padding-bottom: 24px;}
	.padxxx {padding-top: 32px;padding-bottom: 32px;}
	.tpadx {padding-top: 16px;}
	.tpadxx {padding-top: 24px;}
	.tpadxxx {padding-top: 32px;}
	.bpadx {padding-bottom: 16px;}
	.bpadxx {padding-bottom: 24px;}
	.spadx {padding-left: 16px;padding-right: 16px;}
	.spadxx {padding-left: 24px;padding-right: 24px;}
	.spadxxx {padding-left: 32px;padding-right: 32px;}
	.spad-neg {margin-left: -8px;}
	.spadx-neg {margin-left: -16px;}
	.tpad-neg {margin-top: -8px;}
	.tpadx-neg {margin-top: -16px;}
}
/*Hi Width > 1500*/
@media only screen and (min-width: 1500px) {.pad {padding-top: 10px;padding-bottom: 10px;}
	.tpad {padding-top: 10px;}
	.bpad {padding-bottom: 10px;}
	.spad {padding-left: 10px;padding-right: 10px;}
	.padx {padding-top: 20px;padding-bottom: 20px;}
	.padxx {padding-top: 30px;padding-bottom: 30px;}
	.padxxx {padding-top: 40px;padding-bottom: 40px;}
	.tpadx {padding-top: 20px;}
	.tpadxx {padding-top: 30px;}
	.tpadxxx {padding-top: 40px;}
	.bpadx {padding-bottom: 20px;}
	.bpadxx {padding-bottom: 30px;}
	.spadx {padding-left: 20px;padding-right: 20px;}
	.spadxx {padding-left: 30px;padding-right: 30px;}
	.spadxxx {padding-left: 40px;padding-right: 40px;}
	.spad-neg {margin-left: -10px;}
	.spadx-neg {margin-left: -20px;}
	.tpad-neg {margin-top: -10px;}
	.tpadx-neg {margin-top: -20px;}
}

#submitDiv{
	display:none;
	z-index: 999;
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-color: black;
	opacity: .6;
}

span.error_text{
  color:#AA0000;
  font-weight:bold;
}
.alert{
  border: 2px solid red;
  background-color: #FFCCDD;
  opacity: .6;
  margin-top: 30px;
}
.alert span.message_text{
  color: #AA0000;
}
span.error_text a,
.alert span.message_text a{
  color: #AA0000;
  text-decoration: underline
}
.page-container .message.success{
	background: #fff;
	border: 2px solid #51a25a;
	color: #51a25a;
	display: block;
	font-size: 1.25em;
	margin-top: 60px;
	padding: 20px;
	width: 70%;
	max-width: 950px;
}

#hero{background:url(../images/hero.jpg) no-repeat top #201516;background-size:cover;margin:0;color:#fff}#hero h1{background:-webkit-linear-gradient(#fefff7,#eafb5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#hero .counter span,#hero h1{font-size:48px;font-weight:700}#hero .counter span{text-shadow:2px 2px #000;border-radius:5px;height:92px;width:92px;padding-top:13px;margin:0 4px;display:inline-block;background:#71d5e8;background:linear-gradient(180deg,#71d5e8 1%,#1a7080 50%,#174b55 51%,#38808e);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#71d5e8',endColorstr='#38808e',GradientType=0)}#hero p{font-size:24px;font-weight:400;background:-webkit-linear-gradient(#fefff7,#eafb5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#skuselector .skubox{border:7px solid #1fbcd9;padding:28px;width:auto;max-width:420px;margin:0 auto}#skuselector .skubox .skubox_head{border-bottom:1px solid #ccc}#skuselector .skubox .skubox_head p{font-size:16px;color:#5f5f5f;text-transform:uppercase}#skuselector .skubox .skubox_head h2{font-size:60px;font-weight:700;color:#1fbcd9;margin:15px 0 20px}#skuselector .skubox .skubox_head h2 sup{font-size:40px}#skuselector .skubox .skubox_head h2 small{font-size:18px;color:#1fbcd9}#skuselector .skubox ul{list-style:none;margin:25px 0;padding:0}#skuselector .skubox ul li{padding-bottom:5px}#skuselector .skubox .skubox_footer{border-top:1px solid #ccc}#skuselector .skubox .skubox_footer p{margin:28px 0 0}#skuselector .skubox+p{font-size:14px;color:#cdcdcd;margin-top:15px}@media only screen and (max-width:500px){#hero .counter span{font-size:38px;height:60px;width:55px;padding-top:3px;margin:0 1px}}

#submitOverlayDiv{ z-index: 999; width:100%; height: 100%; top: 0; left: 0; position: absolute; background-color: black; opacity: .6;}

.powerpack-addon b{
	font-size: 14px;
	color: #f99b1c;
}

#privacypolicy-error{
  font-size: 0.75em;
  margin-top: -18px;
  text-align:center;
}
ol.parenthesises {
  counter-reset: list;
}
ol.parenthesises > li {
  list-style: none;
}
ol.parenthesises > li:before {
  content: "(" counter(list, lower-alpha) ") ";
  font-weight: bold;
  counter-increment: list;
}

/* Bootstrap Update bug fix */
[class^="col-"],
[class*=" col-"] {
	position: relative;
}
label {
	font-weight: 700;
}
.input-group-text {
	padding: 0;
}
.form-group {
	padding-bottom: 15px;
}
.hidden {
	display: none !important;
}
.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 20px;
}
.form-control {
	appearance: auto;
	height: 34px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
}
.payment_area .details .total.final .billing-note {
	margin-left: auto;
}
.panel-body {
	padding: 15px;
}
.signup.body-content {
	padding-bottom: 30px;
}
.h2, h2 {
	font-size: 30px;
}
.tooltip-inner {
	background-color: #fff;
	color: #000;
	font-size: 14px;
	padding: 8px 12px;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tooltip .tooltip-arrow::before {
	border-top-color: #fff !important;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
a {
	text-decoration: none;
}

.popover {
	font-size: 14px;
}
.popover-header {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
	color: #6d6d6d;
}
.popover-body {
	color: #6d6d6d;
	padding: 9px 14px;
}
.dropdown-menu {
	width: 100%;
	font-size: 1.6rem;
}
.welcome .instructions .nav-tabs>li a {
	display: block;
	width: 100%;
}
.hide { display: none !important; }