@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	margin:0;
	padding:0;
    font-family: 'Open Sans', sans-serif;
}

.clear{
	clear:both;
}

.img{
	width:100%;
	display:block;
}

.v_a_img{
	vertical-align:middle;
}

.sticky {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 999999;
    opacity: none;
    border-bottom: 1px solid #e7e7e7;
}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.top_main{
	width:100%;
}

.top{
	width:96%;
	margin:0 auto;
	max-width:1200px;
}

.top2{
	width:98%;
	margin:0 auto;
	max-width:1200px;
}
.logo{
	width:100px;
	height:150px;
	float:left;
	margin:1em;
}
.logo img{
	width:150px;
	height:200px;
	display:block;
}

.navbarr{
	width:530px;
	float:right;
	margin: 0.7% 0% 0%;
}

.top_brd{
	border:0.5px solid #e9e9e9;
	margin:0% auto;
}


/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner{
	width:100%;
}

.ab_nav{
	position: absolute;
    z-index: 9999999;
}

.link{
	text-decoration:none;
	color:#000;
}

.link:hover{
	text-decoration:none;
	color:#000;
}

.link2{
	color:#000;
	text-decoration:none;
}

.link2:hover{
	text-decoration:none;
	color:#5355bd;
}

/*--------------------------------------------------------------
social media
--------------------------------------------------------------*/
.text {
  color: white;
  font-size:15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}

.svg-inline--fa {
  vertical-align: -0.200em;
}

.rounded-social-buttons {
  text-align: right;
}

.rounded-social-buttons .social-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 2.125rem;
  height: 2.125rem;
  border: 0.125rem solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #fefefe;
  font-size: 1.5625rem;
  font-weight: normal;
  line-height: 1em;
  border-radius: 1.6875rem;
  transition: all 0.5s ease;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
  font-size: 18px;
}

.rounded-social-buttons .social-button.facebook {
  background: #3b5998;
}

.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
  color: #3b5998;
  background: #fefefe;
  border-color: #3b5998;
}

.rounded-social-buttons .social-button.twitter {
  background: #55acee;
}

.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
  color: #55acee;
  background: #fefefe;
  border-color: #55acee;
}

.rounded-social-buttons .social-button.linkedin {
  background: #007bb5;
}

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
  color: #007bb5;
  background: #fefefe;
  border-color: #007bb5;
}

.rounded-social-buttons .social-button.youtube {
  background: #bb0000;
}

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
  color: #bb0000;
  background: #fefefe;
  border-color: #bb0000;
}

.rounded-social-buttons .social-button.instagram {
  background: #125688;
}

.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
  color: #125688;
  background: #fefefe;
  border-color: #125688;
}

/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/

.col_sm1{
	width:100%;
	margin:0 auto;
}
.col_sm11{
	width:98%;
	margin:0 auto;
}
.col_sm2{
	width:48%;
	float:left;
	margin:1% 1%;
}
.col_sm22{
	width:48%;
	margin:1%;
	float:left;
}
.col_sm3{
	width:31%;
	float:left;
	margin:1%;
	position:relative;
}

.col_sm33{
	width:31%;
	float:left;
	margin:1%;
}

.col_sm4{
	width:23%;
	margin:1%;
	float:left;
}
.col_sm5{
	width:18%;
	margin:1%;
	float:left;
}
.col_sm8{
	width:35%;
	margin:1%;
	float:left;
}
.col_sm88{
	width:60%;
	margin:1%;
	float:left;
}
.col_sm9{
	width:66%;
	margin:1%;
	float:left;
}
.col_sm99{
	width:30%;
	margin:1%;
	float:left;
}

.col_sm10{
	width:76%;
	float:left;
	margin:1%;
}

.col_sm100{
	width:20%;
	float:right;
	margin:1%;
}

.home_col_sm88{
	width:36%;
	margin:1% 0% 0% 20%;
	float:left;
}

.home_col_sm8{
	width:75%;
	margin:1%;
	float:left;
}


/*--------------------------------------------------------------
about us
--------------------------------------------------------------*/
.main_hed {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #000;
    text-align: left;
    border-left: 4px solid #04964f;
    line-height: 140%;
    text-transform: capitalize;
    padding: 0% 1%;
    margin: 2% 1% 1%;
}

.welcome h1{
	font-family:'Open Sans',sans-serif;
	font-size:20px;
	color:#000;
	line-height:180%;
	text-align:justify;
	font-weight:700;
	padding: 3% 1% 0% 0%;
}

.welcome h1  span{
	color:#039942;
}

.welcome p{
	font-family:'Open Sans',sans-serif;
	font-size:15px;
	font-weight:500;
	color:#000;
	line-height:160%;
	text-align:justify;
	padding: 3% 1% 1% 0%;
} 


/*--------------------------------------------------------------
extra
--------------------------------------------------------------*/

.bg_clr1{
	background-color:#039942;
}

.bg_clr2{
	background-color:#efefef;
}

.bg_clr3{
	background-color:#fff;
}


.bg1{
  background-image: url("../images/bg2.jpg");
  background-position: center;
  background-repeat: no-repeat;
}

.bg_img2{
  background-image: url("../images/bg_img2.jpg");
  background-size: 100% 100%;
  background-repeat:repeat-x;
}

/*--------------------------------------------------------------
home
--------------------------------------------------------------*/
.welcome2 h1{
	font-family:'Open Sans',sans-serif;
	font-size:30px;
	color:#009347;
	text-align:center;
	font-weight:700;
	line-height: 140%;
	padding-top: 1%;
}

.welcome2 h1 span{
	color:#3548cb;
}

.welcome2 p{
	font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    color: #009347;
    line-height: 160%;
    font-weight:600;
    margin: 2% 0% 1% 0%;
    text-align: justify;
}

.bull_hed{
	font-family:'Open Sans',sans-serif;
	font-size:18px;
	color:#000;
	line-height:180%;
	text-align:left;
	font-weight:600;
	padding: 1%;
}

.brochure{
	width: 110px;
	float: right;
	margin: 2% 1% 1%;
}

.btn_link{
	font-family:'Open Sans', sans-serif;
	color:#fff;
	font-size:15px;
	font-weight:600;
	padding: 10% 5%;
	text-align:center;
	background-color:#3c43c9;
	text-decoration:none;
}


.bullet ul {
    list-style-image:url(../images/bullet.png);
	margin-left:0%;
}
.bullet ul li{	
	font-family: 'Open Sans', sans-serif;
	color: #000;
    font-weight: 600;
	font-size:15px;	
	margin:2% 0%;
	line-height:140%;
	text-align:justify;
	margin:2% 1% 2% 4%;	
}

/*--------------------------------------------------------------
Initiative page
--------------------------------------------------------------*/
.initiative h1{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 20px;
	font-weight:600;
	padding:0.5% 1%;
	text-align:justify;
	background-color:#039942;
	line-height:130%;
	margin:2% 1% 1%;
}

.initiative h2{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight:500;
	padding:1% 1%;
	line-height:150%;
	text-align:justify;
}

.initiative h3{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight:500;
	padding:1% 1%;
	line-height:150%;
	text-align:justify;
}

.initiative h2 b{
	color: #363739;
	font-weight:700;

}
.initiative h2 span{
	color: #039942;
	font-weight:700;

}

.initiative h4{
	font-family: 'Open Sans', sans-serif;
	color: #039942;
	font-size: 17px;
	font-weight:700;
	padding:1% 1%;
	line-height:150%;
	text-align:justify;
}


.ini_40{
	width:31%;
	margin:1%;
	float:left;
}

.ini_10{
	width:15%;
	margin:1%;
	float:left;
}

.ini_50{
	width:48%;
	margin:1%;
	float:left;
}

.ex_pd{
	padding:1%;
}

.ini_inner p{
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:500;
	color:#000;
	line-height:140%;
	text-align:center;
	padding:1%;
} 


.s_col_sm33{
	width:31%;
	float:left;
	border:1px solid #e0dede;
	margin:0% 1% 0% 1%;
	
}

.s_pad{
 padding:1.5%;
}

h2.ser_head{
	font-family: 'Open Sans', sans-serif;
 	font-size:18px;
	font-weight:500;
 	color:#000;
	padding:4% 0% 2%;
	text-align:center;
	line-height:140%;

}

h2.ser_head span{
	font-weight:500;
 	color:#039942;

}

p.ser_txt{
	font-family: 'Open Sans', sans-serif;
 	font-size:15px;
	font-weight:600;
 	color:#212121;
	text-align:center;
	padding:1% 0% 2% 0%;
	line-height:140%;
}


.brd1{
	border-left: 2px solid #ccc;
}


.advantage_p{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    padding: 2% 2%;
    text-align: left;
    line-height: 140%;
	
}

.advantage_h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 2% 2%;
    text-align: left;
    line-height: 140%;
	
}

.advantage1 h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 2% 2%;
    text-align: left;
    line-height: 140%;
	background-color: #cbdb2a;
	font-style:italic;
}

.advantage2 h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 2% 2%;
    text-align: left;
    line-height: 140%;
	background-color: #ffdd00;
	font-style:italic;
	
}

.advantage3 h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 2% 2%;
    text-align: left;
    line-height: 140%;
	background-color: #00abbd;
	font-style:italic;
}

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
.ftr_lt_txt{
	font-family:'Open Sans',sans-serif;
	color:#000;
	font-size:15px;
	font-weight:600;
	line-height: 160%;
	padding:1%;
}

.ftr_right{
	text-align:right;
}

/*--------------------------------------------------------------
Contact Page
--------------------------------------------------------------*/
.page_head{
	font-family: 'Open Sans';
	color: #000;
	font-size: 28px;
	font-weight: 700;
	margin-top: 3%;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 1%;
}
.contact_txt h2{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:600;
	padding:1% 1% 0%;
	color:#000;
}
.cont_col_sm3{
	width:31%;
	float:left;
	margin:1%;
	border:1px solid #e9e9e9;
	background-color:#f3f3f3;
	min-height:140px;
}
.cont_pdg_sm3{
	padding:1% 1.5%;
}
.con_heading h2{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight:600;
	padding:2% 1% 0%;
}
.cont_icn {
    width: 20px;
    float: left;
    margin: 1.5% 3% 0% 1%;  
}
.cont_icn i {
	font-size:20px;
}

.cont_txt_main {
    width: 85%;
    float: left;
}
.cont_txt_main p {
    font-family: 'Open Sans', sans-serif;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    text-align: justify;
}


/*--------------------------------------------------------------
top_arrow
--------------------------------------------------------------*/
.top_arrow{
	width:25px;
	height:33px;
	position:fixed;
	right:2%;
	bottom:8%;
	display:none;
	transition-duration: 1s;
	background-image:url('../images/top.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
}
.top_arrow:hover{
	width:25px;
	height:33px;
	position:fixed;
	right:2%;
	transition-duration: 1s;
	bottom:8%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	display:none;
}


@media only screen and (max-width:1000px){
.top{
	width:100%;
}
.top2{
	width:96%;
}
}

@media only screen and (max-width:900px){
.s_col_sm33 {
    width: 98%;
    float: left;
    border: 1px solid #e0dede;
    margin: 1% 2%;
}
.cont_col_sm3{
	width:100%;
}
}



@media only screen and (max-width:800px){
.logo{
	float:none;
	margin:2% auto;
}
.navbarr{
	width:100%;
	float:none;
	background-color:#009347;
}

.rounded-social-buttons {
    text-align: center;
}
.ftr_lt_txt {
    text-align: center;
}
.col_sm5{
	width:31%;
}

.welcome2 h1 {
    padding-top: 1%;
}

.col_sm3{
	width:98%;
	float:none;
	margin:2% auto;
}

.col_sm10{
	width:98%;
	float:none;
	margin:1% auto;
}
.col_sm100{
	width:98%;
	float:none;
	margin:1% auto;
}
.col_sm2{
	width: 98%;
    float: none;
    margin: 1% auto;
}

.ftr_right{
	text-align:left;
}
.col_sm8{
	width:50%;
	float:none;
	margin:1% auto;
}

.col_sm88{
	width:98%;
	float:none;
	margin:1% auto;
}

.home_col_sm88{
	width:65%;
	float:none;
	margin:1% auto;
}

.home_col_sm8 {
    width: 98%;
}
.col_sm9{
	width:98%;
	float:none;
	margin:0;
}
.col_sm99{
	width:98%;
	float:none;
	margin:0;
}
.col_sm4{
	width:48%;
}
.ftr_sm3{
	width:96%;
	margin:5% 0;
}
}

@media only screen and (max-width:600px){
.col_sm4{
	width:98%;
	float:none;
}
}

@media only screen and (max-width:550px){
.col_sm5{
	width:48%;
}
.col_sm8 {
    width: 75%;
    float: none;
    margin: 1% auto;
}
}


@media only screen and (max-width:450px){
.col_sm5{
	width:98%;
	float:none;
	margin:2% auto 2%;
}
}
