html {overflow-x:hidden;}
body {margin:0; padding:0;}


video, object {
	left:0px;
	position:absolute;
	top:0px;
}

#home {
	position: relative;
	text-align: center;
}


#logo {
	background: url("../img/logo.png") no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 450px;
	height: 233px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -116px;
	z-index: 3;
	display: block
}

.navbar-brand {
	padding: 5px 15px;
}

.navbar-contacts {
	color: #ffc303;
	text-align: right;
	display: block;
	height: 40px;
	line-height: 40px;
}
	.navbar-contacts span {
		display: inline-block;
		margin-left: 10px;
	}
		.navbar-contacts span i {
			color: #9D9D9D;
		}

#header-logo {
	background: url("../img/logo.png") no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 155px;
	height: 80px;
	display: block;
	font-size: 0px;
}

.navbar {
	min-height: 90px;
}

	.navbar-default .navbar-nav > li > a { 
		color: #fff; 
		text-transform: uppercase; 
		transition:  all 0.3s ease-in-out 0s;
		-moz-transition:  all 0.3s ease-in-out 0s;
		-webkit-transition:  all 0.3s ease-in-out 0s;
		-o-transition:  all 0.3s ease-in-out 0s;
	}
		.navbar-default .navbar-nav > li > a:hover { 
			color: #ffc303; 
			background-color: transparent;
			transition:  all 0.3s ease-in-out 0s;
			-moz-transition:  all 0.3s ease-in-out 0s;
			-webkit-transition:  all 0.3s ease-in-out 0s;
			-o-transition:  all 0.3s ease-in-out 0s;
		}

.btn-arrow {
	color: #fdc310;	
	position: absolute;
	bottom: 60px;
	display: block;
	z-index: 3;
	margin-left: -47px;
	left: 50%;
	font-size: 70px;
	font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
	font-weight: normal;
	}
	
	.btn-arrow:hover, .btn-arrow:active, .btn-arrow:focus {
		color: #fff;
		text-decoration: none;
	}

.btn-main, .btn-main:focus, .btn-section {
	position: absolute;
	bottom: 60px;
	display: block;
	background: #fdc310;
	padding: 15px 25px;
	color: #000;
	z-index: 3;
	text-transform: uppercase;
	font-size: 20px;
	left: 50%;
	margin-left: -98px;
	transition:  all 0.3s ease-in-out 0s;
	-moz-transition:  all 0.3s ease-in-out 0s;
	-webkit-transition:  all 0.3s ease-in-out 0s;
	-o-transition:  all 0.3s ease-in-out 0s;
	text-decoration: none;
}
	.btn-main:hover, .btn-main:active, .btn-section:hover, .btn-section:active {
		background: #000;
		color: #fdc310;
		text-decoration: none;
		transition:  all 0.3s ease-in-out 0s;
		-moz-transition:  all 0.3s ease-in-out 0s;
		-webkit-transition:  all 0.3s ease-in-out 0s;
		-o-transition:  all 0.3s ease-in-out 0s;
	}

.btn-section {
	position: static;
	display: inline-block;
	font-size: 14px;
	margin: 20px auto;
}

.list-group-item-services{
	background: #fdc310;
	border: 1px solid #fff;
	color: #000;
}

	.list-group-item-services:hover, .list-group-item-services:active, .list-group-item-services:focus {
		background: #000!important;
		color: #fdc310!important;
	}

#overlayer {
	background: url("../img/pattern.png") repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#slider {
	display:none;/* Only use this if you fade it in again after the images load */
	position:fixed !important;
	background-color: #000;
}

#services, #portfolio, #aboutus {
	background-color: #fff;
	padding: 90px 0px 30px 0px;
}

.page-head {
	text-align: center;
	margin-bottom: 40px;
}
	.page-head h3 {
		font-size: 28px;
		text-transform: uppercase;
	}
	
	.page-head.inverse h3 {
		color: #fff;
	}
	
		.page-head p {
			color: #666;
			font-size: 14px;
			line-height: 20px;
		}
		
		.page-head-sep {
			border-bottom: 1px solid #E5E5E5;
			display: block;
			width: 50%;
			margin: 20px auto;
			height: 1px;
			position: relative;
			text-align: center;
		}
		
		.page-head-sep i {
			font-size: 20px;
			color: #A3A3A3;
			padding: 0px 30px;
			background: #fff;
			margin-top: -10px;
			margin-left: -30px;
			display: inline-block;
			position: absolute;
		}

/* Services */
.main-service {
	display: block;
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	border: 2px solid #000;
}	

	.main-service span {
		position: absolute;
		bottom: 0px;
		left: 0px;
		display: block;
		width: 100%;
		background: rgba(0,0,0,1);
		color: #ffc303;
		text-align: center;
		padding: 10px 5px;
		font-size: 18px;
		text-transform: uppercase;
		transition:  all 0.3s ease-in-out 0s;
		-moz-transition:  all 0.3s ease-in-out 0s;
		-webkit-transition:  all 0.3s ease-in-out 0s;
		-o-transition:  all 0.3s ease-in-out 0s;
	}
	
	.main-service:hover span {
		padding: 30px 5px;
		background: rgba(0,0,0,0.8);
		transition:  all 0.3s ease-in-out 0s;
		-moz-transition:  all 0.3s ease-in-out 0s;
		-webkit-transition:  all 0.3s ease-in-out 0s;
		-o-transition:  all 0.3s ease-in-out 0s;
	}

/* Portfolio */
#filters {
	margin:1%;
	padding:0;
	list-style:none;
	text-align: center;
}

	#filters li {
		display: inline-block;
	}
	
	#filters li span {
		display: block;
		margin: 5px 3px 0px 0px;
		padding:5px 10px;		
		text-decoration:none;

		
		background: #ffc303;
		color:#000;
		
		font-size: 14px;
		cursor: pointer;
	}
	
	#filters li span:hover, #filters li span.active {
		color:#ffc303;
		background: #000;
		transition:  all 0.3s ease-in-out 0s;
		-moz-transition:  all 0.3s ease-in-out 0s;
		-webkit-transition:  all 0.3s ease-in-out 0s;
		-o-transition:  all 0.3s ease-in-out 0s;
	}
 

.viw_all {
	margin-top: 20px!important;
}

#portfoliolist .mix {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
	border: 2px solid #FFC303;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		cursor:pointer;
		text-align: center;
		height: 196px;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.portfolio-wrapper .mask {
	   width:100%;
	   height: 196px;
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   text-align: center;
	   color: #ffc303;
	   text-decoration: none;
	   padding: 15px;
	}
	

	.portfolio-wrapper .mask {
	   background-color: rgba(0, 0, 0, 0.8);
	   -webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	   -o-transition: all 0.5s linear;
	   -ms-transition: all 0.5s linear;
	   transition: all 0.5s linear;
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   filter: alpha(opacity=0);
	   opacity: 0;
	}
	
	.portfolio-wrapper:hover .mask {
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	   opacity: 1;
	}
	
/* About Us */
.main_title {
	color: #424242;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	width: 100%;
	border-bottom: 1px solid #ffc303;
	padding-bottom: 10px;
	}
		.main_title:after {
			content: "";
			display: block;
			width: 50px;
			height: 2px;
			background: #ffc303;
			margin-bottom: -10px;
			margin-top: 3px;
		}

.main_text {
	text-align: justify;
	color: #000;
}

.main-video {
	position: relative;
	display: block;
	color: #ffc303;	
	height: 100%;
	margin-top: 50px;
}

	.main-video i {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 70px;
		color: #ffc303;
		z-index: 1;
		display: block;
		margin-left: -17px;
		margin-top: -35px;
	}


/* Partners */
#partners {
	background: #FFF;
	padding: 20px 0px;
}

/* Team */
#team {
	padding: 40px 0px 20px 0px;
}

.team_item {
	margin: 0px 10px;
	min-height: 330px;
	
}

.team_item div.fadehover {
	position: relative;
	display: block;
}

.team_item img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
}
	
.team_item img.b {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.team_item .caption {
	display: block;
	margin-top: 230px;
}

.team_item .caption h5 {
	color: #e7b209;
	font-weight: bold;
}

.team_item .caption p {
	line-height: 12px;
	font-size: 12px;
}

.team-arrow-prev, .team-arrow-next {
	position: absolute;
	color: #ffc303;
	font-size: 50px;
	top: 140px;
	display: block;
	cursor: pointer;
}
	.team-arrow-prev:hover, .team-arrow-next:hover {
		color: #fff;
	}
	.team-arrow-prev {
		left: -50px;
	}
	
	.team-arrow-next {
		right: -50px;	
	}
	
/* contactus */
#contactus {
	background: #ffc303;
	padding: 30px;
}

/* Content */
#content {
	margin-top: 90px;
	margin-bottom: 30px;
}

.content-title {
	color: #424242;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	width: 100%;
	border-bottom: 1px solid #ffc303;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
		.content-title:after {
			content: "";
			display: block;
			width: 50px;
			height: 2px;
			background: #ffc303;
			margin-bottom: -10px;
			margin-top: 3px;
		}

.content-text {
	text-align: justify;
}

#maps {
	position: relative;
	display: block;
	height: 350px;
	margin-bottom: 30px;
}

.map_overlay {
	z-index: 2;	
	top: 0px;
	left: 0px;
	width: 100%;
	height: 350px;
	position: absolute;
	background-color: rgba(255, 195, 3, 0.2);
}

.map {
	z-index: 1;
	position: absolute;
}

/* News */
.news-item {
	min-height: 300px;
}
	.news-item a {
		display: block;
		height: 170px;
		padding-top: 170px;
		width: 100%;
		color: #000;
		text-decoration: none;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;	
		border: 2px solid #000;
	}
	
		.news-item a span {
			display: block;
			font-size: 12px;
			text-align: center;
			padding: 5px 7px;
			transition:  all 0.3s ease-in-out 0s;
			-moz-transition:  all 0.3s ease-in-out 0s;
			-webkit-transition:  all 0.3s ease-in-out 0s;
			-o-transition:  all 0.3s ease-in-out 0s;
		}
		.news-item a:hover span {
			background-color: #000;
			color: #ffc303;
			transition:  all 0.3s ease-in-out 0s;
			-moz-transition:  all 0.3s ease-in-out 0s;
			-webkit-transition:  all 0.3s ease-in-out 0s;
			-o-transition:  all 0.3s ease-in-out 0s;
		}

.share42init {
	margin-top: 20px;
}

footer {
	background-color: #ffc303;
	color: #000;
	padding: 10px 0px;
}
	footer a {
		color: #000;
		font-weight: bold;
	}