body {
	background-color: #FFF;
	color: rgba(0, 0, 0,0.7);
	height: 100%;
	font-stretch: ultra-expanded !important;
	font-family: 'GothamLight';
	font-size: 16px;
}
hr {
	border: none; background-color:rgba(0, 0, 0,0.5); height:1px;
}
.img-portfolio {
	margin-bottom: 30px;
}
.img-hover:hover {
	opacity: 0.8;
}
::-moz-selection {
 text-shadow: none;
 color:#FFF;
 background: #000;
 background: rgba(0,0,0,.5);
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
::selection {
	text-shadow: none;
	color: #FFF;
	background: #000;
	background: rgba(0,0,0,.5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@font-face {
	font-family: 'Gothambook';
	src: url('../fonts/gotham_book.eot');
	src: url('../fonts/gotham_book.eot') format('embedded-opentype'), url('../fonts/gotham_book.woff') format('woff'), url('../fonts/gotham_book.ttf') format('truetype'), url('../fonts/gotham_book.svg#GothamBookRegular') format('svg');
}
@font-face {
	font-family: 'GothamBlack';
	src: url('../fonts/gotham_black.eot');
	src: url('../fonts/gotham_black.eot') format('embedded-opentype'), url('../fonts/gotham_black.woff') format('woff'), url('../fonts/gotham_black.ttf') format('truetype'), url('../fonts/gotham_black.svg#GothamBlackRegular') format('svg');
}
@font-face {
	font-family: 'GothamLight';
	src: url('../fonts/gotham_light.eot');
	src: url('../fonts/gotham_light.eot') format('embedded-opentype'), url('../fonts/gotham_light.woff') format('woff'), url('../fonts/gotham_light.ttf') format('truetype'), url('../fonts/gotham_light.svg#GothamLightRegular') format('svg');
}
.padt10 {
	padding-top: 10px
}
.padt20 {
	padding-top: 20px
}
.padt30 {
	padding-top: 30px
}
.padt40 {
	padding-top: 40px
}
.padt50 {
	padding-top: 50px
}
.padt60 {
	padding-top: 60px
}
.padt70 {
	padding-top: 70px
}
.padt80 {
	padding-top: 80px
}
.padb10 {
	padding-bottom: 10px
}
.padb20 {
	padding-bottom: 20px
}
.padb30 {
	padding-bottom: 30px
}
.padb40 {
	padding-bottom: 40px
}
.padb50 {
	padding-bottom: 80px
}
.padb60 {
	padding-bottom: 60px
}
.padb70 {
	padding-bottom: 70px
}
.padb80 {
	padding-bottom: 80px
}
.padr10 {
	padding-right: 10px
}
.padr20 {
	padding-right: 20px
}
.padr30 {
	padding-right: 30px
}
.padr40 {
	padding-right: 40px
}
.padl10 {
	padding-left: 10px
}
.padl20 {
	padding-left: 20px
}
.padl30 {
	padding-left: 30px
}
.padl40 {
	padding-left: 40px
}
h1 {
	font-family: 'GothamBlack';
	text-transform: uppercase;
	font-size: 42px;
	line-height: 40px;
	text-shadow: 1px 1px 1px #333;
}
h3 {
	font-family: 'Gothambook';
	text-transform: uppercase;
	font-size: 22px;
	line-height: 24px;
}
.btn {
	display: inline-block;
	background: none;
	padding: 8px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #FFF;
	border-radius: 0px !important;
}
a:hover {
	color: rgb(0, 0, 0, 0.6)
}
a {
	
	color:rgba(0,0,0,0.8);
	text-decoration: none;
}
.thumbnail {
	display: block;
	padding: 5px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #e0b113;
	border-radius: 0px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.nav {
}
span.btn:hover {
	background: rgba(0,0,0, 0.20);
	color: #FFF;
}
span.btn {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	transform: translateZ(0px);
}
span.btn:before {
	border: 1px solid #e1e1e1;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition-duration: 0.3s;
	transition-property: top, right, bottom, left;
}
span.btn:hover:before, span.btn:focus:before, span.btn:active:before {
	bottom: -4px;
	left: -4px;
	right: -4px;
	top: -4px;
}
/* Home Page CSS */
.header {
	width: 100%;
	min-height: 90px;
}
.navbar-inverse {
	background: none !important;
	border: none !important;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #fff;
	background-color: rgba(0, 0, 0,0.3);
}
.navbar-nav > li > a {
	padding: 10px 14px;
	color: #FFF;
	font-family: 'Gothambook';
	text-transform: uppercase;
	font-weight: normal;
}
.navbar-inverse .navbar-nav > li > a {
	color: rgba(0, 0, 0,0.6);
}
.navbar-inverse .navbar-nav li.active a {
	color: #fff;
	background-color: rgba(255, 0, 0,0.5) !important;
}
.carousel {
	height: 60%;
}
.carousel .item, .carousel .item.active, .carousel .carousel-inner {
	height: 100%;
}
.carousel .fill {
	width: 100%;
	height: 358px;
	background-position: center;
	background-size: cover;
}
.tint {
	background: rgba(255, 0, 0);
	padding: 40px 0;
	color: #FFF;
}
.share-links {
	display: table
}
.share-links .share-title {
	display: table-cell;
	vertical-align: middle
}
.share-links .icon {
	display: inline-block;
	height: 30px;
	width: 30px;
	text-indent: 0;
	background: rgba(255, 0, 0,0.5);
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
	transition: all 500ms;
	color: #FFF;
	text-decoration: none;
}
.share-links .icon.fa {
	padding: 8px 8px;
}
.share-links .icon.fa:hover {
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
	transition: all 500ms;
	color: #FFF;
	text-decoration: none;
	width: 40px;
	text-align: left;
}
.share-links .icon.fa.fa-facebook:hover {
	background-color: #3b5998;
}
.share-links .icon.fa.fa-twitter:hover {
	background-color: #27aae1;
}
.share-links .icon.fa.fa-linkedin:hover {
	background-color: #0098bb;
}
/* Home Page CSS End */

/* Sub Page CSS start */
.breadcrumb {
	background: none;
	border-radius: 0px;
	list-style: none outside none;
	margin: 0px;
	margin-top: 8px;
	padding: 0;
	font-size: 12px;
	text-transform: uppercase;
}
#sub-content.tint {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 20px 0;
}
#sub-content.tint h1 {
	margin: 0px;
}
.breadcrumb > .active {
	color: #000;
}
a:hover, a:focus {
	color: #FFF;
	text-decoration: none;
}
#sub-banner {
	margin-bottom: 4px;
}
#sub-banner .sub-bnr img {
	height: 200px;
	width: 100%;
}
#contentArea p {
}
#map-canvas {
	min-height: 280px;
	border: none;
}
/*contact page */
.form-control {
	display: block;
	width: 100%;
	height: 36px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background: none;
	background-image: none;
	border: 1px solid #333;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-thme {
	border-color: rgba(0, 0, 0,1) !important;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid rgb(0, 0, 0, 0.5);
}


/*PRODUCT OR SERVICE PAGE ONLY CSS*/

nav.primary{width:auto; margin:0px auto; margin-bottom:30px;display:table}
nav.primary ul.nav li{float:left;list-style:none}
nav.primary ul.nav li a{height:36px; display:block;font-size:14px; padding:0 20px; text-decoration:none;
line-height:36px; background: rgba(0, 0, 0, 0.6); color:#FFF; }
.main{padding:0;margin:0;display:block;}

nav.primary ul.nav{text-transform:uppercase;font-size:14px}
nav.primary ul.nav:active li a{color:#FFF}

nav.primary ul.nav li a:hover{background-color:rgba(0, 0, 0, 0.5);
-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
nav.primary ul.nav li a.selected{background-color:rgba(0, 0, 0, 0.5);}

nav.primary ul.nav li:hover a:after{ background-color:rgba(0, 0, 0, 0.5) !important; color:rgba(0, 0, 0, 0.5);}
nav.primary ul.nav li ul.submenu{
	position:absolute; min-width:160px; display:none;
	background-color:rgba(0, 0, 0, 0.6);  padding:0px !important; z-index:9999; margin:0px;
	}
nav.primary ul.nav li ul.submenu li a{
	background:none; color:#FFF;  font-size:12px; padding:0 10px; text-decoration:none; line-height:32px; width:100%;  }
nav.primary ul.nav li ul.submenu li{ float:left; }
nav.primary ul.nav li ul.submenu li a:hover{border:none; color: rgba(255, 255, 255, 0.5);}
nav.primary ul.nav li:hover .submenu { display:block; text-align:center; width:100%;}
.main{padding:0;margin:0; display:block}
.entry{position:relative;float:left;margin:0px;cursor:pointer;width:260px;height:auto;padding:0; border-radius:0px; margin-bottom:8px;}

.portfolio{margin:0}.magnifier{background:rgba(237,49,49,.7) url(images/magnifier.png) no-repeat center;position:absolute;top:10px;left:10px;bottom:10px;right:10px;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.video-hover{background:rgba(237,49,49,.7) url(images/video.png) no-repeat center;position:absolute;top:10px;left:10px;bottom:10px;right:10px;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.entry:hover .magnifier,.entry:hover .video-hover{opacity:1}img{max-width:100%}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}

.col-item{ padding-bottom:6px; }
	.col-item:hover { background-color: rgba(0,0,0,.3); color:#FFF; border-radius:0px; transition : all 0.5s ease;}
	
	.col-item .info h4{ text-align:center;}
	.col-item .info p{ text-align:center; font-size:14px; line-height:16px;}
	
	.img{ position:relative;}
	.img img{ width:100%;}
	.img span {background : /*rgb(255, 31, 80)*/rgba(0, 0, 0, 0.5); color:#FFF; padding:4px 6px; text-transform:uppercase; position:absolute; z-index:999; top:10px; font-size:11px; left:60%; margin-left:-50%; font-weight:bold; transition : all 0.5s ease; }
	
	.col-item:hover .photo img{ opacity:0.7;
	 -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;	transition: all .2s ease-in-out; 
	-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);   }

	
	
	.thumbnail.img-responsive:hover{ opacity:0.7;
	 -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;	transition: all .2s ease-in-out; 
	-webkit-transform: scale(0.90);
-moz-transform: scale(0.90);
-o-transform: scale(0.90);
transform: scale(0.90);   } 
/*PRODUCT OR SERVICE PAGE ONLY CSS END*/



a{ outline:none;} 
.fill img{ width:100%;}
footer p{ font-size:12px;}
.img-thumbnail{ border-radius:0px;}

::-webkit-input-placeholder { 
    color:rgba(0, 0, 0, 0.6) !important; text-overflow: ellipsis; 
}
:-moz-placeholder { 
    color:rgba(0, 0, 0, 0.6) !important; text-overflow: ellipsis; 
}
::-moz-placeholder { 
    color:rgba(0, 0, 0, 0.6) !important; text-overflow: ellipsis; 
} /* for the future */
:-ms-input-placeholder { 
    color:rgba(0, 0, 0, 0.6) !important; text-overflow: ellipsis; 
}

#sub-content.tint h1 {
    margin: 0 18px;
}
nav.primary {
    display: table;
    margin:0 0 20px 0;
    width: auto;
}

/* Sub Page CSS End */


/* Responsive Styles */

@media(max-width:991px) {
.customer-img, .img-related {
	margin-bottom: 30px;
}
}
 @media(max-width:767px) {
.img-portfolio {
	margin-bottom: 15px;
}
.carousel .carousel {
	height: 70%;
}
#disp-service .col-xs-12 img {
	margin: 0px auto;
}
footer .container .row p {
	font-size: 14px;
	margin-top: 0px;
}
footer .container .row hr {
	margin-bottom: 6px;
}
.navbar-toggle {
	position: static;
	margin: 0 4px;
	float: right;
	padding:7px 10px;
	margin-right: 0px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
}
.navbar-inverse .navbar-toggle {
	border-color: rgba(0, 0, 0, 0.4);
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: rgba(0, 0, 0, 0.4);
}
.navbar-toggle {
	margin-bottom: 0px;
}
col-xs-text-centre {
	text-align: center !important;
	margin: 0px auto;
}

.navbar-header img{ width:80% !important; margin:0px auto !important; }
.navbar-header{ margin-bottom:0px; }

nav.primary ul.nav li{ float:none;}
nav.primary ul.nav li ul.submenu{ top:0px; left:144px;}

#sub-content.tint h1 { text-align:center !important;}
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:none;}
 
 }
 .form-horizontal .control-label{ text-align:left;}
 
@media only screen and (max-width : 480px) {
.share-links.pull-right{ float:none !important;}
.navbar-brand{ float:none !important; padding:6px 0;}
.navbar-header img{  margin:4px auto !important; text-align:center; width:76% !important; }


.row.padt10.padb10{ padding:0px;}
.row.padt20{ padding:0px;}


.navbar{ margin-bottom:1px; }
.padt30{ padding-top:10px;}
.padb40{ padding-bottom:10px;}

.entry{ width:100%;}
.entry .photo img{width:100%;}




}

