body, header, main, section, article, aside, div, img, h1, h2, h3, h4, h5, h6, p, a, hr, ul, ol, li, table, tr, th, td, form, fieldset, legend, input
{
	margin: 0;
	padding: 0;
}

/*:root
{
     margin: 0;
     padding: 0;
}*/

/* RESET STYLES END HERE
-------------------------------------------------------------*/

body 
{
     background-color: rgba(255, 255, 255, 1);
     font-family: 'Segoe UI';
     width: 100%;
}


.btn-unique {
     background-color: rgba(1, 157, 60, 1);
     color: rgba(255, 255, 255, 1) !important;
}

.btn-unique:hover {
     background-color: rgba(80, 80, 80, 1);
}


#padder 
{
     background-color: rgba(1, 157, 60, 1);
     clear: both;
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     height: auto;
     min-height: 2vh;
     padding: 0.25rem 0;
     width: 100%;
}



header {
     background-color: rgba(255, 255, 255, 1);
     clear: both;
     color: rgba(1, 157, 60, 1);
     height: auto;
     margin: 0;
     min-height: 70px;
     padding: 0.25rem 0;
     width: 100%;
     z-index: 999;
}

header .container-fluid {
	margin-bottom: 0;
	padding-bottom: 0;
}

header .container-fluid div[class*=col-] {
	margin-bottom: 0;
	padding-bottom: 0;
}

header .container-fluid div[class*=col-] h1 {
	font-family: inderRegular;
	font-size: 3em;
	padding: 0.2em 0;
}

header .container-fluid div[class*=col-] h1 span {
	float: left;
	padding: 0.3em 0 0 0;
}

header .container-fluid div[class*=col-] h1 a {
	text-align: left;
	text-decoration: none;
}

header .container-fluid div[class*=col-] h1 a:hover {
	text-decoration: none;
}

header .container-fluid div[class*=col-] h1 a img {
	float: left;
     margin: 0;
	max-height: 60px;
	padding: 0;
}


header .container-fluid div[class*=col-] p {
	font-size: 1.0em;
	font-weight: 900;
	padding: 0;
}

header .container-fluid div[class*=col-] nav {
     display: block;
     float: right;
     padding: 1rem 0 0 0;
}

header .container-fluid div[class*=col-] nav a 
{
     color: rgba(1, 157, 60, 1);
	font-family: inderRegular;
     font-size: 0.9rem;
     margin: 0;
	padding: 0.5em 0.7em;
	text-decoration: none;
     text-transform: none;
}

header .container-fluid div[class*=col] nav a span{
     color: rgba(80, 80, 80, 1);
     flex: 1;
     font-size: 2em;
     padding: 0 0.15em;
}

header .container-fluid div[class*=col] nav a label{
     flex: 2;
     font-size: 0.7em;
}


header .container-fluid div[class*=col-] nav a:hover {
	background-color: transparent !important;
	color: rgba(200, 200, 200, 1);
}

header .container-fluid div[class*=col] nav a:hover span
{
     color: rgba(251, 135, 12, 1);
}

/* HEADER STYLES END HERE
-------------------------------------------------------------*/


main
{
	clear: both;
	height: auto;
	margin: 0;
	min-height: 80vh;
	padding: 0;
	width: 100%;
}


main #banner {
     background-attachment: fixed;
     background-image: url('/Content/images/banner.png');
     background-position: center center;
     background-size: cover;
	clear: both;
     color: rgba(255, 255, 255, 1);
	height: auto;
     margin: 0;
	min-height: 90vh;
	padding: 0;
	width: 100%;
}

main #banner .container {
     padding-top: 3em;
}

main #banner .container div[class*=col] h2
{
     clear: both;
     font-family: inderRegular;
     font-size: 2.5rem;
     font-weight: 900;
     padding: 4rem 0 0 0;
}

main #banner .container div[class*=col] h2 span
{
     color: rgba(1, 157, 60, 1);
     font-style: italic;
}

main #banner .container div[class*=col] h4
{
     clear: both;
     font-family: inderRegular;
     font-size: 1.5rem;
     font-weight: 900;
     padding: 0.5rem 0;
}

main #banner .container div[class*=col] p
{
     clear: both;
     font-size: 1.5rem;
     font-weight: 900;
}

main #banner .container div[class*=col] a
{
     clear: both;
     margin-top: 2rem;
     padding: 1rem 0;
     text-decoration: none;
}


main #banner .container div[class*=col] > div
{
     background-color: rgba(255, 255, 255, 1);
     border-radius: 0.25rem;
}

main #banner .container div[class*=col] div h2
{
     background-color: rgba(1, 157, 60, 1);
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
     font-size: 1rem !important;
     font-weight: 500;
     padding: 1rem;
     text-align: center;
}

main #banner .container div[class*=col] div h2 span
{
     color: rgba(255, 255, 255, 1) !important;
     font-size: 1rem !important;
     font-weight: 900;
}

main #banner .container div[class*=col] div .row
{
     padding: 1rem;
}

main #banner .container div[class*=col] div .row div[class*=col]
{
     margin-bottom: 1rem;
}

main #banner .container div[class*=col] div .row label
{
     color: rgba(1, 157, 60, 1);
     font-weight: inderRegular;
     font-size: 1rem;
     font-weight: 900;
}

main #banner .container div[class*=col] div .row div > i
{
     color: rgba(1, 157, 60, 1);
     font-family: inderRegular;
     font-size: 0.75rem;
     font-weight: 900;
     padding: 0 0.5rem;
}

main #banner .container div[class*=col] div .row input
{
     background-color: rgba(250, 250, 250, 1);
     border: 2px solid rgba(200, 200, 200, 1);
     font-size: 1rem;
     font-weight: 900;
     padding: 0.5rem;
}

main #banner .container div[class*=col] div .row button
{
     display: block;
     padding: 0.5rem 0;
     width: 100%;
}

main #banner .container img
{
     max-height: 60px;
}


/* Banner Styles Ends Here
==================================================================== */



main #indexWhat
{
     clear: both;
     margin: 0;
     min-height: 80vh;
     padding: 4rem 0;
     text-align: center;
     width: 100%;
}

main #indexWhat .container
{
     padding-bottom: 1.5rem;
     padding-top: 1.5rem;
}

main #indexWhat .container > h2
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-family: armwrestlerbold;
     font-size: 2rem;
     font-weight: 900;
}

main #indexWhat .container > h4
{
     clear: both;
     color: rgba(80, 80, 80, 1);
     font-size: 2rem;
}

main #indexWhat .container div[class*=col] i,
main #indexWhat .container div[class*=col] span
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-size: 3.5rem;
     padding: 1rem;
}

main #indexWhat .container div[class*=col] h2
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-family: inderRegular;
     font-size: 1.5rem;
     font-weight: 900;
}

main #indexWhat .container div[class*=col] p
{
     clear: both;
     color: rgba(80, 80, 80, 1);
     font-size: 1rem;
}

main #indexWhat .container > a
{
     background-color: rgba(1, 157, 60, 1);
     border-radius: 0.5rem;
     color: rgba(255, 255, 255, 1);
     display: inline-block;
     font-family: inderRegular;
     font-size: 1.25rem;
     font-weight: 800;
     padding: 0.5rem 2.5rem;
     text-decoration: none;
}


/* IndexWhat Styles Ends Here
=================================================================== */



main #indexPricing 
{
     background-color: rgba(1, 157, 60, 1);
     clear: both;
     color: rgba(255, 255, 255, 1);
     height: auto;
     margin: 0 auto;
     min-height: 80vh;
     padding: 4rem 0 3rem 0;
     text-align: center;
     width: 100%;
}

main #indexPricing .container
{
     margin-bottom: 2rem;
     padding-bottom: 1rem;
}

main #indexPricing .container > h2
{
     font-family: inderRegular;
     font-size: 2.5rem;
}

main #indexPricing .container > h4
{
     font-family: inderRegular;
     font-size: 1.5rem;
}

main #indexPricing .container > p
{
     color: rgba(80, 80, 80, 1);
     font-size: 1.2rem;
     font-weight: 800;
}


main #indexPricing .container div[class*=col] div
{
     background-color: rgba(80, 80, 80, 0.25);
     clear: both;
     margin: 0;
     min-height: 40vh;
     padding: 1.5rem 0;
}

main #indexPricing .container div[class*=col] div h2
{
     font-family: inderRegular;
     font-size: 1.8rem;
     margin: 0.25rem 0;
}

main #indexPricing .container div[class*=col] div h4
{
     color: rgba(0, 0, 0, 1);
     font-family: inderRegular;
     font-size: 2rem;
     margin: 0.15rem 0;
}

main #indexPricing .container div[class*=col] a
{
     background-color: rgba(251, 135, 12, 1);
     clear: both;
     color: rgba(255, 255, 255, 1);
     display: block;
     font-family: inderRegular;
     font-size: 1.5rem;
     padding: 0.5rem 0;
     text-decoration: none;
     width: 100%;
}


/* IndexPricing Styles Ends Here
=================================================================== */


main #indexPlans {
     background-color: rgba(236, 178, 46, 1);
     clear: both;
     height: auto;
     margin: 0 auto;
     min-height: 80vh;
     padding: 5rem 0;
     text-align: center;
     width: 100%;
}

main #indexPlans .container > h2
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-family: armwrestlerbold;
     font-size: 2.5rem;
     padding: 1rem 0 2rem 0;
}

main #indexPlans .container div[class*=col] div
{
     border-bottom: 1px solid rgba(1, 157, 60, 1);
     border-top: 1px solid rgba(1, 157, 60, 1);
     border-radius: 1rem;
     clear: both;
     padding: 1.5rem 0 2.5rem 0;
}

main #indexPlans .container div[class*=col] div > i
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-size: 4rem;
     padding: 1rem;
}

main #indexPlans .container div[class*=col] div h2
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-family: inderRegular;
     font-size: 1.5rem;
     padding: 1rem 0;
}

main #indexPlans .container div[class*=col] div h4
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-family: inderRegular;
     font-size: 1.2rem;
     padding: 0;
}


main #indexPlans .container div[class*=col] div ul
{
     clear: both;
     list-style: none;
     margin: 1rem 0;
     padding: 0 2rem;
}

main #indexPlans .container div[class*=col] div ul li
{
     border-bottom: 1px solid rgba(1, 157, 60, 1);
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-family: inderRegular;
     font-size: 1.2rem;
     padding: 1rem 0;
}

main #indexPlans .container div[class*=col] div a
{
     border: 2px solid rgba(1, 157, 60, 1);
     border-radius: 0.5rem;
     clear: both;
     color: rgba(1, 157, 60, 1);
     display: inline-block;
     font-family: inderRegular;
     font-size: 1rem;
     padding: 0.5rem 2rem;
     text-decoration: none;
}

main #indexPlans .container div[class*=col] div a:hover
{
     background-color: rgba(1, 157, 60, 1);
     color: rgba(236, 178, 46, 1);
}



/* IndexPlans Ends Here
---------------------------------------------*/


main #indexNewsletter
{
     background: rgba(220, 40, 40, 1);
     clear: both;
     color: rgba(255, 255, 255, 1);
     margin: 0;
     min-height: 10vh;
     padding: 2rem 0;
     width: 100%;
}

main #indexNewsletter .container h2
{
     font-size: 1.5rem;
}

main #indexNewsletter .container div[class*=col] h2
{
     font-weight: 900;
}

main #indexNewsletter .container div[class*=col] .input-group
{
     margin-top: 0.5rem;
}


/* IndexNewsletter Styles Ends Here
=========================================================== */



main #indexTestimonials
{
     background-attachment: fixed;
     background-image: url('/Content/images/testimonialsBg.png');
     background-position: center center;
     clear: both;
     color: rgba(255, 255, 255, 1);
     min-height: 20vh;
     padding: 5rem 0;
     text-align: center;
     width: 100%;
}

main #indexTestimonials .container
{
     clear: both;
     margin-bottom: 2rem;
}

main #indexTestimonials .container > h2
{
     clear: both;
     font-family: inderRegular;
     font-size: 2rem;
}

main #indexTestimonials .container div[class*=col] div img
{
     border-radius: 5rem;
     clear: both;
     max-height: 80px;
}

main #indexTestimonials .container div[class*=col] div h2
{
     clear: both;
     font-family: inderRegular;
     font-size: 1.5rem;
}

main #indexTestimonials .container div[class*=col] div h4
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-family: inderRegular;
     font-size: 1.2rem;
}

main #indexTestimonials .container div[class*=col] div h4 span
{
     color: rgba(255, 255, 255, 1);
}

main #indexTestimonials .container div[class*=col] div p
{
     clear: both;
     font-size: 0.9rem;
}

/* IndexTestimonials Styles Ends Here
=========================================================== */

main #indexBlogs {
     border-top: 5px solid rgba(236, 178, 46, 1);
     clear: both;
     height: auto;
     margin: 0 auto;
     min-height: 80vh;
     padding: 5rem 0;
     text-align: center;
     width: 100%;
}

main #indexBlogs .container div[class*=col] a
{
     border-bottom: 2px solid rgba(1, 157, 60, 1);
     border-top: 2px solid rgba(1, 157, 60, 1);
     clear: both;
     display: block;
     padding: 0 0 2rem 0;
     text-decoration: none;
}

main #indexBlogs .container div[class*=col] a h2
{
     clear: both;
     color: rgba(1, 157, 60, 1);
     font-family: inderRegular;
     font-size: 1.3rem;
     text-transform: uppercase;
     padding: 0.5rem 0;
}

main #indexBlogs .container div[class*=col] a h4
{
     clear: both;
     color: rgba(236, 178, 46, 1);
     font-family: inderRegular;
     font-size: 1rem;
     text-transform: uppercase;
     padding: 0.25rem 0;
}

main #indexBlogs .container div[class*=col] a p
{
     clear: both;
     color: rgba(100, 100, 100, 1);
}


/* IndexBlogs Ends Here
---------------------------------------------*/


main #indexClients
{
     clear: both;
     min-height: 20vh;
     padding: 3rem 0 0 0;
     text-align: center;
     width: 100%;
}

main #indexClients .container
{
     margin-bottom: 1.5rem;
     padding-bottom: 1.2rem;
}

main #indexClients .container h2
{
     font-family: inderRegular;
     font-size: 1.5rem;
}


/* IndexClients Ends Here
---------------------------------------------*/


/* CONTENT STYLES END HERE
-------------------------------------------------------------*/



footer 
{
     background-attachment: scroll;
     background-image: url('/Content/images/footerBg.png');
     background-position: top center;
     clear: both;
     color: rgba(255, 255, 255, 1);
     height: auto;
     margin: 1rem 0 0 0;
     min-height: 45vh;
     padding: 7rem 0 0 0;
     width: 100%;
}

footer .container 
{
     padding-top: 2rem;
     padding-bottom: 1rem
}

footer .container:not(:first-child) 
{
     border-top: 1px solid rgba(255, 255, 255, 0.2);
}


footer .container > a 
{
     color: rgba(255, 255, 255, 1);
     font-family: 'Segoe UI';
     text-decoration: none;
}

footer .container > a.btn
{
     background-color: rgba(1, 157, 60, 1);
     color: rgba(255, 255, 255, 0.5);
     margin: 1rem 0.5rem;
}

footer .container > p
{
     clear: both;
     font-family: inderRegular;
     font-size: 0.75rem;
}

footer .container div[class*=col] h2
{
     clear: both;
     font-family: inderRegular;
     font-size: medium;
     font-weight: 100;
     text-transform: uppercase;
     margin: 1rem 0;
}

footer .container div[class*=col] ul
{
     clear: both;
     font-family: inderRegular;
     font-size: small;
     font-weight: 100;
     list-style: none;
     padding: 1rem 0;
     text-transform: capitalize;
}


footer .container div[class*=col] ul li
{
     padding: 0.5rem 0;
}

footer .container div[class*=col] ul li a
{
     color: rgba(255, 255, 255, 1);
     text-decoration: none;
}

footer .container div[class*=col] a img
{
     margin: 0;
     max-height: 60px;
}