@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');



/* Fintech Ltd. |  CSS Dev Version | Not Prefixed */



/* Iframe Form */



body {

    margin: 0;

font-family: 'Open Sans', sans-serif;

    background-color:transparent;

}



label.control-label {

 display: none;

}

#reg_form {

        padding:0 10px;

    max-width: 510px;

    margin: auto;

}

body > div.formSection.formIn {

 max-width: 100vw;

 width: 100%;

}

#outbox {

display: none;

}



.form-control::-webkit-input-placeholder{color:#363636;opacity:1}

.form-control::-moz-placeholder{color:#363636;opacity:1}

.form-control:-moz-placeholder{color:#363636;opacity:1}

.form-control:-ms-input-placeholder{color:#363636;opacity:1}

.form-control:input-placeholder{color:#363636;opacity:1}

.form-control:focus::-webkit-input-placeholder{color:transparent}

.form-control:focus::-moz-placeholder{color:transparent}

.form-control:focus:-moz-placeholder{color:transparent}

.form-control:focus:-ms-input-placeholder{color:transparent}







/* Input */





input.form-control, select.form-control {

	margin-top: 12px;

	border-radius: 4px;

    /*box-shadow: inset 0 2px 0 rgba(0,0,0,.05);*/

    min-height: 35px;

    border: 1px solid #ccc;

    color: #333;

    display: block;

    font-family: ubuntu,sans-serif;

    margin: auto;

    line-height: 31px;

    background-image: none;

    padding: 0 20px;

    box-sizing: border-box;

    transition: border-color .2s ease-in-out 0s,box-shadow .15s ease-in-out 0s;

    vertical-align: middle;

    width: 100%;

    margin-bottom: 8px;

    background-color: #fff;

    height: 42px;

    font-weight: 300;

    font-size: 16px;

} 



/* Input Wraps */





input.form-control[type="text"] {

 text-transform: capitalize;

}

/*input.form-control:hover {

     border: 1px solid rgba(148, 245, 89, .7)

}

input.form-control:focus  {

     outline: 0;

    border-color: #843534;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;

}*/



input.form-control:hover{border:1px solid rgba(0,0,0,.65)}

input.form-control:focus{

	outline:0;

	border: 1.5px solid;

	border-color: #4070f4;

	background: transparent;

	box-shadow:none;

	}



/* Country */



#country {

 display: none;

}



/* Phone */



.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {

     position: relative;

    z-index: 0;

margin-top: 10px!important;

    padding-right: 0;

    margin-right: 0;

}



/* Checkbox */

.checkbox {

    display: block;

    color: #7b7b7b;

    padding-top: 10px;

 font-size: 15px;

    display: none;

}



.btn span{display:none;}



#reg_form .btn{width:100%;font-weight:700;border:0;box-shadow:inset 0 1px 0 hsla(0,0,100%,.2),0 2px 0 #d77907;min-height:55px;transition:all .1s linear;animation-name:boinkyOne;animation-duration:2s;animation-delay:1.5s;animation-fill-mode:forwards;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:50% 50%;vertical-align:middle;margin:0;text-decoration:none;text-align:center;white-space:nowrap;line-height:1;z-index:1;position:relative;color:#fff;font-size:24px;cursor:pointer;margin-top: 7px;}#reg_form>button:hover{color:#fff;background:#f9aa4b}#reg_form>button :active,#reg_form>button:hover:active{background:#d77907;box-shadow:inset 0 2px 2px rgba(0,0,0,.2),0 2px 0 #d77907}.btn:after{content:"Start making $2,200+ a day!"}.btn span{display:none}#outbox{max-width:100vw}@keyframes animationFrames{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes animationFrames{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(1turn)}}#reg_form{-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;-webkit-perspective:500px;perspective:500px}@keyframes boinkyOne{0%{transform:rotateY(0);animation-timing-function:cubic-bezier(.25,.25,.75,.75)}10%{transform:rotateY(5deg)}20%{transform:rotateY(-5deg)}30%{transform:rotateY(5deg)}40%{transform:rotateY(-5deg)}50%{transform:rotateY(5deg)}60%{transform:rotateY(0)}to{transform:rotateY(0)}}#reg_form::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@keyframes animationFrames{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes animationFrames{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(1turn)}}#reg_form{-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;-webkit-perspective:500px;perspective:500px}@keyframes boinkyOne{0%{transform:rotateY(0);animation-timing-function:cubic-bezier(.25,.25,.75,.75)}10%{transform:rotateY(5deg)}20%{transform:rotateY(-5deg)}30%{transform:rotateY(5deg)}40%{transform:rotateY(-5deg)}50%{transform:rotateY(5deg)}60%{transform:rotateY(0)}to{transform:rotateY(0)}}



input {

	-webkit-transition: -webkit-box-shadow .3s ease-in-out, border .3s ease-in-out;

    transition: box-shadow .3s ease-in-out, border .3s ease-in-out;

}

input:focus {

      border-color: #dfe1e9;

    background-color: #eaf1f3;

	    box-shadow: none;

		    outline: 0;

}

.btn:after {

	content: none;

}

.btn span {

	display: block;

}



/* Hide all steps by default: */



.step-title {

  display: none;

  text-align:center;

  font-size: 20px;

    font-weight: 600;

}

/* Make circles that indicate the steps of the form: */

.step {

     display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    margin: 0 20px;

    text-align: center;

    font-family: "Open Sans",sans-serif;

    font-size: 1.25em;

    font-weight: 700;

    border-radius: 50%;

    background: #fff;

    color: #2ba6df;

    box-shadow: 0 0 0 1px #bdbdbd inset, 0 0 0 4px #fff;

}



/* Mark the active step: */

/*.step.active {

 background: #ffaf38;

    background: linear-gradient(to bottom, #a110cb 0%, #740d92 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a110cb', endColorstr='#740d92',GradientType=0 );

    color: #ffffff;

    border-color: #5e4c9e;

    text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.35);

}

*/

/* Mark the steps that are finished and valid: */

.step.finish {

 background: #2ba6df;

 color:#fff;

}

input.error {

  background-color: #ffdddd;

}

#pageloader

{

  background: rgba( 255, 255, 255, 0.8 );

  display: none;

  height: 100%;

  position: fixed;

  width: 100%;

  z-index: 9999;

}

.showpre {display: block!important;}

#pageloader img

{

  left: 50%;

  margin-left: -32px;

  margin-top: -32px;

  position: absolute;

  top: 50%;

}

input#phone::placeholder {

    opacity: 0.5;

}

.privacy-text {

	display:inline !important;

    padding: 0 !important;

    margin: 5px 0 !important;

    font-size: 12px !important;

	color: #222 !important;

	box-shadow: none !important;

}

.lockimg {

	width: 15px !important;

    height: 15px !important;

    display: inline-block !important;

    vertical-align: middle !important;

}

.headerformText {

	background: linear-gradient(116.57deg, #154f5a 16.67%, #216978 100%);

	padding-left: 1rem;

    padding-right: 1rem;

	padding-bottom: 0.75rem;

    padding-top: 0.75rem;

	font-size: 1.25rem;

	font-weight: 600;

	color: #fff;

	border-radius: 10px 10px 0 0;

}

.privacy-div {margin:auto;text-align:center !important;}





#submitBtnText {

	display: flex;

	justify-content: center;

	align-items: center;

}

.loader-spinner {

	border: 2px solid #f3f3f3;

	border-radius: 50%;

	width: 28px;

	height: 28px;

	-webkit-animation: spin 1s infinite ease-in; /* Safari */

	animation: spin 1s infinite ease-in;

	border-top-color: #202C8D;

	border-left-color: #202C8D;

}

.loader-section{display:flex;top:0;left:0;height:100%;width:100%;background:#fff;text-align:center;justify-content:center;align-items:center}

.loading-section{border:3px solid #ccc;width:100px;height:100px;border-radius:50%;border-top-color:#ff5e14;border-left-color:#ff5e14;animation:spin 1s infinite ease-in}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

.main-form-body {

    box-shadow: 0px 2px 6px 6px rgba(0, 0, 0, 0.1);

    max-width: 510px;

    margin: 0 auto;

    border-radius: 10px;

	margin-top: 50px;

}

div#includeFormContent {

    padding: 10px;

}