/* ==========================================================================
   Punchey Self Serve
   ========================================================================== */

@font-face {
    font-family: 'FrankfurterSHOP-MediumRegular';
    src: url('../fonts/frankfurtershop-medium-webfont.eot');
    src: url('../fonts/frankfurtershop-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frankfurtershop-medium-webfont.woff') format('woff'),
         url('../fonts/frankfurtershop-medium-webfont.ttf') format('truetype'),
         url('../fonts/frankfurtershop-medium-webfont.svg#FrankfurterSHOP-MediumRegular') format('svg');
    font-weight: normal!important;
    font-style: normal;

}

html {
}

body {

	background:#084f98;
	min-height:100%;
	padding:0;
	min-height:100%;
	color:#555555;
	font:14px arial, sans-serif;
	line-height:20px;
}

h1, h2, h3, h4, h5 {
	font-family:'Calibri W01 Regular 904604', arial, sans-serif;
	color:#0e2032;
}


h1, h2 {font:39px 'Calibri W01 Bold 904607', arial, sans-serif;}
h2 em {display:block; font:italic 13px arial, sans-serif; color:#555;}

h3 {font:21px 'Calibri W01 Bold 904607', arial, sans-serif;}

label {
	color:#0e2031;
	font:18px 'Calibri W01 Bold 904607', arial, sans-serif;
}

.clearfix {clear:both;}

.no-bold {font-weight:normal; font:13px 'Calibri W01 Regular 904604', arial, sans-serif; font-style:italic; float:left; clear:none; margin-top:4px;}

select {
	filter: alpha(opacity=0);
	opacity:0;
	margin-bottom:0;
	height:40px;
	margin-top:-38px;
	margin-left:-5px;
	width:140px;
}

.selector {
	background: #fff url(../images/registration/drop-arrow.png) 118px center no-repeat;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
	display: inline-block;
	height: 20px;
	padding: 10px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:128px!important;
	margin-top:-5px!important;
	margin-right:12px;
}

.selector.active, .selector.focus {
	border-color:#5aabda;
	outline:none;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(90, 171, 218, .3)!important;
	box-shadow: 0px 0px 1px 1px rgba(90, 171, 218, .3)!important;
	color:#6c6c6c;
	}

.left {
	float:left;
}

.right {
	float:right;
}

form input.error, input:hover.error, input:active.error, input:focus.error, div.error .selector, .selector.error, .selector.error-drop, .error-drop .selector {border:1px solid #e93939; outline:none;-webkit-box-shadow: 0px 0px 1px 1px rgba(243, 67, 67, .2)!important;box-shadow: 0px 0px 1px 1px rgba(243, 67, 67, .2)!important;}
form div > div {position:relative; float:left;}

label.error {text-indent:-99999em; position:absolute; height:14px; width:14px; top:0; right:8px;}

label.error-tip {text-indent:0; margin-top:0px; height: auto; min-width:200px; max-width: 350px; right:40px; color:#fff!important; padding:7px 6px 7px 6px; font-weight:normal; font-size:12px;-webkit-border-radius: 3px; border-radius: 3px; background:#f34343;  text-align:center; display:block;width:auto;top:-33px; }
label.error-tip:after {content:url(../images/registration/errortipbtm.png); position:absolute; bottom:-9px; right:6%;}
li label.erorr-tip {top:-20px;}
li label.error-tip:after {bottom:-8px;}

label.error-tip.value-error {background:#ff7e00;}
label.error-tip.value-error:after {content:url(../images/company/errortip-warning-btm.png); bottom:-7px!important; }
label.error-tip.value-error { top:-45px;}
form input.error.warning, form input.error.warning:hover, form input.error.warning:focus {border:1px solid #ff7e00;}
/*form div {clear:both; width:100%;}*/
form label {clear:both;}

.button.button-gray,
.button.button-gray:hover, .button.button-gray:focus, .button.button-gray:active {
	border-radius: 5px;
	background-image: -moz-linear-gradient( 90deg, rgb(135,135,135) 0%, rgb(185,185,185) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(135,135,135) 0%, rgb(185,185,185) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(135,135,135) 0%, rgb(185,185,185) 100%);
	box-shadow: 0px -1px 0px 0px rgba(228, 228, 228, 0.392);
	opacity: 1;
	border: 1px solid #999;
	text-shadow: none;

}

.button.button-gray:hover, .button.button-gray:focus, .button.button-gray:active {
	opacity: .85;
	color: #FFF;
	border: 1px solid #999;
	border-right: 1px solid #999!important;
}


.button.grey-gradient {background: #b9b9b9; /* Old browsers */
background: -moz-linear-gradient(top,  #b9b9b9 0%, #888888 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(100%,#888888)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b9b9b9 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b9b9b9 0%,#888888 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9b9b9 0%,#888888 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b9b9b9 0%,#888888 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(228, 228, 228, .5);
box-shadow: inset 0px 1px 0px 0px rgba(228, 228, 228, .5);
line-height:1;
text-shadow: 0px 1px 0px #5d5450;
filter: dropshadow(color=#5d5450, offx=0, offy=1);
border:0;
/*padding:10px 0 5px 0;*/
width:70px;
height:20px;
opacity: 1;
}
.button.grey-gradient:hover, .button.grey-gradient:focus, .button.grey-gradient:active {
	background: #acacac; /* Old browsers */
background: -moz-linear-gradient(top,  #acacac 0%, #757575 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(100%,#757575)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #acacac 0%,#757575 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #acacac 0%,#757575 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #acacac 0%,#757575 100%); /* IE10+ */
background: linear-gradient(to bottom,  #acacac 0%,#757575 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#757575',GradientType=0 ); /* IE6-9 */

}

a {
	color:#3399ff;
}

.container {
	width:930px;
}

.span12 {
	width:930px;
    margin-left: 20px;
}

.chat {
	float:right;
	text-align: right;
	margin-top:18px;
	margin-bottom:10px;
}

.chat a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

header {
	background:#0e2032;
	color:#fff;
	font-family:'Calibri W01 Regular 904604', arial, sans-serif;
	-webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, .1);
	clear:both;
}

header .logo {
	padding:20px 0 20px 50px;
	display:block;
}


header {color:#fff; font:19px 'Calibri W01 Bold 904607', 'Calibri W01 Regular 904604', sans-serif;}

header .span5 {margin-left:58px; padding-top:20px;}

#main {
	background:#fff;
	padding:30px 0;
	margin-bottom:185px;
	border:10px solid #fff;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .1);
	box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .1);
	position:relative;
}

.lt-ie8 #main {
	padding-left:0;
	padding-right:0;
}

#main .span12.reg-steps {
	text-align:center;
	margin-bottom:30px;
	margin-left: 0;
}

#main .span6 {
	margin-left:57px;
	padding-right:40px;
	width:510px;
}

#main .span6 p.question-text {
	margin-top:30px;
}

#main .span3 input[type="submit"], #main a.button.orange-gradient {
	width:260px;
}

#main a.button.orange-gradient {
	width:232px;
}


#main .span6.col-left {
	border-right:1px solid #ddd;
}

#main .span3 {
	width:260px;
	padding-right:0;
	padding-left:40px;
	font-size:13px;
	margin-left:0;
}




#main .span6.col-left, #main .span3.col-right,
#main .span5.col-left, #main .span4.col-right {
	border-bottom:1px solid #ddd;
	min-height:460px;
}

.max620 {
	width:620px;
	margin:0 auto;
}

.max710 {
	width:710px;
	margin:0 auto;
}

.half {
	width:235px;
	float:left;
	clear:none;
	margin-right:20px;
}

.half input {
	width:221px;
}

.thirds {
	width:220px;
	float:left;
	text-align:center;
}

.max710 .thirds {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fbfbfb 46%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(46%,#fbfbfb), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfbfb 46%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fbfbfb 46%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fbfbfb 46%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fbfbfb 46%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	border:1px solid #e5e4e4;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .1);
	min-height:320px;
	margin-right:20px;
	position:relative;
}

.max710 .thirds.last {
	margin-right:0;
}

.max710 .thirds h3 {
	text-align:center;
	margin-bottom:20px;
	font-family:'Varela', sans-serif;
	font-size:18px;
	font-weight:400;
	color:#035cb8;
}

.max710 .thirds img {
	margin-bottom:35px;
}

.max710 .thirds p {
	margin-left:10px;
	margin-right:10px;
}

.thirds:hover, .personal:hover, .business:hover {
	border:1px solid #38a3ee;
}

.thirds.chosen .price, .thirds.chosen h3 {
	color:#f26925;
}

.thirds .price {
	color:#0e2032;
	font:50px 'Calibri W01 Regular 904604', arial, sans-serif;
	font-weight:bold;
	line-height:46px;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px 0;
	border-top:1px solid #e5e4e4;
}

.thirds .price sup {
	font-size:22px;
}

.thirds .price small {
	font-size:14px;
	line-height:1;
}

/*#main .registration-start {padding: 0 20px; overflow: hidden;}*/
#main .registration-start .span6 {border-right: none;}
#main .registration-start h2 {font-size: 50px;}
#main .registration-start .start-outer {border-right:1px solid #ddd; overflow: hidden;}
#main .registration-start .start-outer form {width: auto;}
#main .registration-start .start-inner {width: 400px; margin-left: auto; margin-right: auto;}
/* #main .registration-start input[type="password"] */
#main .registration-start input[type="text"] {
	width: 320px;
}
#main .registration-start .span4 {margin-left: 0;}
#main .registration-start input.button,
#main .registration-start a.button {
	float: none;
}

#main .registration-start .button-group {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	/*float: right;*/
}

#main .registration-start input.button {
	margin-top: -2px;
}

#main .registration-start a.button.close {
	margin-right: 40px;
	margin-top: 15px;
	display: inline-block;
}

#main .registration-start .question-text {margin-left: 50px;}
#main .registration-start h3 {margin-bottom: 20px;}
#main .registration-start ul {font-size: 16px;}
#main .registration-start ul li {margin-bottom: 10px; line-height: 30px;}

.button-group {
	overflow: hidden;
}

.personal, .business {
	width:198px;
	padding:3px 10px 0 10px;
	float:left;
	font:16px 'Calibri W01 Regular 904604', arial, sans-serif;
	border:1px solid #e5e4e4;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .1);
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

}

.personal h3, .business h3 {
	font-size:24px;
	color:#035cb8;
	font-weight:400;
	margin-top:0;
	padding-top:5px;
}

.personal a, .business a {
	color:#035cb8;
}

.personal a img, .business a img {
	margin-top:-8px;
}

.personal a:hover, .business a:hover {
	text-decoration: none;
}

.personal:hover, .business:hover {
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);
	cursor: pointer;
}

.personal.selected, .business.selected, .thirds.chosen {
	border:1px solid #f26925;
}

.or {
	width:180px;
	float:left;
	text-align:center;
}

#main h2 {
	margin-bottom:25px;
	font-size:30px;
}

#main h2.verify-heading {
	margin-bottom:0;
}

#main .where-to img {
	margin-bottom:20px;
}

#main form {
	width:575px;
	margin:0 auto;
}

#main form#device-list {
	width:auto;
}

#main form .personal-name input {
	width:232px;
}

#main form .personal-name input:first-child {
	margin-right:20px;
}

#main form .home-address, #main form .website {
	width:267px;
	margin-right:20px;
}

#main form .website , #main form .business-email {
  width: 295px;
}

#main form .additional-address {
	width:196px;
}

#main form input.city {
	float:left;
	width:190px;
	margin-right:20px;
}

#main form .state {
	float:left;
	clear:none;
	margin-right:20px;
	width:130px;
}

#main form .state .selector {
	width:116px!important;
	background:#fff url(../images/registration/drop-arrow.png) 106px center no-repeat;
}

#main form .state select {
	width:128px;
}

#main form input.zip, #main form input.phone {
  width:170px;
  margin-right: 20px;
}

#main form .ss-num, #main form .birthdate {
	clear:none;
}

#main form .ss-num, #main form .company-name {
	width:266px;
	margin-right:12px;
}

#main form .company-name input {
	width:266px;
}

#main form .ss-num input {
	width:246px;
}

#main form .birthdate {
	width:235px;
}

#main form .birthdate input {
	width:inherit;
}

#main .span6.business-form, #main .span3.business-form {
	min-height:590px;
}

#main .span6.financial-form, #main .span3.financial-form {
	min-height:585px;
}

#main .industry {
	width:260px;
	clear:none;
	margin-right:20px;
}

#main .industry select {
	width:260px;
	}

#main form .industry label {
	display:block;
	clear:both;
}

#main form .industry .selector {
	width:240px!important;
	background:#fff url(../images/registration/drop-arrow.png) 230px center no-repeat;
	margin-top:0!important
}

#main form .years {
	width:235px;
	clear:none;
}

#main form .years .selector {
	float:left;
	clear:none;
	width:97px!important;
	background:#fff url(../images/registration/drop-arrow.png) 87px center no-repeat;
	margin-top:0!important;
}

#main form .half-select .selector {
	width:232px!important;
	background:#fff url(../images/registration/drop-arrow.png) 222px center no-repeat;
	margin-top:0!important;
	margin-right: 20px;
}

#main form .half-select select {
	width: 245px;
}

#main form .small-half-select {
	height: 135px;
}

#main form .small-half-select .selector {
	width:222px!important;
	background:#fff url(../images/registration/drop-arrow.png) 212px center no-repeat;
	margin-top:0!important;
	margin-right: 20px;
	margin-bottom: 15px;
}

#main form .small-half-select select {
	width: 235px;
}

#main form .years .selector:last-child {
	margin-right:0;
}

#main form .years input {
	width:inherit;
}

#main form input[type="radio"] {
	margin-top:2px;
}

#main form .relationship-business input[type="radio"] + label {
	font:normal 16px arial, sans-serif;
	color:#555;
	display:inline;
	margin-right:20px;
	margin-top:3px;
}

#main form .percent-ownership {
	margin-top:15px;
}

#main form div input[type="radio"] + label, #main form input[type="checkbox"] + label {
	display:inline;
	font:16px arial, sans-serif;
}

#main form input[type="checkbox"] + label {
	font-size:13px;
	font-style:italic;
}

#main form label.umbrella-label {
	font:18px 'Calibri W01 Bold 904607', 'Calibri', arial, sans-serif; color:#0e2032;
	margin-top:30px;
}

#main .span6.col-left.identity, #main .span3.col-right.identity {
	min-height:690px;
}

#main form div {
  position: relative;
	margin-bottom:5px;
}

#main form input[type="text"],
#main form input[type="password"] {
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
}

.half-input, .half-input .selector {
	width:50%;
	float:left;
}

.half-input .selector {
	width:126px!important;
}

.three-quarter-input {
    float: left;
}
.three-quarter-input .selector {
    width:190px!important;
    margin-top: 0px!important;
    background: #fff url(../images/registration/drop-arrow.png) 175px center no-repeat;
}

.full-select select {
    width:286px;
}

.full-select {
    float: left;
    margin-bottom: 5px;
}
.full-select .selector {
    width:286px!important;
    margin-top: 0px!important;
    background: #fff url(../images/registration/drop-arrow.png) 278px center no-repeat;
}

.three-quarter-input select {
    width:190px;
}

.one-quarter-input input[type="text"] {
    width:70px!important;
}

.second #id_street2 {
    margin-top: 27px;
}

#main form .half-input input[type="text"] {
	width:126px;
}

.half-input.last {
	margin-right:0;
}

#main form .half-input .selector {
	margin-top:0px!important;
}

#main form .half-input select {
	width:140px;
}

.card-reader-checkbox {
    margin-top: 20px;
    width:100%;
    text-align: center;
    height: 20px;
}

#business input[type="text"].half-input:nth-child(even), #personal input[type="text"].half-input:nth-child(even), .edit-name-input input[type="text"]:nth-child(even) {
	margin-right:20px;
}

.half-input.even {
	margin-right:0;
}

#main form p {
	margin:0;
}

#main form input[type="radio"], #main form input[type="checkbox"] {
	width:auto;
	vertical-align: top;
}

#main #signup .zip input {
	width:128px;
}

#main form#signup .state .selector {
	margin-bottom: 0;
	margin-top: 0!important;
}

#main .select-one {
	margin-top:40px;
}

.select-one em {
	color:#999999;
	font:italic 16px georgia, serif;
	display:block;
	text-align:center;
}

input.button, a.button {
	background: #f29325; /* Old browsers */
	background: -moz-linear-gradient(top,  #f29325 0%, #f27e25 50%, #f26b25 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29325), color-stop(50%,#f27e25), color-stop(100%,#f26b25)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f29325 0%,#f27e25 50%,#f26b25 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f29325 0%,#f27e25 50%,#f26b25 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f29325 0%,#f27e25 50%,#f26b25 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f29325 0%,#f27e25 50%,#f26b25 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29325', endColorstr='#f26b25',GradientType=0 ); /* IE6-9 */
	border:1px solid #f7702e;
	border-bottom-color: #bb5420;
	-webkit-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px rgba(246, 183, 109, 1);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px rgba(246, 183, 109, 1);
	width:140px;
	color:#fff;
	-webkit-border-radius: 5px;
	border-radius:5px;
	font-size:16px;
	font-weight:bold;
	float:right;
	margin-top:20px;
	text-decoration:none;
	padding:13px;
	text-shadow: 0px 1px 0px #c46d2e;
}

input.button[disabled] {
	opacity: .5;
}

a.button {
	width:114px;
	text-align:center;
}

a.button:hover, input.button:hover, a.button:active, input.button:active, a.button:focus, input.button:focus {
	background: #f29425; /* Old browsers */
	background: -moz-linear-gradient(top,  #f29425 0%, #f28d25 50%, #f28625 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29425), color-stop(50%,#f28d25), color-stop(100%,#f28625)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f29425 0%,#f28d25 50%,#f28625 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f29425 0%,#f28d25 50%,#f28625 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f29425 0%,#f28d25 50%,#f28625 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f29425 0%,#f28d25 50%,#f28625 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29425', endColorstr='#f28625',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
}

input.button.skip, a.button.skip {
	background:#525252;
	margin-right:20px;
}

input.button.skip:hover, a.button.skip:hover {
	background:#686868;
}

a.back.button {
	width:116px;
	padding:13px 11px;
	float:left;
	border:1px solid #616161;
	border-bottom-color: #353535;
	background: #717171; /* Old browsers */
	background: -moz-linear-gradient(top,  #717171 0%, #626262 50%, #535353 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(50%,#626262), color-stop(100%,#535353)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #717171 0%,#626262 50%,#535353 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #717171 0%,#626262 50%,#535353 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #717171 0%,#626262 50%,#535353 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #717171 0%,#626262 50%,#535353 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#535353',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px rgba(160, 160, 160, 1);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px rgba(160, 160, 160, 1);
	text-shadow: 0px 1px 0px #565b61;
	clear:left;
}

a.back.button:hover, a.back.button:active, a.back.button:focus {
	background: #727272; /* Old browsers */
	background: -moz-linear-gradient(top,  #727272 0%, #646464 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#646464)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #727272 0%,#646464 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #727272 0%,#646464 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #727272 0%,#646464 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #727272 0%,#646464 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#646464',GradientType=0 ); /* IE6-9 */
}

a.back img {
	float:left;
	margin-top:4px;
	margin-right:3px;
}

#personal, #business {
	margin-bottom:10px;
}

#personal strong, #business strong {
	font:bold 18px 'Calibri W01 Regular 904604', sans-serif;
}

#personal form, #business form {
	margin-top:40px;
}

#personal form p, #business form p {
	margin-bottom:42px;
}

#personal input, #business input[type="text"] {

}

#business input[type="radio"] + label + input[type="radio"] {
	margin-left:20px;
}



.birthdate .selector {
	width:56px!important;
	margin-top:0!important;
	background:#fff url(../images/registration/drop-arrow.png) 49px center no-repeat;
	float:left;
	clear:none;
}

.birthdate .selector:first:child {}

.birthdate select {
	width:78px!important;
}

.birthdate {
     margin-bottom: 5px!important;
}

.birthdate .selector:last-of-type {
	margin-right:0;
}

#main form.verify label, #main form#verify-information strong {
	font-size:18px;
	margin-bottom:10px;
}

#main form.verify input[type="radio"] {
	margin-right:10px;
}

#main form.verify p {
	line-height:24px;
	margin-bottom:30px;
}

em.incorrect-msg {
	font:400 italic 16px georgia, sans-serif;
	text-align:center;
	display:block;
	margin-bottom:40px;
	line-height:24px;
	color:#999;
}

.contact strong, .contact em {
	font-size:18px;
	display:block;
	text-align:center;
}

.contact em {
	font:bold italic 14px georgia, sans-serif;
	text-align:center;
	color:#999;
	margin:30px 0;
}

.contact strong a {
	color:#0e2032;
	text-decoration:none;
}

form.receive-deposit strong {
	font-size:18px;
	display:block;
}

form.receive-deposit strong, form.receive-deposit label {

}

form.receive-deposit input[type="checkbox"] {
	margin-right:5px;
}



#main form input.cc-num, #main form input.cc-exp {
	margin-right:20px;
}

#main form input.cc-exp, #main form input.ccv {
	width:121px;
}

#main form#cc-info h3 {
	font-size:18px;
}

#main .where-to em.arrival img {
	margin-bottom:0;
}

#main .where-to em.arrival {
	color:#999;
	font:italic 16px georgia, serif;
}

#main form#verify-information {
	border-top:1px solid #000;
	padding-top:20px;
	margin-top:5px;
}

#main form#verify-information p {
	margin-bottom:40px;
}

#main  p.terms {
	border-top:1px solid #000;
	margin-top:38px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-weight:bold;
	color:#0e2032;
	background-color: rgba(186, 186, 186, .15);
	margin-bottom:0;
	font-size:12px;
	width: 550px;
}

#main form#verify-information p a {
	color:#0e2032;
	text-decoration:underline;
}

#main .congrats-thirds {
	width:213px;
	margin-right:35px;
	text-align:center;
	margin-bottom:70px;
}

#main .congrats-thirds h4 {
	font:normal 16px arial, sans-serif;
}

#main .congrats-thirds:last-of-type {
	margin-right:0;
}

#main .congrats-thirds.last {
	margin-right:0;
}

#main h2.congrats {
	color:#035cb8;
	font-style:italic;
	margin-bottom:0px;
}

.congrats-tag {text-align:center; font-size:18px; margin-top:40px; padding-top:40px; border-top:1px solid #bbb; margin-bottom:35px;}

p.pricing {background:url(../images/registration/price-check.png) 20px top no-repeat; color:#212121; font-size:16px; margin-top:20px;}
p.pricing span {font-size:12px; color:#555;}

#main h3.services {
	text-align:center;
	margin:50px 30px 40px 30px;
	font-size:30px;
	line-height:1.2;
}

#main a.go-punchey {
	width:220px;
	margin:0 auto;
	float:none;
	clear:left;
	display:block;
}

.verify-form {
	display:none;
}

#main .where-to.verify h2 {
	margin-bottom:0;
}

#main .where-to.verify {
	margin-bottom:40px;
}

.details-saved, p.name strong, form p strong {
	font-family:'Calibri W01 Regular 904604', arial;
}

#question-form input[type="radio"] {
    margin-right: 8px;
}

#question-form label {
    margin-top: 10px;
}

.self-serve-next:disabled {
    opacity: .3;
    cursor: default!important;
}

.step-four-popup {
    display:none;
}

#simplemodal-container, .ui-dialog {font-size:14px;height:450px; width:460px; color:#616161; background-color:#fff; -webkit-border-radius: 5px; border-radius: 5px;/*-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .5); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .5);*/}
/*Modal*/
#simplemodal-overlay {background-color:#000; cursor:wait; opacity:0.4!important;}

body.merge-modal #simplemodal-container {width:704px!important; height:600px!important; left:302px!important; top:4%!important;}
#simplemodal-container, .ui-dialog {font-size:14px;height:450px; width:460px; color:#616161; background-color:#fff; -webkit-border-radius: 5px; border-radius: 5px;/*-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .5); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .5);*/}
.ui-dialog, .ui-widget-content {border:none;-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .0);}
body.biz-settings #simplemodal-container {height:550px;}
#simplemodal-container a.modalCloseImg, .ui-widget-header a .ui-icon {background-image:url(../images/vpos/close-btns.png); background-repeat: no-repeat; background-position:-162px top; width:16px; height:16px; display:inline; z-index:3200; position:absolute; top:12px; right:12px; cursor:pointer;}
#simplemodal-container a.modalCloseImg:hover, #simplemodal-container a.modalCloseImg:focus, #simplemodal-container a.modalCloseImg:active, .ui-widget-header a:hover .ui-icon, .ui-widget-header a:focus .ui-icon, .ui-widget-header a:active .ui-icon {background-position:-182px top;}
#simplemodal-container h3, .ui-dialog form.wysiwyg legend, .ui-dialog-titlebar  {-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
background: #878787; /* Old browsers */
background: -moz-linear-gradient(top, #878787 0%, #6d6d6d 49%, #4a4a4a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(49%,#6d6d6d), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #878787 0%,#6d6d6d 49%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #878787 0%,#6d6d6d 49%,#4a4a4a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #878787 0%,#6d6d6d 49%,#4a4a4a 100%); /* IE10+ */
background: linear-gradient(to bottom, #878787 0%,#6d6d6d 49%,#4a4a4a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
margin:0; color:#fff; padding:10px 17px; font-size:16px;text-shadow: 0px -1px 1px #4a4a4a; filter: dropshadow(color=#4a4a4a, offx=0, offy=-1);
font:bold 16px arial, sans-serif;}
#simplemodal-container p {margin-top:0; margin-bottom:10px; text-align: center;}
#simplemodal-container form.email-customer {padding:30px;}
.browserIE #simplemodal-container form.email-customer {padding:30px 30px 10px 30px;}

.confirm-table {
    display: table;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
}

.confirm-table-row {
    display: table-row;
}

.confirm-label, .confirm-bank-name, .confirm-account-number, .confirm-routing-number {
    display: table-cell;
    padding-bottom: 10px;
}

.confirm-label {
    text-align: right;
    width: 50%;
    padding-right: 20px;
}

.confirm-bank-name, .confirm-account-number, .confirm-routing-number {
    text-align: left;
}

.confirm-buttons {
    width: 100%;
}

.send-form a.button.steel.cancel {width: 100px; float: left; margin-right: 10px; padding: 6px 0 7px 0;}
a.button.steel {width:70px; padding:6px 0 7px 0; float:left; margin-right:10px;text-shadow: 0px -1px 1px #6f91a7;}
a.button-blue, a.button.steel {display: block; padding: 9px 14px; font-size: 14px;}
a.button-blue img {vertical-align:middle;}

input.button-blue, a.button-blue, .merge-modal input.button-blue:focus, button.button-blue {color:#fff; font-size:14px; font-weight:bold; text-align:center; display:block;background: rgb(75,172,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(75,172,234,1) 0%, rgba(44,139,219,1) 50%, rgba(18,111,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,172,234,1)), color-stop(50%,rgba(44,139,219,1)), color-stop(100%,rgba(18,111,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(75,172,234,1) 0%,rgba(44,139,219,1) 50%,rgba(18,111,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(75,172,234,1) 0%,rgba(44,139,219,1) 50%,rgba(18,111,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(75,172,234,1) 0%,rgba(44,139,219,1) 50%,rgba(18,111,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(75,172,234,1) 0%,rgba(44,139,219,1) 50%,rgba(18,111,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bacea', endColorstr='#126fce',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
border-radius: 3px; padding:7px 0;text-shadow: 0px -1px 0px #2d84df;}
input.button-blue:hover, a.button-blue:hover, input.button-blue:focus, input.button-blue:active, a.button-blue:active, a.button-blue:focus {background: #3698d6; /* Old browsers */
background: -moz-linear-gradient(top,  #3698d6 0%, #247bc2 51%, #125cad 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3698d6), color-stop(51%,#247bc2), color-stop(100%,#125cad)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3698d6 0%,#247bc2 51%,#125cad 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3698d6 0%,#247bc2 51%,#125cad 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3698d6 0%,#247bc2 51%,#125cad 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3698d6 0%,#247bc2 51%,#125cad 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3698d6', endColorstr='#125cad',GradientType=0 ); /* IE6-9 */
}

.send-form {position:absolute; bottom:0; left:0; width:337px; padding-top:10px; padding-bottom: 10px; padding-left:123px;
background: rgb(240,248,253); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,248,253,1) 0%, rgba(235,244,250,1) 50%, rgba(230,241,248,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,248,253,1)), color-stop(50%,rgba(235,244,250,1)), color-stop(100%,rgba(230,241,248,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,248,253,1) 0%,rgba(235,244,250,1) 50%,rgba(230,241,248,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,248,253,1) 0%,rgba(235,244,250,1) 50%,rgba(230,241,248,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,248,253,1) 0%,rgba(235,244,250,1) 50%,rgba(230,241,248,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,248,253,1) 0%,rgba(235,244,250,1) 50%,rgba(230,241,248,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f8fd', endColorstr='#e6f1f8',GradientType=0 ); /* IE6-9 */
border-top:1px solid #dcedf6;-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;}

.button.steel {background: rgb(166,198,219); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(166,198,219,1) 0%, rgba(144,176,197,1) 50%, rgba(127,160,180,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,198,219,1)), color-stop(50%,rgba(144,176,197,1)), color-stop(100%,rgba(127,160,180,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(166,198,219,1) 0%,rgba(144,176,197,1) 50%,rgba(127,160,180,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(166,198,219,1) 0%,rgba(144,176,197,1) 50%,rgba(127,160,180,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(166,198,219,1) 0%,rgba(144,176,197,1) 50%,rgba(127,160,180,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(166,198,219,1) 0%,rgba(144,176,197,1) 50%,rgba(127,160,180,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c6db', endColorstr='#7fa0b4',GradientType=0 ); /* IE6-9 */
text-shadow: 0px -1px 1px #7d99b7;
filter: dropshadow(color=#7d99b7, offx=0, offy=-1);
-webkit-box-shadow:none;
box-shadow: none;
border-color: #FFFFFF;
margin-top: 0;
}

a.button.steel:hover, a.button.steel:focus, a.button.steel:active {background: rgb(75,172,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(75,172,234,1) 0%, rgba(44,139,219,1) 50%, rgba(18,111,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,172,234,1)), color-stop(50%,rgba(44,139,219,1)), color-stop(100%,rgba(18,111,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(75,172,234,1) 0%,rgba(44,139,219,1) 50%,rgba(18,111,206,1) 100%);  Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  rgba(75,172,234,1) 0%,rgba(44,139,219,1) 50%,rgba(18,111,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(75,172,234,1) 0%,rgba(44,139,219,1) 50%,rgba(18,111,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(75,172,234,1) 0%,rgba(44,139,219,1) 50%,rgba(18,111,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bacea', endColorstr='#126fce',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:none;
box-shadow: none;}

.send-form .button-blue {
    width: 75px;
}

.card-reader-radio {
    height: 40px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.card-reader-radio label {
    font-weight: normal;
    font-size: 14px;
}

.card-reader-radio input {
    margin-top: 1px;
    margin-right: 5px;
}

.card-reader-radio li {
    display: inline-block;
    width: 45%;
}

.verify-form, .details-saved {
    overflow: hidden;
}

.card-reader-radio ul {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    margin-left: 80px;
}

.slider-display {width: 80%; margin-left: 10%;}
.slider-labels {width: 100%; font:12px arial, sans-serif; color: #999999; margin-bottom: 20px;}
.slider-label-right {float: right;}
#slider-range-max {width: 100%; margin-top: 5px; margin-bottom: 5px;}

.label-with-checkbox label {display: inline-block;}
.label-with-checkbox input[type=checkbox] {margin-left: 10px; margin-right: 5px; vertical-align: baseline!important;}
.label-with-checkbox {font-size: 12px; font-style: italic;}

/*.home-address-info {background:url(../images/registration/double-border.png) left bottom repeat-x; width:100%; float:left;padding-bottom: 7px; margin-bottom: 15px;}*/
.home-address-info {width:100%; float:left;padding-bottom: 7px; margin-bottom: 15px;}

.add-help-txt {margin: 5px 0 15px 0;}
.add-help-txt em {font:italic 12px arial, sans-serif; color: #999999;}

.state .selector {margin-top: 0!important;}

/*#keyed_in_transactions_percent {display: none;}*/

#main form .zip input {width: 132px;}

.address-check {top: 55px;right: 150px;}
.address-check input[type="radio"] {margin-left:5px;}


/*Step 5a*/
.span11 h2 {margin-left:40px;}
.device-choice {margin-left:70px; -webkit-border-radius: 5px; border-radius:5px;-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1); float:left;}
.device-choice .span2 {width:168px; padding:20px; margin-left:0; height:260px; border-right:1px solid #f9f8f8; border-left:1px solid #eae9e9; position:relative;}
.span2.margin-fix {border-left:0}
.span2.last {border-right:0;}
.span2 strong {color:#0e2031; font:18px 'Calibri W01 Bold 904607', 'Calibri', arial, sans-serif; margin-bottom:5px; display:block;}
strong.blue {color:#1385e5; display:inline}
.span2 img {clear:both; display:block; text-align:center; margin:0 auto; width:auto; margin-top:25px; margin-bottom:0; max-height:125px;}
.span8 { margin-left:0px; width:838px; margin-top:20px;}
.device-choice.large-button {
	padding:20px 0;
	width:100%;
}
table input.qty {width:40px; height:14px; text-align:center;}
table strong.blue {font:18px 'Calibri W01 Bold 904607', 'Calibri', arial, sans-serif;}

.device-choice h3 {padding-left:15px; padding-bottom:15px; padding-top:5px;border-bottom:1px solid #eae9e9;}
.device-choice table {width:838px;}
.device-choice td {padding:35px 50px 35px 20px; vertical-align: top; font-size:13px;}
.device-choice tr {border-top:1px solid #eae9e9;}
.device-choice tr:first-child {border-top:0;}
.device-choice td:first-child {padding-left:30px; width:100px}
.device-choice td:last-child {padding-right:30px;}
.device-choice table td img {width:auto;max-width:auto;}

/*Custom Radio Buttons - override orange style for iCheck jQuery Plugin*/

.button-position {
	position:absolute;
	bottom:15px;
}

.iradio_line-orange, .icheckbox_line-orange, .button-position.checked .iradio_line-orange {
width:85px;
height:21px;
background:url(../images/registration/select-bg.png) left top no-repeat;
padding:12px 30px;
font-size:15px;
font-weight:bold;
text-shadow: 0px 1px 0px #6a5f5a;
filter: dropshadow(color=#6a5f5a, offx=0, offy=1);
}


.iradio_line-orange.checked, .iradio_line-orange:hover, .iradio_line-orange.hover, .icheckbox_line-orange.checked, .icheckbox_line-orange.checked.hover, .icheckbox_line-orange:hover, .icheckbox_line-orange.hover {
background:url(../images/registration/select-bg.png) left -48px no-repeat;
text-shadow: 0px 1px 0px #ae4a1f;
filter: dropshadow(color=#ae4a1f, offx=0, offy=1);
}

.iradio_line-orange .icheck_line-icon, .icheckbox_line-orange .icheck_line-icon {left:auto;right:13px;}

.iradio_line-orange .icheck_line-icon, .icheckbox_line-orange .icheck_line-icon {background:transparent; width:16px; height:14px; top:45%;}

.iradio_line-orange.checked .icheck_line-icon, .icheckbox_line-orange.checked .icheck_line-icon {background:url(../images/registration/white-check.png); background-repeat: no-repeat; background-position: 0 0;}


.large-button .iradio_line-orange, .large-button .icheckbox_line-orange {background:url(../images/registration/large-button.png) left top no-repeat; width:401px; margin:0 auto; float:none;}

.large-button .iradio_line-orange.checked,
.large-button .icheckbox_line-orange.checked,
.large-button .iradio_line-orange:hover,
.large-button .icheckbox_line-orange:hover {
background:url(../images/registration/large-button.png) left -48px no-repeat;
}

/*Step 5b - Submit Application*/
#main form.submit div {width:85%; font-size:16px; line-height:24px; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ddd; background:url(../images/registration/light-green-check-sm.png) left 5px no-repeat; padding-left:5%;}
#main form.submit div:last-child {border-bottom:0;}
form.submit h3 {font:18px 'Calibri W01 Bold 904607', 'Calibri', arial, sans-serif;}
form.submit a.button.grey-gradient {margin-top:0;}

/*Step 6 - Congrats*/
#main .span3.suggestions {width:200px; -webkit-border-radius: 5px; border-radius:5px;-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1); margin-right:20px; font-size:16px; padding:30px; text-align:center; margin-bottom:30px;}
#main .span3.suggestions.last {margin-right:0;clear:right;}
.span3.suggestions a.button {clear:both; float:none; width:75px; height:20px; display:block;  margin:0 auto; line-height:1;}
#main .span3.suggestions img {margin-bottom:15px;}
#main .span3.suggestions a.button img {margin-bottom:0; margin-left:5px; margin-top:-1px;}
#main a.button.reg-done {clear:both; float:none; display:block; margin:0 auto 30px auto;width: 235px;
margin-left: 350px;}

/*Processing Plans*/
.processing-plans h2 {text-align:left; margin:0;}
img.low-fees {position:absolute; top:-20px;}
.plans {position:relative; min-height:650px; margin-top:80px; font-size:13px;}
.plan {background:#fff; width:275px;float:left; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1); -webkit-border-radius: 3px; border-radius:3px; z-index:40; color:#555; position:absolute; }
.plan.first {left:0; height:625px; margin-left:60px;}
.plan.first li.last {padding-top:20px;}
.plan.last {right:0; height:625px; margin-right:60px;}
.plan ul {margin:0; padding:0;}
.plan ul li {list-style:none; background:transparent; margin:0; padding:0; padding:10px 15px 10px 45px; border-top:1px solid #e4e2e2; background:url(../images/registration/light-green-check-sm.png) 15px 15px no-repeat; text-align:left;}
.plan.last ul li.heading {padding-left:0;}
.plan li.heading {background:#efefef; padding:15px 0; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; text-align:center; margin:4px 4px 0 4px; border-top:0;}
.plan li.heading h3 {font:45px 'FrankfurterSHOP-MediumRegular', arial, sans-serif; color:#555; text-align:center; line-height:1; margin:0;}
.plan li.heading h3 span {color:#036795;}
.plan li.heading h3 sup {font-size:16px; top:-0.8em;}
.plan li.heading em {font-size:12px; }
.plan.middle li.heading em {margin-top:9px; display:block;}
.plan.middle {z-index:45; top:-11px; left:330px; height:645px;}
.plan.middle li.heading {background:#ebf5fd; padding-top:25px; padding-bottom:27px;}
.plan li.plus, .plan li.last {background:transparent; padding-left:15px;}
.plan.first li.last {margin-top:115px; text-align:center; }
.plan li.last label {color:#555;}
.plan.last li {padding-left:60px; background-position:30px center; }
.plan li.plus {padding:10px 0 10px 15px; text-align:center;}
.plan li.plus em {font-weight:bold; color:#555; text-align:left; display:block;}
.plan.middle li.plus {padding-bottom:50px;}
.plan.middle ul li.last {padding-top:22px; text-align:center;}
.plan.last ul li.last {padding-top:21px; text-align:center;}
.plan li.plus img {padding-top:5px; text-align:center;}
.plan li.last strong {font:39px 'Calibri W01 Bold 904607', 'Calibri', arial, sans-serif; text-align:center; display:block;}
.plan li.last strong sup {font-size:17px; top:-0.8em;}
.plan.last li.last, .plan.last li.plus {padding-left:30px;}
.plan.last li.plus {padding-bottom:20px;}
.plan li a.button {max-width:205px; margin:0 auto;}
.notation {text-align:center; font-family:'Calibri W01 Bold 904607', 'Calibri', arial, sans-serif; text-transform: uppercase; font-size:13px;}
.notation strong {font-size:21px; text-transform: none;}



/* Header - Fix Logo */
header .logo {width:286px;}

/* Header - Fix Vertical Align */
header .span5.subtext {padding-top:40px;}

/* Powered by Punchey */
#main .powered-by {text-align: right;}
#main .powered-by .powered-link {
  margin-top: 30px;
  margin-right: 50px;
  display: inline-block;
  border: 1px solid #555;
  border-radius: 5px;
  text-decoration: none;
  padding: 2px 5px;
  color: #555;
}

/* =================================
	Change Header Background Color to Image (SalonProPOS)
================================= */
header.salonpropos {
  background-image: url(../images/company/salonpro-banner-bg.png);
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}

header.detailpropos {
  background-color: #288fd8;
}

header.detailpropos .logo {
  height: 82px;
	width: auto;
	padding: 10px;
}

header.groompropos {
  background-image: url(../images/company/salonpro-banner-bg.png);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}

header.groompropos .logo {
	height: 82px;
	width: auto;
	padding: 10px;
}

header.punchey {
  background-image: url(../images/company/punchey-banner-bg.jpg);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}

header.punchey .logo {
  width: 262px;
}

/* =================================
	Header
=================================*/
header .no-margin {
	margin: 0;
	position: relative;
}

header .logo {
	padding: 20px 0 20px 10px;
}

header .header-power-stripe {
	float: none;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
}

header .header-power-stripe span {
	font-family: Montserrat Regular, Helvetica, Arial, sans-serif;
	font-size: 14px;
}

header .header-power-stripe img {
  max-width: 80px;
  position: relative;
  top: 1px;
}

.dots header .span4.logo-wrap {
  width: auto;
  margin-right: 15px;
}

.dots header .span5.sub-title {
  margin: 0;
  padding-top: 40px;
  width: 240px;
}

/* Header Responsive */
@media screen and (max-width: 767px) {
  header .span4 {
    width: 200px;
  }

  header .span5 {
    display: none;
  }

  header .header-power-stripe {
    display: none;
  }
}

/* =================================
	Sign Up Body (Registration)
================================= */
.dots #main {
  padding: 20px 0 0;
}

.dots #main .no-margin {
  margin: 0;
}

.dots #main .registration-start {
	padding: 0 20px;
}

.dots #main .registration-start h2 {
	margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 44px;
  /*font-family: Montserrat Bold, "Calibri","Helvetica Neue","Helvetica","Arial",sans-serif;*/
}

.dots #main .registration-start .registration-wrapper {
	border-bottom: 2px solid #eaeaea;
}

.dots #main .registration-start .registration-wrapper:before,
.dots #main .registration-start .registration-wrapper:after {
	content: '';
	display: table;
	clear: both;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 {
  min-height: 295px;
  width: 48%;
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer {
  border-right: 2px solid #eaeaea;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}

/* .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="password"] */
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="text"] {
  display: block;
  margin: 10px auto 15px;
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}


.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .button-group {
  text-align: center;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image {
	padding: 20px 40px;
}


.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap {
	position: relative;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg {
	position: absolute;
	display: inline-block;
	background-color: rgba(86,91,200,0.6);
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.detailpro {
	background-color: rgba(40,143,216,0.6);
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.groompropos {
	background-color: rgba(86,107,200,0.6);
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.punch {
	background-color: rgba(0,140,212,0.6);
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg p {
	/*font-family: Montserrat Regular, Helvetica, Arial, sans-serif;*/
	line-height: normal;
	margin: 0;
	padding: 6px 12px;
	color: #fff;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.top-text {
	bottom: 85px;
	left: 0;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.top-text p {
	font-size: 20px;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.bottom-text {
	bottom: 50px;
	left: 0;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.bottom-text p {
	font-size: 14px;
}


/* =================================
	Footer - Got a Question
================================= */
.dots #main .registration-start .footer-block:before,
.dots #main .registration-start .footer-block:after {
	content: '';
	display: table;
	clear: both;
}

.dots #main .registration-start .footer-block .full-width {
	padding: 0;
	width: 100%;
}

.dots #main .registration-start .footer-block .question-text {
  margin: 30px 0 20px 50px;
	/*font-family: Montserrat Regular, Helvetica, Arial, sans-serif;*/
	color: #b0b0b0;
	font-size: 18px;
}

.dots #main .registration-start .footer-block .question-text .light-blue {
	color: #65c8d0;
}

/* =================================
	Self Serve - Step 1
================================= */
.dots #main .reg-steps {
  width: 100%;
}

.dots #main .step-start {
  padding: 0 20px;
}

.dots #main .step-start .step-wrapper form {
  width: 100%;
}

.dots #main .step-start .step-wrapper form:before,
.dots #main .step-start .step-wrapper form:after {
  content: '';
  display: table;
  clear: both;
}

.dots #main .step-start .step-wrapper form .footer-block {
  float: left;
  width: 100%;
}

.dots #main .step-start .step-wrapper form .custom-col-8 {
  width: 66%;
  margin: 0;
  padding: 0;
  border-width: 2px;
  border-color: #eaeaea;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding {
  padding: 0 20px;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 36px;
  /*font-family: Montserrat Bold, "Calibri","Helvetica Neue","Helvetica","Arial",sans-serif;*/
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding input[type="text"],
.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding input[type="password"],
.dots #main .step-start .step-wrapper form .half-select .selector,
.dots #main .step-start .step-wrapper form .state .selector,
.dots #main .step-start .step-wrapper form .industry .selector,
.dots #main .step-start .step-wrapper form .years .selector,
.dots #main .step-start .step-wrapper form label {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry,
.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .other-industry,
.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years {
  width: 246px;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry > div,
.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .other-industry #id_other_industry_div,
.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .other-industry #id_other_industry_div > div {
  width: 100%;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry > div input,
.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .other-industry #id_other_industry_div > div input {
  box-sizing: border-box;
  width: 100%;
  height: auto;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector {
  box-sizing: border-box;
  width: 196px !important;
  height: auto;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}

.dots #main .step-start .step-wrapper form .custom-col-4 {
  width: 33.3333%;
  margin: 0;
  padding: 0;
  border-width: 2px;
  border-color: #eaeaea;
}

.dots #main .step-start .step-wrapper form .custom-col-4 .inner-padding {
  padding: 0 20px;
}

.dots #main .step-start .step-wrapper form .custom-col-4 .inner-padding h3,
.dots #main .step-start .step-wrapper form .custom-col-4 .inner-padding p {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper form .custom-col-4 .inner-padding h3 {
  font-size: 18px;
  margin-top: 0;
}

.dots #main .step-start .step-wrapper form .custom-col-4 .inner-padding p {
  margin-bottom: 15px;
}

.dots #main .step-start .step-wrapper form .custom-col-4 .inner-padding p:last-child {
  margin-bottom: 0;
}

.dots #main .step-start .step-wrapper form .footer-block:before,
.dots #main .step-start .step-wrapper form .footer-block:after {
	content: '';
	display: table;
	clear: both;
}

.dots #main .step-start .step-wrapper form .footer-block .full-width {
	padding: 0;
	width: auto;
  margin-left: 30px;
}

.dots #main .step-start .step-wrapper form .footer-block .question-text {
	/*font-family: Montserrat Regular, Helvetica, Arial, sans-serif;*/
	color: #b0b0b0;
	font-size: 18px;
}

.dots #main .step-start .step-wrapper form .footer-block .continue-btn {
  margin-right: 30px;
  padding-left: 0;
}

.dots #main .step-start .step-wrapper form .footer-block .question-text .light-blue {
	color: #65c8d0;
}

/* =================================
	Self Serve - Step 2
================================= */
.dots #main .step-start .step-wrapper.step-2 form .custom-col-8,
.dots #main .step-start .step-wrapper.step-2 form .custom-col-4 {
  min-height: 543px;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.birthdate .selector span {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

/* =================================
	Self Serve - Step 4
================================= */
.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding h2 em {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-4 form .custom-col-8,
.dots #main .step-start .step-wrapper.step-4 form .custom-col-4 {
  min-height: 648px;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .half.small-half-select .selector span {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

/* =================================
	Self Serve - Step 5
================================= */
.dots #main .step-start .step-wrapper.step-5 form .plans {
  margin-top: 30px;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan ul li,
.dots #main .step-start .step-wrapper.step-5 form .plans .plan ul li em {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-5 form .plans li.plus {
  padding-right: 20px;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan ul li.last strong {
  /*font-family: Montserrat Bold, "Calibri","Helvetica Neue","Helvetica","Arial",sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan ul li.last input {
  vertical-align: middle;
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan ul li.last label {
  vertical-align: middle;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan.first {
  margin-left: 30px;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle {
  left: 300px;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
  margin-right: 30px;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li {
  padding-left: 54px;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li.heading {
  padding-left: 0;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li.plus,
.dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li.last {
  padding-left: 30px;
}

.dots #main .step-start .step-wrapper.step-5 form .footer-block {
  border-top: 2px solid #eaeaea;
}

.dots #main .step-start .step-wrapper.step-5 form .notation {
  margin: 0;
  padding: 10px 0 30px;
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-5 form .notation strong {
  /*font-family: Montserrat Bold, "Calibri","Helvetica Neue","Helvetica","Arial",sans-serif;*/
}

/* =================================
	Self Serve - Step 6
================================= */
.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 {
  width: 100%;
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header {
  margin-left: 0;
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header h2 {
  margin: 0;
  padding: 0 20px;
  font-size: 36px;
  /*font-family: Montserrat Bold, "Calibri","Helvetica Neue","Helvetica","Arial",sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header h2 em {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  float: none;
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice h3 {
  margin: 0;
  padding: 10px 15px;
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table {
  width: 100%;
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table tbody tr td {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table tbody tr td strong {
  /*font-family: Montserrat Bold, "Calibri","Helvetica Neue","Helvetica","Arial",sans-serif;*/
  font-size: 14px;
  vertical-align: middle;
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table tbody tr td strong.blue {
  margin-bottom: 3px;
  display: inline-block;
  font-size: 20px;
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table tbody tr td input {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
  vertical-align: middle;
  margin-bottom: 0;
  margin-top: 3px;
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table tbody tr td .icheckbox_line-orange {
  margin-top: 10px;
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button {
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange {
  margin-bottom: 0;
  padding-bottom: 9px;
}

.dots #main .step-start .step-wrapper.step-6 form .footer-block {
  margin-top: 30px;
  border-top: 2px solid #eaeaea;
}

/* =================================
	Self Serve - Step 7
================================= */
.dots #main .step-start .step-wrapper.step-7 form .footer-block,
.dots #main .step-start .step-wrapper.step-7 form .footer-block div {
  padding: 0;
  background: none;
  margin: 0;
  border-bottom: 0;
}

.dots #main .step-start .step-wrapper.step-7 form .custom-col-8,
.dots #main .step-start .step-wrapper.step-7 form .custom-col-4 {
  min-height: unset;
  border-bottom: none;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 {
  background: none;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding {
  width: 100%;
  padding: 0;
  margin: 0;
  background: none;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div {
  width: 100%;
  max-width: 546px;
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
  border-bottom: 2px solid #eaeaea;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div h3 {
  margin-top: 2px;
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div a.grey-gradient {
  margin-right: 15px;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .terms {
  margin: 0;
  width: 100%;
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .terms input {
  margin-top: 6px;
}

.dots #main .step-start .step-wrapper.step-7 form .custom-col-4,
.dots #main .step-start .step-wrapper.step-7 form .custom-col-4 .inner-padding {
  background: none;
}

.dots #main .step-start .step-wrapper.step-7 form .custom-col-4 p {
  font-size: 13px;
}

.dots #main .step-start .step-wrapper.step-7 form .footer-block {
  margin-bottom: 10px;
  border-top: 2px solid #eaeaea;
}

.dots #main .step-start .step-wrapper.step-7 form .footer-block .continue-btn {
  width: auto;
  margin-right: 30px;
  padding-left: 0;
}

.dots #main .step-start .step-wrapper.step-7 form .footer-block .full-width {
  margin-left: 15px;
}

/* =================================
	Self Serve - Congrats Page
================================= */
.dots #main .step-congrats .step-wrapper {
  padding: 0 20px;
}

.dots #main .step-congrats .step-wrapper .reg-steps {
  float: none;
  margin-bottom: 40px;
}

.dots #main .step-congrats .step-wrapper .reg-steps h1 {
  margin-bottom: 15px;
  /*font-family: Montserrat Bold, "Calibri","Helvetica Neue","Helvetica","Arial",sans-serif;*/
}

.dots #main .step-congrats .step-wrapper .reg-steps p {
  margin: 0 0 5px;
  /*font-family: Montserrat Light, "Arial Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
}

.dots #main .step-congrats .step-wrapper .footer-block:before,
.dots #main .step-congrats .step-wrapper .footer-block:after {
  content: '';
  display: table;
  clear: both;
}

.dots #main .step-congrats .step-wrapper .footer-block {
  border-top: 2px solid #eaeaea;
}

.dots #main .step-congrats .step-wrapper .footer-block .full-width {
  width: 100%;
  padding: 0;
}

.dots #main .step-congrats .step-wrapper .footer-block .full-width p.question-text {
  margin: 30px 0 20px 50px;
	/*font-family: Montserrat Regular, Helvetica, Arial, sans-serif;*/
	color: #b0b0b0;
	font-size: 18px;
}

.dots #main .step-congrats .step-wrapper .footer-block .full-width p.question-text .light-blue {
	color: #65c8d0;
}

/* =================================
	Responsive Self Serve (Apply Page)
================================= */
@media screen and (max-width: 767px) {
  .dots .container {
    width: 100%;
  }

  .dots #main {
    padding: 30px 0 0;
    margin-bottom: 0;
    border: none;
  }

  .dots header.punchey .logo {
    width: 160px;
  }

  .dots header .span5.sub-title {
    font-size: 16px;
    padding-top: 32px;
    width: 210px;
  }

  .dots #main .registration-start h2 {
    padding-left: 0;
    font-size: 28px;
    text-align: center;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 {
    width: 100%;
    min-height: unset;
    height: auto;
    margin-bottom: 40px;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer {
    border: none;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image {
    padding: 0;
    text-align: center;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap {
    display: inline-block;
  }

  .dots #main .registration-start .footer-block .question-text {
    margin: 30px 0;
    text-align: center;
  }


  @media screen and (max-width: 480px) {
    .dots #main {
      padding: 30px 15px 0;
    }

    .dots header .span4.logo-wrap {
      margin-left: 5px;
    }

    .dots header .span5.sub-title {
      font-size: 14px;
      padding-top: 24px;
      width: 100px;
    }

    .dots #main .registration-start {
      padding: 0;
    }

    .dots #main .registration-start h2 {
      font-size: 16px;
          line-height: 24px;
    }

    .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="text"],
    .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="password"] {
      width: 100%;
      padding: 9px 12px;
      max-width: 260px;
    }

    .dots #main .registration-start a.button.close {
      margin-right: 20px;
      margin-top: 0;
      padding: 9px 12px;
      width: 80px;
    }

    .dots #main .registration-start input.button {
      width: 100px;
      padding: 9px 12px;
      display: inline-block;
    }

    .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.top-text {
      bottom: 65px;
    }

    .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.top-text p {
      font-size: 16px;
    }

    .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.bottom-text {
      bottom: 30px;
    }

    .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.bottom-text p {
      font-size: 12px;
    }

    .dots #main .registration-start .footer-block .question-text .light-blue {
      display: block;
      margin-bottom: 5px;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots .container {
    width: 750px;
  }

  .dots #main {
    padding: 10px 0 0;
    margin-bottom: 0;
  }

  .dots header.punchey .logo {
    width: 225px;
  }

  .dots header .span5.sub-title {
    padding-top: 37px;
  }

  .dots #main .registration-start h2 {
    padding-left: 0;
    font-size: 34px;
    text-align: center;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 {
    width: 50%;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="text"],
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="password"] {
    width: 270px;
    margin-left: 20px;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image {
    padding: 25px 10px 0 37px;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.top-text {
    bottom: 75px;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.top-text p {
    font-size: 16px;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.bottom-text {
    bottom: 40px;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image .feature-wrap .blue-bg.bottom-text p {
    font-size: 12px;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .button-group {
    text-align: left;
    padding-left: 20px;
  }

  .dots #main .registration-start a.button.close {
    margin-right: 20px;
    width: 105px;
  }

  .dots #main .registration-start input.button {
    width: 125px;
  }

  .dots #main .span6 p.question-text {
    margin-top: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dots .container {
    width: 970px;
  }
}

/* =================================
	Responsive Self Serve (Step 1)
================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start {
    padding: 20px;
  }

  .dots #main .span12.reg-steps {
    float: none;
    margin: 0;
  }

  .dots #main .span12.reg-steps img {
    width: 100%;
    max-width: 520px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 {
    width: 100%;
    border-right: none;
    min-height: unset;
    margin-bottom: 30px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding {
    padding: 0 0 20px;
    width: 100%;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div {
    width: 100%;
    margin-bottom: 15px;
    float: none;
    clear: both;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .selector {
    width: 400px !important;
    background: #fff url(../images/registration/drop-arrow.png) 386px center no-repeat;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .selector select {
    width: 410px;
    margin-top: -40px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding input[type="text"],
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding input[type="password"],
  .dots #main .step-start .step-wrapper form .half-select .selector,
  .dots #main .step-start .step-wrapper form .state .selector,
  .dots #main .step-start .step-wrapper form .industry .selector,
  .dots #main .step-start .step-wrapper form .years .selector,
  .dots #main .step-start .step-wrapper form label {
    width: 100%;
    max-width: 400px;
    display: block;
    margin: 0 auto;
    margin-bottom: 0;
    clear: both;
    float: none;
  }

  .dots #main .step-start .step-wrapper form label {
    margin-bottom: 15px;
    text-align: center;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding h2 {
    padding-left: 0;
    font-size: 28px;
    text-align: center;
  }

  .dots #main .step-start .step-wrapper form .custom-col-4 {
    width: 100%;
    margin-bottom: 35px;
    min-height: unset;
  }

  .dots #main .step-start .step-wrapper form .custom-col-4 .inner-padding {
    padding: 0 0 20px;
  }

  .dots #main .step-start .step-wrapper form .footer-block .question-text {
    margin: 0;
  }

  .dots #main .step-start .step-wrapper form .footer-block .full-width,
  .dots #main .step-start .step-wrapper form .footer-block .continue-btn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    float: none;
  }

  .dots #main .step-start .step-wrapper form .footer-block .continue-btn .self-serve-next {
    float: none;
  }

  @media screen and (max-width: 480px) {
    .dots #main .step-start .step-wrapper form .footer-block .question-text .light-blue {
      display: block;
      margin-bottom: 3px;
    }

    .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .selector {
      max-width: 235px;
      background: #fff url(../images/registration/drop-arrow.png) 226px center no-repeat;
    }

    .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .selector select {
      width: 280px;
      max-width: 245px;
    }

    .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding input[type="text"],
    .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding input[type="password"],
    .dots #main .step-start .step-wrapper form .half-select .selector,
    .dots #main .step-start .step-wrapper form .state .selector,
    .dots #main .step-start .step-wrapper form .industry .selector,
    .dots #main .step-start .step-wrapper form .years .selector,
    .dots #main .step-start .step-wrapper form label {
      max-width: 235px;
    }

    .dots #main .step-start .step-wrapper form .footer-block .continue-btn .self-serve-next {
      width: 100%;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start {
    padding: 20px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 {
    width: 100%;
    border-right: none;
    min-height: unset;
    margin-bottom: 30px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding {
    padding: 0 70px 30px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding h2 {
    padding-left: 0;
    font-size: 34px;
    text-align: center;
  }

  .dots #main .step-start .step-wrapper form .custom-col-4 {
    width: 100%;
    margin-bottom: 35px;
    min-height: unset;
  }

  .dots #main .step-start .step-wrapper form .custom-col-4 .inner-padding {
    padding: 0 70px 30px;
  }

  .dots #main .step-start .step-wrapper form .footer-block .question-text {
    margin: 0;
  }

  .dots #main .step-start .step-wrapper form .footer-block .full-width,
  .dots #main .step-start .step-wrapper form .footer-block .continue-btn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    float: none;
  }

  .dots #main .step-start .step-wrapper form .footer-block .continue-btn .self-serve-next {
    float: none;
  }
}

/* =================================
	Responsive Self Serve (Step 2)
================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-4 {
    min-height: unset;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.birthdate {
    text-align: center;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.birthdate .selector {
    width: auto !important;
    background: #fff url(../images/registration/drop-arrow.png) 76px center no-repeat;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.birthdate .selector span {
    width: 80px !important;
    display: block;
    text-align: left;
    padding-left: 5px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.birthdate .selector select {
    width: 100% !important;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.relationship-business {
    text-align: center;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.relationship-business label {
    display: inline-block;
    width: auto;
    margin-right: 5px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.relationship-business label.part-title {
    display: block;
    margin: 0 auto 15px;
  }

  @media screen and (max-width: 480px) {
    .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.birthdate .selector {
      width: 280px !important;
      max-width: 235px;
      display: block;
      margin: 0 auto 15px;
      clear: both;
      float: none;
      text-align: left;
      background: #fff url(../images/registration/drop-arrow.png) 221px center no-repeat;
    }

    .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.birthdate .selector select {
      width: 280px !important;
    }

    .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div.relationship-business label {
       margin-right: 15px;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-4 {
    min-height: unset;
  }
}

/* =================================
	Responsive Self Serve (Step 4)
================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-4 {
    min-height: unset;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.small-half-select {
    text-align: center
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.small-half-select .selector {
    margin-right: 0;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.small-half-select .selector span {
    display: block;
    width: auto;
    text-align: left;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.company-tax {
    text-align: center;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.company-tax .checkbox-inline {
    display: inline-block;
    width: auto;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.company-tax label.no-bold {
    display: inline-block;
    width: auto;
  }

  .dots #main .step-start .step-wrapper.step-4 form .footer-block .continue-btn .self-serve-next {
    float: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-4 {
    min-height: unset;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding {
    padding: 0 90px 30px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .footer-block .continue-btn .self-serve-next {
    float: none;
  }
}

/* =================================
	Responsive Self Serve (Step 5)
================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.first,
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle,
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
    margin: 0 auto 30px;
		padding-top: 1px;
    width: 420px;
    height: auto;
    float: none;
    position: relative;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan li.heading h3 {
  	font-size: 32px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.first li.last {
    margin-top: 0;
    padding: 15px;
    border-top: none;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle li.plus,
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle li.last {
  	padding: 15px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan li.plus {
  	padding: 15px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan ul li.last strong {
		font-size: 30px;
	}

	.dots #main .step-start .step-wrapper.step-5 form .plans .plan ul li.last strong sup {
		top: 0;
	}

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li {
  	padding: 10px 15px 10px 45px;
  	background-position: 15px 15px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li.plus,
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li.last {
  	padding: 15px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle {
  	top: 0;
    left: 0;
  }

  .dots #main .step-start .step-wrapper.step-5 form .footer-block {
  	padding-top: 40px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan ul li.last label {
    display: inline-block;
    width: auto;
    margin: 0;
  }

  @media screen and (max-width: 480px) {
  	.dots #main .step-start .step-wrapper.step-5 form .plans .plan.first,
	  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle,
	  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
	  	width: 100%;
	  }

	  .dots #main .step-start .step-wrapper.step-5 {
	  	margin: 0 -15px;
  	}

  	.dots #main .step-start .step-wrapper.step-5 form .plans {
  		margin-top: 10px;
  	}

  	.dots #main .step-start .step-wrapper.step-5 form .footer-block {
  		padding-top: 20px;
  	}
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.first,
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle,
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
    margin: 0 auto 30px;
	padding-top: 1px;
    width: 50%;
    height: auto;
    float: none;
    position: relative;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.first li.last {
    margin-top: 0;
    padding: 15px;
    border-top: none;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle li.plus,
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle li.last {
  	padding: 15px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan li.plus {
  	padding: 15px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li {
  	padding: 10px 15px 10px 45px;
  	background-position: 15px 15px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li.plus,
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last li.last {
  	padding: 15px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle {
    left: 0;
  }

  .dots #main .step-start .step-wrapper.step-5 form .footer-block {
  	padding-top: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.first {
    margin-left: 50px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle {
    left: 320px;
  }

  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
    margin-right: 50px;
  }
}

/* =================================
	Responsive Self Serve (Step 6)
================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header h2 {
    font-size: 28px;
    text-align: center;
    padding: 0 20px;
  }

  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header h2 em {
    margin-top: 5px;
  }

  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange {
    margin-bottom: 0;
    width: 255px;
    background-size: 307px 105px;
    padding: 10px 30px;
    height: auto;
    margin: 0 auto;
    background-position: left 2px;
  }

  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange.checked,
  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange:hover {
    background-position: left -54px;
  }

  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table tbody tr td {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
  }

  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table tbody tr td .icheckbox_line-orange {
    margin: 10px auto 5px;
    text-align: left;
  }

  .dots #main .step-start .step-wrapper.step-6 form .footer-block {
    padding-top: 30px;
  }

  @media screen and (max-width: 480px) {
    .dots #main .step-start .step-wrapper.step-6 {
      margin: 0 -15px;
    }

    .dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header h2 {
      padding: 0;
    }

    .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange {
      padding: 10px 15px;
      width: 225px;
      background-size: 294px 105px;
      border-radius: 5px;
    }

    .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange:after {
      content: '';
      position: absolute;
      top: 3px;
      right: 33px;
      height: 48px;
      width: 1px;
      background-color: #797979;
    }

    .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange.checked:after {
      background-color: #de561f;
    }

    .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange .icheck_line-icon {
      right: 10px;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header h2 {
    font-size: 34px;
    text-align: center;
    padding: 0 70px;
  }

  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header h2 em {
    margin-top: 5px;
  }

  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice.large-button .icheckbox_line-orange {
    margin-bottom: 0;
  }

  .dots #main .step-start .step-wrapper.step-6 form .footer-block {
    padding-top: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dots #main .step-start .step-wrapper.step-6 form .custom-col-12.header h2 {
    padding: 0 35px;
  }
}

/* =================================
	Responsive Self Serve (Step 7)
================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-7 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-7 form .custom-col-4 {
    min-height: unset;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 {
    border-bottom: 2px solid #eaeaea;
    margin-bottom: 30px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div {
    max-width: 100%;
    padding-left: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div h3,
  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div p {
    padding-left: 25px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div h3 {
    font-size: 18px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div p {
    font-size: 13px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div a.grey-gradient {
    width: 50px;
    padding: 8px 12px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .terms {
    margin-bottom: 20px;
    border: 1px solid #000;
  }

  .dots #main .step-start .step-wrapper.step-7 form .custom-col-4 {
    margin-bottom: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .custom-col-4 .inner-padding {
    padding: 0;
    width: auto;
  }

  .dots #main .step-start .step-wrapper.step-7 form .custom-col-4 .inner-padding div {
    width: auto;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block {
    padding-top: 35px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block .full-width {
    margin-left: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block .continue-btn {
    margin-right: 0;
  }

  @media screen and (max-width: 480px) {
    .dots #main .step-start .step-wrapper.step-7 {
      margin: 0 -15px;
    }

    .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div a.grey-gradient {
      margin-right: 0;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-7 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-7 form .custom-col-4 {
    min-height: unset;
    margin-bottom: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 {
    border-bottom: 2px solid #eaeaea;
    margin-bottom: 30px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div {
    max-width: 100%;
    padding-left: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div h3,
  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div p {
    padding-left: 25px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .terms {
    margin-bottom: 20px;
    border: 1px solid #000;
  }

  .dots #main .step-start .step-wrapper.step-7 form .custom-col-4 .inner-padding {
    padding: 0 70px 30px;
    width: auto;
  }

  .dots #main .step-start .step-wrapper.step-7 form .custom-col-4 .inner-padding div {
    width: auto;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block {
    border-top: 2px solid #eaeaea;
    padding-top: 35px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block .full-width {
    margin-left: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block .continue-btn {
    margin-right: 0;
  }
}

/* =================================
	Responsive Self Serve (Congrats Page)
================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-congrats .step-wrapper .reg-steps h1 {
    font-size: 34px;
  }

  .dots #main .step-congrats .step-wrapper .footer-block .full-width p.question-text {
    margin: 20px 0;
    text-align: center;
  }

  @media screen and (max-width: 480px) {
    .dots #main .step-congrats .step-wrapper .reg-steps h1 {
      font-size: 28px;
    }

    .dots #main .step-congrats .step-wrapper .footer-block .full-width p.question-text .light-blue {
      display: block;
      margin-bottom: 3px;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-congrats .step-wrapper .reg-steps {
    margin-bottom: 30px;
  }

  .dots #main .step-congrats .step-wrapper .reg-steps h1 {
    font-size: 34px;
  }
}

/* ========================
  Step 4 - Field Holders
======================== */
#main .span6.financial-form,
#main .span3.financial-form {
  min-height: 465px;
}

#main .financial-form .field-holder:before,
#main .financial-form .field-holder:after {
  content: '';
  display: table;
  clear: both;
}

#main .financial-form .field-holder .exp-date .input-wrap input {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

#main .financial-form .field-holder .state {
  width: 235px;
}

#main .financial-form .field-holder .state .selector {
  width: 220px !important;
  margin-bottom: 15px;
  background-position: 206px;
}

#main .financial-form .field-holder .state .selector select {
  margin-top: -44px;
  margin-left: -1px;
  width: 100%;
}

#main .financial-form .field-holder .card-input .input-wrap,
#main .financial-form .field-holder .exp-date .input-wrap {
  margin-bottom: 0;
}

#main .financial-form .field-holder .card-input .input-wrap .cc-image {
  position: absolute;
  right: 10px;
  top: 10px;
}

#main .financial-form .field-holder .card-input .input-wrap .cc-image .fa {
  font-size: 22px;
  color: #b29ca5;
}

#main .financial-form .field-holder .card-input .message,
#main .financial-form .field-holder .exp-date .message {
  position: relative;
  top: 18px;
  margin-top: -35px;
  font-size: 12px;
  color: #a94442;
}

/* ========================
  Step 7 - CC Field Holders
======================== */
#main form.submit div:before,
#main form.submit div:after {
  content: '';
  display: table;
  clear: both;
}

#main form.submit h3 {
  margin-top: 3px;
}

#main .identity .field-holder,
#main .identity .field-holder div {
  background: none !important;
  border-bottom: none;
  padding-left: 0;
}

#main .identity .field-holder {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

#main .identity .field-holder:before,
#main .identity .field-holder:after {
  content: '';
  display: table;
  clear: both;
}

#main .identity .field-holder div {
  margin-bottom: 0;
  padding-bottom: 0;
  width: 100%;
}

#main .identity .field-holder .half {
  position: relative;
  padding-bottom: 20px;
}

#main .identity .field-holder .half label {
  font-size: 16px;
}

#main .identity .field-holder .half .message {
  position: absolute;
  bottom: -2px;
  font-size: 12px;
  color: #a94442;
}

#main .identity .field-holder .half input {
  margin-bottom: 0;
}

#main .identity .field-holder .card-input {
  width: 220px;
}

#main .identity .field-holder .card-input .input-wrap {}

#main .identity .field-holder .card-input .input-wrap .cc-image {
  position: absolute;
  right: 10px;
  top: 10px;
}

#main .identity .field-holder .card-input .input-wrap .cc-image .fa {
  font-size: 22px;
  color: #b29ca5;
}

#main .identity .field-holder .card-input .input-wrap input {
  width: 205px;
}

#main .identity .field-holder .exp-date {
  width: 104px;
}

#main .identity .field-holder .exp-date .selector {
  margin-top: 0 !important;
  width: 87px !important;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}

#main .identity .field-holder .exp-date .selector select {
  top: 0;
  position: absolute;
  left: 0;
  margin-top: 0;
  width: 93px;
  margin-left: 0;
}

#main .identity .field-holder .exp-date .selector span {
  padding-left: 10px;
}

#main .identity .field-holder .name-input {
  width: 220px;
}

#main .identity .field-holder .name-input input {
  width: 205px;
  margin-bottom: 0;
}

#main .identity .field-holder .zip-input {
  width: 220px;
}

#main .identity .field-holder .zip-input input {
  width: 205px;
  margin-bottom: 0;
}

/* =======================================
  Self Serve Step 7 (Credit Card Form)
======================================= */
.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder,
.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder div {
  border-bottom: none;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half {
  max-width: 253px;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date {
  max-width: 116px;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date .selector {
  margin-right: 0;
  width: 100% !important;
  box-sizing: border-box;
  height: auto;
  border-bottom: 1px solid #ccc;
  padding: 8px 0;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date .selector select {
  width: 100%;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half .message {
  bottom: 0;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half .message .errorlist {
  margin: 0;
  list-style-type: none;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder input {
  box-sizing: border-box;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half {
    max-width: unset;
    margin-bottom: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date {
    float: left;
    clear: none;
    max-width: 190px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date.exp-year {
    margin-right: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date .selector {
    margin-bottom: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date .selector select {
    margin-top: 0;
  }

  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half .message {
    text-align: center;
  }

  .dots #main .step-start .step-wrapper form label {
    margin-bottom: 5px;
  }

  @media screen and (max-width: 480px) {
    .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date {
      float: none;
      width: 100%;
      max-width: 235px;
      margin-left: auto;
      margin-right: auto;
    }

    .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date.exp-year {
      margin-right: auto;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder {
    display: block;
    float: none;
    margin-left: auto;
    margin-top: 20px;
    margin-right: auto;
    max-width: 550px;
  }
}

/* =======================================
  Self Serve Step 1 (Scale Down Responsive)
======================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start {
    padding: 20px 0;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div > div input[type="text"],
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div > div input[type="password"],
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div > div input[type="email"],
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div > div input[type="number"],
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding div > div input[type="tel"] {
    max-width: unset;
    box-sizing: border-box;
    height: auto;
  }

  /* ============ Personal Name ============ */
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .personal-name:before,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .personal-name:after {
    content: '';
    display: table;
    clear: both;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .personal-name .legal-name,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .personal-name .dba-name {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .personal-name .business-structure {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .personal-name .business-structure .selector {
    max-width: unset;
    width: 100% !important;
    box-sizing: border-box;
    height: 42px;
    background-position: calc(100% - 17px) center;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .personal-name .business-structure .selector select {
    max-width: unset;
    width: 100%;
    margin-left: 0;
  }

  /* ============ Business Address ============ */
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .street-floor:before,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .street-floor:after {
    content: '';
    display: table;
    clear: both;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .street-floor .street-address,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .street-floor .floor-address {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .street-floor .zip-name,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .street-floor .website-name,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .street-floor .phone-name {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .city-state-zip .city-name,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .city-state-zip .state,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .city-state-zip .zip-name {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .city-state-zip .state {
    margin-right: 0;
    margin-bottom: 0;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .city-state-zip .state .selector {
    max-width: unset;
    width: 100% !important;
    box-sizing: border-box;
    height: 42px;
    background-position: calc(100% - 17px) center;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .business-address .city-state-zip .state .selector select {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }

  /* ============ Contact Information ============ */
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .contact-info .website-name,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .contact-info .phone-name {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .contact-email:before,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .contact-email:after {
    content: '';
    display: table;
    clear: both;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .contact-email .business-email {
    width: 100%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  /* ============ Industry ============ */
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .other-industry {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry .selector {
    max-width: unset;
    width: 100% !important;
    box-sizing: border-box;
    height: 42px;
    background-position: calc(100% - 17px) center;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry .selector select {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .other-industry,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years {
    width: 100%;
  }

  /* ============ Date Business Establshied ============ */
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector {
    max-width: unset;
    width: 50% !important;
    box-sizing: border-box;
    height: 42px;
    background-position: calc(100% - 17px) center;
    float: left;
    clear: none;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector:first-of-type {
    width: calc(50% - 10px) !important;
    margin-right: 10px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector:last-child {
    width: calc(50% - 10px) !important;
    margin-left: 10px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector select {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }
}

/* =======================================
  Self Serve Step 2 (Scale Down Responsive)
======================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding > div input[type="text"],
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding > div input[type="email"],
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding > div input[type="number"],
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding > div input[type="tel"] {
    max-width: unset;
    box-sizing: border-box;
    height: auto;
  }

  /* ============ Personal Name ============ */
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .personal-name:before,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .personal-name:after {
    content: '';
    display: table;
    clear: both;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .personal-name .first-name,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .personal-name .last-name {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  /* ============ Street Address 1 & 2 ============ */
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .street-address1,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .street-address2 {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    box-sizing: border-box;
  }

  /* ============ City / State/ ZIP ============ */
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip:before,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip:after {
    content: '';
    display: table;
    clear: both;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip .city-name,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip .state,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip .zip-name {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip .state {
    margin-right: 0;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip .state .selector {
    max-width: unset;
    width: 100% !important;
    box-sizing: border-box;
    height: 42px;
    background-position: calc(100% - 17px) center;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip .state .selector select {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }

  /* ============ SS Number ============ */
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .ss-num {
    width: 100%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0;
    box-sizing: border-box;
  }

  /* ============ Birthdate ============ */
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.birthdate {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.birthdate:before,
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.birthdate:after {
    content: '';
    display: table;
    clear: both;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.birthdate > div {
    float: left;
    clear: none;
    margin-right: 10px;
    max-width: unset;
    width: calc(33.3333% - 10px) !important;
    box-sizing: border-box;
    height: 42px;
    background-position: calc(100% - 17px) center;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.birthdate > div:first-of-type {
    width: 33.3333% !important;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.birthdate > div:last-child {
    margin-right: 0;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.birthdate > div select {
    width: 100% !important;
    max-width: unset;
    margin-left: 0;
  }

  /* ============ Percent Relationship ============ */
  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.percent-ownership {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding div.percent-ownership input {
    width: calc(100% - 30px);
    display: inline-block;
    margin-right: 5px;
  }
}

/* =======================================
  Self Serve Step 3 (Scale Down Responsive)
======================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0;
    margin-bottom: 0;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half > div {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half label {
    font-size: 14px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.small-half-select .selector {
    max-width: unset;
    width: 100% !important;
    box-sizing: border-box;
    height: 42px;
    background-position: calc(100% - 17px) center;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.small-half-select .selector span {
    width: 100% !important;
    padding-left: 6px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.small-half-select .selector select {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.monthly-volume {
    margin-top: 16px !important;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.company-tax .checkbox-inline {
    position: relative;
    left: 3px;
    top: 3px;
    float: left;
    clear: none;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.company-tax label.no-bold {
    float: left;
    width: 100px;
    clear: none;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.routing-number {
    margin-top: 16px !important;
  }

  @media (min-width: 481px) and (max-width: 767px) {
    .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.small-half-select {
      height: auto;
    }

    .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.routing-number {
      margin-top: 0 !important;
    }

    .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.company-tax label.no-bold {
      width: 150px;
    }

    .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .half.company-tax .checkbox-inline {
      left: 5px;
      top: -2px;
    }
  }
}

/* =======================================
  Self Serve Step 5 (Scale Down Responsive)
======================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-5 {
    margin: 0;
  }
}

/* =======================================
  Self Serve Step 6 (Scale Down Responsive)
======================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-6 {
    margin: 0;
  }
}

/* =======================================
  Self Serve Step 7 (Scale Down Responsive)
======================================= */
@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-7 {
    margin: 0;
  }
}

/* =======================================
  CLEANUP PER TICKET 6598 & 6785
======================================= */
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper {
  display: flex;
  width: 320px;
  margin: 0 auto;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.passwird-confirm-password-wrap .column-1,
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.passwird-confirm-password-wrap .column-2 {
  width: 50%;
  box-sizing: border-box;
  height: auto;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.passwird-confirm-password-wrap .column-1 {
  margin-right: 5px;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.passwird-confirm-password-wrap .column-2 {
  margin-left: 5px;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.apply-actions {
  padding-top: 0;
  margin-top: 20px;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.apply-actions .close,
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.apply-actions .btn-submit {
  width: 50%;
  box-sizing: border-box;
  height: auto;
  margin-top: 0;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.apply-actions .close {
  margin-right: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper {
    width: 290px;
    margin: 0 auto 0 15px;  
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper input[name="email"] {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.passwird-confirm-password-wrap .column-1 {
    margin-left: 0;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.apply-actions {
    padding-left: 0;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .feature-image {
    padding: 40px 20px 40px 40px;
  }
}

@media screen and (max-width: 767px) {
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper input[name="email"] {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }
}

/* =======================================
  [#6938] Self Serve Error Labels (APPLY PAGE)
======================================= */
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner label.error {
  top: auto;
  right: auto;
  bottom: -15px;
  left: 0;
  margin-bottom: 0;
  width: 100%;
  text-indent: 0;
  font-size: 12px;
  color: #e93939 !important;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner label.error.error-tip {
  min-width: 1px;
  max-width: 100%;
  background-color: transparent;
  text-align: left;
  border-radius: 0;
  padding: 0;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner label.error.error-tip:after {
  display: none;
}

/* =======================================
  [#6938] Self Serve Error Labels (STEP PAGES)
======================================= */
.dots #main .step-start .step-wrapper form .inner-padding label.error {
  top: auto;
  right: auto;
  bottom: -15px;
  left: 0;
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
  text-indent: 0;
  font-size: 12px;
  color: #e93939 !important;
}

.dots #main .step-start .step-wrapper form .inner-padding label.error.error-tip {
  min-width: 1px;
  max-width: 100%;
  background-color: transparent;
  text-align: left;
  border-radius: 0;
  padding: 0;
}

.dots #main .step-start .step-wrapper form .inner-padding label.error.error-tip:after {
  display: none;
}

/* =======================================
  [#6938] Fix Styles (APPLY PAGE)
======================================= */
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper {
  margin-bottom: 20px;
}

.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="text"],
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="password"],
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="email"],
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="tel"],
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="number"],
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner select,
.dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner textarea {
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper {
    max-width: 100%;
  }

  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner .field-wrapper.apply-actions {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="text"],
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="password"],
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="email"],
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="tel"],
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner input[type="number"],
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner select,
  .dots #main .registration-start .registration-wrapper .custom-col-6 .start-outer .start-inner textarea {
    margin-left: 0;
    margin-right: 0;
  }
}

/* =======================================
  [#6938] Fix Styles (STEP PAGES)
======================================= */
.dots #main .step-start .step-wrapper form .inner-padding .field-wrapper {
  margin-bottom: 20px;
}

.dots #main .step-start .step-wrapper form .inner-padding input[type="text"],
.dots #main .step-start .step-wrapper form .inner-padding input[type="password"],
.dots #main .step-start .step-wrapper form .inner-padding input[type="email"],
.dots #main .step-start .step-wrapper form .inner-padding input[type="tel"],
.dots #main .step-start .step-wrapper form .inner-padding input[type="number"],
.dots #main .step-start .step-wrapper form .inner-padding select,
.dots #main .step-start .step-wrapper form .inner-padding textarea {
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}

/* =======================================
  [#6938] Fix Styles (STEP 1)
======================================= */
.dots #main .span6.business-form,
.dots #main .span3.business-form {
  min-height: 500px;
}

.dots #main .step-start .step-wrapper form .inner-padding .personal-name,
.dots #main .step-start .step-wrapper form .inner-padding .business-address,
.dots #main .step-start .step-wrapper form .inner-padding .industry,
.dots #main .step-start .step-wrapper form .inner-padding .years {
  margin-bottom: 0;
}

.dots #main .step-start .step-wrapper form .inner-padding .business-structure .selector,
.dots #main .step-start .step-wrapper form .inner-padding .industry .selector,
.dots #main .step-start .step-wrapper form .inner-padding .years .selector {
  margin-bottom: 0;
  background-position: calc(100% - 17px) center !important;
}

.dots #main .step-start .step-wrapper form .inner-padding .business-structure .selector select,
.dots #main .step-start .step-wrapper form .inner-padding .industry .selector select,
.dots #main .step-start .step-wrapper form .inner-padding .years .selector select  {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  height: 100%;
  width: 100%;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years {
  width: 100%;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector {
  margin-right: 20px;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .employee-number .employee-number-field {
  margin-right: 20px;
}

/* About Your Business */
.dots #main .step-start .step-wrapper form .inner-padding .personal-name input {
  width: 246px; 
}

/* Business Address & Contact Info */
.dots #main .step-start .step-wrapper form .inner-padding .home-address,
.dots #main .step-start .step-wrapper form .inner-padding .website,
.dots #main .step-start .step-wrapper form .inner-padding .business-email {
  width: 295px;
}

.dots #main .step-start .step-wrapper form .inner-padding .additional-address,
.dots #main .step-start .step-wrapper form .inner-padding input.zip,
.dots #main .step-start .step-wrapper form .inner-padding input.phone {
  width: 196px;
}

/* Your Industry */
.dots #main .step-start .step-wrapper form .inner-padding .industry .selector {
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
  width: 246px !important;
}

.dots #main .step-start .step-wrapper form .inner-padding .industry .selector select {
  width: 100%;
}

.dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .employee-number .selector {
  width: 295px !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dots #main .step-start .step-wrapper form .inner-padding .personal-name input {
    width: 260px;
  }

  .dots #main .step-start .step-wrapper form .inner-padding .home-address,
  .dots #main .step-start .step-wrapper form .inner-padding .website,
  .dots #main .step-start .step-wrapper form .inner-padding .business-email {
    width: 315px;
  }

  .dots #main .step-start .step-wrapper form .inner-padding .additional-address,
  .dots #main .step-start .step-wrapper form .inner-padding input.zip,
  .dots #main .step-start .step-wrapper form .inner-padding input.phone {
    width: 205px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .other-industry {
    width: 260px;
  }

  .dots #main .step-start .step-wrapper form .inner-padding .industry .selector {
    width: 260px !important;
  }

  .dots #main .step-start .step-wrapper form .inner-padding .business-structure .selector {
    width: 246px !important;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector {
    width: 205px !important;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .employee-number .selector {
    width: 315px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper form .inner-padding .personal-name input {
    width: 255px;
  }

  .dots #main .step-start .step-wrapper form .inner-padding .business-structure .selector {
    width: 241px !important;
  }

  .dots #main .step-start .step-wrapper form .inner-padding .home-address,
  .dots #main .step-start .step-wrapper form .inner-padding .website,
  .dots #main .step-start .step-wrapper form .inner-padding .business-email {
    width: 310px;
  }

  .dots #main .step-start .step-wrapper form .inner-padding .additional-address,
  .dots #main .step-start .step-wrapper form .inner-padding input.zip,
  .dots #main .step-start .step-wrapper form .inner-padding input.phone {
    width: 200px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .other-industry {
    width: 255px;
  }

  .dots #main .step-start .step-wrapper form .inner-padding .industry .selector {
    width: 255px !important;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector {
    width: 200px !important;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .employee-number .selector {
    width: 310px !important;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .dots #main .span12.reg-steps img {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
  }

  .dots #main .step-start .step-wrapper form#business-use {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .dots #main .step-start .step-wrapper form .business-form {
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .personal-name .business-structure .selector select {
    margin-top: 0;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .industry .selector select {
    margin-top: 0;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years {
    padding-left: 0;
    padding-right: 0;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector:last-child {
    float: none;
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 20px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .establish-date,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .employee-number {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .employee-number .selector {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years {
    padding-left: 0;
    padding-right: 0;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .selector:last-child {
    float: none;
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 20px;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .establish-date,
  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .employee-number {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
  }

  .dots #main .step-start .step-wrapper form .custom-col-8 .inner-padding .years .employee-number .selector {
    width: 100%;
    margin-right: 0;
  }
}

/* =======================================
  [#6938] Fix Styles (STEP 2)
======================================= */
.dots #main .step-start .step-wrapper.step-2 form .inner-padding input.zip {
  width: 122px;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .state {
  width: 159px;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .state .selector {
  box-sizing: border-box;
  height: auto;
  width: 100% !important;
  background-position: calc(100% - 17px) center;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate {
  width: 247px;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap {
  margin-right: 12px;
  margin-bottom: 0;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap:last-of-type {
  margin-right: 0;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap .selector {
  width: 74px !important;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .city-state-zip .state .selector,
.dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap .selector {
  box-sizing: border-box;
  height: auto;
  margin-bottom: 0;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .city-state-zip .state .selector select,
.dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap .selector select {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  height: 100%;
  width: 100% !important;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .ss-num {
  width: 246px;
  margin-right: 20px;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .ss-num .field-wrapper,
.dots #main .step-start .step-wrapper.step-2 form .inner-padding .ss-num .field-wrapper input {
  width: 100%;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .relationship-business {
  width: 100%;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .relationship-business .label-items {
  display: inline-block;
  margin-bottom: 0;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding .percent-ownership {
  margin-top: 0;
}

.dots #main .step-start .step-wrapper.step-2 form .inner-padding label.error.error-tip {
  top: calc(100% + 1px);
}

@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-2 form .inner-padding label.error {
    max-width: 100%;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding label.error.error-tip {
    text-align: center;
  }

  .dots #main .step-start .step-wrapper.step-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .field-wrapper {
    margin-bottom: 20px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip .state .selector select {
    margin-top: 0;
  }

  .dots #main .step-start .step-wrapper.step-2 form .custom-col-8 .inner-padding .city-state-zip .zip-name input {
    width: 100%;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate {
    width: 100%;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate.field-wrapper {
    margin-bottom: 20px !important;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap .selector {
    width: 100% !important;
    background-position: calc(100% - 17px) center;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap .selector select {
    margin-top: 0;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .relationship-business .label-items {
    width: auto;
    margin-bottom: 10px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .relationship-business .label-items label {
    margin-bottom: 0;
  }

  @media (max-width: 480px) {
    .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate.field-wrapper {
      margin-bottom: 40px !important;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .state {
    width: 178px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .ss-num {
    width: 255px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate {
    width: 255px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap .selector {
    width: 77px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .state {
    width: 188px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .ss-num {
    width: 260px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate {
    width: 260px;
  }

  .dots #main .step-start .step-wrapper.step-2 form .inner-padding .birthdate .selector-wrap .selector {
    width: 78px !important;
  }
}

/* =======================================
  [#6938] Fix Styles (STEP 4)
======================================= */
.dots #main .step-start .step-wrapper.step-4 form .custom-col-8,
.dots #main .step-start .step-wrapper.step-4 form .custom-col-4 {
  min-height: 670px;
}

.dots #main .step-start .step-wrapper.step-4 form .inner-padding .field-wrapper {
  width: 247px;
  height: auto;
}

.dots #main .step-start .step-wrapper.step-4 form .inner-padding .field-wrapper .input-wrapper {
  width: 100%;
  margin-bottom: 0;
}

.dots #main .step-start .step-wrapper.step-4 form .inner-padding .field-wrapper .input-wrapper input {
  width: 100%;
}

.dots #main .step-start .step-wrapper.step-4 form .inner-padding .card-transactions .selector {
  box-sizing: border-box;
  height: auto;
  width: 100% !important;
  margin-bottom: 0;
  background-position: calc(100% - 17px) center !important;
}

.dots #main .step-start .step-wrapper.step-4 form .inner-padding .card-transactions .selector select  {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-4 {
    min-height: 1px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .field-wrapper {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .field-wrapper label {
    max-width: 100%;
    text-align: left;
  }

  .dots #main .step-start .step-wrapper.step-4 form .inner-padding .card-transactions .selector select  {
    margin-bottom: 0;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .field-wrapper.company-tax .checkbox-inline {
    width: 100%;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .field-wrapper.company-tax .checkbox-inline input {
    margin-top: 0;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .field-wrapper.company-tax .checkbox-inline label.no-bold {
    position: relative;
    top: -1px;
    width: 100%;
    max-width: 250px;
    margin-bottom: 0;
  }

  .dots #main .step-start .step-wrapper.step-4 form .inner-padding .card-transactions .selector select {
    margin-top: 0;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .dots #main .step-start .step-wrapper.step-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .inner-padding label.error.error-tip {
    bottom: -17px;
    text-align: center;
  }
  
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-4 {
    min-height: 1px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 {
    padding-bottom: 30px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 .inner-padding .field-wrapper {
    margin-bottom: 30px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .inner-padding .card-transactions .selector select  {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8,
  .dots #main .step-start .step-wrapper.step-4 form .custom-col-4 {
    min-height: 1px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .custom-col-8 {
    padding-bottom: 30px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .inner-padding .field-wrapper {
    width: 235px;
  }

  .dots #main .step-start .step-wrapper.step-4 form .inner-padding .field-wrapper.routing-number {
    margin-top: 21px;
  }
}

/* =======================================
  [#6938] Fix Styles (STEP 5)
======================================= */
.dots #main .step-start .step-wrapper.step-5 form .plans .plan.first {
  margin-left: 20px;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
  margin-right: 20px;
}

.dots #main .step-start .step-wrapper.step-5 form .plans .plan.middle {
  left: auto;
}

@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.first {
    margin-left: auto;
  }
  
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
    margin-right: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.first {
    margin-left: auto;
  }
  
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
    margin-right: auto;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.first {
    margin-left: 35px;
  }
  
  .dots #main .step-start .step-wrapper.step-5 form .plans .plan.last {
    margin-right: 35px;
  }
}

/* =======================================
  [#6938] Fix Styles (STEP 6)
======================================= */
.dots #main .step-start .step-wrapper.step-6 form .custom-col-12 .device-choice table tbody tr td a.btn-select {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* =======================================
  [#6938] Fix Styles (STEP 7) + 14 Days Free Trial
======================================= */
.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding h2 {
  margin-bottom: 0;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div.section-free-trial h3 {
  color: #1ca961;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding > div {
  padding-top: 15px;
  margin-bottom: 0;
  background-position: 2px 20px;
}

.dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding div.section-payment-information .field-holder .exp-date .selector select {
  height: 100%;
}

.dots #main .step-start .step-wrapper.step-7 form .custom-col-4 .inner-padding h3 {
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date,
  .dots #main .step-start .step-wrapper.step-7 form .identity.custom-col-8 .inner-padding .field-holder .half.exp-date.exp-year {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .dots #main .step-start .step-wrapper.step-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block {
    padding-top: 25px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block .continue-btn .self-serve-next {
    box-sizing: border-box;
    display: inline-block;
    margin-top: 15px;
    width: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dots #main .step-start .step-wrapper.step-7 form .footer-block {
    padding-top: 25px;
  }

  .dots #main .step-start .step-wrapper.step-7 form .footer-block .continue-btn .self-serve-next {
    box-sizing: border-box;
    display: inline-block;
    margin-top: 15px;
    width: auto !important;
  }
}


/* =======================================
  [#6951] Google places api
======================================= */
#address-search-wrap {
  display: none;
  z-index: 9999;
}

#address-search-wrap .button-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  margin-bottom: 15px;
}

#address-search-wrap #map {
  height: 500px;
}

#address-search-wrap .question {
  padding: 20px 10px;
  font-size: 18px;
}

.button-wrap .button-blue {
  padding: 10px 20px;
  cursor: pointer;
  text-decoration: none;
}

.button-wrap .button-silver {
  padding: 10px 20px;
  cursor: pointer;
  border-width: 1px;
  border-color: #1385e5;
}

.store_google_name, .store_google_address, .store_google_rating {
  margin-left: 10px;
}

@media (min-width: 400px) and (max-width: 580px) {
  .question, .store_google_name, .store_google_address, .store_google_rating  {
    width: 390px;
    margin: auto;
    margin-bottom: 5px;
  }
  #address-search-wrap #map {
    height: 350px;
    width: 390px;
  }
}

@media (max-width: 399px) {
  .question, .store_google_name, .store_google_address, .store_google_rating  {
    width: 300px;
    margin: auto;
    margin-bottom: 5px;
  }
  #address-search-wrap #map {
    width: 390px;
  }
}

@media (max-height: 790px) {
  #address-search-wrap #map {
    height: 450px;
  }
}

@media (max-height: 745px) {
  #address-search-wrap #map {
    height: 400px;
  }
}

@media (max-height: 680px) {
  #address-search-wrap #map {
    height: 350px;
  }
}