/* Main modification*/
body {
	font-family: 'Lato', sans-serif;
	background-color: #f2f2f2;
	color: #999;
	margin: 0;
	padding: 0;
	/*overflow-x: hidden;*/
}

/*  Menu style  */
.navbar {
	margin: 0;
	height: 80px;
}

	.navbar li {
		margin: 13px 0;
	}

.navbar-default {
	background-color: #70c470;
	color: #fff;	
}

.navbar-default .navbar-brand {
	color: #fff;
	margin: 13px 0;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: #e36a2d;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #e36a2d;
}

.dropdown-menu {
	background-color: #e36a2d;
}
	.dropdown-menu li {
		padding: 2px 5px;		
	}

	.dropdown-menu>li>a {
		color: #fff;
		background-color: #e36a2d;
	}

	.dropdown-menu>li>a:hover {
		color: #fff;
		background-color: #70c470;
	}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #70c470;
}


/* Slider top DISABLED*/
.slider-top .container {
	padding: 0;
	height: 300px;
	margin: 0 auto;
}

.slider-top .container .jumbotron, .container-fluid .jumbotron  {
	border-radius: 0;
}

.slider-top .jumbotron {
	color: #fff;
}

.slider-top h1 {
	font-size: 48px;
	font-weight: 400;	
}

.slider-top h1 span {
	background-color: #e36a2d;
	padding: 5px;
}

.slider-top p {
	font-size: 22px;
	font-weight: 200;
	width: 80%;
	margin: 0 auto;
	background-color: #888;	
}

.arrows {
	position: relative;
	top: 30%;
	z-index: 9999;
}

	.arrows a {
		color: #fff;
	}

.arrow-left {
	float: left;
	border-radius: 0 5px 5px 0;
}

.arrow-right {
	float: right;
	border-radius: 5px 0 0 5px;
}

.arrow-left, .arrow-right {
	z-index: 1000;
	background-color: #e36a2d;
	width: 40px;
	height: 50px;	
	display: block;
	padding: 5px 10px;

}

.jumbotron {
	background-color: #c0c0c0;
}


/* Slider nav*/
.square1, .square2, .square3 {
	width: 50px;
	height: 5px;
	background-color: #888;
	display: block;
	float: left;
	margin: 0 10px;
}

.carousel-inner {
	background-image: url(../images/header-img.jpg);
	background-position: center;	
	background-size: cover;
	background-repeat: no-repeat;
	width: auto;
	height: auto;
}


/*New slider*/
#myCarousel {
	margin: 30px 0;
	height: 270px;
	background-color: #ccc;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
	padding: 125px 0;	
}

.carousel-inner p {
	background-color: rgba(0,0,0,0.3);
	color: #fff;	
	margin: 0 15%;	
	padding: 0 50px;
	width: 70%;
}

.carousel-inner h1 {
	color: #fff;	
	text-transform: uppercase;
	font-weight: 600;
}

.item {
	margin: 100px;
}

.carousel-inner h1 span {
	background-color: #e36a2d;
	padding: 0 5px;
}

	.carousel-indicators .active {
		background-color: #777;
	}

	.carousel-indicators {
		bottom: -10px;
	}

	.carousel-indicators li {
		border: 1px #888 solid;
	}


/* 4Columns */
.fourcolumns {
	padding-top: 10px;
}

	.fourcolumns i {
		color: #70c470;
	}

	.fourcolumns h3 {
		text-transform: uppercase;
		font-weight: 800;
		font-size: 18px;
	}

	.fourcolumns button {
		position: relative;
		top: 20px;
		width: 65%;
	}

	.fourcolumns button:hover {
		background-color: #e36a2d;
		border: 1px solid #e36a2d;		

	}

.suspendisse, .maecenas, .aliquam, .habitasse {
	background-color: #f7f7f7;
	padding: 40px 0 0 0;
}

.suspendisse:hover, .maecenas:hover, .aliquam:hover, .habitasse:hover {
	background-color: #fff;
}

.suspendisse:hover i, .maecenas:hover i, .aliquam:hover i, .habitasse:hover i {
	color: #e36a2d;
}

#g1, #g2, #g3, #g4 {
	width: auto;
	height: auto;
}

.gauge {
    display: block;
    float: left;
}

/* WhyModus */
.whymodus {
	padding: 50px 0;
}

	.whymodus h1 {
		color: #e36a2d;
		font-weight: 600;
	}

	.whymodus p {
		margin: 0;
		padding: 0;
		color: #777;
	}

.cite {
	background-color: #fff;
}

/*Our Happy Clients*/
.happyclients {	
}
	.happyclients h5 {
		font-weight: bold;
	}
	

	.happyclients li {
		background-color: #bbb;
		width: 15px;
		height: 15px;
		color: #fff;
		padding: 0 5px 0 0;
	}

	.happyclients li:hover {
		background-color: #ddd;
	}

.clients {
	padding: 0 0 25px 0;
}

.clients p {
	height: 50px;	
	border: 1px solid #ddd;
	padding: 15px 0;
	font-weight: 800;
	font-size: 15px;
	color: #888;		
}

.clients p:hover {
	background-color: #fff;
	color: #555;
}


/* Featured area */
.featured {	
	height: 100px;
	padding: 0;
}

	.featured .btn-success {
		background-color: #e36a2d;
		border-color: #e36a2d;
	}

	.featured .row {
		background-color: #ececec;
	}

	.featured h1 {
		font-size: 30px;
		margin: 10px 5px;
	}

	.featured p {
		font-size: 13px;
	}

	.featured .btn {
		margin: 35px 0;	
	}

.footer ul li {
	list-style: none;
	margin: 0 0 0 -30px;
}

.footer .container-fluid {
	background-color: #70c470;
	color: #fff;
}

	.footer h1 {
		font-weight: 300;	
	}

		.footer h1 strong {
			text-transform: uppercase;
		}

	.footer h4 {
		color: #386138;
		font-weight: 800;		
	}

	.footer li {		
		text-align: left;
	}

		.footer li a {
			color: #fff;
		}

.nav-footer {
	background-color: #66b066;
	height: 65px;
	padding: 15px 0;
	color: #fff;
}

.social-footer li {
	display: inline-block;
	margin: 0 10px;
	color: #fff;
	opacity: 0.8;
}

	.social-footer li a {
		color: #fff;
	}
	
	.social-footer li a:hover {
		color: #e36a2d;
	}

.img-bg a {
	color: #fff;
}

.img-bg p {
	color: #386138;
}

.img-bg i {
	background-color: #599c59;
	padding: 12px 17px;
	color: #aecfae;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.blog .row {
	margin-bottom: 5px;
}


/* Hacks */
.vertical-align {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* Clear fix*/

    /* clearfix */

    .clear:before,
    .clear:after {
        content: "";
        display: table;
    }

    .clear:after {
        clear: both;
    }

    .clear {
        *zoom: 1;
    }


/* @Media*/

@media (max-width: 1000px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 11px;
	}
}
