﻿


/*=======================================
    GENERAL STYLES
==================================================*/
/* Three columns side by side */
.column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}

/* Add some shadows to create a card effect */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin-top: 40px;
}

/* Some left and right padding inside the container */
.container {
  padding: 0 16px;
}

/* Clear floats */
.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
}

.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button:hover {
  background-color: #555;
}

logo {
  vertical-align: middle;
}



body {
          font-family:'Open Sans', sans-serif;
    font-size:14px;
    background-color:ghostwhite;
}

h1, h2, h3, h4, h5 {
    font-family:'Open Sans', sans-serif;
}

h1 {
    line-height:50px;
    font-weight:900;
    font-size:25px;
    padding:30px 20px 5px 20px;
    text-transform:uppercase;
    color:#16733a;
}

.red {
    line-height:50px;
    font-weight:900;
    font-size:25px;
    text-transform:uppercase;
    color: red;
}


.pad-adjust {
    padding-top: 5px; 
    padding-bottom: 5px;
}

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

h2 {
    line-height:30px;
	font-weight:900;
    font-size:25px;
    padding:5px 15px 5px 15px;
    text-transform:uppercase;
    color:#16733a;
	
}
h3 {
    line-height:30px;
	font-weight:700;
    font-size:20px;
    padding:15px 15px 5px 15px;
    text-transform:uppercase;
    color:#e46112;
}
h4 {
   padding-top: 25px;
line-height: 40px;
padding-bottom: 0px;
font-size: 22px;
font-weight: 900;
}

p {
    font-size: large;
    font-weight:300;
    line-height:30px;
    padding-bottom:15px;
}

.space-free {
    height:100px;
}

.g-pad-bottom {
    padding-bottom:40px;
}

section {
    padding-top:20px;
    margin-top:50px;
}

.c-blue {
   background-color:#16733a;
   color:#fff;
}
.form-control {
        background-color: rgba(255, 255, 255, 0);
}
/*=======================================
    HOME SECTION STYLES
	
	background-image:url(../img/head.gif);
==================================================*/


.head-btn-one {
    background-color: #31708f;
     border: 0px solid #fff;

}
#home-sec {
    background-color: #005650	;
}
#home {
    padding-top:90px;
    padding-bottom:50px;
    color:#fff;
}
.head-main {
    font-size:40px ;
    font-weight:900;
	padding:45px 0 0 0;
    
}
.head-sub-main {
    font-size:30px ;
    font-weight:600;
    padding:15px 20px 10px 20px;
}
.head-last {
    font-size:20px ;
    font-weight:300;
    padding:5px 20px 20px 20px;
}

.btn-lg, .btn-group-lg > .btn {
border-radius: 0px; 

}
/* ===========================================================
   NAVBAR CHANGES   
   ============================================================*/
.navbar {
	font-size: 14px;
}

.navbar-inverse {
	background: #16733a;

}

.navbar-inverse .navbar-nav > .active > a {
	background: #00C5B7;
	color: #16733a;
}

.navbar-inverse .navbar-brand {
	color: #ffffff;
	font-weight: bolder;
	font-size: 25px;
    font-weight:900;
	letter-spacing: 2px;
}
.navbar-inverse :hover .navbar-brand:hover {
	color: #ffffff;	
}
.navbar-inverse .navbar-nav > li > a {
color: #FFFFFF;
}


/*=======================================
    PRICE SECTION STYLES
==================================================*/

.plan {
    background: #D8D8D8;
    padding: 0 0 15px 0;
    margin: 30px 0px;
    list-style: none;
    text-align: center;
  
}



.plan li {
   padding: 25px 0px;
color: #858585;
font-size: 25px;
}

.plan li.plan-head {
    background-color:#000!important;
   padding: 15px 0px;
color: #FFFFFF;
line-height: 20px;
font-size: 20px;
font-weight: 600;
border: none;
   }

.plan li.main-price {
   padding: 25px 0px;
background-color:rgba(31, 138, 99, 1);
color: #fff;
border: none;
font-weight: 900;
font-size: 45px;
}


/*=======================================
    SERVICE SECTION STYLES
==================================================*/
#services-inner {
    padding-top:50px;
    padding-bottom:40px;
}

.service-div {
	width: 100%;
	min-height: 100px;
	background-color: #16733a;
	box-shadow: none;
	border: 0;
    padding:20px;
    margin-bottom:30px;
    color:#fff;
    font-size:16px;
    padding-top: 45px;
}
.service-div > i {
    color:#fff;
}

/*=======================================
    STATS SECTION STYLES
==================================================*/
.stats-div {
    text-align:center;
    width: 100%;
    min-height: 100px;
    padding: 30px 20px 30px 20px;
}

.stats-div > h3 {
    font-size:60px;
    font-weight:900;
}




/*=======================================
    FOOTER STYLES
==================================================*/


#footer {
    background-color:#005650;
    color:#fff;
    padding:20px 50px 20px 50px;
    text-align:right;
}