/* FONTS


font-family:'FuturaBTW01-BookItalic';
font-family:'Futura BT W01 Light';
font-family:'Futura BT W01 Medium';
font-family:'FuturaBTW01-MediumItali';
font-family:'Futura BT W01 Book';
font-family:'Futura BT W01 Bold';
font-family:'FuturaBTW01-LightItalic';
font-family:'Futura BT W01 Heavy';
*/






/* theme */

body {	font-family:'Futura BT W01 Book'; font-size: 18px; }
#mainbody { 
	display: block; 
	width: 100%; 
	margin: 0 auto;
	}

/*BASIC ELEMENTS*/

p {font-family:'Futura BT W01 Book'; font-size: 18px; line-height: 1.5; display: block; max-width: 880px; margin: 0 auto 40px; width: 100%; text-align:center; line-height:2.7 }
a { font-family:'Futura BT W01 Book'; font-size: 18px; color: #000}
a:hover { color: #000; }
b,strong { font-family:'Futura BT W01 Bold'; font-weight: normal}
i, em { font-family:'FuturaBTW01-BookItalic'; font-style: normal}

h1 { font-family:'Futura BT W01 Bold'; font-size: 60px; color: #000; margin-bottom: 45px; text-align: center; line-height: 1.1; margin-top: -5px;  transform-origin: center center; text-transform:uppercase }
	
h2 { 
	font-family:'Futura BT W01 Heavy';  
	font-size: 24px; 
	color: #000; 
	letter-spacing: 0;  
	transform-origin: left center; 
	text-align:center; 
	text-transform:uppercase;
	letter-spacing: .15em;
	padding-bottom:.75em;
	}
	h2.title {
			font-size:36px;
			padding-top:75px;
			line-height: 1 !important;
		}
h3 { font-family:'Futura BT W01 Bold'; font-size: 36px; color: #000; margin-bottom: 50px; text-align: center; }
h4 {font-family:'Futura BT W01 Bold'; font-size: 24px; letter-spacing: 5px; left: -2px; color: #000; margin-bottom: 45px; text-align: center;}
h5 { font-family:'Futura BT W01 Bold'; font-size: 14px; color: #000;  text-align:center;}
h6 { font-family:'Futura BT W01 Bold'; font-size: 24px; color: #000; display: block; width: 100%; text-align: center; margin-bottom: 45px;}
h1 + h6 { margin-top: -20px;}
h1 + h4 { margin-top: -40px;}
h1.smaller { text-align: left; transform-origin: left center; font-size: 48px}

ul.default {width: 100%; max-width: 1140px; display: block; margin: 0 auto;}
ul.default li { display: block; width: 100%; padding: 30px 0px;}


/*ADJUSTMENTS*/
.margin-top-50 { margin-top: 50px !important; }
.margin-top-100 { margin-top: 100px !important; }

.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important;}

.blue { color: #003663 !important;}
.blue-background { background-color: #003663 !important;}
.light-blue { color: #52b8e8 !important;}
.light-blue-background { background-color: #52b8e8 !important;}
.light-blue-background * { color: #fff}


.line-height-double { line-height: 2;}

/*CONTAINERS*/

div.content { 
	margin: 0 auto;
	padding-top:100px;
	max-width: 1280px; 
	padding: 0 70px 40px; 
	text-align:center;
	}
div.full-width { margin: 100px auto; max-width: 100%;}
div.flush { margin-top: 0px !important; margin-bottom: 0px !important;}
div.photo { margin: 0 auto; max-width: 1280px; padding: 0px; position: relative}


/*SHARED ELEMENTS*/

ul.grid-2 {font-size: 0; display: block; width: 100%;}
ul.grid-2 li {width: 50%; vertical-align: top; display: inline-block;}

ul.grid-3 {font-size: 0; display: block; width: 100%;}
ul.grid-3 li {width: 33.33%; vertical-align: top; display: inline-block;}

ul.grid-4 {font-size: 0; display: block; width: 100%;}
ul.grid-4 li {width: 25%; vertical-align: top; display: inline-block;}

a.button {display: inline-block; background-color: #003663; color: #fff; font-size: 12px; line-height: 30px; padding: 0 10px; border-radius: 5px; text-transform: uppercase; font-family: 'gilroyextrabold';}
a.button.centered {display: table; margin: 0 auto;}
a.button:hover {background-color: #52b8e8; }


div.resource { display: block; width: 100%; padding: 0 140px 50px 0px; margin: 50px auto; border-bottom: 1px solid #d7d7d7; font-size: 0; position: relative;}
div.resource div.thumbnail { display: inline-block; width: 164px; vertical-align: top; margin-right: 36px; }
div.resource div.details { display: inline-block; width: calc(100% - 200px); vertical-align: top; padding-top: 10px}
div.date { font-family: 'gilroyextrabold'; font-size: 12px; color: #000; letter-spacing: 2px; line-height: 1; display: block}
div.resource h2 { margin: 12px 0px; line-height: 1.2;}
div.resource p { font-size: 14px;}
div.resource p:last-child { margin-bottom: 0}
div.resource a.button { position: absolute; right: 0; top: 75px;}
div.resource + h1 { margin-top: 70px}

a.download { display: block; width: 100%; padding: 30px 120px 30px 0px; text-align: left; border-bottom: 1px solid #d7d7d7; position: relative}
a.download div.details { display: inline-block; width: 100%; margin-top: 12px;}
a.download h2 { display: inline; width: auto; margin-right: 0px; color: #003663;}
a.download p { display: inline; width: auto; color: #000; font-size: 14px}
a.download:after { display: block; content: "DOWNLOAD"; background-color: #003663; color: #fff; font-size: 12px; line-height: 30px; padding: 0 10px; border-radius: 5px; text-transform: uppercase; font-family: 'gilroyextrabold'; position: absolute; top: 55px; right: 0; z-index: 3;}
div.readmore a.download:after { content: "READ MORE"; }
a.download:hover:after { background-color: #52b8e8; }
div.resource + div.downloads { margin-top: -50px}

div.caption { position: absolute;}
div.caption-corner { bottom: 20px; right: 40px; text-align: right;}
div.caption-corner h1 { color: #fff; line-height: 1.2; margin-bottom: 10px; text-align: right; transform-origin: right center;}
div.caption-corner h2 { color: #fff; font-size: 30px; line-height: 1; margin-bottom: 30px; text-align: right; transform-origin: right center;}

p.caption { font-size: 12px;}

p.limit-lines { max-height: 0; transition: none}
p.collapsed { overflow: hidden; position: relative; }
p.uncollapsed { }
a.show-more { display: none;}
p.collapsed+a.show-more { display: table; margin: 0 auto; text-align: center; cursor: pointer; color: #003663; font-family:'News Gothic W01 Bold706740';font-size: 24px;}

/*HEADER*/
header { 
	font-size: 0; 
	position: fixed; 
	top:0;  
	/*left: calc(50% - 640px); 
	max-width: 1280px; */
	z-index: 3; 
	background: rgba(0, 0, 0, 1); 
	height: 150px; 
	}
	.header-transparent {
		background: rgba(0, 0, 0, 0); 
	}
header > div { max-width: 1280px; display: block; width: 100%; margin: 0 auto; max-height: 100%;}

/*div.burger { display: none;}*/

div.logo { 
	   width: 365px;
    display: block;
    vertical-align: top;
    height: 150px;
    padding-top: 40px;
    margin-left: 60px;
    /* width: calc(100% - 120px); */
    transition: right .15s ease;
    -webkit-transition: right .15s ease;
    position: relative;
    margin-left: auto;
    margin-right: auto;

	}
	div.logo-right {
		position: absolute;
		width: initial;
		right: 40px;
		transition: right .15s ease;
		-webkit-transition:right .15s ease;

	}
	div.logo a { 
		
	}
	div.logo-transparent {
		opacity: 0;
    	filter: alpha(opacity=0); /* For IE8 and earlier */
		display:none;
	}
	div.logo img { 
		/*margin-top: 10px;*/
		display: block; 
		margin: 0px auto 0;
		margin-top:0; 
		height: 68px; 
		width:auto;
		}
		


/*nav { width: calc(100% - 500px); display: inline-block; text-align: center; vertical-align: top;}
nav > ul { width: 100%; display: block; margin: 0 auto; text-align: center;}
nav > ul > li { display: inline-block; font-size: 0; text-align: center; position: relative;}
nav > ul > li > a { padding: 0px 25px; display: block; line-height: 70px; font-family: 'gilroyextrabold'; font-size: 12px; color: #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; transition: all .5s ease-out; position: relative; min-height: 90px;}
nav > ul > li > a.active { background-color: #52b8e8}
nav > ul > li > a.active:after { content:""; position: absolute; bottom: -19px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #52b8e8 transparent transparent transparent; -webkit-transform:rotate(360deg)}
nav > ul > li > a:hover { background-color: #52b8e8; color: #fff}
nav > ul > li > a.active:hover { color:#fff }
nav > ul > li > ul { display: block; position: absolute; top: 90px; left: 0; width: 100%; min-width: 350px; padding: 0px 0; background-color: #52b8e8; max-height: 0; overflow: hidden; opacity: 0}
nav > ul > li > ul li { display: block; width: 100%; }
nav > ul > li > ul li a { color: #fff; text-align: left; display: block; width: 100%;line-height: 40px; padding: 0 25px; font-size: 12px;  font-family: 'gilroyextrabold'; text-transform: uppercase;}
nav > ul > li > ul li a:hover { background-color: #fff; color: #52b8e8}
nav > ul > li:hover { background-color: #52b8e8; }
nav > ul > li:hover > ul { max-height: 300px; opacity: 1; transition: opacity .3s ease-out}*/




	

	ul.social { position: fixed; right: 0px; top: 0; }
	ul.social li a { line-height: 60px; padding: 0 0 0 15px}
	div.burger { 
		display: block; 
		top: 65px; 
		left: 50px;
	}
	 nav { 
	 	display: block; 
		width: 100%; 
		background: rgba(0, 0, 0, 1); 
		position: fixed; 
		min-height: 100%; 
		left: -100%; 
		top:150px; 
		transition: all .15s ease;
		-webkit-transition:all .15s ease;
		}
		 nav > ul { 
		 	display: block; 
			width: 100%;
			margin-left: 30px;
		 }
		 nav > ul > li { 
		 	display: block; 
			width: 100%;			
			}
		 	nav > ul > li > a { 
				display: block;
				width: 100%;
				line-height: 1.4;
				border: 0;
				text-align: left;
				padding: 0px 20px;
				min-height: 0;
				color: #fff;
				font-size: 38px;
				font-family:'Futura BT W01 Heavy';
				}
				 nav > ul > li a:hover { 
				 	border-bottom: 0px solid transparent; 
					color: #fff; background: 
					}
					 nav > ul > li > a.active:after { 
						display: none;
					}
			nav > ul > li.inactive > a:after {
				 content: "+";
				font-size: 90%;
				font-family: 'Futura BT W01 Heavy' !important;
				/* line-height: 100px; */
				position: absolute;
				color: #fff;
				margin: .04em 0 0 8px;
			}
			nav ul > li.open > a:after {
				content: "-";
			}
	nav.slide { 
		left: 0;
		transition: all .15s ease;
		-webkit-transition:all .15s ease;
	}

		nav > ul > li > ul { display: none; position: static; opacity: 1; max-height: 999px; min-width: 0;}
		nav > ul > li > ul li { display: block; width: 100%; }
		nav > ul > li > ul li a { 
			 color: #fff;
			text-align: left;
			display: block;
			width: 100%;
			line-height: 40px;
			line-height: 1;
			padding: 8px 20px;
			font-size: 18px;
			font-family: 'Futura BT W01 Book';
			text-transform: uppercase;
			}
		nav > ul > li > ul li a:hover { 
			/*background-color: #fff;*/
		}
		nav > ul > li:hover { 
			/*background-color: #52b8e8;*/
			 }
		/*nav>ul>li:hover>ul {
			max-height: 999px;
			display: block;
		}*/

		nav>ul>li.open>ul {
			max-height: 999px;
			display: block;
			padding-top:10px;
			padding-bottom:10px;
		}

ul.social { width: 140px; display: inline-block; text-align: right; padding-right: 70px; vertical-align: top; font-size: 0;}
ul.social li { display: inline-block; text-align: right; vertical-align: middle; font-size: 0; width: 50%}
ul.social li a { display: block; text-align: right; padding-left: 20px; line-height: 90px;}
ul.social li a img { display: inline-block; margin: 0 0 0 auto; vertical-align: middle; height: 14px;}
ul.social li a img:nth-child(2) { height: 16px;}
ul.social li a:hover img { filter: invert(50%)}


/*FOOTER*/

footer { 
	display: block; 
	width: 100%; 
	max-width: 1280px; 
	margin: 0 auto; 
	background-color: #fff; 
	padding: 45px 20px 30px;
	}
	a.footer-logo { 
		display: block; 
		width: 100%; 
		}
	a.footer-logo img { 
		display:block; 
		margin: 0 auto 30px auto; 
		height: 44px;
    	width: auto;
		}
	ul.footer { 
		display: block; 
		width: 100%; 
		font-size: 0; 
		text-align: center;
		}
		ul.footer > li { 
			display: 
			block; 
			width: 100%; 
			vertical-align: top; 
			font-size: 0; 
			text-align: center; 
			margin-bottom: 22px;
			}
			ul.footer > li address { 
				display: table; 
				margin: 0 auto;
				}
			ul.footer > li div.partners { 
				display: table; 
				margin: 0 auto; 
				}

	address { 
	font-style: normal
		}
		address h5 { 
			font-size: 12px; 
			color: #000; 
			margin-bottom: 0; 
			line-height: 1
			}
		address p { 
			    font-size: 11px;
				color: #000;
				display: block;
				text-align: center;
				margin: 14px auto 24px;
				line-height: 1.25;
				text-transform: uppercase;
			}
			address p a { 
				font-size: 11px; 
				color: #000; 
			}

	ul.social-footer { 
		display: block; 
		width: 100%; 
		text-align: center; 
		font-size: 0; 
		margin: 0 auto;
		}
	ul.social-footer li { 
		display: inline-block; 
		text-align: center; 
		font-size: 0; 
		vertical-align: top;
		}
		ul.social-footer li a { 
			display: block; 
			text-align: right; 
			padding: 0px 9px; 
			}
			ul.social-footer li a img { 
				display: block; 
				margin: 0 auto; 
				vertical-align: middle; 
				height:14px;
				max-height:14px; 
				width:auto;
				}
				ul.social-footer li a:hover img { 
					filter: invert(50%)
				}



div.subscribe  { 
	position: relative; 
	display: block; 
	padding: 0 auto; 
	width: 100%; 
	/*max-width: 660px; */
	/*left: calc(50% - 330px); 
	top: 50%;  
	transform: translateY(-50%); 
	-webkit-transform: translateY(-50%);  
	-ms-transform: translateY(-50%);*/
	}
	div.subscribe p.intro { 
		color: #fff; 
		font-size: 10px; 
		transform-origin: left center;  
		display: block; 
		text-align: center; 
		margin-bottom: 25px;
		}
	div.subscribe form { 
		display: block; 
		width: 100%; 
		max-width: 410px; 
		margin: 0 auto;
		text-align:center;
		}
		div.subscribe form div.form-row { 
			display: block; 
			width: 100%; 
			padding-bottom: 15px; 
			text-align: left;
			}
		div.subscribe form input[type="text"], input[type="email"] { 
			display: inline-block; 
			width: 45%; 
			border:none;
			border-bottom: 1px solid #eaeaea; 
			min-height: 45px; 
			line-height: 45px; 
			padding: 0 /*20px*/; 
			font-family:'Futura BT W01 Book'; 
			font-size: 12px; color: #000;
			margin:2.5%;
			}
			#fPostalCode { 
				width: calc(100% - 160px); 
				max-width: 220px; 
				display: inline-block; 
				margin-right: 30px;
				}
		textarea {
			display:block;
			width:95%;
			height:80px;
			padding:0 10px;
			border: 1px solid #eaeaea; 
			font-family:'Futura BT W01 Book';
			font-size: 12px; 
			color: #000;
			margin: 10px 2.5% 0px 2.5%;
		}
		div.subscribe form input[type="submit"]  {
			position:relative;
			margin-right:auto;
			margin-left:auto; 
			border: 1px solid #000;
			width:100px; 
			min-height: 33px; 
			line-height: 1; 
			padding: 0; 
			color: #000; 
			font-size: 12px; 
			font-family:'Futura BT W01 Heavy' ;
			text-align:center;
			}
	form.register input {
		font-size: 12px;
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		padding: 11px 10px 9px 10px;
		text-align: left;
		color: #6d6e73;
		border: 1px solid #eaeaea;
		border-radius: 0;
		width: 100%;
		box-shadow: none;
		margin: 24px auto 0 auto; 
		box-sizing: border-box;
	}
	.checkbox-container {
    display: inline-block;
    padding: 0 5px 10px 10px;
    position: relative;
    margin: 20px auto 0 auto;
    width: auto;
    float: left;
}
div.thank-you {
	display:none;
}
			
			
			
			
div.subscribe form input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
    transition: all .2s ease-out;
}

div.subscribe *::-webkit-input-placeholder { line-height: 45px; color: #000; font-family:'Futura BT W01 Book'; font-size: 12px; }
div.subscribe *:-moz-placeholder { line-height: 45px; color: #000; font-family:'Futura BT W01 Book';  font-size: 12px; }
div.subscribe *:-ms-input-placeholder { line-height: 45px; color: #000; font-family:'Futura BT W01 Book';  font-size: 12px;  }

div.copyright { 
	display: block; 
	width: 100%; 
	text-align: center; 
	margin-top: 0px;
	padding-left:20px;
	padding-right:20px;
	}
	div.copyright p { 
		display: block; 
		width: 100%; 
		text-align: center; 
		color: #000; 
		font-size: 12px; 
		text-transform:uppercase;
		line-height: 1.5;
		}
	div.copyright a { 
		color: #000; 
		font-size: 12px;
		}

p.reveal-response { color: #fff; font-size: 18px;}

a.form-logo {display: block; width: 100%;}
a.form-logo img  {display: block;  width: 100%;}
p.form-intro  {display: block;  width: 100%; text-align: center; margin: 40px 0 30px; padding: 0 0px; color:#fff; line-height: 1.5; font-size: 18px; font-family:'News Gothic W01';}
p.form-footer  {display: block;  width: 100%; text-align: center; margin: 40px 0px; padding: 0 0px; color:#fff; line-height: 1.5; font-size: 10px; font-family:'News Gothic W01';}
p.form-warning  {display: block;  width: 100%; text-align: left; margin: 0px 0px; padding: 0 0px; color:#fff; line-height: 1; font-size: 15px; font-family:'News Gothic W01';}
/* PAGE SPECIFIC */


div.banner-holder {
	position:relative;
	width:100%;
	font-size:0;
	height:0;
	padding-bottom:44.531%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	margin-top:150px;
	
	}
article#home {
	padding-top:0;
	padding-bottom:10px;
}
	article#home div.banner-holder {
		position:relative;
		display:block; 
		width:100vw;		 
		padding-bottom:56.25%; 
		background-repeat:no-repeat;
		background-size:100%;
		background-position:center top;
		background-image:url(/img/home/home-banner.jpg);;
		font-size:0;
		line-height:0;
	}
	/*article#home div.banner-holder:hover {
			transition: all 1s ease;
		  -webkit-transition:all 1s ease;
		  background-size:120%;
		  background-position:right top;
		}*/
	article#home div.content {
		font-size:0;
		padding:0;
		max-width:100%
	}

	div.home-square {
		position:relative;
		display:inline-block; 
		width:50%; 
		height:50vw; 
		background-position:center center;
		background-size:110%;
		font-size:0;
		line-height:0;
		transition: background-size 1s ease;
  		-webkit-transition:background-size 1s ease;
		}
		div.home-square a.home-square-ahref {
			display:block; 
			position:absolute; 
			width:100%; 
			height:100%;
			font-size:0;
			line-height:0;
			z-index:99999;
			
		}
		div.home-square h2 {
			font-family:'Futura BT W01 Heavy' !important;
			 font-size:36px;
			letter-spacing:0.175em !important;
			letter-spacing: 0;
			transform-origin: left center;
			text-align: center;
			text-transform: uppercase;
			color: #000;
		}
		/*div.home-square:hover {
			transition: background-size 1s ease;
		  -webkit-transition:background-size 1s ease;
		  background-size:180%;
		}
		div.home-square:hover h2  {
			font-size:28px;
			transition: all 1s ease;
		  	-webkit-transition:all 1s ease;
		}
		div.home-square-1:hover div.banner-overlay {
			top: 60%;
			transform: translateY(-60%); 
			-webkit-transform: translateY(-60%); 
			-ms-transform: translateY(-60%); 
			transition: all 1s ease;
			-webkit-transition:all 1s ease;
			margin-left:-20%;
		}
		div.home-square-2:hover div.banner-overlay {
			top: 60%;
			transform: translateY(-60%); 
			-webkit-transform: translateY(-60%); 
			-ms-transform: translateY(-60%); 
			transition: all 1s ease;
			-webkit-transition:all 1s ease;
			margin-left:30%;
		}
		div.home-square-3:hover div.banner-overlay {
			top: 60%;
			transform: translateY(-60%); 
			-webkit-transform: translateY(-60%); 
			-ms-transform: translateY(-60%); 
			transition: all 1s ease;
			-webkit-transition:all 1s ease;
			margin-left:-20%;
		}
		div.home-square-4:hover div.banner-overlay {
			top: 60%;
			transform: translateY(-60%); 
			-webkit-transform: translateY(-60%); 
			-ms-transform: translateY(-60%); 
			transition: all 1s ease;
			-webkit-transition:all 1s ease;
			margin-left:20%;
		}*/
		

			
		
		div.home-square-1 {
			background-image:url(/img/home/1.jpg);
			}
			div.home-square-1 h2 {
				color:#fff;
			}
		div.home-square-2 {
			background-image:url(/img/home/2.jpg);
			}
			
		div.home-square-3 {
			background-image:url(/img/home/3.jpg);
		}
		div.home-square-4 {
			background-image:url(/img/home/4.jpg);
			}
			div.home-square-4 h2 {
				color:#fff;
			}
			
			

			
			
			
	div.home-gallery {
		position:relative;
		display:inline-block; 
		width:100vw;		 
		padding-bottom:56.25%; 
		background-repeat:no-repeat;
		background-size:100%;
		background-position:center middle;
		background-image:url(/img/home/5.jpg);
		background-size:110%;
		font-size:0;
		line-height:0;
		/*transition: all 1s ease;
  		-webkit-transition:all 1s ease;*/
		}
		div.home-gallery a.home-square-ahref {
			display:block; 
			position:absolute; 
			width:100%; 
			height:100%;
			font-size:0;
			line-height:0;
			z-index:99999;
		}
		div.home-gallery h2 {
			font-family:'Futura BT W01 Heavy';
			font-size:36px;
			letter-spacing:.175em;
		}
		/*div.home-gallery:hover {
			transition: all 1s ease;
		  -webkit-transition:all 1s ease;
		  background-size:180%;
		  background-position:0%
		}
		div.home-gallery:hover h2  {
			font-size:54px;
			transition: all 1s ease;
		  -webkit-transition:all 1s ease;
			
		}
		div.home-gallery:hover div.banner-overlay {
			top: 10%;
			transform: translateY(-10%); 
			-webkit-transform: translateY(-10%); 
			-ms-transform: translateY(-10%); 
			transition: all 1s ease;
			-webkit-transition:all 1s ease;
			
		}*/
			
	div.banner-overlay {
		position: absolute;
		z-index:10;
		left:0;
		width:100%;
		top: 50%;
		transform: translateY(-50%); 
		-webkit-transform: translateY(-50%); 
		-ms-transform: translateY(-50%); 
		text-align:center;
		}
		div.banner-content {
			position:relative;
			width: 560px;
			padding-top: 44px ;
			padding-bottom:44px;
			margin-left: auto;
			margin-right: auto;
			background-color: rgba(255, 255, 255, .85);
		}
			
			
article#what-we-do {
	
	}
	article#what-we-do div.banner-holder {
			background-image:url(/img/what-we-do/banner.jpg);
		}
		article#what-we-do div.banner-holder h1 {
			letter-spacing: .11em;
    		font-family: 'Futura BT W01 Heavy';
			color:#fff;
		}
		
		article#what-we-do h2 {
			line-height: 1.5;
			padding-top: 0px;
			padding-bottom: .5em;
			padding-top:72px;
		}
		
		
		
		
		article#about div.banner-holder {
			background-image:url(/img/about/banner.jpg);
		}
		article#about div.banner-holder h1 {
			letter-spacing: .11em;
    		font-family: 'Futura BT W01 Heavy';
			color:#000;
		}
        article#about div.photo-padding-bottom img {
            padding-bottom: 75px
        }
		article#about h3 {
			padding-top:72px;
		}
		
article#partners {
	
	}
	article#partners p.intro {
		padding-top: 75px;
		max-width: 1280px;
	}
	article#partners div.banner-holder {
			background-image:url(/img/partners/banner.jpg);
	}
	article#partners div.banner-holder h1 {
			letter-spacing: .11em;
    		font-family: 'Futura BT W01 Heavy';
			color:#000;
		}
	div.partners-container {
		position:relative;
		width:100%;
		font-size:0;
		border-right:2px solid #fff;
		border-bottom:2px solid #fff;
		border-collapse:collapse;
		}
		div.partners-container div {
			display:inline-block;
			width:20%;
			font-size:0;
			border-right: 1px solid #eaeaea;
			border-bottom:1px solid #eaeaea;
			}
			div.partners-container div img {
				width:197px;
				max-width:197px;
				height:auto;
				margin: 63px 0;
			}
		div.partners-container div.right-edge {
			    position: absolute;
			right: 0;
			/* top: 0; */
			/* bottom: 0; */
			width: 2px;
			height: 100%;
			border-right: 1px solid #fff;
			background-color: #fff;
			z-index: 20;
		}
		div.partners-container div.bottom-edge {
			    position: absolute;
			bottom: 0;
			/* top: 0; */
			/* bottom: 0; */
			height: 2px;
			width: 100%;
			border-bottom: 1px solid #fff;
			background-color: #fff;
			z-index: 21;
		}
        div.partners-container div.border-left {
            border-left: 1px solid #eaeaea;
        }
        div.partners-container:last-child {
            border-left: 0px solid #eaeaea;
        }
article#smart-home-tips {
	
	}
	article#smart-home-tips div.banner-holder {
			background-image:url(/img/smart-home-tips/banner.jpg);
		}
		article#smart-home-tips div.banner-holder h1 {
			letter-spacing: .11em;
    		font-family: 'Futura BT W01 Heavy';
            color: #fff
		}
		article#smart-home-tips h2 {
			line-height: 1.5;
			padding-bottom: 1.5em;
		}
		article#smart-home-tips img.tips-img {
			margin-bottom:50px;
		}
		article#smart-home-tips a.tipslink {
			font-family:'Futura BT W01 Book';
			font-size:20px;
			text-transform:uppercase;
			letter-spacing:.0625em;
		}
		
div.pager {
	position:absolute;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		background-color:#fff;
	}
		
		
div.slider-container {
	position:relative;
	display:block;
	width:100%;
	max-width:1280px;
	margin:0 auto;
	/*height:0;
	padding-bottom:64.84375%;*/
	background-color:transparent
}
	
div.slideshow { position: relative}

div.slideshow .-wrapper .-controls-direction a { width: 22px; height: 40px; margin-top: -20px; background-position: center center !important; opacity: .6}
div.slideshow .-wrapper .-controls-direction a:hover { opacity: 1}
div.slideshow .-wrapper .-next { right: 40px; background-image: url(/lib/img/white/arrow.svg); }
div.slideshow .-wrapper .-prev { left: 40px; background-image: url(/lib/img/white/arrow.svg); transform: rotate(180deg);}
div.video iframe { display: none;}
div.video:after {z-index: 99; position: absolute; width: 120px; height: 120px; top: 50%; left: 50%; margin: -60px 0 0 -60px; background: url(/img/play.svg) no-repeat transparent center center; background-size: cover; content: ""; cursor: pointer;}
div.video.active iframe {display: block; width: 100%; height: 100%; z-index: 100; top: 0; left: 0; position: absolute; border: 0}
div.video.active img {opacity: 0}

/*ul.slideshow-fade li { transition: none}*/
ul.slideshow-fade li:first-child { opacity: 1}

div.masthead { position: relative}
div.masthead-logos { text-align: right: font-size: 0;}
div.masthead-logos img { display: inline-block; margin: 0 0px 0 35px; vertical-align: middle}
div.masthead-logos img:nth-child(1) { width: 388px;}
div.masthead-logos img:nth-child(2) { width: 135px;}
div.masthead-logos img:nth-child(3) { width: 130px;}
div.masthead-logos img:nth-child(4) { width: 60px;}

aside { display: inline-block; width: 300px; vertical-align: top}
aside h1 { margin-bottom: 40px}
div.content-short { display: inline-block; width: calc(100% - 300px); vertical-align: top; padding-right: 40px; }
div.content-short > div { display: block; width: 100%; max-width: 740px; margin: 0 auto 0 0}

div.news {display: block; width: 100%; padding: 0 0px 40px 0px; margin: 40px auto; border-bottom: 1px solid #d7d7d7;}
div.news div.thumbnail { display: block; width: 100%;  margin: 20px 0;}
div.news h2 { font-size: 20px; line-height: 1.5; margin-bottom: 10px}
div.news p { color: #000; line-height: 1.4; font-size: 14px;}
div.news p:last-child { margin-bottom: 0}

.-wrapper .-pager.-default-pager { bottom: 30px;}
.-wrapper .-pager.-default-pager a { border-radius: 0; width: 14px; height: 14px; background: transparent!important; opacity: 0.5; position: relative; border: 1px solid transparent; margin: 0 1px;}
.-wrapper .-pager.-default-pager a:after { content: ""; width: 10px; height: 10px; display: block; position: absolute; top: 1px; left: 1px; background-color: #fff;}
.-wrapper .-pager.-default-pager a.active { opacity: 1; border: 1px solid #fff;}
div.caption-text { bottom: 30px; right: 70px; text-align: right; text-transform: uppercase; color: #fff; font-family:'News Gothic W01 Bold706740'; font-size: 14px; line-height: 1; font-weight: 300; opacity: 0.9}

div.partners-area { padding: 35px 20px 100px;}
div.partners-area img.logo { display: block; margin: 0px auto 20px;}
div.partners-area img.logo-partners { display: block; margin: 0px auto 60px;}
div.tagline { font-family:'News Gothic W01'; font-size: 24px; color: #fff; display: block; margin: 0 auto 60px; text-align: center; line-height: 1}
div.mission { display: block; width: 100%; max-width: 788px; padding: 0; margin: 0 auto 0; }
div.mission p { display: block; width: 100%; text-align: center; color: #000; font-size: 18px; color: #fff}
div.mission a.button { background-color: #fff; color: #003663; display: table; margin: 30px auto 0; min-width: 90px; text-align: center;}
div.mission a.button:hover { background-color: #003663; color: #fff; }

div.vision-area { padding: 35px 20px 100px; text-align: center;}
div.vision-area img.logo { display: block; margin: 0px auto 20px;}
div.vision-area img.logo-partners { display: block; margin: 0px auto 60px;}

ul.partner-profiles { text-align: center; width: 100%; display: block; font-size: 0}
ul.partner-profiles li { text-align: center; width: 50%; display: inline-block; font-size: 0; padding: 0px 70px 50px; vertical-align: top; border-right: 1px solid #fff; margin-bottom: 100px}
ul.partner-profiles li:nth-child(2n) { border-right: 0px solid #fff;}
ul.partner-profiles li a.logo { height: 130px; display: block; width: 100%; position: relative}
ul.partner-profiles li a.logo img { display: block; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); position: relative}
ul.partner-profiles li p { font-size: 14px; color: #fff; line-height: 1.75}
ul.partner-profiles a.button { background-color: #fff; color: #003663; display: table; margin: 30px auto 0; letter-spacing: 1px; padding: 0 25px}
ul.partner-profiles a.button:hover { background-color: #003663; color: #fff; }
ul.partner-profiles a.show-more { color: #fff; font-family:'News Gothic W01';}


div.mississauga {display: block; width: 100%; padding: 0 0px 10px 0px; margin: 40px auto 0px; max-width: 300px;}
div.mississauga img.logo {display: block; margin: 0 auto 50px;}
div.mississauga div.thumbnail { display: block; width: 100%;  margin: 20px 0;}
div.mississauga h2 { font-size: 20px; line-height: 1.5; margin-bottom: 10px; text-align: center; width: 100%; transform-origin: center center;}
div.mississauga p { color: #000; line-height: 1.4; font-size: 14px; text-align: center; width: 100%;}
a.button-mississauga { margin: 0 auto; display: table; background: url(/img/bt-inspiration.png) no-repeat center center; background-size: cover; line-height: 40px; padding: 0 25px; font-family: 'gilroyextrabold'; letter-spacing: 1px}
a.button-mississauga:hover { color: #000}

ul.resources { width: calc(100% + 60px); display: block; left: -30px; position: relative; font-size: 0; text-align: center;}
ul.resources li { width: 33.33%; display: inline-block; padding: 0 30px;  vertical-align: top}
ul.resources div.thumbnail { width: 100%; display: block; margin-bottom: 40px;}
ul.resources div.thumbnail img { width: 100%; display: block; box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);}
ul.resources div.date { text-align: center;}
ul.resources h2 { text-align: center; transform-origin: center center; margin: 15px 0}
ul.resources p { text-align: center; font-size: 14px; margin-bottom: 25px}
ul.resources a.button { display: table; margin: 0 auto}

ul.news-list { display: block; width: calc(100% + 70px); font-size: 0}
ul.news-list li { display: inline-block; width: calc(50% - 70px); margin-right: 70px; border-bottom: 1px solid #d7d7d7; padding-top: 30px}
ul.news-list h2 { margin: 15px 0 5px}
ul.news-list p { font-size: 14px; margin-bottom: 30px; line-height: 1.75;}

ul.articles-list { display: block; width: 100%; font-size: 0; margin-bottom: -40px; text-align: center;}
ul.articles-list li { display: inline-block; width: 33.33%; padding: 30px 40px; vertical-align:top;}
ul.articles-list h2 { margin: 18px 0; font-size: 20px; line-height: 1.25;  text-align: center; transform-origin: center center;}
ul.articles-list p { font-size: 14px; line-height: 1.4; text-align: center; }
.padding-40 { padding-left: 44px}

ul.slideshow-index { font-size: 0; margin-top: 1px; display: block; width: 100%;}
ul.slideshow-index li { display: inline-block; margin-right: 1px; width: calc(12.5% - 1px)}

div.accordion { width: 100%; display: block;}
div.accordion * {  transition: none;}
h3.ui-accordion-header { padding: 30px 40px 30px 0; position: relative; text-align: left; margin-bottom: 0; cursor: pointer; border-top: 1px solid #d7d7d7}
div.accordion > h3:after { content: "+"; position: absolute; right: 0; top: 30px; font-size: 36px; color: #003663; }
div.accordion > h3.ui-accordion-header-active:after { content: "-"; top: 30px; transform: scaleX(2.5); transform-origin: right center;}
div.accordion div { padding: 0px 40px 30px 0; }
div.accordion p { max-width: 100%;}


div.caption-masterplan { color: #fff; bottom: 90px; left: 0; width: 100%; text-align: center; z-index: 3; font-size: 60px}

ul.masterplan-downloads { display: block; width: 100%;}
ul.masterplan-downloads li { display: block; width: 100%; padding: 0 140px 50px 0px; margin: 50px auto; border-bottom: 1px solid #d7d7d7; font-size: 0; position: relative;}
ul.masterplan-downloads div.toc { display: inline-block; width: 400px; vertical-align: top; padding-top: 10px; text-align: left; font-size: 22px; line-height: 1.5}
ul.masterplan-downloads div.title { display: inline-block; width: calc(100% - 400px); vertical-align: top; padding: 0 50px 0 0; font-size: 36px; text-align: left; color: #003663; }
ul.masterplan-downloads div.title b { display: block; width: 100%; font-size: 48px; text-align: left; font-weight: normal; font-family:'News Gothic W01'; margin-top: 15px}
ul.masterplan-downloads a.button { position: absolute; right: 0; bottom: 50px;}

div.process { padding-top: 100px; }
ul.process { display: block; text-align: center; font-size: 0; padding: 0 120px;}
ul.process li { display: inline-block; text-align: center; width: 100%; max-width: 50%; padding: 0 60px 80px; color: #fff; font-family:'News Gothic W01'; font-size: 18px; line-height: 1.5; vertical-align: top}
ul.process li:last-child { display: inline-block; text-align: center; width: 100%; max-width: 100%; padding: 0 20px 100px; color: #fff; font-family:'News Gothic W01'; font-size: 18px;}

div.home-block { display: block; margin: 0 auto 100px; text-align: center;}
div.home-block h2 { text-align: center;     transform-origin: center center; margin: 20px auto 30px; font-size: 26px;}
div.home-block img { margin-bottom: 20px}
div.home-block p { max-width: 700px}

div.stakeholder-logos { display: block; width: 100%; text-align: center;}
div.stakeholder-logos a { display: inline-block; vertical-align: middle; margin: 0 25px}




article#gallery {
	margin-top: 150px;
	
	}
	/*article#gallery div.content {
		padding-left:0;
		padding-right:0;
		margin-top:150px;
	}*/
	
/*************************
	Slider
/*************************/

ul#thumbnails {
		font-size:0;
		line-height:0;
	}
	ul#thumbnails li {
		width:12.5%;
		max-width:160px;
		display:inline;
		font-size:0;
		line-height:0;
		padding:0;
		margin:0;
		}
		ul#thumbnails li a {
			font-size:0;
			line-height:0;
		}
		ul#thumbnails li a img {
			width:7.692%;
			max-width:160px;
			height:auto;
			padding:0;
			margin:0;
			/* opacity: 0.5;
    		filter: alpha(opacity=50); For IE8 and earlier */
			}
			ul#thumbnails li a img {
				 opacity:0.5;
    			filter: alpha(opacity=50); /*For IE8 and earlier */
			}
			ul#thumbnails li a:hover img {
				 opacity:1;
    			filter: alpha(opacity=100); /*For IE8 and earlier */
			}
			ul#thumbnails li a.active img {
				 opacity:1;
    			filter: alpha(opacity=100); /*For IE8 and earlier */
			}
			
		.fade {
		   opacity: 0.5;
		   transition: opacity .25s ease-in-out;
		   -moz-transition: opacity .25s ease-in-out;
		   -webkit-transition: opacity .25s ease-in-out;
		   }

   .fade:hover {
      opacity: 1;
      }
	  
	.bx-wrapper .bx-controls-direction a {
    	margin-top: -80px;
	 }

article#privacy div.content {
	margin-top:150px;
	
	}
	article#privacy p {
		max-width:900px;
		padding-left:20px;
	padding-right:20px;
	}



/*	TABLET */
@media only screen and (max-width:1280px) {
	header { left: 0}  
}
@media only screen and (max-width:1200px) {
	ul.process { padding: 0 40px;}
	ul.process li { padding: 0 30px 80px;}
	ul.process li:last-child { padding: 0 0px 100px; }
}

@media only screen and (max-width:1100px) {
	/*div.logo { width: 260px;}*/
	ul.social { width: 80px; padding-right: 20px}
	ul.social li a img { height: 13px}
	ul.social li:nth-child(2) a img { height: 12px; margin-top: 1px}
	ul.social li a { padding-left: 10px;}
	nav { width: calc(100% - 340px); }

	div.content { 
		/*margin: 50px auto; */
		padding-left: 20px;  
		padding-right: 20px;
	}
	div.full-width { 
		/*margin: 50px auto; */
	}
	div.flush { }
	div.photo { 
		margin: 50px auto;
		padding-left:0;
		padding-right:0;
		 }

	div.caption-corner { right: 20px; bottom: 20px}
	
	div.partners-container div {
			display:inline-block;
			width:50%;
	}
    div.partners-container div.border-left {
        border-left: 0px solid #eaeaea;
    }
    div.partners-container div:last-child {
        border-bottom: 1px solid #eaeaea;
        border-left: 1px solid #eaeaea;;
    }
    div.partners-container:last-child {
        border-bottom: 1px solid #eaeaea;
    }


	

}
@media only screen and (max-width:940px) {
/*	header { height: 70px; }
	div.logo { width: 180px; padding-left: 20px;}
	div.logo img { margin-top: 10px}*/
	div.logo a { height: 66px}
	nav { width: calc(100% - 260px); }
/*	nav > ul > li > a { padding: 0px 15px; line-height: 50px; min-height: 50px;}*/
	nav > ul > li >a.active:after { }
	nav > ul > li > a:hover { }
	ul.social li a { line-height: 70px}
	


/*	article { padding-top: 70px}*/

	ul.footer > li:nth-child(2) { padding: 0 30px;}
	ul.footer > li address { }
	ul.footer > li div.partners { }

	div.video:after { width: 90px; height: 90px; margin: -45px 0 0 -45px;}

	

	h1 { font-size: 48px; margin-bottom: 35px; }
	h2 { font-size: 18px; }
	h3 {font-size: 28px; margin-bottom: 40px; }
	h4 { font-size: 18px; letter-spacing: 3px; left: -1px; margin-bottom: 35px; }
	h5 { font-size: 14px; }
	h6 { font-size: 18px; color: #000; margin-bottom: 35px;}
	h1 + h6 { margin-top: -25px;}
	h1 + h4 { margin-top: -25px;}
	h1.smaller { font-size: 32px}
	div.caption-masterplan { font-size: 48px}

	aside { display: block; width: 100%; vertical-align: top; margin: 50px auto 0 0; font-size: 0; text-align: center;}
	div.mobile-block { display: inline-block; width: 50%; text-align: left; max-width: 400px; padding: 0 50px}
	div.news { display: block; width: 100%; max-width: 300px; margin: 0 auto}
	div.content-short { display: block; width: 100%; padding-right: 0px; }
	div.content-short > div { max-width: 100%; }

/*	aside h1.smaller { text-align: center; transform-origin: center center; }*/
/*	div.news > img { display: block}*/

	.-wrapper .-pager.-default-pager { bottom: 20px}
	div.slideshow .-wrapper .-next { right: 20px;}
	div.slideshow .-wrapper .-prev { left: 20px;}
	div.caption-text { bottom: auto; top: 20px; right: 20px;}

	div.partners-area { padding: 50px 20px}

	div.vision-area { padding-bottom: 0}
	ul.partner-profiles li { width: 50%; margin-bottom: 50px; padding: 0 20px;}
	ul.partner-profiles li:last-child {     border-right: 1px solid #d7d7d7;}
	ul.partner-profiles li:nth-child(2n) {     border-right: 0px solid #d7d7d7;}

	 ul.articles-list li { width: 50%}

	 ul.masterplan-downloads div.title{ font-size: 20px; width: calc(100% - 350px);}
	 ul.masterplan-downloads div.title b { font-size: 28px;}
	 ul.masterplan-downloads div.toc { font-size: 18px; width: 350px;}

	div.masthead-logos  { display: none;}
}

@media only screen and (max-width:768px) {
	div.process { padding-top: 50px}
	ul.process { padding: 0 20px;}
	ul.process li { padding: 0 20px 50px 0px;}
	ul.process li:last-child { padding: 0 0px 50px; }
	div.photo {
    margin: 0px auto;
	}

}
@media only screen and (max-width:767px) {
	p {
		line-height: 2.125;
	}
	header { height: 80px;}
	article { padding-top: 80px}
	div.logo { 
		width: 365px;
		display: inline-block;
		vertical-align: top;
		height: 40px;
		padding-top: 20px;
		margin-left: 60px;
		width: calc(100% - 120px); 	
	}
	div.logo img {
		height: 40px;
	}
	div.logo a { 
		height: 40px;
	}
	div.banner-holder {
   		 margin-top: 0;
	}
	div.home-square h2 {
    font-size: 20px;
	}
	
/*	div.logo a img { margin-top: 10px; height: 40px; }*/

	ul.social li a { line-height: 60px; padding: 0 0 0 15px}
	div.burger { 
		display: block; 
		top: 30px; 
		left: 20px;
		}
	 nav { 
	 	display: block; 
		width: 320px; 
		background: rgba(0, 0, 0, 1); 
		position: fixed; 
		min-height: 100%; 
		left: -320px; 
		top: 80px; 
	}
	
	 nav > ul { display: block; width: 100%; margin-left: 10px;}
	 nav > ul > li { display: block; width: 100%}
	 nav > ul > li > a { 

		font-size:26px;
		}
	 nav > ul > li a:hover { 
	 	border-bottom: 0px solid transparent; 
		color: #fff; 
		/*background: rgba(0, 54, 99, 1);*/
		}
	 nav > ul > li > a.active:after { display: none;}
	 nav.slide { left: 0;}

		nav > ul > li > ul { display: none; position: static; opacity: 1; max-height: 999px; min-width: 0}
		nav > ul > li > ul li { display: block; width: 100%; }
		nav > ul > li > ul li a { color: #fff; text-align: left; display: block; width: 100%; line-height: 1.25; font-size: 12px; text-transform: uppercase;}
		nav > ul > li > ul li a:hover { 
			/*background-color: #fff; color: #52b8e8*/
			}
		nav > ul > li:hover { 
			/*background-color: #52b8e8;*/
			}
		/*nav > ul > li:hover > ul { max-height: 999px; display: block;  }*/

	div.home-square h2 a {
 	   font-size: 28px;
	}
	
	
	ul.footer { display: block; width: 100%; padding: 0 20px;}
	ul.footer > li { display: block; width: 100%; padding: 0; margin-bottom: 50px}
	ul.footer > li:nth-child(2) { width: 100%; text-align: center; padding: 0;display: block; width: 100%; max-width: 440px; margin: 0 auto 50px}
	ul.footer > li address { display: block;width: 100%;}
	ul.footer > li div.partners { display: block; width: 100%; padding-top: 0;}

	h1 { font-size: 32px; }
	h3 {font-size: 22px; }
	h1.smaller { font-size: 24px}

	div.caption-masterplan { font-size: 32px; bottom: 20px}

	div.mobile-block { display: block; width: 100%; text-align: left; max-width: 100%; padding: 0 0px; margin-bottom: 50px}
	aside h1.smaller {text-align: center;}
	div.resource { padding-right: 0}
	div.resource a.button { position: static; margin: 20px 0 0 200px}

	div.caption-corner h1 { font-size: 24px;}
	div.caption-corner h2 { font-size: 18px; margin-bottom: 0}
	div.video:after { width: 60px; height: 60px; margin: -30px 0 0 -30px;}

	ul.partner-profiles li p { font-size: 18px}

	ul.resources li { display: block; width: 100%; margin: 0 auto 70px; max-width: 500px}
	ul.resources div.thumbnail { max-width: 240px; margin: 0 auto 30px}

	 ul.masterplan-downloads div.title{ width: 100%;}
	 ul.masterplan-downloads div.toc { width: 100%; margin: 20px 0 30px}
	ul.masterplan-downloads li { padding-right: 0; max-width: 400px; margin: 0 auto 50px}
	ul.masterplan-downloads a.button { position: static}

	div.partners-container div {
			display:inline-block;
			width:100%;
		}
		
		article#partners div.content {
			padding-bottom:0;
		}
		
		article#partners p.intro {
			margin-bottom: 0;
		}
		div.partners-container div img {
			margin: 20px 0;
		}
		h2.title {
			font-size: 30px;
			line-height: 1 !important;
			padding-top: 50px;
		}
        div.partners-container div:last-child {
            border-left: 0px solid #eaeaea;
        }
    article#gallery {
  		margin-top: 0;
	}
	.bx-controls {
		display:none;
	}
	/*ul#thumbnails {
		display:none;
	}
	div.slider-container {
	display:block;
	width:100%;
	max-width:1280px;
	height:0;
	padding-bottom:64.84375%;
}*/

article#privacy div.content {
	margin-top:0px;
	
	}
	article#about div.content {
		/* padding: 0 70px 0; */
		padding-bottom: 0;
	}
	article#what-we-do h2 {
		padding-top: 52px;
	}
	article#what-we-do div.content {
		/* padding: 0 70px 0; */
		padding-bottom: 20px;
	}

} 

@media only screen and (max-width:660px) {
	div.subscribe  { left: 0; padding: 20px}

}

@media only screen and (max-height:680px) {
	div.subscribe  { top: 0; transform: none; -webkit-transform: none;  -ms-transform: none; position: relative; margin: 20px auto; left: 0}

}


@media only screen and (max-width:600px) {
	div.resource div.thumbnail { display: block; margin: 0 auto}
	div.resource div.details { display: block; width: 100%}
	div.resource div.details * { text-align: center; transform-origin: center center}
	div.resource a.button { position: static; margin: 20px auto 0; display: table}
	h1.smaller { text-align: center; transform-origin: center center}

	div.slideshow .-wrapper .-controls-direction a { /*display: none*/}

	ul.partner-profiles li { width: 100%; border-right: 0px solid #d7d7d7;}
	div.vision-area { padding-bottom: 0}

	ul.news-list { width: 100%}
	ul.news-list li { display: block; width: 100%; margin: 0 auto 0px}

	 ul.articles-list { width: 100%; }
	 ul.articles-list li { display: block; width: 100%; margin: 0 auto 0px; padding: 20px; max-width: 400px}
	 ul.articles-list div.thumbnail { display: block; width: 100%; max-width: 300px; margin: 0 auto}
	 ul.articles-list li * { text-align: center; transform-origin: center center;}
	 .padding-40 { text-align: center; padding-left: 0; transform-origin: center center;}

		ul.process { padding: 0px;}
		ul.process li { max-width: 100%; display: block; padding: 0 0 50px}
		ul.process li:last-child { padding: 0 0px 50px; }

}


@media only screen and (max-width:620px) {
	
	div.banner-content {
		position: relative;
		width: 400px;
	}
	div.banner-content img {
		padding-left:20px;
		padding-right:20px;
	}
	
}




/*	IPHONE 6 PLUS */

@media only screen and (max-width:437px) {
	
	div.banner-content {
		position: relative;
		width: 300px;
	}
	
	#fPostalCode { width: 100%; max-width: 100%; display: block;}
	div.subscribe form input[type="submit"]  {  float: none; margin: 15px auto; display: table;}
	a.download * { text-align: center; transform-origin: center center}
	a.download { padding: 20px 0}
	a.download h2 { display: block; }
	a.download:after { position: static; display: table; margin: 20px auto 0}

	div.caption-masterplan { font-size: 20px; }
}

/*	IPHONE 6*/
@media only screen and (max-width:375px) {

}

/*	IPHONE 5 */
@media only screen and (max-width:320px) {
}


@media only screen and (max-height:950px) {
}

@media only print {
}