body{
    font-family: Segoe UI;
}
p{
    font-size: 14px;
}

/*Header*/

.header-area {
	background: #ffffff;
	overflow: hidden;
	border-top: 2px solid #00A652;
}

.logo {
    margin-top: 5px;
}

.logo img {
	width: 180px;
	height: auto;
}
.navbar {
	min-height: 0;
	margin-bottom: 0;
}
.navbar-toggle {
    background-color: #000;
    position: relative;
    right: -120%;
}
.navbar-toggle .icon-bar {
    background: #fff;
}

.nav > li {
	margin-top: 15px;
	margin-bottom: 15px;
}

.navbar-nav > li > a {
    font-size: 14px;
    color: #000;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #eee;
    color: #00A652;
}
.nav > li > a:focus, .nav > li > a{
    transition: .5s;
    border-bottom: 2px solid transparent;
}

.menubar {
    display: inline;
    position: relative;
    top: 0;
    left: 60%;
    overflow: hidden;
}

/* Home page 1 */


.homebg01 .left-item{
	margin-top: 100px;
}
.homebg01 .left-item h3 {
	font-size: 30px;
	color: #fff;
}
.homebg01 .left-item h4 {
    color: #fff;
    margin-top: 20px;
    letter-spacing: 1px;
}
.homebg01 .left-item .demo-button a{
	background: #EF4A24;
	display: inline-block;
	color: #ffffff;
	border: 2px solid transparent;
	transition: .5s;
	border-radius: 0;
	color: #ffffff;
	padding: 5px 7px;
}
.homebg01 .left-item .demo-button a:hover{
	color: #ffffff;
	background: #EF4A24;
	border: 2px solid #fff;
}

.homebg01 .left-item img{
	width: 300px;
	height: auto;
}
.homebg01 .right-item img{
	width: 650px;
	height: auto;
}


/* Homepage 2 */


.homebg02 .product-details{
    margin-top: -30px;
}
.product-details .product-title{
    color: #ffffff;
}
.product-details .product-title h2 {
	font-size: 40px;
	color: #ffffff;
	text-align: center;
}

.product-details .product-feature {
	margin-top: 30px;
}
.product-details .product-feature img{
    width: 60%;
    height: auto;
    margin: 0 auto;
}


/* Homepage 3 */

.we-offer{
    color: #ffffff;
    text-align: center;
}
.offer-details {
	margin-top: 40px;
}
.offer-details .single-item{
    background: white;
    color: #000;
    margin-bottom: 10px;
    padding: 20px 20px;
    border: 2px solid transparent;
    transition: .5s all ease-in;
}
.offer-details .single-item:hover{
    border: 2px solid #00A652;
}
.offer-details .single-item i{
    
    display: block;
    font-size: 40px;
    margin-bottom: 20px;
    color: #00A652;
}
.offer-details .single-item span{
    font-size: 16px;
}

.footer{
    margin-top: 10px;
}
.footer p{
    color: #ffffff;
    font-size: 16px;
}
.footer a{
    
}


/*Section*/


#section1 {
    background-color: #00A652;
    background-size: cover;
    overflow: hidden;
}

#section2 {
    background: #FB4D23;
    overflow: hidden;
}
#section3 {
    background: #303031;
    overflow: hidden;
}
#section4 {
    background: #3FA1DA;
    overflow: hidden;
}

div.homebg01 {
    margin-top: 120px;
}
div.homebg02 {
	margin: 150px 0 0;
}

div.homebg03 {
    margin-top: 140px;
}

div.homebg04 {
	padding: 120px 0;
}