*, *:before, *:after
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
	-webkit-overflow-scrolling: touch;
}

	html, body, span, applet, object, iframe,
	h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	ul, ol, li, dl, dt, dd,
	fieldset, form, label, legend, caption, tbody, tfoot, thead, th,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		font-size: 100%;
		font: inherit;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		line-height: inherit;
		vertical-align: baseline;
		border: 0;
		outline: 0;
		padding: 0;
		margin: 0;
	}
	
	body, html{height: 100%;}
	
	ul, ol { list-style: none; margin-left: 25px;}
	
	body{
		background-color: #FFF;
		color: #000;
		font-family: 'Titillium Web', sans-serif;
		font-size: 18px;
		line-height: 1.3em;
		width: 100%;
 		height: 100%;
   		margin: 0px;
   		padding: 0px;
    	overflow-x: hidden; 
	}
	
	
	a:link {color: #fff; text-decoration:none;}    /* unvisited link */
	a:visited {color: #fff; text-decoration:none;} /* visited link */
	a:hover {color: #FECF40; text-decoration:none;}   /* mouse over link */
	a:active {color: #fff; text-decoration:none;}  /* selected link */


	#header_menu  a:link {color: #CCC; text-decoration:none;}   
	#header_menu  a:visited {color: #CCC; text-decoration:none;} 
	#header_menu  a:hover {color: #FFF; text-decoration:none;}   
	#header_menu  a:active {color: #FFF; text-decoration:none;}  


	@font-face {
	  font-family: "Open Sans";
	  font-style: normal;
	  font-weight: 300;
	  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
	}
	@font-face {
	  font-family: "Open Sans";
	  font-style: normal;
	  font-weight: 800;
	  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
	}
	@font-face {
	  font-family: "Open Sans";
	  font-style: normal;
	  font-weight: 400;
	  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
	}
	
	h1{
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 2.6em;
		font-family: 'Nunito', sans-serif;
		line-height:1.2em;
		font-weight: normal;
		color: #2272C2;
	}
	h2{
		margin: 16px 0 16px 0;
		padding: 0;
		color: #000;
		font-size: 1.7em;
		font-family: 'Nunito', sans-serif;
		font-weight: normal;
		line-height:1.4em; 
	}
	h3{
		margin: 0 0 14px 0;
		padding: 0;
		color: #000;
		font-size: 1.4em;
		font-family: 'Nunito', sans-serif;
		line-height:1.4em;
		font-weight: normal;
	}
	h4{
		margin: 0 0 14px 0;
		padding: 0;
		color: #000;
		font-size: 1.2em;
		font-family: 'Nunito', sans-serif;
		line-height:1.2em; 
	}
	
	input[type="text"], input[type="password"], input[type="email"]{
	font-size:1.3em; 
	font-family:Arial, sans-serif; 
	color:#aaa; 
	border:solid 1px #ccc; 
	margin:0 0 0 0; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	}
	
	input[type="submit"]{
	font-size:1.3em; 
	font-family:Arial, sans-serif; 
	color:#222; 
	border:solid 1px #ccc; 
	margin:0 0 0 0; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	}
	
	select{ 
	font-size:1.3em; 
	font-family:Arial, sans-serif; 
	color:#aaa; 
	border:solid 1px #ccc; 
	margin:0 0 0px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	}
	
	.show-mobile{display: none;}
	.clear_mobile{display: hide;}
	
	.error{
	background-color: #B90C0C; color: #FFF; font-weight: bold; text-align: center; padding: 20px 0 20px 0; border: 2px solid #121212; font-size: 1.5em;
	border-right:0; border-left: 0;
	min-height: 30px;
	}
	
	.message{
	background-color: blue; color: #FFF; font-weight: bold; text-align: center; padding: 20px 0 20px 0; border: 2px solid #121212; font-size: 1.5em;
	border-right:0; border-left: 0;
	min-height: 30px;
	}

	.light{color: #ccc;}
	
	.official-color{color: #2272C2;}
	
	div.sq-red{background: url('/images/bg_transp_3.png'); color: #FFF; padding: 15px; display: inline-block;}
	div.sq-blue{background: url('/images/bg_transp_4.png'); color: #FFF; padding: 15px; display: inline-block;}
	
	h2.sq-red{color: #fff; margin: 0; font-family: 'Titillium Web', sans-serif; font-size: 1.3em; font-weight: normal;}
	h3.sq-blue{color: #fff; margin: 0; font-family: 'Titillium Web', sans-serif; font-size: 1.1em; font-weight: normal;}
	
	.subcontainer1{background: url('/images/bg_transp_1.png'); font-family: 'Nunito', sans-serif; color: #CCC; padding: 25px;}
	
	.main-review{background-color: #2b7e99; font-family: 'Nunito', sans-serif; color: #FFF; padding: 30px 50px; font-style: italic; width: 40%; line-height: 1.6em; text-align: left; font-size: 1.8em; float: right; margin: 0 0 15px 35px;}

	div.container1{padding: 55px 0 55px 0; color: #FFF; background-color: #16637d;}
	div.container2{padding: 55px 0 55px 0; color: #9B7575; background-color: #fff;}
	div.container3{padding: 55px 0 55px 0; color: #9B7575; background-color: #F1F1F1;}

	h1.container1{color: #4eb4d5;}
	h1.container2{color: #454545;}
	h2.container2{color: #fff;}

	.subcontent-width{width: 80%;}
	
	.footer{background-color: #000; color: #ccc; padding: 55px 0 55px 0; font-weight: normal; font-size: 1em;}
	
	.top-header{font-family: 'Nunito', sans-serif;background-color: #000; font-size: 0.9em; padding: 40px 40px 40px 0; text-align: center;}
	
	.top-left{float: left; text-align: left;}
	.top-right{float: right; text-align: right; margin: 25px 0 0 0;}
	
	.logo{width: 340px;}
	
	img.condo-about{float: right;}
	
	img.circle{
		position:relative;
		border-radius:100%;
		overflow:hidden;
	}
	
	.rounded{
		border-radius: 15px;
	}
	
	.back-to-top {
		position: fixed;
		bottom: 1em;
		right: 0px;
		text-decoration: none;
		color: #000000;
		background-color: rgba(235, 235, 235, 0.80);
		font-size: 12px;
		padding: 1em;
		display: none;
	}

	.back-to-top:hover {	
		background-color: rgba(135, 135, 135, 0.50);
	}	
	.back-to-top:active, .back-to-top:link, .back-to-top:visited {	
		color: #000;
	}	
	
	.blue-sq-main{
		float: right; margin: 0 0 15px 35px; width: 350px;
	}
	
	.brochure-page{float: left; margin-right: 15px; width: 30%;}
	
	.management-sq{text-align: center; margin-top: 40px; margin-bottom: 40px;}
	.management-sq-txt{float: left; display: inline-block; margin: 0 15px 0px 0px; color: #FFF; line-height: 1.9em; font-size: 1.2em;}
	.management-sq-img{float: left; width: 37%;}
	
	.img-toronto-lake{width: 100%; display: block; margin-top: 50px;}
	
	.list-delivery{float: left; width: 45%; text-align: left; font-size: 1.1em;}
	.list-delivery2{float: right;  width: 45%; text-align: left; font-size: 1.1em;}
	
	.img-pmgmnt{float: right; margin: 0 0 15px 35px; width: 350px;}
	
	.footer-right{float: right; margin-left: 20px; text-align: left;}
	
	.logo-footer{width: 80%;}

	
/* 
1
	  
Desktop Version - biggest 

*/
@media only screen 
and (min-width : 960px){
	.subcontent-width{width: 90%;}
	
	div.container1, div.container2, div.container3, div.footer{padding: 45px 20px 45px 20px;}
	
	.logo{width: 483px;}
	
}

/* 
      2
 everything under 960px
 
 */
@media only screen and (min-width : 1px) and (max-width : 959px) { 
	body{
	 font-size: 0.94em;
	}
	
	.show-mobile{display: inline;}
	
	.hide-mobile{display: none;}
	
	.clear_mobile{clear: both;}
	
	.subcontent-width{width: 100%;}
	
	div.container1, div.container2, div.container3, div.footer{padding: 30px 20px; margin: 0px;}
	
	.logo{width: 95%;}
	
	.blue-sq-main{
		float: none; width: 100%; margin: 0 auto 20px auto;
	}
	
	.brochure-page{float: none; margin: 0 0 10px 0; width: 100%;}
	
	.main-review{padding: 30px 30px; width: 100%; float: none; margin: 0 0 15px 0;}
	
	.management-sq{float: none; width: 100%; margin-top: 20px; margin-bottom: 20px;}
	.management-sq-txt{float: none; width: 100%; margin: 0;}
	.management-sq-img{float: none; width: 100%;}
	
	.list-delivery{float: none; width: 100%;}
	.list-delivery2{float: none; width: 100%;}
	
	.img-pmgmnt{float: none; margin: 0 0 15px 0; width: 100%;}
	
	.footer-right{float: none; margin: 0;}
	
	.logo-footer{float: left; margin-bottom: 20px; width: 90%;}
	
	.footer{font-size: 1.1em;}

}

/* 
      3 - LAST
	  
 between iphone 5s and big desktop
 
 */
@media only screen 
and (min-width : 569px)
and (max-width : 959px){

	.brochure-page{float: left; margin: 0 15px 15px 0; width: 46%;}
	
	.main-review{padding: 30px 30px; width: 50%; float: right; margin: 0 0 15px 15px;}
	
	.logo-footer{float: left; margin-bottom: 20px; width: 50%;}

}



/* 
      TOP MENU ONLY FROM 1295px AND UP
 */
@media only screen 
and (min-width : 1px)
and (max-width : 1295px){
	
	.logo{width: 95%; max-width: 420px;}
	
	.top-left{float: none; text-align: center;}
	
	.top-right{float: none; text-align: center; margin: 10px auto 0 auto; font-size: 1.4em; line-height: 1.8em; width: 90%;}
	
	.top-header{padding: 20px 20px 20px 0;}

}