@charset "utf-8";
/* CSS Document */

/* 
=================
0px - 319px 
================= 
*/

@media screen and (min-width: 0px) and (max-width: 319px) {}

/* 
=================
320px - 479px 
=================
*/

@media screen and (min-width: 320px) and (max-width: 479px) {}

/* 
=================
678px - 778px 
=================
*/

@media screen and (min-width: 678px) and (max-width: 778px) {}

/* 
=================
779px - 959px 
=================
*/

@media screen and (min-width: 779px) and (max-width: 959px) {}

/*
==============================
STYLES FOR ALL MOBILE QUERIES
==============================
*/

@media screen and (max-width: 1300px) {
	
	header nav.main-nav ul li {
		margin-right: 20px;	
	}
	
	header nav.main-nav ul li:last-child {
		margin-right: 0;
	}
	
	header nav.main-nav ul li a {
		font-size: 1em;
	}
	
}

@media screen and (max-width: 1149px) {
	
	header .logo {
		max-width: 190px;
		margin-top: 4px;	
	}
	
}

@media screen and (min-width: 1120px) {
	
	header .nav-container {
		display: block !important;	
	}
	
}

@media screen and (max-width: 1120px) {
	
	header .header-container {
		padding: 20px;	
	}
	
	header .nav-container {
		display: none;	
	}
	
	header nav.secondary-header-nav {
		margin-bottom: 0;	

	}
	
	header nav.secondary-header-nav ul  li a{
		color:#57585b;
		font-size:1em;
	}

	
	header .search-icon {
		border: none;
		margin: 0 20px 0 0;	
	}
	
	.hamburger {
		display: block;	
	}

	header .nav-container {
		width:250px;
		height:100%;
		background-color: #fff;
		position: fixed;
		left:0px;
		top:0px;
		padding:10px;
		border-right:1px solid black;
		z-index:999;
	}

	header .nav-container li {
		width:100%;
		display: block;
		padding:20px 10px;
		margin-right: 0;
	}

	.mobile-show {
		display: block;
	}

	.main-banner .overlay ul{
		display: none;
	}

	.mobile_section_nav {display: block; margin-top:20px;}
	.mobile_section_nav a:hover{color:#dd4194;}
	.mobile_section_nav a:visited{color:#57585b;}

	.mobile_section_nav ul li {
		list-style: none;
		padding:5px 0; 
	}

	.main-banner .overlay .tophalf h2 {font-size:24px; padding-top:35px; line-height:40px; padding-left:32px;}
	.main-banner .overlay .tophalf h1 {font-size:79px; font-weight: bold; max-width:99999px; text-transform: none;}


	.flex-container {
		/*display: flex;
  		flex-flow: row wrap;*/
  		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width:250px;
	}

	/*.nav-container nav {
		flex: 1 100%;
	}*/

	nav.secondary-header-nav {
		-webkit-order: 2;
		-moz-order: 2;
		-o-order: 2,
		-ms-order: 2;
		order: 2;
	}

	nav.main-nav {
		-webkit-order: 1;
		-moz-order: 1;
		-o-order: 1,
		-ms-order: 1;
		order: 1;
	}




}

/*video didnt work on ipad so had to add this media query*/
@media screen and (max-width: 1024px) {
	.main-banner img,
	.mobile-image-swap {
		display: block !important
	}

	.main-banner video {
		display: none
	}

	.main-banner .overlay.video {
		top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
		background-color: rgba(10,10,10,0.7);
		border-top:none;
		height:90%;
	}

	.main-banner .banner-widgets { 
		display: none; 
	}
	.main-banner .enquiry_form { 
		display: none; 
	}

	.main-banner .overlay p{
		width:100%;
		padding-left:0px;
	}

	.main-banner .overlay h1
	/*.home .main-banner .overlay h1*/ {
		width:80%;
		max-width: 80%
	}
	
	.our-services-bar {
		display: none;
	}

}

@media screen and (max-width: 1000px) {
	
	.container {
		padding: 0 20px;	
	}

	.location {
		width:50%;
		min-width: 0;
		padding:4px; 
	}
	
	.main-banner .overlay .third input#team-search-submit {
		width: 12%;
	}
	
	.main-banner .overlay .third input#search_name {
		width: 69%;
	}

}

@media screen and (max-width: 889px) {
	
	 body .our-services { display: none; }
	.breadcrumb { margin-top: 15px; } 

	.overlay.image .bottomhalf h1{width:100%;max-width: 9999px;} 

	.mobile_section_nav {display: block; margin-top:20px;}
	.mobile_section_nav a:hover{color:#dd4194;}
	.mobile_section_nav a:visited{color:#57585b;}

	.main-banner .overlay.image {height:60%; top:15%;}


	.overlay.image .tophalf {padding-top:30px;}

	.main-banner .overlay h1 {width:100%; max-width: 100%}

	/*they wanted contact links to match up with links below*/
	.footer-contact ul li:nth-child(2){
		padding-left:0px;
	}

	.main-banner .overlay p{
		display: none;
	}

	.main-banner .overlay.video {
		/*height:60%;*/
	}

}

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

	.sidebar .team_member {width:31%;}
	
	
	.tophalf {display: none !important;}

	header .search-form input {
		width: 100%;
		margin: 5px 0;	
	}
	
	.four-col ul li {
		width: 48.5%;
		margin-right: 3%;	
	}
	
	.four-col ul li:nth-child(2n) {
		margin-right: 0;	
	}
	
	.main-content,
	aside.sidebar {
		width: 100%;
		float: none;
	}
	
	.accreditations ul li {
		width: 25%;	
		height:100px;
	}

	.accreditations ul li img{
		margin:auto;
		display:block;
	}
	
	footer .two-col {
		width: 100%;	
	}
	
	footer .two-col:first-child {
		margin-bottom: 20px;	
	}
	
	.social ul li a {
		font-size: 1.500em;	
	}

	.sidebar .sidebar-widget:last-child{
		margin-bottom:0px;
	}

	.sidebar .sidebar-widget ul.twitter-feed li:after {clear:both; display: block; content:"";}

	.sidebar .team_member {
		float:left;
	}

	/*.quote_form .half {width:100%;}
	.quote_form select, .quote_form input {width:100%;}
	.quote_form .step3 select, .quote_form .step3 input {width:100% !important; margin:5px 0 !important; }

	.quote_form .step3 input[type=submit] {width:50% !important; float:right; margin-top:10px !important; margin-bottom:10px !important;}*/

	.footer-logo {width:50%; float:left;}
	nav.social {width:50%; float:left;}
	nav.social .social_menu {text-align:right;}
	footer nav ul li {float:none !important; display: inline;}
	
	.main-banner .overlay .third {
		width: 50%;
	}
	
	.main-banner .overlay .third.searchbyname {
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	
	.main-banner .overlay .third.searchbyname input#search_name {
		width: 82%;
	}
	
	.main-banner .overlay .third input#team-search-submit {
		width: 8%;
	}
}

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

	/** Blog Styles */
	.blog .post {width:100%; height:auto !important; min-height: 100px;}

	/** TOP HEADER STYLES  **/
	.main-banner .overlay {height:120px;}
	.main-banner .overlay h1{width:100%; max-width: 100%;}
	.main-banner .overlay p{display: none;}
	.main-banner .overlay ul{display: none;}
	.main-banner .overlay div.team_search div{display: none;} 
	.main-banner.image,
	.mobile-image-swap {
		height:200px;
	}

	.overlay.image .bottomhalf {
		bottom:15px;
	}

	.overlay.image .tophalf {display: none;}

	.main-banner .overlay.image {height:95%; top:3%;}

	.blog .type-post .entry, 
	.recent-deals-post .type-page .entry,
	.blog .type-post h2, 
	.recent-deals-post .type-page h2 {
		min-height: 10px;	
	}

	.blog .type-post, .recent-deals-post .type-page {
	    width: 50%;
	    min-height:400px;
	}

}

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

	.sidebar .team_member {width:50%;}

	.sidebar .team_member {
		text-align: center;
		width: 100%;
	}

	footer {
		min-height: 0;
		padding:40px 2px 20px 2px;
	}

	.footer-contact li {width:50%; margin: 0 0 20px 0 !important;}
	
}

@media screen and (max-width: 479px) {
	
	header .logo {
		max-width: 160px;
		margin-top: 10px;	
	}
	
	.breadcrumb p {font-size:12px;}

	.accreditations ul li {
		width: 50%;	
		height:95px;
	}

	.enquiry_form_full {
		height:auto;
	}

	.enquiry_form_full .half {
		width:100%;
	}

	.enquiry_form_full input, textarea {
		width:100% !important;
	}

	/*.quote_form .step1 select {
		width:100%;
	}*/

	.location{
		width:100%;
		padding:4px;
		min-width: 0px;
		text-align: center;
	}

	.footer-contact ul li{
		display:block;
		margin: 0 0 10px 0 !important;
	    width: 100%;
	}

	.footer-nav span {
	    float: none;
	    display: block;
	    clear: both;
	    padding: 10px 0px 0px 0px;
	}

	footer nav {
	    padding-top: 5px;
	}


	.sidebar .team_member .image {margin:auto;}

	
}

@media screen and (max-width: 419px) {
	
	.four-col ul li {
		width: 100%;
		margin-right: 0;	
	}
	nav.social .social_menu {text-align:left;}

	nav.social {width:100%;}
}

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

/* HEIGHT BASED MEDIA QUERIES */
@media screen and (max-height: 660px) {
	
	header .nav-container li {
		padding: 15px 10px;	
	}

}

@media screen and (max-height: 460px) {
	
	header .nav-container {
		overflow: auto;
	}

}