body { padding-top: 190px; }

img{
	max-width:100%;	
}
.page-header{
	border-bottom:none;	
}

.page-header img{
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;		
}
.carousel .item {
    width: 100%; /*slider width*/
    max-height: 600px; /*slider height*/
}
.carousel .item img {
    width: 100%; /*img width*/
}


.content-bg{
	background:url(../Sec/Bg.jpg) no-repeat center center;
	background-size:100% 100%;	
	background-attachment: fixed;
}

.form-bg{
	background:url(../Sec/dark-bg.png) no-repeat center center;
	padding-top:10px;
	padding-bottom:10px;
}

.title-header{
	background:url(../Sec/header.jpg) repeat center center;
	background-size:100% 100%;
	font-weight:700;
	text-transform:uppercase;
	color:#587931;
	margin:0 0 10px 0;
	padding:3px 0 3px 5px;
	font-size:16px;
}
.footer-style{
	margin-top:30px;
}

.footer-style-sec{
	border-top:1px solid #e6dfdf;
	padding-top:15px;
}

.boxes{
	color:#fff;
	padding:10px;	
	display:inline-block;
	border-radius:5px;		
}
.green-box{
	background:#97bb4f;
}

.yellow-box{
	background:#e3e560;
}

.gray-box{
	background:#8c8c8c;	
}

.more-btn-style{
	border:1px solid #7c7c7c;
	padding:10px 15px;	
	color:#333;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	display:inline-block;
	clear:both;
	border-radius:5px;
}

.more-btn-style:hover{
	text-decoration:none;
}

.margin-top{
	margin-top:50px;	
}

.more-details-btn-style{
	border:1px solid #ccc;
	padding:10px;	
	color:#333;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	display:inline-block;
	clear:both;
	border-radius:5px;
	margin-top:10px;
}

.more-details-btn-style:hover{
	text-decoration:none;
}

nav.navbar.shrink {
  min-height: 35px;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;	  
}

nav.navbar{
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;	
}

nav.shrink a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;	  
}

nav.shrink .navbar-toggle {
  padding: 3px 5px;
  margin: 6px 15px 6px 0;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;	  
}

#logo-icons.container div.text-center img{
	max-width:100%;
}

#logo-icons.container div.text-center p{
	margin-top:25px;
	font-size:12px;
}

.p-icon-fix{
	margin-top:15px !important;
}

.p-icon-fix-2{
	margin-top:-5px !important;
}

.p-icon-fix-3{
	margin-top:-22px !important;
}

#projects div.table-responsive table{
	border:1px solid #ccc;
}

.carousel-caption{
	color:#000;	
}

.carousel-caption h3{
	font-size:28px;	
}

.carousel-caption p{
	font-size:18px;
}

.float-right{
	float:right;	
}
	
.tablet-mobile{
	display:none;	
}

.desktop{
	display:block;
}

.vertical-align{
	padding-top:35px;	
}

video{
	max-width:950px;	
}
@media all and (min-width:769px)
{
	.navbar-nav {
		float:none;
		margin:0 auto;
		display: block;
		text-align: center;
	}
	
	.navbar-nav > li {
		display: inline-block;
		float:none;
	}	

}

@media all and (max-width:769px)
{
	
	body { padding-top: 125px; }
	
	.margin-top{
		margin-top:0px;	
	}	
	
	#projects div.table-responsive{
     	width: 100%;
        overflow-x:scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
	}

	#projects div.table-responsive .table:after {
		padding: 2px 5px;
		content: "Swipe left to read more";
		color: #fff;
		background: #5a7813;
		width:180px;
		display:block;
	}
		
	.p-icon-fix{
		margin-top:0px !important;
	}
	
	.p-icon-fix-2{
		margin-top:0px !important;
	}	
	
	.carousel-caption h3{
		font-size:16px;	
	}
	
	.carousel-caption p{
		font-size:12px;
	}	
	
	.carousel-inner .item img{
		height:100%;
		width:100%;
	}
	
	.more-btn-style{
		font-size:12px;
		padding:3px;			
	}
	
	#logo-icons.container div.text-center p{
		margin-top:0px;
		font-size:14px;
	}	
	
	.float-right{
		float:none;	
	}	
	
	#wec, #sma{
		width:50%;
	}	

	.tablet-mobile{
		display:block;	
		margin-left:15px;
	}
	
	.desktop{
		display:none;
	}
	
	.p-icon-fix-3{
		margin-top:0px !important;
	}		
	
	.page-header	{
		padding-bottom:0px;
		margin:10px 0 0 0;
	}	
	
	video{
		max-width:300px;	
	}
}