@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);
}
@font-face {
	font-family: Lato-Bold;
	src: url(../fonts/Lato/Lato-Bold.ttf);
}
.container {
	max-width: 1200px;
}
.contact100-form {
	width: 100%;
}
.wrap-input100 {
	border-radius: 5px; border: 2px solid rgb(230, 230, 230); border-image: none; width: 100%; height: 50px; position: relative; background-color: rgb(255, 255, 255);
}
.input100 {
	background: 0px 0px; width: 100%; display: block;
}
input.input100 {
	padding: 0px 22px; height: 100%;
}
.focus-input100 {
	border-radius: 5px; border: 2px solid rgb(87, 184, 70); transition:0.4s; border-image: none; left: -2px; top: -2px; width: calc(100% + 4px); height: calc(100% + 4px); display: block; visibility: hidden; position: absolute; opacity: 0; pointer-events: none; transform: scaleX(1.1) scaleY(1.2); -webkit-transform: scaleX(1.1) scaleY(1.2); -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; -moz-transform: scaleX(1.1) scaleY(1.2); -o-transform: scaleX(1.1) scaleY(1.2);
}
.input100:focus + .focus-input100 {
	visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
.validate-input {
	position: relative;
}
.alert-validate::before {
	padding: 4px 25px 4px 10px; border-radius: 2px; border: 1px solid rgb(200, 0, 0); transition:opacity 0.4s; border-image: none; top: 50%; text-align: left; right: 12px; color: rgb(200, 0, 0); line-height: 1.4; font-family: Poppins-Regular; font-size: 14px; visibility: hidden; position: absolute; max-width: 70%; content: attr(data-validate); opacity: 0; pointer-events: none; transform: translateY(-50%); background-color: rgb(255, 255, 255); -webkit-transform: translateY(-50%); -webkit-transition: opacity .4s; -o-transition: opacity .4s; -moz-transition: opacity .4s; -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.alert-validate::after {
	top: 50%; right: 18px; color: rgb(200, 0, 0); font-family: FontAwesome; font-size: 18px; display: block; position: absolute; content: "\f12a"; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.alert-validate:hover::before {
	visibility: visible; opacity: 1;
}
@media all and (max-width:992px)
{
.alert-validate::before {
	visibility: visible; opacity: 1;
}
}
.cl0 {
	color: rgb(255, 255, 255);
}
.s1-txt1 {
	
}
.s2-txt1 {
	color: rgb(85, 85, 85); line-height: 1.5; font-family: Lato-Bold; font-size: 15px;
}
.s2-txt2 {
	color: rgb(255, 255, 255); line-height: 1.5; font-family: Lato-Bold; font-size: 15px;
}
.s2-txt3 {
	color: rgb(153, 153, 153); line-height: 1.5; font-family: Lato-Regular; font-size: 14px;
}
.s2-txt4 {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1; font-family: Lato-Regular; font-size: 12px;
}
.m1-txt1 {
	color: rgb(85, 85, 85); line-height: 1.5; font-family: Poppins-Regular; font-size: 24px;
}
.m1-txt2 {
	color: rgb(85, 85, 85); line-height: 1.5; font-family: Poppins-Bold; font-size: 24px;
}
.l1-txt1 {
	
}
.l2-txt1 {
	color: rgb(255, 255, 255); line-height: 1; font-family: Lato-Bold; font-size: 40px;
}
.size1 {
	width: 100%; min-height: 100vh;
}
.size2 {
	width: 71%; height: 100%;
}
.size3 {
	min-height: 100vh; max-width: 650px;
}
.size4 {
	width: 100%; height: 50px;
}
.size5 {
	width: 36px; height: 36px;
}
.size6 {
	width: 155px; height: 155px;
}
.wsize1 {
	max-width: 650px;
}
.wsize2 {
	max-width: 380px;
}
.hsize1 {
	min-height: 100vh;
}
.bg0 {
	background-color: rgb(255, 255, 255);
}
.bg1 {
	background-color: rgb(87, 184, 70);
}
.bg3 {
	background-color: rgb(59, 89, 152);
}
.bg4 {
	background-color: rgb(29, 161, 242);
}
.bg5 {
	background-color: rgb(205, 32, 31);
}
.bg-img1 {
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.bo1 {
	border: 1px solid rgb(235, 235, 235); border-image: none;
}
.bor1 {
	border-radius: 5px;
}
.bor2 {
	border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); border-image: none;
}
.where1-parent {
	position: relative; z-index: 1;
}
.where1 {
	top: 0px; right: 0px; position: absolute; z-index: -1;
}
.where2 {
	padding: 50px 50px 150px 320px;
}
.how1 {
	border-radius: 50%; color: rgb(255, 255, 255); font-size: 22px;
}
.how1:hover {
	color: rgb(255, 255, 255); background-color: rgb(85, 85, 85);
}
.parallax100 {
	background-position: center 0px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
}
@media all and (max-width:992px)
{
.parallax100 {
	background-attachment: inherit;
}
}
:-ms-input-placeholder.placeholder0 {
	color: rgb(153, 153, 153);
}
.overlay1 {
	overflow: hidden;
}
.overlay1::before {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: -3; content: ""; background-color: rgba(0, 0, 0, 0.8);
}
.overlay1::after {
	transform-origin: right bottom; top: 0px; width: 10000px; height: 100%; right: 100%; display: block; position: absolute; z-index: -2; content: ""; transform: skewX(156deg); background-color: rgb(255, 255, 255); -webkit-transform: skewX(156deg); -moz-transform: skewX(156deg); -o-transform: skewX(156deg);
}
.wrap-pic1 {
	width: 50%;
}
.wrap-pic1 img {
	max-width: 100%;
}
:-ms-input-placeholder.focus-in0:focus {
	color: transparent;
}
.hov-cl0:hover {
	color: rgb(255, 255, 255);
}
.hov-bg0:hover {
	background-color: rgb(255, 255, 255);
}
.hov1:hover {
	background-color: rgb(85, 85, 85);
}
@media all and (max-width:1600px)
{
.respon1 {
	max-width: 38%;
}
}
@media all and (max-width:1200px)
{
.m-0-xl {
	margin: 0px;
}
.m-lr-0-xl {
	margin-right: 0px; margin-left: 0px;
}
.m-lr-15-xl {
	margin-right: 15px; margin-left: 15px;
}
.m-l-0-xl {
	margin-left: 0px;
}
.m-r-0-xl {
	margin-right: 0px;
}
.m-l-15-xl {
	margin-left: 15px;
}
.m-r-15-xl {
	margin-right: 15px;
}
.p-0-xl {
	padding: 0px;
}
.p-lr-0-xl {
	padding-right: 0px; padding-left: 0px;
}
.p-lr-15-xl {
	padding-right: 15px; padding-left: 15px;
}
.p-l-0-xl {
	padding-left: 0px;
}
.p-r-0-xl {
	padding-right: 0px;
}
.p-l-15-xl {
	padding-left: 15px;
}
.p-r-15-xl {
	padding-right: 15px;
}
.w-full-xl {
	width: 100%;
}
.respon1 {
	padding-right: 30px; padding-left: 30px;
}
}
@media all and (max-width:992px)
{
.m-0-lg {
	margin: 0px;
}
.m-lr-0-lg {
	margin-right: 0px; margin-left: 0px;
}
.m-lr-15-lg {
	margin-right: 15px; margin-left: 15px;
}
.m-l-0-lg {
	margin-left: 0px;
}
.m-r-0-lg {
	margin-right: 0px;
}
.m-l-15-lg {
	margin-left: 15px;
}
.m-r-15-lg {
	margin-right: 15px;
}
.p-0-lg {
	padding: 0px;
}
.p-lr-0-lg {
	padding-right: 0px; padding-left: 0px;
}
.p-lr-15-lg {
	padding-right: 15px; padding-left: 15px;
}
.p-l-0-lg {
	padding-left: 0px;
}
.p-r-0-lg {
	padding-right: 0px;
}
.p-l-15-lg {
	padding-left: 15px;
}
.p-r-15-lg {
	padding-right: 15px;
}
.w-full-lg {
	width: 100%;
}
.respon1 {
	padding-top: 0px; margin-right: auto; margin-left: auto; max-width: 650px;
}
.respon2 {
	width: 100%; padding-right: 15px; padding-left: 15px; position: relative;
}
.respon2::after {
	transform-origin: right top; top: 100%; width: 100%; height: 10000px; right: 0px; transform: skew(180deg, 8deg); -webkit-transform: skew(180deg, 8deg); -moz-transform: skew(180deg, 8deg); -o-transform: skew(180deg, 8deg);
}
}
@media all and (max-width:768px)
{
.m-0-md {
	margin: 0px;
}
.m-lr-0-md {
	margin-right: 0px; margin-left: 0px;
}
.m-lr-15-md {
	margin-right: 15px; margin-left: 15px;
}
.m-l-0-md {
	margin-left: 0px;
}
.m-r-0-md {
	margin-right: 0px;
}
.m-l-15-md {
	margin-left: 15px;
}
.m-r-15-md {
	margin-right: 15px;
}
.p-0-md {
	padding: 0px;
}
.p-lr-0-md {
	padding-right: 0px; padding-left: 0px;
}
.p-lr-15-md {
	padding-right: 15px; padding-left: 15px;
}
.p-l-0-md {
	padding-left: 0px;
}
.p-r-0-md {
	padding-right: 0px;
}
.p-l-15-md {
	padding-left: 15px;
}
.p-r-15-md {
	padding-right: 15px;
}
.w-full-md {
	width: 100%;
}
}
@media all and (max-width:576px)
{
.m-0-sm {
	margin: 0px;
}
.m-lr-0-sm {
	margin-right: 0px; margin-left: 0px;
}
.m-lr-15-sm {
	margin-right: 15px; margin-left: 15px;
}
.m-l-0-sm {
	margin-left: 0px;
}
.m-r-0-sm {
	margin-right: 0px;
}
.m-l-15-sm {
	margin-left: 15px;
}
.m-r-15-sm {
	margin-right: 15px;
}
.p-0-sm {
	padding: 0px;
}
.p-lr-0-sm {
	padding-right: 0px; padding-left: 0px;
}
.p-lr-15-sm {
	padding-right: 15px; padding-left: 15px;
}
.p-l-0-sm {
	padding-left: 0px;
}
.p-r-0-sm {
	padding-right: 0px;
}
.p-l-15-sm {
	padding-left: 15px;
}
.p-r-15-sm {
	padding-right: 15px;
}
.w-full-sm {
	width: 100%;
}
}
@media all and (max-width:480px)
{
.m-0-ssm {
	margin: 0px;
}
.m-lr-0-ssm {
	margin-right: 0px; margin-left: 0px;
}
.m-lr-15-ssm {
	margin-right: 15px; margin-left: 15px;
}
.m-l-0-ssm {
	margin-left: 0px;
}
.m-r-0-ssm {
	margin-right: 0px;
}
.m-l-15-ssm {
	margin-left: 15px;
}
.m-r-15-ssm {
	margin-right: 15px;
}
.p-0-ssm {
	padding: 0px;
}
.p-lr-0-ssm {
	padding-right: 0px; padding-left: 0px;
}
.p-lr-15-ssm {
	padding-right: 15px; padding-left: 15px;
}
.p-l-0-ssm {
	padding-left: 0px;
}
.p-r-0-ssm {
	padding-right: 0px;
}
.p-l-15-ssm {
	padding-left: 15px;
}
.p-r-15-ssm {
	padding-right: 15px;
}
.w-full-ssm {
	width: 100%;
}
}