@font-face {
font-family:Poppins-Regular;
src:url(fonts/poppins/Poppins-Regular.ttf)
}
@font-face {
font-family:Poppins-Bold;
src:url(fonts/poppins/Poppins-Bold.ttf)
}
@font-face {
font-family:Poppins-Medium;
src:url(fonts/poppins/Poppins-Medium.ttf)
}
@font-face {
font-family:Montserrat-Bold;
src:url(fonts/montserrat/Montserrat-Bold.ttf);
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box
}
body, html {
	height:100%;
	font-family:Poppins-Regular, sans-serif
}
a {
	font-family:Poppins-Regular;
	font-size:14px;
	line-height:1.7;
	color:#666;
	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:#57b846
}
h1, h2, h3, h4, h5, h6 {
	margin:0
}
p {
	font-family:Poppins-Regular;
	font-size:14px;
	line-height:1.7;
	color:#666;
	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:#999
}
input:-moz-placeholder {
color:#999
}
input::-moz-placeholder {
color:#999
}
input:-ms-input-placeholder {
color:#999
}
textarea::-webkit-input-placeholder {
color:#999
}
textarea:-moz-placeholder {
color:#999
}
textarea::-moz-placeholder {
color:#999
}
textarea:-ms-input-placeholder {
color:#999
}
button {
	outline:none!important;
	border:none;
	background:0 0
}
button:hover {
	cursor:pointer
}
iframe {
	border:none!important
}
.txt1 {
	font-family:Poppins-Regular;
	font-size:13px;
	line-height:1.5;
	color:#999
}
.txt2 {
	font-family:Poppins-Regular;
	font-size:16px;
	line-height:1.5;
	color:#666
}
.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;
	background:#9053c7;
	background:-webkit-linear-gradient(-135deg, #c850c0, #4158d0);
	background:-o-linear-gradient(-135deg, #c850c0, #4158d0);
	background:-moz-linear-gradient(-135deg, #c850c0, #4158d0);
	background:linear-gradient(-135deg, #c850c0, #4158d0)
}
.wrap-login100 {
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:177px 130px 33px 95px
}
.login100-pic {
	width:100%;
}
.login100-pic img {
	max-width:100%
}
.login100-form {
	width:400px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.login100-form-title {
	font-family:Poppins-Medium;
	font-size:24px;
	color:#333;
	line-height:1.2;
	text-align:left;
	width:100%;
	display:block;
	padding-bottom:18px
}
.wrap-input100 {
	position:relative;
	width:100%;
	z-index:1;
	margin-bottom:10px
}
.input100 {
	font-family:Poppins-Medium;
	font-size:15px;
	line-height:1.5;
	color:#666;
	display:block;
	width:100%;
	background:#f5f7f9;
	height:50px;
	border-radius:8px;
	padding:0 30px 0 56px
}
.focus-input100 {
	display:block;
	position:absolute;
	border-radius:25px;
	bottom:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	box-shadow:0 0;
	color:rgba(87, 184, 70, .8)
}
.input100:focus+.focus-input100 {
-webkit-animation:anim-shadow .5s ease-in-out forwards;
animation:anim-shadow .5s ease-in-out forwards
}
@-webkit-keyframes anim-shadow {
to {
box-shadow:0 0 70px 25px;
opacity:0
}
}
@keyframes anim-shadow {
to {
box-shadow:0 0 70px 25px;
opacity:0
}
}
.symbol-input100 {
	font-size:15px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	position:absolute;
	border-radius:25px;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	padding-left:8px;
	pointer-events:none;
	color:#5493e2;
-webkit-transition:all .4s;
-o-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.input100:focus+.focus-input100+.symbol-input100 {
	color:#57b846;
	padding-left:10px
}
.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;
	padding-top:20px;
	margin-bottom: 25px;
}
.login100-form-btn {
	font-family:Montserrat-Bold;
	font-size:15px;
	line-height:1.5;
	color:#fff;
	text-transform:uppercase;
	width:100%;
	height:50px;
	border-radius:10px;
	background:#157afe;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 25px;
-webkit-transition:all .4s;
-o-transition:all .4s;
-moz-transition:all .4s;
transition:all .4s
}
.login100-form-btn:hover {
	background:#333
}
@media(max-width:992px) {
.wrap-login100 {
padding:177px 90px 33px 85px
}
.login100-pic {
width:35%
}
.login100-form {
width:50%
}
}
@media(max-width:768px) {
.wrap-login100 {
padding:100px 80px 33px
}
.login100-pic {
display:none
}
.login100-form {
width:100%
}
}
@media(max-width:576px) {
.wrap-login100 {
padding:100px 15px 33px
}
}
.validate-input {
	position:relative
}
.alert-validate::before {
content:attr(data-validate);
position:absolute;
max-width:70%;
background-color:#fff;
border:1px solid #c80000;
border-radius:13px;
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:8px;
pointer-events:none;
font-family:Poppins-Medium;
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::after {
content:"\f06a";
font-family:FontAwesome;
display:block;
position:absolute;
color:#c80000;
font-size:15px;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
right:13px
}
.alert-validate:hover:before {
	visibility:visible;
	opacity:1
}
@media(max-width:992px) {
.alert-validate::before {
visibility:visible;
opacity:1
}
}

.white-bc{
	background:#fff;
}

.p-50{
	padding:50px 15px 50px 15px;
}
.icon-bg{
	background: #fff;
    padding: 10px 12px;
	width: 38px;
    border-radius: 8px;
}
.validate-form p {
    font-size: 12px;
    line-height: 1.8;
    color: #000;
    margin-bottom: 15px;
}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -32px;
  position: relative;
  z-index: 2;
  margin-right: 10px;
}
.container{
  padding-top:50px;
  margin: auto;
}