
/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

	body 
	{
		padding-top: 50px;
		font-family: 'Lato', sans-serif;
		font-size: 15px;
		background: #bfbfbf;
	}
	
	a:link 
	{
    	color: #000;
	}
	
	a:visited 
	{
    	color: #000;
	}

	a:active 
	{
		color: #f90;
	}

	.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12
	{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	@media (max-width: 840px) {
		.col-lg-12,.col-md-12,.col-sm-12,.col-xs-12,
		.col-lg-11,.col-md-11,.col-sm-11,.col-xs-11,
		.col-lg-10,.col-md-10,.col-sm-10,.col-xs-10,
		.col-lg-9,.col-md-9,.col-sm-9,.col-xs-9,
		.col-lg-8,.col-md-8,.col-sm-8,.col-xs-8,
		.col-lg-7,.col-md-7,.col-sm-7,.col-xs-7,
		.col-lg-6,.col-md-6,.col-sm-6,.col-xs-6,
		.col-lg-5,.col-md-5,.col-sm-5,.col-xs-5,
		.col-lg-4,.col-md-4,.col-sm-4,.col-xs-4,
		.col-lg-3,.col-md-3,.col-sm-3,.col-xs-3,
		.col-lg-2,.col-md-2,.col-sm-2,.col-xs-2,
		.col-lg-1,.col-md-1,.col-sm-1,.col-xs-1
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	}
	
	.heading
	{
		font-weight: 300;
		text-transform: uppercase;
		font-size: 24px;
		color: #1f2626;
		padding-top: 30px;
	}
	
	.heading2
	{
		font-weight: 300;
		text-transform: uppercase;
		font-size: 18px;
		color: #1f2626;
		padding-top: 30px;
	}
	
	.heading3
	{
		font-weight: 300;
		text-transform: uppercase;
		font-size: 18px;
		color: #1f2626;
		padding-top: 30px;
	}
	
	.heading-left
	{
		font-weight: 300;
		text-transform: uppercase;
		text-align: left;
		font-size: 24px;
		color: #1f2626;
		padding-top: 30px;
	}
	
	p
	{
		font-weight: 300;
		line-height: 1.5;
		padding-bottom: 20px;
		color: #1f2626;
		text-align: center;
	}
	
	img
	{
		display: inline-block;
		max-height: 100%;
		max-width: 100%;
	}
	
	.center
	{
		text-align: center;	
	}
	
	.narrow
	{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.narrowtext
	{
		text-align: left;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.col-lg-3, .col-lg-4, .col-lg-6
	{
		text-align: center;
		padding: 0 30px;
	}
	
	.col-md-3
	{
		text-align: center;
	}
	
	#list
	{
		display: block;
		text-align: left;
		padding-left: 30px;
		line-height: 2;
	}
	
	#list .listname
	{
		font-weight: 400;
		padding-left: 10px;
	}
	
	#list .listcase
	{
		font-weight: 400;
	}
	
	#list .listtitle2
	{
		 font-weight: 300;
		 font-size: 14px;
		 color: #929191;
		 padding-right: 8px;
	}
	
	.listheading
	{
		font-weight: 300;
		text-transform: uppercase;
		font-size: 18px;
		color: #bbb;
		padding-top: 10px;
	}
	
	.list
	{
		font-size: 15px;
	}
	
	.text300
	{
		font-weight: 300;
		font-size: 14px;
	}
	
	.text400
	{
		font-weight: 400;
	}
	
	#scrollUp 
	{
		background-image: url("images/top.png");
		bottom: 15px;
		right: 4%;
		width: 28px;  
		height: 28px;   
	}
	
/*********************************************************************************/
/* Nav bar                                                                       */
/*********************************************************************************/

	.navbar-wrapper 
	{
		position: absolute;
		top: 40px;
		right: 0;
		left: 0;
		background-color: rgba(31,38,38,0.85);
		z-index: 200;
	}

	/* flip the padding for proper display in narrow viewports */
	.navbar-wrapper > .container 
	{
		padding-right: 0;
		padding-left: 0;
	}
	
	.navbar-wrapper .navbar 
	{
		padding-right: 25px;
		padding-left: 25px;
	}
	
	.navbar-wrapper .navbar .container 
	{
		width: auto;
	}

	.navbar-brand
	{
		margin-right: 30px;
		letter-spacing: 1px;
		color: #ddd;
	}
	
	.navbar-brand .available
	{
		color: #f90;
		font-weight: 300;
		padding-left: 15px;
	}

	.dropdown
	{
		z-index: 999 !important;
	}
	
	.dropdown-menu
	{
		padding-left: 10px;
		padding-right: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	.header-icon
	{
		position: relative;
		margin-left: 25px;
		top: -1px;	
	}
	
	/* In page navigation */
	
	#navbar2
	{
		background-color: #fff;
	}
	
	#navstrip 
	{
    	top: 56px;
		background-color: #626767;
    	height: 40px;
    	width: 60%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		z-index: 1;
	}
	
	#navstrip ul 
	{
		margin: 0;
		padding: 0;
	}

	#navstrip li 
	{
		margin-left: 0;
		margin-right: 0;
		display: inline;
	}

	#navstrip ul li a 
	{
		position: relative;
		color: #ddd;
		font-weight: 400;
		font-size: 15px;
		text-decoration: none;
		line-height: 40px;
		padding: 0 20px;
		z-index: 1;
	}

	#navstrip ul li a:hover 
	{
		color: #fff;
		text-decoration: none;
	}
	
	.navbar-icon
	{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.navbar-icon2
	{
		position: relative;
		margin-left: 15px;
		margin-right: 15px;
		line-height: 40px;
		z-index: 1;
	}
	
	.anchor:before 
	{ 
		display: block; 
		content: ""; 
		margin-top: -110px; 
		height: 110px; 
		visibility: hidden;
		z-index: 0;
	}

/*********************************************************************************/
/* Carousel                                                                      */
/*********************************************************************************/

	.carousel 
	{
		height: 500px;
		font-family: 'Lato', sans-serif;
	}

	.carousel-caption 
	{
		z-index: 10;
	}

	.carousel-heading
	{
		font-weight: 300;
		text-transform: uppercase;
		font-size: 24px;
	}

	.carousel-words
	{
		font-weight: 400;
		font-size: 18px;
		padding-bottom: 20px;
	}

	.carousel .item 
	{
		height: 500px;
		background-color: #fff;
	}

	.carousel-inner > .item > img 
	{
		position: absolute;
		top: 0;
		max-width: none;
		left: -9999px;  /*important */
		right: -9999px;  /*important */
		margin: 0 auto;
		height: 500px;
		background-color: #fff;
	}

	.btn-carousel
	{
		color: #1f2626;
		background-color: transaprent;
		border-color: #929797;
	}

	.btn-carousel:hover,.btn-default:focus,.btn-default:active,.btn-default.active
	{
		background-color: rgba(255,255,255,0.15);
	}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content1
	{
		background-color: #fff;
		padding: 10px 150px;
	}
	
	#content2
	{
		background-color: #eef0f0;
		padding: 10px 150px;
	}
	
	#content2 .btn
	{
		border-color: #bbb;
	}
	
	#content3
	{
		background-color: #dedfdf;
		padding: 10px 150px;
	}
	
	#content3 .btn
	{
		margin-top: 10px;
		border-color: #aaa;
	}
	
	#content-offices
	{
		background-color: #fff;
		padding: 10px 90px;
	}
	
	.extra10
	{
		margin-bottom: 10px;
	}
	
	.extra15
	{
		margin-top: 15px;
	}
	
	.extra20
	{
		margin-bottom: 20px;
	}
	
	.extra30
	{
		margin-bottom: 30px;
	}
	
	.extra40
	{
		margin-bottom: 40px;
	}
	
	.extra55
	{
		margin-bottom: 55px;
	}
	
	#banner
	{
		background-color: #fff;
		background-image: url('images/greenstrip.png');
		background-repeat: repeat-x;
		padding: 15px 0;
	}
	
	#banner-panel
	{
		position: relative;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 15px;
		min-height: 360px;
		background-color: #fff;
		border-radius: 12px;
		box-shadow: 0 5px 10px #ddd;
		padding: 30px 60px;
	}
	
	#banner-panel-live
	{
		position: relative;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		background-image: url('images/live_locations.png');
		background-repeat: no-repeat;
		background-position: 90% 50%;
		background-size: 70% auto;
		margin-bottom: 15px;
		min-height: 360px;
		background-color: #fff;
		border-radius: 12px;
		box-shadow: 0 5px 10px #ddd;
		padding: 30px 60px;
	}
	
	#banner-panel p
	{
		padding-right: 30px;
		text-align: left;
	}
	
	#banner-panel-live p
	{
		padding-right: 30px;
		text-align: left;
	}
	
	#banner .sitemap
	{
		display: inline-block;
		margin-left: 30px;
		font-weight: 400;
	}
	
	.banner-img
	{
		float: right;
		max-width: 360px;
		width: 100%;
		height: auto;
	}
	
	.banner-logo
	{
		margin-bottom: 5px;
	} 
	
	.banner-btn, .banner-btn-live
	{
		color: #a0a0a0 !important;
		margin-bottom: -20px;
	}
	
	.section-icon
	{
		align-items: center;
	}
	
	#casestudy 
	{
		height: 200px;
		width: 235px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 90px;
	}
	
	#casestudy img
	{
		height: 200px;
		width: 235px;
	}

	.study a p 
	{
		position: absolute;
		top: 0;
		background: rgba(0,79,82,.60);
		opacity: 0;
	}

	.study a:hover p 
	{
		opacity: 1;
		color: #fff;
		width: 235px;
		height: 200px;
		padding: 20px;
	}
	
	.casestudy-label
	{
		text-align: center;
		border: 1px solid #ccc;
		height: 40px;
		width: 235px;
		line-height: 40px;
		text-transform: uppercase;
		color: #a0a0a0;
		font-weight: 300;
	}
	
	#experts .col-sm-4
	{
		text-align: right;
	}
	
	#experts .bio-btn
	{
		width: 160px;
		padding-left: 32px;
		margin-left: 15px;
	}
	
	#experts .cv-btn
	{
		width: 160px;
		height: 36px;
		padding-top: 6px;
		padding-left: 25px;
		padding-bottom: 0;
	}
	
	.gotopdf
	{
		position: relative;
		top: -4px;
		width: 44px;
		height: 27px;
	} 
	
	.gotocv
	{
		font-weight: 700;
		font-size: 16px;
	} 
	
	#expert .face
	{
		min-width: 160px;
		height: auto;
		margin-bottom: 15px;
	}
	
	#expert .name
	{
		 font-weight: 700;
	}
	
	#expert .about
	{
		 padding-left: 15px;
	}
	
	.title22
	{
		 display: block;
		 font-weight: 300;
		 font-size: 13px;
		 color: #929191;
		 margin-bottom: 10px;
	}
	
	#expert .skills
	{
		display: block;
		font-size: 14px;
		font-weight: 300;
		padding-bottom: 3px;
		max-width: 385px;
	}	
	
	.quickbio
	{
		padding-left: 15px;
		max-width: 420px;
		font-size: 14px;
		font-weight: 300;
	}
		
	.published
	{
		color: #a0a0a0;
	}

	#contact
	{
		position: relative;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		padding: 30px 60px;
	}
	
	#contact p
	{
		text-align: left;
	}
	
	#contact-panel
	{
		background-color: #fff;
		padding-bottom: 15px;
	}
	
	#contact .email
	{
		font-weight: 400;
		color: #1f2626;
		text-decoration: none;
	}
	
	.contact-phone
	{
		font-weight: 400;
		letter-spacing: 1px;
		font-size: 18px;
		line-height: 2;
	}
	
	.contact-icon
	{
		position: relative;
	}
	
	.btn-expertise
	{
		width: 335px;
		margin-top: 25px;
		margin-bottom: -30px;
	}
	
	.btn-services
	{
		font-weight: 400;
		color: #004f52;
	}
	
	#projects
	{
		text-align: center;
	}
	
	#projects img
	{
		margin-bottom: 15px;
	}
	
	.projectdetails
	{
		psition: relative;
		padding-top: 20px;
	}
	
	.btn-projects
	{
		width: 335px;
		margin-top: 25px;
		margin-bottom: -30px;
	}
	
	.it-scope
	{
		font-weight: 300;
		color: #333;
		padding-bottom: 10px;
	}
	
	.it-projects
	{
		display: inline-block;
		border: 1px solid #ccc;
		width: 335px;
		height: auto;
		margin-top: 25px;
		/* text-transform: uppercase; */
		font-weight: 300;
		color: #333;
		padding: 10px 30px;
	}
	
	.projectwith
	{
		display: block;
		padding-top: 55px;
		font-weight: 300;
	}
	
	.btn-article
	{
		margin-bottom: 30px;
	}
	
	.pdf
	{
		padding-bottom: 14px;
		padding-right: 5px;
	}
	
	.cargo
	{
		text-align: left;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		padding-right: 25px;
	}
	
	.solo
	{
		display: block;
		width: 100%;
		max-width: 330px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 30px;
	}
	
	.caret-projects
	{
		margin-left: 8px;
		margin-bottom: 3px;
	}
	
	.title1
	{
		 font-weight: 300;
		 color: #a0a0a0;
	}
	
	.title2
	{
		 font-weight: 300;
		 color: #929191;
	}
	
/*********************************************************************************/
/* Search                                                                        */
/*********************************************************************************/

	#search
	{
		max-width: 400px;
		width: 100%;
	}
	
	.searchbox
	{
		max-width: 400px;
		width: 100%;
		height: 40px;
		margin-bottom: 10px;
		padding: 0 10px;
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		font-size: 16px;
	}
	
	.search-btn
	{
		position: relative;
		float: right;
	}
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		width: 100%;
		background-color: #004f52;
		height: auto;
		min-height: 235px;
		padding: 15px 20px 50px 25px;
	}
	
	#footer .logo
	{
		padding-right: 30px;
		padding-top: 7px;
	}
	
	#footer-phone
	{
		width: 100%;
		background-color: #004f52;
		height: auto;
		padding: 10px 20px 15px 0;
		font-weight: 400;
		letter-spacing: 1px;
		color: #fff;
	} 
	
	.iso
	{	
		padding-right: 10px;
		margin-bottom: 49px;
		text-align: top;
	}
	
	#footer-links
	{
		width: 100%;
		background-color: #004f52;
		height: 50px;
		padding: 10px 25px 10px 0;
	}
	
	.footer-links-new
	{
		height: 70px;
		padding-top: 30px;
		text-align: right;
		font-size: 14px;
	}
	
	#footer-links .icon
	{
		position: relative;
		margin-left: 0;
	}
	
	#footer-links .email
	{
		font-weight: 400;
		color: #ddd;
		text-decoration: none;
		padding-left: 5px;
	}

	#footer-links .link
	{
		position: relative;
		font-weight: 300;
		color: #ddd;
		padding-right: 20px;
		padding-left: 10px;
	}
	
	#footer-links a:hover
	{
		text-decoration: none;
		color: #fff;
	}
	
	#footer-extra
	{
		height: 0;
	}
	
	#last
	{
		width: 100%;
		height: 30px;
		background-color: rgba(31,38,38,0.9);
	}

	#last .copyright
	{	
		color: #a7a7a7;
		font-size: 12px;
		line-height: 30px;
		font-weight: 300;
		padding-top: 5px;
		padding-left: 35px;
	}

/*********************************************************************************/
/* Mobile                                                                        */
/*********************************************************************************/

	.appleLinks a 
	{
		color:#ddd;
	}
		
	@media (max-width: 991px) {
	#banner .sitemap-img
	{
		display: none;
	}
	
	#experts .col-sm-8
	{
		padding-left: 25px;
	}
	
	#expert .about
	{
		padding-left: 45px;
	}
	
	.iso
	{	
		padding-right: 0;
		margin-bottom: 0;
		text-align: top;
	}
	
	#footer-links
	{
		padding: 10px 0 10px 0;
	}
	
	#footer-links .link
	{
		font-size: 13px;
		padding-right: 12px;
		float: left;
	}
	
	#footer-phone
	{
		font-size: 13px;
	}
	
	#footer-links .email
	{
		font-size: 13px;
	}
	}
@media (max-width: 840px) {
	#experts 
	{
		padding: 0 90px;
	}
	
	#experts .col-sm-4
	{
		text-align: left;
		padding-left: 15px;
	}
	
	#experts .col-sm-8
	{
		padding-left: 15px;
	}
	
	#experts .email
	{
		display: block;
		margin-bottom: 30px;
	}
	#experts .bio-btn
	{
		margin-left: 0;
	}
	
	.quickbio
	{
		padding-left: 0;
	}
	
	#footer
	{
		min-height: 545px;
	}
	
	#footer-links 
	{
		padding-right: 30px;
	}
	
	#footer-links .link
	{
		float: right;
	}
	}
			
	@media (max-width: 767px) {
	.col-lg-5
	{
		padding-left: 10px;
	}
	
.navbar-brand
	{
		font-size: 13px;
		margin-right: 10px;
		padding-right: 5px;
		padding-left: 10px;
	}
	
	.navbar-brand .available
	{
		padding-left: 10px;
	}
	
	.header-icon
	{
		margin-left: 10px;
		top: -1px;	
	}

	
	#navstrip
	{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	#navstrip ul li a 
	{
		font-size: 13px;
		padding: 0 2px;
	}
	
	.navbar-icon
	{
		margin-left: 10px;
	}
	
	.navbar-icon2
	{
		margin-left: 7px;
		margin-right: 7px;
		line-height: 40px;
	}
	
	#content1
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#content2
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#content2 .btn-expertise
	{
		width: 300px;
		font-size: 14px;
	}
	
	#content3
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.cargo
	{
		padding-left: 70px;
	}
	
	#banner-panel-live
	{
		background-position: bottom;
		background-size: 90% auto;
		background-origin: padding-box;
	}
	
	.banner-btn-live
	{
		margin-bottom: 140px;
	}
	
	.banner-btn
	{
		margin-bottom: 20px;
	}
	
	.banner-img
	{
		float: left;
		background-repeat: no-repeat;
	}
	
	#banner-panel p
	{
		padding-right: 5px;
	}
	
	#banner .sitemap
	{
		margin-left: 10px;
		font-weight: 400;
	}
	
	#banner .hide-img
	{
		display: none;
	}
	
	.extraside img
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.solo
	{
		max-width: 240px;
	}
	
	.narrowtext
	{
		margin-left: 30px;
		margin-right: 30px;
	}
	
	#map
	{
		display: block;
		width: 100%;
        max-width: 370px;
	}
	
	#experts 
	{
		padding: 0 30px;
	}
	
	#experts .col-sm-4
	{
		text-align: left;
		padding-left: 15px;
	}
	
	#experts .email
	{
		display: block;
		margin-bottom: 30px;
	}
	
	.it-projects
	{
		margin-left: -10px;
	}
	
	#footer-links
	{
		padding: 10px 0 10px 0;
	}
	
	#footer-links .link
	{
		font-size: 14px;
		padding-right: 15px;
	}
	
	.col-lg-5
	{
		padding-left: 50px;
	}
	
	.search-btn
	{
		position: relative;
		float: left;
	}
	
	#footer
	{
		padding-top: 25px;
	}
	
	#footer-links 
	{
		padding-right: 30px;
	}
	
	.footer-links-new
	{
		text-align: center;
		font-size: 13px;
	}
	
	.iso
	{
		padding-right: 10px;
		margin-bottom: 49px;
		text-align: top;
		float: right;
	}
	
	#footer-extra
	{
		height: 60px;
	}
	}

	@media (min-width: 768px) {
	.navbar-wrapper .navbar 
	{
		border-radius: 4px;
	}
	}

/*********************************************************************************/
/* Touch Mode                                                                    */
/*********************************************************************************/

	body.touch 
	{
	}
	
	body.touch .container
	{
		background-attachment: scroll !important;
	}