*{
margin:0px;
padding:0px;
}
body {
width: 100%;
}
ul{
margin:0px;
padding:0px;
}
li{
list-style-type:none;
}
a {
text-decoration: none;
color:#a5c238;
}
a:hover {
text-decoration: none;
color:#a5c238;
}
img {
border: none;
max-width: 100%;
height: auto;
}
p{
font-size:1.37rem;
line-height:2.25rem;
color:#fff;
font-family: interstate,sans-serif;
font-weight: 500;
font-style: normal;
}
h1, h2, h3, h4, h5, h6 { 
margin: 0px; 
padding: 0px;
font-family: interstate-condensed,sans-serif;
font-weight: 800;
font-style: normal; 
}
h1{
font-size:5rem;
line-height:4.75rem;
color:#fff
}
span{
color:#55b87b;
font-weight:600;
}
h2{
font-size:3rem;
line-height:3.25rem;
color:#4f575c;
font-weight:800;
padding-bottom: 20px;
}
::placeholder{
opacity:1;
}
.clearfix{
clear:both;
}
.main-wrapper{
position: relative;
width: 100%;
height: 100vh;
background: #fff;
}
.main-wrapper .logo {
position: absolute;
left: 13vw;
z-index: 9;
}
.main-wrapper .logo img {
	max-width: 220px;
	object-fit: cover;
}
header {
padding-top: 7vh;
width: 100%;
height: auto;
position: relative;
z-index: 99;
}
.main-wrapper .banner-sec {
width: 100%;
position: relative;
height: auto;
z-index: 9;
padding-top: 0;
}
.banner-sec::after {
position: absolute;
content: " ";
width: 100%;
height: 58vh;
bottom: -6.25vh;
background-color: #a5c238;
z-index: -1;
}
.main-wrapper .banner-sec .banner-left {
float: left;
width: 50%;
background: #3d3d3c;
padding: 10vh 0px 0vh 13vw;
position: relative;
max-width: 45vw;
margin-top: 12vh;
}
.main-wrapper .banner-sec .banner-left::after {
	position: absolute;
	width: 100%;
	height: 11vh;
	content: " ";
	left: 0;
	bottom: -11vh;
	background: url(../images/banner-after.png) left top no-repeat;
	background-size: cover;
}
.main-wrapper .banner-sec .banner-left p {
	max-width: 24vw;
}
.main-wrapper .banner-sec .banner-logo {
	position: absolute;
	left: 34vw;
	z-index: 999;;
	top: 10%;
	width: 52vw;
	height: 21vh;
}
.main-wrapper .banner-sec .banner-logo img {
	object-fit: cover;
}
.main-wrapper .banner-sec .banner-left p a{
text-decoration: underline;
}
.main-wrapper .banner-sec .banner-left h1{
padding-bottom: 30px;
}
.main-wrapper .banner-sec .banner-left p span{
color:#a5c238;
}
.main-wrapper .banner-sec .banner-right {
float: right;
margin-right: 6.25vw;
width: 50%;
position: relative;
max-width: 42%;
}
.main-wrapper .banner-sec .banner-right .img-outer {
position: relative;
padding-bottom: 72vh;
width: 35vw;
text-align: right;
display: inline-block;
}
.banner-outer {
text-align: right;
}
.main-wrapper .banner-sec .banner-right .img-outer img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
object-fit: cover;
transform: translate(-50%, -50%);
}
.main-wrapper .footer-sec {
	width: 100%;
	background-color: #fff;
	padding: 3vh 0px 2vh 0px;
	z-index: 9;
	position: absolute;
	bottom: 0;
}
.footer-sec .footer-container{
margin: 0 auto;
width: 100%;
max-width: 750px;
}
.footer-sec .footer-container ul {
display: flex;
justify-content: space-between;
}
.footer-sec .footer-container ul li {
position: relative;
padding: 0px 20px;
}
.footer-sec .footer-container ul li::after {
position: absolute;
right: 0;
top: -17px;
content: ".";
color: #3d3d3c;
font-size: 30px;
transform: inherit;
}
.footer-sec .footer-container ul li:last-child::after {
display: none;
}
.footer-sec .footer-container ul li:first-child {
padding-left: 0px;
}
.footer-sec .footer-container ul li:last-child {
padding-right: 0px;
}
.footer-sec .footer-container ul li a {
font-size: 18px;
color:#3d3d3c;
font-weight: 600;
line-height: 30px;
}
.footer-sec .footer-container .copyright {
font-size: 16px;
line-height: 20px;
color: #3d3d3c;
text-align: center;
font-style: italic;
padding-top: 10px;
}
.footer-sec .footer-container .copyright a {
color: #3d3d3c;
}