body * { box-sizing:border-box; font-size: 13px; color: #354052; font-family: 'Proxima Nova'; letter-spacing: 0.5px; } /*  font-family: sans-serif; */
ul { list-style: none; }
body, h1, h2, h3, h4, h5, h6, form, ul { margin:0; padding:0; }
a, a:visited { color: #09c199; }
a, a:visited  { text-decoration:none; outline:none; }
a:hover { opacity:0.8; text-decoration:none; }

.font-black { font-family: 'proxima_nova_altblack'; }
.font-bold { font-family: 'proxima_nova_altbold'; }
.font-sbold, strong, b, .ftsb { font-family: 'proxima_nova_ltsemibold'; }
.font-thin { font-family: 'proxima_nova_ltthin'; }
.font-sthin { font-family: 'proxima_nova_scosfthin'; }

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="text"][readonly],
input[type="password"][readonly] { color: #b5b9bf; }
input[type="text"][readonly] { background-color: #fff; }
input[type="text"]:focus[readonly],
input[type="password"]:focus[readonly] { border-color: #ebebeb; }
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b7bbbd; }
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder { /* Firefox 19+ */ color: #b7bbbd; }
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder { /* IE 10+ */ color: #b7bbbd; }
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder { /* Firefox 18- */ color: #b7bbbd; }
label { font-size: 13px; display: block; }
label.require::after { content: '*'; color: #ff4954; font-weight: 500; margin-left: 8px; }

button, .btngrn { font-size: 14px; padding: 12px; min-width:70px; text-align:center; color: #fff !important; border-radius: 4px; background-color: #09c199; border:none; outline: none; }
button:hover, .btngrn:hover { cursor: pointer; -webkit-transition: 0.15s linear; transition: 0.15s linear; -webkit-box-shadow: 0 2px 10px rgb(78, 232, 199); box-shadow: 0 2px 10px rgb(78, 232, 199); }
button:focus, button.active { -webkit-box-shadow: none; box-shadow: none; }
button.disabled { cursor: not-allowed; }
button:focus { outline: none; }
button.primary { background-color: #0facf3; border-color: #0facf3; color: #fff; }
button.secondary, button.secondary:hover { background-color: #e4e7ea; border-color: #e4e7ea; color: #535353; }

.button-w { padding: 9px 15px; font-family: 'proxima_nova_ltsemibold'; font-size: 14px;background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); color: #354052; text-align: center; min-width:70px; line-height: inherit; position:relative; border-radius: 4px; outline: none; cursor: pointer; transition: all 0.5s ease-in-out; }
.button-w:hover { box-shadow: 0 2px 2px 0 rgba(140, 170, 147, 0.2); color:#172f4c; }

button[type="disabled"], button[type="disabled"]:hover,.disabled, .disabled:hover { background-color: #eee !important; border-color: #ddd !important; color:#999 !important; cursor: not-allowed; box-shadow: 0 0 0 !important; }

.button.google { display:block; background-color: #4284f5; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2); padding: 8px; min-width:70px; text-align:center; color: #fff; letter-spacing: 1.7px; border-radius: 4px; outline: none; -webkit-transition: 0.15s linear; transition: 0.15s linear; 
 background-image: url("../../assets/imgs/google2.png"); background-repeat: no-repeat; background-position: left 16px top 7px;}
.button.google:hover { cursor: pointer; }

.sweet-alert .cancel { border: 1px solid; color: #b0b0b1 !important;}
.sweet-alert .cancel:hover { box-shadow: 0 1px 2px rgb(210, 216, 215); }

input[type=text],input[type=password],input[type=url],input[type=search],select,.dropdown,textarea,.multiselectHook,.selectcont .ui-multiselect, textarea
	{ width:100%;height: 44px;padding:15px;color:#354052 !important;font-size:14px;background:#fff;border-radius:4px;outline:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none; -webkit-transition: 0.2s linear; transition: 0.2s linear; border: 1px solid #dfe3e9; }
input[type=text]:hover,input[type=password]:hover,input[type=url]:hover,select:hover,textarea:hover,.multiselectHook:hover, .selectcont .ui-multiselect:hover,
input[type=text]:focus,input[type=password]:focus,input[type=url]:focus,select:focus,textarea:focus,.multiselectHook:focus, .selectcont .ui-multiselect:focus { border: 1px solid #2ea2f8; }
input[type=text]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled,.multiselectHook:disabled{background:#f4f6f6;color:#cfd6d9;}

.selectcont { position: relative; cursor: pointer; width: 100%; background-color: #F1F4F8; }
.selectcont:after { content: '\e64b'; font-family: 'themify'; font-size: 13px;color: #999; position: absolute; right: 11px; top: 8px; }
.selectcont select { padding-right: 30px; background-color: transparent; position: relative; z-index: 1; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.lblmove { padding-top: 20px; position: relative; }
.lblmove label { color: #a2aabd;font-size: 15px;font-weight: 400;position: absolute;pointer-events: none;left: 0;top: 25px;-webkit-transition: all .5s ease; transition: all .5s ease; }
.lblmove input.activeText + label,
.lblmove textarea.activeText + label { top:0; color: #a2aabd; font-size: 13px; }
.lblm label { font-family: 'proxima_nova_ltsemibold'; color: #818a9e; font-size: 13px; text-align: left; letter-spacing: normal; position: relative; }
.lblm label .light { font-size: 12px; margin-left: 2px;font-style: italic; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s !important; }

input.red, .ui-state-error, input.ui-state-error, .required, input.required, .selectcont.red select, .selectcont.required .ui-multiselect, .selectcont.red button { border-color: #ed1c24; }

#top-message { width: 300px; position: fixed; top: 0; left:50%; margin-left:-150px; padding: 7px 20px 7px 10px; line-height: 16px; background-color: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 0 13px rgba(0,0,0,.65); z-index: 10002; }
#top-message .rmv-ico { top: 6px; right: 7px; font-size: 12px; position: absolute; }
#top-message .msg { text-align:center; font-size:13px; font-weight: 400; }
#top-message.success .msg { color: #0a8672; }
#top-message.warning .msg { color: #b32727; }

.custom-control.custom-checkbox { }
.custom-checkbox input { visibility: hidden; position: absolute; right: 0; }
.custom-checkbox label { display: block; padding-left: 28px; position: relative; cursor: pointer; color: #7f8fa4; line-height: 19px; text-align: left; font-size: 12px; }
.custom-checkbox label a { color: #000; }
.custom-checkbox label:before { content:''; position: absolute; left: 0; top:0; width: 16px; height: 16px; background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 4px; transition: all .5s ease; }
.custom-checkbox input:checked + label:before { background-color: #09c199;}
.custom-checkbox input:checked + label:after{ content: "\e64c"; position: absolute; left: 5px; top:0; font-family: themify; color: #fff; font-size: 9px; }
/* .custom-checkbox label:before { content:''; position: absolute; left: 0; top:0; width: 18px; height: 18px; background: url("../../assets/icons/check_box_blank.svg") no-repeat; background-size: 100%; opacity:0.2; transition: all .5s ease; }
.custom-checkbox input:checked + label:before { background: url("../../assets/icons/check_box.svg") no-repeat; opacity:1; background-size: 100%; } */

.trnsn { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.drop_box { display:none; width:100%; min-width:100px; position:absolute;top:16px;background:#fff; box-shadow: 0 6px 20px 0 rgba(0,0,0,0.1); border: solid 1px rgba(0,0,0,0.1); z-index:9; -webkit-transform:translateY(20px);transform:translateY(20px); transition:transform .15s ease-out,opacity .15s ease-out,-webkit-transform .15s ease-out; border-radius: 4px; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.header .menu {	-moz-animation: fadeIn .3s ease-in; -webkit-animation: fadeIn .3s ease-in; animation:fadeIn  .3s ease-in; }

/* css for code verifcation screen start*/
.error{
	    border: 1px solid #ec8e8e;
}
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-15 { font-size: 15px; }
.mt-0{margin-top:0}
.mb-0{margin-bottom:0}
.m-0{margin:0;}
.DF {
	display:flex;
}
.JC{
	justify-content:center;
}
.txt-cntr{
	text-align: center;
}
.verihd{
	margin-bottom:-18px;
}
.veridesc{
	line-height:1.5;
}
.veriform-group {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
}

.veriform-group input {
width: 40px;
height: 40px;
font-size: 24px;
text-align: center;
margin: 0 5px; 
}
.veriform-group input::-webkit-outer-spin-button,
.veriform-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.veriform-group input[type=number] {
  -moz-appearance: textfield;
}

/* css for code verifcation screen end*/

.FL { float: left; }
.FR { float: right; }
.DIB { display: inline-block; }
.DN { display: none; }
.p-rel { position: relative; }
.mrow, .rec { width: 100%; float: left; }
.prow { width: 100%; float: left; position: relative; }
.rec { position: relative; }
.cssHide { display: none !important;}
.light { color: #7f8fa4; letter-spacing: 0; }
.light.mt { font-size: 12px; }
.light.mt .ico { color: #a8aab7; font-size: 13px; float: left; margin: 1px 5px 0 2px; }
.green-c { color: #39b54a; }
.sprtr { height: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: center; }
.sprtr b { background-color: #fff; display: inline-block; padding: 0 10px; font-size: 14px; color: #000; }
.red-msg { color: #f85359; font-weight: normal; display: block; }
.red-msg.mstxt { line-height: 16px; margin-top: 7px; }
.err1-msg { padding:13px; padding-left: 35px; min-height: 42px; color: #ed1c24; font-size: 13px; border-radius: 4px; border: solid 1px #f94153; background-color: rgba(248, 83, 89, 0.1);font-family: 'proxima_nova_ltsemibold'; }
.err1-msg:before { position: absolute; left: 12px; font-size: 15px; }
.err2-msg { font-size: 12px; color: #f85359; }
.err2-msg:before { float: left; margin-right: 8px; font-size: 13px; }

.suc-msg { padding:13px; height: 53px; color: #39b54a; font-size: 13px; border-radius: 4px; border: solid 1px rgba(57, 181, 74, 0.6); background-color: rgba(57, 181, 74, 0.07);font-family: 'proxima_nova_ltsemibold'; }
.suc-msg:before { float: left; margin-right: 10px; font-size: 15px;    margin-top: -1px; }

.mt-5  { margin-top: 5px; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mr-20 { margin-right: 20px; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.pb-0  { padding-bottom: 0 !important; }

.infotxt { padding-left: 25px; position: relative; color: #7f8fa4;font-size: 13px;line-height: 18px; }
.infotxt:before { content:''; width: 16px; height: 16px; position: absolute; left: 0; top:1px; background: url("../../assets/icons/info.svg") no-repeat left center; background-size: 100%; opacity: 0.3; }
.infotxt.sm {font-size: 12px; opacity: 0.8; padding-left: 18px; line-height: 14px; }
.infotxt.sm:before { background-size: 82%; top:-1px; }
.infotxt.wrkfl { position: absolute; bottom: -2px; }
.infotxt.noico { padding-left: 0; }
.infotxt.noico:before { display: none; }

/* css check ok tick */
.cssok { display: inline-block; transform: rotate(45deg); height: var(--height); width: var(--width); border-bottom: var(--borderWidth) solid var(--borderColor); border-right: var(--borderWidth) solid var(--borderColor); }

a.brd, b.brd, span.brd { border-bottom: 1px dotted rgba(0,0,0,0.2); transition: all 0.5s ease-in-out;}

body.login {  background-color:#eef3f6; }
/* body.login { min-height: 100vh; height: 100%; overflow-x: hidden; -webkit-transition: .5s; transition: .5s;
	display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.card h5.logo { width:100%; height:40px; margin-bottom:70px; font-size: 1.25rem; text-align: center; text-transform: uppercase; font-weight: 300; background:url("../../assets/imgs/logo-log.png") no-repeat center center; } */
.card h5.logo a { width:250px; height:94px; display: block; background: url("../../assets/imgs/logo-new.png") no-repeat left 50px center; }
.card {/* width: 520px; max-width: 100%; padding: 20px 0; z-index:2; */ }
.cardin { width: 480px; margin: 0 auto; background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 4px; }
body.login.mn .cardin { padding-bottom: 35px; }
body.login .cardab { display: flex; min-height: calc(100vh - 150px); height: 100%; overflow-x: hidden; margin-top: -20px;
	-webkit-transition: .5s; transition: .5s;
	-webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.crdbx { width: 100%; display: inline-block; padding: 25px 40px; position: relative; padding-top: 30px; }
.crdbx.a.pdt5 { padding-top: 50px; }
.crdbx.b { padding: 35px 40px; }
body.login.mn .crdbx.b { padding-bottom: 0; }
.card .hd { font-size: 24px; line-height: 1.38; letter-spacing: normal; text-align: left; color: #354052; margin-bottom: 25px; font-family: 'proxima_nova_ltsemibold'; }
.card .rec { margin-bottom: 25px; }
.card .rec > label { font-size: 16px; font-family: 'proxima_nova_ltsemibold'; margin-bottom: 10px; }
.card .gbtn, .card .kbtn { display:block; height:44px; border-radius: 4px; border: solid 1px rgba(0, 0, 0, 0.1); position: relative; text-align: center; padding: 15px 0; font-size: 14px; color: #354052; font-family: 'proxima_nova_ltsemibold'; }
.card .gbtn { background: url("../../assets/imgs/g-icon.png") no-repeat left 15px center; }
.card .gbtn:before, .card .kbtn:before { width: 1px; height: 42px; content:' '; position: absolute; left: 56px; top: 0; border-left: solid 1px rgba(0, 0, 0, 0.1); }
.card .gbtn.saml { background: #f5f6f7; }
.card .gbtn.saml:before { display: none; }
.card .rec .eyico { width:25px; height:25px; position: absolute; right: 12px; bottom: 10px; display: none; }
.card .rec .eyico.ehide { background: url("../../assets/imgs/eye-hide.png") no-repeat center center; }
.card .rec .eyico.eshow { background: url("../../assets/imgs/eye-show.png") no-repeat center center; }
.card .rec #id_password { padding-right:50px; }
.card .rec .pshw { color: #09c199; position: absolute; right: 9px; top: 45px; font-size:12px; }
.card .fgpass { font-size: 12px; margin-top: 2px; }
.card .py-10 { margin-top: -8px; }
.card .custom-control { outline: none; position: relative; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; }
.card .rec.btn { margin-bottom: 1px; text-align: center; }
.card .rec.btn button { font-size: 16px; display: inline-block; padding: 10px 22px; font-family: 'proxima_nova_ltsemibold'; }
.card .btn .bk { color: #7f8fa4; font-size: 14px; font-family: 'proxima_nova_ltsemibold'; position:absolute; top: 15px; left:0; }
.card .btn .bk:before { color: #c5d0de; font-weight: bold; font-size: 16px; float: left; margin: 0 10px 0 0; }
.card .rec .actxt { display: block; margin: 8px 0 0; font-size: 12px; line-height: 16px; padding-left: 23px; }

.card .rec.saml .btngrn { margin: 20px 0; display: block; }
.card .kbtn { background: url("../../assets/imgs/k-logo.png") no-repeat left 15px center; background-size:25px; }


.card .btmlnks { margin: 20px 0 10px 0; display: block; text-align: center; }
.card .btmlnks, .card .btmlnks a { color: #7f8fa4;; font-size: 14px; }
.card .btmlnks a { font-family: 'proxima_nova_ltsemibold'; }
.card #msg { font-size:12px; color:#cc0000; -webkit-transition: .5s; transition: .5s; position: absolute; top: -30px; right: 0; text-align: center; width: 100%; }
.card .err1-msg { margin-top: -14px; margin-bottom: 25px; }

#privacyStatements { text-align: right; margin: 20px 0;}
#privacyStatements a { margin-left: 30px; color: #09c199; font-size: 13px; border-bottom: 1px dotted #09c199; }

.passw .mtxt { font-size: 16px; margin-bottom: 40px; line-height: 1.33; }
.passw .card .rec.btn { margin-top: 63px; }
.passw .card .err2-msg { position: absolute; bottom: -20px; left: 0; }
.passw .card #errorMsg { position: absolute; bottom: -68px; left: 0;margin: 0; }

.reset .rsem { font-size: 12px; color:#7f8fa4; text-align:center; border-radius: 3px 3px 0 0; background-color: #f1f4f8; border: solid 1px rgba(0, 0, 0, 0.06); padding: 9px; border-bottom: none; margin-top: -22px; margin-bottom: 22px; }
.reset .card .rec > label { color:#354052; }
.reset .card .rec .txt { color:#b0b0b1; margin-top: 10px; font-size: 14px; }
.reset .card .rec.btn { margin-top: 7px; }

.card.signup { padding: 30px 50px 15px 50px; }
.card.signup h5 { text-transform: capitalize; }

body.signup { min-height: 100vh; height: 100%; overflow-x: hidden; background-color:#eef3f6; color: #535353; font-weight: 300; font-size: 0.9375rem; line-height: 1.9;display: flex;
	-webkit-transition: .5s; transition: .5s; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.up-logo { width:100%; font-size: 3.5rem; letter-spacing:8px; color:#09c199; text-align: center; text-transform: uppercase; }
.logo-txt { text-align: center; line-height: 20px; font-size: 0.9rem; margin-bottom: 45px; margin-top:-15px; color: #a2aabd; }
.up-card {z-index:2; width: 520px; max-width: 100%; padding: 20px 0; min-height: 150px; }
.up-card h5.logo { width:100%; height:40px; margin-bottom:40px; font-size: 1.25rem; text-align: center; text-transform: uppercase; font-weight: 300; background:url("../../assets/imgs/logo-signup.png") no-repeat center center; }
.up-cardin { width: 100%; float: left; background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 4px; position: relative; }
.up-card .hd { font-size: 26px; line-height: 1.38; letter-spacing: normal; text-align: left; color: #354052; margin-bottom: 20px; font-family: 'proxima_nova_ltsemibold'; }
.up-card .block { width: 100%; float: left; padding: 35px 48px; padding-bottom: 10px; }
.up-card .block.a { padding-top: 25px; }
.up-card .block.b { border-left: 1px solid #e7f1ee; background-color: #fff; border-radius: 0 4px 4px 0; }
.up-card .lblm label { color: #000; margin-bottom: 10px; }
.up-card .form-group { margin-bottom: 25px; position: relative; }
.up-card .form-group.half input { width: 47%; display: inline-block; }
.up-card .form-group.half .selectcont { width: 47%; display: inline-block; }
.up-card .form-group.half .selectcont select { padding-top: 12px; }
.up-card .form-group.half input.b { float: right; }
.up-card .form-control { width: 100%; }
.up-card .form-group.btn { margin-bottom: 0; }
.up-card .form-group.btn button { width: 100%; font-size: 17px;}
.up-card #txtCompanyPrefix { padding-right: 100px; }
.up-card .company-domain { height: 42px; position: absolute; right: 1px; margin-top: 1px; font-size: 14px; color: #354052;font-family: 'proxima_nova_ltsemibold'; background-color: #F1F4F8; padding: 9px 10px 0;border-radius: 0 4px 4px 0; border-left: 1px solid #dfe3e9; }
.up-card .showPass { position: absolute; right: 10px; top: 47px; font-size: 10px; text-transform: uppercase; color: #7f8fa4; font-family: 'proxima_nova_altbold';transition: all 0.5s ease-in-out; }

/* Microsoft Edge .up-card .showPass { right: 40px; } */      
  @supports (-ms-ime-align:auto) {  
  #div_password input { padding-right: 60px; }
}


.up-card .btn { padding: 0 48px; text-align: center; }
.up-card .btn .button { width: 150px; font-size: 14px; }
.up-card .btn #prevStep { position:absolute; left:48px; bottom:17px; color: #7f8fa4; font-family: 'proxima_nova_ltsemibold'; }
.up-card .btn #prevStep img { opacity: 0.3; float: left; width: 20px;margin: 2px 5px 0 0; }
.up-card .btn .accept { margin-top: -10px; margin-bottom: 30px; }

.up-card .btngl { display:none; margin: 40px 0; margin-top: 70px; padding-top: 40px; border-top: 1px solid #e3e3e3; position: relative; }
.up-card .btngl b { position: absolute; left: 50%; top:-13px; background-color:#f7fafb; width: 80px; margin-left: -40px; text-align: center; display: block; color: #909090; font-size: 14px; }
.up-card .btngl a { letter-spacing: 1px; }
.up-card .btngl a:hover { opacity: 1; background-color: #3974d8; }

.stpsmn { margin-top: 20px; margin-bottom:20px; text-align: center; }
.stpsmn .step { display: inline-block; margin: 0 3px; background-color:#ced0da; border-radius: 50px; width: 6px; height: 6px; }
.stpsmn .step.active { background-color: #353c48;  }

.alrdact { text-align: center; margin: 20px 0; color: #7f8fa4; font-size: 14px; }
.alrdact a { font-family: 'proxima_nova_ltsemibold'; color: #7f8fa4; font-size: 14px; }

.wform .up-card { width: 670px; }
.wform .up-card .block { padding: 35px 108px; }
.wform .up-card .block .txtar { margin: 15px 0; }
.wform .up-card .block .txtar textarea { width: 100%; }
.wform .up-card .multiselect { cursor: pointer; }
.wform .up-card .multiselect__tags { background-color: #F1F4F8; }
.wform .up-card .multiselect__input, .wform .up-card .multiselect__single { background: none; }
.wform .up-card .multiselect__option--highlight { background-color: #e8eff3; }
.wform .up-card .multiselect__option--highlight span { color: #000; }
.wform .up-card .multiselect__option--highlight:after { color: #aaa; background: none; }
.wform .up-card .multiselect__tag { background-color: #fff; margin-bottom: 0; box-shadow: 0px 0px 0 1px rgba(0,0,0,0.07); }
.wform .up-card .multiselect__tag-icon:focus, .wform .up-card .multiselect__tag-icon:hover { background: rgb(207, 214, 218); border-radius: 0 4px 4px 0; }
.wform .up-card .multiselect__option--selected:after { font-weight: normal; }
.wform .up-card .multiselect.required .multiselect__tags { border-color: #f85359 !important; } 
.wform .up-card .multiselect__input, .wform .up-card .multiselect__single { font-size: 14px; }

.mfa .cardin { width: 590px; } 
.mfa .crdbx .hd { margin-bottom: 20px; }
.mfa .crdbx .hd .sut { margin-top: 9px;}
.mfa .crdbx.b .hd .sut { margin-right: 30px; }
.mfa .crdbx .img { position: absolute; right:40px; top:91px; }
.mfa .crdbx.b .img { right: -15px; top: -16px; }
.mfa .crdbx .imgtxt { text-align: center; font-size: 12px; color: #7f8fa4; margin-left: -10px; margin-top: 4px;display: block }
.mfa .crdbx.b .img img,
.mfa .crdbx .imgtxt { position:relative; z-index:555; }
.mfa .crdbx.b .inpact { padding: 15px 0; }
.mfa .crdbx.b .inpact input { padding: 5px; height: 38px; width: 200px}

.mfa .crdbx .img.nw { position: static; float: right; margin-top: -26px; }

.mfa .tinp input { width: 100%; height:40px; margin-right: 10px; }
.mfa .tinp .copy { color: #09c199; padding: 12px 12px 11px; position: absolute; right:1px; top:1px; border-left: 1px solid #dfe3e9; background-color: #f5f8f9; border-radius: 0 4px 4px 0; }
.mfa .tinp .hmpg { margin-top: 34px; }
.mfa .crdbx .txt { line-height: 20px; font-size: 14px; }
.mfa .crdbx .txt strong { font-size: 14px; margin-bottom:3px; display: block; }
.mfa .crdbx .tinp {  width: 370px; }
.mfa .crdbx.b .tinp { min-height: 135px;  width: 370px; }
.mfa .crdbx button,
.mfa .crdbx .btngrn {height: 38px; min-width: 80px; }
.mfa .crdbx .btns .cncl { margin: 13px 20px 0 0; color: #7f8fa4; font-size: 14px; }
.mfa .crdbx .btns .back { margin-top: 13px; font-size: 14px; }
.mfa .crdbx .btns .back.ico:before { margin-top: 13px; font-size: 11px; margin-right: 5px; }
.mfa .crdbx .btns .light.FL { margin-top: 13px; }

.mfa .crdbx .btns.nw { margin-top: 15px; }
.mfa .crdbx .btns.nw .back { margin-top: 0; }
.mfa .crdbx .btns.nw .cncl { margin-top: 0; }
.mfa .crdbx input#secCode { width: 260px; padding: 10px; height: auto; }


.inact .pg-head { padding: 80px 0; font-size: 28px; position: relative; }
.inact .container { max-width:580px; margin:0 auto; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;  min-height: 100vh; height: 100%; overflow-x: hidden;}
.inact .continr { background-color: #fff; padding: 70px 30px; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 12px; font-size: 16px; text-align: center; line-height: 1.8; position: relative; }
.inact .logout { position: absolute; right: 0; top:-30px; }

body.confvt.login { background-color: #fff; }
.confvt .thd { padding: 35px 40px; border-radius: 3px; background-color: #f8fafb; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 18px; line-height: 1.56; }
.confvt .thd strong { font-size: 18px; }
.confvt footer.site-footer { margin-top: 200px; }
.confvt .mainFooter .freddoFooterWidget .footer .main h3 { font-size: 20px; color: #fff; font-weight: normal; margin-bottom: 12px; }
.confvt input, 
.confvt button { border-radius: 4px !important; }
.confvt .card .rec.btn button { margin-top: 10px; padding: 15px 30px; }

body.signup.wlsrv .achivt { height: 40px; margin-top: 30px; width: 570px; margin-left: 25px; }
body.signup.wlsrv .achivt .txt { color:#b1bed0; font-size: 13px; text-align: center; }
body.signup.wlsrv .achivt .txt span { color: #09c199; font-size: 13px; }
body.signup.wlsrv .achivt .bar { position:absolute; left: 10%; top: 42px; width: 80%; height: 7px; background-color: #e2e7ee; border-radius: 4px; overflow: hidden; }
body.signup.wlsrv .achivt .bar .lin { position: absolute; height: 7px; background-color: #09c199; transition: all 0.3s; }


body.signup.wlsrv { background-color: #28C7AC; }
body.signup.wlsrv .up-card { width: 620px; padding: 10px 0 0 0; }
body.signup.wlsrv .up-card .up-cardin { border-radius: 8px; margin-bottom: 30px; }
body.signup.wlsrv .up-card .card-layer { width: 96%; height: 100px; position: absolute; left: 2%; bottom: -13px; border-radius: 8px; background-color: rgba(255,255,255,0.3); box-shadow: 0 10px 10px 0 rgb(0 0 0 / 3%); z-index: -1; }
body.signup.wlsrv .up-card .card-layer.b { bottom: -11px; } 
body.signup.wlsrv .up-card h5.logo { background:url("../../assets/imgs/kendis-lg-w.png") no-repeat center center; }
body.signup.wlsrv .up-card .hd { text-align: center; color: #fff; font-size: 30px; display: none; }
body.signup.wlsrv .up-card .hd .light { color: #fff; } 

body.signup.wlsrv .up-card .contblk { width: 100%; overflow: hidden; }
body.signup.wlsrv .up-card .block { width: 3090px; padding:0; margin:0; will-change: auto; overflow: hidden; }
body.signup.wlsrv .up-card .form-group { padding: 40px 70px 5px; width: 618px; float:left; margin-bottom: 0; }/*transition: visibility 0s .6s; animation: 0.4s ease 0s 1 normal none running animatebottom;  display: none; */
 /* body.signup.wlsrv .up-card .form-group.active { max-height: 100vh; visibility:visible;  } display: block; animation:animateleft 0.4s; */
body.signup.wlsrv .up-card .form-group label { text-align: center; font-size: 22px; margin-bottom: 28px; color: #63666D; }
body.signup.wlsrv .up-card .form-group li { background-color: #EFF2F5; list-style: none; border-radius: 50px; font-size:14px; color:#485262; padding: 6px 20px 4px 35px; margin: 5px 0; position: relative; cursor: pointer; }
body.signup.wlsrv .up-card .form-group li:before { content:''; width: 16px; height: 16px; position: absolute; top:10px; left: 10px; background-color: #fff; border-radius: 50px; }
body.signup.wlsrv .up-card .form-group .stp1 li.active { background-color: #28C7AC; color: #fff; cursor: default; }
body.signup.wlsrv .up-card .form-group .stp1 .stp2 { margin-left: 25px; max-height: 0; transition: max-height 1s; overflow: hidden; }
body.signup.wlsrv .up-card .form-group .stp1.active .stp2 { max-height: 100vh; overflow: visible; transition: max-height 1s; }

body.signup.wlsrv .up-card .btnb { border:1px solid #28C7AC; border-radius: 50px; color: #28C7AC; padding: 2px 15px; display: none; }
body.signup.wlsrv .up-card .form-group.active .btnb {  display: block; margin: 10px 0; }
body.signup.wlsrv .up-card .form-group.active .btnb:before { content:' '; position: absolute; top:10px; width:20px; height:10px; color: #28C7AC; font-size: 20px;}
body.signup.wlsrv .up-card .form-group.active .btnb.bck { float:left; padding-left: 37px; }
body.signup.wlsrv .up-card .form-group.active .btnb.bck:before { left: 10px; background:url("../../assets/icons/surye-arrow-back.svg") no-repeat center center; background-size: 17px;  }
body.signup.wlsrv .up-card .form-group.active .btnb.nxt { float:right; padding-right: 37px; }
body.signup.wlsrv .up-card .form-group.active .btnb.nxt:before { right: 10px; background:url("../../assets/icons/surye-arrow-next.svg") no-repeat center center; background-size: 17px;  }
body.signup.wlsrv .up-card .form-group.active .btnb.fnh { float:right; }

/* :root { --borderWidth: 1px; --height: 8px; --width: 4px; --borderColor: #28C7AC; }
body.signup.wlsrv .up-card .form-group .stp1 li.active:after { content:''; z-index: 1; position:absolute; left: 15px; top:11px; transform: rotate(45deg); height: var(--height); width: var(--width); border-bottom: var(--borderWidth) solid var(--borderColor); border-right: var(--borderWidth) solid var(--borderColor); } */
body.signup.wlsrv .up-card .form-group .stp1 li.active:after { content:''; z-index: 1; position:absolute; left: 13px; top:13px; background:url("../../assets/imgs/tick.png") no-repeat center center; width: 10px; height: 10px; background-size: 100%; }
body.signup.wlsrv .up-card .form-group .stp1 .stp2 li.active { background-color: #D4F4EE; color: #28C7AC; cursor: default; }
/* body.signup.wlsrv .up-card .form-group .stp1.subOptions > li:after { content:'\002B'; position:absolute; left: 14px; top:-2px; color:#C1C7CD; font-size:20px;   border: none; height: auto; width: auto; transform: inherit; }
body.signup.wlsrv .up-card .form-group .stp1.subOptions > li.active:after { content:'\0320'; color:#28C7AC; left: 19px; top: -10px; } */
body.signup.wlsrv .up-card .form-group .stp1.subOptions > li:after { content:' '; z-index: 2; position:absolute; left: 13px; top:13px; background:url("../../assets/imgs/plus.png") no-repeat center center; width: 10px; height: 10px; background-size: 100%; }
body.signup.wlsrv .up-card .form-group .stp1.subOptions > li.active:after { background:url("../../assets/imgs/minus.png") no-repeat center center; }
body.signup.wlsrv .up-card .form-group .stp3 li { color:#C8D1DB; }
body.signup.wlsrv .up-card .form-group .stp3 input { border-radius: 50px; padding: 9px 15px; height: auto; } 
/* body.signup.wlsrv .up-card .form-group .stp3 li:after { content:'\002B'; position:absolute; left: 14px; top:-2px; color:#a4b0bd; font-size:20px; z-index: 2; } */
body.signup.wlsrv .up-card .form-group .stp3 li:after { content:' '; z-index: 2; position:absolute; left: 15px; top:13px; background:url("../../assets/imgs/plus.png") no-repeat center center; width: 10px; height: 10px; background-size: 100%;}
body.signup.wlsrv .up-card .form-group .stp3 li:before { display: none; }

body.signup.wlsrv .up-card .block.wel { text-align: center; font-size: 22px; margin: 30px 0; }
body.signup.wlsrv .up-card .block.wel .hd { color: #354052; font-size: 34px; }
body.signup.wlsrv .up-card .block.wel .hd .light {color:#7f8fa4; margin-top: 20px; font-size: 16px; }

@media (max-height: 720px)  { 
	body.signup.wlsrv .achivt { margin-top: 15px; }
	body.signup.wlsrv .up-card h5.logo { margin-bottom: 15px; }
	body.signup.wlsrv .up-card .form-group { padding-top: 30px; }
	body.signup.wlsrv .up-card .form-group label { margin-bottom: 10px;} 
	body.signup.wlsrv .up-card .up-cardin { margin-bottom: 20px; }
	}



.nextslide.active  { 
  animation-duration: 1s;
  animation-name: nextslide;  
  animation-direction: alternate;
}
@keyframes nextslide {
  from { left:100%; }
  to   { left:0%; }
}
.previusslide.active  { 
  animation-duration: 1s;
  animation-name: previusslide;  
  animation-direction: alternate;
}
@keyframes previusslide {
  from { right:100%; }
  to   { right:0%; }
}
.form-groupa { 
  animation-duration: 1s;
  animation-name: form-groupa;  
  animation-direction: alternate;
}
@keyframes form-groupa {
  from { left:0; }
  to   { left:-100%; }
}



@media (max-width: 650px)  { 	
	.up-cardin { background-color: #fff; }
	.up-card .block { width: 100%; border: none; background-color: transparent !important; border-radius: 4px !important; }
	.up-card .block.a { padding-bottom: 0; }
	}
@media (max-width: 600px)  { 
	body, body.login { padding:0; min-height: auto; height: auto; }
	.cardin { width: 100%; } 
	.main { display:none; } 
	.card { padding:20px; width:100%; } 	
	}


@media all and (-ms-high-contrast:none)
     {
    /* .foo { color: green }  IE10 */
     *::-ms-backdrop, .card { margin-top: 50px; } /* IE11 */
     }
     
.loader { width: 100%; height: 100%; line-height: 40px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.9); text-align: center; box-sizing:border-box; font-size: 13px; color: #777; z-index: 500; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.loader i { font-size: 35px; color: #999; margin-bottom: 10px; }
.loaderinteg {border: 3px solid #f3f3f3;border-radius: 50%;border-top: 3px solid #09C199; width: 40px;height: 40px; -webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;margin:0 auto;}