@charset "utf-8";
/* CSS Document */
body.home, html{
	}
.logo{
	position:relative;
	}
.logo img{
	position:absolute;
	display:block;
	top:-1px;
	box-shadow: 2px 2px 9px 0px rgba(0,0,0,0.3);
	z-index:1000;}
.navbar-header{
	width:260px;
	height:50px;
	margin-right:50px !important;}
.navbar-nav{
	text-transform:uppercase;
	color:#fff;
	}
.navbar-inverse .navbar-nav>li>a{
	color:#fff;}
.navbar{
	margin:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	position:absolute;
	z-index:999;
	width:100%;
	-webkit-border-radius:0px;}
.carousel-inner img{
	display:block;}
.footer{
	background-color:#000;
	height:30px;

  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */

}

#myCarousel{
	height:100%;
	overflow:hidden;
	scroll:none;
	position:fixed;}
.copy{
	font-size:13px;
	color:#fff;
	line-height:30px;}
.phone{
	text-align:right;
	color:#fff;
	line-height:30px;
	font-size:20px;
	font-weight:bold;}
.phone span{
	font-size:18px;
	margin-right:10px;}

.about .col-sm-6{
	float:none;
	margin:auto;
	background-color:rgba(0,0,0,0.87);
	height:100%;
	position:absolute;
	left:0;
	right:0;}
.about{
	height:100%;
	position:absolute;
	width:100%;
	padding-top:50px;
	}
	
.about .col-sm-6 h1, h1{
	font-family:Roboto, sans-serif;
	text-align:center;
	color:	#fff;
	margin-top:100px;
	text-transform:uppercase;
	font-weight:bold;}
.about .col-sm-6 h3, h3{
	text-align:center;
	margin:0px;
	font-family:Roboto, sans-serif;
	color:#fff;
	font-size:17px;
	margin-bottom:50px;
	font-weight:300;}
.about .col-sm-6 p{
	padding:0px 40px;
	text-align:justify;
	color:#fff;
	}
.about .col-sm-6 .btn{
	margin-top:30px;}

.container.services{
	max-width:1366px;
	width:100%;
	height:100%;}
.services .col-sm-6 ul{
	list-style:none;
	padding:0px;
	margin:0px;}
.services .col-sm-6 ul li{
list-style:none;
	padding:0px;
	margin:0px;
	width:33.3333%;
	float:left;
}
.services .col-sm-6 ul li .holder{
	padding:5px;}
	
img{
	max-width:100%;
	height:auto;}
.services .col-sm-6.left{
	 background-color:rgba(0,0,0,0.95);
	 position:fixed;
	 height:90%;
	 top:50px;
	 float:none;
	 }
.services .col-sm-6.right{
	height:91%;
	background-color:#000;
	overflow-y:scroll;
	float:none;
	top:5%;
	position:absolute;
	right:0;
	padding-bottom:4%;}
.services .col-sm-6 p{
	padding:0px 40px;
	text-align:justify;
	color:#B6B6B6;
	
	}
.services .col-sm-6 .service_lists{
	padding-left:30px;}
.services .col-sm-6 .service_lists li{
	color:#D1D1D1;
	float:none;
	width:auto;}
.services .col-sm-6 .service_lists li h2{
	color:#EE7515;
	font-size:20px;} 
	
.about .col-sm-12{
	float:none;
	margin:auto;
	background-color:rgba(255,255,255,0.9);
	min-height:100%;
	padding-bottom:40px;
	position:absolute;
	left:0;
	right:0;}
.projects_list .col-sm-4{
	position:relative;
	margin-bottom:15px;
	margin-top:15px;}
.projects_list .col-sm-4 .meta{
	position:absolute;
	z-index:10;
	color:#fff;
	bottom:20px;
	right:0px;
	text-align:center;
	width:100%;}
.projects_list .col-sm-4 .meta h3{
	background-color:#000;
	display:inline-block;
	padding:5px 15px;
	margin:0px;
	color:#fff;
	}
.projects{
	color:#000;}
.projects h1, .projects h3{
	color:#000;}
.projects h3{
	margin-bottom:20px;}
.gallery_list .col-sm-3{
	padding:5px;}
.contact h1{
margin-top:40px;
color:#000;}
.contact h3{
color:#000;}
.contact{
padding-bottom:80px;}

.contact h4{
margin-top:20px;
font-size:10px;}
.form{
background-color:#f5f5f5;}
body.white{
background-image:url(images/white_back.jpg);
background-position:center top;
background-attachment:fixed;}
.highslide-dimming{
opacity:1!important;}
.highslide-wrapper, .highslide-outline, .highslide-container table{
}
.highslide-wrapper, .highslide-outline{

}
.add{
opacity:0;
margin-top:10px;
display:none;}
.color_overlay{
	opacity:0;
	position:absolute;
	z-index:9;
	left:15px;
	right:15px;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0.69);
	 -moz-transition: all .5s ease .2s;
  -o-transition: all .5s ease .2s;
  -webkit-transition: all .5s ease .2s;
  transition: all .5s ease .2s;}
.projects_list .col-sm-4:hover .color_overlay{
	opacity:1;
	width:auto;
	height:auto;
	}
.projects_list .col-sm-4:hover .add{
	
	}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
   width:100%;
   height:auto;
}

@media (max-width: 767px) {
  .navbar-header{
  width:100%;}
  .about .col-sm-6{
  float:inherit;
  height:auto;
  margin:inherit;
  position:static;
  padding-top:60px;
  padding-bottom:60px;}
 .about .col-sm-6 h1{
 margin-top:0px;}
  .about{
  height:auto;}
  .services .col-sm-6.left{
  display:none;}
  .about .col-sm-12{
  position:static;}
  .projects h1{
  margin-top:0px;}
  .projects{
  padding-top:60px;
  padding-bottom:60px;}
  .form-group div{
  margin-bottom:12px;}
  .form-group{
  margin-bottom:0px;}
  .logo{
  width:150px;
  }
  .logo img{
  max-width:100%;
  height:auto}
}
@media (min-width: 768px) and (max-width: 1199px){
.container {
width: 100%;
}
}

@media (max-width: 479px){
	.col-mob-12{
	width:100%!important;}
}

@media (max-width: 400px){

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
max-width:220%;}

}