html[lang="en_au"] .nav li.english
{
	display: none;
}

body
{
	font-family:'Avenir Next W04';
	font-size: 15px;
	color: #4a4b4d;
}
h1,h2,h3,h4,h5
{
font-family:'Avenir Next W04';
	font-style: normal;
	font-weight: 800;
	color: #3d3d3f;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 1em;
}
ul
{
	margin-bottom: 20px;
}
section.why-choose-jbsg  h2:after
{
	display: block;
	width: 70px;
	height: 1px;
	background: #fff;
	content: "";
	margin: 20px auto 0;
}
.template-services h2
{
	font-size: 22px;
}
.featured-projects h2:after,
.services h2:after,
.contact h2:after
{

	display: block;
	width: 70px;
	height: 1px;
	background: #d1cece;
	content: "";
	margin: 20px auto 0;
}
main h1
{
	font-size: 30px;
}
h3
{
	font-size: 20px;
}
.h4, h4 {
    font-size: 16px;
}
p
{
	margin-bottom: 1.5em;
	line-height: 1.9;
}
main ul
{
	margin-bottom: 1.5em;
}
li
{
	margin-bottom: 10px;
}
a
{
	color: #01aeef;
	transition: all 150ms ease;
}
a:hover,
a:focus
{
	color: #0184b5;
	text-decoration: none;
}
.nopadding
{
	padding: 0;
}
header {
    position: fixed;
    height: 80px;
    display: block;
    width: 100%;
    z-index: 9999;
    text-align: center;
    color: #fff;
    padding: 20px 0 0 0;
    background: rgba(35,35,35,.7);
    transition: 0.2s;
    margin-left: 0;
    left: 0;
    box-shadow: 0;
}
header.white-text
{
    padding: 60px 0 0 0;	
}
header a.logo {
	display: inline-block;
    float: left;
    width: 180px; /* apply default width for IE10 */
}
header.white-text a.logo,
header.white-text a.logo img {
    width: 220px;
}
header a.logo img
{
	width: 180px;
	height: auto;
	transform: scale(1,1) perspective(1000px);
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1) perspective(1000px);
}
header .logo .logo-img
{
	width: 180px !important;
}
header.white-text a.colour-logo {
    display: none;
}
header.white-text a.white-logo {
    display: block;
}
header a.colour-logo {
    display: block;
}
header a.white-logo {
    display: none;
}
header.white-text {
    background: none;
    transition: 0.3s;
    border: none;
	height: auto;
    box-shadow: none;
}
header.white-text a {
    color: white;
}
header a {
    color: black;
}
header nav {
    margin-left: 300px;
}
header.white-text nav li {
    float: left;
    list-style: none;
    font-size: 18px;
}
header nav li
{
	font-size: 16px;
}
header nav li.chinese a
{
	/* background: url(/common/img/china.svg) no-repeat;
	width: 30px;
	height: 20px;
	background-size: 100% auto;
	display: block;  */
	margin-left: 0 !important;
}
header nav li.chinese 
{
	margin-left: 50px;	
    opacity: 0.9;
}
.navbar
{
	margin-bottom: 10px;
}
.navbar-default
{
    background-color: transparent;
    border: 0;
    border-radius: 0;	
}
.navbar-default .navbar-nav
{
	float: right;
    margin-top: 12px;
}
.white-text .navbar-default .navbar-nav
{
    margin-top: 18px;	
}
.navbar-default .navbar-nav>li
{
    margin-bottom: 0;
}
.navbar-default .navbar-nav>li>a
{
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
    padding: 0;
    margin-left: 60px;
	transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-webkit-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active
{
	text-decoration: none;
	color: #01aeef;
}
.white-text .navbar-default .navbar-nav>li>a
{
	color: #fff;
}
header .nav .dropdown .down-arrow
{
	border-left: 1px solid rgba(255,255,255,0.3) !important;
	margin-left: 0.6em !important;
	padding-left: 0.7em !important;
}
.navbar-collapse
{
	padding-right: 0;
}
.white-text .services-nav
{
    background: rgba(0,0,0,0.75);	
}
.services-nav
{	
    background: rgba(15,15,15,0.85);
    padding: 80px 0 40px;
    transition: all 200ms ease;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 100%;
}
.services-nav.active-nav
{
	display: block;
	visibility: visible;
	opacity: 1;
}
.services-nav .service-item
{
	text-align: left;
	padding-bottom: 40px;
}
.services-nav .service-content h5
{
	font-size: 15px;  
}
.services-nav .service-content h5 a
{
	color: #fff;
	transition: all 150ms ease;
}
.services-nav .service-content h5 a:hover,
.services-nav .service-content h5 a:focus
{
	text-decoration: none;
	color: #01aeef;
}
.services-nav .service-content p
{
	line-height: 1.4;
}
.services-nav .service-content
{
	font-size: 13px;
}
.nav-tabs
{
	border: 0;
}
.nav-tabs > li 
{
	height: 80px;
    width: 190px;
}
.nav-tabs > li > a
{
	border: 0;
	border-radius: 0;
	display: block;
	position: relative;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
	text-transform: uppercase;
	font-weight: 700; 
	margin-right: 0;
	text-align: center;
    line-height: 1.3;
    transition: all 150ms ease;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li > a.active
{
	background: none;
	color: #01aeef;
}
.section.services .carousel-nav
{
	background: #2b4280 !important;
	height: 80px !important;
	top: 80px !important;
	z-index: 9999 !important;
}
.carousel-wrap.slick-slider
{
	z-index: 9;
}
.home-carousel-slide .olay
{
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	opacity: 0.4;
	z-index: 9;
}
.home-carousel-wrap .slide-text
{
	z-index: 999;
}
.home-carousel-wrap .slide-text p:last-child
{
	margin-bottom: 0;
}
section .scroll-down
{
	position: absolute;
	bottom: 60px;
	z-index: 999;
	color: #fff;
	left: 49%;
	transform: translateX(-50%); 
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	font-size: 58px;
	opacity: 0.7;
	
	-webkit-animation-duration: 2.0s;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    
	-moz-animation-duration: 2.0s;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    
	-ms-animation-duration: 2.0s;
    -ms-animation-delay: 2s;
    -ms-animation-iteration-count: infinite;
    
	animation-duration: 2.0s;
    animation-delay: 2s;
    animation-iteration-count: infinite;
}
header.white-text .nav .dropdown .down-arrow
{
	border-left: 1px solid rgba(255,255,255,0.5);
}
.dropdown-menu
{
	background: rgba(255,255,255,0.8);
	border: 0;
	border-radius: 0;
	padding: 20px 10px 10px;
}
.white-text .dropdown-menu li a
{
    color: #444;
    padding: 8px 20px;
}
.dropdown-menu li a
{
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
.dropdown-menu li a:hover
{
	background: transparent;
	color: #01aeef;
}
header.white-text .nav .dropdown .open + .dropdown-menu
{
	padding-top: 20px;
}
header .nav .dropdown .open + .dropdown-menu
{
	margin-top: 23px;
}
.breadcrumbs
{
	background: #f5f5f5;
	margin-bottom: 50px;
}
.featured-projects
{
	padding-top: 60px;
}
.about-contact
{
	padding-top: 30px;
}

#js_supersize_me {
    margin: 0;
    width: 100%;
    height: 100%;
	background-image: url('/assets/Images/home-hero-1.jpg');
    background-position: center center;
    background-size: cover;
}
#js_supersize_me .flexcontainer {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    position: relative !important;
}
#js_supersize_me .js_supersize_me_title, #js_supersize_me .js_supersize_me_label {
    color: white;
    display: block;
    max-height: 200px;

    overflow: hidden;
    text-align: right;
}
#js_supersize_me .js_supersize_me_title {
    margin-bottom: 18px;
    font-size: 48px;
}
#js_supersize_me .js_supersize_me_label
{
	font-size: 24px;
	font-weight: 500;
}
#js_supersize_me .js_supersize_me_label p
{
	line-height: 1.4;
}
.home-carousel-wrap h2
{
	font-size: 55px;
	margin-bottom: 25px;
}
section h2,
section .subheading
{
	text-align: center;
}
section .subheading p
{
	color: #929497;
	font-size: 18px;
	padding: 0 15%;
	line-height: 1.8;
}
.projects-container 
{
	margin: 50px 0;
}
.projects-container .logo
{
	width: 100%;
	margin: 0 auto 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 30px 0;
	height: 140px;
}
.projects-container .logo img
{
	max-width: 50%;	
	max-height: 80px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0 auto;
}
.projects-container .project
{
	text-align: center;
	padding-bottom: 80px;
}
.projects-container .project h3
{
	color: #19388a;
	font-size: 19px;

}
.projects-container .project h4
{
	color: #828385;
	font-family:'Avenir Next W04';
	font-weight: 400;	
	text-transform: none;
	font-size: 15px;
}
.projects-container button.slick-arrow,
.related-projects button.slick-arrow
{
	background: url(/common/img/arrow-black.svg) no-repeat;
    background-size: 100% auto;
    width: 18px !important;
    height: 35px !important;
    border: 0;
    text-indent: -9999px;
    padding: 0;
	opacity: 0.3;
	outline: none;
	transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
}
.projects-container button.slick-arrow:hover,
.related-projects button.slick-arrow:hover
{
	opacity: 0.5;
}
.projects-container button.slick-prev.slick-arrow,
.related-projects button.slick-prev.slick-arrow
{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    left: -50px;
}
.projects-container button.slick-next.slick-arrow,
.related-projects button.slick-next.slick-arrow
{
	right: -50px;
	left: inherit;
}
.project-categories
{
    padding: 0 15px;	
    margin-top: -15px;
}
a.btn
{
	display: inline-block;
	border: 3px solid #00aeef;
	text-transform: uppercase;
	padding: 14px 26px;
	margin-top: 1.5em;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	color: #00aeef;
	font-family:'Avenir Next W04';
	transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-webkit-transition: all 150ms ease;
	-ms-transition: all 150ms ease;

}
a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn-default:active:hover,
a.btn-default:active:focus,
a.btn-default:active:active
{
	background: #00aeef !important;
	color: #fff !important;
	border: 3px solid #00aeef !important;
}
.projects-container .project a.btn
{
	bottom: 0;
    position: absolute;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
}
.icon-with-text .icon
{
	margin: 0 auto 25px;
    height: 90px;
}
.icon-with-text .icon img
{
	height: 100%;
}
.why-choose-jbsg
{
	background: url(/common/img/sydney-bg.jpg) no-repeat;
	background-size: cover;
    background-position: center top;

}
.why-choose-jbsg .icon
{
	margin-top: 30px
}
.icon-with-text .icon-text
{
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 18px;
	
}
.why-choose-jbsg h2
{
	color: #fff;
	margin-bottom: 3em;
}
.icon-with-text
{
	text-align: center;
}
.icon-with-text .inner
{
	padding: 0 10%;
}
.about-contact .about p:last-child
{
	margin-bottom: 0;
}
.about-contact .inner
{
	padding: 0;
}
.about-contact
{
	background: #4c4f54 url(/common/img/contact-bg-2.jpg) no-repeat;
	background-size: cover;
	text-align: center;
	color: #ddd;
}
.contact h2
{
	color: #ddd;
	margin-bottom: 3em;
}
.contact .link.contact
{
	display: inline-block;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-top: 40px;
    background: #20b7f0;
    padding: 15px 35px;
    border-radius: 2px;
    transition: all 150ms ease;
    font-family:'Avenir Next W04';
}
.contact .link.contact:hover,
.contact .link.contact:focus
{
	text-decoration: none;
	background: #19388a;
}
.contact .aus-map
{
	margin-top: -30px;
}
.select-location,
.office
{
	margin-top: 20px;
}
.select-location h3
{
	color: #ddd;
}
.select-location .location-dropdown
{
	margin: 0 auto;
}
.location-dropdown select
{
	margin: 30px 0;
	border-radius: 2px;
	background: transparent;
    width: 230px;
    padding: 0px 35px 0px 14px;
    font-size: 15px;
	border: 0;
	height: 44px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/common/img/dropdown-arrow.png) 93% / 8% no-repeat #eee;
	color: #444;
}

.location-dropdown select::-ms-expand { /* for IE 11 */
    display: none;
}



.office .office-title
{
	font-weight: 800;
	color: #00aeef;
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
	
}
.office .office-address {
	font-size: 16px;
	margin-bottom: 20px;
	display: block;
}
.office .office-phone
{
	font-weight: 800;
    font-size: 18px;
}
.facts-testimonials .fact
{
	background: #626669;
	color: #fff;
	padding: 15% 20%;
	text-align: center;
}
.facts-testimonials .fact.fact-2
{
	background: #545659;
}
.facts-testimonials .fact-number
{
	font-size: 90px;
	letter-spacing: -5px;
	line-height: 1;
}
.facts-testimonials .fact-sub
{
	display: block;
	font-size: 18px;
}
.facts-testimonials .testimonial
{
	background: #19388a;
	color: #fff;
	text-align: center;
	height: 250px;
	padding: 0 10%;
}
.facts-testimonials .testimonial .inner,
.facts-testimonials .fact .inner
{
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	position: relative;
}


/* ============================= 
   CAROUSEL
============================== */

.carousel-background-wrapper
{
	margin-top: 50px;
}
.carousel-background-wrapper .carousel-row .col-md-12
{
	padding: 0;
	margin-bottom: 100px;
}
.carousel-container.container-fluid
{
	padding: 0;
}
.carousel-container .slide-img {
	height: 100%
}

.services .left .carousel-title
{
	margin-bottom: 70px;
	display: block;
	font-size: 22px;
}
.services .left h3
{
	text-transform: none;
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 1.3em;
	color: #fff;
}
.services .left .desc 
{
	font-size: 17px;
	line-height: 1.8;
	color: #fff;
}
.services .left .btn
{
	margin-top: 4em;
}
.fp-controlArrow.fp-prev,
.fp-controlArrow.fp-next
{
	display: none !important;
}
.home-carousel-wrap.slick-slider .slick-arrow
{
	background: url(/common/img/arrow-white.svg) no-repeat;
	background-size: 100% auto;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	border: 0;
	padding: 0;
	opacity: 0.3;
	transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	outline: none;
}
.home-carousel-wrap.slick-slider .slick-arrow:hover
{
	opacity: 0.7;
}
.home-carousel-wrap.slick-slider .slick-arrow.slick-next
{
	left: inherit;
	right: 40px;
}
.home-carousel-wrap.slick-slider .slick-arrow.slick-prev
{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	left: 40px;
}

/* ============================= 
   SERVICES
============================== */

.services
{
    background: url(/common/img/contact-bg-2.jpg) repeat;
    padding-top: 0px;
}
.services .slick-slide .slide-wrap
{
	position: relative;
	min-height: 100vh;
}
.services-listing .thumbnail-link
{
	display: block;
	margin-bottom: 30px;
	he
}
.services .service-slide
{
	width: 100%;
	position: relative;
}
.services .left
{
	width: 50%;
    padding: 0 7% 0 9%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
    position: absolute;
	z-index: 99;
}
.services .right
{
	width: 50%;
	height: 100%;
    position: absolute;
    right: 0;
    top: 0;
 	z-index: 9;
}
.services .right .slide-img
{
	width: 100%;
	height: 100%;

}

.page-title
{
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    margin-top: 38px;
}
.internal-hero
{
    position: relative;
    margin-bottom: 0px;
    height: 200px;
    background: url(/common/img/internal-banner.jpg) repeat;
	background-size: cover;
}

.internal-hero.with-image
{
	min-height: 600px;
	text-align: center;
	color: #fff;
}
.template-project-entry .internal-hero.with-image
{
	min-height: 550px;
}
.internal-hero.with-image .olay
{
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	opacity: 0.5;
}
.internal-hero.with-image .inner
{
	padding: 0 10%;
}
.internal-hero.with-image h1
{
	font-size: 24px;
	margin-bottom: 1em;
}
.template-project-entry .internal-hero.with-image h1
{
    color: #fff;
    font-size: 50px;
    margin-bottom: 1em;
    text-transform: none;
}
.internal-hero.with-image h2
{
	color: #fff;
	font-size: 43px;
	margin-bottom: 20px;
	text-transform: none;
}
.internal-hero.with-image p
{
	font-size: 18px;
	margin-bottom: 0;
}
.template-project-entry .project-heading
{
    font-size: 24px;
    margin-bottom: 1em;
    display: block;
    text-transform: uppercase;
    font-family:'Avenir Next W04';
    font-weight: 800;
    line-height: 1;
}
.page-title h1,
.page-title h2.alt-title
{
	color: #fff;
	margin-bottom: 0;
	font-size: 32px;
}
.body-content
{
	margin-bottom: 40px;
}
.template-services .services-listing h2:after
{
	display: none;
}
.services-listing h2
{
	margin-bottom: 20px !important;
	text-align: left !important;
}
.services-listing p.service-summary
{
	line-height: 1.6;
}
.services-listing .col-sm-4:nth-child(3n+1)
{
	clear: left;
}
.services-listing .col-sm-4
{
	margin-bottom: 50px;
}
.services-listing a.more
{
	font-family:'Avenir Next W04';
}
.call-to-action
{
	background: #f5f5f5;
    text-align: center;
    font-size: 24px;
    padding: 70px 0 55px;
    margin-bottom: -55px;
    margin-top: 30px;	
}
.call-to-action.project
{
	margin-top: 55px;
}
.call-to-action p
{
	margin-bottom: 0.7em;
    line-height: 1.6;
}
.call-to-action p a
{
	transition: all 150ms ease;
}
.call-to-action p a:hover
{
	text-decoration: none;
	
}


/* ============================= 
   SERVICE ENTRY
============================== */
.template-services-entry .related-projects {
    padding-top: 30px;
    margin-bottom: 100px;
}
.template-services-entry .other-services
{
	margin-bottom: 100px
}
.template-services-entry .related-projects h2,
.template-services-entry .other-services h2,
.template-default h2
{
	margin-bottom: 15px;
	text-align: center;
	margin-bottom: 40px;
}
.template-services-entry .related-projects h2:after,
.template-services-entry .other-services h2:after,
.template-default h2:after {
	display: block;
    width: 70px;
    height: 1px;
    background: #d1cece;
    content: "";
    margin: 20px auto 0;
}
.services-entry
{
	margin-top: 20px;
}
.key-areas .keyArea
{
	margin-bottom: 30px;
	}
.key-areas .keyArea:nth-child(4n+1)
{
	clear: left;
}
.key-areas .keyArea .title
{
	font-size: 18px;
	margin-bottom: 10px;
	display: block;
	line-height: 1.3;
}
.breadcrumb {
	padding: 15px 0;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
}	
.breadcrumb>li
{
	margin-bottom: 0;
	line-height: 1;
}
.breadcrumb li a
{
	color: #555;
}
.breadcrumb li a:hover
{
	text-decoration: underline
}
.related-projects .project
{
	text-align: center;
	background: #444 url(/common/img/contact-bg-2.jpg) repeat;
}
.related-projects .project .title
{
	text-transform: uppercase;
    color: #fff;
    font-size: 19px;
   	font-family:'Avenir Next W04';
   	font-weight: 800;
}
.related-projects .project p
{
	color: #bbb;
}
.related-projects .project .innerpadding
{
	padding: 20% 10%;
}
.other-services .service
{
    width: 18%;
    float: left;
    margin: 0 1%;
}
.other-services .service a
{
	display: block;
	position: relative;
}
.other-services .service .service-img
{
	height: 200px;
	display: block;
	background-size: cover !important;
	background-position: center center !important;
}
.other-services .service .service-title
{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
	padding: 12px;
	text-align: center;
	color: #fff;
    line-height: 1.2;
    font-weight: 700;

}
.other-services .service .service-olay
{
	width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: all 200ms ease; 
    font-size: 12px;
}
.other-services .service .service-olay:hover
{
	opacity: 1;
}
.service .service-olay .inner
{
	padding: 0 10%;
	position: relative;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.olay-service-title h4
{
	color: #fff;
	font-size: 16px;
	margin-bottom: 8px;
}
.facts
{
	background: #eaeaea;
	margin-bottom: 80px;
	padding: 60px 30px;
	text-align: center;
	margin-top: -50px;
}
.facts i
{
	font-size: 70px;
	color: #666;
}
.facts .inner
{
	border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 30px;
    height: 100%;
}
.facts .col-sm-4:first-child .inner,
.facts .col-sm-4:nth-child(3n+1) .inner
{
	border-left: 0;
}
.facts .col-sm-4:nth-child(1) .inner,
.facts .col-sm-4:nth-child(2) .inner,
.facts .col-sm-4:nth-child(3) .inner
{
	border-top: 0;
}
.facts .fact-number
{
	font-size: 70px;
	margin-left: 10px;
	display: inline-block;
	color: #666;
	font-family:'Avenir Next W04';
	letter-spacing: -1px;
}
.facts .fact-text
{
	font-size: 17px;
}
.facts .fact-text p
{
	line-height: 1.5;
	margin-bottom: 0;
}

/* ============================= 
   FOOTER
============================== */

footer
{
    background: url(/common/img/contact-bg-2.jpg) repeat;
	color: #c8c9c9;
	padding: 95px 0 80px !important;
	margin-top: 55px !important;
}

footer h3
{
	font-family:'Avenir Next W04';
	color: #fff;	
	text-transform: none;
	font-size: 18px;
	color: #e3e4e5;
}
footer ul
{
	padding-left: 18px;
}

footer ul li a
{
	color: #c8c9c9;
}
footer ul li a:hover
{
	text-decoration: none;
	color: #01aeef
}
.footer-logo
{
    width: 180px;
    display: block;
    margin-bottom: 30px;
    margin-top: 5px;
}
footer .credit
{
	display: block;
	margin-top: 50px;
}
footer .credit a
{
	color: #c8c9c9;
}
.footer-carousel .col-block
{
	outline: none;
}
.footer-carousel .col-block:hover
{
	cursor: auto;
}
.footer-carousel .slick-dots
{
	padding-left: 0;
	
}
.footer-carousel .slick-dots li
{
	list-style: none;
	float: left;
	margin-right: 6px;
}
.footer-carousel .slick-dots li button
{
	width: 10px; 
	height: 10px;
	text-indent: -9999px;
	border: 0;
	border-radius: 5px;
	background: #999;
	padding: 0;
	outline: none;
}
.footer-carousel .slick-dots li.slick-active button
{
	background: #fff;
}

/* ============================= 
   ASIDE
============================== */
aside nav li {
	list-style-type: none;
}
aside nav li {
	border-bottom: 1px solid #f1f1f1;
	padding:0;
	margin: 0;
}
aside nav li:first-child {
	/* border-top: 1px solid #f1f1f1; */
}
aside nav li a {
	padding: 1em 1.5em 1em 3em;
    display: block;
    /* border-left: 7px solid #f1f1f1; */
    font-size: 15px;
    font-weight: 700;
    text-align: left;
}
aside nav li.active a,
aside nav li a:hover {
	/* border-left: 7px solid #01aeef; */
	text-decoration: none;	
}

aside nav ul {
	margin-left: 0;
	padding-left: 0;
}
main #map {
	width: 100%;
	height: 400px;
}
main .map-wrap {
    margin-bottom: -55px;
	margin-top: 70px;		
}
main .map-wrap .location
{
    width: 100%;
    text-align: center;
    color: #fff;
    background: #01aeef;
    display: block;
    padding: 12px;
}   
aside .projectLogo {
	text-align: left;
    margin-bottom: 40px;
}
aside .projectLogo img
{
	margin: 0 auto;
    max-height: 120px;
    max-width: 110px;
    width: auto;
    height: auto;
}
aside .related-projects .related-title
{
	font-weight: 700;
    margin-bottom: 5px;
    display: block;
}
aside .location {
    display: block;
    text-align: center;
    background: #1b4992;
    color: #fff;
    padding: 12px;
}
.template-project-entry .col-sm-9,
.template-people-entry .people-entry .col-sm-9
{
	/*border-left: 1px solid #eee;*/
}
.template-people-entry .people-entry .inner
{
	padding-left: 40px;
}
.template-project-entry .project-entry .inner
{
	padding-right: 60px;
}
.areas-of-expertise
{
	margin-top: 50px;
}
aside .key-services
{
	margin-bottom: 40px;
	text-align: left;
}
aside .key-services .service-title
{
	font-weight: 400;
    margin-bottom: 8px;
    display: block;
}
aside .related-projects
{
	text-align: left;
}
aside nav
{
	margin-right: -45px;
}
aside h3
{
	text-align: left;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
    padding-top: 5px;
    font-size: 18px;
    margin-bottom: 15px;
}

/* ============================= 
   PEOPLE
============================== */
body[data-uri="people"] footer
{
	margin-top: 0 !important;
}
body[data-uri="people"] .breadcrumbs
{
	margin-bottom: 0px;
}
.people-listing .person-thumb {
    height: 100%;
    width: 100%;
}
.people-listing .name {
    font-weight: 700;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.people-listing .position {
	color: #888;
	display: block;
    font-style: italic;
}
.people-listing .button-group {
	margin-bottom: 0;
	margin-left: 0;
}
.people-listing .button-group .btn {
	background: #00aeef;
	color :#fff !important;
	border: none !important;
    padding: 2em 1.6em;
    text-transform: initial;
    width: 50%;
    margin-top: 0;
    float: left;
    font-size: 16px;
}
.people-listing .btn-default .fa {
	font-size: 1.0em;
    display: inline-block;
    margin-left: 0.5em;
}
.btn-our-future-team {
	display: block;
	background: #0098d2 !important;
}
.people-listing > .container
{
	width: 100%;
}
.people-listing .col-sm-6
{
	margin-bottom: 0;
}
.people-listing .col-sm-6.animated 
{
	border-bottom: 1px solid #ddd;	
}
.people-listing .col-sm-6 .col-sm-6
{
	padding: 0;
	background-color: #eee;
}
.people-listing .col-sm-6.animated:nth-child(even)
{
	clear: none;
}
.people-listing .col-sm-6.animated .inner
{
    padding-bottom: 0;
    border-bottom: 0;
}

.people-listing .col-sm-6.image .olay
{
	width: 100%;
	height: 100%;
	background:#0098d2;
	opacity: 0;
	position: absolute;
	transition: opacity 200ms ease;
}
.people-listing .with-animation:hover .image .olay
{
	opacity: 0.4;
}
.people-listing .with-animation:hover
{
	cursor: pointer;
}
.people-listing .summary
{
	margin-top: 10px;
	display: block;
	color: #666;
}
.people-entry .people-img
{
	margin-bottom: 35px;
}
.people-entry aside h4
{
	text-transform: none;
	line-height: 1.5;
}
.people-listing .col-sm-6 .info-inner
{
	padding: 12%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: relative;
    top: 50%;
    display: block;
}
.people-listing .with-animation a:hover .name
{
	color: #01aeef;
}
.areas-of-expertise ul
{
	padding-left: 0;
}
.areas-of-expertise li
{
	list-style: none;
    padding-bottom: 20px;
    border-bottom: 0;
    margin-bottom: 20px;
    font-size: 15px;
    float: left;
    width: 30%;
    background: #eee;
    margin-right: 18px;
    text-align: center;
    padding: 50px 10px;
    height: 136px;
    font-weight: 700;
}
.col-img
{
	margin-bottom: 20px;
}
.col-block p
{
	line-height: 1.5;
	font-size: 14px;
}
.col-block .btn
{
	margin-top: 0;
}
aside
{
	padding-right: 20px;
}
.template-default .facts .fact-number
{
	font-size: 30px;
	margin-bottom: 20px;
	margin-left: 0;
}
.template-default .facts .fact-text p
{
	margin-bottom: 15px;
}
.template-default .content
{
	margin-bottom: 60px;
}
.column-block
{
	margin-bottom: 80px;
}
.column-block h2
{
	text-align: center;
}




/* ============================= 
   PROJECTS
============================== */
.project-categories .nav-tabs {
	border-top: 1px solid #dfdfdf;
	margin-bottom: 30px;	
	height: 100px;
}

.project-categories .nav-tabs li.activeTab a {
	border: none !important;
}
.project-categories .nav-tabs li
{
	height: 100%;
    text-align: center;
}
.project-categories .nav-tabs a {
    padding: 0 10px !important;
    color: #555 !important;
    position: relative;
    border: none;
    margin-right: 0 !important;
    height: 100% !important;
    font-weight: 700;
        line-height: 1.3;
}
.project-categories .nav-tabs a span
{
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	position: absolute;
	left: 0;
	width: 100%;
    padding: 0 10%;
}
.project-categories .nav-tabs a:focus,
.project-categories .nav-tabs a:active,
.project-categories .nav-tabs a:hover {
	background: transparent;

}
.project-categories .nav-tabs li.activeTab a:after,
.project-categories .nav-tabs a:hover:after {
	position: absolute;
	content: " ";
	width: 100%;
	height: 5px;
	background: #01aeef;
	bottom: 0;
	left: 0;
}
.project-categories .nav-tabs li.activeTab a,
.project-categories .nav-tabs a:active,
.project-categories .nav-tabs a:hover {
	color: #01aeef;
}
.project-items figure img {
	width: 100%;
}
.project-items .name,
.project-items .client,
.project-items .location {
	display: block;
	text-align: center;
}
.project-items figure {
	position: relative;
}
.project-items figcaption {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.65);
	width: 100%;
	padding: 10px 20px;
}
.project-items figcaption .name {
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
   	font-family:'Avenir Next W04';
}
.project-items figcaption .location,
.project-items figcaption .client {
	font-size: 0.95em;
	color: #fff;
}
.template-project-entry .projectImage {
	display: block;
	margin-bottom: 15px;
}
.projects-listing .project-item
{
	margin-bottom: 40px;
}
.template-project-entry .pageImage {
    width: 45%;
    float: left;
    margin-right: 50px;
    margin-bottom: 30px;
}
.fancybox-overlay
{
	z-index: 9999 !important;
}
.fancybox-opened {
    z-index: 99999 !important;
}
.template-project-entry .gallery-thumbs
{
	margin-top: 60px;
}
.template-project-entry .gallery-thumbs .thumb
{
	margin-bottom: 20px;
}

/* ====== CAROUSEL SECTION ======= */

.carousel-background-wrapper {
	position: relative;
}
.carousel-container .nav-tabs {
	border-bottom: none !important;
}
.carousel-container .nav-tabs>li {
	float: none !important;
	display: inline-block;
	max-width: 190px;
	width: 16%;
	text-align: center;
}
.carousel-container .left-section {
	padding: 130px 120px;
}

/* background for nav */
.carousel-background-wrapper .background {
	position: absolute;
	height: 100px;
	width: 100%;
	background: #f4f4f4;
}
.carousel-container .nav-tabs {
	height: 100px;
	text-align: center;
}
.carousel-container .nav-tabs li {
	height: 100%;
}

/* this is the little line thing */
.carousel-container .nav-tabs li a:after {
	transition: 150ms all;
	-moz-transition: 150ms all;
	-webkit-transition: 150ms all;
	display: inline-block;
	content: " ";
	position: absolute;
	height: 1px;
	bottom: 0;
	left: 0;
	width: 100%;
}
.carousel-container .nav-tabs a {
	border: none;
	height: 100px;
	background: none !important;
	color: #303032;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 0;
	border-right: none;
	border-left: none;
	border-top: none;
	margin: 0;
	font-size: 14px;
    padding: 0 2px;
   	transition: 150ms all;
	-moz-transition: 150ms all;
	-webkit-transition: 150ms all;
}
.carousel-container .nav-tabs a span
{
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	left: 0;
	width: 100%;
}
.carousel-container .nav-tabs a:active:after,
.carousel-container .nav-tabs a:focus:after,
.carousel-container .nav-tabs a:hover:after {
	background: transparent;
	border-bottom: 5px solid #01aeef;
	color: #01aeef;
}	
.carousel-container .nav-tabs a:active,
.carousel-container .nav-tabs a:focus,
.carousel-container .nav-tabs a:hover
{
	color: #01aeef;	
}
.carousel-container.container-fluid {
	/*max-width: 1600px;*/
	max-width: 100%;
}
.carousel-container .carousel-wrap .slide {
	background: #303032 url(/common/img/contact-bg-2.jpg) no-repeat;
	background-size: cover;
}
.carousel-container .carousel-wrap .slide img {
	display: inline-block;
	/* max-width: 100%; */
	/*height: 700px;*/
	position: relative;
}
.carousel-container .carousel-wrap .slide p,
.carousel-container .carousel-wrap .slide h3 {
	color: #fff;
}
.carousel-container .slide {
	/*min-height: 430px;*/
	padding: 0; /* dont do side paddings */
}

/* the right section */
.carousel-container .slide [class^="col-"]:nth-child(2) {
	padding-right: 0;
	overflow-x: hidden;
}
.carousel-title {
	color: #01aeef;
	text-transform: uppercase;
}
.btn-find-out-more {
	margin-top: 1em;
	background: transparent;
	color: #01aeef;
	border: 5px solid #01aeef;
	padding: 1em 2em;
	text-transform: uppercase;
	text-shadow: none;
	border-radius: 0;
}
.btn-find-out-more:hover {
	color: #fff;
	background: #01aeef;
	border-color: #01aeef;
}
.slick-arrow {
	display: none !important;
}

/*****************************
* Contact offices
*/
.project-categories .nav-tabs {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 50px;
    border-top: 0;	
}
.project-categories .nav-tabs li.activeTab a {
	border: none !important;
}
.project-categories .nav-tabs a {
	padding: 1em 1em;
	color: #999;
	position: relative;
	border: none;
	margin-right: 0 !important;
}
.project-categories .nav-tabs a:focus,
.project-categories .nav-tabs a:active,
.project-categories .nav-tabs a:hover {
	background: transparent;

}
.project-categories .nav-tabs li.activeTab a:after,
.project-categories .nav-tabs a:hover:after {
	position: absolute;
	content: " ";
	width: 100%;
	height: 5px;
	background: #01aeef;
	bottom: 0;
	left: 0;
}
.project-categories .nav-tabs li.activeTab a,
.project-categories .nav-tabs a:active,
.project-categories .nav-tabs a:hover {
	color: #01aeef;
}

.contact-listing .office-item {
	display: none;
}
.contact-listing .office-item:first-child {
	display: block;
}
.contact-listing .officeName,
.contact-listing .line-1,
.contact-listing .line-2,
.contact-listing .btn-view-external
 {
	display: block;
}
.contact-listing .officeMap {
	width: 100%;
	height: 464px;
}
.contact-listing .project-categories .nav-tabs {
	height: 60px;
	    margin-bottom: 55px;
}
.contact-listing .office-item .form
{
	padding-left: 15px;
	text-align: center;
	margin-bottom: 50px;
}
.contact-listing .office-item a.tel
{
	font-size: 18px;
	font-weight: 700;
	transition: all 150ms ease;
}
.contact-listing .office-item a.tel:hover
{
	text-decoration: none;
}
.contact-listing .office-item a.tel i
{
	margin-right: 4px;
}
.contact-listing
{
	padding-bottom: 50px;
}





@media screen and (max-width: 1200px){
	.carousel-container {
	}
	.carousel-container .left-section {
		padding: 70px;
	}
	.carousel-container .carousel-wrap .slide img {
		height: 500px;
	}
	.left-section .carousel-title
	{
		margin-bottom: 40px;
	}
	.left-section .btn {
    	margin-top: 40px;
	}
	.olay-service-title h4
	{
		font-size: 14px
	}
	.projects-container {
    	margin: 30px 0;
	}
	.projects-container .logo
	{
		height: 124px;
	}
}

/* tablet portrait */
@media screen and (max-width: 991px){
	.carousel-background-wrapper .background {
		height: 80px;
	}
	.carousel-container .nav-tabs {
		height: 80px;
	}
	.carousel-container .nav-tabs a {
		padding-top: 20px;
		padding-bottom: 20px;
		display: block;
		height: 80px;
		position: relative;
	}
	.carousel-container .slide > .row-fluid {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	.carousel-container .slide [class^="col-"]:first-child {	
		-webkit-box-ordinal-group: 2;	
		-moz-box-ordinal-group: 2;	
		box-ordinal-group: 2;	

		padding-left: 0;
	}
	.carousel-container .slide [class^="col-"]:first-child .left-section {	
		padding: 30px 45px;
	}
	.carousel-container .slide [class^="col-"]:nth-child(2) {	
		padding-left: 0;
		max-height: 320px;
		overflow-y: hidden;
	}
	.carousel-container .slide [class^="col-"]:nth-child(2) img {	
		height: auto;
		width: 100%;
	}
	.contact-listing .nav-tabs li, 
	.projects-listing .nav-tabs>li {
	    width: 100% !important;
	    display: block;
	    max-width: 100% !important;
		height: 40px;
		margin-bottom: 0;
	}
	.project-categories .nav-tabs {
    	display: none;
	}
	.project-categories .nav-tabs a
	{
		color: #444 !important;
	}
	.contact-listing .project-categories .nav-tabs, .project-categories .nav-tabs {
    	height: auto;
		background: #f4f4f4;
		border-bottom: 0;
	}
	.other-services .service .service-olay
	{
		font-size: 13px;
	}
	.olay-service-title h4
	{
		font-size: 16px;
	}
	button.btn.btn-default.visible-xs.btn-choose-slide,
	button.btn.btn-default.visible-sm.btn-choose-slide {
	    background: #01aeef;
		color: #fff;
		text-shadow: none;
		border-radius: 0;
		-webkit-box-shadow: none !important;
		border: none;
		padding: 15px 25px;
		margin-left: 0;
		margin-top: 20px;
		margin-bottom: 0;
		outline: 0;
		font-weight: 700;
		width: 100%;
	}
	.contact-listing .office-item
	{
		margin-top: 35px;
	}
	.contact-listing .nav-tabs li a, 
	.projects-listing .categories li a {
    min-height: 0;
    /* max-height: 40px;
    height: 40px !important; */
    display: block;
    text-align: left;
    padding-left: 0 !important;
    margin-left: 0;
	}
	.contact-listing .nav-tabs li, 
	.projects-listing .categories li {
		border-bottom: 1px solid #fff;	
	}
	.contact-listing .nav-tabs li, 
	.projects-listing  .nav-tabs>li
	{
		padding: 0 30px;
	}
	.areas-of-expertise li
	{
		width: 46%;
		padding: 50px 20px;
	}
	.services .left .carousel-title {
    	margin-bottom: 30px;
    }
    .people-listing .col-sm-6.animated
    {
	    border-bottom: 0;
    }

}
@media screen and (min-width: 768px){
	.carousel-container nav ul {
		display: block !important;
	}
}
@media screen and (max-width: 767px){
	.carousel-container .carousel-wrap {
		background: #303032;
	}
	.carousel-container .nav-tabs>li{
		width: 100%;
		display: block;
		max-width: 100%;
		padding: 0 30px;
	}
	.carousel-container .nav-tabs>li:first-child a
	{
		border-top: 0 !important;
	}
	.carousel-container .nav-tabs {
		height: auto;
	}
	.carousel-container nav ul {
		display: none; /* hide by default */
		background: #f4f4f4;
	}
	.carousel-container .nav-tabs a {
		height: auto;
		border-top: 1px dotted #333 !important;
		text-align: left;
		padding-left: 10px;
	}
	.btn-choose-slide-wrap {
	    text-align: center;
	    margin: 0;
	    margin-top: -30px;
	    margin-left: -25px;
	    margin-right: -25px;
	}
	#fullpage .services .btn-choose-slide-wrap 
	{
		margin-top: -10px;
	}
	.carousel-container .nav-tabs
	{
		margin-left: -15px;
		margin-right: -15px;
	    padding-bottom: 15px;
	}
	.carousel-background-wrapper .background
	{
		height: 100px;
	}
	.carousel-container .nav-tabs a.active:after
	{
		border-bottom: 0 !important;
	}
	.carousel-container .carousel-wrap .slick-track {
    	background: #303032 url(/common/img/contact-bg-2.jpg) no-repeat;
		background-size: cover;
	}
	.left-section .carousel-title {
    	margin-bottom: 20px;
	}
	.left-section .btn {
    	margin-top: 15px;
	}

}


/* ====== END CAROUSEL ======= */








/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1400px) {

    .home-carousel-slide .flexcontainer .container
    {
	    width: 1020px;
    }
}

@media screen and (max-width: 1340px){

	.people-listing .name
	{
		font-size: 14px;
	}
	.people-listing .position
	{
		font-size: 13px;
	}
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.home-carousel-wrap h2 {
    	font-size: 40px;
    }
	#js_supersize_me .js_supersize_me_label {
    	font-size: 20px;
    }
	.navbar-default .navbar-nav>li>a {
    	margin-left: 40px;
    }
    .carousel-container .left-section {
		padding: 110px 120px;
	}
	.navbar-default .navbar-nav>li>a {
    	margin-left: 29px;
	}	
	header nav li.chinese {
    	margin-left: 30px;
	}
	.navbar-collapse
	{
		padding-left: 0;
		padding-right: 0;
	}
	.home-carousel-slide .flexcontainer .container
    {
	    width: 860px;
    }
    .home-carousel-wrap.slick-slider .slick-arrow.slick-next
    {
	    right: 20px;
    }
    .home-carousel-wrap.slick-slider .slick-arrow.slick-prev
    {
	    left: 20px;
    }
    .home-carousel-wrap.slick-slider .slick-arrow
    {
	    width: 40px;
	    height: 40px;
    }
    .nav-tabs > li > a
    {
	    font-size: 13px;
    }
    .nav-tabs > li {
		width: 156px;
	}
	.services .left .carousel-title
	{
		margin-bottom: 50px;
		font-size: 20px;
	}
	.services .left .btn {
    	margin-top: 2em;
	}
    .services .left .desc {
    	font-size: 16px;
    }
    .services .left
    {
	    padding: 0 7% 0 8%;
    }
    .people-listing .name
	{
		font-size: 13px;
	}
	.people-listing .position
	{
		font-size: 11px;
	}

}

@media screen and (max-width: 1016px){
	

	.people-listing .col-sm-6 .info-inner {
    	padding: 10%;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.navbar-default .navbar-nav>li>a {
		margin-left: 20px;
		font-size: 14px;
	}
	.carousel-container .nav-tabs a
	{
		font-size: 13px;
	}
	.home-carousel-slide .flexcontainer .container
    {
	    width: 650px;
    }

	section[data-anchor="da-projects"] .projects-container .logo img {
	    max-height: 80px !important;
	    max-width: 50% !important;
	}
	header.white-text a.logo,
	header.white-text a.logo img
	{
		width: 180px;
	}
	.white-text .navbar-default .navbar-nav {
    	margin-top: 8px;
	}
	header nav {
    	margin-left: 210px;
	}
    header nav li.chinese {
    	margin-left: 15px;
    	margin-top: 1px;
	}
	.home-carousel-slide .flexcontainer .col-xs-7
	{
		width: 75%;
	}
	.internal-hero.with-image {
    	min-height: 500px;
    }
    .internal-hero.with-image h2 {
    	font-size: 38px;
    }
    .internal-hero.with-image h1 {
    	font-size: 20px;
    }
    h2
    {
	    font-size: 26px;
    }
    .related-projects .relatedProject .title
    {
	    font-size: 18px;
    }
    .navbar-default .navbar-collapse
    {
	    border: 0;
    }
    a.btn
    {
	    padding: 10px 22px;
    }
    .project-categories .nav-tabs li
    {
	    font-size: 12px;
    }
    .footer-logo {
    	width: 130px;
    }
	.nav-tabs > li > a {
    	font-size: 13px;
	}
	.nav-tabs > li {
    	width: 120px;
	}
	.services .left h3
	{
		font-size: 22px;
	}
	.project-categories .nav-tabs a
	{
		padding: 1em !important;
		top: auto;
		transform: none;
		font-size: 14px;
	}
	.project-categories .nav-tabs a span
	{
		position: inherit;
		transform: none;
		left: auto;
		top: auto;
		padding: 0;
	}
	.project-categories .nav-tabs li.activeTab a:after, 
	.project-categories .nav-tabs a:hover:after
	{
		display: none;
	}
	.project-categories .nav-tabs a:hover
	{
		color: #01aeef !important;
	}
	.contact-listing .nav-tabs li:last-child a, 
	.projects-listing .categories li:last-child a {
    	border-bottom: none;
	}
	.projects-listing .project-items
	{
		margin-top: 40px;
	}
	.people-listing .col-sm-6.with-animation:nth-child(4n) .image, 
	.people-listing .col-sm-6.with-animation:nth-child(4n-1) .image {
    	float: right;
	}
	.people-listing .col-sm-6.animated:nth-child(2n-3) .image, 
	.people-listing .col-sm-6.animated:nth-child(6) .image
	{
    	float: left;
	}
	.people-listing .name {
    	font-size: 15px;
	}
	.people-listing .position {
    	font-size: 13px;
	}


}

@media screen and (max-width: 850px){
	
		
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	#australianMap
		{
			height: 100% !important;
		}
	.people-listing .col-sm-6.with-animation:nth-child(even) .image
	{
		float: right;
	}
	.people-listing .col-sm-6.with-animation:nth-child(odd) .image
	{
		float: left;
	}
	.services-entry {
    	margin-top: 0;
	}
	p
	{
		line-height: 1.7;
	}
	.container
	{
		padding: 0 30px;
	}
	.projects-container .project a.btn
	{
		bottom: auto;
		position: inherit;
		transform: none;
	}
	.projects-container .project
	{
		padding-bottom: 0;
	}
	.home-carousel-slide .flexcontainer .container {
    	width: 100%;
	}
	.home-carousel-wrap.slick-slider .slick-arrow
    {
	 	display: none !important;   
	}
	.home-carousel-slide .flexcontainer [class^="col-"] {
    	width: 100%;
	}
	.home-carousel-wrap h2 {
    	font-size: 39px;
	}
	#js_supersize_me .js_supersize_me_label p {
		font-size: 20px;
		line-height: 1.3;
	    margin-bottom: 1.0em;
	}
	.home-carousel-wrap .slide-text
	{
		padding-top: 40px !important;
	}
	section h2
	{
		font-size: 20px;
	}
	section .subheading p {
    	font-size: 16px;
    	line-height: 1.7;
    	padding: 0;
    }
    .projects-container .logo
    {
	    height: 100px;
	    margin-bottom: 25px;
	    padding: 0 !important;
	    border-top: 0;
	    border-bottom: 0;
    }
    .projects-container .logo {
    	padding: 5px 0;
	}
    .projects-container {
    	margin: 20px 0;
	}
	.container.page-title {
    	margin-top: 0;
        top: 71%;
        padding: 0 30px;
	}
	header nav li.chinese {
        margin-left: 0;
		padding-top: 15px !important;
	}
	.page-title h1 {
    	font-size: 20px !important;
    	line-height: 1.1;
    	text-align: center;
	}	
	footer .col-sm-3 {
    	margin-bottom: 2.5em !important; 
	}
	section .scroll-down
	{
		left: 47%;	
	}
	.template-services-entry .related-projects {
    	margin-top: 15px;
		padding-top: 25px;
		padding-bottom: 10px;
		margin-bottom: 45px;
		padding-left: 20px;
		padding-right: 20px;
    }
    .related-projects button.slick-arrow
    {
     	width: 15px !important;
	 	height: 29px !important;
	}
    .related-projects button.slick-prev.slick-arrow
    {
	    left: -25px;
    }
    .related-projects button.slick-next.slick-arrow
    {
	    right: -25px;
    }
    .template-services-entry .related-projects h2, 
    .template-services-entry .other-services h2
    {
	    margin-bottom: 30px;
    }
    .related-projects .relatedProject .title
    {
	    font-size: 16px;
    }
    .template-services-entry .other-services
    {
	    margin-bottom: 0;
    }
	ul
	{
		padding-left: 18px;
	}
	main h2
	{
		font-size: 24px;
	}
	section[data-anchor="da-projects"] .projects-container .logo img {
    	max-height: 100px !important;
    	padding-bottom: 20px;
    	border-bottom: 1px solid #ddd;
    }
	.projects-container .project .btn.read-more {
	    margin-bottom: 0;
	    margin-top: 0;
	}
	.projects-container .project h3 {
    	font-size: 18px;
	}
	.projects-listing .project-item {
	    margin-top: 15px;
		margin-bottom: 15px;
	}
	.projects-listing .categories li {
		    width: 33% !important;
	}
	.projects-listing .categories li a {
	    padding: 0.5em;
	    min-height: inherit !important;
	    height: auto !important;	
	}
	.internal-hero {
    	height: 160px;
		margin-bottom: 30px;
		margin-top: 0;
	}
	.why-choose-jbsg{
		height: auto;
		padding-bottom: 80px;
	}
	.why-choose-jbsg{
		height: auto;
		padding-bottom: 80px;
	}
	header.main-header nav {
		margin-left: 0;
	}
	header.main-header nav li {
		width: 100%;
		display: block;
		text-align: center;
		border-bottom: 1px dotted #888;
		padding: 0;
	}
	header.main-header nav li:last-child
	{
		border-bottom: 0;
	}
	header.main-header .container
	{
		padding: 0;
	}
	header.main-header .navbar-default .navbar-nav{
		background: #222;
		padding: 20px 25px;
		margin: 0;
		float: none;
		width: 100%;
	}
	.navbar-default .navbar-header
	{
		padding: 0 20px;
		margin-bottom: 6px;
	}
	.dropdown-menu
	{
		background: none;
		box-shadow: none;
		margin-bottom: 20px;
		padding-top: 15px;
	}
	header .navbar-nav .dropdown-menu>li>a
	{
		color: #ddd;
		text-align: left;
		padding: 0.6em 0;
	}
	header.main-header .logo
	{
		margin-left: 20px;
	}
	header.main-header {
		padding-top: 15px;
		height: 65px;
	}
	.navbar-default .navbar-nav>li>a {
		color: #fff;
	}
	.navbar-default .navbar-toggle {
	    border-color: transparent;
	    background-color: transparent;
	    border: 0;
	}
	header.white-text .navbar-default .navbar-toggle .icon-bar
	{
		background: #fff;
		width: 28px;
		height: 3px;
		border-radius: 0px;
	}
	header .navbar-default .navbar-toggle .icon-bar
	{
		background: #fff;
		width: 28px;
		height: 3px;
		border-radius: 0px;
	}
	.navbar-default .navbar-toggle .icon-bar+.icon-bar
	{
		margin-top: 5px;
	}
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover
	{
		background: none;
	}
	.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar
	{
		background: #01aeef;
	}
	header.white-text .navbar-default .navbar-toggle
	{
		margin-top: 6px;
	}
	header .navbar-default .navbar-toggle
	{
		margin-top: -1px;
	}
	.navbar-default .navbar-nav>li>a {
   		margin-left: 0 !important;
   		text-align: left;
   		font-size: 18px;
   		padding: 14px 0 !important;
	}
	.navbar-collapse {
		margin: 0 0;
		padding: 0;
	}
	.navbar {
    	margin-bottom: 0;
	}
	header .nav .dropdown .down-arrow {
	    padding-top: 8px !important;
	    margin-top: -8px !important;
	    padding-bottom: 8px !important;
	    padding-left: 15px !important;
	    padding-right: 15px !important;
	    float: right;
	    border-left: 1px dotted #888 !important;
	}
	header .nav .dropdown .open + .dropdown-menu
	{
		padding-top: 15px;
		margin-top: 15px !important;
	}
	.navbar-toggle {
		margin-right: 0;
	}
	
	#fullpage {
		position: relative;
		z-index: 1;
	}
	.template-project-entry .pageImage
	{
		width: 100%;
	}
	.contact-listing .office-item .form .vcard
	{
		margin-bottom: 0;
	}
	.contact-listing .officeMap {
    	height: 330px;
	}
	.contact-listing .office-item .form {
    	padding-left: 20px;
		margin-bottom: 30px;
	}
	.contact-listing .project-categories .nav-tabs {
    	margin-bottom: 35px;
	}
	.contact-listing .officeName
	{
		margin-bottom: 20px;
		font-size: 22px;
	}
	.contact-listing .tel
	{
		font-size: 18px;
		font-weight: 700;
	}
	.contact-listing .tel i
	{
		margin-right: 4px;
	}
	.contact-listing .project-categories .btn-choose-slide-wrap {
	    margin-left: -30px;
	    margin-right: -30px;
	}
	.contact-listing .project-categories .nav-tabs {
    	margin-left: -30px;
		margin-right: -30px;
	}
	.people-listing .name {
    	font-size: 15px;
	}
	.template-project-entry .project-entry .inner, 
	.template-people-entry .people-entry .inner
	{
		padding-left: 0;
		padding-right: 0;
	}
	.template-project-entry .col-sm-9, 
	.template-people-entry .people-entry .col-sm-9 {
    	border-left: 0;
	}
	.template-projects .container
	{
		padding: 0 25px;
	}
	.project-items figcaption .name
	{
	    font-size: 17px;
		line-height: 1.3;
		margin-bottom: 4px;
		font-weight: 800;
	}
	.page-title h1, .page-title h2.alt-title {
	    font-size: 25px;
	    text-align: center;
	}
	main h1 {
    	font-size: 24px;
    	margin-bottom: 15px;
	}
	aside
	{
		padding-right: 0;
	}
	.people-entry .people-img
	{
	    width: 100%;
		margin: 10px auto 25px;
		display: block;
	}
	.people-listing .button-group {
    	margin-bottom: 30px;
	}
	.people-listing .person-thumb {
    	
	}
	.people-listing .button-group .btn
	{
		margin-top: 1em;
	}
	.internal-hero.with-image {
    	min-height: 380px;
    }
	.internal-hero.with-image .inner
	{
		padding: 0;
	}
	.internal-hero.with-image h2 {
    	font-size: 20px !important;
	}
	.related-projects .project .innerpadding {
    	padding: 9% 8%;
	}
	.related-projects .projImg
	{
		height: 170px;
	}
	.related-projects a.btn.read-more
	{
		margin-top: 10px;
	}
	.other-services .service .service-title
	{
		font-size: 17px;
	}
	.template-project-entry .internal-hero.with-image {
    	min-height: 250px;
	}
	.internal-hero.with-image .container.page-title
	{
		top: 62%;
	}
	.facts .inner
	{
		border-left: 0;
		border-bottom: 1px solid #fff !important;
		padding: 20px 0;
	}
	.facts .col-sm-4:last-child .inner
	{
		border-bottom: 0 !important;
	}
	.facts
	{
		margin-bottom: 30px;
	    padding: 20px 30px;
	}
	.facts i
	{
		font-size: 50px;
	}
	.facts .fact-number {
    	font-size: 50px;
    }
	.people-listing .col-sm-6 .col-sm-6
	{
		width: 50%;
		float: left;
	}
	.people-listing .container
	{
		padding: 0 15px;
	}
	.people-listing a img {
    	margin-bottom: 0 !important;
	}
	.people-listing .button-group .btn
	{
		font-size: 14px;
		margin-top: 0;
		padding: 1.5em 1.6em;
	}
	.template-people .internal-hero
	{
		margin-bottom: 0;
	}
	.internal-hero
	{
	    background: url(/common/img/internal-banner.jpg) no-repeat;
	    background-size: cover;
	}
	.nav-tabs > li {
    	width: 100%;
	}
	#fullpage .services .nav-tabs
	{
		background: #eee;
		display: none;
	}
	#fullpage .services .nav-tabs > li
	{
		height: 50px;
	    border-bottom: 1px solid #fff;
	}
	#fullpage .services .nav-tabs > li > a
	{
		color: #444;
	}
	.services .carousel-wrap.slick-slider
	{
		top: 80px;
	}
	.services .service-slide .left,
	.services .service-slide .right
	{
		   width: 100%;
		   position: inherit;
		   top: auto;
		   right: auto;
		   display: block;
		   float: left;
		   transform: none;
	}
	.services .service-slide .left
	{
		padding-top: 25px;
	}
	.services .service-slide .right
	{
		height: 30vh;
	}
	section.services .slick-arrow {
    	display: none !important;
	}
	body[data-uri="__home__"] .services .slide-wrap .right .slide-img
	{
		top: auto !important;
	}
	.services .left .carousel-title {
        margin-bottom: 10px;
		font-size: 15px;
    }
    .services .left h3 {
    	font-size: 18px;
	}
    .services .left h3
    {
	    margin-bottom: 0.6em;
	    line-height: 1.2;
    }
    .services .left .desc {
    	font-size: 14px;
	}
	.services .left .desc p
	{
		line-height: 1.4;
	}
    .services .left .btn
    {
	    margin-bottom: 1em;
	    margin-top: 0;
	    font-size: 13px;
    }
    .services  .carousel-nav .container
    {
	    padding-left: 0;
	    padding-right: 0;
    }
	.contact-listing .nav-tabs li, .projects-listing .nav-tabs>li
	{
		height: auto !important;
	}
	button.btn.btn-default.visible-xs.btn-choose-slide
	{
		margin-top: 0px;
		padding: 14px 25px;
	    font-size: 15px;
	}
	.section.services .carousel-nav
	{
		height: auto !important;
	}
	.featured-projects {
    	padding-top: 35px;
	}
	.featured-projects .subheading
	{
		display: none;
	}
	footer
	{
		padding: 50px 0 25px !important; 
	}
	header a.logo img {
        width: 155px;
		margin-top: 2px;
	}
	header.white-text a.logo img
	{
		margin-top: 6px;
	}
	footer .container
	{
		padding: 0 20px;
	}
	footer .credit
	{
		margin-top: 20px;
	}
	.services section.nav-tabs > li
	{
		width: 100%;
	}
	.about-contact
	{
		padding-top: 80vpx;
	}
	.about-contact .contact h2
	{
		margin-bottom: 10px;
	}
	.about-contact .select-location h3
	{
		margin-bottom: 0;
		font-size: 16px;
	}
	.location-dropdown select {
    	margin: 11px 0;
    }
    .about-contact .contact .office
    {
	    margin-top: 0;
    }
    .about-contact .contact .aus-map {
		width: 65%;
		margin: 20px auto 0;
	}
	.office .office-address
	{
		margin-bottom: 5px;
	}
	.featured-projects h2:after, 
	.services h2:after, 
	.contact h2:after
	{
		margin-top: 10px;
	}
	.template-project-entry .gallery-thumbs
	{
		margin-top: 40px;
		margin-bottom: 40px;
	    margin-left: -15px;
		margin-right: -15px;;
	}
	.fancybox-overlay .fancybox-nav
	{
		z-index: 9999;
	}
	.template-project-entry .gallery-thumbs .col-xs-6
	{
		padding: 0;
	}
	.template-project-entry .gallery-thumbs .thumb
	{
		margin-bottom: 0;
	}
	.template-project-entry .internal-hero.with-image h1
	{
		font-size: 36px !important;
	    margin-bottom: 0;
	}
	.template-project-entry .project-heading
	{
		font-size: 20px;
		margin-bottom: 5px;
	}
	main .map-wrap
	{
		margin-top: 40px;
	}
	main #map
	{
		height: 280px;
	}
	.contact-listing {
    	padding-bottom: 0px;
	}
	/*.template-contact .internal-hero
	{
		margin-bottom: 40px;
	}*/
	.facts .fact-text p
	{
		font-size: 14px;
	}
	.call-to-action
	{
		font-size: 20px;
	    padding: 50px 0 35px;
	}
	.project-categories {
    	margin-top: 0;
	}
	input, textarea, select {
		font-size: 16px !important;
	}
	.services-listing .col-sm-4 {
    	margin-bottom: 30px;
	}
	.template-services h2 {
    	font-size: 20px;
	}
	.services-listing .thumbnail-link {
    	margin-bottom: 20px;
	}
	aside h3,
	aside .projectLogo,
	aside .key-services,
	aside .related-projects
	{
		text-align: center;
	}
}

@media only screen and (max-width : 510px) {
	.areas-of-expertise li
	{
		width: 100%;
		margin-right: 0;
		height: auto;
		padding: 30px 20px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.projects-listing .categories li {
	    width: 50% !important;
	    max-height: none;
	}
	.projects-listing .categories li a {
	    font-size: 13px;
	    padding: 0.5em;	
	    height: auto !important;
	}
	.services .service-slide .right
	{
		height: 20vh;
	}
	.contact .link.contact {
    font-size: 14px;
    margin-top: 10px;
    padding: 12px 35px;
    }
   	.about-contact .contact .aus-map {
	    width: 48%;
	    margin: 10px auto 0;
	}	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
    .services .left h3 {
    	margin-bottom: 10px;
    	font-size: 17px;

	}
	.services .left .desc p
	{
		margin-bottom: 14px;
	    line-height: 1.4;
	}
	.services .left .btn {
	    padding: 0;
	    font-size: 13px;
	    border: 0;
	    margin: 0;
	    margin-top: -20px;
	    text-transform: none;
	    font-weight: bold;
	    border-bottom: 1px solid;
	}
    .services .left .carousel-title {
    	margin-bottom: 10px;
    }
    .services .service-slide .right {
    	height: 120px;
	}
   	.about-contact .contact .aus-map {
	    width: 44%;
	}
	.container.page-title {
        padding: 0 20px;
	}
}

@media screen and (min-width: 0\0) {
  select {
    background: none;
    padding: 5px;
  }
}
@media screen and (max-height: 768px) and (min-width: 768px)
{
	section[data-anchor="da-projects"] .projects-container .logo img {
	    max-height: 80px !important;
	    max-width: 50% !important;
	}
}