@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');

html {
   -webkit-text-size-adjust: none;
}

body {
	font-family: 'Poppins', sans-serif;
	color: #202020;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-size:18px;
	line-height:24px;
	font-weight:400;
}

h1, h2, h3 {
	margin: 0px;
	padding:0px;
}

h1.styleFontface {
	font-family: 'Poppins', sans-serif;
	font-size:40px;
	line-height:50px;
	color: #FFF;
	font-weight:300;
	font-style: normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}

h1.styleFontface strong { 
	font-weight:700; 
	font-family: 'Poppins', sans-serif; 
	font-size:60px;	
	line-height:60px;
}

h2.styleFontface {
	font-family: 'Poppins', sans-serif;
	font-size:36px;
	line-height:40px;
	color: #202020;
	font-weight:700;
	font-style: normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}

h3.styleFontface {
	font-family: 'Poppins', sans-serif;
	font-size:36px;
	line-height:40px;
	color: #FFF;
	font-weight:700;
	font-style: normal;
	font-variant:normal;
	text-decoration:none; text-transform: none;
}

img {
	vertical-align: bottom;
	max-width:100%;
	height: auto;
}

p {
	margin:7px 0px;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, 
progress, section, source, video {
	display:block;
}

.zerogrid{
	width: 1200px; position: relative; margin: 0 auto; padding: 0; text-align:center;
}

#step2, #step3, #step4 {
	display: none;
}

.content-wrapper {
	margin: 0px;
	overflow: hidden;
	padding:0px;
}

blockquote p {
    margin: 0;
    font-size: 15px;
}

.example-right {
	position:relative;
	padding:15px;
	margin:0;
	color:#202020;
	background:#ffffff;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
	background:-moz-linear-gradient(#ffffff, #ffffff);
	background:-o-linear-gradient(#ffffff, #ffffff);
	background:linear-gradient(#ffffff, #ffffff);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.example-right + p {
	margin:15px 0 2em 85px; 
	font-style:italic;
	font-size: 14px; 
	color: #ffffff
}

.example-right:after {
	content:"";
	position:absolute;
	bottom:-50px;
	left:50px;
	border-width:0 20px 50px 0px;
	border-style:solid;
	border-color:transparent #ffffff;
    display:block; 
    width:0;
}

.more-test{
	background-color: #111d89;
    color: #FFF;
    padding: 3px 8px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 12px;
}

.wrap-testimonials {
	background-color: #6283e9;
	padding-top: 30px;
	padding-bottom: 10px;
}

.form-box-p2 h2 {
	color: #555 !important;
}

#welcome { 
	height: auto; 
	float:left; 
	text-align:center; 
	width:100%; 
	background: url(../images/welcome-bg2.jpg) center top no-repeat #debc97;
	min-height: 1000px;
}

.welcome-main-box { 
	width:100%; 
	height:auto; 
	float:left; 
	text-align:center;
}

.welcome-inside { 
	width:98%; 
	padding-left:1%; 
	padding-right:1%; 
	height:auto; 
	float:left; 
	text-align:left; 
	padding-top:50px;
}

.p2-inside { 
	width:60%; 
	padding-left:20%; 
	padding-right:20%; 
	height:auto; 
	float:left; 
	text-align:left; 
	padding-top:50px;
}

.ty-inside { 
	width:1170px; 
	padding-left:15px; 
	padding-right:15px; 
	height:auto; 
	float:left; 
	text-align:left; 
	padding-top:50px;
}

.welcome-left { 
	width:54%; 
	height:auto; 
	float:left; 
	text-align:left; 
	padding-top:10px; 
	font-size:16px; 
	line-height:26px; 
	color:#FFF; 
	font-weight:400;
	font-family: 'Poppins', sans-serif;
} 

.welcome-left p { 
	margin:18px 0px 7px 0px; 
	text-align:left;
}

.logo {
	margin-bottom:40px;
}

.ty-box { 
	width:100%; 
	height: auto; 
	background-color:#FFF; 
	padding-top:42px; 
	padding-bottom:42px; 
	margin-bottom:100px;
}

.ty-title { 
	width:90%; 
	text-align:center; 
	padding-bottom:32px; 
	padding-left:5%; 
	padding-right:5%;
}

.ty-ads { 
	padding-left:15px; 
	padding-right:15px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.text-center {
    text-align: center!important;
}

.col-md-4 {
	position: relative;
    width: 100%;
}

.col-md-4 {
	-ms-flex: 0 0 380px;
	flex: 0 0 380px;
	max-width: 380px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.form-box { 
	width:40%; 
	height: auto; 
	float:right; 
	text-align:left; 
	background-color:#FFF; 
	padding-top:42px; 
	padding-bottom:42px; 
	margin-right: 10px;
	margin-bottom:100px;
	margin-top:100px
}

.form-box-p2 { 
	width:100%; 
	height: auto; 
	float:right; 
	text-align:left; 
	background-color:#FFF; 
	padding-top:42px; 
	padding-bottom:42px; 
	margin-bottom:100px;
}

.form-title { 
	width:90%; 
	height:auto; 
	float:left; 
	text-align:center; 
	padding-bottom:32px; 
	padding-left:5%; 
	padding-right:5%;
}

.form-answer { 
	width:90%; 
	height:auto; 
	float:left; 
	text-align:center; 
	padding-bottom:32px; 
	padding-left:5%; 
	padding-right:5%;
}

.form-title h2.styleFontface {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size:26px;
	line-height:40px;
	color: #6283e9;
}

.form-inside { 
	width:75%; 
	height:auto; 
	float:left; 
	text-align:left; 
	padding-left:12.5%; 
	padding-right:12.5%;
} 

.form-inside ul { 
	margin:0px; 
	padding:0px;
	list-style-type:none;
} 

.form-inside ul li { 
	width:100%; 
	height:auto; 
	float:left; 
	text-align:left; 
	display:block; 
	padding-bottom:14px;
	font-size:18px; 
	line-height:34px; 
	color: #555555; 
	font-weight:400; 
	font-family: 'Poppins', sans-serif;
}

.form-inside ul li:last-child { 
	padding-bottom:0px;
}

.input-box {
	width:96.6%;
	height:28px;
	font-size:14px;
	line-height:28px;
	color: #555555;
	font-weight:400;
	font-family: 'Poppins', sans-serif; text-transform: none;
	padding-left:3%;
	padding-top:8px;
	padding-bottom:6px;
	background-color: #FFF; border:1px solid #cccccc;
}

input:focus { 
	outline:none;
}

.answer-button {
	background: #6283e9;
	text-align:center;
	float:left;
	padding:10px 0px;
	width:35%;
	height: auto;
	text-decoration:none;
	font-size:16px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family: 'Poppins', sans-serif;
	text-transform:uppercase;
	margin-top:36px;
}

.answer-button:hover {
	background: #00cc75;
	text-align:center;
	float:left;
	padding:10px 0px;
	width:35%;
	height: auto;
	text-decoration:none;
	font-size:18px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family: 'Poppins', sans-serif;
	text-transform:uppercase;
	margin-top:36px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.first-button {
	margin-left: 12%
}
.last-button {
	margin-left: 6%; 
	margin-right: 12%
}

.oneline-button{
	margin-left: 0%; 
	margin-right: 0%; 
	width: 100% !important;
}

.termtext {
	margin-top: 25px;
	font-size: 11px;
	line-height: 14px;
}

label {
	font-size: 12px;
}

.button {
	background: #6283e9;
	text-align:center;
	float:left;
	padding:10px 0px;
	width:100%;
	height: auto;
	text-decoration:none;
	font-size:18px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family: 'Poppins', sans-serif;
	text-transform:uppercase;
	margin-top:36px;
}
.button:hover {
	background: #00cc75;
	text-align:center;
	float:left;
	padding:10px 0px;
	width:100%;
	height: auto;
	text-decoration:none;
	font-size:18px;
	line-height:30px;
	color: #FFF;
	font-weight:bold;
	font-family: 'Poppins', sans-serif;
	text-transform:uppercase;
	 margin-top:36px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.welcome-footer {
    border-radius: 15px;
    background: rgb(255,255,255,0.8);
    padding: 40px 20px 40px 20px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 100px;
}

.welcome-footer h3 {
	margin-bottom: 25px;
}

.testimonial-title { 
	width:100%; 
	height:auto; 
	text-align:center;
}

.welcome-footer ul li { 
	width:30%; 
	height:auto; 
	float:left; 
	text-align:center; 
	display:block; 
	margin-right:3%;
} 

.services ul li:last-child { 
	margin-right:0%;
}

.welcome-footer ul li h3 {
	font-family: 'Poppins', sans-serif;
	font-size:24px;
	line-height:26px;
	color: #6283e9;
	font-weight:700;
	font-style:normal;
	font-variant:normal;
	text-decoration:none; text-transform: none; 
}

.welcome-footer ul li p { 
	margin:18px 0px 7px 0px; 
	text-align:center;
}

.welcome-footer ul li img {
	height: auto !important;
	width: auto !important;
	max-width: 100%; margin-bottom:24px;
}

.clear {
	clear:both;
}

footer {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background-color: #FFF;
	border-top: 10px solid #6283e9; 
}

.footer-main-box {
	width:100%; 
	height:auto; 
	text-align:center; 
	float:left; 
	font-size:12px; 
	line-height:24px; 
	color: #202020;
	font-weight:normal; 
	font-family: 'Poppins', sans-serif; 
	padding-top:46px; 
	padding-bottom:46px;
}

.footer-main-box a {
	color: #202020;
	text-decoration:none;
}

.footer-main-box a:hover {
	color: #ff6000;
	text-decoration:none;
}

.error {
	color: #DB0303;
	font-size: 16px;
	font-weight: bold;
}

.label-error {
	color: #DB0303;
}

.input-error {
	border: 1px solid #DB0303;
}

.p2-button {
	margin-bottom: 30px;
}

.pixel {
	position: absolute;
    top: -500px;
}

@media only screen and (min-width: 601px)  {
	.form-answer {
		width: 80%;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.answer-button {
		font-size: 18px;
	}
	
	.oneline-button {
		margin-left: 5%;
		margin-right: 5%;
		width: 90% !important;
	}
}

@media only screen and (min-width: 1001px) and (max-width: 1230px) {
	.zerogrid {
		width:1000px;
	}
	
	h1.styleFontface{
		font-size:30px;
		line-height:40px;
	}
	
	.ty-inside { 
		width:970px; 
		padding-left:15px; 
		padding-right:15px; 
	}
	
	.col-md-4 {
		-ms-flex: 0 0 313px;
		flex: 0 0 313px;
		max-width: 313px;
	}
	
	.img-fluid {
		max-width: 300px;
		height: auto;
	}	
}

@media only screen and (max-width: 1000px) {
	.ty-inside {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	.col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 961px) and (max-width: 1000px) {
	.zerogrid{
		width:100%;
	}
	
	#welcome { 
		width:100%; 
		float:left; 
		text-align:center; 
	} 
	
	.welcome-inside { 
		text-align:center;
	} 
	
	.footer-main-box{
		width:98%; 
		height:auto; 
		margin-left:1%; 
		margin-right:1%; 
		float:left;
	}
	
	h1.styleFontface {
		font-size:30px;
		line-height:40px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	.zerogrid{
		width:100%;
	}
	
	#welcome {  
		width:100%;
	} 
	
	.welcome-inside { 
		width:98%; 
		padding-left:1%; 
		padding-right:1%;
	} 
	
	.welcome-left { 
		width:58%;
	} 
	
	.p2-inside { 
		width:80%; 
		padding-left:10%; 
		padding-right:10%;
	}
	
	.form-box { 
		width:40%;
	} 
	
	.form-title h2.styleFontface { 
		font-size:20px; 
		line-height:26px;
	} 
	
	.form-inside { 
		width:80%; 
		padding-left:10%; 
		padding-right:10%;
	}
	
	.form-box-p2 { 
		width:100%;
	} 
	
	.welcome-footer ul {
		padding: 0
	}
	
	.welcome-footer ul li { 
		width:60%; 
		margin-left:20%; 
		margin-right:20%; 
		margin-bottom:0px; 
		margin-top: 40px;
	}
	
	.welcome-footer ul li p { 
		margin:18px 0px 7px 0px; 
		text-align:center;
	}

	.footer-main-box { 
		width:90%; 
		padding-left:5%; 
		padding-right:5%; 
		text-align:center; 
		font-size:12px; 
		line-height:24px; 
		padding-top:20px; 
		padding-bottom:20px;
	}
	
	h1.styleFontface{
		font-size:25px;
		line-height:35px;
	}
	
	h1.styleFontface strong {
		font-size:50px;
		line-height:45px;
	}
	
	h2.styleFontface { 
		font-size:34px; 
		line-height:38px;
	}
	
	h3.styleFontface { 
		font-size:34px; 
		line-height:38px;
	}
	
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
	body { 
		font-size:16px; 
		line-height:24px;
	}
	
	.zerogrid{
		width:100%; 
	}
	
	#welcome {
		width:100%; 
		height:auto;
	}
	
	.welcome-inside { 
		width:90%; 
		height:auto; 
		padding-left:5%; 
		padding-right:5%; 
		padding-top:10px;
	}
	
	.p2-inside { 
		width:90%; 
		height:auto; 
		padding-left:5%; 
		padding-right:5%; 
		padding-top:10px;
	}
	
 	.welcome-left { 
		 width:100%; 
		 text-align:center; 
		 padding-top:0px; 
		 padding-bottom:26px; 
	} 
	
	.welcome-left p { 
		text-align:center;
	} 
	
	.form-box { 
		width:56%; 
		height:auto; 
		margin-left:22%; 
		margin-right:22%; 
		margin-bottom: 30px; 
		margin-top: 0px;
	}
	
	.form-box-p2 { 
		width:100%; 
		height:auto; 
		margin-bottom: 30px;
	}
	
 	.form-inside { 
		width:80%; 
		padding-left:10%; 
		padding-right:10%;
	}
 
	.welcome-footer ul {
		padding: 0
	}
	
	.welcome-footer ul li { 
		width:60%; 
		margin-left:20%; 
		margin-right:20%; 
		margin-bottom:0px; 
		margin-top: 40px;
	}
	
	.welcome-footer ul li p { 
		margin:18px 0px 7px 0px; 
		text-align:center;
	}

	.button { 
		margin-top:20px;
	} 
	
	.button:hover { 
		margin-top:20px;
	}

	.footer-main-box { 
		width:90%; 
		padding-left:5%; 
		padding-right:5%; 
		text-align:center; 
		font-size:12px; 
		line-height:24px; 
		padding-top:20px; 
		padding-bottom:20px;
	}
	
	.logo {
		margin-bottom: 20px;
	}
	
	h1.styleFontface { 
		font-size:30px; 
		line-height:35px;
	}
	
	h2.styleFontface { 
		font-size:30px; 
		line-height:34px;
	}
	
	h3.styleFontface { 
		font-size:30px; 
		line-height:34px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 600px)  {
	body { 
		font-size:16px; 
		line-height:24px;
	}
	
	.zerogrid{
		width:100%; 
	}
	
	#welcome {
		width:100%; 
		height:auto;
	}
	
	.welcome-inside { 
		width:90%; 
		height:auto; 
		padding-left:5%; 
		padding-right:5%; 
		padding-top:40px;
	}
	
	.p2-inside { 
		width:90%; 
		height:auto; 
		padding-left:5%; 
		padding-right:5%; 
		padding-top:40px;
	}
	
	.welcome-left { 
		width:100%; 
		text-align:center; 
		padding-top:0px; 
		padding-bottom:26px; 
	} 
	
	.welcome-left p { 
		text-align:center;
	} 
	
	.form-title {
		padding-bottom: 10px;
	}
	
	.pt-25 {
		padding-top: 25px;
	}
	
	.form-inside ul li {
		padding-bottom: 10px; 
		line-height: 18px;
	}
	
	.form-box { 
		width:100%; 
		height:auto; 
		margin-bottom: 30px; 
		margin-top: 0px; 
		margin-right: 0px
	} 
	
	.form-title h2.styleFontface { 
		font-size:20px; 
		line-height:26px;
	}
	
	.welcome-footer{
		margin-right: 0px
	}
	
	.form-inside { 
		width:80%; 
		padding-left:10%; 
		padding-right:10%;
	}
 
	.welcome-footer ul {
		padding: 0
	}
	
	.welcome-footer ul li { 
		width:100%; 
		text-align:center; 
		padding-bottom:20px; 
		margin-top: 40px;
	} 
	
	.welcome-footer ul li p { 
		margin:18px 0px 7px 0px; 
		text-align:center;
	}

	.button { 
		margin-top:20px;
	} 
	
	.button:hover { 
		margin-top:20px;
	}

	.footer-main-box { 
		width:90%; 
		padding-left:5%; 
		padding-right:5%; 
		text-align:center; 
		font-size:12px; 
		line-height:24px; 
		padding-top:20px; 
		padding-bottom:20px;
	}

	.logo {
		margin-bottom: 20px;
	}

	h1.styleFontface { 
		font-size:26px; 
		line-height:32px;
	}
	
	h2.styleFontface { 
		font-size:26px; 
		line-height:30px;
	}
	
	h3.styleFontface { 
		font-size:26px; 
		line-height:30px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 480px)  {
	html {
		-webkit-text-size-adjust: none;
	}
	
	body { 
		font-size:16px; 
		line-height:24px;
	}
	
	.zerogrid{
		width:100%; 
	}
	
	#welcome {
		width:100%; 
		height:auto;
	}
	
	.welcome-inside { 
		width:90%; 
		height:auto; 
		padding-left:5%; 
		padding-right:5%; 
		padding-top:10px;
	}
	
	.p2-inside { 
		width:90%; 
		height:auto; 
		padding-left:5%; 
		padding-right:5%; 
		padding-top:10px;
	}
	
	.welcome-left { 
		width:100%; 
		text-align:center; 
		padding-top:0px; 
		padding-bottom:26px; 
		font-size:14px; 
		line-height:20px;
	}
	
	.welcome-left p { 
		text-align:center;
	}
	
	.form-title {
		padding-bottom: 10px;
	}
	
	.form-inside ul li {
		padding-bottom: 10px; 
		line-height: 18px;
	}
	
	.welcome-left br { 
		display:none;
	} 
	
	.form-box { 
		width:100%; 
		height:auto; 
		margin-right: 0px; 
		margin-bottom: 30px; 
		margin-top: 0px;
	} 
	
	.form-title h2.styleFontface { 
		font-size:20px; 
		line-height:26px;
	}
	
	.form-box-p2 { 
		width:100%; 
		height:auto; 
		margin-bottom: 30px;
	}
	
	.pt-25 {
		padding-top: 25px;
	}

	.form-inside { 
		width:84%; 
		padding-left:8%; 
		padding-right:8%;
	}
	
	.welcome-footer{
		margin-right: 0px}
	.welcome-footer ul {padding: 0
	}
	
	.welcome-footer ul li {
		width:100%; 
		text-align:center; 
		padding-bottom:20px; 
		margin-top: 40px;
	}
	
	.welcome-footer ul li p { 
		margin:18px 0px 7px 0px; 
		text-align:center;
	}
	
	.button { 
		margin-top:20px;
	}
	
	.button:hover { 
		margin-top:20px;
	}

	.footer-main-box { 
		width:90%; 
		padding-left:5%; 
		padding-right:5%; 
		text-align:center; 
		font-size:12px; 
		line-height:24px; 
		padding-top:20px; 
		padding-bottom:20px;
	}

	.logo {
		margin-bottom: 20px;
	}
	
	h1.styleFontface { 
		font-size:20px; 
		line-height:25px;
	}
	
	h1.styleFontface strong {
		font-size:20px;
		line-height:25px;
	}
	
	h2.styleFontface { 
		font-size:24px; 
		line-height:28px;
	}
	
	h3.styleFontface { 
		font-size:24px; 
		line-height:28px;
	}
}