.title-body{margin-top:20px}.title-body h1,.title-body h2,.title-body h3,.title-body h4,.title-body h5,.title-body h6{color:#fff;margin:0 0 5px;font-size:16px}.title-body h1 svg,.title-body h2 svg,.title-body h3 svg,.title-body h4 svg,.title-body h5 svg,.title-body h6 svg{display:inline-block;width:16px;height:16px;margin-right:10px}.title-body p{color:#707070;font-size:14px;margin:0 0 20px}.form-element{margin-top:20px}.form-element label{font-size:16px;color:#ba9b45;display:block;margin-bottom:10px}.form-element input,.form-element select,.form-element textarea{width:100%;height:50px;background-color:#161616;border:1px solid #161616;border-radius:8px;font-size:16px;padding:0 15px;outline:none;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-ms-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}.form-element input:focus,.form-element select:focus,.form-element textarea:focus{border-color:#003566}.form-element select{color:rgba(255,255,255,0.5)}.form-element select:valid{color:#fff}.form-element select:focus ~ .form-element__arrow{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);border-top-color:#ba9b45}.form-element textarea{height:auto;padding:10px 15px}.form-element__arrow{pointer-events:none;position:absolute;bottom:18px;right:15px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:12px solid rgba(255,255,255,0.1);-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-ms-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}.form-checkbox,.form-radio-button{margin:15px 0}.form-checkbox input,.form-radio-button input{display:none}.form-checkbox input:checked ~ label span:before,.form-checkbox input:checked ~ label span svg,.form-radio-button input:checked ~ label span:before,.form-radio-button input:checked ~ label span svg{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.form-checkbox label,.form-radio-button label{font-size:16px;color:#ba9b45;display:flex;align-items:center}.form-checkbox label span,.form-radio-button label span{display:block;width:20px;height:20px;border-radius:4px;border:1px solid #393939;background-color:#161616;margin-right:15px}.form-checkbox label span svg,.form-radio-button label span svg{display:block;width:12px;height:9px;top:5px;left:3px;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-ms-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}.form-radio-button label span{border-radius:50%}.form-radio-button label span:before{content:"";position:absolute;top:5px;left:5px;width:8px;height:8px;border-radius:50%;background-color:#fff;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-ms-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}.form-group{display:flex;flex-wrap:wrap}.form-group input,.form-group select{display:block;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.form-group input:not(:last-child),.form-group select:not(:last-child){margin-right:15px}.button{display:block;min-width:180px;margin:20px auto}form{margin:0 0 60px}.section{margin:0 0 60px}@media screen and (min-width: 1024px){.title-body h1,.title-body h2,.title-body h3,.title-body h4,.title-body h5,.title-body h6{display:flex;align-items:center;font-size:22px;line-height:30px;margin:0 0 20px}.title-body h1 svg,.title-body h2 svg,.title-body h3 svg,.title-body h4 svg,.title-body h5 svg,.title-body h6 svg{width:40px;height:40px}.section{margin:0 0 80px}.section .row:last-child form{margin:0 0 30px}.col-info:before{content:"";position:absolute;top:0;bottom:0;right:15px;width:100vw;background:#000;opacity:0.2}}

/* login*/

.view-password {
    width: 22px;
    height: 22px;
    position: relative;
}

.view-password::before {
    content: "\e90a";
    position: absolute;
    width: 22px;
    height: 22px;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 2;
    line-height: 1.1em;
    color: var(--ion-color-light-shade);
    font-family: 'icomoon' !important;
    font-size: 17px;
    font-weight: 300 !important;
}

.control--icon::before {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 12px;
    top: 13px;
    z-index: 2;
    line-height: 1.1em;
    color: var(--ion-color-light-shade);
    font-family: 'icomoon' !important;
    font-size: 17px;
    font-weight: 300 !important;
}

.control--email::before {
    content: "\e916";
}

.control--password::before {
    content: "\e90c";
}

.control--user::before {
    content: "\e912";
}

.control--company::before {
    content: "\e929";
}

.btn--clear {
    background: none;
}

.custom--label {
    color: var(--cta-fill);
}
