/******************************************************************
Theme Name: Darkspire Hosting
Description: A Genesis child theme for Darkspire Hosting
Author: Darkspire Media
Author URI: http://Darkspire.Media
Version: 1.0
Tags: html, css3, responsive, hb5
Template: genesis

Colors
Red - #d02b32
Black - #121212
White - #ffffff
Green - #00cc00;
*/

*{outline:0;}

html{margin:0;padding:0;}

body{
	margin:0;
	padding:0;
	background-color:#121212;
	background-repeat: no-repeat;
	background-position:center top;
	background-size:100% auto;
	background-attachment:fixed;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:300;
	color:#ffffff;
}

body.os-ios{
	background-position:scroll;
}

img{border:none;}

ul{padding-left:20px;}

p a{
	color:#d02c32;
	text-decoration:none;
}

p a:hover{
	text-decoration:underline;
}

.clear{clear:both; display:block;}

.table{display:table; width:100%; height:100%;}
.table .table-cell{display:table-cell; width:100%; vertical-align: middle;}

.wrap{
	width:1170px;
	margin:0 auto;
	position: relative;
}

@media(max-width:1169px){
	.wrap{
		width:auto;
		padding:0 2%;
	}
}

.title{
	margin:0 0 20px;
	font-weight:300;
}

.black{color: #121212;}

.white{color: #ffffff;}

.red{color:#d02b32;}

.green{color:#00cc00;}

/* SIMPLEMODAL LOGIN */

body #simplemodal-login-overlay{
	background-color:rgba(0,0,0,0.8);
}

body #simplemodal-login-container form{
	background: #2d2e2f;
	border: none;
	padding:0;
	-moz-box-shadow: #000000 0 3px 158px,inset rgba(255,255,255,0.07) 0 0 ;
	-webkit-box-shadow: #000000 0 3px 158px;
	box-shadow: #000000 0 3px 158px;
}

body #simplemodal-login-container .title{
	padding:16px;
	background-color:#1f1f1f;
	color:#d02c32;
	font-size:18px;
}

body #simplemodal-login-container .simplemodal-login-fields{
	padding:16px;
}

body #simplemodal-login-container form label{
	color:#ffffff;
	font-size:14px;
}

body #simplemodal-login-container form .submit input{
	background-color:#d02c32;
	text-transform: uppercase;
	border:none;
	padding:0 20px;
	min-width:70px;
	line-height:35px;
	text-align:center;
	border-radius:5px;
	margin-right:10px;
	font-family:'Roboto', sans-serif;

	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

body #simplemodal-login-container form .submit input.simplemodal-close{
	background-color:#000000;
	margin-right:0;

	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

body #simplemodal-login-container form .forgetmenot label,
body #simplemodal-login-container .nav a{
	color:#c5c5c5;
	text-decoration:none;
	font-size:12px;
}

body #simplemodal-login-container form .forgetmenot{
	line-height:30px;
}

body #simplemodal-login-container .rememberme{
	margin-top:0;
}

/* END SIMPLEMODAL LOGIN */

/* HEADER */

.site-header{
	padding:50px 0;
}

.site-header .wrap{
	width:95%;
}

@media(max-width:1169px){
	.site-header #logo{
		display:block;
		margin:0;
		text-align:center;
	}	
}

@media(max-width:767px){
	.site-header #logo{
		width: 90%;
	}
}

.site-header nav{
	float:right;
	font-size:15px;
	font-weight:400;
	text-transform: uppercase;
}

@media(max-width:1169px){
	.site-header nav{
		float:none;
		display:block;
		text-align:center;
	}
}

@media(max-width:767px){
	.site-header nav{
		width: 90%;
		margin: 20px auto 0;
	}
}

.site-header nav .wrap{
	width:auto;
	padding:0;
}

.site-header nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.site-header nav ul li{
	display:inline-block;
	vertical-align: top;
	margin:0 10px;
	line-height:45px;
}

@media(max-width:767px){
	.page-template-page-home .site-header nav ul li:not(.login),
	.page-template-page-legal .site-header nav ul li:not(.login){
		display:none;
	}
}

.site-header nav ul li a{
	display:block;
	color:#ffffff;
	padding:0 24px;
	border-radius:5px;
	border:2px solid transparent;
	text-decoration: none;
  	box-sizing: border-box;
	position: relative;
	vertical-align: middle;
}

@media(max-width:900px){
	.site-header nav ul li a{
	    padding: 0 10px;
	}
}

@media(max-width:767px){
	.site-header nav ul li a{
	    padding: 0 10px;
	    display: inline-block;
	}	
}

.site-header nav ul li:not(.login) a::before,
.site-header nav ul li:not(.login) a::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius:5px;
}

.site-header nav ul li.draw a{
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.site-header nav ul li.draw a::before,
.site-header nav ul li.draw a::after{
  border: 2px solid transparent;
  width: 0;
  height: 0;
}

.site-header nav ul li.draw a::before{
  top: 0;
  left: 0;
}

.site-header nav ul li.draw a::after{
  bottom: 0;
  right: 0;
}

.site-header nav ul li.draw a:hover
.hosting-interior .site-header nav ul li.draw.current-menu-item a{
  color: #ffffff;
}

.site-header nav ul li.draw a:hover::before,
.site-header nav ul li.draw a:hover::after,
.hosting-interior .site-header nav ul li.draw.current-menu-item a:before,
.hosting-interior .site-header nav ul li.draw.current-menu-item a:after{
  width: 100%;
  height: 100%;
}

.site-header nav ul li.draw a:hover::before,
.hosting-interior .site-header nav ul li.draw.current-menu-item a:before{
  border-top-color: #d02c32;
  border-right-color: #d02c32;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.site-header nav ul li.draw a:hover::after,
.hosting-interior .site-header nav ul li.draw.current-menu-item a:after{
  border-bottom-color: #d02c32;
  border-left-color: #d02c32;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.site-header nav ul li.meet a:hover{
  color: #ffffff;
}

.site-header nav ul li.meet a::after{
  top: 0;
  left: 0;
}

.site-header nav ul li.meet a:hover::before{
  border-top-color: #d02c32;
  border-right-color: #d02c32;
}

.site-header nav ul li.meet a:hover::after {
  border-bottom-color: #d02c32;
  border-left-color: #d02c32;
  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}

.site-header nav ul li.login a{
	padding:0 24px;
	border:2px solid #d02c32;
	border-radius:5px;
	background-color:transparent;
	
	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

.site-header nav ul li.login a:hover{
	background-color:#d02c32;
	
	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

.site-header nav ul li.login a:before{
	content: "\f007";
	font-family: "Font Awesome 6 Pro";
	font-weight:700;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ffffff;
	height: 16px;
	line-height: 18px;
	font-size: 16px;
	width: 16px;
	text-align: center;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 10px;
	margin-top: -5px;
}

/* END HEADER */

/* GLOBAL */

.page-title{
	padding: 0 0 30px;
	margin: 0 0 30px;
	font-size: 42px;
	color: #ebebe9;
	font-weight: 300;
	border-bottom: 1px solid #404243;
}

.page-title .fa{
	display:inline-block;
	margin-right:10px;
}

/* END GLOBAL */

/* TEMPLATE: HOME */

.section-title{
	background-color:#d02b32;
	text-align:center;
	width:50%;
	margin:0 auto 50px;
	line-height:60px;
	text-transform: uppercase;
	font-weight:400;
	font-size:20px;
	border-radius:5px;
}

@media(max-width:1023px){
	.section-title{
		width:80%;
	}
}

@media(max-width:767px){
	.section-title{
		width:90%;
		padding:20px 0;
		line-height:1;
	}
}

#hero .section-title{
	margin:0;
	text-align: center;
	font-size: 160px;
	font-weight: 100;
	line-height: 0.9;
	background-color:transparent;
	width:auto;
	border-radius:0;
	letter-spacing:15px;
}

@media(max-width:1169px){
	#hero .section-title{
		font-size:100px;
	}
}

@media(max-width:767px){
	#hero .section-title{
		font-size:20px;
		letter-spacing: 10px;
	}
}

#hero .section-title span{
	font-weight: 700;
    font-size: 60px;
    color: #d02b32;
    letter-spacing:normal;
}

@media(max-width:767px){
	#hero .section-title span{
	    font-size: 25px;
	}
}

#hero #main-line{
	display: block;
    margin: 50px auto;
    width: 2px;
    height: 210px;
    background-color: #d02b32;
}

@media(max-width:767px){
	#hero #main-line{
		height:100px;
	}
}

.section{
	border-bottom:1px solid #37383a;
	padding:0 0 100px;
	margin:0 0 70px;
}

@media(max-width:767px){
	.section{
		padding:0 0 20px;
		margin:0 0 40px;
	}
}

#products{
	
}

#products .product{
	display:inline-block;
	vertical-align: top;
	border:1px solid #ffffff;
}

#products .product a{
	display:block;
	margin:0;
	padding:0;
	height:75px;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	font-size:18px;
	font-weight:700;
	color:#ffffff;
	border-top:1px solid #ffffff;
	
	-moz-transition:all 0.25s;
    -webkit-transition:all 0.25s;
    transition:all 0.25s;
}

#products .product a.disabled{
	cursor:default;
}

#products .product a:hover{
	background-color:#d02b32;
	
	-moz-transition:all 0.25s;
    -webkit-transition:all 0.25s;
    transition:all 0.25s;
}

#products .product a.disabled:hover{
	background-color:transparent;
	
	-moz-transition:all 0.25s;
    -webkit-transition:all 0.25s;
    transition:all 0.25s;
}

#products .product .table .table-cell{
	padding:0 10%;
}

@media(max-width:1023px){
	#products .product .table .table-cell{
		padding:0 4%;
	}
}

#products .product.large{
	width:48%;
	margin:0 0 2.5%;
	padding:0;
}

@media(max-width:1023px){
	#products .product.large{
		width:100%;
		margin:0 0 20px;
	}
}

#products .product.large.first{
	margin-right:1.25%;
}

@media(max-width:1023px){
	#products .product.large.first{
		margin-right:0;
	}
}

#products .product.large.last{
	margin-left:1.25%;
}

@media(max-width:1023px){
	#products .product.large.last{
		margin-left:0;
	}
}

#products .product.small{
	width:22.7%;
	margin:0 0 2.5%;
	padding:0;
}

@media(max-width:1169px){
	#products .product.small{
		width:22.4%;
	}
}

@media(max-width:1023px){
	#products .product.small{
		width:48%;
	}
}

@media(max-width:767px){
	#products .product.small{
		width:100%;
	}
}

#products .product.small.first{
	margin-right:1.25%;
}

#products .product.small.middle{
	margin-left:1.25%;
	margin-right:1.25%;
}

#products .product.small.last{
	margin-left:1.25%;
}

@media(max-width:1023px){
	#products .product.small.first.odd,
	#products .product.small.middle.odd{
		float:left;
		margin:0 0 2.5%;
	}

	#products .product.small.last.even,
	#products .product.small.middle.even{
		float:right;
		margin:0 0 2.5%;	
	}
}

@media(max-width:767px){
	#products .product.small.first.odd,
	#products .product.small.middle.odd,
	#products .product.small.last.even,
	#products .product.small.middle.even{
		float:none;
		margin:0 0 20px;
	}
}

#products .product .product-header{
	border-bottom:1px solid #ffffff;
	height:80px;
}

@media(max-width:767px){
	#products .product.large .product-header{
		height:auto;
	}
}

#products .product .product-header .table-cell{
	padding:0 5%;
}

#products .product .product-header .title{
	float:left;
	margin:0;
	color:#d02b32;
	font-weight:700;
}

#products .product.large .product-header .title{
	font-size:45px;
	line-height:45px;
}

@media(max-width:1024px){
	#products .product.large .product-header .title{
		font-size:36px;
	}
}

@media(max-width:767px){
	#products .product.large .product-header .title{
		float:none;
		font-size:30px;
		text-align: center;
	}
}

#products .product.small .product-header .title{
	font-size:30px;
	line-height:50px;
}

@media(max-width:1169px){
	#products .product.small .product-header .title{
		font-size:26px;
	}
}

#products .product.small .product-header .title span{
	display:block;
	margin-top:-10px;
	font-size:16px;
	line-height:1;
	text-transform:uppercase;
}

#products .product .product-header .price{
	float:right;
	height:45px;
	font-size:32px;
	line-height:32px;
	font-weight:700;
}

@media(max-width:767px){
	#products .product.large .product-header .price{
		float:none;
		text-align: center;
	}
}

#products .product .product-header .price sup{
	font-size:20px;
	font-weight:400;
}

#products .product .product-header .price span{
	font-size:16px;
	font-weight:300;
}

#products .product .product-content{
	height:200px;
}

#products .product.large .product-content{
	font-size:20px;
}

#products .product .terms{
	font-size:10px;
}

#features{
	text-align:center;
}

#features .section-title{
	margin-bottom:75px;
}

#features .feature{
	display:inline-block;
	vertical-align: top;
	margin:0 25px 25px;
	width:230px;
	height:150px;
	text-align:center;
}

#features .feature svg{
	margin:0 0 20px;
}

#features .feature .icon{
	fill:#ffffff;
}

#features .feature .title{
	line-height:1.5;
}

#contact{
	margin:0 0 40px;
}

#contact .gform_wrapper ul.gform_fields li.gfield{
	margin:0;
	padding:0;
}

body #contact .gform_wrapper ul li.field_description_below div.ginput_container_checkbox,
body #contact .gform_wrapper ul li.field_description_below div.ginput_container_radio{
	margin-top:0;
}

#contact .gform_wrapper .top_label li ul.gfield_checkbox,
#contact .gform_wrapper .top_label li ul.gfield_radio{
	width:100%;
	margin:0;
}

@media(max-width:767px){
	#contact .gform_wrapper .top_label li ul.gfield_checkbox,
	#contact .gform_wrapper .top_label li ul.gfield_radio{
		text-align:center;
	}
}

#contact .gform_wrapper ul.gfield_checkbox li input[type=checkbox],
#contact .gform_wrapper ul.gfield_radio li input[type=radio]{
	display:none;
}

#contact .gform_wrapper .gfield_radio li label{
	white-space: nowrap;
	max-width:100%;
	width:auto;
	padding:15px 25px;
	border:2px solid transparent;
	border-radius:5px;
	font-size:18px;
	font-weight:300;
	color:#767c82;
	cursor:pointer;
	
	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

#contact .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,
#contact .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label{
	border:2px solid #d02b32;
	font-weight:300;
	color:#ffffff;
	
	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

body #contact .gform_wrapper .top_label div.ginput_container{
	margin-top:20px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
  text-transform: uppercase;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
  text-transform: uppercase;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
  text-transform: uppercase;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
  text-transform: uppercase;
}

#contact .gform_wrapper li.hidden_label input,
{
	margin-top:0;
	background:transparent !important;
	border:none;
	border-bottom:1px solid #ffffff;
	font-size:15px;
	color:#ffffff;
}

body #contact .gform_wrapper .top_label li.gfield.gf_left_half,
body #contact .gform_wrapper .top_label li.gfield.gf_right_half{
	width:48.5% !important;
}

@media(max-width:767px){
	body #contact .gform_wrapper .top_label li.gfield.gf_left_half,
	body #contact .gform_wrapper .top_label li.gfield.gf_right_half{
		width:100% !important;
	}
}

body #contact .gform_wrapper .top_label li.gfield.gf_left_half{
	margin-right:1.5% !important;
}

@media(max-width:767px){
	body #contact .gform_wrapper .top_label li.gfield.gf_left_half{
		margin-right:0% !important;
	}
}

body #contact .gform_wrapper .top_label li.gfield.gf_right_half{
	margin-left:1.5% !important;
}

@media(max-width:767px){
	body #contact .gform_wrapper .top_label li.gfield.gf_right_half{
		margin-left:0% !important;
	}
}

body #contact .gform_wrapper textarea{
	background:transparent;
	border:none;
	border-bottom:1px solid #ffffff;
	padding:5px 4px;
	height:100px;
	font-size:15px;
	color:#ffffff;
}

#contact .gform_wrapper .gform_footer{
	margin:40px 0 0;
	padding:0;
	text-align: center;
}

/* END TEMPLATE: HOME */

/* TEMPLATE: REGISTER */

.product-description,
.other-products{
	display:none;
}

@media(max-width:1180px){
	.gform_wrapper .gform_body {
	    display: flex;
	    flex-direction: column;
	}
}

.gform_wrapper .gform_fieldset{
	float:left;
	clear:left;
	width:calc(100%*2/3);
}

@media(max-width:1180px){
	.gform_wrapper .gform_fieldset{
		/*width:100%;*/
		width:calc(100%*2/3.5);
	}
}

@media(max-width:980px){
	.gform_wrapper .gform_fieldset{
		width:100%;
	}
}

@media(max-width:767px){
	.gform_wrapper .gform_fieldset{
		width:auto;
	}
}

.gform_wrapper .gform_fieldset.product-title{
	position:fixed !important;
	float:right;
	clear:right;
	background-color:#d02b32;
	border-radius:5px;
	margin:0;
	padding:0;
	width:calc(1170px/3);
	right:calc(100vw - 1170px - ((100vw - 1170px)/2));
}

@media(max-width:1180px){
	.gform_wrapper .gform_fieldset.product-title{
		width:calc(970px/3);
		right:calc(100vw - 940px - ((100vw - 970px)/2));
	}
}

@media(max-width:980px){
	.gform_wrapper .gform_fieldset.product-title{
		position: relative !important;
		float: none;
		width: 100%;
		right: auto;
		order: 3;
	}
}

.gform_fieldset legend{
	padding:0 0 30px;
	margin:0 0 30px;
	font-size:42px;
	color:#ebebe9;
	font-weight:300;
	border-bottom:1px solid #404243;
}

.gform_fieldset legend .fa{
	display: inline-block;
    vertical-align: middle;
    border: 2px solid #ffffff;
    width: 36px;
    height: 36px;
    line-height: 38px;
    font-size: 36px;
    color:#ffffff;
    text-align: center;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 5px;
    margin-top: -5px;	
}

.gform_fieldset legend svg{
	vertical-align:middle;
	fill:#ffffff;
	margin-right:15px;
}

.gform_fieldset.product-title legend{
	display:none;
}

.gform_wrapper .gform_fieldset ul{
	padding:0;
}

body .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label{
	font-size:18px;
	color:#ebebe9;
	font-weight:500;
	margin:12px 0 0;
	line-height:18px;
	font-family:'Roboto',serif;
}

@media(max-width:1180px){
	body .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {
	    padding: 0;
	    margin: 0;
	}
}

@media(max-width:980px){
	body .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {
	    width: 20% !important;
	}
}

@media(max-width:767px){
	body .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {
	    width: auto !important;
	}
}

@media(max-width:1180px){
	.gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) {
	    margin-left: 0 !important;
	    flex-grow: 1;
	}
}

@media(max-width:767px){
	.gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) {
	    width: 100%;
	}
}

body .gform_wrapper ul.gform_fields li.hidden_label .gfield_label{
	display:none;
}

.gform_wrapper .gform_fieldset.product-title ul{
	padding:25px 30px;
}

body .gform_wrapper form ul.gform_fields.left_label li.gfield,
body .gform_wrapper form ul.gform_fields.right_label li.gfield,
body .gform_wrapper ul.gform_fields.left_label li.gfield,
body .gform_wrapper ul.gform_fields.right_label li.gfield{
	position: relative;
	margin:0 0 20px;
}

@media(max-width:1180px){
	body .gform_wrapper form ul.gform_fields.left_label li.gfield{
	    display: flex;
	    align-items: flex-end;
	    justify-content: space-between;
	}

	body .gform_wrapper form ul.gform_fields.left_label li.gfield.gfield_html{
		align-items: flex-start;
	}
}

@media(max-width:767px){
	body .gform_wrapper form ul.gform_fields.left_label li.gfield{
	    flex-direction: column;
	    align-items: flex-start;
	}
}

body .gform_wrapper .gfieldset.product-title ul.gform_fields .ginput_container{
    width: 100% !important;
    margin: 0 !important;
}

body .gform_wrapper .gform_fieldset.product-title ul li{
	margin:0;
	padding:0;
}

body .gform_wrapper .gform_fieldset.product-title ul li.product-select{
	position: relative;
}

body .gform_wrapper .gform_fieldset.product-title ul li.product-select:after{
	content:"change package";
	position: absolute;
	z-index:0;
	bottom:0;
	color:#f85c62;
	font-size:13px;
	font-weight:500;
}

body .gform_wrapper .gform_fieldset.product-title ul li.product-select select{
	position: relative;
	z-index:1;
	background:transparent;
	border:none;
	display:block;
	margin:0;
	padding:0 0 15px;
	width:100%;
	font-size:32px;
	font-weight:700;
	color:#ffffff;
	line-height:1;
	cursor:pointer;
	
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

body .gform_wrapper .gform_fieldset.product-title #product-info{
	
}

body .gform_wrapper .gform_fieldset.product-title #other-products{
	margin:20px 0 0;
}

body .gform_wrapper .gform_fieldset.product-title #product-info ul,
body .gform_wrapper .gform_fieldset.product-title #other-products ul{
	margin:0 0 0 20px !important;
	padding:0;
}

body .gform_wrapper .gform_fieldset.product-title #other-products .purchase-after{
	margin:0 0 10px;
	font-size:16px;
	font-weight:500;
}

body .gform_wrapper .gform_fieldset.product-title ul li.coupon{
	margin:20px 0 0;
}

body .gform_wrapper .gform_fieldset.product-title ul li.product-select label,
body .gform_wrapper .gform_fieldset.product-title ul li.coupon label{
	display:none;
}

body .gform_wrapper .gform_fieldset.product-title ul li.coupon input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	border:none;
	background-color:#ffffff !important;
	color:#000000;
	line-height:30px;
	width:70%;

	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}


@media(max-width:1180px){
	body .gform_wrapper form ul.gform_fields.left_label li.gfield.reg-password {
	    align-items: flex-start;
	    /*justify-content: center;*/
	    flex-wrap: wrap;
	}

	body .gform_wrapper form ul.gform_fields.left_label li.gfield.reg-password .gfield_password_strength {
	    width: 50%;
	    margin: 0;
	    margin-top: 17px;
	    margin-left: 29%;
	}
}

@media(max-width:980px){
	body .gform_wrapper form ul.gform_fields.left_label li.gfield.reg-password .gfield_password_strength {
	    margin-left: 20%;
	}
}

@media(max-width:767px){
	body .gform_wrapper form ul.gform_fields.left_label li.gfield.reg-password .gfield_password_strength {
	    width: 100%;
	    margin-left: 0;
	}
}

@media(max-width:767px){
	body .gform_wrapper ul.gform_fields:not(.top_label) .reg-password .gfield_label{
		margin-bottom: 10px;
	}
}

body .gform_wrapper .ginput_complex.ginput_container_password .ginput_left,
body .gform_wrapper .ginput_complex.ginput_container_password .ginput_right{
	display:block;
	padding-right:0;
	padding-left:0;
}

body .gform_wrapper ul.left_label li.gfield .gfield_password_strength,
body .gform_wrapper ul.right_label li.gfield .gfield_password_strength{
	width:35%;
	color:#272829;
	font-weight:700;
	text-transform:uppercase;
}

@media(max-width:767px){
	body .gform_wrapper ul.left_label li.gfield .gfield_password_strength,
	body .gform_wrapper ul.right_label li.gfield .gfield_password_strength{
		width:auto;
	}
}

@media(max-width:980px){
	body .gform_wrapper form ul.gform_fields.left_label li.gfield.coupon {
	    width: 50%;
	}
}

@media(max-width:767px){
	body .gform_wrapper form ul.gform_fields.left_label li.gfield.coupon {
	    width: 100%;
	}
}

body .gform_wrapper .gform_fieldset.product-title ul li.coupon input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d02b32;
  text-transform: capitalize;
}
body .gform_wrapper .gform_fieldset.product-title ul li.coupon input::-moz-placeholder { /* Firefox 19+ */
  color: #d02b32;
  text-transform: capitalize;
}
body .gform_wrapper .gform_fieldset.product-title ul li.coupon input:-ms-input-placeholder { /* IE 10+ */
  color: #d02b32;
  text-transform: capitalize;
}
body .gform_wrapper .gform_fieldset.product-title ul li.coupon input:-moz-placeholder { /* Firefox 18- */
  color: #d02b32;
  text-transform: capitalize;
}

body .gform_wrapper .gform_fieldset.product-title ul li.coupon input.button{
	background:transparent;
	border:none;
	background-color:#272829;
	margin-left:0 !important;
	color:#ffffff;
	line-height:35px;
	font-size:16px;
	font-family:'Roboto',serif;
	font-weight:300;
	text-align:center;
	width:30%;
	
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

body .gform_wrapper .gform_fieldset.product-title ul li.gfield_total{
	margin-top:30px;
}

body .gform_wrapper .gform_fieldset.product-title ul li.gfield_total label{
	float:none;
	display:inline-block;
	vertical-align: top;
	margin:0;
	padding:0;
	font-size:27px;
	color:#ffffff;
	font-weight:500;
	line-height:27px;
}

body .gform_wrapper .gform_fieldset.product-title ul li.gfield_total label + div{
	display:inline-block;
	vertical-align: top;
}

body .gform_wrapper .gform_fieldset.product-title ul li.gfield_total span.ginput_total{
	float:none;
	display:inline-block;
	vertical-align: top;
	margin:0;
	padding:0;
	font-size:27px;
	line-height:27px;
	color:#ffffff;
	font-weight:300;
}

body .gform_wrapper .gform_fieldset ul li.credit-card .gfield_label{
	display:none;
}

body .gform_wrapper .credit-card div.ginput_complex{
	margin-left:0 !important;
	width:100% !important;
}

body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
body .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{
	float: left;
    width: 29%;
    padding-right: 16px;
    margin:0;
    margin-top:12px;
    font-size:18px;
    line-height:18px;
    font-weight:500;
}

@media(max-width:767px){
	body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
	body .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{
	    width: 100%;
	    padding-right: 0;
	}
}

body .gform_wrapper .credit-card .ginput_complex input {
    width: 100% !important;
}

body .gform_wrapper .credit-card .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
body .gform_wrapper .credit-card .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
body .gform_wrapper .credit-card .ginput_complex .ginput_right select,
body .gform_wrapper .credit-card .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
body .gform_wrapper .credit-card .ginput_complex select{
	width:35%;
	margin-left:0;
}

@media(max-width:767px){
	body .gform_wrapper .credit-card .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
	body .gform_wrapper .credit-card .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
	body .gform_wrapper .credit-card .ginput_complex .ginput_right select,
	body .gform_wrapper .credit-card .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
	body .gform_wrapper .credit-card .ginput_complex select{
		width:100%;
	}
}

body .gform_wrapper .ginput_complex span.ginput_cardextras{
	margin:20px 0;
}

body .gform_wrapper .ginput_complex .ginput_cardinfo_left,
body .gform_wrapper .ginput_complex .ginput_cardinfo_right{
	display:block;
	float:none;
	margin:20px 0 0;
	width:auto;
}

body .gform_wrapper .credit-card .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
body .gform_wrapper .credit-card .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year{
	width:49% !important;
	background:transparent;
	border:none;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	border-radius:0;

	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

@media(max-width:767px){
	body .gform_wrapper .credit-card .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
	body .gform_wrapper .credit-card .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year{
		width:46.6% !important;
	}
}

body .gform_wrapper .credit-card .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
    width: calc(50% - 0px) !important;
    max-width: none !important;
}

@media(max-width:767px){
	body .gform_wrapper .credit-card .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
	    width: calc(100% - 42px) !important;
	}
}

body .gform_wrapper form ul.gform_fields.left_label li.gfield.terms{
	margin:0 0 30px 17px !important;
	width:calc(100%*2/3);
	padding: 0;
}

@media(max-width:767px){
	body .gform_wrapper form ul.gform_fields.left_label li.gfield.terms{
		width:100%;
	}
}

body .gform_wrapper ul li.field_description_below.terms div.ginput_container_checkbox{
	margin-top:0;
	margin-left: 0 !important;
	width: 100% !important;
}

body .gform_wrapper ul li.field_description_below.terms div.ginput_container_checkbox ul,
body .gform_wrapper ul li.field_description_below.terms div.ginput_container_checkbox ul li{
	margin:0;
	padding:0;
	color:#b7b7b7;
	font-size:15px;
}

body .gform_wrapper .terms ul.gfield_checkbox li input[type=checkbox]{
	margin-left:0;
	margin-top:0;
}

body .gform_wrapper .terms ul.gfield_checkbox li input[type=checkbox]:checked+label{
	font-weight:300;
}

body .gform_wrapper .terms ul.gfield_checkbox li a{
	text-decoration: none;
	color:#ffffff;
	cursor:pointer;
}

body .gform_wrapper .gform_footer,
body .gform_wrapper .gform_footer:not(.top_label){
	margin-left:0;
	width:auto;
}


/*couldnt add custom class to recaptcha had to target directly*/
#field_4_22 label.gfield_label {
    display: none !important;
}

#field_4_22 .ginput_container {
    width: 100% !important;
    margin: 0 !important;
}

/* END TEMPLATE: REGISTER */

/* TEMPLATE: LEGAL */

.legal-list .legal{
	clear:both;
	display:block;
	padding:70px 0 20px;
	border-bottom:1px solid #404243;
}

.legal-list .legal i{
	display:inline-block;
	font-size:36px;
	float:left;
	margin-right:20px;
	width:36px;
	line-height:42px;
}

.legal-list .legal .legal-title{
	font-size:42px;
	line-height:42px;
	font-weight:100;
	float:left;
}

@media(max-width:767px){
	.legal-list .legal .legal-title{
		float:none;
		font-size:20px;
	}
}

.legal-list .legal a{
	float:right;
	display:block;
	line-height:36px;
	padding:0 20px;
	font-size:18px;
	border-radius:8px;
	border:2px solid #ffffff;
	color:#ffffff;
	text-decoration:none;
	background-color:transparent;
}

@media(max-width:767px){
	.legal-list .legal a{
		float:none;
		margin:10px auto;
		width:105px;
	}
}

.legal-list .legal a .fa{
	display:inline-block;
	vertical-align:top;
	float:none;
	margin-right:0;
	width:auto;
	font-size:12px;
	line-height:36px;
}

/* END TEMPLATE: LEGAL */

/* FOOTER */

.site-footer{
	padding:20px 0;
	text-align:center;
	font-size:12px;
	color:#888787;
}

.site-footer a{
	color:#888787;
	text-decoration:none;
	
	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

.site-footer a:hover{
	color:#ffffff;

	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

.site-footer #social-icons{
	padding:20px 0;
}

.site-footer #social-icons a{
	margin:0 20px;
	font-size:20px;
}

/* END FOOTER */

/* GRAVITY FORMS */

.gform_wrapper fieldset{
	border:none;
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper li.gfield_error textarea{
	margin-top:0;
	background:transparent !important;
	border:none;
	border-bottom:1px solid #ffffff !important;
	font-size:15px;
	color:#ffffff;
	width: 100%;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit]{
	background:transparent;
	border:none;
	white-space: nowrap;
	max-width:100%;
	margin:0 !important;
	width:auto;
	padding:15px 45px;
	border:2px solid #d02b32;
	border-radius:5px;
	background-color:transparent;
	font-size:18px;
	font-weight:300;
	text-transform: uppercase;
	color:#ffffff;
	cursor:pointer;
	
	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover{
	background-color:#d02b32;
	
	-moz-transition:all 0.25s;
	-webkit-transition:all 0.25s;
	transition:all 0.25s;
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	border:none !important;
	background:transparent !important;
	padding-top:0 !important;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{
	margin-top:0;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
	position:absolute;
	top:0;
	right:10%;
	width:auto;
	line-height:30px;
	margin:0;
	padding:0 20px;
	color:#d02b32;
	background-color:rgba(0,0,0,0.2);
	text-transform:uppercase;
	font-family:'Roboto',serif;
}

@media(max-width:767px){
	body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
		position:relative;
		top:auto;
		right:auto;
		width:auto;
	}
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description:before{
	content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid rgba(0,0,0,0.2);
    position: absolute;
    left: -15px;
    top: 0;
}

body .gform_wrapper .gfield_required{
	color:#d02b32;
}

body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio{
	color:#ffffff;
}

.gform_wrapper div.validation_error{
	display:none !important;
}

/* tooltip */
.hosting-interior .tooltip{
	position: absolute;
	top: calc(100% + 5px);
	left: calc(50% - 65px);
	padding: 10px;
	width: 100px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	background-color: rgba(0,0,0,0.25);
}

.hosting-interior .tooltip:before{
	content: "";
	position: absolute;
	top: -8px;
	left: calc(50% - 10px);
	display: block;
	width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0,0,0,0.25);
}