form.nForms{color:var(--g1-forms-color);font-family:var(--font-forms-family);max-width:800px;margin:20px auto;}
form.nForms.xhr{padding:10px;position:relative;z-index:0}
form.nForms.xhr.load::before{content:'';left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2);position:absolute;z-index:1}
form.nForms.xhr.load::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;width:30px;height:30px;border-style:solid;border-color:#2982ba rgba(0,0,0,0.1) #2982ba;border-width:6px;border-radius:50%;animation:spin .8s cubic-bezier(.64,.12,.43,.93) infinite;z-index:2}
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
form.nForms div.tltForm{font-weight:bold;font-size:20px;margin-bottom:15px}
form.nForms div.groupWrap {display:flex;box-sizing:border-box;margin-bottom:17px}
form.nForms div.groupWrap>div {flex:1 1 0px;vertical-align:top;box-sizing:border-box;}
form.nForms div.group.hc{display:none}
form.nForms div.groupTlt{font-weight:bold;font-size:1.3em;margin-bottom:25px}
form.nForms div.item.text label,form.nForms div.item.email label,form.nForms div.item.text label{display:block;position:relative;}
form.nForms span.tlt{display:block;margin-bottom:2px;color:inherit;font-size:18px;width:auto}
form.nForms span.tlt>span{display:block;font-size:0.85em;}
form.nForms div.radioButtonList span.tlt,form.nForms div.checkButtonList span.tlt,form.nForms div.select span.tlt{margin-bottom:10px;font-weight:700}
form.nForms div.err{font-family:var(--font-forms-family);font-size:var(--font-forms-size-error);font-weight:var(--font-forms-weight-error);color:var(--color-error);}
form.nForms div.err.float{visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s}
form.nForms div.err.float.show{visibility:visible;opacity:1}
form.nForms label.item{display:block;white-space:nowrap;padding-left:10px;margin-bottom:10px}
form.nForms span.uploadWrap{position:relative;display:inline-block}
form.nForms span.uploadWrap input[type="file"]{position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden}
form.nForms span.uploadWrap span.tlt{border:none;cursor:pointer;display:block;transition:color 0.3s linear;}
form.nForms span.uploadWrap span.tlt:hover{color:var(--g1-color);}
form.nForms span.uploadWrap span.tlt:before{content:"\e060";display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;vertical-align:middle;margin-right:10px;transition:color 0.3s linear;font-size:20px;color:var(--border-input);}
form.nForms .avatar span.uploadWrap span.tlt:before{content:"\e060";}
form.nForms .upload span.uploadWrap span.tlt:before{content:"\e022";}
form.nForms span.uploadWrap span.tlt:hover:before{color:var(--g2-color);}
form.nForms.placeholder span.uploadWrap span.tlt:after{content:none}
form.nForms span.uploadTlt{display:block;font-style:italic}
form.nForms span.uploadTlt a{display:inline-block;text-decoration:none;margin-left:10px}
form.nForms span.uploadTlt a:after{content:"\e020";font-family:'Glyphicons Halflings';font-style:normal;font-size:16px;color:#FF0000;}
form.nForms div.item span.wrapInput{background-color: #FFFFFF;display:block;box-sizing:border-box;box-shadow:0px 0px 0px 1px var(--border-input);border-radius:6px;padding:0 30px 0 10px;position:relative;background-repeat:no-repeat;background-size:0 0;background-position:-200px -200px;}
form.nForms div.item.error span.wrapInput{box-shadow:0px 0px 0px 1px var(--color-req);}
form.nForms div.item.focus span.wrapInput{box-shadow:0px 0px 0px 2px var(--border-input);}
form.nForms div.item span.wrapInput[style*="background-image"]:not(.textarea){padding-left:50px;}
form.nForms div.item span.wrapInput[style*="background-image"]:not(.textarea)::before{content:'';position:absolute;left:0;top:0;bottom:0;width:40px;border-right:1px solid #d9d9d9;background-image:inherit;background-position:50% 50%;background-repeat:no-repeat;}
form.nForms div.item span.wrapInput[style*="background-image"].textarea::before{content:'';position:absolute;width:20px;height:20px;right:2px;bottom:2px;background-image:inherit;background-position:50% 50%;background-repeat:no-repeat;}
form.nForms div.item.req span.wrapInput[style*="background-image"].textarea::after{right:20px;}
form.nForms div.item.focus span.wrapInput[style*="background-image"]:not(.textarea)::before{border-right-color:#2d3436;filter:brightness(0%);}
form.nForms div.item.focus span.wrapInput[style*="background-image"].textarea::before{filter:brightness(0%);}
form.nForms div.radioButtonList span.tlt::after,form.nForms div.checkButtonList span.tlt::after,form.nForms div.select span.tlt::after{content:'*';font-family:var(--font-family-req);color:var(--color-req);margin-left:2px;}
form.nForms div.item.req span.wrapInput::after{content:'*';position:absolute;width:20px;height:20px;text-align:center;right:2px;bottom:0;top:0;margin:auto 0;font-weight:var(--font-weight-req);font-family:var(--font-family-req);color:var(--color-req);font-size:var(--font-family-size-req);}
form.nForms div.item.req span.wrapInput.textarea::after{margin:0;top:auto;bottom:2px;}
form.nForms div.reqInfo::before{content:'*';font-weight:var(--font-weight-req);font-family:var(--font-family-req);color:var(--color-req);font-size:var(--font-family-size-req);}
form.nForms textarea{width:100%;padding:12px 0;box-sizing:border-box;border:none;height:90px;outline:none;overflow:auto;resize:vertical;color:var(--color-input);font-family:var(--font-family-input);font-size:var(--font-size-input);}
form.nForms div.item div.desc{font-size:14px;}
form.nForms input[type="text"],
form.nForms input[type="email"],
form.nForms input[type="password"]{width:100%;padding:12px 0;box-sizing:border-box;border:none;outline:none;box-shadow:none;}
form.nForms select{color:var(--gfont-color);width:100%;padding:12px 40px 12px 10px;font-family:var(--font-family-input);font-size:var(--font-size-input);font-weight:var(--font-weight-input);box-sizing:border-box;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;}

form.nForms div.item span.wrapSelect{}
form.nForms div.item span.wrapSelect::after{}
form.nForms div.item.error span.wrapSelect{box-shadow:0px 0px 0px 1px var(--color-req);}
form.nForms div.item.error span.wrapSelect::after{border-left-color:var(--color-req);}
/*form.nForms [type="submit"]{display:inline-block;transition:all 0.5s ease;background-color:var(--background-submit);border:1px solid var(--background-submit);color:#FFFFFF;font-size:var(--font-size-submit);padding:12px 27px;position:relative;border-radius:4px;font-weight:var(--font-weight-submit);cursor:pointer;}*/
/*form.nForms [type="submit"]:hover{color:var(--background-submit);background-color:#FFFFFF;}*/
/* Token */
form.nForms div.groupWrap div.wrap-token{display: grid;grid-template-areas: 'img change' 'token token';grid-gap: 10px;align-items: center;}
form.nForms div.groupWrap div.wrap-token>a{grid-area: change;}
form.nForms div.item span.wrapInput.token {grid-area: token;}
form.nForms div.item span.wrapInput.token::after{content:'*';position:absolute;width:20px;height:20px;text-align:center;right:2px;bottom:0;top:0;margin:auto 0;font-weight:bold;font-family:var(--font-family-input);color:#ff6b81;}
form.nForms span.tokenWrap{grid-area: img;display:inline-block;background:#fff url('../images/ajax-loader_min.gif') no-repeat 50% 50%;vertical-align:middle;}
form.nForms span.tokenWrap img{vertical-align:top;max-width:100%;max-height:100%;height:auto;width:auto;}
form.nForms a[data-tokenid]{display:inline-block;background-color:#d8d8d8;
font-family:var(--font-family-input);color:#2d3436;overflow:hidden;vertical-align:middle;margin-left:10px;}
form.nForms a[data-tokenid]::before{content:'\e030';font:normal 21px/40px "Glyphicons Halflings";color:#adafaf;display:inline-block;height:40px;background-color:#e5e5e5;width:40px;margin-right:20px;text-align:center;vertical-align:middle;}
form.nForms a[data-tokenid]:hover{background-color:#c2c2c2;}
form.nForms a[data-tokenid]:hover::before{color:#2d3436;}
form.nForms div.groupWrap > div.token{flex: 0 1 50%;}

/* END Token */

form.nForms div.item.submit {text-align:right;}

form.nForms .req{color:inherit;font:inherit;margin:0}
form.nForms div.item+div.item{margin-left:10px;}
form.nForms.placeholder div.groupWrap>div.group+div.group{padding-left:15px;}
form.nForms.placeholder div.item.email::before,form.nForms.placeholder div.item.text::before,form.nForms.placeholder div.item.password::before,form.nForms.placeholder div.item.textarea::before{content:none;}
form.nForms.placeholder div.groupWrap>div.radioButtonList.req:before,form.nForms.placeholder div.groupWrap>div.checkButtonList.req:before,form.nForms.placeholder div.groupWrap>div.select.req:before{top:5px}
form.nForms.placeholder div.groupWrap>div.upload.req:before{top:15px}
div.nFormsMessage{background-color:#88c057;color:#fff;
font-family:var(--font-family-input);padding:10px;margin-bottom:20px;line-height:1.4em}
div.nFormsMessage.error{background-color:var(--color-req);}

form.nForms ::placeholder { color:var(--color-placeholder);opacity:1}
form.nForms .wrapInput[data-placeholder] ::placeholder {opacity:0;}

form.nForms div.item span.wrapInput[data-placeholder]::before{content:attr(data-placeholder);position:absolute;z-index:1;font-size:var(--font-size-placeholder);transform:translateY(17px);background-color:#fff;left:6px;top:-6px;color:var(--color-placeholder);padding:0 5px;pointer-events:none;transition:font-size .2s,transform .2s,color .2s;}
form.nForms div.item.focus span.wrapInput[data-placeholder]::before,
form.nForms div.item span.wrapInput.isText::before{font-size:12px;transform:translateY(-5px);color:var(--border-input);}
label.checkbox,label.radio{display:block;position:relative;z-index:0;}
label.checkbox input[type="checkbox"],label.radio input[type="radio"]{opacity:0;position:absolute;z-index:0;}
label.checkbox span,label.radio span{position:relative;z-index:0;font-size:18px;display:flex;}
label.checkbox span::before,label.radio span::before{content:'';display:inline-block;width:20px;height:20px;border:1px solid var(--color-check);background-color:#fff;vertical-align:middle;margin-right:15px;border-radius:6px;flex:0 0 20px;}
label.radio span::before{border-radius:50%;}
label.radio span::after{display:none;content:'';position:absolute;left:5px;bottom:0px;top:0px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background-color:var(--color-check);margin:auto;}
label.checkbox span::after{display:none;content:'';position:absolute;left:6px;top:2px;width:8px;height:15px;box-sizing:border-box;transform:rotate(45deg);border-style:solid;border-width:3px;border-color:transparent var(--color-check) var(--color-check) transparent;border-radius:3px;}
label.checkbox input[type="checkbox"]:checked + span::after,label.radio input[type="radio"]:checked + span::after{display:block;}
form.nForms div.groupWrap>div.avatar{display:grid;grid-template-areas:'lab avatar' 'tit avatar';justify-content:flex-start;}
form.nForms div.groupWrap>div.avatar .avatarWrap{grid-area:avatar;margin-left:30px;}
form.nForms div.groupWrap>div.avatar label{grid-area:lab;}
form.nForms div.groupWrap>div.avatar .uploadTlt{grid-area:tit;}
form.nForms div.avatarWrap{max-width:100px;}
form.nForms div.avatarWrap img{max-width:100%;height:auto;}
form.nForms div.groupWrap > div.rodo p{font-size:13px;}
@media screen and (max-width:768px){form.nForms div.groupWrap{display:block;width:auto;margin-bottom:0}
    form.nForms div.groupWrap>div{display:block;width:auto !important;margin-bottom:10px}
    form.nForms div.item+div.item{margin-left:0;}
}