/* General style */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

body {
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-size: 18px; line-height: normal;
}
input {
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Source Sans Pro', sans-serif;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6, ul, li, p {
	margin: 0px;
	padding: 0px;
}

a {	color:#3c763d;
	outline: none;
}
.cl {
	clear: both;
}

/*=========== Header*/
.fixed-header {
	text-align: center;
	height: auto;
	transition: all 0.4s ease;
	position: fixed;
	z-index: 999;
	float: left;
	width: 100%;
	padding: 15px 0;
}
.fixed-header.sticky {
	position: fixed;
	/* height: 48px; */
	width: 100%;
	padding-left: 20px;
	z-index: 999;
	background: #10ab14;
	top: 0;
	padding: 0px 0;
}

.fixed-header.sticky .navbar-nav {
	margin: 2px 0 0 0;
}
.fixed-header .navbar-inverse {
	background-color: transparent;
	border-color: transparent;
}
.fixed-header .navbar {
	min-height: auto;
	margin: 0;
	padding-right: 0px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	padding-right: 0px;
	padding-left: 0px;
}
.fixed-header .navbar-nav {
	float: right;
	margin: 10px 0 0 0;
	font-size: 20px;
}
.navbar-inverse .navbar-nav > li > a {
	color: #FFF;
	text-transform: uppercase;
	font-weight:normal;;
	transition: all 0.4s ease;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #8ec763;
	background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #679147;
}
.fixed-header .navbar-brand {
	height: auto;
}
/*====== Slider style=============*/



.slider{ background: url(../images/main-slider.jpg) top center no-repeat;  width: 100%; background-size: cover; position: relative; }
.slider:before{position:absolute; content:''; background:url(../images/curve.png) bottom center no-repeat;  width: 100%; background-size: 100%;   bottom: -70px;
    z-index: 9;    height: 235px; }
.slider .overlay {	position: absolute;	top: 0;	left: 0;		background-color: rgba(12, 103, 14, 0.8);	width: 100%;	height: 100%;	transition: .5s ease;}
.slider .slider-text{ padding: 190px 0; }
.slider .slider-text h1{color: #FFF; font-size: 70px; text-transform: uppercase; font-weight:bold;}
.slider .slider-text h2{color: #FFF; font-size: 40px; text-transform: uppercase; font-weight:normal; margin:15px 0;}
.slider .slider-text p{color: #FFF; font-size: 24px; text-transform: none; padding: 15px 10%; line-height:30px;}
.slider p img{width:auto;}
.orange{color:#ffc000;}




/*====== information section style=============*/
.information {background: #FFF;	float: left;	width: 100%; padding: 70px 0; 	}
.information .info-title {margin-bottom:50px;}
.information .info-title h1{ font-size: 40px; color: #232323; text-align: center; font-weight: 600;}

.information .row{display:flex;}
.information .info-box{ background: #FFF; padding: 30px; position: relative; height: 100%; overflow:hidden;    box-shadow: 0px 0px 10px #EEE; text-align: left; border-radius:15px;}
.information .info-box .icon{ width: 0; content: ''; position: absolute; top : -35px; left:-35px; }
.information .info-box h4{font-size: 20px; color: #000; padding: 15px 0; display:inline-block; font-weight:700;}
 p{font-size: 18px; color: #232323;  line-height: 30px;}
 .margin-top-30{margin-top:30px;}



/*============ Services ===========*/


.services{background: #0c670e ; width: 100%; float: left; padding: 70px 0; position: relative;}
.services h3{font-size:24px; font-weight:700; color:#FFF; padding:15px 0;}
.services .col-sm-2{width:20%;}


 .btn-yellow{background:#ffa800; color: #FFF; font-size: 20px;  padding: 10px 35px; line-height: 30px; border-radius: 25px; border: transparent solid 1px; margin: 30px auto 0 auto; text-decoration:none; display:inline-block; }
.btn-yellow:hover{background:transparent; color: #ffa800; transition: ease all 0.5s; border: #ffa800 solid 1px; text-decoration:none;}







/*=========== Footer ===========*/


footer {
	background: #424242;
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	text-transform: uppercase;
position: relative;
}


.copy-right {
	text-align: center;
/*	font-size: 17px;	*/
	font-size: 14px;
	color: #fff;
	padding: 15px 0 15px 0;
	float: left; line-height: 30px;
	width: 100%; text-transform: none;
	
}
.copy-right a{color:#FFF;}



@media (min-width:320px) and (max-width:767px) {
.fixed-header {	padding: 0px 0px;}
.navbar-toggle {	position: relative;	float: right;	padding: 10px 10px;	margin-top: 15px;}
.navbar-inverse .navbar-toggle {	    border-color: rgba(232, 188, 184, 0);    background: rgba(232, 188, 184, 0);}
.navbar-inverse .navbar-toggle:hover {	    border-color: rgba(232, 188, 184, 0) ;    background: rgba(232, 188, 184, 0);}
.fixed-header .navbar-nav {    float: right;    margin: 10px 0 0 0;    font-size: 20px;    width: 100%;    background: #679147;}

.slider .slider-text {    padding: 150px 0 100px 0;}
.slider .slider-text h1{font-size: 3rem !important;}
.slider .slider-text p {    color: #FFF;    font-size: 20px;    text-transform: none;    padding: 15px 0%;    line-height: normal;}
.slider .owl-theme .owl-controls .owl-buttons {	display: none; margin-right: 15px; margin-top: 20px;}
.information .row{display:block;}
.information .info-box{margin-bottom:30px;}
 .margin-top-30{margin-top:0px;}
 .services .col-sm-2{width:100%; margin-bottom:30px;}
.cta .btn{margin-top: 30px;}

.copy-right{padding: 20px 0 20px 0;}



}


@media (min-width:768px) and (max-width:800px) {

.nav>li>a {    position: relative;    display: block;    padding: 10px 12px;}
.slider .owl-theme .owl-controls .owl-buttons {	display: none; margin-right: 15px; margin-top: 20px;}
.information .row{display:block;}
.information .info-box{margin-bottom:30px;}
 .margin-top-30{margin-top:0px;}


}

@media (min-width:801px) and (max-width:1024px) {

.slider .owl-theme .owl-controls .owl-buttons {	display: none; margin-right: 15px; margin-top: 20px;}
.serices {background: #679147 url(../images/arrow.png) 6% 6px no-repeat;}
.information .row{display:block;}
.information .info-box{margin-bottom:30px;}
 .margin-top-30{margin-top:0px;}


}

/*================== Inner Pages Style here ============================*/

.inner-header{background: url(../images/inner-header.jpg) top center no-repeat; background-size: cover; width: 100%; float:left; padding: 200px 0  50px 0; position: relative;}
.inner-header .overlay {	position: absolute;	top: 0;	left: 0;		background-color: rgba(0, 0, 0, 0.80);	width: 100%;	height: 100%;	transition: .5s ease;}
.inner-header .title h1{color: #FFF; position: relative; padding-left: 15px;}
.inner-page{width: 100%; float: left; padding: 70px 0;}
.inner-page p{font-size: 16px; font-family: arial; line-height: 22px; margin:15px 0;}
.cta h2{margin-bottom: 15px;}

.green-bg{background:#679147;}
.light-green-bg{background:#e5f7d7;}
.grey-bg{background:#f2f1f1;}
.accordian{padding-top: 0px;}
.accordian .panel-default>.panel-heading {
    color: #333;
    background-color: #FFF;
    border-color: #e5f7d7;
}
.top-border{border-top: #e6e6e6 solid 1px;}
.padding-15{padding: 15px; font-weight: bold;}
.panel-title > a {        display: block;        padding:5px 15px ;        text-decoration: none;   }
.more-less {        float: right;        color: #212121;    }

.support{background:rgba(255, 201, 98, 0.75); padding:50px 15px; text-align:center; font-size:24px; border-radius:15px; margin-top:30px;}


 .btn-green{background:#dff0d8; color: #3c763d; font-size: 20px;  padding: 10px 35px; line-height: 30px; border-radius: 25px; border:transparent solid 1px; margin: 30px auto 0 auto; text-decoration:none; display:inline-block; }
.btn-green:hover{background:transparent; color: #3c763d; transition: ease all 0.5s; border: #3c763d solid 1px; text-decoration:none;}


label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    margin-top: 10px;
    font-size: 14px;
}

 .btn-yellow-sm{background:#ffa800; color: #FFF; font-size:16px;  padding: 6px 25px; line-height: 25px; border-radius: 25px; border: transparent solid 1px; margin: 0px auto 0 auto; text-decoration:none; display:inline-block; }
.btn-yellow-sm:hover{background:transparent; color: #ffa800; transition: ease all 0.5s; border: #ffa800 solid 1px; text-decoration:none;}

 .btn-green-sm{background:#dff0d8; color: #3c763d; font-size: 16px;  padding: 6px 25px; line-height: 25px; border-radius: 25px; border:transparent solid 1px; margin: 0px auto 0 auto; text-decoration:none; display:inline-block; }
.btn-green-sm:hover{background:transparent; color: #3c763d; transition: ease all 0.5s; border: #3c763d solid 1px; text-decoration:none;}

.panel-primary {
    border-color: #dff0d8;
}


.tooltip-inner { max-width: 350px; min-width:100px;  padding: 5px 10px; color: #fff; text-align: center; background-color: #ffc000; border-radius: 3px; font-size:14px;}
.tooltip-inner a{color:#FFF;}


/** https://sufiawan.wordpress.com/2014/09/26/asp-net-use-bootstrap-pagination-on-gridview/ */
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td {
    display: inline;
}
 
.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #ffc000;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #10ab14;
    background-color: #dff0d8;
    border-color: #dddddd;
    cursor: default;
}
 
.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #FFF;
    background-color: #ffa800;
    border-color: #dddddd;
}