/* CSS3 Document */

#pageWrapper .hideFromMobile {
	display: block;
}
.mobileOnly, #header .nav .mobileOnly {
	display: none;
}


.lead-in p {
	font-size: 2em;
}


/***
	Header and Main Navigation
***/

body.home #headerWrapper {

}

#header {
	max-width: 1250px;
	margin: 0 auto;
	padding: 12px 31px;
}

#logoWrapper {
	margin: 5px 0 0 12px;
}
#logo, #logo object, #logo img, #logo .link {
	width: 250px;
	height: 47px;
}

#header .loginBtnWrap {
	display: inline;
	display: inline-block;
	vertical-align: middle;
}

#header .loginBtnWrap .button {
	min-width: 6.6em;
	padding: 7px 14px;
}

#header div.mobileMenuBtn {
	margin: -3px -10px -3px 0;
}
#header a.mobileMenuBtn {
	padding: 24px;
}
.transforms-supported #header a.mobileMenuBtn {
	padding: 34px 24px;
}
.transforms-supported #header a.mobileMenuBtn>img+span,
.transforms-supported #header a.mobileMenuBtn>img+span+span+span,
.transforms-supported .mobileMenuClosing #header a.mobileMenuBtn>img+span,
.transforms-supported .mobileMenuClosing #header a.mobileMenuBtn>img+span+span+span {
	top: 32px;
}

/*
#header a.mobileMenuBtn.mobileMenuOpen:focus {
	outline: 0 none;
}*/

#headNav ul {
	font-size: 2.5em;
	line-height: 1.4;
}
#headNav .nav:first-child {
	margin: 0 0 40px;
}
#headNav li {
	margin: 0 0 .25em;
}
#headNav li a {
	padding: 5px 20px;
}


/***
	Main Content Styles
***/

.button.mobileBlock {
	display: inline-block;
	clear: none;
	width: 9.05em;
	max-width: 100%;
}


.contentWrap .section {
	max-width: 1170px;
	padding: 1px 40px;
	margin: 0 auto;
}
body.home .contentWrap .section {
	padding: 169px 40px 176px;
	padding: 119px 40px 126px;
}
body.home #features .section {
	padding-bottom: 102px;
}
.oneSect.contentWrap .section,
.contentWrap .section .section {
	padding: 0;
	max-width: none;
}
.contentWrap .tabContent .section {
	padding: 20px;
}

.contentWrap {
	float: none;
	clear: both;
	width: auto;
}
.contentWrap.oneSect {
	max-width: none;
	float: left;
	width: 100%;
}
.contentWrap .contentWrap {
	padding: 0;
}

.section>section>h1,
.section>h1,
.section>section>h2,
.section>h2,
.section>section>h3,
.section>h3,
.section .contentWrap {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

.contentWrap .contentWrap.threeCols {
	position: relative;
}

.fourCols .col,
.fiveCols .col,
.threeCols .col,
.twoCols .col {
	float: left;
	width: 33.33%;
}
.twoCols .col {
	margin-bottom: .42em;
}
.threeCols .col {
	margin-left: 2.56%;
	width: 31.6%;
}
.fiveCols .col:first-child,
.threeCols .col:first-child {
	margin-left: 0;
}
.fiveCols .col {
	width: 17.9%;
	margin-left: 2.56%;
}

.fourCols .col,
.section .tablet2x2 .col,
.fourCols .colWrap .col:first-child {
	width: 23.07%;
	margin-left: 2.56%;
	margin-right: 0;
}
.fourCols.oneSect .col {
	margin-left: 1.28%;
	margin-right: 1.28%;
}
.tablet3Cols .col {
	margin-left: 2.13%;
	width: 31.91%;
}
.fourCols .col:first-child,
.fourCols .colWrap:first-child .col:first-child,
.tablet3Cols .col:first-child {
	margin-left: 0;
}
.twoCols .col {
	width: 48.71%;
	margin-left: 1.28%;
}
.twoCols .col:first-child {
	margin-left: 0;
	margin-right: 1.28%;
}
.twoCols .col:first-child+.col+.col {
	margin-left: 0;
	margin-right: 1.28%;
	clear: left;
}

.section .tablet2x2 .colWrap {
	float: none;
	width: auto;
	position: static;
}
.section .tablet2x2 .col {
	padding: 0;
	margin-bottom: 0;
}

@media all and (max-width:820px) {
	body.home .section .tablet2x2 .colWrap {
		float: left;
		position: relative;
		width: 100%;
	}
	body.home .section .tablet2x2 .col {
		display: inline-block;
		margin: 0 2.55% 40px;
		padding-bottom: 0.857em;
		vertical-align: top;
		width: 44.8%;
	}
}


.threeCols .doubleCol {
	width: 65.8%;
}


/***
	Home page
***/

body.home .hero img {
	max-width: 200%;
	height: 100%;
}
body.home .hero .imgWrap {
	padding-top: 840px;
}
body.home .hero img+svg {
	display: block;
	position: absolute;
	bottom: 0;
	min-height: 100%;
	height: 100%;
	min-width: 100%;
	max-width: 200%;
	margin: 0;
	right: 0;
	z-index: 2;
}
@media all and (min-width:1422px) {
	body.home .hero img,
	body.home .hero img+svg {
		height: auto;
		width: 100%;
		max-height: 200%;
	}
}

.hero .captionWrap {
	top: 100px;
	max-width: 1090px;
	padding: 30px 40px;
}
.contentWrap.hero .caption {
	vertical-align: middle;
}
.hero .captionWrap p,
body.home .hero .captionWrap p {
	font-size: 1.6875em;
}
.hero .captionWrap .large,
body.home .hero .captionWrap .large {
	font-size: 4.34em;
}
@media all and (min-width:1386px) {
	.hero .captionWrap p,
	body.home .hero .captionWrap p {
		font-size: 2.25em;
	}
	.hero .captionWrap .large,
	body.home .hero .captionWrap .large {
		font-size: 5.78em;
	}
}

.home .contentWrap.hero .button {
	margin-top: 2.19em;
}

/*
.jsOn .home .headerBar {
	display: none;
}*/
.home .headerBar.fixed {
	position: fixed;
	-webkit-transition: margin-top .5s;
	-moz-transition: margin-top .5s;
	transition: margin-top .5s;
	z-index: 20;
	padding-top: 0;
}
.home .headerBar.aboveTop {
	margin-top: -80px;
}
.home .headerBarInner {
	max-width: 1250px;
	margin: 0 auto;
}
.home .headerBar .nav {
	display: table;
	width: 100%;
}
.home .headerBar .nav li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 19%;
	height: 60px;
}
.home .headerBar li.logo {
	text-align: left;
	width: auto;
	float: none;
}
.home .headerBar li.sign-up {
	text-align: right;
	float: none;
}
.home .headerBar .nav a {
	margin: 0 10px;
	padding: 1em 0;
}
.home .headerBar .logo a {
	padding: 5px 0 0;
}
.home .headerBar li.sign-up .button {
	padding: 8px 12px;
	margin: 0 10px 0 19%;
}
@media all and (min-width:1170px) {
	.home .headerBar li.sign-up .button {
		margin: 0 10px 0 23%;	
	}
}


body.home h2 {
	font-size: 4em;
}
body.home h3 {
	font-size: 2em;
}
body.home h4 {
	font-size: 1.67em;
}


.priceBox .price {
	font-size: 4.89em;
}
@media all and (min-width:1060px) {
	body.home .hostingPlanInfo.fourCols .col {
		width: 20.76%;
		margin-left: 5.65%;

		width: 22.34%;
		margin-left: 3.54%;
	}
	.priceBox .price {
		font-size: 5.39em;
	}
	.priceBox .price .period {
		right: .25em;
		bottom: .25em;
		font-size: .162em;
	}
}
@media all and (min-width:1170px) {
	body.home .hostingPlanInfo.fourCols .col {
		width: 19.61%;
		margin-left: 7.18%;

		width: 21.28%;
		margin-left: 4.95%;
	}
	.priceBox .price {
		font-size: 5.89em;
	}
}
body.home .hostingPlanInfo .colWrap:first-child .col:first-child {
	margin-left: 0;
}
body.home .hostingPlanInfo .priceBox {
	width: auto;
}


body.home .hostingPlanInfo .details {
	margin: .625em 0 0 15px;
}


body.home #specs .lead-in p {
	margin: 0 0 2em;
}
body.home .mainSpecs {
	margin: 0 auto;
	width: 83%;
}
body.home .mainSpecs li {
	margin: 0 0 3.67em;
}
body.home .mainSpecs i.icon {
	width: 8.5em;
	height: 8.5em;
	float: left;
	margin: 0 3.325em .205em 0;
}
body.home .mainSpecs li:nth-child(2n) i.icon {
	float: right;
	margin: 0 0 .205em 3.325em;
}

body.home #specs .threeCols .col:nth-child(3) {
	float: right;
}
body.home #specs .threeCols .col:nth-child(4) {
	margin-left: 0;
}
body.home #specs .buttonWrap {
	padding-top: 1.167em;
}


body.home .featuresWrap .col {
	float: none;
	display: inline-block;
	min-width: 350px;
	width: 20.56em;
	margin: 0 .83em 3.5em;
	margin: 0 .83em 3em;
}

body.home #controlpanel .imgWrap {
	margin: 4.25em auto 4.17em;
}


/***
	Sign up pages
***/

.plansTableWrap {
	font-size: 1em;
	min-width: 32.83em;
}
table.plans th:first-child,
table.plans td.empty:first-child {
	display: table-cell;
}
table.plans tr.checkRow {
	display: table-row;
}
table.plans tbody th {
	width: 26%;
}
.plansTableWrap .colBg {
	width: 6.67em;
}
.plansTableWrap .colBg.col5 {
	margin-right: 0;
}
table.plans thead th .cellInner {
	width: 6.1em;
}
table.plans tbody td .cellInner {
	width: 4.5em;
}
table.plans tbody th .cellInner {
	padding: 1em 0 .5em .45em;
}
table.plans thead th {
	-webkit-background-size: 6.6em 5px;
	-moz-background-size: 6.6em 5px;
	background-size: 6.6em 5px;
}

@media all and (max-width:980px) {
	body.sign-up.step-1 .doubleCol {
		width: 100%;
	}
	table.plans tbody th {
		width: 29.5%;
	}
	table.plans thead th .cellInner {
		width: 5.625em;
	}
	table.plans tbody td .cellInner {
		width: 4.2em;
	}
	table.plans tbody th .cellInner {
		padding: 1em 0 .5em .45em;
	}
}
@media all and (max-width:780px) {
	.plansTableWrap .colBg {
		width: 6.51em;
	}
}


body.sign-up .threeCols .doubleCol {
	position: relative;
	z-index: 99;
}
.orderSummary.col {
	right: 0;
	max-width: 400px;
	width: 34.1%;
	margin-left: 0;
	text-align: right;
}
.orderSummary.col {
	position: absolute;
	margin: 0;
}

.orderSummary.col.affix {
	position: fixed;
	top: 20px;
	width: 35.8%;
}
@media all and (min-width:940px) {
	.orderSummary.col.affix {
		width: 35.5%;	
	}
}
@media all and (min-width:1020px) {
	.orderSummary.col.affix {
		width: 35.3%;	
	}
}
@media all and (min-width:1080px) {
	.orderSummary.col.affix {
		width: 35.2%;	
	}
}
@media all and (max-width:980px) {
	body.sign-up.step-1 .threeCols .doubleCol {
		min-height: 20em;
	}
	body.sign-up.step-1 .orderSummary.col {
		position: static;
		width: 100%;
		max-width: 100%;
		float: none;
	}
	body.sign-up.step-1 div.orderSummary.col .boxInner {
		max-width: 360px;
		margin: 0 auto;
		display: block;
		clear: both;
	}
}


body.sign-up .threeCols .doubleCol {
	min-height: 50em;
}
body.sign-up .threeCols .doubleCol .doubleCol {
	min-height: 1em;
}

div.orderSummary.col .boxInner {
	max-width: 270px;
	margin: 0 0 180px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 900;
	display: inline-block;
}
div.orderSummary.col.affix .boxInner {
	margin: 0 40px 180px 20px;
}

@media screen and (max-height:760px) {
	.orderSummary.col:after {
		content: '\a0';
		display: inline-block;
		width: 1px;
		height: 100%;
		vertical-align: middle;
		margin-left: -.4em;
	}
}
@media all and (min-width:1230px) {
	.orderSummary.col.affix {
		left: 50%;
		right: auto;
		max-width: 625px;
		width: 50%;
	}
	div.orderSummary.col .boxInner {
		margin: 0 0 180px auto;	
	}
	div.orderSummary.col.affix .boxInner {
		margin: 0 40px 180px auto;
	}
}
.orderSummary .tableWrap {
	overflow: auto;
	position: relative;
	margin-right: -20px;
	padding-right: 20px;
	max-height: 15.5em;
}
.orderSummary .tableWrap {
	max-height: -moz-calc(99vh - 12em);
	max-height: -webkit-calc(99vh - 12em);
	max-height: calc(99vh - 12em);
}

.sign-up .billing .selectWrap {
	min-width: 48%;
}
.sign-up .billing .selectWrap select,
.sign-up.step-5 .selectWrap select {
	min-width: 96%;
}
@media all and (min-width:1px) {
	.sign-up .billing .selectWrap select,
	.sign-up.step-5 .selectWrap select {
		min-width: 100%;
	}
}
.addonWrap .button {
	margin: .2em 0;
	min-width: 8.5em;
}

.sign-up.step-5 .field .selectWrap {
	min-width: 99%;
}
.passwordHelp.col {
	float: right;
}
fieldset.creditCard .selectWrap {
	display: inline-block;
}
fieldset.creditCard .month.field {
	width: 38%;
	float: left;
	margin-right: 1.4%;
}
fieldset.creditCard .year.field {
	width: 29.6%;
	float: left;
	padding-top: 1.667em;
}
fieldset.creditCard .cvc.field {
	width: 29.6%;
	float: right;
}


form .helpWrap .tooltip {
	right: -2em;
}
form .helpWrap .tooltip:after {
	right: 2em;
	left: auto;
}
.helpWrap:hover .tooltip,
.helpWrap .help:focus~.tooltip {
	display: block;
	opacity: 1;
	left: auto;
}


body.step-6 .threeCols .doubleCol {
	min-height: 4em;
}

body.step-6 .steps3 .steps li {
	margin-left: 2.56%;
	width: 31.6%;
}
body.step-6 .steps3 .steps li.step1 {
	margin-left: 0;
}
body.step-6 .steps3 li.step1:after,
body.step-6 .steps3 li.step2:after {
	content: '\a0';
	position: absolute;
	width: 8.1%;
	top: 26%;
	height: 48%;
	left: 100%;
	background: #ddd;
}


/***
	Second level pages
***/

body.second-level .section {
	padding-bottom: 1.5em;
}
#mainContent>.contentWrap:last-child {
	padding-bottom: 149px;
}
body.home #mainContent>.contentWrap:last-child {
	padding-bottom: 0;
}
body.second-level #mainContent>.contentWrap:first-child .section {
	padding-top: 6.1em;
}
body.second-level .contentWrap:first-child .tagWrap {
	position: absolute;
	right: -.94%;
	right: -.68%;
	top: -6.1em;
	margin-top: -1px;
}
body.second-level .tagWrap img {
	max-width: 112%;
	width: 112%;
}
body.second-level .lead-in p {
	margin: -0.06em auto 1.08em;
}
body.second-level h1.big+.lead-in p,
body.second-level h2.big+.lead-in p {
	margin: -2.3em auto 1.08em;
}
body.second-level .section h2+p {
	/*margin-bottom: 3.3em;*/
}
body.second-level h2~h2 {
	margin-top: 2em;
} 



.iconLg {
	font-size: 5.55em;
}

.section .contentWrap+.contentWrap {
	margin-top: 2.2em;
}



/***
	Footer
***/

#footer {
	max-width: 1170px;
	margin: 0 auto;
	padding: 85px 40px 82px;
}

#footer .col,
#footer .navCol.col {
	width: 23%;
	margin-top: 0;
	margin-left: 2.56%;
}
#footer .navCol.col {
	width: 14.53%;
}

#footer .fiveCols .col:first-child {
	width: 10.1%;
	margin-left: 6.5%;
}
.fiveCols .col {
	width: 20.2%;
	margin-left: 2.56%;
}
@media all and (max-width:840px) {
	#footer .col:nth-child(2) {
	  width: 20.53%;
	}
}


#subFooter {
	max-width: 1170px;
	padding: 45px 40px;
}

#subFooter .logoWrap object {
	width: 210px;
	height: 39px;
}

.copyright {
	font-size: 0.75em;
}