html {box-sizing : border-box;font-family : sans-serif;line-height : 1.15;-webkit-text-size-adjust : 100%;-ms-text-size-adjust : 100%;-ms-overflow-style : scrollbar;-webkit-tap-highlight-color : transparent}

*, ::after, ::before {box-sizing : inherit}

* {margin : 0;padding : 0;box-sizing : border-box}

body, html {height : 100%;font-family : Arial, sans-serif}

a {font-family : Arial;font-size : 14px;line-height : 1.7;color : #666666;margin : 0;transition : all .4s;-webkit-transition : all .4s;-o-transition : all .4s;-moz-transition : all .4s}

a:focus {outline : none !important}

a:hover {text-decoration : none;color : #FFFFFF}

h1, h2, h3, h4, h5, h6 {margin : 0}

p {font-family : Arial;font-size : 14px;line-height : 1.7;color : #666666;margin : 0}

ul, li {margin : 0;list-style-type : none}

input {outline : none;border : none}

textarea {outline : none;border : none}

textarea:focus, input:focus {border-color : transparent !important}

input:focus::-webkit-input-placeholder {color : transparent}

input:focus:-moz-placeholder {color : transparent}

input:focus::-moz-placeholder {color : transparent}

input:focus:-ms-input-placeholder {color : transparent}

textarea:focus::-webkit-input-placeholder {color : transparent}

textarea:focus:-moz-placeholder {color : transparent}

textarea:focus::-moz-placeholder {color : transparent}

textarea:focus:-ms-input-placeholder {color : transparent}

input::-webkit-input-placeholder {color : #FFFFFF}

input:-moz-placeholder {color : #FFFFFF}

input::-moz-placeholder {color : #FFFFFF}

input:-ms-input-placeholder {color : #FFFFFF}

textarea::-webkit-input-placeholder {color : #FFFFFF}

textarea:-moz-placeholder {color : #FFFFFF}

textarea::-moz-placeholder {color : #FFFFFF}

textarea:-ms-input-placeholder {color : #FFFFFF}

label {margin : 0;display : block}

button {outline : none !important;border : none;background : transparent}

button:hover {cursor : pointer}

iframe {border : none !important}

.txt1 {font-family : Arial;font-size : 13px;color : #E5E5E5;line-height : 1.5}

.limiter {width : 100%;margin : 0 auto}

.container-login100 {width : 100%;min-height : 100vh;display : -webkit-box;display : -webkit-flex;display : -moz-box;display : -ms-flexbox;display : flex;flex-wrap : wrap;justify-content : center;align-items : center;padding : 15px;position : relative;z-index : 1;background-image : url("/templates/layout-2019/img/login/bg-01.jpg");background-repeat : no-repeat;background-position : center;background-size : cover}

.container-login100::before {content : "";display : block;position : absolute;z-index : -1;width : 100%;height : 100%;top : 0;left : 0;background-color : rgba(66, 66, 66, .88)}

.wrap-login100 {width : 500px;border-radius : 10px;overflow : hidden;padding : 55px 55px 37px 55px;background : #030C1691}

.login100-form {width : 100%}

.login100-form-logo {font-size : 60px;color : #333333;display : -webkit-box;display : -webkit-flex;display : -moz-box;display : -ms-flexbox;display : flex;justify-content : center;align-items : center;width : 120px;height : 120px;border-radius : 50%;margin : 0 auto}

.login100-form-logo img {max-width : 420px;max-height : 118px}

.login100-form-title {font-family : Poppins-Medium;font-size : 30px;color : #FFFFFF;line-height : 1.2;text-align : center;text-transform : uppercase;display : block}

.wrap-input100 {width : 100%;position : relative;border-bottom : 2px solid rgba(255, 255, 255, .24);margin-bottom : 30px}

.input100 {font-family : Arial;font-size : 16px;color : #FFFFFF;line-height : 1.2;display : block;width : 100%;height : 45px;background : transparent;padding : 0 5px 0 38px}

.focus-input100 {position : absolute;display : block;width : 100%;height : 100%;top : 0;left : 0;pointer-events : none}

.focus-input100::before {content : "";display : block;position : absolute;bottom : -2px;left : 0;width : 0;height : 2px;-webkit-transition : all .4s;-o-transition : all .4s;-moz-transition : all .4s;transition : all .4s;background : #FFFFFF}

.focus-input100::after {font-family : "Material Icons";font-size : 22px;color : #FFFFFF;content : attr(data-placeholder);display : block;width : 100%;position : absolute;top : 6px;left : 0;padding-left : 5px;-webkit-transition : all .4s;-o-transition : all .4s;-moz-transition : all .4s;transition : all .4s}

.input100:focus {padding-left : 5px}

.input100:focus + .focus-input100::after {top : -22px;font-size : 18px}

.input100:focus + .focus-input100::before {width : 100%}

.has-val.input100 + .focus-input100::after {top : -22px;font-size : 18px}

.has-val.input100 + .focus-input100::before {width : 100%}

.has-val.input100 {padding-left : 5px}

.contact100-form-checkbox {padding-left : 5px;padding-top : 5px;padding-bottom : 35px}

.input-checkbox100 {display : none}

.label-checkbox100 {font-family : Arial;font-size : 13px;color : #FFFFFF;line-height : 1.2;display : block;position : relative;padding-left : 26px;cursor : pointer}

.label-checkbox100::before {content : "";font-family : "Material Icons";font-size : 13px;color : transparent;display : -webkit-box;display : -webkit-flex;display : -moz-box;display : -ms-flexbox;display : flex;justify-content : center;align-items : center;position : absolute;width : 16px;height : 16px;border-radius : 2px;background : #FFFFFF;left : 0;top : 50%;-webkit-transform : translateY(-50%);-moz-transform : translateY(-50%);-ms-transform : translateY(-50%);-o-transform : translateY(-50%);transform : translateY(-50%)}

.input-checkbox100:checked + .label-checkbox100::before {color : #555555}

.container-login100-form-btn {width : 100%;display : -webkit-box;display : -webkit-flex;display : -moz-box;display : -ms-flexbox;display : flex;flex-wrap : wrap;justify-content : center}

.login100-form-btn {font-family : Poppins-Medium;font-size : 16px;color : #555555;line-height : 1.2;display : -webkit-box;display : -webkit-flex;display : -moz-box;display : -ms-flexbox;display : flex;justify-content : center;align-items : center;padding : 0 20px;min-width : 120px;height : 50px;border-radius : 25px;background : #9152F8;background : -webkit-linear-gradient(bottom, #7579FF, #B224EF);background : -o-linear-gradient(bottom, #7579FF, #B224EF);background : -moz-linear-gradient(bottom, #7579FF, #B224EF);background : linear-gradient(bottom, #7579FF, #B224EF);position : relative;z-index : 1;-webkit-transition : all .4s;-o-transition : all .4s;-moz-transition : all .4s;transition : all .4s}

.login100-form-btn::before {content : "";display : block;position : absolute;z-index : -1;width : 100%;height : 100%;border-radius : 25px;background-color : #FFFFFF;top : 0;left : 0;opacity : 1;-webkit-transition : all .4s;-o-transition : all .4s;-moz-transition : all .4s;transition : all .4s}

.login100-form-btn:hover {color : #FFFFFF}

.login100-form-btn:hover:before {opacity : 0}

@media (max-width : 576px) {
    .wrap-login100 {padding : 55px 15px 37px 15px}
}

.validate-input {position : relative}

.alert-validate::before {content : attr(data-validate);position : absolute;max-width : 70%;background-color : #FFFFFF;border : 1px solid #C80000;border-radius : 2px;padding : 4px 25px 4px 10px;top : 50%;-webkit-transform : translateY(-50%);-moz-transform : translateY(-50%);-ms-transform : translateY(-50%);-o-transform : translateY(-50%);transform : translateY(-50%);right : 0;pointer-events : none;font-family : Arial;color : #C80000;font-size : 13px;line-height : 1.4;text-align : left;visibility : hidden;opacity : 0;-webkit-transition : opacity .4s;-o-transition : opacity .4s;-moz-transition : opacity .4s;transition : opacity .4s}

.alert-validate:hover:before {visibility : visible;opacity : 1}

@media (max-width : 992px) {
    .alert-validate::before {visibility : visible;opacity : 1}
}

.alert-sms {padding : 15px;margin-bottom : 20px;border-radius : 4px;background-color : #FCF8E3;border : 1px solid #FAEBCC}

.alert-sms, .alert-sms * {color : #8A6D3B}