/*common css*/
/* fonts */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
/*@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff'),
        url('../fonts/SegoeUI.ttf') format('truetype'),
        url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Segoe UI semibold';
    src: url('../fonts/SegoeUI-Semibold.eot');
    src: url('../fonts/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Semibold.woff') format('woff'),
        url('../fonts/SegoeUI-Semibold.ttf') format('truetype'),
        url('../fonts/SegoeUI-Semibold.svg#SegoeUI-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Bold';
    src: url('../fonts/SegoeUI-Bold.eot');
    src: url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Bold.woff') format('woff'),
        url('../fonts/SegoeUI-Bold.ttf') format('truetype'),
        url('../fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}*/

/* fonts */
input[type="submit"]{cursor: pointer;}
input{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
body{ font-size:16px; color:#000; background-color:#fff; position:relative; overflow-x:hidden; min-height: 100vh; font-weight:400; font-family: Poppins;}
ul, li, p{ margin:0; padding:0; }
li{list-style-type: none;}
img{max-width: 100%; width: 100%; vertical-align: top;}
a,input[type="submit"]{ text-decoration:none; outline:none; transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; display: inline-block; vertical-align: top;}
a:hover{transition:0.3s;text-decoration: none;outline: none; }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; }
p{color: #757575; font-size: 15px; font-family: 'poppins'; line-height: 1.7;}
h1{font-family: 'poppins'; font-size: 40px; color: #ffffff; font-weight: 600; }
h2{font-family: 'poppins'; font-size: 35px; color: #000000; font-weight: 600;}
h3{font-family: 'poppins'; font-size: 25px; color: #000000; font-weight: 600;}
h4{font-family: 'poppins'; font-size:18px; color: #000000; font-weight: 600;} 


/* ============ HEADER STYLE START ============ */
header{background: #f9f9f9; box-shadow: 0 1px 12px rgba(0,0,0,0.09); padding: 10px 0;}
header a{display: inline-block; vertical-align: top;}
header img{vertical-align: top; max-width: 120px;}
/* ============ HEADER STYLE ENDS ============ */

/* ============ FORM STYLE START ============ */
/*.formmain{ display: flex; height: calc(100vh - 195px); align-items: center;}*/
.q_form{width: 100%;}
#signup_form fieldset:not(:first-of-type) {display: none;}
#signup_form fieldset{width: 100%;}
.completed .questionprogress.progress{overflow: hidden;}
.completed .questionprogress.progress .progress-bar{position: static;}
.completed .questionprogress .progress-bar span{bottom: 6px;}
.questionprogress.progress{border-radius: 10px; background: #d8d8d8; margin: 40px 0 40px; overflow: visible;}
.questionprogress.progress .progress-bar{background: #3F05B2; position: relative; border-radius: 10px 0 0 10px;}
.select2-container .select2-choice {border: none; background-image: none; box-shadow: none; padding: 0; margin: 0;}
.select2-container .select2-choice .select2-arrow {border-left: none; background-image: none; background: transparent;}
.select2-container.select2-dropdown-open .select2-choice {background: transparent; box-shadow: none !important; border:0;}
.select2-drop {border-radius: 0; border: 0 !important;}
.leftimg img{max-height: 345px; margin: 0 auto; width: auto;}
.rightform{align-items: center; display: flex; overflow-y: auto; /*max-height:calc(100vh - 230px);*/ margin: 0 0 0 -7px; padding: 5px 0;    padding-top: 30px; position: relative;}
#income-error { position: absolute; top: 0; left: 25%;}  
#empsize-error { position: absolute; top: 0; left: 25%;}  
.formsec{width: 90%; margin: 0 0 0 10%; padding: 30px 20px 20px; border-radius: 10px; border: 1px solid #cfcfcf; box-shadow: 0 0 21px rgba(0,0,0,0.04);}
.formsec.child{width: 100%; margin: 0;}
.questionprogress .progress-bar span{position: absolute; bottom: -33px; left: 0; right: 0; margin: 0 auto; background: #3F05B2; padding: 3px 5px; border-radius: 5px; width: 42px;}
.questionprogress .progress-bar span:before{content: ""; height: 0; width: 0; border: solid; border-color: rgb(63, 5, 178) transparent; border-width: 0 5px 6px 5px; position: absolute; left: 0; right: 0; margin: 0 auto; top: -6px; z-index: 9;}
.signup_sec h4{text-align: center; font-size: 20px; color: #000000; font-family: 'poppins'; margin: 0 0 30px;}
.signup_sec h5{text-align: center; font-size: 20px; color: #000000; font-family: 'poppins'; margin-top: 40px; font-weight: 600;}
.btnnext,.btnprv{position: absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 0; height: 38px; width: 25px; background-size: 100%; background-repeat: no-repeat; background-position: center; border: 0; background-color: transparent; cursor: pointer; transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.btnnext{ right: -30px; background-image: url(../images/next_gray_arrow.png); }
.btnprv{ left: -40px; background-image: url(../images/prv_gray_arrow.png); }
.btnprv:hover,.btnprv:focus{background-image: url(../images/prv_active_arrow.png);}
.btnnext:hover,.btnnext:focus{background-image: url(../images/next_active_arrow.png);}
.btnnext:focus,.btnprv:focus{outline: 0;}
.radiodiv{width: 100%; text-align: center;}
.switch,.gender_img{position: relative; max-width: 400px; margin: 0 auto; display: flex; justify-content: space-between;}
.switch:before {content: "  ";position: absolute;left: 0; top: 10px; z-index: -1; width: 100%; height: 5px; border-radius: 5px; background: #cfcfcf;}
.switch__label:focus:before{box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.switch__label:focus{outline: 0; color: #3f05b2;}
.switch__label:before{content: "  "; width: 22px; height: 22px; position: absolute; top: 0; background: #4a4a4a; border-radius: 100%; left: 28px; right: 0; margin: 0 0; z-index: -1;}
.switch__label.female:before{left: auto; right: 28px;}
.switch__label {display: inline-block; padding: 23px 0 0; text-align: center; cursor: pointer; transition: color 200ms ease-out; box-sizing: border-box; margin: 0; width: 80px; color: #303030; position: relative;}
.switch input#male:checked ~ .switch__label{color: #290275;}
.switch__label:hover {color: #3f05b2;}
.switch__label.male{margin: 0 0 0 -28px;}
.switch__label.female{margin: 0 -28px 0 0;}
.switch__indicator {width: 22px; height: 22px; position: absolute; top: 0; background: #290275; border-radius: 100%; left: 0; right: 0; margin: 0 auto; z-index: -1; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; opacity: 0;}
.radiodiv .img_div.maleimg {margin: 0 0 0 -53px;}
.radiodiv .img_div.femaleimg {margin: 0 -37px 0 0;}
.switch input:checked ~ .switch__indicator{opacity: 1;}
.switch input#male:checked ~ .switch__indicator {right: 96.5%;}
.switch input#female:checked ~ .switch__indicator {left: 94.5%;}
.switch input[type="radio"]:not(:checked), .switch input[type="radio"]:checked {display: none;}
.signup_sec{padding: 0 0 40px;}
.radiodiv img{margin: 30px auto 0; display: block; transition: all 0.3s;
-o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; max-height: 250px; width: auto;}
.radiodiv .img_div{position: relative;}
.radiodiv img.active{position: absolute; top: 0; left: 0; opacity: 0; right: 0;}
.radiodiv .img_div.active img.active{opacity: 1;}
.dobdiv{display: flex; justify-content: space-between;}
.dobdiv .form-group{width: 30%;}
.regiondiv{display: flex; justify-content: space-between;}
.regiondiv .form-group:first-child{width: 55%;}
.regiondiv .form-group:last-child{width: 40%;}
.radios{position: relative;}
.radiogrp{position: relative; width: 260px; margin: 0 auto; }
.radiogrp.radiolist{align-self: flex-start;}
.radiogrp:before{content: ""; width: 4px; background: #cfcfcf; position: absolute; top: 5px; left: 10px; bottom: 24px;}
.radios label{padding: 0; margin: 0 0 15px 0; cursor: pointer;}
.radios span{padding-left: 25px;color: #929292; position: relative; display: inline-block; font-size: 16px; font-family: 'poppins'; line-height: 1.4;}
.radios span:before{content: ""; height: 18px; width: 18px; border: 2px solid #acacac; background: #ffffff; position: absolute; top: 2px; left: 0; border-radius: 100%;}
.radios span:after{content: ""; height: 18px; width: 18px; background: #431d8f; position: absolute; top: 2px; left: 0; border-radius: 100%; transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; border: 2px solid #ffffff; box-shadow: 0 0 9px rgba(0,0,0,0.5); }
.radios input[type="radio"]:focus + span:before{box-shadow: 0 0 9px rgba(0,0,0,0.54);}
.radios input[type="radio"]:checked + span:after{transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1);}
.radios input[type="radio"]:checked + span{color: #000000;}

.four-col {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; max-width: 1000px; margin: 0 auto;}
.four-col .checknbox_ele{width: 18%;}
.checknbox_ele label{font-weight: normal; cursor: pointer;}
.checknbox_ele input[type="checkbox"],.checknbox_ele input[type="radio"]{display: none;}
.checknbox_ele input[type="checkbox"] + span,.checknbox_ele input[type="radio"] + span{line-height: 1.3; padding: 0 10px 0 25px; position: relative; display: inline-block;color: #5A5A5A;}
.checknbox_ele input[type="checkbox"] + span:before,.checknbox_ele input[type="radio"] + span:before{content: "";
    margin: 0; height: 18px; width: 18px; border: 1px solid #c9c9c9; border-radius: 3px; position: absolute; top: 0; left: 0; transition: All 0.3s; -o-transition: All 0.3s; -ms-transition: All 0.3s; -moz-transition: All 0.3s; -webkit-transition: All 0.3s;}
.checknbox_ele input[type="checkbox"]:focus + span:before{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.checknbox_ele input[type="checkbox"] + span:after,.checknbox_ele input[type="radio"] + span:after{content: "";margin: 0; height: 10px; width: 10px; background: #3F05B2; border-radius: 3px; position: absolute; top: 4px; left: 4px; transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transition: All 0.3s; -o-transition: All 0.3s; -ms-transition: All 0.3s; -moz-transition: All 0.3s; -webkit-transition: All 0.3s;}
.checknbox_ele input[type="checkbox"]:checked + span:after,.checknbox_ele input[type="radio"]:checked + span:after{transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1);}
.checknbox_ele input[type="checkbox"]:checked + span:before,.checknbox_ele input[type="radio"]:checked + span:before{ border: 1px solid #3F05B2;}
.checknbox_ele input[type="radio"] + span:after,
.checknbox_ele input[type="radio"] + span:before{border-radius: 100% !important;}
.forming {width: 100%; clear: both; text-align: center; padding: 40px 0 0;}
.forming img{width: 180px; margin: 0 auto;}
.twocol{display: flex; flex-wrap: nowrap; justify-content: space-between;}
.twocol .form-group{width: 48%;}
.submitbtn{text-align: center;}

.text-center .sbmtbutton { margin-bottom: 20px; }
.sbmtbutton{font-size: 15px; line-height: 1; color: #ffffff; border: 1px solid #3F05B2; background-color: #3F05B2; padding: 10px 30px; margin: 0 auto; border-radius: 5px; text-transform: uppercase; cursor: pointer;}
.sbmtbutton:hover,.sbmtbutton:focus{color: #3F05B2; background: #ffffff; outline: 0;}
/* ============ FORM STYLE ENDS ============ */

/* ============ FOOTER STYLE START ============ */
footer{padding: 5px 0; background: #bfbfbf; text-align: center; position: absolute; bottom: 0; left: 0; right: 0;}
footer p{font-size: 14px; color: #000000; font-family: 'poppins';}
/* ============ FOOTER STYLE ENDS ============ */

/* ============ THANK YOU PAGE STYLE START ============ */
.thankyou_main{text-align: center; padding: 20px 0 20px; display: flex; align-items: center;}
.thankyou_main h3{font-size: 40px; padding: 0 0 20px 0;}
.thankyou_main p{font-size: 18px; color: #747474; line-height: 1.4; padding: 0 0 30px;}
.thankyou_main img{width: auto; max-width: 500px; margin: 0 auto;}
/* ============ THANK YOU PAGE STYLE ENDS ============ */

/* ============ CREATE PASSWORD PAGE STYLE START ============ */
.passmain{display: flex; align-items: center; width: 100%; height: calc(100vh - 140px); justify-content: center; padding: 30px 0;}
.passmain h3{margin: 0 0 30px; text-align: center; text-align: center; font-size: 25px; color: #000000; font-family: 'poppins';}
.passmain .leftimg{text-align: center;}
.passmain .input-group{position: relative;}
.passmain .form-control{border-radius: .25rem !important;}
.form-control:focus{box-shadow: none;     border-color: #3f05b2;}
.passmain .input-group-addon{position: absolute; right: 0; top: 0; height: 100%; width: 40px; text-align: center; line-height: 2.2;}
.passmain .input-group-addon .fa{color: #7d7d7d;}
.passmain .input-group-addon a:focus .fa{color: #3f05b2;}
/* ============ CREATE PASSWORD PAGE STYLE ENDS ============ */

em.error {color: #ff0000;font-size: 12px; font-style: normal; line-height: 1.4; display: block; padding: 5px 0;}
.select2-container-active{border: 1px solid #3f05b2;}


/*Page fix css*/
.registration_progress{ padding:40px 0; }
.registration_progress .progress.questionprogress{ margin:0; }

/*.card { width: 100%; }*/
.form-group label {

     font-weight: bold;
     margin-right: 20px;
     color: #3F05B2;
 }

 .gender .form-control {
    display: inline-block;
    width: 42%;
    vertical-align: middle;
 }
.children { margin-top: 40px; }
.gender{ padding: 20px 0; margin-bottom: 0; }
.card.children { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border: none; }

#signup_form .quest .checkbox .checkbx-vsbl {-webkit-appearance: checkbox;}
#signup_form .quest .checkbox.chek-clr span a {color: #e7015e; font-weight: 500;}


@media screen and (min-width:414px) and (max-width:736px)  { 

.rightform input {  opacity: 1; }
.rightform .radiogrp:before { left: 10px ; }

 }