/* ==========================================================================
   Common styles
   ========================================================================== */
html, body {
	height: 100%;
}

body {
	color: #6d6e70;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

#page-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

section {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 30%;
}

.content-wrap {
	position: relative;
	width: 100%;
	min-height: 100%;
	padding: 40px 0;
	padding-bottom: 100px !important;
	background: rgb(255,255,255);
	background: transparent\9;
	background: rgba(255, 255, 255, 0.9);
}

.content {
	width: 55%;
	margin: 0 auto;
}

.noscroll {
	position: fixed !important;
}

/* ==========================================================================
   Header styles
   ========================================================================== */
header {
	position: absolute;
	top: 0;
	z-index: 9;
	width: 100%;
	padding: 20px 15px;
	background: rgb(255,255,255);
	background: transparent\9;
	background: rgba(255, 255, 255, 0.9);
}

header a.logo-brand {
	display: inline-block;
	margin-left: 25px;
}

/* ==========================================================================
   Navigation menu styles
   ========================================================================== */
.navbar {
	background: none;
	border: none;
	box-shadow: none;
}

.nav > li > a {
	padding: 1px 5px;
	color: #404041;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.active > a {
	font-weight: bold;
	color: #275783;
	background: none;
}

.navbar-collapse {
	border: none;
}

/* ==========================================================================
   Home styles
   ========================================================================== */
section.home {
	background-image: url('../img/bg-home.jpg');
    background-repeat: repeat;
}

section.people {
	background-image: url('../img/bg-people.jpg');
    background-repeat: repeat;
}
section.technology {
	background-image: url('../img/bg-technology.jpg');
    background-repeat: repeat;
}

section.certificate {
	background-image: url('../img/bg-certificate.jpg');
    background-repeat: repeat;
}

section.innovation {
	background-image: url('../img/bg-innovation.jpg');
    background-repeat: repeat;
}

section.news {
	background-image: url('../img/bg-newsmedia.jpg');
    background-repeat: repeat;
}

section.jobs {
	background-image: url('../img/bg-jobs.jpg');
    background-repeat: repeat;
}

section.contact {
	background-image: url('../img/bg-contact.jpg');
    background-repeat: repeat;
}

#map-canvas {
	width: 95%;
	height: 200px;
    margin-left: 15px;
}

/* ==========================================================================
   Footer styles
   ========================================================================== */
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 10px;
}

footer .content {
	padding-top: 5px;
	border-top: 1px solid #231f20;
}

footer .social-btns a {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 2px;
	background-image: url('../img/icon-social.png');
	background-repeat: no-repeat;
}

footer .social-btns a.linkedin {
	background-position: 0 0;
}

footer .social-btns a.linkedin:hover {
	background-position: -18px 0;
}

footer .social-btns a.fb {
	background-position: 0 -18px;
}

footer .social-btns a.fb:hover {
	background-position: -18px -18px;
}

/*===========================================
Pace.js (Preload Css)
============================================*/

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 200px;
  background: #fff;
  border: 1px solid #29d;

  overflow: hidden;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 200px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #29d;
}

.pace.pace-inactive {
  display: none;
}

#contact-us {
        margin-left: -15px;   
    }



/* ==========================================================================
   Media query styles - 1024px max width
   ========================================================================== */
@media (max-width: 1024px) {

	.content {
		width: 80%;
	}

}

/* ==========================================================================
   Media query styles - 767px max width
   ========================================================================== */
@media (max-width: 767px) {

	body {
		font-size: 12px;
	}

	section {
		padding-top: 80%;
	}

	.content {
		width: 95%;
	}

	header {
		padding: 20px 60px 20px 0;
	}

	header a.logo-brand {
		margin-left: 0;
	}

	.content-wrap {
		padding: 20px 0;
	}

	.navbar {
		position: fixed;
		top: 5px;
		right: 0;
		z-index: 99;
		width: 100%;
	}

	.nav > li > a {
		padding: 10px 15px;
	}

	.navbar-toggle {
		background-color: #ddd;
	}

	.navbar-collapse {
		
		width: 100%;
		padding-top: 10px;
		padding-bottom: 5px;
		background-color: #fff;
	}
    

	
    #logo {
        width: 85%;
        padding-left: 15px;
    }

    #contact-us {
        margin-left: 1px;   
    }
	footer {
		font-size: 10px;
        text-align: center;
	}

	footer .content {
		border-top: none;
	}

	footer .navbar {
		position: fixed;
		top: initial;
		bottom: 0;
		right: 0;
		z-index: 99;
		width: 100%;
		min-height: 0;
		margin-bottom: 0;
	}

	footer .navbar-toggle {
		float: none;
		width: 100%;
		padding: 4px 5px;
		margin-bottom: 0;
		border-radius: 0;
	}

	footer .navbar-toggle:before {
		content: "\e114";
		position: absolute;
		top: 13px;
		right: 20px;
		font-family: 'Glyphicons Halflings';
		font-size: 22px;
	}

	footer .navbar-toggle.collapsed:before {
		content: "\e113";
	}

	footer .copyright {
		display: none;
	}
    
    
    section.home {
	background-position: center; 
}


    

}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.fontsize-12 {
    font-size: 12px;
}