@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: Lato-Regular;
	src: url(../fonts/Lato/Lato-Regular.ttf)
}
.container {
	max-width: 1200px
}
.wrap-input100 {
	position: relative;
	max-width: 100%;
	width: 490px;
	z-index: 1
}
.input100 {
	display: block;
	width: 100%;
	background: #fff;
	height: 50px;
	padding: 0 25px
}
.focus-input100 {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	box-shadow: 0 0;
	color: rgba(87, 184, 70, .6)
}
.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 80px 30px;
		opacity: 0
	}
}
@keyframes anim-shadow {
	to {
		box-shadow: 0 0 80px 30px;
		opacity: 0
	}
}
.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: 0;
	padding: 5px 30px 6px 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 12px;
	pointer-events: none;
	font-family: Poppins-Regular;
	color: #c80000;
	font-size: 15px;
	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: "\f071";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	color: #c80000;
	font-size: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 18px
}
.alert-validate:hover:before {
	visibility: visible;
	opacity: 1
}
@media(max-width:992px) {
	.alert-validate::before {
		visibility: visible;
		opacity: 1
	}
}
.cl0 {
	color: #fff
}
.s1-txt1 {
	font-family: Poppins-Regular;
	font-size: 12px;
	color: #e5e5e5;
	line-height: 1.333333
}
.s1-txt2 {
	font-family: Poppins-Regular;
	font-size: 12px;
	color: #fff;
	line-height: 1
}
.m1-txt1 {
	font-family: Poppins-Regular;
	font-size: 16px;
	color: #57b846;
	line-height: 1.333333
}
.m1-txt2 {
	font-family: Poppins-Regular;
	font-size: 16px;
	color: #fff;
	line-height: 1.333333
}
.l1-txt1 {
	font-family: Poppins-Regular;
	font-size: 36px;
	color: #fff;
	line-height: 1.333333
}
.l1-txt2 {
	font-family: Poppins-Bold;
	font-size: 36px;
	color: #fff;
	line-height: 1.333333
}
.l1-txt3 {
	font-family: Poppins-Bold;
	font-size: 40px;
	color: #fff;
	line-height: 1
}
.size1 {
	width: 100%;
	min-height: 100vh
}
.size2 {
	width: 155px;
	height: 155px
}
.size3 {
	min-width: 170px;
	height: 50px
}
.size4 {
	width: 36px;
	height: 36px
}
.wsize1 {
	max-width: 700px
}
.bg0 {
	background-color: #fff
}
.bg-img1 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.bor1 {
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%
}
.where1 {
	margin: 0 5px 20px
}
.placeholder0::-webkit-input-placeholder {
	color: #999
}
.placeholder0:-moz-placeholder {
	color: #999
}
.placeholder0::-moz-placeholder {
	color: #999
}
.placeholder0:-ms-input-placeholder {
	color: #999
}
.overlay1 {
	position: relative;
	z-index: 1
}
.overlay1::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #9cadbb;
	background: -webkit-linear-gradient(bottom, #9cadbb, #eddfd8);
	background: -o-linear-gradient(bottom, #9cadbb, #eddfd8);
	background: -moz-linear-gradient(bottom, #9cadbb, #eddfd8);
	background: linear-gradient(bottom, #9cadbb, #eddfd8);
	opacity: .9
}
.how-btn1 {
	background-color: #57b846;
	padding-right: 20px;
	padding-left: 20px;
	position: relative
}
.how-btn1::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #7579ff;
	background: -webkit-linear-gradient(top, #b224ef, #7579ff);
	background: -o-linear-gradient(top, #b224ef, #7579ff);
	background: -moz-linear-gradient(top, #b224ef, #7579ff);
	background: linear-gradient(top, #b224ef, #7579ff);
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	opacity: 0
}
.how-btn1:hover {
	background-color: transparent
}
.how-btn1:hover:before {
	opacity: 1
}
.wrappic1 {
	display: block;
	flex-grow: 1
}
.wrappic1 img {
	max-width: 100%
}
.how-social {
	color: #999;
	font-size: 18px;
	background-color: #fff;
	border-radius: 50%
}
.how-social:hover {
	background-color: #57b846;
	color: #fff
}
.focus-in0:focus::-webkit-input-placeholder {
	color: transparent
}
.focus-in0:focus:-moz-placeholder {
	color: transparent
}
.focus-in0:focus::-moz-placeholder {
	color: transparent
}
.focus-in0:focus:-ms-input-placeholder {
	color: transparent
}
.hov-cl0:hover {
	color: #fff
}
.hov-bg0:hover {
	background-color: #fff
}
@media(max-width:1200px) {
	.m-0-xl {
		margin: 0
	}
	.m-lr-0-xl {
		margin-left: 0;
		margin-right: 0
	}
	.m-lr-15-xl {
		margin-left: 15px;
		margin-right: 15px
	}
	.m-l-0-xl {
		margin-left: 0
	}
	.m-r-0-xl {
		margin-right: 0
	}
	.m-l-15-xl {
		margin-left: 15px
	}
	.m-r-15-xl {
		margin-right: 15px
	}
	.p-0-xl {
		padding: 0
	}
	.p-lr-0-xl {
		padding-left: 0;
		padding-right: 0
	}
	.p-lr-15-xl {
		padding-left: 15px;
		padding-right: 15px
	}
	.p-l-0-xl {
		padding-left: 0
	}
	.p-r-0-xl {
		padding-right: 0
	}
	.p-l-15-xl {
		padding-left: 15px
	}
	.p-r-15-xl {
		padding-right: 15px
	}
	.w-full-xl {
		width: 100%
	}
}
@media(max-width:992px) {
	.m-0-lg {
		margin: 0
	}
	.m-lr-0-lg {
		margin-left: 0;
		margin-right: 0
	}
	.m-lr-15-lg {
		margin-left: 15px;
		margin-right: 15px
	}
	.m-l-0-lg {
		margin-left: 0
	}
	.m-r-0-lg {
		margin-right: 0
	}
	.m-l-15-lg {
		margin-left: 15px
	}
	.m-r-15-lg {
		margin-right: 15px
	}
	.p-0-lg {
		padding: 0
	}
	.p-lr-0-lg {
		padding-left: 0;
		padding-right: 0
	}
	.p-lr-15-lg {
		padding-left: 15px;
		padding-right: 15px
	}
	.p-l-0-lg {
		padding-left: 0
	}
	.p-r-0-lg {
		padding-right: 0
	}
	.p-l-15-lg {
		padding-left: 15px
	}
	.p-r-15-lg {
		padding-right: 15px
	}
	.w-full-lg {
		width: 100%
	}
}
@media(max-width:768px) {
	.m-0-md {
		margin: 0
	}
	.m-lr-0-md {
		margin-left: 0;
		margin-right: 0
	}
	.m-lr-15-md {
		margin-left: 15px;
		margin-right: 15px
	}
	.m-l-0-md {
		margin-left: 0
	}
	.m-r-0-md {
		margin-right: 0
	}
	.m-l-15-md {
		margin-left: 15px
	}
	.m-r-15-md {
		margin-right: 15px
	}
	.p-0-md {
		padding: 0
	}
	.p-lr-0-md {
		padding-left: 0;
		padding-right: 0
	}
	.p-lr-15-md {
		padding-left: 15px;
		padding-right: 15px
	}
	.p-l-0-md {
		padding-left: 0
	}
	.p-r-0-md {
		padding-right: 0
	}
	.p-l-15-md {
		padding-left: 15px
	}
	.p-r-15-md {
		padding-right: 15px
	}
	.w-full-md {
		width: 100%
	}
}
@media(max-width:576px) {
	.m-0-sm {
		margin: 0
	}
	.m-lr-0-sm {
		margin-left: 0;
		margin-right: 0
	}
	.m-lr-15-sm {
		margin-left: 15px;
		margin-right: 15px
	}
	.m-l-0-sm {
		margin-left: 0
	}
	.m-r-0-sm {
		margin-right: 0
	}
	.m-l-15-sm {
		margin-left: 15px
	}
	.m-r-15-sm {
		margin-right: 15px
	}
	.p-0-sm {
		padding: 0
	}
	.p-lr-0-sm {
		padding-left: 0;
		padding-right: 0
	}
	.p-lr-15-sm {
		padding-left: 15px;
		padding-right: 15px
	}
	.p-l-0-sm {
		padding-left: 0
	}
	.p-r-0-sm {
		padding-right: 0
	}
	.p-l-15-sm {
		padding-left: 15px
	}
	.p-r-15-sm {
		padding-right: 15px
	}
	.w-full-sm {
		width: 100%
	}
	.respon1 {
		padding: 0 0 65px 5px
	}
}
@media(max-width:480px) {
	.m-0-ssm {
		margin: 0
	}
	.m-lr-0-ssm {
		margin-left: 0;
		margin-right: 0
	}
	.m-lr-15-ssm {
		margin-left: 15px;
		margin-right: 15px
	}
	.m-l-0-ssm {
		margin-left: 0
	}
	.m-r-0-ssm {
		margin-right: 0
	}
	.m-l-15-ssm {
		margin-left: 15px
	}
	.m-r-15-ssm {
		margin-right: 15px
	}
	.p-0-ssm {
		padding: 0
	}
	.p-lr-0-ssm {
		padding-left: 0;
		padding-right: 0
	}
	.p-lr-15-ssm {
		padding-left: 15px;
		padding-right: 15px
	}
	.p-l-0-ssm {
		padding-left: 0
	}
	.p-r-0-ssm {
		padding-right: 0
	}
	.p-l-15-ssm {
		padding-left: 15px
	}
	.p-r-15-ssm {
		padding-right: 15px
	}
	.w-full-ssm {
		width: 100%
	}
}