.pr-form-inner,
.pr-form-inner p,
.pr-form-inner .button,
.pr-form-inner h3,
.pr-form-inner h2 {
	font-family: 'Open Sans', sans-serif;
}

.pr-form-inner .inner-content-group {
	position: relative;
}

.bigger-p {
	font-size: 14px;
}

.pr-form-inner select {
	background-color: #FFF;
	font-size: 14px;
}

.page-id-374,
.page-id-1765,
.page-id-1765 .off-canvas-wrapper {
	height: 100%;
	position:relative;
	overflow: hidden;
}

.pr-form-inner h3,
.pr-form-inner h2 { 
    font-weight: 200;
    color: #FFF;
}


.yellow {
	color: #FDB813;
}

.btn-block {
	display: block;
	width: 100%
}

.intro .pr-desc {
	position: relative;
	z-index: 20;
}

.intro .pr-desc p {
	font-family: "Open Sans", serif;
	font-size: 15px;
}

.btn-pr-primary {
    background-color: #004da6;
    padding: 18px 11px;
    font-size: 28px;
    font-weight: bold;
}

.btn-pr-primary.btn-sm-font {
	font-size: 17px;
}

.btn-pr-primary:hover,
.btn-pr-primary:focus { 
	background-color: #FDB813;
}


.mid-finish {
	float: right;
    border: 3px solid #FFF;
    border-radius: 16px;
    font-size: 18px;
    padding: 15px 20px;
}
    
.home-banner-profiler, .fa-banner {
	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.home-banner-profiler, .home-banner-profiler-no-text {
	background-image: url('../images/banner-home-profiler.jpg');
	height: 530px;
	background-size: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-position: top center;
        background-repeat: no-repeat;
}

.home-banner-profiler-no-text {
	background-image: url('../images/banner-home-profiler-no-text.jpg');
}

.fa-banner {
	background-image: url('../images/tradenator-logo.png');
    height: 84px;
    max-width: 285px;
	margin: 0 auto;
	margin-top: -26px;
}


.button-wrap-mi .btn-block {
    margin: 0 auto;
    max-width: 300px;
    border: 5px solid #FFF;
    border-radius: 18px;
}

.pac-container {
	z-index: 2000;
}

.validation-msg {
	position: absolute;
	top: -50px;
	text-align: center;
	width: 100%;	
	left: 0px;
    background: #004da6;
    color: rgb(255, 255, 255);
	text-transform: uppercase;
	transition: top .25s ease-out;
	padding: 10px;
	font-size: 9px;
	z-index: 99;
}

.error-form .validation-msg {
	top: 0px;
}

.pr-desc {
	padding-left: 15px;
	padding-right: 15px;
}

.pr-form-inner fieldset label {
 color: #FFF; 
 font-size: 37px;
 text-align: center;
}

.pr-form-inner fieldset .two-col label {
 color: #FFF; 
 font-size: 37px;
 text-align: center;
}

.pr-desc p{
	line-height: 145%;
}

.pr-form-inner .site-logo {
	height: 63px;
	margin: 0 auto 24px;
	width: 223px;
	padding: 2px 0px 0px 59px !important;
	font-size: 13px;
	display: block;
}

.pr-form-inner .v-align {
	height: 300px;
}

.pr-form-inner .site-logo i {
	display: block;
}

.pr-overlay-form .button {
	margin-bottom: 0px;
	font-family: "Open Sans", serif ;
}

.pr-overlay-form .button:hover {
	background-color: rgba(253, 184, 19, 0.85);
}



.pr-overlay-form  .btn-xlg-text {
	font-size: 35px;
}

.page-id-1765 {
	overflow: hidden;
}

.pr-overlay-form {
	background: #FFF;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1500;
	overflow: hidden;
}


.pr-form-inner h2:after {
	display: none
}

.pr-form-inner h3 {
    font-size: 20px;
    margin-bottom: 18px;
}

.pr-form-inner h2 {
    font-size: 19px;
    font-weight: 400;  
    margin: 20px 0 25px;
    line-height: 140%;
}


.pr-form-inner .column, 
.pr-form-inner .columns {
	padding-left: 9px;
	padding-right: 9px;
}

.pr-form-inner {    
	margin: 32px auto 82px;
	max-width: 470px;
	padding: 0px;
	height: 442px;
}

.form-field-group {
	margin-bottom: 18px;
}

.custom-label-box.row {
    max-width: 290px;
    margin: 0 auto;
}

.custom-label-box.row.smaller-wider {
	max-width: 300px;
}

 .pr-form-inner .smaller-wider .column,
 .pr-form-inner .smaller-wider .columns {
    padding-left: 4px;
    padding-right: 4px;
}

.smaller-wider .custom-tick {
    margin-bottom: 7px;
}

.pr-form-inner label {
	cursor: pointer;
}

#profilerForm {
	position: relative;
}


#profilerForm fieldset:not(:first-of-type) {
	display: none;
}

#profilerForm fieldset {
	background-color: #030000;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);	
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	/*stacking fieldsets above each other*/
	background-size: cover;
	position: absolute;	
	color: #FFF;	
}

#profilerForm fieldset .inner {
	min-height: 457px;
	position: relative;
	padding: 31px 11px 51px;
	overflow: hidden;
}

#profilerForm fieldset .inner .button-wrap {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0px;
    padding: 0 24px;
}

.pr-form-inner .inner .button-wrap-mi {
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0px;
	padding: 0 25px;
}



#profilerForm fieldset .smaller-wider label {
	font-size: 15px;
	padding: 20px 7px;
	line-height: 122%;
	min-height: 63px;
	vertical-align: middle;
}

#profilerForm fieldset .smaller-wider label.two-line {
	padding-top: 11px;
	padding-bottom: 11px;
}


#profilerForm fieldset .tick-img label {
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;
	overflow: hidden;
}

.custom-tick {
	margin-bottom: 18px;
}

.custom-tick [type="checkbox"]:not(:checked),
.custom-tick [type="checkbox"]:checked,
.custom-tick [type="radio"]:not(:checked),
.custom-tick [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

.custom-tick [type="checkbox"]:not(:checked) + label,
.custom-tick [type="checkbox"]:checked + label,
.custom-tick [type="radio"]:not(:checked) + label,
.custom-tick [type="radio"]:checked + label { 
	position: relative;
	cursor: pointer;
	margin: 0px;
	color: #FFF;
	background: #2d2b2b;
	padding: 21px 18px 21px 83px;
	width: 100%;
	border-radius: 12px;
	line-height: 100%;
	font-weight: bold;
}


.custom-tick [type="checkbox"]:not(:checked) + label:hover,
.custom-tick [type="checkbox"]:checked + label:hover,
.custom-tick [type="radio"]:not(:checked) + label:hover,
.custom-tick [type="radio"]:checked + label:hover { 
	background: #004da6;
}

.tick-img label {
	height: 70px;
	background-size: cover;
	background-position: center;
}

.tick-img label:before,
.hide-tick label:before {
	display: none !important;
}

.hide-tick label {
	text-align: center !important;
}

.custom-tick [type="checkbox"] + label,
.custom-tick [type="radio"] + label {
	text-align: left;
}

.custom-tick [type="checkbox"]:checked + label,
.custom-tick [type="radio"]:checked + label {
	background: #004da6;
}




.custom-tick [type="checkbox"] + label:before,
.custom-tick [type="radio"] + label:before {
    content: "";
    position: absolute;
    top: calc(50% - 25px);
    left: 15px;
    display: block;
    height: 50px;
    width: 50px;
    background: #353434;
    border-radius: 100%;
    border: 10px solid #353434;
}

.custom-tick [type="checkbox"]:checked + label:before,
.custom-tick [type="radio"]:checked + label:before {
	background-color: transparent;
	border-color: #0075d3;
}

.custom-tick.tick-img  [type="checkbox"]:checked + label,
.custom-tick.tick-img  [type="checkbox"] + label:hover {
	box-shadow: 0px 0px 0px 3px #004da6;
	position: relative;
}

.custom-tick.tick-img  [type="checkbox"]:checked + label::after,
.custom-tick.tick-img  [type="checkbox"] + label:hover::after {
	content: "";
	position: absolute;
	background: rgba(0, 77, 166, 0.58);
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.custom-tick.tick-img  [type="checkbox"]:checked + label::after {
	content: "";
	position: absolute;
	background: rgba(0, 77, 166, 0.58);
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.button-wrap .button {
	text-transform: uppercase;
}

.two-col-label .custom-tick [type="checkbox"] + label:before,
.two-col-label .custom-tick [type="radio"] + label:before {
	top: calc(50% - 17px);
    height: 35px;
    width: 35px;
}

.two-col-label .custom-tick [type="checkbox"]:not(:checked) + label,
.two-col-label .custom-tick [type="checkbox"]:checked + label,
.two-col-label .custom-tick [type="radio"]:not(:checked) + label,
.two-col-label .custom-tick [type="radio"]:checked + label {
    padding: 21px 18px 21px 60px;
}


.pr-form-inner fieldset .two-col-label label {
	font-size: 19px;	
}

.button-wrap .previous,
.button-wrap .next  {
    width: 51px;
    height: 51px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    border: 3px solid #FFF;
    border-radius: 100%;
    color: transparent;
    background-size: 20px;
}

.button-wrap .button:hover {
	background-color: #004da6;
}

.button-wrap .previous  {
	background-image: url('../images/left-arrow.png');	
	float: left;
}

.button-wrap .previous:hover {
	color: transparent;
}	

.button-wrap .next   {
	background-image: url('../images/right-arrow.png');	
	float: right;
	text-align: left;
}

.pr-form-inner [type=text] {
    border: 1px solid #FFF;
    background: #FFF;
    color: #0B2348;
}

.pr-form-inner [type=text]:focus {
    border: 1px solid #FDB813;
    background: #FFF;
}

.pr-img-header{
	position: relative;
	padding-left: 51px;
	font-size: 15px;
	font-family: "Open Sans", serif;
	font-weight: 100;
	padding-top: 1px;
	padding-bottom: 14px;
	margin-bottom: 12px;
	max-width: 257px;
}    

.pr-overlay-form option:hover {
	background: green
}

.pr-img-header .slide-number {
    position: absolute;
    left: 2px;
    top: 0;
    background: #004da6;
    color: rgba(232, 232, 232, 0.64);
    height: 44px;
    width: 44px;
    border-radius: 100%;
    text-align: center;
    font-size: 35px;
    line-height: 110%;
}


.image-select-step .custom-label-box.row {
    max-width: 261px;
}

#profilerForm fieldset.image-select-step .inner {
    min-height: 452px;    
    padding: 31px 11px 11px;
}

.image-select-step .tick-img label {
	height: 108px;
}

 .pr-form-inner .image-select-step  .column, 
 .pr-form-inner .image-select-step  .columns {
    padding-left: 3px;
    padding-right: 3px;
}

.image-select-step  .custom-tick {
    margin-bottom: 0px;
}

/* icons */

.button.btn-next-icon,
.button.btn-finish-icon {
	width: 100%;
	height: 108px;
}



.check-icon,
.btn-next-icon::after,
.btn-finish-icon::after {
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
}

.btn-next-icon::after,
.btn-finish-icon::after {
	content: "";
	display: block;
	margin: 10px auto 0;
} 

.btn-next-icon::after {	
	height: 25px;
	width: 16px;
	background-image: url('../images/right-chev.png'); 
}

.btn-finish-icon::after {	
	height: 36px;
	width: 36px;
	background-image: url('../images/flag.png'); 
}

.check-icon {
	background-image: url('../images/check-icon.png');
	height: 27px;
	width: 27px;
}


	.intro .pr-desc {
		margin-bottom: 10px;
	}

@media (min-width: 641px) {

	.fa-banner {    
	    height: 107px;
	    max-width: 333px;   
	}

	.validation-msg {		
		padding: 10px;
		font-size: 13px
	}

	.pr-form-inner .v-align {
    	height: 430px;
	}

	.pr-form-inner {
		min-height: 562px;
		max-width: 600px;
	}

	#profilerForm fieldset .inner {
		min-height: 632px;
	}

	.custom-label-box.row{
		max-width: 380px;	
	}

	.pr-form-inner fieldset label {
		font-size: 52px;
	}

	.pr-form-inner fieldset .two-col-label label {
		font-size: 28px;
	}

	

	.pr-form-inner h2 {
		font-size: 27px;
	}

	.image-select-step .custom-label-box.row {
		max-width: 381px;
	}
	

	.image-select-step .tick-img label {
    	height: 128px;
	}

	#profilerForm fieldset.image-select-step .inner {
    	min-height: 562px;
    	padding: 31px 11px 11px;
	}

	.pr-img-header {
	    padding-left: 55px;
	    font-size: 18px;
	    margin-bottom: 5px;
	    line-height: 120%;
	}

	.pr-desc {
    	padding-left: 20px;
    	padding-right: 20px;
    	max-width: 499px;
    	margin: 43px auto 0px;
	}

	.pr-desc.n-top {
		margin-top: 0px;
	}

	.pr-form-inner .site-logo {
	    height: 83px;
	    margin: 0 auto 24px;
	    width: 274px;
	    padding: 0px 0px 0px 76px !important;
	    font-size: 18px;
	    display: block;
	}

	#profilerForm .site-logo i {
    	font-size: 14px;
    	font-weight: 100;
	}

	.button.btn-next-icon, 
	.button.btn-finish-icon {
	    width: 100%;
	    height: 128px;
	    font-size: 32px;
	}

	.custom-label-box.row.smaller-wider {
    	max-width: 390px;
	}

	#profilerForm fieldset .smaller-wider label {
	    font-size: 18px;
	    padding: 7px;
	    line-height: 122%;
	    min-height: 90px;
	    vertical-align: middle;
	    padding-top: 28px;
	}

	#profilerForm fieldset .smaller-wider.h-normal label {
	    font-size: 18px;
	    padding: 7px;
	    line-height: 122%;
	    min-height: 65px;
	    vertical-align: middle;
	    padding-top: 20px;
	}


	#profilerForm fieldset .smaller-wider label.two-line {
    	padding-top: 19px;    
	}

	
	.intro .pr-desc {
		margin-bottom: 35px;
	}

		.bigger-p {
    	font-size: 19px;
    	max-width: 400px;
    	margin: 0 auto 22px;
	}

}



@media (max-width: 641px) {



	.pr-form-inner {
	    margin: 0px auto 0px;
	    max-width: 100%;
	    padding: 0px;
	    height: 100VH;
	}

	#profilerForm fieldset .inner {
    	height: 100VH;
    	position: relative;
    	padding: 31px 11px 0px;
    	overflow: hidden;
	}

	.image-select-step .custom-label-box.row {
	    max-width: 411px;
	}

	.pr-img-header {		
		min-height: 52px;
	}

	#profilerForm fieldset {
		border-radius: 0px;
	}
	
}


body.ios #profilerForm fieldset .inner {
    	height: calc(100VH - 60px); 

}
.inner-box-w.iu-full {
	max-width: 100%;
}