@charset "UTF-8";
/* CSS Document */
/*********************************************************************************/
/* Below 1900px                                                                   */
/*********************************************************************************/
@media (max-width: 1900px) { 

	.wrapper {
		max-width: 1500px;
	}
	.contentwide .wrapperwide {
		max-width: 1500px;
	}
	.slider .captionwrapper .caption, 
	#contentbanner .captionwrapper .caption {
		width: 90%;
		height: 40%;
		top: 58%;
	}
	.slider .captionwrapper .caption h1, 
	.slider .captionwrapper .caption h2, 
	#contentbanner .captionwrapper .caption h1, 
	#contentbanner .captionwrapper .caption h2 {
		font-size: 1.5rem;
	}
	#bannerwrap.homebanner #bannerpromo .textblock p {
		font-size: 2rem;
	}

}

/*********************************************************************************/
/* Below 1600px                                                                   */
/*********************************************************************************/
@media (max-width: 1600px) { 

	.wrapper {
		max-width: 1200px;
	}
	.contentwide .wrapperwide {
		max-width: 1200px;
	}
	.contentsection .title h2,
	.contentsection .contentwrap h3 {
		font-size: 1.25rem;
	}


}

/*********************************************************************************/
/* Below 1200px                                                                   */
/*********************************************************************************/
@media (max-width: 1200px) { /* 1200px */

	.wrapper {
		max-width: 1000px;
	}
	.contentwide .wrapperwide {
		max-width: 1000px;
	}
	#header .logo {
		float: none;
		margin: 1rem auto 0 auto;
	}
	#header .logowrapper {
		float: none;
		width: 300px;
		margin: 0 auto;
	}
	#header #menu ul li a, 
	#credentials ul li a {
		font-size: .875rem;
		padding: 1rem .5rem;
	}
	.contentform .formlayout li.halfwidth {
		width: 100%;
	}
	#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h2 {
		font-size: 1.75rem;
	}
	#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h3,
	#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption p {
		font-size: 1.25rem;
	}
	.filterbox {
		width: 50%;
	}
	.contentflex .quarterwidth {
		width: 48%;
		margin-bottom: 1rem;
	}
	.flexwrapper .contentblock {
		width: 46%;
	}
	
}

/*********************************************************************************/
/* Below 1000px                                                                   */
/*********************************************************************************/
@media (max-width: 1000px) { /* 1000px */

	.wrapper {
		max-width: 960px;
	}
	.contentwide .wrapperwide {
		max-width: 960px;
	}
	.contentcentre .profilewrap .profilebanner.maxheight img {
		max-height: 400px;
	}
	#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h2 {
		font-size: 1.25rem;
	}
	#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption h3,
	#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption p {
		font-size: 1.125rem;
	}
	.collection.imagesmall .image {
		width: 20%;
	}
	.collection.imagesmall .text {
		float: left;
		width: 70%;
		margin: 0 2%;
	}
	.collection.imagesmall .text p {
		font-size: 1rem;
	}
	.collection .text h2 {
		font-size: 1.125rem;
	}
	
}

/*********************************************************************************/
/* Below 960px                                                                   */
/*********************************************************************************/
@media (max-width: 960px) { /* 960px */

	.wrapper {
		max-width: 840px;
	}
	.contentwide .wrapperwide {
		max-width: 840px;
	}
	
	#header.homeheader {
		margin: 0;
	}
	#topnav #left {
	    display: none;
	}
	#topnav #right {
	    text-align: center;
	}
	#topnav #credentials {
	float: none;
	display: inline-block;
	margin: 5px 0 0 0;
	}
	
	#header .menu {
		display: none;
	}
	.slicknav_menu {
		display:block;
		text-align: center;
	}

	#bannerwrap {
		display: block;
		float: left;
	}
	#bannerouter {
		float: left;
		width: 100%;
		margin: 0;
	}
	#bannerwrap.homebanner #banner {
		width: 100%;
		float: left;
	}
	#bannerwrap.homebanner #bannerpromo {
		float: left;
		width: 100%;
		margin: 2.5rem 0 0 0;
	}
	/*
	.slider .captionwrapper, 
	#contentbanner .captionwrapper {
		position: relative;
		max-width: none;
		width: 100%;
		float: left;
		margin: 0;
		background: #000000;
	}
	.slider .captionwrapper .caption, 
	#contentbanner .captionwrapper .caption {
		position: relative;
		width: 90%;
		float: left;
		margin: 0;
		padding: 1rem 5%;
		background: #000000;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	*/
	
	/* New format banner */
	.banneritem .imagewrapper {
		width: 100%;
	}
	#bannerwrap.homebanner #banner.bannerwide .banneritem {
		flex-wrap: wrap;
	}
	#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper {
		width: 100%;
		display: flex;
		align-items: center;
	}
	#bannerwrap.homebanner #banner.bannerwide .banneritem .captionwrapper .caption {
		background: none;
		position: relative;
		top: auto;
		bottom: auto;
		height: auto;
		left: auto;
		width: 94%;
		padding: 1rem 3%;
		color: #FFFFFF;
		z-index: auto;
	}
	
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		display: none;
	}
	
	#bannerwrap.homebanner #bannerpromo .textblock p {
		font-size: 2rem;
	}

	.contentpromo .videowrap {
		float: left;
		width: 100%;
		margin: 0;
	}
	
	.content .contentrow .thirdwidth,
	.content .contentrow .thirdwidthright,
	.content .flexrow .halfwidth,
	.contentflex .thirdwidth,
	.contentcentre .block50,
	.contentcentre .block50.pad {
	    width: 98% !important;
	    margin-bottom: 1rem;
	}

	.flexwrapper .contentblock {
		width: 98%;
	}
	
	.contentheader h1 {
	    font-size: 2rem;
	}
	
	#submenuwrap {
	    width: 100%;
	    margin: 0;
	}
	#submenuwrap .profileimg {
	    width: 60%;
	    padding: 1rem 20%;
	}
	#submenuwrap #submenu ul li {
	    font-size: 1rem;
	}
	.contentcentre {
	    width: 98%;
	    margin: 1rem 1%;
	}
	.filterbox {
		width: 80%;
	}
	.filterbox p {
		font-size: 1rem;
	}

	
}

/*********************************************************************************/
/* Below 840px                                                                   */
/*********************************************************************************/
@media (max-width: 840px) { /* 840px */

	.wrapper {
		max-width: 640px;
	}
	.contentwide .wrapperwide {
		max-width: 640px;
	}
	.contentcentre .profilewrap .profilebanner.maxheight img {
		max-height: 300px;
	}
	#bannerwrap.homebanner #bannerpromo .textblock p {
		font-size: 1.75rem;
	}
	.content.testimonial .contentwrap .quotelarge i {
		font-size: 2rem;
	}
	
}

/*********************************************************************************/
/* Below 640px                                                                   */
/*********************************************************************************/
@media (max-width: 640px) { /* 640px */

	.wrapper {
		max-width: 480px;
	}
	.contentwide .wrapperwide {
		max-width: 480px;
	}
	#bannerwrap.homebanner #bannerpromo .textblock p {
		font-size: 1.5rem;
	}
	.contentflex .quarterwidth {
		width: 98%;
	}
	.contentpromo.fhlive .strap p,
	.contentpromo.ftlive .strap p {
		font-size: 100%;
	}

	
}

/*********************************************************************************/
/* Below 480px                                                                   */
/*********************************************************************************/
@media (max-width: 480px) { /* 480px */

	.wrapper {
		max-width: 360px;
	}
	.contentwide .wrapperwide {
		max-width: 360px;
	}
	.content .articlewrapper .articlethumb {
		width: 80%;
		margin: 1rem auto;
		float: none;
		display: block;
	}
	.content .articlewrapper .articleindextext {
		width: 80%;
		margin: 0 10% 1rem 10%;
	}

	
}