@charset "utf-8";
/* CSS Document */
img{width:100%;}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
body {
font-family: 'Ubuntu', sans-serif;
font-size: 14px;
line-height: 20px;
color: #666;
}

/*************************/
.modern-part .navbar-inverse{
background: #189532;
border-color: #189532;
}
.modern-part .navbar-inverse .navbar-brand {
color: #fff;
font-weight: bold;
font-size: 20px;
padding-left: 0px;
text-transform: uppercase;
}
.modern-part .navbar-inverse .navbar-nav>li>a {
color: #fff;
border-bottom: 2px solid transparent;
}
.modern-part .navbar-inverse .navbar-nav>.active>a, .modern-part .navbar-inverse .navbar-nav>.active>a:hover, .modern-part .navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: transparent;
border-bottom: 2px solid #fff;
}
.modern-part .navbar-inverse .navbar-nav>li>a:hover, .modern-part .navbar-inverse .navbar-nav>li>a:focus {
color: #fff;
background-color: transparent;
border-bottom: 2px solid #fff;
}
.modern-part .navbar-inverse .navbar-nav>.open>a, .modern-part .navbar-inverse .navbar-nav>.open>a:hover, .modern-part .navbar-inverse .navbar-nav>.open>a:focus {
color: #189532;
background-color: #fff;
}
.modern-part .dropdown-menu>li>a:hover, .modern-part .dropdown-menu>li>a:focus {
color: #fff;
text-decoration: none;
background-color: #189532;
}
.modern-part .carousel-indicators {
display: none;
}
.banner-info {
padding: 20px 50px;
}
.modern-part .carousel-caption {
left: 0;
margin: 0px auto;
right: 0;
bottom: 0;
width: 1170px;
text-align: left;
}
.banner-info h2 {
color: #fff;
margin: 0px;
padding: 8px 10px 10px 10px;
font-size: 25px;
background: rgba(0, 0, 0, 0.79);
width: 28%;
}
.banner-info p {
font-size: 16px;
background: rgba(0, 128, 0, 0.54);
padding: 10px;
width: 45%;
margin-left: 44px;
}
.page-header {
margin: 40px 0px 50px 0;
border-bottom: 0px;
text-align: center;
color:#189532;
}
.page-header:before {
position: absolute;
content: '';
width: 50px;
height: 2px;
background: #189532;
left: 48%;
float: left;
margin-top: 50px;
}
.modern-part .carousel-control {
background: none;
}
.modern-part .carousel-control .glyphicon-chevron-left, .modern-part .carousel-control .glyphicon-chevron-right, .modern-part .carousel-control .icon-prev, .modern-part .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
border-radius: 50%;
background: #333;
line-height: 24px;
text-align: center;
}
.modern-part .carousel-control:hover {opacity:0.8;}
.inner-content .img-hover:hover {opacity:1;}

/*******************/
.da-thumbs {
	list-style: none;
	width: 100%;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.da-thumbs li {
display: inline-block;
position: relative;
width: 33%;
padding: 0px 15px;
margin-bottom: 30px;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	/*background: rgba(75,75,75,0.7);*/
	width: 100%;
	height: 100%;
	background: rgba(24, 149, 50, 0.62);
}
.da-thumbs li a div span {
display: block;
padding: 10px 0;
margin: 40px 20px 20px 20px;
text-transform: uppercase;
font-weight: normal;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
border-bottom: 1px solid #fff;
box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.5);
}

.da-thumbs li a div {
	top: 0px;
	left: -100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.da-thumbs li a:hover div{
	left: 0px;
}
/**************************************/
.cpyrgt-link {
margin: 0px;
padding: 0px;
}
.cpyrgt-link li {
list-style: none;
display: inline-block;
}
.cpyrgt-link li a {
list-style: none;
display: inline-block;
}
footer {
background: #333;
padding: 20px 0px;
margin:0px;
}
.cpyrgt-link li:after {
content: '|';
color: #fff;
text-indent: 6px;
float: right;
}
.cpyrgt-link li:last-child:after {
content: '';
}
.cpyrgt-link li a {
color: #fff;
text-decoration:none;
}
.cpyrgt-link li a:hover {
opacity:0.8;
}
.social-link {
margin: 0px;
padding: 0px;
text-align: right;
}
.social-link li {
list-style: none;
display: inline-block;
}
.social-link li a {
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
text-align: center;
display: inline-block;
vertical-align: middle;
color: #333;
opacity: 0.8;
}
.social-link li a i {
line-height:30px;
}
.social-link li a:hover {
opacity: 0.9;
}
.right-business h4 {
color: #666;
font-weight: bold;
font-size: 20px;
margin: 0px 0px 10px 0px;
}
ul.features {
margin: 0px;
padding: 0px;
}
ul.features li {
list-style: none;
line-height: 25px;
}
ul.features li i {
margin-right: 10px;
margin-left: 4px;
}
.right-business p {
margin: 10px 0px;
}
.btn-part {
display: block;
width: 100%;
margin: 20px 0px 0px 0px;
}
.more-btn {
background: #189532;
color: #fff;
text-transform: uppercase;
border: 0px;
border-radius: 2px;
padding: 8px 23px;
box-shadow: 0px 2px #058a21;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
cursor: pointer;
}
.more-btn:hover {
background: #058a21;
color: #fff;
}
.bottom-part {
margin: 95px 0px 0px 0;
background: #f7f7f7;
border: none;
box-shadow: none;
min-height: inherit;
padding: 20px 20px 70px 20px;
}
.bottom-inner {
margin: 0px auto;
float: none;
width: 80%;
text-align: center;
}
.inner-content .panel {
border: 0px;
background: #fff;
box-shadow: none;
border-radius: 0px;
margin-bottom:50px;
}
.inner-content .panel-default>.panel-heading {
color: #333;
background-color: #fff;
border-color: #fff;
width: 28%;
display: block;
vertical-align: top;
text-align: center;
margin: 0px auto 20px auto;
padding: 0px;
}
.inner-content .panel-body {
padding: 0;
vertical-align: top;
display: inline-block;
width: 100%;
text-align: center;
}
.inner-content .panel-default>.panel-heading .left-head {
background: white;
width: 100px;
border: 2px solid #189532;
height: 100px;
border-radius: 50%;
text-align: center;
display: block;
}
.inner-content .panel-default>.panel-heading .left-head i {
line-height: 100px;
color: #189532;
font-size: 40px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.inner-content .panel-default>.panel-heading .left-head:hover i{
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
.inner-content .panel-body h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.inner-content .panel-body p {
line-height: 25px;
}
.modern-part {
margin-bottom: 45px;
}
.lower-social { float:right;}
.lower-link { padding-left:0px;}


/***************responsive css*******************/
@media screen and (max-width: 980px) {
.inner-content .panel-default > .panel-heading {width:14%;}
.right-business { margin-top:40px;}
.right-business h4 { text-align:center;}
ul.features {
    margin: 0px auto;
    width: 60%;
}
.right-business p {
    margin: 10px auto;
    text-align: center;
    width: 85%;
}
.btn-part {
    text-align: center;
}
}

@media screen and (max-width: 800px) {
.carousel-caption {
    padding-top: 0;
}
}


@media screen and (max-width: 767px) {
.modern-part .navbar-inverse .navbar-brand { padding-left:15px; }
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}
.navbar-toggle {
    background-color: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #189532;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
    opacity: 0.8;
}
.modern-part {
    margin-bottom: 20px;
}
.lower-social {
display:block;
float:none;
text-align:center;
width:100%;
margin-bottom:10px;
}
.social-link { text-align:center;}
.lower-link {
    padding-left: 15px;
    text-align: center;
}

}

@media screen and (max-width: 640px) {

.da-thumbs li { width:49.6%; }
ul.features {
    width: 63%;
}
.carousel-caption {
    padding-bottom: 0;
}
.banner-info {
    padding: 0 50px 20px;
}


}

@media screen and (max-width: 480px) {
.banner-info p {
    font-size: 11px;
    padding: 2px 5px;
	width:30%;
}
.banner-info h2 {
    font-size: 18px;
    padding: 3px 10px 6px;
	width:20%;
}
.page-header { font-size:28px;}
.page-header:before { left:45%;}
.inner-content .panel-default > .panel-heading {
    width: 22%;
}
.da-thumbs li { width:100%;}
.right-business h4 {
    text-align: left;
}
ul.features {
    width: 100%;
}
.right-business p {
    width: 100%;
	text-align:left;
}
.cpyrgt-link li a {
line-height:24px; font-size:12px;
}



}

@media screen and (max-width: 360px) {
.page-header:before { content:''; width:0;}
.modern-part .carousel-caption { padding-bottom:0;}
.banner-info {
    padding: 0 50px;
}
.banner-info p {
    margin-left: 0;
    width: 22%;
}
.inner-content .panel-default > .panel-heading {
    width: 30%;
}
.banner-info h2 {
    font-size: 14px;
    padding: 3px 10px 4px;
}
.banner-info p {
    line-height: 15px;
    margin-bottom: 0;
}

}

@media screen and (max-width: 320px) {
.inner-content .panel-default > .panel-heading {
    width: 34%;
}
}