@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700);
h1, h2, h3, h4, h5 {
	font-family: 'Titillium Web', Helvetica, Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #333;
}
h1 {
	font-size:26px;
}
h2 {

	margin: 0;
}
p {
	font: normal normal 14px Arial, Helvetica, Tahoma, sans-serif;
	line-height: 20px;
}
/* ---------------------------------------------
					Header
---------------------------------------------- */
.container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}
.navbar-header {
	width: 100%;
}
.navbar-brand {
	height: auto;
	float: inherit;
	width: 100%;
	text-align: center;
	margin-left: inherit !important;
	border-bottom: 1px dashed #ccc;
}
.navbar-default {
	background: rgba(255, 255, 255, 1);
	border: none;
	border-radius: 0;
	z-index: 999;
	width: 100%;
	margin-bottom:0;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.navbar-default.affix{
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	position: fixed;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.navbar-center {
	display: table;
	float: none;
	margin: 0 auto;
}
.navbar-nav>li>a {
	font: normal normal 15px 'Titillium Web', Helvetica, Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #0a509f !important;
	margin: 0 20px;
	padding: 8px 0 !important;
	font-weight: bold;
}
.navbar-center>li a:hover {
	color: #666!important;
}
.navbar-center>li.dropdown.open a {
	background: none !important;
	color: #666 !important;
}
.social-media {
	padding: 0;
	margin: 0;
	float: left;
}
.social-media li {
	list-style: none;
	float: left;
	background: url(../images/social-media.png);
	width: 20px;
	height: 20px;
	margin: 10px 12px;
	cursor: pointer;
}
.social-media li a {
	text-indent: -99999px;
	float: left;
}
.social-media li:nth-child(1) {
	background-position: 0 0;
	margin-left: 0;
}
.social-media li:nth-child(2) {
	background-position: -30px 0;
}
.social-media li:nth-child(3) {
	width: 25px;
	background-position: -65px 0;
}
.social-media li:nth-child(1):hover {
	background-position: 0 -20px;
}
.social-media li:nth-child(2):hover {
	background-position: -30px -20px;
}
.social-media li:nth-child(3):hover {
	width: 25px;
	background-position: -65px -20px;
}
.home-btn {
	margin: 0;
	padding: 0;
}
.home-btn li {
	margin: 10px 3px;
}
.home-btn li:last-child {
	margin-right: 0;
}
.home-btn li a {
	background: #0a509f;
	border-radius: 3px;
	margin: 0;
	padding: 3px 14px !important;
	font: normal normal 12px 'Titillium Web', Helvetica, Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff !important;
}
.home-btn li a:hover {
	background: #069 !important;
}
/* ---------------------------------------------
					main
---------------------------------------------- */
.main {
	height: 740px;
	padding-top: 180px;
}
.search {
position: absolute;
z-index: 99;

top: 70px;
margin-left:-15px;
}
.search .navbar-form {
	margin: 0;
}
.search .form-control {
	background: none;
	color: #aaa;
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: none;
	margin: 0;
	width: 180px
}
.search .btn {
	background: none;
	color: #aaa;
	position: relative;
	right: 42px;
}
.search-project {
	padding: 8px 0 0;
	float: right;
	width:180px;
}

.box {
	border: 1px solid #d7d7d7;
	padding: 15px 20px;
}
.link {
	font-size: 11px;
}
.link span {
	position: relative;
	top: 2px;
}
.link:hover {
	text-decoration: none;
}
.content-bg {
	background: url(../images/content-bg.jpg) repeat;
	padding: 15px 20px;
	height: 100%;
}
.content-bg h1, .content-bg h2, .content-bg p, .content-bg a, .content-bg li {
	color: #fff;
}
.content-bg ul {
	padding: 10px 0 0 15px;
}
.content-bg li {
}
.content-bg a:hover {
	color: #ccc;
}
/* ---------------------------------------------
					about us
---------------------------------------------- */
.aboutus h1 {
	margin-top: 0;
}
.google-map {
	margin: 0 0 20px -15%;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.services {
	position: relative;
	z-index: 99;
	margin-top: -50px;
	padding-top: 50px;
}
.services td {
	padding: 0 0 15px;
}
.services p {
	margin: 0 0 0 12px;
}
.thumbnail h4, .thumbnail p {
	text-align: center;
}
/* ------------------------------------------------------------
						Cert
------------------------------------------------------------ */
#cert {
	background: #F0F0F0;
	padding: 20px 0;
}
#cert h1 {
	text-align: center;
}
#cert h5 {
	margin: 3px 0 0;
	text-align: center;
}
/* ------------------------------------------------------------
						Contact Form
------------------------------------------------------------ */
#contact {
	background: url(../images/content-bg.jpg) repeat;
	padding: 30px 0 15px;
	margin-top:50px;
	border-bottom: 1px solid #555;
}
#contact h1 {
	margin-top: 0;
	color: #fff;
}
#contact p {
	color: #fff;
}
#contact .form-group {
	margin-bottom: 5px;
}
.contact-info {
	margin: 10px 0 !important;
	padding: 0;
}
.contact-info li {
	list-style: none;
	color: #fff;
	padding-bottom: 6px;
}
.contact-info li span {
	margin-right: 8px;
	color: #ccc;
}
.contact-info li a {
	color: #6CF;
}
.contact-info li a:hover {
	text-decoration: none;
	color: #39F;
}
.btn-custom {
	border-radius: 0;
	border: 1px solid #fff;
	background: none;
	color: #fff;
	margin: 20px auto;
	padding: 6px 30px;
	text-transform: uppercase;
}
.btn-custom:hover {
	color: #ccc;
	border-color: #ccc;
}
/* ------------------------------------------------------------
						Footer
------------------------------------------------------------ */
footer {
	background: url(../images/content-bg.jpg) repeat;
	padding: 20px 0 10px;
}

footer p {
	color: #fff;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #ccc;
}



/* ---------------------------------------------
				Inner
---------------------------------------------- */
#inner .carousel, .item, .active {
	height: 480px;
}
#inner .carousel-caption {
	display: none;
}
#inner .carousel .carousel-inner .bg1, #inner .carousel .carousel-inner .bg2, #inner .carousel .carousel-inner .bg3 {
	background-position: center center;
}
#inner .main {
	height: 520px;
}
#inner .inner h2 {
	margin: 15px 0;

	font-size: 24px;
	letter-spacing: 0;
}
#inner .inner img {
	padding-bottom: 15px;
}
#inner .inner h1 {
	margin-top: 0;
	line-height: 30px;

}
#inner .inner ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.inner-side-nav {
	margin-left: -12px !important;
}
.inner-side-nav li {
	list-style: none;
	padding-bottom: 5px;
}
.inner-side-nav li a:hover {
	text-decoration: none;
}
#inner .affix {
	top: 180px;
	width: 25%;
}
#inner footer {
	padding-top: 15px;
	margin-top: 50px;
}
#inner .btn-custom {
	border: 1px solid #999;
	color: #999;
}
#inner .btn-custom:hover {
	border: 1px solid #ccc;
	color: #ccc;
}
.client {
	margin: 0 !important;
	padding: 0 !important;
}
.client li {
	list-style: none;
	float: left;
	margin: 0 15px 0 0;
}
/* ---------------------------------------------
				maps
---------------------------------------------- */
#maps footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 15px;
}
#googlemaps {
	height: 100%;
	width: 100%;
	position: absolute;
}
/* ---------------------------------------------
					Bootstrap Toogle
---------------------------------------------- */
.navbar-toggle .icon-bar+.icon-bar {
	margin: 0
}
.navbar-default .navbar-toggle {
	width: 44px;
	height: 35px;
	padding: 0 5px;
	border-radius: 3px;
}
.navbar-default .navbar-toggle .icon-bar {
	position: absolute;
	transition: all 250ms linear;
	margin-left: 5px;
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
	position: absolute;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0)
}
.navbar-default .navbar-toggle .line1 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	top: 15px;
}
.navbar-default .navbar-toggle .line2 {
	opacity: 0;
}
.navbar-default .navbar-toggle .line3 {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	top: 15px;
}
.navbar-default .navbar-toggle.collapsed .line1 {
	top: 9px;
}
.navbar-default .navbar-toggle.collapsed .line2 {
	opacity: 1;
	top: 15px;
}
.navbar-default .navbar-toggle.collapsed .line3 {
	top: 21px;
}
.navbar-default .navbar-toggle:hover {
	background: #efefef;
}
.navbar-toggle .icon-bar {
	background: #fff;
}
/* ---------------------------------------------
				Media Queries (768px)
---------------------------------------------- */
@media only screen and (max-width: 768px) {
	
.navbar-header {
	float: none;
}
.navbar-left, .navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav>li {
	float: none!important;
}
.collapse.in {
	display: block !important;
}
.navbar-default {
	border-radius: 0;
	z-index:999;
}
.home-btn li a {
	width:48%;
	margin:0 1%;
	float:left;
	text-align:center
}
.search-project {
	width:100%;
	padding: 10px;
}
.navbar-brand {
	border:none;
}
.main {
padding-top: 140px;
}
.navbar-center li {
	float:left!important;
}
.services {
	position: inherit;
	margin-bottom: 15px;
}
.google-map {
	margin: 0 0 15px;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
	background: #fff;
}

}
/* ---------------------------------------------
				Media Queries (mobile)
---------------------------------------------- */
@media only screen and (max-width: 767px) {
.navbar-header {
	width: inherit;
}
.navbar-brand {
	margin-left: auto !important;
	border-bottom: none;
	width: 80%;
	float: left;
}
.home-btn li {
	text-align:center;
	width:100%;
}
.home-btn li a {
	margin:5px 0;
	width:100%;
}
.navbar-center {
	text-align: center;
}
.navbar-center>li .caret {
	display: none;
}
.navbar-center li {
	float:inherit!important;
}
.navbar-center>li>a {
	padding: 5px 0 !important;
}
.main {
	padding-top: 60px;
	height: 100%;
	margin-bottom:50px;
}
.search .form-control {
	width: 100%;
}
.search .btn {
	float: right;
	top: 35px;
	right: inherit;
}
.search-project {
	float: inherit;
	width: 100%;
	text-align:center;
}
.services {
	margin-top: 20px;
	padding-top: 15px;
}
#inner .carousel, .item, .active {
	height: 300px;
}

#inner .main {
	height: 300px;
}
}