/* to be merged */
#fullpage > section {
	min-height: 100vh !important;
}
header .nav .dropdown .open + .dropdown-menu {
	display: block;
}
header .nav .dropdown .down-arrow {
	display: inline-block;
	padding-left: 0.5em;
	border-left: 1px solid rgba(0,0,0,0.1);
	margin-left: 0.5em;
}
header .logo img {
	transform: scale(1,1) perspective(1000px);
}
footer {
    padding: 50px 0;
    margin-top: 25px;
}

.projects-container .logo  {
	padding: 15px 0;
}

#swipebox-container .hit-box {
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

/* home page */
.home-carousel-wrap,
.home-carousel-wrap .slick-list,
.home-carousel-wrap .slick-list .slick-track,
.home-carousel-wrap .home-carousel-slide > div,
.home-carousel-wrap .home-carousel-slide > div > .container,
.home-carousel-wrap .home-carousel-slide > div > .container > .row,
.home-carousel-wrap .home-carousel-slide > div > .container > .row > [class^="col-"]
 {
	height: 100%;
	min-height: 100vh;
}
.home-carousel-wrap
{
	overflow: hidden;
}
body[data-uri="__home__"] .services .right .slide-img {
    width: 100%;
    height: 100%;
    position: relative !important;
    top: 70px !important;
    left: 0;
}
section[data-anchor="hero"]#js_supersize_me {
	background-image: none;
}
#js_supersize_me .js_supersize_me_title, #js_supersize_me .js_supersize_me_label {
	max-height: 1000px;
	overflow: visible;
	position: relative;
}
#js_supersize_me .flexcontainer {
	display: block; /* remove flex */
	flex-direction: initial; /* causes layout problems - so reset to initial */
}
.home-carousel-wrap .slide-text {
    position: absolute;
    right: 0;
    width: 100%;
    height: auto;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    top: 46%;
    padding: 40px 15px 0;
    text-align: right;
}
.home-carousel-wrap h1,
.home-carousel-wrap h2,
.home-carousel-wrap h3
{
	text-align: right;
	color: #fff;	
}
.home-carousel-slide {
	background-size: cover;
	background-position: 50% 0;
}
.section.services .carousel-nav {
	background: #fff;
	position: relative;
	width: 100%;
	top: 72px;
	height: 60px;
	z-index: 999;
}
.about-contact .contact .office[data-slug] {
	display: none;
}
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
    position: absolute;
    left: -5px;
    top: 50%;
    height: 30px;
    width: 30px;
    overflow: hidden;
    z-index: 9;
}
.contact .aus-map {
	width: 100%; /* ie 10 map sizing problem */
}

section.services .slick-arrow {
    background: url(/common/img/arrow-white.svg) no-repeat;
    background-size: 100% auto;
    width: 40px;
    height: 40px;
    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;
    margin: 0 25px;
}
section.services .slick-arrow.slick-prev {
	-webkit-transform: rotate(180deg);
}
section.services .slick-arrow.slick-next {
	left: inherit;
	right: 0;
}
section.services .slick-arrow:hover {
    opacity: 1;
}

/* home services carousel */
.carousel-container .nav-tabs a.active::after {
    background: transparent;
    border-bottom: 5px solid #01aeef;
    color: #01aeef;
}

/* prevent body from covering the navigation */
#fullpage {
	position: relative;
	z-index: 0;
}
.about-contact svg .contact-map-marker {
	opacity: 0;
}
.slick-arrow {
	display: block !important;
}

/* services */
.key-areas .keyArea.animated {
	perspective: 1000px;
}
.key-areas .keyArea.animated:nth-child(4),
.key-areas .keyArea.animated:nth-child(4n + 4) {
	animation-delay: 0.7s;
}
.key-areas .keyArea.animated:nth-child(3),
.key-areas .keyArea.animated:nth-child(4n + 3) {
	animation-delay: 0.602s;
}
.key-areas .keyArea.animated:nth-child(2),
.key-areas .keyArea.animated:nth-child(4n + 2) {
	animation-delay: 0.477s;
}
.key-areas .keyArea.animated:nth-child(1),
.key-areas .keyArea.animated:nth-child(4n + 1) {
	animation-delay: 0.3s;
}

.key-areas .keyArea.animated:nth-child(4n + 8) {
	animation-delay: 0.95s;
}
.key-areas .keyArea.animated:nth-child(4n + 7) {
	animation-delay: 0.9s;
}
.key-areas .keyArea.animated:nth-child(4n + 6) {
	animation-delay: 0.85s;
}
.key-areas .keyArea.animated:nth-child(4n + 5) {
	animation-delay: 0.79s;
}

/* people */
.people-listing .with-animation.animated:nth-child(even) {
	clear: none;
}
.people-listing .with-animation {
	visibility: hidden;
}
.people-listing .animated {
	perspective: 1000px;
	visibility: visible;
}
.people-listing .animated:nth-child(4),
.people-listing .animated:nth-child(4n + 4) {
	animation-delay: 0.7s;
}
.people-listing .animated:nth-child(3),
.people-listing .animated:nth-child(4n + 3) {
	animation-delay: 0.602s;
}
.people-listing .animated:nth-child(2),
.people-listing .animated:nth-child(4n + 2) {
	animation-delay: 0.477s;
}
.people-listing .animated:nth-child(1),
.people-listing .animated:nth-child(4n + 1) {
	animation-delay: 0.3s;
}

.people-listing .animated:nth-child(4n + 8) {
	animation-delay: 0.95s;
}
.people-listing .animated:nth-child(4n + 7) {
	animation-delay: 0.9s;
}
.people-listing .animated:nth-child(4n + 6) {
	animation-delay: 0.85s;
}
.people-listing .animated:nth-child(4n + 5) {
	animation-delay: 0.79s;
}

/* services */
.services-listing .col-sm-4 {
	visibility: hidden;
}
.services-listing .animated {
	perspective: 1000px;
	visibility: visible;
}
.services-listing .animated:nth-child(4),
.services-listing .animated:nth-child(4n + 4) {
	animation-delay: 0.7s;
}
.services-listing .animated:nth-child(3),
.services-listing .animated:nth-child(4n + 3) {
	animation-delay: 0.602s;
}
.services-listing .animated:nth-child(2),
.services-listing .animated:nth-child(4n + 2) {
	animation-delay: 0.477s;
}
.services-listing .animated:nth-child(1),
.services-listing .animated:nth-child(4n + 1) {
	animation-delay: 0.3s;
}

.services-listing .animated:nth-child(4n + 8) {
	animation-delay: 0.95s;
}
.services-listing .animated:nth-child(4n + 7) {
	animation-delay: 0.9s;
}
.services-listing .animated:nth-child(4n + 6) {
	animation-delay: 0.85s;
}
.services-listing .animated:nth-child(4n + 5) {
	animation-delay: 0.79s;
}

.services-nav .animated:nth-child(6) {

	animation-delay: 0.300s;
}
.services-nav .animated:nth-child(5) {
	
	animation-delay: 0.250s;
}
.services-nav .animated:nth-child(4) {
	
	animation-delay: 0.200s;
}
.services-nav .animated:nth-child(3) {
	
	animation-delay: 0.150s;
}
.services-nav .animated:nth-child(2) {
	animation-delay: 0.1s;
}
.services-nav .animated:nth-child(1) {
	animation-delay: 0s;
}

.people-listing .animated:nth-child(5) .image,
.people-listing .animated:nth-child(6) .image,
.people-listing .animated:nth-child(7) .image,
.people-listing .animated:nth-child(8) .image
{
	float: right;
}


.home-carousel-wrap .home-carousel-slide {
	min-height: 100vh;
	min-width: 100vw;
}
/* contact page */
.contact-listing .project-categories + .col-sm-12 {
	min-height: 464px;
}
.office-item .officeMap.officeMapPlaceholder {
	background: #efefef url(/assets/logo-colour.svg) no-repeat 50% 50%;
	background-size: 200px;
	opacity: 0.5;
}
.office-item .vcard {

}
/* animations */
/* people */
.people-listing .image.match-height {
	overflow: hidden;
}
.pswp {
	z-index: 99999;
}

/* fix people photos resizing on load */
@media screen and (min-width: 769px){
	.people-listing .person-thumb {
		height: 12.5vw;
	}
}
@media screen and (max-width: 768px){
	.people-listing .person-thumb {
		height: 50vw !important;
	}
}


/*********************** responsive ****************************/
@media screen and (min-width: 1200px){
	.project-items figure {
		min-height: 300px;
	}
}

@media screen and (max-width: 991px) {
	.other-services .service {
		width: 48%;
		margin-bottom: 20px;
	}	
	.people-listing .person-thumb {
    	height: 25vw;
	}
}
@media screen and (max-width: 767px) {
	
	/* offset the fixed navigation */
	.container.page-title {
		width: 100%;
	}
	.page-title h1 {
		font-size: 25px;
	}
	.internal-hero.with-image h2 {
		font-size: 23px;
	}
	header {
		top: 0;
		position: fixed;
	}
	.breadcrumbs {
		display: none;
	}
	header .nav .dropdown .open + .dropdown-menu {
	    position: relative;
	    width: 100%;
	}
	header .nav a {
	    text-align: right;
	    padding-right: 0.5em !important;
	}
	header .nav .dropdown .open + .dropdown-menu {
	    margin-top: 20px;
	    margin-top: 0;
	    padding: 0;
	}
	header .nav .dropdown .open + .dropdown-menu li {
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
		border-bottom: 1px dotted #333;
	}
	header .nav .dropdown .down-arrow {
	    padding-right: 0.5em;
    border-left: 1px solid rgba(255,255,255,0.5);
	}
	header .dropdown-menu>li>a {
		padding: 0.5em 0;
	}
	.navbar-default .navbar-nav>li>a:focus {
		color: #fff;
	}
	.other-services .service {
		width: 100%;
		margin-bottom: 20px;
	}	
	
	.other-services .service {
		width: 92vw;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		height: 56vw;
		
	}
	footer .col-sm-3 {
	    margin-bottom: 1em;
	}
	.other-services .service .service-img,
	.other-services .service a {
		height: 100%;
	}
	
	.people-listing a img {
	    margin-bottom: 1em;
	    display: block;
	}
	.contact .aus-map {
	    margin-top: 15px;
	}
	header.main-header .logo {
	    margin-left: 20px;
	    display: inline-block;
	    position: absolute;
	    left: 0;
	    top: 12px;
	    z-index: 99;
	}
}
@media screen and (max-height: 768px) and (min-width: 768px) {
	section[data-anchor="da-projects"]  .subheading {
		font-size: 15px;
	}
	section[data-anchor="da-projects"] h2 {
		margin-bottom: 0.5em;
	}
	section[data-anchor="da-projects"] .projects-container {
		margin: 25px 0;
	}
	section[data-anchor="da-projects"] .projects-container .logo {
		padding: 0;
		height: 130px;
	}
	section[data-anchor="da-projects"] .projects-container .logo img {
		width: auto;
		height: auto;
		max-height: 100%;
		max-height: 100px;
		max-width: 70%;
	}
	section[data-anchor="da-projects"] .projects-container .logo {
		margin: 0 auto 20px;
	}
	
	.carousel-container .left-section {
	    padding: 100px 120px;
	}
}
}
@media screen and (max-width: 991px){
	#swipebox-container .hit-box {
		pointer-events: none !important;
	}
	.people-listing .animated:nth-child(5) .image, 
	.people-listing .animated:nth-child(6) .image, 
	.people-listing .animated:nth-child(7) .image, 
	.people-listing .animated:nth-child(8) .image 
	{
    	float: left !important;
	}
}
@media screen and (min-width: 768px){
	header .nav .dropdown > a[href$="/services"] + .dropdown-menu {
		display: none !important;
	}	
	.services-nav > .container > .row > .col-sm-4:nth-child(3n+1) {
	    clear: left;
	}
}
@media screen and (max-width: 767px){
	section.services .slick-arrow {
		top: 30px;
	}
	.services-nav {
		display: none !important;
	}
	.contact-listing .project-categories .nav-tabs {
		height: auto;
	}
	.contact-listing .nav-tabs li,
	.projects-listing  .nav-tabs>li {
		width: 100% !important;
		display: block;
		max-width: 100% !important;
		padding: 0 30px;

	}
	.contact-listing .nav-tabs li a,
	.projects-listing .categories li a {

		display: block;
		text-align:left;
		padding-left: 0 !important;
		margin-left:0;
	}
	.contact-listing .nav-tabs li:last-child a ,
	.projects-listing .categories li:last-child a {
		border-bottom: none;
	}
	.contact-listing .nav-tabs li a span,
	.projects-listing .categories li a span {
		padding: 0;
		text-transform: uppercase;
	}
	.contact-listing .nav-tabs,
	.project-categories .nav-tabs {
		height: auto;
		background: #eee;
		margin-left: -25px;
		margin-right: -25px;
	}
}