@charset "utf-8";
/* CSS Document */
@import url('bootstrap.css');

.border{
	border:solid 1px #CC3300;
	}

.grntext{
	color:#53b348;
	}
.bluText{
	color:#22689b;
	}
.blue-box{
	display:block;
	background-color:#22689b;
	color:#FFF;
	font-size: 25px;
	font-weight: 400;
	border:solid 2px #53b348;
	padding:20px;
	
	}
.serv-sidebar{
	display:inline-block;
	margin-left:35px;
	}
.reviewer{
	display:block;
	padding:10px 0;
	border-bottom:solid 1px #90b3cd;
	
	}
.phoneCall{
	color:#53b348;
	text-transform:uppercase;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
	display:block;
	float:right;
	}
	
.navbgr{
	background-color:#17467b;
	}
	.nav > li > a:hover,
	.nav > li > a:focus {
  text-decoration: none;
  background-color: #17467b;
  color:#9abfe8;
}
li.active
	{
  color:#9abfe8 !important;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 45px;
  font-size:16px;
  text-transform:uppercase;
  color:#FFF;
  border-left:solid 1px #fff;
  font-weight:bold;
 }
 .nav > li:last-child {
	 border-right:solid 1px #fff;
 }
 
 .carousel-indicators {
  position: absolute;
  bottom:-5px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
 
 /* Carousel base class */
.banner {
  height: 354px;
  margin-bottom: 10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.banner .item {
  height: 354px;
  background-color: #777;
}
.banner-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 354px;
}
 
.home p {
	  margin-bottom: 15px;
	  font-size: 21px;
	  font-weight: 400;
	}
	
	.footer{
		background-color:#333333;
		color:#FFF;
		padding:10px 0;
		display:block;
	}
	.panel {
  margin-bottom: 20px;
  background-color: #e5e5e5;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
 
}
.blue-panel-head {
  padding: 10px 15px;
  text-transform:uppercase;
  border-bottom: 1px solid transparent;
  background-color:#17467b !important;
  color:#FFF !important;
  
}

.body-panel-bgr{
	background-color:#f9f9f9;
	text-transform:uppercase;
	}
.serv-panel-bot-margin	{
	padding-bottom:105px;
}
.our-portfolio ul{margin:0; padding:0;}
ul.services {margin:0; padding:0px 20px;}


/*-------------------------------------------------------------------------------------------*/
/* Portfolio Isotope Transitions
/*-------------------------------------------------------------------------------------------*/
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/*-------------------------------------------------------------------------------------------*/
/* Portfolio Item
/*-------------------------------------------------------------------------------------------*/
.portfolio-wrap-2 .portfolio-item{
	width:50%;
}
.portfolio-wrap-3 .portfolio-item{
	width:33.3111111%;
}
.portfolio-wrap-4 .portfolio-item{
	width:25%;
}
.portfolio-wrap-5 .portfolio-item{
	width:20%;
}
.portfolio-item {
	position: relative;
	display:none;
	overflow: hidden;
	padding: 0;
}
.portfolio-item .portfolio-image {
	position: relative;
	display: block;
	overflow: hidden;
}
.portfolio-item:hover img {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.portfolio-item .portfolio-image img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.portfolio-item:hover .project-overlay {
	opacity:1;
	-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;
}
.project-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.open-project-link {
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
}
.project-info {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-50px;
	width:100%;
	height:100px;
	text-align:center;
}
.project-name {
	display:block;
	margin-top:50px;
	margin-bottom:5px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:700;
	font-size:14px;
	opacity:0;
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.portfolio-item:hover .project-name { 
	opacity:1;
	-webkit-transition: opacity .4s .5s;
	-moz-transition: opacity .4s .5s;
	-ms-transition: opacity .4s .5s;
	-o-transition: opacity .4s .5s;
	transition: opacity .3s .5s;
}
.project-categories {
	display:block;
	color:#ffffff;
	font-size:13px;
	opacity:0;
	font-family: 'Volkhov', serif;
	font-style:italic;
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.portfolio-item:hover .project-categories {
	opacity:0.5;
	-webkit-transition: opacity .4s .8s;
	-moz-transition: opacity .4s .8s;
	-ms-transition: opacity .4s .8s;
	-o-transition: opacity .3s .8s;
	transition: opacity .3s .8s;		
}
.portfolio-item .zoom-icon {
	position:inherit;
	left: 50%;
	margin-top:40px;
	margin-left:-20px;
	width:40px;
	height:40px;
	color:#ffffff;
	opacity:0;
	-webkit-transition:all 0.3s ease 0.2s;
	-moz-transition:all 0.3s ease 0.2s;
	-ms-transition:all 0.3s ease 0.2s;
	-o-transition:all 0.3s ease 0.2s;
	transition:all 0.3s ease 0.1s;	
}
.portfolio-item:hover .zoom-icon {
	margin-top:0px;
	opacity:1;
	-webkit-transition: opacity .3s .2s, margin-top .3s .2s;
	-moz-transition: opacity .3s .2s, margin-top .3s .2s;
	-ms-transition: opacity .3s .2s, margin-top .3s .2s;
	-o-transition: opacity .3s .2s, margin-top .3s .2s;
	transition: opacity .3s .2s, margin-top .3s .2s;
}
.portfolio-item .action-icons {
	position:inherit;
	left: 50%;
	margin-top:40px;
	margin-left:-50px;
	width:100px;
	height:40px;
	color:#ffffff;
	opacity:0;
	-webkit-transition:all 0.3s ease 0.2s;
	-moz-transition:all 0.3s ease 0.2s;
	-ms-transition:all 0.3s ease 0.2s;
	-o-transition:all 0.3s ease 0.2s;
	transition:all 0.3s ease 0.1s;	
}
.portfolio-item:hover .action-icons {
	margin-top:0px;
	opacity:1;
	-webkit-transition: opacity .3s .2s, margin-top .3s .2s;
	-moz-transition: opacity .3s .2s, margin-top .3s .2s;
	-ms-transition: opacity .3s .2s, margin-top .3s .2s;
	-o-transition: opacity .3s .2s, margin-top .3s .2s;
	transition: opacity .3s .2s, margin-top .3s .2s;
}
.portfolio-item .action-icons a{
	display:inline-block;
	width:40px;
	height:40px;
	background:#ffffff;
	text-align:center;
	line-height:40px!important;
}
.portfolio-item .action-icons a i{
	line-height:40px!important;
}
.portfolio-list li{
	margin-bottom:30px;
}

/*-------------------------------------------------------------------------------------------*/
/* End of Portfolio Item
/*-------------------------------------------------------------------------------------------*/