* {
  box-sizing: border-box;
}

body {
  /*background-color: #f1f1f1;*/
  width: auto;
  height: auto;
  font-family: "Source Sans Pro", Helvetica, sans-serif;  
  background: transparent;
}

#regForm {
/*
  background-color: #ffffff;
  margin: 100px auto;
  font-family: Raleway;
  padding: 40px;
  width: 70%;
  min-width: 300px;
*/  
}

h1 {
  text-align: center;  
}

input {
  padding: 10px;
  width: 60%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/*
button {
  background-color: #04AA6D;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: Raleway;
  cursor: pointer;
}
*/

button:hover {
  opacity: 0.8;
}

#prevBtn {
  /*background-color: #ffb166;
  background-color: rgba(0,0,0,. 5)*/
  background-color: rgba(255, 177, 102, 0.5);
}

/* Make circles that indicate the steps of the form: */
/*
.step {
  height: 5px;
  width: 25px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 1%;
  display: inline-block;
  opacity: 0.5;
}
*/

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #382178;
}

/* ----------------------------------- */


button {
  background-color: #fd7b06;
  border-radius: 3px;
  box-shadow: none;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: Raleway;
  cursor: pointer;
  width: 9em;
}
/*
#prevBtn {
    background-color: #bbbbbb;
}
*/

.step {
  height: 6px;
  width: 3.2%;
  margin: 0 1% 0;
  background-color: #fd7b06;
  border: none;  
  border-radius: 0%;
  display: inline-block;
  opacity: 1;
}

.jf_form {
    /*background-color: #ffffff;*/
    margin: 10% auto 10% -2%;
    /*font-family: Raleway;*/
	font-family: "Source Sans Pro", Helvetica, sans-serif;  
    padding: 40px;
    width: 90%;
    min-width: 300px;
    height: 100%;
	/*margin: auto;*/
}

.form-title{

}

.form-title h1{

}

/* --- Hide me class --- */
.hide-me, .always-hidden, .form-hidden {
	display:none !important;
}

.show-me {
	display: flex !important;
}


.thx-page-offers {
	/* border: solid 1px; */
	width: 80%;
	margin: auto;
	display: flex;
    align-content: center;
}

.thx-page-offers-placement {
	/* border: solid 1px; */
	width: 90%;
	margin: auto;
}


/* --- QS style --- */
.listing {
    padding-top: 1px !important;
    padding-bottom: 5px !important;
}	
	
/*
.form-thank-you-page {
    width: 80%;
*/	



/* ---------------- Form -----------------------*/

.form-container-wrapper {
	background: white;
	width: 100%;
}


.form-container{
	border: solid 3px;
	margin: 10px auto;	
	padding: 1px;
	width: 100%;
	min-width: 500px;
	vertical-align: middle;
    display: block;
    justify-content: center;
	border-color: #fb7b25;
	background: rgb(255,229,204);
	background: linear-gradient(180deg, rgba(255,229,204,0.2) 76%, rgba(251,123,37,0.2) 100%);	
	/*max-width: 1100px;*/
	height: 538px;
}

/*--------------------------------- Form top ---------------------------------------------*/
.form-top{
	/*border: solid 1px;*/
	width: 100%;
	height: 20%;
	vertical-align: middle;
    display: flex;
    justify-content: center;
	margin: auto;
}

.form-top-left{
	/*border: solid 1px;*/
	width: 10%;
	height: 100%;
	vertical-align: middle;
    display: flex;
    justify-content: center;
	margin: auto;
}

/* ----------------------- form-top-center -------------------------- */ 
.form-top-center {
	/*border: solid 1px;*/
	width: 80%;
	height: 100%;
	vertical-align: middle;
    display: block;
    justify-content: center;
	margin: auto;
}

.form-top-center-top {
	/*border: solid 1px;*/
	padding:1px;
	height: 35%;
    justify-content: center;
	margin: auto;	
}

.form-top-center-top p{
	text-align:center;
	font-size: 33px;
	font-weight: 600;
    margin: 2% auto;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
}

.form-top-center-top h1{
	font-family: Raleway;
	margin: auto;
}



.form-top-center-bottom {
	/*border: solid 1px;*/
	padding:1px;	
	height: 2.5em;
	vertical-align: middle;
	/*display: flex;*/
	justify-content: center;
	margin: auto;
}

/* Icons start/finish */

.form-top-center-bottom-top {
	/*border: solid 1px;*/
	padding: 1px;
	height: 2.5em;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	margin: auto;
}

.form-top-center-bottom-top-start {
	/*border: solid 1px;*/
	width: 10%;
	height: 100%;
	vertical-align: middle;
    display: flex;
    justify-content: center;
	margin: auto;
	/*---------------*/
	/*
	background-image: url("images/start_icon_insurance.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	*/
}

.form-top-center-bottom-top-start img{
	width: 75px;
    height: 41px;
}


.form-top-center-bottom-middle {
	/*border: solid 1px;*/
	width: 80%;
	height: 1em;
	vertical-align: middle;
    display: flex;
    justify-content: center;
	margin: auto;
}

.form-top-center-bottom-top-finish{
	/*border: solid 1px;*/
	width: 10%;
	height: 100%;
	vertical-align: middle;
    display: flex;
    justify-content: center;
	margin: auto;
	/*---------------*/
	/*
	background-image: url("images/finish_icon_insurance.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	*/
}

.form-top-center-bottom-top-finish img{
	width: 75px;
    height: 41px;
}


.form-top-center-bottom-bottom {
	/*border: solid 1px;*/
	padding: 1px;
	height: 1.2em;
	justify-content: center;
	margin: auto;
}

.form-top-center-bottom-bottom-progress-bar{
	text-align:center;
	/*margin-top:2px;*/
} 

/* ----------------------- END form-top-center -------------------------- */ 

/* ----------------------- form-top-right -------------------------- */ 
.form-top-right {
	/*border: solid 1px;*/
	width: 10%;
	height: 100%;
	vertical-align: middle;
    display: flex;
    justify-content: center;
	margin: auto;
}

.form-top-right-gap{
	/*border: solid 1px;*/
	width: 40%;
	height: 100%;
}

.form-top-right-icon {
	/*border: solid 1px;*/
	width: 60%;
	height: 50%;
	/*vertical-align: middle;*/
    /*display: flex;
    justify-content: center;*/
	/*margin: auto;*/
	/*---------------*/
	/*
	background-image: url("images/Insurnace_icons_rightside.png");
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 100% 0%;
	*/
}

.form-top-right-icon  img{
		width: 100%;
}


/*--------------------------------- END Form top ---------------------------------------------*/

/*------ Form center ----------*/
.form-form {
	/*border: solid 1px;*/
	width: 100%;
	vertical-align: middle;
    display: flex;
    justify-content: center;
	margin: auto;
	height: 65%;
}

.form-form-left{
	/*border: solid 1px;*/
	width: 35%;
	/* ----- */
	/* display:none; */
	/* ----- */

}

.form-form-left-image {
    /*border: solid 1px;*/
	/*
    width: 60%;
    height: 60%;
	*/
    display: flex;
    justify-content: center;
	margin: 12% auto;
	/*
    background-image: url(images/JohnFinds_Face_Smile2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	*/
}

.form-form-left-image-a {
	width: 250px;
	height: 250px;
}

.form-form-left-image-b {
	width: 250px;
	height: 250px;
	display:none;
}

.form-form-left-image-c  {
	width: 250px;
	height: 250px;
	display:none;
}

.form-form-right{
	/*border: solid 1px;*/
	width: 70%;
	/* ----- */
	/* display:none;*/
	/* ----- */

}



/*------ Form buttons ----------*/
.form-buttons {	
	/*border: solid 1px;*/
	width: 100%;
	height: 15%;
	display: flex;
    justify-content: center;
	margin: auto;
	padding: 1em;
}

.form-buttons-left {
	margin: auto;
	/*border: solid 1px;*/
	height: 90%;
	width: 30%;
}

.form-buttons-center{
	margin: auto;
	/*border: solid 1px;*/
	height: 1em;
	width: 30%;
}

.form-buttons-right {
	margin: auto;
	/*border: solid 1px;*/
	height: 90%;
	width: 30%;
}

.form-buttons-right-container{
	float: right;
}


/* ------ Form buttoms footer medicare ----------- */

.form-footer-for-medicare {
	height: 8% !important;
	padding: 0em 1em 0em 1em !important;
}


.form-footer-medicare {
	justify-content: center;
	height: 3%;
	display: flex;
	margin: auto;
	padding: 0 1em;
}


.form-footer-medicare  p{
	font-size: 11px;
	margin-top: 0px;
	text-align: center;
}

/* --------- Form items --------------- */

ul.page-section {
    margin: 0;
    padding: 0 38px;
    list-style: none;
}

li.form-line {
    margin-top: 12px;
    margin-bottom: 12px;
}

.form-line {
    padding: 12px 10px;
}

.form-label, .form-label-top, .form-label-auto {
	font-size: 21px;
	color: #382178;
    font-weight: 600;
}


.form-required {
    color: #f23a3c;
	margin-left: 4px;
	font-family: none;
}

.form-dropdown {
	height: 2.5em;
	color: #8894ab;
    font-weight: 300;
	background-color: #fff;
    border-color: #b8bdc9;
}

/* --- select ----*/
select {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.invalid {
    background-color: #ffdddd;
}

select option {
	background-color: white;
}
/*
.form-radio-item  .invalid {
    background-color: #ffdddd;
}
*/

/* arrows */

/* #fd7b06 */

select.form-dropdown{
  /*width:310px;*/
  width: 50%;
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #fd7b06, #fd7b06);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.form-address-state{
	width: 67%;
}

select.form-dropdown-dob-day{
	width: 99%;
}
select.form-dropdown-dob-month{
	width: 99%;
}

select.form-dropdown-dob-year{
	width: 99%;
}


/*
select.form-dropdown{
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}
*/


select.form-dropdown:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, #fd7b06, #fd7b06);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}
/* -- End select --*/


.form-single-column {
    width: 100%;
    display: inline-block;
}

.form-radio-item {
	margin-bottom: 10px;
	/*clear:left*/
	display: block;
	/*margin-top: 3%;*/
	width: 40%;
}

.radio-invalid {
	background-color: #ffdddd;
	width: 40%;
}

.form-radio-item input{
	width: 10%;
}

.form-radio-item label{
	padding: 1em;
    margin: auto;
    width: 10%;
}


.form-checkbox-item span {
	color: #6f6f6f;
}


.form-input-wide {
	/* margin: 1em; */
	margin-top: 1em;
}

.form-dropdown {
	/*margin: 1em;*/
}


/*
.form-checkbox, .form-radio {
    position: absolute;
    opacity: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
*/

.form-dob-data {
	display: block;
	width: 100%;
	/* margin-right: 1%; */
}

/* day  */
.form-dob-data-day {
	float: left;
	width: 26%;
	/* margin-right: 1%; */
}

.form-dob-data-day label{
	font-size: 14px;
}

.form-dropdown-dob-day{
	/* margin-right: 1%; */
}

/* month  */
.form-dob-data-month {
	float: left;
	width: 29%;
	/* margin-right: 1%; */
}

.form-dob-data-month label{
	font-size: 14px;
}

.form-dropdown-dob-month{
	/* margin-right: 1%; */
}

/* year  */
.form-dob-data-year {
	float: left;
	width: 26%;
	/*margin-right: 1%;*/
}

.form-dob-data-year label{
	font-size: 14px;
}

.form-dropdown-dob-year {
	/* margin-right: 1%; */
}


/* ---- */

.address-group {
	margin-top: -90px;
}


.form-address-table {
/*    display: -ms-flexbox;*/
    display: flex;
    width: 100%;
/*    -ms-flex-wrap: wrap;*/
    flex-wrap: wrap;
}

.form-address-line-wrapper {
    /*display: -ms-flexbox;*/
    display: flex;
    width: 100%;
	height: 3em;
}

.form-address-line {
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex: 1 1 50%;*/
    flex: 1 1 50%;
}

.form-address-line input{
	width: 83%;
}


.form-address-line.form-address-street-line {
    /*-ms-flex: 1 1 100%;*/
    flex: 1 1 100%;
}


.form-sub-label-container {
    /*-ms-flex: 1 1 100%;*/
    flex: 1 1 100%;
	vertical-align:top
}

.form-sub-label {
    color: #57647e;
	font-size: .75em;
    margin-top: 2px;
    margin-left: 2px;
    display: block;
    word-break: break-word;
}


.form-address-line-wrapper+.form-address-line-wrapper {
    margin-top: 24px;
}

.form-address-line+.form-address-line {
    margin-left: -20px;
}

.form-address-line-wrapper+.form-address-line-wrapper {
    margin-top: 24px;
}


/* -------------------- */
/*
.page-section {
    margin: 0;
    padding: 0 38px;
    list-style: none;
}
*/

/*.form-line,*/ 
.page-section {
    display: -ms-flexbox;
    display: flex;
  /*  -ms-flex-wrap: wrap;*/
    flex-wrap: wrap;
  /*  -ms-flex-align: start;*/
    align-items: flex-start;
}

/** ------------------------------------ **/

.form-line-full-name {
	margin-top: -6%;
}

.form-line-full-name  label{
	margin-bottom: 3%;
}

.form-phone-email {
	margin-top: -12%;
}

.form-line-phone-email {
	padding: 0px;
	height: 5em;
}

.form-input-wide-phone-email {
    /* margin: 1em; */
    margin-top: 0.3em;
}


.form-line-opt-in {
    /* padding: 12px 10px; */
    /* height: 4em; */
}

.form-single-column-opt-in {
	height: 20%;
 
}

.form-single-column-opt-in  input{
	width: 2%;
}

.form-single-column-opt-in  label{
	font-size: 12px;
}

/* opt in */
.form-line-opt-in {
	width: 100%;
	padding-top: 6px;
}

.form-line-opt-in  input {
   width: 3%;
}

.jf-opt-in-text p{
	font-size: 11px;
    width: 87%;
    text-align: justify;
}

.form-single-column-checkbox {
	    width: 70%;
}

.form-checkbox-item {
	width: 100%;
	float: left;
}

.form-checkbox-item  input{
	width: 7%;
}

.form-checkbox-item  label{
	width: 19%;
}

/*
.form-checkbox-item-optin {
	width: 59%;
}
*/

.form-checkbox-item-optin input {
    width: 2%;
}



/* --------- END Form items --------------- */

/* --------- Thank you page --------------- */

.form-thank-you-page {
	/* width: 49%; */
	width: 80%;
	vertical-align: middle;
    display: flex;
    justify-content: center;
    margin: auto;
	/*height: 65%;*/	
	/* ----- */
	 display:none;
	/* ----- */
}

.thx-page-left {
	width: 50%;
}

.thx-page-left-image{
	display: flex;
    justify-content: center;
    margin: 12% auto;
}

.thx-page-left-image-john {
	width: 250px;
    height: 250px;
}

.thx-page-right {
    width: 50%;	
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}


.thx-page-right-top {
	width: 100%;
	float: left;
}

.thx-page-right-top-image{
	width: 50%;	
	margin-left: -10%;
}

.thx-page-right-top-buble {
    width: 283px;
    height: 150px
}

.thx-page-right-bottom {
	width: 100%;
	float: left;
}

.thx-page-right-bottom-image {
	width: 50%;	
}

.thx-page-right-bottom-buble {
	width: 250px;
    height: 86px;
}

/* --------- END Thank you page --------------- */

/* ------ Thank you page offers ----- */
.thx-page-offers {
	width: 100%;
	/* ----- */
	 display:none;
	/* ----- */
}


/* -------------------------------------------------------------- */
/* Test radio to button */
/*
.radio-toolbar {
  margin: 10px;
}

.radio-toolbar > .form-radio-item{
	display: inline !important;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background-color: rgba(255, 177, 102, 0.5);
	padding: 30px 80px !important;
    font-family: sans-serif, Arial;
    font-size: 22px;
    border-radius: 4px;
	cursor: pointer;
	width: auto !important;
	color: white;
    font-weight: 700;
	margin: 0 20px;
}

.radio-toolbar label:hover {
  background-color: #fd7b06;
}

.radio-toolbar input[type="radio"]:focus + label {    
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #fd7b06;
}
*/
/* END Test radio to button */
/* -------------------------------------------------------------- */


/*
@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 736px) {}
@media screen and (max-width: 380px) {}
@media screen and (max-width: 360px) {}
*/

@media screen and (max-width: 736px) {
	body {
		width: 100%;
		height: 538px;
		margin: auto;
	}	
	
	.form-container {
		height: 100%;
		min-width: 350px;
	}
	
	.form-form {
		display: block;
		height: 80%;
	}
	
	.form-form-left {
		width: 100%;
		align-items: center;
		margin-top: 0%;
	}
	
	.form-form-left-image {
		margin: auto;
	}
	
	.form-form-left-image-x {
		width: 40%;
		height: 40%;
	}
	
	.form-form-right {		
		width: 100%;
	}
	
	.jf_form {
		margin: auto;
		padding: 11px;
		width: 81%;
	}

	
	.form-top-left {    
		width: 5%;
	}
	
	.form-top-center {    
		width: 62%;
	}
	
	.form-top-center-top p {
		text-align: center;
		font-size: 22px;
	}
	
	.form-top-center-bottom-top {
		height: 30%;
		margin-top: 4%;
	}	
	
	.form-top-center-bottom-top-start img {
		width: 30px;
		height: 16px;
	}
	
	.form-top-center-bottom-top-finish img {
		width: 30px;
		height: 16px;
	}

	.form-top-right {
		width: 8%;
		height: 56%;
		vertical-align: middle;
		display: flex;
		justify-content: center;
		margin: 0;
	}

	.form-top-right-gap {
		width: 1%;
		height: 100%;
	}
	
	.form-top-right-icon {
		width: 100%;
		height: 50%;
		margin-left: -61%;
	}	
	
	.form-top-right-icon img {
		width: 180%;
		margin-left: -48%;
	}
	
	
	.step {
		height: 3px
		width: 3.0%;
		margin: 0 0.4% 0;
	}
	
	input {
		width: 97%;
	}
	
	select.form-dropdown {
		width: 90%;
	}
	
	button {
		width: 6em;
	}
	
	
	.form-label, .form-label-top, .form-label-auto {
		font-size: 18px;
		color: #382178;
		font-weight: 300;
	}
	
	.form-radio-item label {
		padding: unset;
	}
	
	.form-phone-email {
		margin-top: 0%;
	}
	
	
	.dragger-item{
		width: 10%;
	}
	
	.form-radio-item {
		width: 100%;
	}
	
	.form-dob-data-day {
		float: none;
		width: 97%;
	}
	
	.form-dob-data-month {
		float: none;
		width: 97%;
	}
	
	.form-dob-data-year {
		float: none;
		width: 97%;
	}
	
	.address-group {
		margin-top: 0px;
	}
	
	.form-address-line input {
		width: 98%;
	}
		
	.form-address-city-line {
		flex: none;
		width: 40%;
		margin-right: 10%;
	}
	
	.form-address-state-line{
		width: 40%;
	}
	
	
	.jf-opt-in-text p {
		width: 100%;
	}
	
	.form-single-column-opt-in input {
		width: 5%;
	}
	
	.form-single-column-checkbox {
		width: 100%;
	}
	
	
	/* ------ Thank you page ----- */
	.form-thank-you-page {
		width: 90%;
	}
	
	.thx-page-left {
		width: 60%;
	}
	
	.thx-page-left-image {
		margin: 20% auto;
	}
	
	.thx-page-left-image-john {
		width: 150px;
		height: 150px;
	}
	
	.thx-page-right {
		width: 60%;	
	}	
	
	.thx-page-right-top-image {
		width: 100%;
		margin-left: -6%;
	}
	
	.thx-page-right-top-buble {
		width: 100%;
		height: 100%;
	}
	
	.thx-page-right-bottom-image {
		width: 100%;
	}
	
	.thx-page-right-bottom-buble {
		width: 100%;
		height: 100%;
	}
	
	/* ------ END Thank you page ----- */
	
	/* ------ Thank you page offers ----- */
	.thx-page-offers {
		width: 100%;
	}

	/* -------------------------------------------------------------- */	
	/* Test radio to button */
	
	/* END Test radio to button */
	/* -------------------------------------------------------------- */	
	
	
}


@media screen and (max-width: 380px) {
	body {
		width: 100%;
		height: 538px;
		margin: auto;
	}	
	
	
	.form-container {
		height: 100%;
		min-width: 300px;
	}

	
	.form-form {
		display: block;
		height: 80%;
	}
	
	.form-form-left {
		/* border: solid 1px; */
		width: 100%;
		align-items: center;
		margin-top: 0%;
	}
	
	.form-form-left-image {
		margin: auto;
		padding-top: 1em;
	}
	
	.form-form-right {		
		width: 100%;
	}
	
	.jf_form {
		margin: auto;
		padding: 11px;
		width: 81%;
	}
	
	.form-top-left {    
		width: 5%;
	}
	
	.form-top-center {    
		width: 90%;
	}
	
	.form-top-center-top p {
		text-align: center;
		font-size: 12px;
		font-weight: 600;
		margin-bottom: -3%;
		/* margin: 3%; */
		padding-top: 6%;
	}
	
	.form-top-center-bottom-top {
		height: 30%;
		margin-top: 4%;
	}
	
	
	.form-top-center-bottom-top-start img {
		width: 30px;
		height: 16px;
	}
	
	.form-top-center-bottom-top-finish img {
		width: 30px;
		height: 16px;
	}
	
	.form-top-right {
		width: 8%;
		height: 56%;
		vertical-align: middle;
		display: flex;
		justify-content: center;
		margin-left: -2%;
	}

	.form-top-right-gap {
		width: 1%;
		height: 100%;
	}
	
	.form-top-right-icon {
		width: 100%;
		height: 50%;
		margin-left: -61%;
	}	
	
	.form-top-right-icon img {
		width: 180%;
		margin-left: -48%;
	}
	
	.step {
		height: 3px
		width: 3.0%;
		margin: 0 0.4% 0;
	}
	
	
	input {
		width: 97%;
	}
	
	select.form-dropdown {
		width: 97% !important;
		height: inherit !important;
	}
	
	button {
		width: 6em;
	}

	
	.form-label, .form-label-top, .form-label-auto {
		font-size: 18px;
		color: #382178;
		font-weight: 600;
	}	
	
	.form-radio-item label {
		padding: unset;
	}
	
	.form-phone-email {
		margin-top: 0%;
	}
	
	.dragger-item{
		width: 10%;
	}
	
	.form-radio-item {
		width: 100%;
	}
	
	.form-dob-data-day {
		float: none;
		width: 97%;
	}
	
	.form-dob-data-month {
		float: none;
		width: 97%;
	}
	
	.form-dob-data-year {
		float: none;
		width: 97%;
	}

	.address-group {
		margin-top: 0px;
	}
	
	.form-address-line input {
		width: 98%;
	}
	
	.form-address-city-line {
		flex: none;
		width: 40%;
		margin-right: 10%;
	}
	
	.form-address-state-line{
		width: 40%;
	}
	
	
	.jf-opt-in-text p {
		width: 100%;
	}
	
	.form-single-column-opt-in input {
		width: 5%;
	}
	
	.form-single-column-checkbox {
		width: 100%;
	}	
	
	/* ------ Thank you page ----- */
	.form-thank-you-page {
		width: 90%;
	}
	
	.thx-page-left {
		width: 60%;
	}
	
	.thx-page-left-image {
		margin: 20% auto;
	}
	
	.thx-page-left-image-john {
		width: 150px;
		height: 150px;
	}
	
	.thx-page-right {
		width: 60%;	
	}	

	.thx-page-right-top-image {
		width: 100%;
		margin-left: -6%;
	}
	
	.thx-page-right-top-buble {
		width: 100%;
		height: 100%;
	}
	
	.thx-page-right-bottom-image {
		width: 100%;
	}
		
	
	.thx-page-right-bottom-buble {
		width: 100%;
		height: 100%;
	}
	
	/* ------ END Thank you page ----- */
	
	/* ------ Thank you page offers ----- */
	.thx-page-offers {
		/* border: solid 1px; */
		width: 100%;
	}	
}

/* iPhone fine tune */
/* 1792x828px at 326ppi iPhone XR */
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) { 
	.form-input-wide-phone-email {    
		margin-top: 0.5em;
	}
}

/* 2436x1125px at 458ppi iPhone XS*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { 
	.form-input-wide-phone-email {    
		margin-top: 0.5em;
	}
}

/* 2688x1242px at 458ppi iPhone XS Max  - Older iPhones (X, Xs, XR and 11) */
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) { 
	.form-input-wide-phone-email {    
		margin-top: 0.5em;
	}
}

/* 2532x1170 pixels at 460ppi iPhone 13 and iPhone 13 Pro */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) { 
	.form-input-wide-phone-email {    
		margin-top: 0.5em;
	}
}

/* 2778x1284 pixels at 458ppi iPhone 13 Pro Max */
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) { 
	.form-input-wide-phone-email {    
		margin-top: 0.5em;
	}
}