html {
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #fcfcfd;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font-family: "proxima-nova", sans-serif;
}

/* =form */

.multi-step{
	position: relative;
}

#multi-steps-signup,
#pardot-form {
    padding: 2rem;
}

@media only screen and (min-width: 768px) {
    #multi-steps-signup,
    #pardot-form {
    width: 50rem;
    margin: auto;
}
}

@media only screen and (min-width: 1024px) {
    #pardot-form .form-field,
    #multi-steps-signup .form-field {
    padding-bottom: 0rem;
    padding-top: 0rem;
}
}


/* =form field item */

.form-field-group {
    display:  inline-block;
    width:  100%;
 }
 
 
 .form-field-group div{
 	color: red;
 	font-size:16px;
 }

.form-field {
    margin-top:  0;
}

.form-field a:visited, 
.form-field a {
    color: white !important;
    border-bottom: 1px dotted white;
	text-decoration: none;
}

label {
    cursor: pointer;
    display: block;
    font-weight: normal;
	color: white !important;
    font-size: 16px;
    margin-bottom: 10px;
}





/* =input/select */

input, 
select{
    color: #000;
	padding: 15px;
	background-color:  #F4F4F4;
	border: 0 none;
    font-size: 1.5rem;
    margin: 0;
    vertical-align: baseline;
}

select{
    height: 48px;
	text-indent: 10px;
}

.pd-text input, 
select {
   		width: 90%;
}

@media screen and (min-width: 768px) {
	.step-2 .pd-text input,
	.step-3 .pd-text input,
	.step-2 select,
	.step-3 select{
		width: 42rem;
	}
}


/* =form error state */

.form-field-group div{
	color: red; 
	font-size:16px;
}

.error-highlight {
    border:  2px solid red;
}

#error_for_707733_3812pi_707733_3812, 
#error_for_707733_3814pi_707733_3814,
#error_for_707733_3820pi_707733_3820,
.errors{  
    color:  red;
    margin-top:  5px;
	margin-bottom: 5px;
	font-size: 16px;
}

p.error.no-label {
    color: red;
    font-size: 16px;
}

/* =show/hide groups */

.hidden-group{
    display: none;
}

.active-group{
    display: block;
}



/* =btn */

.btn-next { 
	padding:  14.5px 21px;
    font-size:  15px;
    text-decoration:  underline;
    font-weight:  bold;
    color:  white;
    background:  url(https://www.tarsus.com/pardot/forms/css/global/img/sprite.png) 1px -334px #2A84CF;
    text-indent:  -9994px;
    display:  inline-block;
    width:  10px;
    border:  1px solid white;
}


.step-1 .btn-next{	
			position: absolute;
			right: 0;
			top: 28px;
}

.btn-next.send.active-group.hidden-group{
	display: inline-block !important;
}

.btn-next.send.hidden-group{
	display: none;
}

.btn-prev {
    color: grey;
    font-size: 16px;
    text-decoration: underline;
    display: inline-block;
    padding: 0 2rem 0rem 0;
}


@media screen and (min-width: 768px) {
	.btn-prev{
		 margin-top: 10px;
	}
}

.btn-wrapper {
	margin-top: 5px;
	margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
	.step-2 .btn-wrapper,
	.step-3 .btn-wrapper{
			 right: 0;
			 display: flex;
			 flex-direction: column-reverse;
			 position: absolute;
			 top: 23px;
	}
}

/* =description */

.description {
    color: white;
    font-weight: 100;
    font-size: 16px;
    line-height: 1.4;
    display:block;
    margin-top: 10px;
    margin-bottom: 20px;

}

.description a {
    color: white;
    text-decoration: none;
    border-bottom:1px dashed white;
}

 
/* =checkbox */

.pd-checkbox{
	text-decoration: none;
}

.pd-checkbox .value {
    display: block;
    margin-bottom: 10px;
}
.pd-checkbox .value label {
    margin-left: 10px;
    display: inline-block;
}

/* =submit */

.submit input {
    padding: 1.5rem;
    background: #0065b3;
    color: #fff;
    font-size: 1.6rem;
    border-radius: 20rem;
    font-weight: 500;
    border: none;
	margin-top: 15px;
	width: 100%
}

/* =captcha */

.g-recaptcha{
     margin-top: 30px;
}
	

/* = privacy policy field */
  
 .privacy-policy{
    display:none;
  }
  
.step-3.active-group + .privacy-policy{
    display:block;
    margin-top: 20px;
 }

  .form-heading{
        color: white;
        font-weight: 800;
        font-size: 16px;
  }