body {
   /* background-image:url('../img/bg.png');*/
    background-repeat:repeat;
    font-family:  sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:  sans-serif;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: #ffffff;
	color:#030303;
	border-bottom:solid 1px #f93c3c; 
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #B4DBB9;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #B4DBB9;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #000000;
	border-bottom:solid 1px #f9c1c1;
	
	
	-webkit-transition: border-bottom-color .5s ease-out;
  -moz-transition: border-bottom-color .5s ease-out;
  -o-transition: border-bottom-color .5s ease-out;
  transition: border-bottom-color .5s ease-out;
}

.navbar-default .navbar-nav>li>a {

    color: #696666;
	font-weight:800;
	border-bottom:solid 1px #ffffff;
	
	-webkit-transition: border-bottom-color .5s ease-out;
  -moz-transition: border-bottom-color .5s ease-out;
  -o-transition: border-bottom-color .5s ease-out;
  transition: border-bottom-color .5s ease-out;
}
.navbar {
  /*  background-image:url('../img/bg.png');
    background-repeat:repeat;*/
	background-color:#FFFFFF;
	min-height:70px;
}
.navbar-nav>li{
margin-right:20px;
	
	
   
}
.navbar-nav>li>a {
    padding-top: 20px;
	padding-left:0px;
	padding-right:0px;
	
	
   
}
.navbar-brand 
{
margin-top:-7PX;   
    
    font-family: sans-serif;
	font-weight:600;

}
.navbar-default .navbar-brand {
    color: #000;
}
.jumbotron {
    background-color: transparent;
    padding: 80px 0 30px 0;
}
.jumbotronmini {
    background-color: transparent;
    padding: 70px 0 15px 0;
}
.green {
    color: #5cb85c;
}
.thumbs {
    padding: 40px 0;
}
.thumbnail {
    background-color: transparent;
    border: none;
}
.thumbnail > img {
    max-width: 60%;
}

.thumbnail .btn {
    padding-left: 20px;
    padding-right: 20px;
}


/* START SERVICES */
.aboutus{
		background-image:url(../img/latestprojectback.jpg);
	position:relative;
	background-color: transparent;
    border: none;
	padding-bottom:280px;	
	padding-top:50px;


}
.aboutusimg{
position:absolute;
top:10px;
z-index:-1;
width:100%;
border-radius:30%;
}

.aboutus h2{
	position:relative;
	font-size:48px;
	text-align:center;
	font-weight:900;
	color:#000;
}

.services
{
	position:relative;
	background-color: transparent;
    border: none;
	
	padding-bottom:20px;	
}
.services .heading 
{
	padding:5px 10px 25px 10px;
	
	}
.services .heading h2
{
	position:relative;
	font-size:48px;
	text-align:center;
	font-weight:900;
	color:#000;
		padding-top:40px;
	
	
	}
	.services .heading h4
{
	font-size:20px;
	text-align:center;
	color:#666;
	
	
	}
	.services .ourservices 
{
	margin-top:20px;
	margin-bottom:20px;
	
	}
		.services .ourservices .eachservices
{
	padding:0px 15px 0px 15px;
	
	text-align:center;
	-webkit-user-select: none;
-webkit-touch-callout: none; 
}
.services .ourservices .eachservices a
{
	color:#000;
		text-decoration:none;
		outline:0;

}
.services .ourservices .eachservices h3
{
	color:#000;
	font-weight:bold;
	
	-webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
}
.services .ourservices .eachservices p
{
	color:#666;
	
	-webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
	
}

.services .ourservices .hover_effect h3
{
	color:#f93c3c;
	
  -webkit-transition: color .1s ease-out;
  -moz-transition: color .1s ease-out;
  -o-transition: color .1s ease-out;
  transition: color .1s ease-out;
}
.services .ourservices .hover_effect p
{
color:#000;
	-webkit-transition: color .1s ease-out;
  -moz-transition: color .1s ease-out;
  -o-transition: color .1s ease-out;
  transition: color .1s ease-out;
}


.services .ourservices .eachservices a:hover h3
{
	color:#f93c3c;
	
  -webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
}
.services .ourservices .eachservices a:hover p
{
color:#000;
	-webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
}

/* END SERVICES */


.Portfolio
{
	background-color: transparent;
    border: none;
	padding-top:50px;
	padding-bottom:20px;
	
}
.Portfolio h2{
	position:relative;
	font-size:48px;
	text-align:center;
	font-weight:900;
	color:#000;
}
/* START LATEST PROJECTS */

.latestprojects
{
	background-color: transparent;
	background-image:url(../img/latestprojectback.jpg);

	background-clip: content-box;
	padding-top:50px;
	padding-bottom:20px;
}
.latestprojects .heading 
{
	padding:5px 10px 25px 10px;
	
	}
.latestprojects .heading h2
{
	font-size:48px;
	text-align:center;
	font-weight:900;
	color:#000;
	
	
	}	
	.latestprojects .heading h4
{
	font-size:20px;
	text-align:center;
	color:#666;
	
	
	}
	
	
		.latestprojects .ourprojects 
{
	margin-top:20px;
	margin-bottom:20px;
	
	}
		.latestprojects .ourprojects .eachprojects
{
	padding:0px 15px 0px 15px;
	
	text-align:center;
}
.latestprojects .ourprojects .eachprojects a
{
	color:#000;

}
.latestprojects .ourprojects .eachprojects h3
{
	color:#000;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	font-size:24px;
	
	line-height:28px;
	padding-top:0px;
	text-align:center;
	
	-webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
}
.latestprojects .ourprojects .eachprojects h5
{
	color:#999;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:20px;
	line-height:10px;
	padding-top:0px;
	
	
}
.latestprojects .ourprojects .eachprojects p
{
	color:#666;
	
	-webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
	
}

.latestprojects .ourprojects .eachprojects a:hover
{

	text-decoration:none;
	
	
}
.latestprojects .ourprojects .eachprojects a:hover h3
{
	color:#f93c3c;
	
  -webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
}
.latestprojects .ourprojects .eachprojects a:hover p
{
color:#000;
	-webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
}
	
	/* END LATEST PROJECTS */
	
	
	
/* LEFT Side WRAPPER */

#left-sidebar-wrapper {
    z-index: 100001;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: -100%;
    overflow-y: auto;
    background: #FFFFFF;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	padding:15px;
}

#left-sidebar-wrapper.active {
    left: 100%;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#left-menu-close
{
position:fixed;
}

/* end LEFT Side WRAPPER */
/* RIGHT Side Menu */

#right-sidebar-wrapper {
    z-index: 100001;
    position: fixed;
    right: 0;
    width: 100%;
    height: 100%;
    margin-right: -100%;
    overflow-y: auto;
    background: #FFFFFF;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	padding:15px;
}

#right-sidebar-wrapper.active {
    right: 100%;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#right-menu-close
{
position:fixed;
}
/* end RIGHT Side WRAPPER */
	
/* ------------------------
-----   Primary Footer  -----
------------------------------*/

#primary-footer {
   padding: 20px; 
   background-color: #202020;
   color: #959595;
}
#primary-footer .h4 
{
   margin: 0;
   padding: 0;
   color:white;
  text-align:center;
}