* {
	margin: 0;
	padding: 0;
	font-family: K2D;
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
}
p {
	line-height: 1.5em;
}
.fix {
	overflow: hidden;
}
html {
  scroll-behavior: smooth;
}
/*=========== Wrappers =============*/
.main_wrapper {
	width: 100%;
}
.main_wrapper:after {
	content: '';
	display: block;
	clear: both;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}

/*=========== Header ============*/
.header_bg {
	background: linear-gradient(to right, #375C39, #508052, #508052, #375C39);
}
header {
	padding: 30px 0px;
}
.logo_nav:after {
	content: '';
	display: block;
	clear: both;
}
.logo_nav .logo {
	float: left;
}
.logo_nav nav {
	float: right;
	padding-top: 10px;
}
.logo_nav nav ul li {
	display: inline-block;
}
.logo_nav nav ul a {
	display: block;
	margin-right: 10px;
	padding: 2px 12px;
	color: white;
	border-radius: 25px;
	border: 1px solid white;
}
.logo_nav nav ul a:hover {
	transition: 0.3s all;
	background-color: white;
	color: green;
}
.logo_nav nav li.buy a {
	padding: 5px 12px;
	border-radius: 0px;
}
/*--------------------------------*/
header .sec1 {
	overflow: hidden;
	margin-top: 60px;
	text-align: center;
}
header .sec1 h1 {
	color: white;
	font-weight: 400;
	margin-bottom: 20px;
}
header .sec1 img {
	margin-bottom: 30px;
}

/*============ Section 2 =============*/
.sec_wrapper {
	overflow: hidden;
	padding: 40px 0px;
	text-align: center;
}
.sec_wrapper h1 {
	margin-bottom: 10px;
	font-weight: 400;
}
.sec_wrapper img {
	margin-bottom: 30px;
}
.sec_wrapper p {
	margin-bottom: 30px;
	color: #737070;
}

/*============= Section 3 =========*/
.sec3_bg {
	background-color: #2B342B;
}

/*============ Plans ============*/
.plan_bg {
	background-color: #E9EDE9;
}
.plans_wrapper {
	overflow: hidden;
	width: 70%;
	margin: 0 auto;
}
.plans_wrapper .plan {
	overflow: hidden;
	width: 31%;
	margin: 0px 1%;
	padding: 20px 0px;
	float: left;
	background-color: #D3CFCF;
}
.plans_wrapper .plan h2 {
	color: #7d7b7b;
	margin-bottom: 30px;
}
.plans_wrapper .plan h2 span {
	color: #afacac;
	font-weight: 400;
}
.plans_wrapper .plan p.starting {
	color: #4e4e4e;
	font-size: 25px;
	margin-bottom: 0px;
}
.plans_wrapper .plan p.price {
	color: #b38e48;
	font-size: 23px;
	margin-bottom: 30px;
}
.plans_wrapper .plan a {
	display: inline-block;
	color: #ffffff;
	font-size: 15px;
	padding: 5px 15px;
	background-color: #71AE5A;
	border-radius: 20px;
	margin-bottom: 15px;
}
.plans_wrapper .plan a:hover {
	transition: 0.3s all;
	background-color: #719D61;
}

/*========= Footer ==========*/
.footer_bg {
	background-color: #E9EDE9;
	padding-top: 60px;
}
footer {
	overflow: hidden;
	width: 70%;
	margin: 0 auto;
	padding-bottom: 50px;
}
footer .left {
	float: left;
}
footer .left ul.footer li {
	display: inline-block;
}
footer .left ul.footer li a {
	display: block;
	padding: 5px 8px;
	color: #747373;
	font-weight: 500; 
}
footer .left ul.footer li a:hover {
	color: #5f5f5f;
}
footer .left ul.footer li:first-child a {
	padding-left: 0px;
}
footer .left p {
	color: #958f8f;
}
/*-----------------------------------*/
footer .right {
	float: right;
}
footer a.totop {
	display: block;
	padding: 10px 11.5px;
	background-color: #71AE5A;
	border-radius: 50%;
}
footer a.totop:hover {
	transition: 0.3s all;
	background-color: #699359;
}
