/* ==========================================================================
   Base styles: opinionated defaults
   Author: JX 20130127 (Adapted from HTML5 Boilerplate 4)
   ========================================================================== */

/* base text style */
html, button, input, select, textarea { color:#222; font-family:sans-serif; }
body { font-size:1em; line-height:1.4; }

/* text selection style */
::-moz-selection { color:#fff; background:#222; text-shadow:none; }
::selection { color:#fff; background:#222; text-shadow:none; }

/* simplified hr style */
hr { display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #ccc; }

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img { vertical-align:middle; }

/* Remove default fieldset styles. */
fieldset { border:0; margin:0; padding:0; }

/* Remove default webkit styles on form elements. */
button, input, select, textarea { -webkit-appearance:none; -webkit-border-radius:0; }
button:focus, input:focus, select:focus, textarea:focus { outline: none; }

/* Allow only vertical resizing of textareas. */
textarea { resize:vertical; }

/* Default table cell vertical alignment */
th, td { vertical-align:top; }

/* Chrome Frame prompt */
.chromeframe {
    margin:0.2em 0; padding:0.2em 0;
    color:#000; background:#ccc; }

/* Link styles*/
a           { color: #1082e2; /*theme blu*/ } 
a:visited   { color: #1082e2; /*theme blu*/ }
a:hover     { color: #1082e2; /*theme blu*/ }
a:focus     { color: #1082e2; /*theme blu*/ }

/* Link transitions */
a {
    -webkit-transition-property:color,background-color,border-color;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease-in-out;
    -webkit-transition-delay:0s;

    -moz-transition-property:color,background-color,border-color;
    -moz-transition-duration:0.3s;
    -moz-transition-timing-function:ease-in-out;
    -moz-transition-delay:0s;

    -o-transition-property:color,background-color,border-color;
    -o-transition-duration:0.3s;
    -o-transition-timing-function:ease-in-out;
    -o-transition-delay:0s;

    transition-property:color,background-color,border-color;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
    transition-delay:0s; }


/* ==========================================================================
   Primary Styles
   Author: JX 201310
   ========================================================================== */


/* ==========================================================================
   structure - WEBFONT
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* loader */
#loader { 
	display:none; position:absolute; top:180px; left:50%; width:60px; height:60px; margin:0 0 0 -30px; padding:0; overflow:hidden;
	color:#666; background:#fff;
	font-size:40px; line-height:60px;
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }

/* -------------------------------------------------------------------------- */
/* loading */
.js #container { 
	visibility:hidden; opacity:0;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-o-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out; }
	
.wf-loading #loader 	{ display:block; }

/* -------------------------------------------------------------------------- */
/* active */
.wf-active #container,
.wf-inactive #container	{ visibility:visible; opacity:1; }

.wf-active #loader,
.wf-inactive #loader 	{ display:none!important; }


/* ==========================================================================
   structure - GLOBAL
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* html canvas */
html, body { height:100% }

/* -------------------------------------------------------------------------- */
/* body */
body.ps { 
	position:relative; margin:0; padding:0;
	color:#252525; background:#fff; 
	font-family:'Source Sans Pro',sans-serif; font-size:16px; font-weight:400; line-height:24px; }
	
	/* -------------------------------------------------------------------------- */
	/* blockings */
	#container, 
		#header, #utils, #content, #footer, .section,
			#header 	> .padder,
			#utils	 	> .padder,
			#content 	> .padder,
			#footer 	> .padder,
			.section 	> .padder { 
		display:block; position:relative; width:auto; height:auto; margin:0 auto; padding:0; }
		
	/* container */
	#container { 
		min-width:0px; max-width:2000px; }
	
	/* sections */
	#header, #utils, #content, #footer, .section { 
		min-width:300px; max-width:auto; }	
		
	/* padders */
	#header 	> .padder,
	#utils	 	> .padder,
	#content 	> .padder,
	#footer 	> .padder,
	.section 	> .padder {
		min-width:0px; max-width:1240px; border:20px solid transparent; }
	
	/* padder.full - can stretch to full width */
	#header 	> .padder.full,
	#utils	 	> .padder.full,
	#content 	> .padder.full,
	#footer 	> .padder.full,
	.section 	> .padder.full {
		max-width:100%; }

/* -------------------------------------------------------------------------- */
/* oldie */

/* fix size for oldie */
.oldie #container { width:960px; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:800px) {
	/* adjust padders */
	#header 	> .padder,
	#utils	 	> .padder,
	#content 	> .padder,
	#footer 	> .padder,
	.section 	> .padder {
		border-width:15px; }
}
@media only screen and (max-width:500px) {
	/* adjust padders */
	#header 	> .padder,
	#utils	 	> .padder,
	#content 	> .padder,
	#footer 	> .padder,
	.section 	> .padder {
		border-width:10px; }
}


/* ==========================================================================
   structure - HEADER
   ========================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
#header { background:#05519a; }
	
	/* -------------------------------------------------------------------------- */
	/* brand */
	#header .brand { 
		display:block; position:relative; width:130px; height:auto; margin:0 auto; padding:0; overflow:hidden; float:left; clear:left; }
		
		/* common */
		#header .brand img { 
			display:inline-block; height:auto; margin:0 auto; text-align:center; vertical-align:middle; }
		
		/* crest */
		#header .brand .crest { width:130px; }
		
		/* title */
		#header .brand .title { width:169px; display:none; }
					
/* ------------------------------------------------------------------------------ */
/* header responsive down */
@media only screen and (max-width:860px) {

	/* stack branding and nav */
	#header .brand 			{ width:300px; padding:10px; float:none; clear:both; text-align:center; }
	#header .brand img 		{ display:inline-block!important; }
	#header .brand .crest 	{ width:100px; }
	#header .brand .title 	{ width:149px; margin-right:20px; }

}
@media only screen and (max-width:770px) {
	
	/* remove side gaps */
	#header > .padder { border-width:0; }

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

	/* shorter brand */
	#header .brand 			{ width:200px; margin:0; text-align:left; }
	#header .brand .crest 	{ width:75px; }
	#header .brand .title 	{ width:108px; margin-right:0; }
	
}

/* ------------------------------------------------------------------------------ */
/* header responsive up */
@media only screen and (min-width:1200px) {

	/* show brand title */
	#header .brand 			{ width:300px; }
	#header .brand .title 	{ display:inline-block; }
	
}


/* ==========================================================================
   structure - NAV
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* navToggle */
#navToggle { display:none; }

/* -------------------------------------------------------------------------- */
/* container */ 
#nav { margin:0 0 0 150px; overflow:hidden; }
	
	/* ------------------------------------------------------------------------------ */
	/* navItems */
	#navItems { 
		margin:0; padding:0; overflow:hidden; 
		color:#fff; white-space:nowrap; text-overflow:ellipsis; text-align:center; }
	
		/* navItem */
		#nav .navItem { 
			display:inline-block; width:auto; height:93px; margin:0; padding:0; overflow:hidden; 
			color:#fff; font-size:16px; font-weight:400; line-height:40px; text-align:center; vertical-align:middle;
			text-decoration:none!important; outline:0 none!important; }
			
			/* items - label */
			#nav .navItem .label { 
				display:block; width:auto; margin:26px 12px; padding:0; 
				white-space:nowrap;	border-bottom:3px solid transparent;
				/*transition*/
				/*-webkit-transform:translate3d(0,0,0);*/
				-webkit-transition:border-color 0.3s ease-in-out;
				-moz-transition:border-color 0.3s ease-in-out;
				-o-transition:border-color 0.3s ease-in-out;
				transition:border-color 0.3s ease-in-out; }
			#nav .navItem.first-child .label { margin-left:0; }
			#nav .navItem.last-child  .label { margin-right:0; }
				
			/* navItem - label - interaction */	
			.no-touch #nav .navItem:hover .label,
			.no-touch #nav .navItem:focus .label,
			.touch #nav .navItem:active .label { border-bottom-color:#1082e2; }
		
		/* navItem - selected */
		#nav .navItem.selected,
		#nav .navItem.selected .label,
		.no-touch #nav .navItem.selected:hover .label,
		.no-touch #nav .navItem.selected:focus .label,
		.touch #nav .navItem.selected:active .label { 
			color:#fff; border-bottom-color:#d9a600; 
			pointer-events:none; cursor:default; }

/* ------------------------------------------------------------------------------ */
/* nav responsive down */
@media only screen and (max-width:980px) {
	
	/* reduece item size */
	#nav .navItem .label { margin-left:10px; margin-right:10px; font-size:15px; }

}
@media only screen and (max-width:920px) {
	
	/* reduece item size */
	#nav .navItem .label { margin-left:8px; margin-right:8px; font-size:14px; }

}
@media only screen and (max-width:860px) {
	
	/* stacking order */
	#nav 					{ margin:0 0 5px 0; }
	#nav .navItem 			{ height:auto; }
	#nav .navItem .label 	{ margin:0 8px; font-size:15px; }

}
@media only screen and (max-width:770px) {
	
	/* show navToggle */
	#navToggle { 
		display:block; position:absolute; top:21px; right:35px; }
	
	/* ------------------------------------------------------------------------------ */
	/* switch to drop down */
	#nav { 
		width:auto; max-height:0; margin:0; padding:0;
		background:#0f69b1 url(../img/bg-crest-blu.png) right bottom no-repeat; background-size:180px 240px;
		/*transition*/
		-webkit-transition:max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
		-moz-transition:max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
		-o-transition:max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
		transition:max-height 0.3s ease-in-out, padding 0.3s ease-in-out; }
					
		/* ------------------------------------------------------------------------------ */
		/* navItem */
		#nav #navItems .navItem { 
			display:block; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
			color:#fff; background:none;
			font-size:18px; line-height:25px; text-align:left;
			text-decoration:none!important; }
			
			/* label */
			#nav .navItem .label { 
				margin:0; padding:10px 25px; border-bottom:none!important;
				font-size:18px; }
		
		/* interaction */	
		.no-touch #nav #navItems .navItem:hover,
		.no-touch #nav #navItems .navItem:focus,
		.touch #nav #navItems .navItem:active 				{ background:#0c548c; }
		
		/* selected */
		#nav #navItems .navItem.selected,
		#nav #navItems .navItem.selected .label,
		.no-touch #nav #navItems .navItem.selected:hover,
		.no-touch #nav #navItems .navItem.selected:focus,
		.touch #nav #navItems .navItem.selected:active 		{ background:#d6a400; }
	
	/* -------------------------------------------------------------------------- */
	/* interaction */
	
	/* nav active */
	#nav.active { max-height:500px; padding:10px 0; }	
	
}
@media only screen and (max-width:500px) {

	/* smaller navToggle */
	#navToggle 				{ width:38px; height:38px; top:18px; right:10px; line-height:38px; }
	.ie7 #navToggle .icon,
	#navToggle .icon:before { font-size:21px; line-height:38px; }	
	
}

/* ------------------------------------------------------------------------------ */
/* nav responsive up */
@media only screen and (min-width:1200px) {

	/* shrink nav for brand title */
	#nav { margin-left:350px; }
	
	/* align nav to brand title */
	#nav .navItem .label { margin:20px 12px; }

}


/* ================================================================================================== */
/* structure - SIDENAV */
/* ================================================================================================== */

/* -------------------------------------------------------------------------- */
/* sideNavHeader */
#sideNavHeader { 
	position:relative; width:auto; height:auto; margin:0; padding:0 25px 15px 25px; overflow:hidden;
	color:#373737; font-size:28px; font-weight:400; line-height:32px; }

/* -------------------------------------------------------------------------- */
/* container */
#sideNav { 
	list-style:none; margin:0; padding:0; width:auto; height:auto; overflow:hidden; }
	
/* genesis contextmenu output error fix */
#sideNav + ul { display:none; }

	/* ------------------------------------------------------------------------------ */
	/* icon */
	#sideNav .icon {	 
		display:none; position:absolute; width:12px; height:12px; margin:0; overflow:hidden;
		color:#ebebeb; font-size:12px; line-height:12px; text-align:left; text-indent:0;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:none 0.3s ease-in-out;
		-moz-transition:none 0.3s ease-in-out;
		-o-transition:none 0.3s ease-in-out;
		transition:none 0.3s ease-in-out; }
	
	/* position */
	#sideNav li li .icon 		{ top:13px; left:25px; display:block; }
	.ie7 #sideNav li li .icon 	{ top:16px; }
	
	/* interaction */
	#sideNav a:hover .icon,
	#sideNav a:focus .icon 		{ color:#d9a600; }
	
	#sideNav li.selected .icon 	{ color:#d9a600; display:block; }
	#sideNav li .selected .icon { cursor:default!important; }
	
	#sideNav li li.selected > a .icon,
	#sideNav li li.selected > a:hover .icon,
	#sideNav li li.selected > a:focus .icon { color:#d9a600!important; }
	
	/* ------------------------------------------------------------------------------ */
	/* level 1 */
	#sideNav li {
		position:relative; margin:0; padding:0; width:100%;
		color:#373737; font-size:14px; font-weight:400; line-height:18px; }
	
	/* IE7 extra bottom gap fix */
	.ie7 #sideNav li { 
		line-height:14px; vertical-align:bottom; }
		
		/* ------------------------------------------------------------------------------ */
		/* links */
		#sideNav li a,
		#sideNav li a:link,
		#sideNav li a:active,
		#sideNav li a:visited {
			display:block; position:relative; width:auto; margin:0; padding:10px 25px; 
			color:#373737; text-decoration:none; }		
		
		/* interaction */
		#sideNav li a:hover,
		#sideNav li a:focus { 
			color:#fff; background:#d9a600;	text-decoration:none; }
		
		/* ------------------------------------------------------------------------------ */
		/* selected */
		#sideNav li.selected 					{  }
		
		#sideNav li.selected a 					{ cursor:pointer; }
		#sideNav li.selected a:hover,
		#sideNav li.selected a:focus 			{  }
		
		#sideNav li.selected a.selected,
		#sideNav li.selected a.selected:hover,
		#sideNav li.selected a.selected:focus 	{ color:#373737; background:#f3f3f3; text-decoration:none; 
												  cursor:default; pointer-events:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* level 2 container */
	#sideNav li ul 						{ display:none; padding:0 0 0 0; }
	#sideNav li.selected > ul 			{ display:block; }
	
	/* normalize items */
	#sideNav li ul,
	#sideNav li li,
	#sideNav li li.selected,
	#sideNav li li a,
	#sideNav li li.selected a,
	#sideNav li li.selected a.selected 	{ margin:0!important; list-style:none!important; border:none!important; background:none!important; }
	
	/* level 2 item */
	#sideNav li li 		{ font-size:14px; }
		
		/* links */
		#sideNav li li a,
		#sideNav li li a:link,
		#sideNav li li a:active,
		#sideNav li li a:visited 				{ color:#373737; width:auto; padding:10px 25px; background:none!important; cursor:pointer!important; }
		
		#sideNav li li a span 					{ display:inline-block; width:auto; padding-left:15px; }
		
		/* interaction */
		#sideNav li li a:hover,
		#sideNav li li a:focus,
		#sideNav li li a:hover span,
		#sideNav li li a:focus span				{ text-decoration:underline!important; }
		
		#sideNav li li.selected > a,
		#sideNav li li.selected > a:hover,
		#sideNav li li.selected > a:focus 		{ color:#373737!important; background:#f3f3f3!important;  
											 	  cursor:default!important; pointer-events:none; }
		#sideNav li li.selected > a:hover,
		#sideNav li li.selected > a:focus,
		#sideNav li li.selected > a:hover span,
		#sideNav li li.selected > a:focus span	{ text-decoration:none!important; }
		
/* ------------------------------------------------------------------------------ */
/* responsive */
@media only screen and (max-width:800px) {
		
	/* update side gaps */
	#sideNavHeader,
	#sideNav li a,
	#sideNav li a:link,
	#sideNav li a:active,
	#sideNav li a:visited,
	#sideNav li li a,
	#sideNav li li a:link,
	#sideNav li li a:active,
	#sideNav li li a:visited { padding-left:30px; padding-right:30px; }	
	
	/* update icon */
	#sideNav > li > a .icon,
	#sideNav > li.selected > a .icon { display:none; }
	#sideNav li li .icon { left:30px; }
	
}
@media only screen and (max-width:500px) {

	/* update side gaps */
	#sideNavHeader,
	#sideNav li a,
	#sideNav li a:link,
	#sideNav li a:active,
	#sideNav li a:visited,
	#sideNav li li a,
	#sideNav li li a:link,
	#sideNav li li a:active,
	#sideNav li li a:visited { padding-left:20px; padding-right:20px; }	
	
	/* update icon */
	#sideNav li li .icon { left:20px; }

}


/* ==========================================================================
   structure - UTILS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* padder */
#utils > .padder { padding:20px 0; border-bottom:none; } 
	
	/* btn */
	#utils .btnBox { min-width:15%; padding-left:2%; padding-right:2%; }
	#utils .btnBox,
	#utils .btnBox .label { font-size:20px; line-height:24px; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:800px) {
	
	/* reduce gaps */
	#utils > .padder { padding:15px 0; } 
	
	/* reduce button size */
	#utils .btnBox { padding:14px 20px; }
	#utils .btnBox,
	#utils .btnBox .label { font-size:16px; line-height:20px; }	

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

	/* reduce button size */
	#utils .btnBox { min-width:0; }

}
@media only screen and (max-width:500px) {
	
	/* reduce gaps */
	#utils > .padder { padding:10px 0; }
	
	/* reduce button size */
	#utils .btnBox { padding:10px 12px; }
	#utils .btnBox,
	#utils .btnBox .label { font-size:13px; line-height:16px; }		

}	
	

/* ==========================================================================
   structure - CONTENT SHELL
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#content { background:#fff; }
	
	/* padder */
	#content > .padder { border-bottom-width:0; }
	
	/* -------------------------------------------------------------------------- */
	/* common */
	
	/* content */
	#main,
	#aside,
		#main  > .padder,
		#aside > .padder,
		#extra { position:relative; width:auto; height:auto; margin:0; padding:0; }
	
	/* bg */
	.mainBg { position:absolute; top:0; height:100%; margin:0; padding:0; background:#ebebeb; }
	
	/* -------------------------------------------------------------------------- */
	/* main */
	#main 	{ width:80.00%; float:left; clear:left; min-height:300px; }
	.mainBg { width:80.00%; left:0; }
		
		/* extra */
		#extra 					{ display:none; width:26.5%; float:left; clear:left; min-height:260px; background:silver; }
		#main.withExtra #extra 	{ display:block; }
		
		/* main padder */
		#main > .padder 			{ padding:50px; }
		#main.withExtra > .padder 	{ margin-left:26.5%; }
		
	/* -------------------------------------------------------------------------- */
	/* main.full */
	#main.full { width:auto; float:none; clear:both; min-height:0; background:#ebebeb; }
		
	/* -------------------------------------------------------------------------- */
	/* aside */
	#aside 	{ width:20.00%; /*padding:50px 0;*/ padding: 0; float:left; clear:right; overflow:hidden; }
	
/* -------------------------------------------------------------------------- */
/* content responsive */
@media only screen and (max-width:1000px) {
	
	/* reduce gaps */
	#main > .padder { padding:40px; }
	#aside 			{ padding:40px 0; }
}
@media only screen and (max-width:860px) { 
	
	/* adjust padder */
	#content > .padder 	{ border-bottom-width:20px; }
	
	/* stacking order */
	#main,
	#aside 				{ width:auto; float:none; clear:both; }
	
	/* update bg */
	.mainBg 			{ display:none; }
	#main 				{ background:#ebebeb; }
	#aside				{ background:#ebebeb url(../img/bg-crest-gry.png) right bottom no-repeat; }
	
	
	/* adjust gaps */
	#main > .padder 	{ padding:30px; }
	#aside 				{ padding:30px 0; border-top:20px solid #fff; }
	
}
@media only screen and (max-width:800px) {
	
	/* adjust padder */
	#content > .padder 	{ border-bottom-width:15px; }
	
	/* adjust gaps */
	#aside 				{ border-top-width:15px; }

}
@media only screen and (max-width:500px) {
	
	/* adjust padder */
	#content > .padder 	{ border-bottom-width:10px; }
	
	/* adjust gaps */
	#main > .padder 	{ padding:20px; }
	#aside 				{ border-top-width:10px; background-size:220px 215px; }
	
	/* stack extra */
	#main.withExtra > .padder 	{ margin-left:0; }
	#extra 						{ width:auto; float:none; clear:both; }
	
	/* btnBoxTitle */
	.btnBox.btnBoxTitle { 
		display:block; width:100%; margin:-20px -20px 16px -20px!important; padding:12px 20px; }
			
}
/* -------------------------------------------------------------------------- */
/* content responsive upstream */
@media only screen and (min-width:1600px) {
	
	/* increase content right gap */
	#main > .padder 			{ padding-left:70px; padding-right:20%; }
	#main.full > .padder 		{ padding-left:50px; padding-right:50px; }	
	#main.withExtra > .padder 	{ padding-right:15%; }

}


/* ==========================================================================
   structure - FOOTER
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#footer {  }
	
	/* padder */
	#footer > .padder { background:#1b1b1b; border-color:#fff; border-top:none; }
	
	/* -------------------------------------------------------------------------- */
	/* footerLinks */
	
	/* common */
	#footerLinks,
	#footerLinks li { 
		list-style:none; margin:0; padding:0;
		color:#666; font-size:14px; font-weight:400; line-height:1em; }
	
	/* container */
	#footerLinks { height:14px; margin-right:20%; padding:35px 4%; }
	
		/* li */
		#footerLinks li { 
			margin-left:8px; padding-left:8px; float:left; 
			border-left:1px solid #444; }
		#footerLinks li:first-child { 
			margin:0; padding:0; border:none; }
			
			/* a */
			#footerLinks a 			{ color:#666; text-decoration:none; }
			#footerLinks a:hover,
			#footerLinks a:focus,
			#footerLinks a:active 	{ color:#888; text-decoration:underline; }
			
			/* Footer Link MYBMG logo */
			.logo-mybmg { position: relative; top: -3px; width: 63px; height: 22px;}
			
	/* -------------------------------------------------------------------------- */
	/* btnFW */
	#btnFW { 
		display:block; position:absolute; top:50%; right:0; width:20%; height:20px; margin:-10px 0 0 0; padding:0; overflow:hidden;
		background:url(../img/btn-fw.png) center center no-repeat; border:none;
		/*opacity*/opacity:0.55; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter:alpha(opacity=55);
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:opacity 0.3s ease-in-out;
		-moz-transition:opacity 0.3s ease-in-out;
		-o-transition:opacity 0.3s ease-in-out;
		transition:opacity 0.3s ease-in-out; }
	#btnFW:hover,
	#btnFW:focus { 
		/*opacity*/opacity:0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); }

/* -------------------------------------------------------------------------- */
/* footer.invert */

/* padder */
#footer.invert > .padder { background:#fff; border:none; }

	/* footerLinks */
	#footer.invert #footerLinks { padding:20px 4%; }
	
		/* item */
		#footer.invert #footerLinks,
		#footer.invert #footerLinks li { color:#999; }
		#footer.invert #footerLinks li { border-left-color:#ccc; }
		
			/* a */
			#footer.invert #footerLinks a 		 { color:#999; }
			#footer.invert #footerLinks a:hover,
			#footer.invert #footerLinks a:focus,
			#footer.invert #footerLinks a:active { color:#777; }
		
	/* btnFW */
	#footer.invert #btnFW { 
		background-image:url(../img/btn-fw-invert.png);
		/*opacity*/opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); }
	#footer.invert #btnFW:hover,
	#footer.invert #btnFW:focus { 
		/*opacity*/opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:1000px) {
	
	/* adjust gaps */
	#footerLinks { margin-right:28%; }
	#btnFW { width:28%; }
	
}
@media only screen and (max-width:860px) {

	/* adjust gaps */
	#footerLinks 				{ height:12px; padding:30px 25px; }
	#footer.invert #footerLinks { padding:20px 25px; }
	
	/* smaller item */
	#footerLinks,
	#footerLinks li { font-size:12px; }
	#footerLinks li { margin-left:7px; padding-left:7px; }
	
}
@media only screen and (max-width:770px) {
	
	/* switch from left to center align */
	#footerLinks 			{ height:36px; margin:0; text-align:center; }
	#footerLinks li 		{ display:inline-block; float:none; clear:both; }
	.ie7 #footerLinks li 	{ display:inline; }
	
	/* break from 2nd item */
	#footerLinks li:first-child 		{ display:block; padding:0 0 1em 0; }
	#footerLinks li:first-child + li 	{ margin:0; padding:0; border:none; }
	
	/* hide btnFw */
	#btnFW { display:none; }

}
@media only screen and (max-width:500px) {
	
	/* get box style */
	#footer.invert > .padder { background:#e9e9e9; border:10px solid #fff; }
	
	/* bigger text */
	#footerLinks,
	#footerLinks li { font-size:14px; }
	
	/* stack items */
	#footerLinks { height:auto; padding:12px 20px; text-align:left; }
	#footer.invert #footerLinks { padding:12px 20px; }
	
	#footerLinks li,
	#footerLinks li:first-child,
	#footerLinks li:first-child + li { 
		display:block; border:none; margin:0; padding:8px 0;
		line-height:1.2em; }
	
}


/* ==========================================================================
   structure - COLUMNS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* columns common */
.colFull,
.col2a,
.col2b,
.col3a,
.col3b,
.col3c,
.colMain,
.colSide { display:block; position:relative; height:auto; margin:0; padding:0; overflow:visible; }

/* -------------------------------------------------------------------------- */
/* contentViewport */
.colFull .contentViewport,
.col2a   .contentViewport,
.col2b   .contentViewport,
.col3a   .contentViewport,
.col3b   .contentViewport,
.col3c   .contentViewport,
.colMain .contentViewport,
.colSide .contentViewport { width:auto; }
	
/* -------------------------------------------------------------------------- */
/* colFull */
.colFull 				{ width:auto; float:none; clear:both; }
.colFull:first-child 	{ clear:none; }
.colFull.first-child 	{ clear:none; }
	
/* -------------------------------------------------------------------------- */
/* col2 */
.col2a,
.col2b { width:47%; }
.col2a { float:left; clear:left; }
.col2b { float:right; clear:right; }

/* -------------------------------------------------------------------------- */
/* col3 */
.col3a,
.col3b,
.col3c	 			{ width:29.6%; }
.col3a	 			{ float:left; clear:left; }
.col3b,
.formView .col3b	{ float:left; clear:none; margin-left:5.6%; }
.col3c 				{ float:right; clear:right; }

/* -------------------------------------------------------------------------- */
/* main/side */
.colMain { width:60%; float:left;  clear:left; }
.colSide { width:36%; float:right; clear:right; }

/* -------------------------------------------------------------------------- */
/* columns responsive */
@media only screen and (max-width:700px) {

	/* make 50/50 columns */
	.colMain,
	.colSide { width:48%; }

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

	/* -------------------------------------------------------------------------- */
	/* content */
	
	/* make col2 stacking */
	.col2a,
	.col2b { width:auto; float:none; clear:both; }

	/* make col3 stacking */
	.col3a,
	.col3b,
	.col3c { width:auto; margin-left:0; float:none; clear:both; }
	
	/* col2Important */
	.col2Important.col2a,
	.col2Important.col2b { width:47.75%; }
	.col2Important.col2a { float:left; clear:left; }
	.col2Important.col2b { float:right; clear:right; }
	
	/* col3Important */
	.col3Important.col3a,
	.col3Important.col3b, 	
	.col3Important.col3c { width:29.6%; }
	.col3Important.col3a { float:left; clear:left; }
	.col3Important.col3b { float:left; clear:none; margin-left:5.6%;  }
	.col3Important.col3c { float:right; clear:right; }
	
	/* make/side stacking */
	.colMain,
	.colSide { width:auto; float:none; clear:both; }
	
	/* -------------------------------------------------------------------------- */
	/* form */
	
	/* make formview col2 stacking */
	.formView .col2,
	.formView .col2a,
	.formView .col2b { width:auto; float:none; clear:both; }
	
	/* make formview col3 stacking */
	.formView .col3,
	.formView .col3a,
	.formView .col3b,
	.formView .col3c { width:auto; margin-left:0; float:none; clear:both; }

	/* formview col2Important */
	.formView .col2Important 		{ width:47.75%; }
	.formView .col2Important.col2a 	{ float:left; clear:left; }
	.formView .col2Important.col2b 	{ float:right; clear:right; }
	
	/* formview col3Important */
	.formView .col3Important 		{ width:29.6%; }
	.formView .col3Important.col3a 	{ float:left; clear:left; }
	.formView .col3Important.col3b 	{ float:left; clear:none; margin-left:5.6%;  }
	.formView .col3Important.col3c 	{ float:right; clear:right; }

}


/* ==========================================================================
   common - SYSMSG
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
.sysmsg { 
	position:relative; width:auto; height:auto; margin:0; padding:20px 25px 17px 25px; overflow:hidden;
	color:#fff!important; background:#fff; text-align:center; 
	font-size:15px; font-weight:400; line-height:24px; }
	
	/* common */
	.sysmsg h3,
	.sysmsg h4,
	.sysmsg p,
	.sysmsg li 	{ margin:0; padding:0 0 8px 0; color:#fff!important; }
	
	/* custom */
	.sysmsg h3,
	.sysmsg h4 	{ font-size:18px; font-weight:600; }
	.sysmsg a	{ text-decoration:underline; }
		
/* extend */
.sysmsgSuccess 	{ background:#9dba32; }
.sysmsgError 	{ background:#e94b35; }


/* ==========================================================================
   common - FORM
   ========================================================================== */

/* -------------------------------------------------------- */
/* container */
.formView { position:relative; margin:0; padding:0; }

	/* form */
	.formView form {
		display:block; position:relative; width:100%; height:auto; margin:0; padding:0; }
		
		/* -------------------------------------------------------- */
		/* placeholder */
		::-webkit-input-placeholder 	{ color:#373737; }
		:-moz-placeholder 				{ color:#373737; }
		::-moz-placeholder 				{ color:#373737; }
		:-ms-input-placeholder			{ color:#373737; }
		:input-placeholder				{ color:#373737; }
		
		/* -------------------------------------------------------- */
		/* fieldset */
		.formView fieldset { 
			display:block; position:relative; margin:0 auto; padding:0; border:0; }
		
		/* -------------------------------------------------------- */
		/* label */			
		.formView label { 
			display:block; margin:0; padding:24px 0 0 0;
			color:#252525; vertical-align:baseline; white-space:nowrap; text-overflow:ellipsis;
			font-size:20px; font-weight:300; line-height:40px; }
		
		/* inline */
		.formView label.inline { 
			display:inline-block; margin:0; padding:24px 24px 0 12px; line-height:24px; overflow:hidden;
			white-space:normal; vertical-align:middle; }
			
		/* disabled */
		.formView .disabled label { 
			color:#777; }
		
		/* -------------------------------------------------------- */
		/* radio/checkbox */
		
		/* default */
		.formView input.radio,
		.formView input.checkbox { /*by JS*/ }
		
		/* custom-form-elements */
		.formView span.radio,
		.formView span.checkbox	{ 
			display:inline-block; width:32px; height:32px; margin:24px 0 0 0; padding:0;
			background:url(../img/radio-custom.png) no-repeat; vertical-align:middle;
			cursor:pointer!important; }
		.formView span.checkbox { 
			background-image:url(../img/checkbox-custom.png); }		
		
		/* disabled */
		.formView .disabled span.radio,
		.formView .disabled span.checkbox { 
			cursor:default!important; }
			
		/* -------------------------------------------------------- */
		/* input */
		.formView input.text { 
			display:block; width:100%; height:1em; margin:0; padding:12px 0; overflow:hidden;
			color:#252525; background:none; border:none; border-bottom:1px solid #252525;
			font-family:'Source Sans Pro',sans-serif; font-size:16px; line-height:1em; font-weight:400;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-moz-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-o-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
		
		/* interaction */
		.formView input.text:focus,
		.touch .formView input.text:active { 
			color:#262626; border-color:#D9A600; }
		.formView input.text[disabled] { 
			color:#777!important; border-color:#777; }
		
		/* datepicker */
		.formView input.text.datepicker + .icon { 
			bottom:17px; right:14px; width:14px; height:14px;
			color:#1f353f; font-size:14px; line-height:14px;
			cursor:pointer!important; }
		.formView input.text.datepicker + .icon:hover { 
			color:#1f353f; }
		
		/* nesting */
		/*
		.formView .col2 > input.text 					{ width:91.25%; padding-left:4%; padding-right:4%; }
		.formView .col2 > .col2 > input.text 			{ width:83.25%; padding-left:8%; padding-right:8%; }
		.formView .col2 > .col3 > input.text 			{ width:75.25%; padding-left:12%; padding-right:12%; }
		.formView .col2 > .col2 > .col2 > input.text 	{ width:67.25%; padding-left:16%; padding-right:16%; }
		*/
		
		/* ------------------------------------------------------------------------------ */
		/* select */
		.formView select,
		.formView .select { 
			display:block; width:94.75%; height:1em; margin:0; padding:12px 5% 12px 0; overflow:hidden;
			color:#252525; 
			font-size:16px; line-height:1em; font-weight:400;
			cursor:pointer!important;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:color 0.3s ease-in-out;
			-moz-transition:color 0.3s ease-in-out;
			-o-transition:color 0.3s ease-in-out;
			transition:color 0.3s ease-in-out; }
		
		/* custom-form-elements */
		
		/* same dimension as .select */
		.formView select 		{ position:relative; width:100%!important; height:40px!important; margin:0; padding:0; border:none;
								  /*box-sizing*/-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } 
		/* put <select> on top */
		.formView .select 		{ position:absolute; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #252525; } 
		
		/* optimise position for IE7 */
		.ie7 .formView select 	{ margin-top:10px; } 
		
		/* icon */
		.formView .select .icon { right:0; top:50%; width:24px; height:24px; margin:-12px 0 0 0; font-size:21px; line-height:24px; text-align:right; }
		
		/* nesting */
		/*
		.formView .col2 > .select 					{ width:85.25%; padding-left:4%; padding-right:10%; }
		.formView .col2 > .col2 > .select 			{ width:71.25%; padding-left:8%; padding-right:20%; }
		.formView .col2 > .col3 > .select 			{ width:57.25%; padding-left:12%; padding-right:30%; }
		.formView .col2 > .col2 > .col2 > .select 	{ width:43.25%; padding-left:16%; padding-right:40%; }
		*/
		
		/* -------------------------------------------------------------------------- */
		/* select filter */
		
		/* container */
		.formView .filter { width:200px; }
			
			/* bigger select */
			.formView .filter .select { 
				width:100%; padding-right:0; border:none;
				font-size:21px; line-height:1em; text-align:center; }
			.formView .filter select { 
				height:45px!important; }
		
				/* icon */
				.formView .select .iconInline { 
					font-size:21px; line-height:1em; padding-left:0.67em; vertical-align:inherit; }
				.ie7 .formView .select .iconInline { 
					vertical-align:middle; }
		
		/* -------------------------------------------------------- */
		/* textarea */
		.formView textarea { 
			display:block; width:95.75%; margin:0; padding:8px 2%; overflow:hidden;
			color:#252525; background:none; border:1px solid #252525; resize:vertical;
			font-family:'Source Sans Pro',sans-serif; font-size:16px; line-height:20px; font-weight:400;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-moz-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-o-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
		
		/* interaction */
		.formView textarea:focus,
		.touch .formView textarea:active { 
			color:#252525; background:#fff; border-color:#252525; }
		.formView textarea[disabled] { 
			color:#777!important; border-color:#777; }
		
		/* nesting */
		.formView .col2 > textarea 						{ width:91.25%; padding-left:4%; padding-right:4%; }
		.formView .col2 > .col2 > textarea 				{ width:83.25%; padding-left:8%; padding-right:8%; }
		.formView .col2 > .col3 > textarea	 			{ width:75.25%; padding-left:12%; padding-right:12%; }
		.formView .col2 > .col2 > .col2 > textarea 		{ width:67.25%; padding-left:16%; padding-right:16%; }

/* -------------------------------------------------------------------------- */
/* invert */

/* placeholder */
.invert ::-webkit-input-placeholder 	{ color:#fefefe; }
.invert :-moz-placeholder 				{ color:#fefefe; }
.invert ::-moz-placeholder 				{ color:#fefefe; }
.invert :-ms-input-placeholder			{ color:#fefefe; }
.invert :input-placeholder				{ color:#fefefe; }

/* label */			
.invert .formView label,
.formView.invert label 				{ color:#fff; }
.invert .formView .disabled label,
.formView.invert .disabled label 	{ color:#ccc; }

/* radio/checkbox */
.invert .formView span.radio,
.formView.invert span.radio		{ background-image:url(../img/radio-custom-invert.png); }
.invert .formView span.checkbox,
.formView.invert span.checkbox 	{ background-image:url(../img/checkbox-custom-invert.png); }

/* input */
.invert .formView input.text,
.formView.invert input.text 	{ color:#fff; border-bottom-color:#fff; }

.invert .formView input.text:focus,
.touch .invert .formView input.text:active,
.formView.invert input.text:focus,
.touch .formView.invert input.text:active 	{ color:#fff; border-color:#fff; }
.invert .formView input.text[disabled],
.formView.invert input.text[disabled] 		{ color:#ccc!important; border-color:#fff; }

/* datepicker */
.invert .formView input.text.datepicker + .icon,
.invert .formView input.text.datepicker + .icon:hover,
.formView.invert input.text.datepicker + .icon,
.formView.invert input.text.datepicker + .icon:hover { color:#fff; }

/* select */
.invert .formView .select,
.formView.invert .select 	{ color:#fff; }
.invert .formView .select,
.formView.invert .select 	{ border-bottom-color:#fff; } 

/* textarea */
.invert .formView textarea,
.formView.invert textarea 	{ color:#fff; border-color:#fff; }

.invert .formView textarea:focus,
.touch .invert .formView textarea:active,
.formView.invert textarea:focus,
.touch .formView.invert textarea:active 	{ color:#fff; background:none; border-color:#fff; }
.invert .formView textarea[disabled],
.formView.invert textarea[disabled] 		{ color:#ccc!important; border-color:#fff; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:640px) {
	
	/* reduce label top gap */
	.formView label 		{ padding-top:8px; font-size:18px; }
	.formView label.inline 	{ padding-top:16px; }
	
	/* reduce radio/checkbox top gap */
	.formView span.radio,
	.formView span.checkbox { margin-top:16px; }

}
@media only screen and (max-width:500px) {
	
	/* normalize for mobile */
	
	/* input/textarea */
	.formView input.text,
	.formView .col2 > input.text,
	.formView .col2 > .col2 > input.text, 
	.formView .col2 > .col2 > .col2 > input.text 		{ width:100%; padding-left:0%; padding-right:0%; }
	.formView textarea,
	.formView .col2 > textarea,
	.formView .col2 > .col2 > textarea, 
	.formView .col2 > .col2 > .col2 > textarea 			{ width:91.75%; padding-left:4%; padding-right:4%; }
		
	/* select */
	.formView .select,
	.formView .col2 > .select,
	.formView .col2 > .col2 > .select,
	.formView .col2 > .col2 > .col2 > .select 			{ width:89.75%; padding-left:0%; padding-right:10%; }
	
	/* col2Important */
	.formView .col2 > .col2.col2Important > input.text 	{ width:100%; padding-left:0%; padding-right:0%; }
	.formView .col2 > .col2.col2Important > .select 	{ width:79.75%; padding-left:0%; padding-right:20%; }
	
	/* col3Important */
	.formView .col2 > .col3.col3Important > input.text 	{ width:100%; padding-left:0%; padding-right:0%; }
	.formView .col2 > .col3.col3Important > .select		{ width:69.75%; padding-left:0%; padding-right:30%; }

	/* button */
	.formView .btnBox,
	.formView .btnText,
	.formView .btnOutline { 
		display:block; margin-left:0!important; margin-right:0!important;
		float:none!important; clear:both!important; text-align:center; }
	
}
@media 	(-o-min-device-pixel-ratio: 5/4),
		(-webkit-min-device-pixel-ratio: 1.25),
		(min-resolution:120dpi) {
	/*use @2x image*/
	.formView span.radio,
	.formView span.checkbox { background-image:url(../img/radio-custom@2x.png); background-size:32px 128px; }
	.formView span.checkbox { background-image:url(../img/checkbox-custom@2x.png); }
	
	.formView.invert span.radio,
	.formView.invert span.checkbox,
	.invert .formView span.radio,
	.invert .formView span.checkbox { background-image:url(../img/radio-custom@2x-invert.png); }
	.formView.invert span.checkbox,
	.invert .formView span.checkbox { background-image:url(../img/checkbox-custom@2x-invert.png); }
}


/* ==========================================================================
   common - TILES
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
.tiles { position:relative; }
.tiles .padder { }

/* -------------------------------------------------------------------------- */
/* default */
.tile { 
	display:block; position:relative; width:auto; height:auto; margin:0; padding:50% 0 0 0; overflow:hidden;
	background:#fff; border:5px solid #fff; border-right:none; border-top:none;
	/*box-sizing*/-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* -------------------------------------------------------------------------- */
/* link */		 
a.tile { cursor:pointer; text-decoration:none!important; outline:0 none!important; }

/* -------------------------------------------------------------------------- */
/* interaction */	
.no-touch a.tile {
	/*transform-origin*/
	-webkit-transform-origin:50%;
	-moz-transform-origin:50%;
	-ms-transform-origin:50%;
	-o-transform-origin:50%;
	transform-origin:50%;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	-moz-transition:-moz-transform 0.3s ease-in-out;
	-o-transition:-o-transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out; }
.no-touch a.tile:hover,
.touch a.tile:active { 
	/*transform*/
	-webkit-transform:scale(0.95);
	-moz-transform:scale(0.95);
	-ms-transform:scale(0.95);
	-o-transform:scale(0.95);
	transform:scale(0.95); }

/* -------------------------------------------------------------------------- */
/* sizes */
.tile 		{ width:50%; }
.tile.w2	{ width:100%; }	
.tile.h2	{ padding-top:99.75%; }

/* -------------------------------------------------------------------------- */
/* content */

/* common */
.tile > img,
.tile > .padder,
.tile > .caption 		{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden; }

/* padder */
.tile > .padder  		{ width:80%; height:80%; padding:10%; }
.tile.w2 > .padder  	{ width:90%; height:80%; padding:5%; }
.tile.h2 > .padder		{ width:80%; height:90%; padding:10%; }
.tile.w2.h2 > .padder	{ width:90%; height:90%; padding:5%; }

/* img */
.ie7 .tile > img 		{ height:auto; }

/* caption */
.tile > .caption 		{ top:auto; bottom:0; width:80%; height:auto; padding:6% 10%; background:rgba(37,37,37,0.9); }
.tile.w2 > .caption 	{ width:90%; padding:3% 5%; }
.tile.h2 > .caption 	{ width:80%; padding:6% 10%; }
.tile.w2.h2 > .caption 	{ width:90%; padding:3% 5%; }

/* fallback */
.oldie .tile > .caption { background:#373737; }

/* -------------------------------------------------------------------------- */
/* types */

/* typeB fade */
.tile.typeB:after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:8%; background-color:transparent; }
.oldie .tile.typeB:after { display:none; }
.tile.typeB.bgc-blu:after {
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16,130,226,0)), color-stop(100%,rgba(16,130,226,1)));
	background-image:-webkit-linear-gradient(top, rgba(16,130,226,0) 0%, rgba(16,130,226,1) 100%);
	background-image:-moz-linear-gradient(top, rgba(16,130,226,0) 0%, rgba(16,130,226,1) 100%);
	background-image:-o-linear-gradient(top, rgba(16,130,226,0) 0%, rgba(16,130,226,1) 100%);
	background-image:linear-gradient(to bottom, rgba(16,130,226,0) 0%, rgba(16,130,226,1) 100%); }
.tile.typeB.bgc-gld:after {
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,187,43,0)), color-stop(100%,rgba(231,187,43,1)));
	background-image:-webkit-linear-gradient(top, rgba(231,187,43,0) 0%, rgba(231,187,43,1) 100%);
	background-image:-moz-linear-gradient(top, rgba(231,187,43,0) 0%, rgba(231,187,43,1) 100%);
	background-image:-o-linear-gradient(top, rgba(231,187,43,0) 0%, rgba(231,187,43,1) 100%);
	background-image:linear-gradient(to bottom, rgba(231,187,43,0) 0%, rgba(231,187,43,1) 100%); }
	
/* typeB watermark */
.tile.typeB.watermark 		{ background-image:url(../img/img-crest-watermark.png); background-repeat:no-repeat;
							  background-position:center center; background-size:75%; }
.tile.typeB.w2.watermark 	{ background-position:right bottom;  background-size:40%; }
.tile.typeB.h2.watermark 	{ background-position:center bottom; background-size:75%; }
.tile.typeB.w2.h2.watermark { background-position:right bottom;  background-size:75%; }

/* -------------------------------------------------------------------------- */
/* contentViewport */

.tile .contentViewport .tileTitle 		{ font-size:22px; line-height:24px; font-weight:300; padding-bottom:16px; }
.tile .contentViewport p  				{ font-size:14px; line-height:20px; }
.tile .contentViewport > :last-child  	{ margin-bottom:0!important; padding-bottom:0!important; }
.tile .contentViewport > .last-child  	{ margin-bottom:0!important; padding-bottom:0!important; }

.tile .contentViewport a 				{ text-decoration:none!important; }
.tile .contentViewport a:hover,
.tile .contentViewport a:focus,
.tile .contentViewport a:active 		{ text-decoration:underline!important; }

/* -------------------------------------------------------------------------- */
/* responsive downstream */
@media only screen and (max-width:900px) {
	
	/* adjust tile */
	.tile.h2	{ padding-top:99.00%; }
	
	/* shrink text */
	.tile .contentViewport .tileTitle 		{ font-size:18px; line-height:22px; padding-bottom:10px; }
	.tile .contentViewport p  				{ font-size:13px; line-height:18px; }

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

	/* adjust tile */
	.tile.h2	{ padding-top:99.25%; }	

}
@media only screen and (max-width:600px) {
	
	/* enlarge text */
	.tile .contentViewport .tileTitle 		{ font-size:30px; line-height:36px; padding-bottom:24px; }
	.tile .contentViewport p  				{ font-size:20px; line-height:28px; padding-bottom:16px; }

}
@media only screen and (max-width:500px) {
	
	/* shrink text */
	.tile .contentViewport .tileTitle 		{ font-size:22px; line-height:24px; padding-bottom:16px; }
	.tile .contentViewport p  				{ font-size:14px; line-height:20px; padding-bottom:8px; }

}
@media only screen and (max-width:400px) {
	
	/* shrink text */
	.tile .contentViewport .tileTitle 		{ font-size:18px; line-height:22px; padding-bottom:10px; }
	.tile .contentViewport p  				{ font-size:13px; line-height:18px; }

}

/* -------------------------------------------------------------------------- */
/* responsive upstream */
@media only screen and (min-width:1200px) {
	
	/* enlarge text */
	.tile .contentViewport .tileTitle 		{ font-size:30px; line-height:36px; padding-bottom:24px; }
	.tile .contentViewport p  				{ font-size:20px; line-height:28px; padding-bottom:16px; }

}
@media only screen and (min-width:1350px) {
	
	/* -------------------------------------------------------------------------- */
	/* half all tiles */
	
	/* sizes */
	.tile 					{ width:25%; }
	.tile.w2				{ width:50%; }
	.tile.h2 				{ width:25%; }
	.tile.w2.h2 			{ width:50%; }
	
	.tile					{ padding-top:25%; }
	.tile.w2 				{ padding-top:25%; }
	.tile.h2 				{ padding-top:49.75%; }
	.tile.w2.h2 			{ padding-top:49.75%; }
	
	/* padder */
	.tile > .padder  		{ width:80%; height:80%; padding:10%; }
	.tile.w2 > .padder  	{ width:90%; height:80%; padding:5%; }
	.tile.h2 > .padder		{ width:80%; height:90%; padding:10%; }
	.tile.w2.h2 > .padder	{ width:90%; height:90%; padding:5%; }
	
	/* caption */
	.tile > .caption 		{ width:80%; padding:6% 10%; }
	.tile.w2 > .caption 	{ width:90%; padding:3% 5%; }
	.tile.h2 > .caption 	{ width:80%; padding:6% 10%; }
	.tile.w2.h2 > .caption 	{ width:90%; padding:3% 5%; }
	
	/* shrink text */
	.tile .contentViewport .tileTitle 		{ font-size:22px; line-height:24px; padding-bottom:16px; }
	.tile .contentViewport p  				{ font-size:14px; line-height:20px; padding-bottom:8px; }

}
@media only screen and (min-width:1900px) {
	
	/* -------------------------------------------------------------------------- */
	/* adjust tiles */
	.tile.h2 				{ padding-top:49.75%; }
	
	/* -------------------------------------------------------------------------- */
	/* enlarge padding */
	
	/* padder */
	.tile > .padder  		{ width:74%; height:74%; padding:13%; }
	.tile.w2 > .padder  	{ width:87%; height:74%; padding:6.5%; }
	.tile.h2 > .padder		{ width:74%; height:87%; padding:13%; }
	.tile.w2.h2 > .padder	{ width:87%; height:87%; padding:6.5%; }
	
	/* caption */
	.tile > .caption 		{ width:74%; padding:7% 13%; }
	.tile.w2 > .caption 	{ width:87%; padding:4% 6.5%; }
	.tile.h2 > .caption 	{ width:74%; padding:7% 13%; }
	.tile.w2.h2 > .caption 	{ width:87%; padding:4% 6.5%; }

	/* enlarge text */
	.tile .contentViewport .tileTitle 		{ font-size:30px; line-height:36px; padding-bottom:24px; }
	.tile .contentViewport p  				{ font-size:20px; line-height:28px; padding-bottom:16px; }

}

/* -------------------------------------------------------------------------- */
/* oldIE fallback - normalize tiles to single column */

/* border */
.oldie .tile:last-child 		{ border-bottom:none; }
.oldie .tile.last-child 		{ border-bottom:none; }

/* sizes */
.oldie .tile,
.oldie .tile.w2,
.oldie .tile.h2 				{ width:100%; }

.oldie .tile					{ padding-top:50%; }
.oldie .tile.w2 				{ padding-top:50%; }
.oldie .tile.w2.h2 				{ padding-top:100%; }

.oldie .tile.typeA				{ padding-top:100%; }
.oldie .tile.typeA.w2			{ padding-top:50%; }
.oldie .tile.typeB.w2			{ padding-top:100%; }
.oldie .tile.typeA.h2			{ padding-top:198%; }
.oldie .tile.typeB.h2			{ padding-top:100%; }
.oldie .tile.typeA.w2.h2		{ padding-top:100%; }
.oldie .tile.typeB.w2.h2		{ padding-top:100%; }

/* padder */
.oldie .tile > .padder,
.oldie .tile.w2 > .padder,
.oldie .tile.h2 > .padder,
.oldie .tile.w2.h2 > .padder	{ width:90%; height:90%; padding:5%; }

/* caption */
.oldie .tile > .caption,
.oldie .tile.w2 > .caption,
.oldie .tile.h2 > .caption,
.oldie .tile.w2.h2 > .caption 	{ width:90%; padding:3% 5%; }

/* adjust text */
.oldie .tile .contentViewport .tileTitle 	{ font-size:22px; line-height:24px; padding-bottom:16px; }
.oldie .tile .contentViewport p  			{ font-size:15px; line-height:20px; padding-bottom:8px; }


/* ==========================================================================
   common - ITEM HEADING
   ========================================================================== */
.itemHeading { 
	display:block; position:relative; width:auto; height:auto; margin:0; padding:0 25px; overflow:hidden;
	color:#fff; background:#383838; white-space:nowrap; text-overflow:ellipsis;
	font-size:26px; font-weight:300; line-height:60px; }
		
/* -------------------------------------------------------------------------- */
/* responsive */	
@media only screen and (max-width:800px) {
	
	/* adjust padding with padder */
	.itemHeading { padding:0 30px; }

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

	/* reduce font size */
	.itemHeading { font-size:22px; }
	
}
@media only screen and (max-width:500px) {

	/* adjust padding with padder */
	.itemHeading { padding:0 20px; font-size:20px; }
	
}


/* ==========================================================================
   common - POD
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* default */
.pod { 
	display:block; position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }
	
	/* padder */
	.pod > .padder { 
		display:block; position:relative; width:auto; height:auto; margin:0; padding:20px 25px; overflow:hidden; }
		
		/* heading */
		.pod .heading { 
			padding:0.4em 0 0.2em 0; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:800px) {

	/* adjust padder */
	.pod > .padder { padding:20px 30px; }

}
@media only screen and (max-width:500px) {
	
	/* adjust padder */
	.pod > .padder { padding:15px 20px; }
	
	/* custom */
	#podEnews { margin-top:20px; }

}


/* ==========================================================================
   common - ITEMS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* default */
.item { 
	display:block; position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
	color:#252525!important; border-bottom:1px solid #ebebeb;
	text-decoration:none; outline:0 none; cursor:pointer; }
	
/* interaction */
.no-touch a.item:hover,
.touch a.item:active { 
	color:#fff!important; background:#d9a600; border-bottom-color:#d9a600;
	text-decoration:none; outline:0 none; cursor:pointer; }

	/* -------------------------------------------------------------------------- */
	/* common */
	.item img,
	.item span { display:block; position:relative; }
	
	/* -------------------------------------------------------------------------- */
	/* imgThumb */
	.item .imgThumb { width:100%; height:auto; }
	
	/* -------------------------------------------------------------------------- */
	/* padder */
	.item .padder {
		display:block; position:relative; width:auto; height:auto; margin:0; padding:20px 25px; overflow:hidden; }
		
		/* title */
		.item .title { 
			min-height:4.8em;/*4 lines*/ margin-bottom:1.2em;
			font-size:18px; line-height:1.2em; }
		
		/* tag */
		.item .tag { 
			margin-right:5px;
			color:#9f9f9f; font-size:14px; line-height:1.57em;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:color 0.3s ease-in-out;
			-moz-transition:color 0.3s ease-in-out;
			-o-transition:color 0.3s ease-in-out;
			transition:color 0.3s ease-in-out; }
		.no-touch a.item:hover .tag,
		.touch a.item:active .tag { color:#fff; }
		
	/* -------------------------------------------------------------------------- */
	/* icon */
	.item .icon { 
		display:none; bottom:20px; right:0; width:1em; height:1.428em; margin:0; padding:0; overflow:hidden;
		color:#b3b3b3; font-size:14px; line-height:1.428em; }
	a.item .icon { 
		display:block; }
	
	.no-touch a.item:hover .icon,
	.touch a.item:active .icon { 
		color:#fff; right:15px; }

/* -------------------------------------------------------------------------- */
/* item.grid */
.item.grid { 
	display:inline-block; width:22.75%; margin:0 1% 2% 1%;/*4up*/
	background:#fff; border:none; vertical-align:top; }
	
	/* icon */
	.item.grid .icon { right:15px; }

/* -------------------------------------------------------------------------- */
/* item.grid.pub */
.no-touch a.item.grid.pub:hover,
.touch a.item.grid.pub:active { background:#1367ad; border-bottom-color:#1367ad; }
	
	/* title */
	.item.grid.pub .title { min-height:13.2em;/*11 lines*/ }
	
		/* desc */
		.item.grid.pub .desc { 
			margin-top:1.5em; 
			font-size:0.8em; line-height:1.5em;/*1.2/0.8*/ }
	
	/* tag */
	.item.grid.pub .tag { margin-right:20px; }
	
	/* icon */
	.item.grid.pub .icon,
	.no-touch a.item.grid.pub:hover .icon,
	.touch a.item.grid.pub:active .icon { font-size:21px; right:20px; }

/* -------------------------------------------------------------------------- */
/* item.stack */
.item.stack { 
	display:block; width:100%; margin:0; padding:0; overflow:hidden;
	background:#fff; border-bottom:1px solid #ebebeb; }
.item.stack:last-child { border-bottom:none; }
.item.stack.last-child { border-bottom:none; }
	
	/* title */
	.item.stack .title { 
		display:inline-block; min-height:1em!important;/*1 line*/ margin:0 0.5em 0 0; 
		font-size:20px; line-height:1em; }
	
	/* tag */
	.item.stack .tag { 
		display:inline-block; padding:0 0 0 0.5em; 
		color:#252525; border-left:1px solid #252525;
		font-size:20px; line-height:1em;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
	.no-touch a.item.stack:hover .tag,
	.touch a.item.stack:active .tag { border-color:#fff; }
	
	/* icon */
	.item.stack .icon { height:20px; right:25px; font-size:18px; line-height:20px; }

/* -------------------------------------------------------------------------- */
/* item.feat */
.item.feat { 
	background:#fff; border:none; }

	/* heading */
	.item.feat .itemHeading 		{ margin-top:-60px; background:rgba(37,37,37,0.9); }
	.oldie .item.feat .itemHeading 	{ background:#383838; }	
	
	/* padding */
	.item.feat .padder { padding:25px; }
		
		/* title */
		.item.feat .title { 
			min-height:1.2em;/*1 line*/ margin-bottom:0.4em;
			font-size:24px; font-weight:400; line-height:1.2em; }
			
		/* desc */
		.item.feat .desc { }	
		
		/* tag */
		.item.feat .tag { margin:2em 20px 0 0; font-size:18px; line-height:1em; }	
		
	/* icon */
	.item.feat .icon { height:20px; right:25px; bottom:25px; font-size:18px; line-height:20px; }

/* -------------------------------------------------------------------------- */
/* responsive - downstream */
@media only screen and (max-width:1100px) {
	
	/* update grid to 3up */
	.item.grid { width:30.08%; margin:0 1.5% 3% 1.5%; }
	
	/* update min height */
	.item.grid.pub .title { min-height:12em;/*10 lines*/ }
	
}
@media only screen and (max-width:860px) {
	
	/* min-height */
	.item .title 						{ min-height:0; margin-bottom:0.3em; }
	.item.grid .title 					{ min-height:6em;/*5 lines*/ }
	.item.grid.pub .title 				{ min-height:14.4em;/*12 lines*/ }
	
	/* update border */
	.item 								{ border-bottom-color:#fff; }
	.no-touch a.item:hover,
	.touch a.item:active 				{ border-bottom-color:#d9a600; }
	
	/* adjust icon */
	.item .title,
	.item .tag 							{ margin-right:15px; }
	.item.grid .title					{ margin-right:0; }
	.item.grid .tag						{ margin-right:5px; }
	
	.item .icon 						{ right:15px; }
	.no-touch a.item:hover .icon,
	.touch a.item:active .icon 			{ right:25px; }
	.no-touch a.item.grid:hover .icon,
	.touch a.item.grid:active .icon 	{ right:15px; }

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

	/* adjust padder */
	.item .padder 		{ padding:20px 30px; }
	.item.grid .padder 	{ padding:15px 15px; }
	.item.feat .padder	{ padding:25px 30px; }
	
	/* smaller size */
	.item.grid .title	{ font-size:16px; }
	.item.grid .tag		{ margin-right:15px; font-size:12px; }
	.item.grid .icon	{ bottom:15px; }

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

	/* hide desc */
	.item.grid.pub .title 	{ min-height:7.2em;/*6 lines*/ }
	.item.grid.pub .desc 	{ display:none; }
	
	/* smaller size */
	.item.stack .title,
	.item.stack .tag 		{ font-size:18px; }
	.item.stack .icon 		{ height:1em; line-height:1em; }
	
	/* itemHeading */
	.item.feat .itemHeading { margin-top:0; }

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

	/* update grid to 2up */
	.item.grid { width:45.75%; margin:0 2% 4% 2%; }
	.item.grid.pub .title 	{ min-height:4.8em;/*4 lines*/ }

}
@media only screen and (max-width:500px) {
	
	/* adjust padder */
	.item .padder 			{ padding:15px 20px; }
	.item.feat .padder		{ padding:20px; }
	
	/* update grid to 1up */
	.item.grid 				{ display:block; width:auto; margin:0 0 1px 0; }
	.item.grid .imgThumb 	{ display:none; }
	.item.grid .title,
	.item.grid.pub .title	{ min-height:0; }
	
	/* smaller size */
	.item.stack .title		{ font-size:16px; }
	.item.stack .tag 		{ display:block; color:#9f9f9f; padding:0; border:none; font-size:13px; line-height:1.3em; }
	.item.stack .icon		{ height:1.428em; right:15px; font-size:14px; line-height:1.428em; }
	
	/* itemHeading */
	.item.feat .icon 		{ right:20px!important; bottom:20px; font-size:14px; }
	
}
@media only screen and (max-width:400px) {
	
	/* smaller size */
	.item.stack .tag 		{ display:block; color:#9f9f9f; padding:0; border:none; font-size:13px; line-height:1.3em; }
	.item.stack .icon		{ height:1.428em; right:15px!important; bottom:15px; font-size:14px; line-height:1.428em; }	

	/* itemHeading */
	.item.feat .title 		{ font-size:20px; }
	.item.feat .desc 		{ font-size:14px; line-height:1.5em; }	
	.item.feat .tag 		{ margin-top:1.2em; font-size:13px; line-height:20px; }	
		
}

/* -------------------------------------------------------------------------- */
/* responsive - upstream */
@media only screen and (min-width:1200px) {

	/* adjust min height */
	.item .title 		{ min-height:3.6em;/*3 lines*/ }
	.item.grid .title 	{ min-height:4.8em;/*4 lines*/ }

}
@media only screen and (min-width:1600px) {

	/* increase title size */
	.item .title { 
		min-height:3.75em;/*3 lines*/ margin-bottom:1.25em; 
		font-size:20px; line-height:1.25em; }
	.item.grid .title 	{ min-height:4.8em;/*4 lines*/ }

}

/* -------------------------------------------------------------------------- */
/* oldIE fallback */
.oldie .item.grid .title 		{ min-height:6em;/*6 lines*/ }
.oldie .item.grid.pub .title 	{ min-height:15.6em;/*13 lines*/ }


/* ==========================================================================
   common - ITEMLISTING
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* itemListingGrid */
.itemListingGrid {  }

/* -------------------------------------------------------------------------- */
/* itemListingStack */
.itemListingStack {  }


/* ==========================================================================
   common - ICONS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* common */
.icon, .iconInline { 
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; }

/* -------------------------------------------------------------------------- */
/* icon */
.icon { position:absolute; text-align:center; }

/* -------------------------------------------------------------------------- */
/* iconInline */	
.iconInline 			{ display:inline-block; position:relative; padding:0 10px; vertical-align:middle; }
.iconInline.left 		{ padding-left:0; text-align:left; }
.iconInline.right		{ padding-right:0; text-align:right; }

/* -------------------------------------------------------------------------- */
/* circle */
.icon.circle, 
.iconInline.circle 			{ padding:0; text-align:center; }
.iconInline.circle.left  	{ margin-right:8px; }
.iconInline.circle.right 	{ margin-left:8px; }

/* -------------------------------------------------------------------------- */
/* sizes */
.ie7 .icon.sz1, .ie7 .iconInline.sz1,
.icon.sz1:before, .iconInline.sz1:before { font-size:7px!important; }
.ie7 .icon.sz2, .ie7 .iconInline.sz2,
.icon.sz2:before, .iconInline.sz2:before { font-size:14px!important; }
.ie7 .icon.sz3, .ie7 .iconInline.sz3,
.icon.sz3:before, .iconInline.sz3:before { font-size:21px!important; }
.ie7 .icon.sz4, .ie7 .iconInline.sz4,
.icon.sz4:before, .iconInline.sz4:before { font-size:28px!important; }
.ie7 .icon.sz5, .ie7 .iconInline.sz5,
.icon.sz5:before, .iconInline.sz5:before { font-size:35px!important; }


/* ==========================================================================
   common - BUTTONS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* btn */
.btn { cursor:pointer!important; outline:0 none!important; }
.btn.disabled { pointer-events:none; cursor:default!important; }
  
/* -------------------------------------------------------------------------- */
/* btnTouch */
.touch .btnTouch { 
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-user-drag:element;
	/*touch-action*/-ms-touch-action:none; touch-action:none; }

/* -------------------------------------------------------------------------- */
/* btnItem */
.btnItem { 
	display:block; position:relative; width:auto; height:auto; margin:0; padding:8px 25px 8px 20px; overflow:hidden;
	white-space:nowrap; text-overflow:ellipsis;
	color:#444; background:#fff; border-top:1px solid #ddd;
	font-size:13px; font-weight:700; line-height:16px; text-transform:uppercase;
	text-decoration:none!important; outline:0 none!important; cursor:pointer;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	-o-transition:background-color 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out; }
/*.btnItem:last-child { border:none; }*/

/* interaction */
.no-touch .btnItem:hover,
.touch .btnItem:active { background:#fff; }

	/* icon */
	.btnItem .iconInline { 
		width:32px; height:32px; vertical-align:middle;
		color:#fff!important; font-size:0; line-height:0; }
	.ie7 .btnItem .iconInline,
	.btnItem .iconInline:before { 
		font-size:21px; line-height:32px; }
	
	/* label */
	.btnItem .label { 
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }

/* -------------------------------------------------------------------------- */
/* btnIcon */
.btnIcon { 
	display:block; position:relative; width:48px; height:48px; margin:0; padding:0; overflow:hidden;
	color:#fff; background:#373737; 
	font-weight:400; font-size:21px; line-height:48px; 
	text-decoration:none!important; outline:0 none!important; cursor:pointer;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-o-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out; }

/* interaction */
.no-touch a.btnIcon:hover,
.touch a.btnIcon:active { background:#1082e2; } 

	/* icon */
	.btnIcon .icon { 
		top:0; left:0; width:100%; height:100%;
		color:#fff!important; font-size:0; line-height:0; }
	.ie7 .btnIcon .icon,
	.btnIcon .icon:before { 
		font-size:21px; line-height:48px; }
		
/* extend - invert */
.btnIcon.invert 				{ color:#1367ad; background:#fff; }
.no-touch a.btnIcon.invert:hover,
.touch a.btnIcon.invert:active 	{ background:#e7bb2b; }
.btnIcon.invert .icon  			{ color:#1367ad!important; }

/* -------------------------------------------------------------------------- */
/* btnMedia */
.btnMedia { 
	display:block; position:relative; width:auto; height:auto; margin:0 auto; padding:0; overflow:hidden;
	color:#373737; background:#ebebeb;
	text-decoration:none; outline:0 none!important;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	-o-transition:background 0.3s ease-in-out;
	transition:background 0.3s ease-in-out; }

/* interaction */
a.btnMedia 					{ cursor:pointer; }
.no-touch a.btnMedia:hover,
.touch a.btnMedia:active 	{ background:#e7bb2b; text-decoration:none; }
	
	/* --------------------------------------------------------------- */
	/* imgThumb */
	.btnMedia .imgThumb { 
		display:block; width:100%; height:auto; margin:0; padding:0;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:-webkit-transform 0.3s ease-in-out;
		-moz-transition:-moz-transform 0.3s ease-in-out;
		-o-transition:-o-transform 0.3s ease-in-out;
		transition:transform 0.3s ease-in-out; }
	.no-touch a.btnMedia:hover .imgThumb,
	.touch a.btnMedia:active .imgThumb { 
		/*transform*/
		-webkit-transform:scale(0.9);
		-moz-transform:scale(0.9);
		-ms-transform:scale(0.9);
		-o-transform:scale(0.9);
		transform:scale(0.9); }		
	
	/* --------------------------------------------------------------- */
	/* btnIcon */
	.btnMedia .btnIcon { 
		display:none; position:absolute; right:5%; bottom:5%; /*margin-bottom:58px;*/
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:-webkit-transform 0.3s ease-in-out;
		-moz-transition:-moz-transform 0.3s ease-in-out;
		-o-transition:-o-transform 0.3s ease-in-out;
		transition:transform 0.3s ease-in-out; }
	
	/* common */
	.btnMedia .btnIcon,
	.btnMedia .btnIcon .icon { color:#252525!important; }
		
		/* icon */
		.btnMedia .btnIcon .icon { 
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }
	
	/* interaction */
	.no-touch a.btnMedia:hover .btnIcon,
	.touch a.btnMedia:active .btnIcon { 
		/*transform*/
		-webkit-transform:translate(-15px, -15px);
		-moz-transform:translate(-15px, -15px);
		-ms-transform:translate(-15px, -15px);
		-o-transform:translate(-15px, -15px);
		transform:translate(-15px, -15px); }
		
		/* icon */
		.no-touch a.btnMedia:hover .btnIcon .icon,
		.touch a.btnMedia:active .btnIcon .icon { color:#e7bb2b!important; }
	
	/* --------------------------------------------------------------- */
	/* common */
	.btnMedia .label,
	.btnMedia .caption { 
		display:block; position:relative; margin:0; padding:12px 18px; overflow:hidden;
		color:#373737; background:#f3f3f3; font-weight:400; font-size:14px; line-height:16px;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out, background 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out, background 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out, background 0.3s ease-in-out;
		transition:color 0.3s ease-in-out, background 0.3s ease-in-out; }
	.no-touch a.btnMedia:hover .label,
	.touch a.btnMedia:active .label,
	.no-touch a.btnMedia:hover .caption,
	.touch a.btnMedia:active .caption { 
		color:#fff; background:#e7bb2b; text-decoration:none; }	
	
	/* --------------------------------------------------------------- */
	/* label */
	.btnMedia .label { 
		padding:16px 18px; line-height:24px; text-align:center;
		white-space:nowrap; text-overflow:ellipsis; }
		
		/* icon */
		.btnMedia .icon,
		.btnMedia .iconInline { 
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:none 0.3s ease-in-out;
			-moz-transition:none 0.3s ease-in-out;
			-o-transition:none 0.3s ease-in-out;
			transition:none 0.3s ease-in-out; }
			
/* responsive */			
@media only screen and (max-width:500px) {

	/* hide caption/label */
	.btnMedia .label,
	.btnMedia .caption { display:none; }
	
	/* show btnIcon */
	.btnMedia .btnIcon { display:block; }
	
	/* show first only under #extra */
	#extra .btnMedia ~ .btnMedia { display:none; }
	
}

/* -------------------------------------------------------------------------- */
/* btnGroup */
.btnGroup {
	display:block; position:relative; width:auto; height:auto; margin:0 auto; padding:0; overflow:hidden;
	text-align:center; }

	/* a */
	.btnGroup .btn 					{ margin:0 0 1px 1px!important; }
	.btnGroup .btn:first-child 		{ margin-left:0; }


/* ==========================================================================
   common - WIDGETS
   ========================================================================== */
  
/* -------------------------------------------------------------------------- */
/* flipper */
.flipper { 
	/*transform-origin*/
	-webkit-transform-origin:50%;
	-moz-transform-origin:50%;
	transform-origin:50%; 
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	-moz-transition:-moz-transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out;
	/*transform*/
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg); }

/* active */
.flipper.active { 
	/*transform*/
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg); }
.flipper.active.cc {
	/*transform*/
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg); }
	
	/* faces */
	.flipper .front					{ opacity:1; }
	.flipper .back					{ opacity:0; }
	.oldie .flipper .front			{ display:block; }
	.oldie .flipper .back			{ display:none; }
	
	/* active */
	.flipper.active .front			{ opacity:0; }
	.flipper.active .back			{ opacity:1; }
	.oldie .flipper.active .front	{ display:none; }
	.oldie .flipper.active .back	{ display:block; }
	

/* ==========================================================================
   common - STYLES
   ========================================================================== */
.shade { 
	display:block; position:absolute; margin:0; padding:0; overflow:hidden;
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	
.circle { 
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; }


/* ==========================================================================
   common - MISC
   ========================================================================== */
   
/* scroller */
.scroller 		{ overflow:auto!important; }
.iOS .scroller 	{ -webkit-overflow-scrolling:touch; }

/* scaling with native AR */
.scaleByW { width:100%!important; height:auto!important; }
.scaleByH { height:100%!important; width:auto!important; }

/* flash */
.flashContainer { 
	position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden;
	background:#000; }
	
.noFlashMsg { 
	position:relative; width:60%; max-width:600px; height:auto; margin:10% auto; padding:0; overflow:hidden;
	color:#fff;
	font-size:18px; font-weight:700; line-height:24px; text-align:center; }
	
	
/* ==========================================================================
   section - HOME
   ========================================================================== */
   
/* ------------------------------------------------------------------------------ 
   Change layout to fullscreen with 3 independent sections 
   ------------------------------------------------------------------------------ */

/* -------------------------------------------------------------------------- */
/* container */
body.home #container { height:100%; }

/* -------------------------------------------------------------------------- */
/* header */  

/* container */
body.home #header { 
	position:absolute; left:0; top:0; bottom:55px; width:250px; min-width:0; z-index:50;
	background:#0f69b1; border:20px solid #fff; border-right:none; border-bottom:none;
	/*box-sizing*/-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	opacity:0.85; }
.ie7 body.home #header { width:230px; }
	
	/* padder */
	body.home #header > .padder { position:static; border:0; }
	
		/* brand */
		body.home #header .brand { width:auto; height:150px; padding:40px 0; float:none; clear:both; }
			
			/* common */
			body.home #header .brand img { display:block; }
			
			/* crest */
			body.home #header .brand .crest { width:160px; }
			
			/* title */
			body.home #header .brand .title { width:142px; margin:12px auto 0 auto; }
			
/* -------------------------------------------------------------------------- */
/* nav */

/* hide navToggle */
body.home #navToggle { display:none; }

/* switch to drop down */
body.home #nav { 
	position:absolute; left:0; top:231px; bottom:0; width:100%; max-height:auto; margin:0;
	background:#0f69b1; /*url(../img/bg-crest-blu.png) right bottom no-repeat; background-size:237px 316px;*/ }
.oldie body.home #nav { 
	background:#0f69b1 url(../img/bg-crest-blu.png) right bottom no-repeat;	}
		
	/* navItem */
	body.home #nav #navItems .navItem { 
		display:block; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
		color:#fff; background:none;
		font-size:16px; line-height:25px; text-align:left;
		text-decoration:none!important; }
		
		/* label */
		body.home #nav .navItem .label { 
			margin:0; padding:10px 25px; border-bottom:none!important;
			font-size:16px; }
	
	/* interaction */	
	.no-touch body.home #nav #navItems .navItem:hover,
	.no-touch body.home #nav #navItems .navItem:focus,
	.touch body.home #nav #navItems .navItem:active { background:#0c548c; }
	
	/* selected */
	body.home #nav #navItems .navItem.selected,
	body.home #nav #navItems .navItem.selected .label,
	.no-touch body.home #nav #navItems .navItem.selected:hover,
	.no-touch body.home #nav #navItems .navItem.selected:focus,
	.touch body.home #nav #navItems .navItem.selected:active { background:#d6a400; }

/* nav active */
body.home #nav.active { max-height:auto; padding:0; }

/* -------------------------------------------------------------------------- */
/* focus */
body.home #focus { 
	display:block; position:absolute; left:0; right:0; top:0; bottom:55px; 
	width:auto; height:auto; margin:0 auto; padding:0; overflow:hidden; z-index:0;
	border:20px solid #fff; border-bottom:none;
	/*box-sizing*/-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
		
	/* slideshow */
	body.home #focus #focusSlideshow { 
		position:absolute; top:0; left:0; width:100%!important; height:100%!important; margin:0; padding:0; overflow:hidden; }
		
		/* slide */
		body.home #focus #focusSlideshow .slide 			{ position:absolute; top:0; left:0; }
		body.home #focus #focusSlideshow .slide.scaleByW 	{ width:100%!important; height:auto!important; }
		body.home #focus #focusSlideshow .slide.scaleByH 	{ height:100%!important; width:auto!important; }

/* -------------------------------------------------------------------------- */
/* intro */
body.home #intro { 
	display:block; position:absolute; top:0; bottom:55px; right:4.5%; 
	width:22.5%; height:auto; margin:0 auto; padding:0; overflow:hidden; }
	
	/* padder */
	body.home #intro > .padder { 
		position:relative; width:auto; height:auto; margin:0 auto; padding:0; overflow:hidden; }
	
		/* introTitle */
		body.home #intro #introTitle { margin:0; }
		
		/* introText */
		body.home #intro #introText { 
			padding-top:0.8em; text-shadow:0 0 6px rgba(0,0,0,0.2);
			font-size:40px; line-height:1.1em; font-weight:200!important; }
			
		/* introButton */
		body.home #intro #introButton { margin-bottom:0; }

/* oldIE fallback */
.oldie body.home #intro #introText { font-size:36px; }

/* interaction */
body.home #intro #introTitle,
body.home #intro #introText,
body.home #intro #introButton { 
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
	-moz-transition:opacity 0.8s ease-in-out, -moz-transform 0.8s ease-in-out;
	-o-transition:opacity 0.8s ease-in-out, -o-transform 0.8s ease-in-out;
	transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out; }

/* out */
body.home #intro.out #introTitle,
body.home #intro.out #introText,
body.home #intro.out #introButton { 
	/*opacity*/
	opacity:0;
	/*transform*/
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	transform:translate(0,-10px); }

/* in */
body.home #intro.in #introTitle,
body.home #intro.in #introText,
body.home #intro.in #introButton { 
	/*opacity*/
	opacity:1;
	/*transform*/
	-webkit-transform:translate(0);
	-moz-transform:translate(0);
	-o-transform:translate(0);
	transform:translate(0); }

/* -------------------------------------------------------------------------- */
/* footer */
body.home #footer { 
	position:absolute; bottom:0; left:0; width:100%; float:none; clear:both; z-index:51; }

/* -------------------------------------------------------------------------- */
/* responsive down stream */
@media only screen and (max-width:1000px) {

	/* -------------------------------------------------------------------------- */
	/* adjust intro */
	body.home #intro 			{ width:30%; right:4%; }
	body.home #intro #introText { font-size:38px; line-height:1.1em; }

}
@media only screen and (max-width:770px) {
	
	/* -------------------------------------------------------------------------- */
	/* back to normal flow */
	body.home #container { height:auto; }
	
	/* -------------------------------------------------------------------------- */
	/* header */
	body.home #header { 
		position:relative; left:auto; top:auto; bottom:auto; width:auto; min-width:300px;
		border:15px solid #fff; border-bottom:none;
		/*box-sizing*/-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
		opacity:1; }
		
		/* padder */
		body.home #header > .padder { 
			position:relative; border-width:0; }
		
			/* brand */
			body.home #header .brand { 
				width:400px; height:auto; margin:0 auto; padding:30px 10px; float:none; clear:both;
				text-align:center; }
				
				/* common */
				body.home #header .brand img { display:inline-block!important; }
				
				/* crest */
				body.home #header .brand .crest { width:150px; }
				
				/* title */
				body.home #header .brand .title { width:220px; margin:0 0 0 -10px; margin-right:30px; }
	
	/* -------------------------------------------------------------------------- */
	/* nav */
	
	/* show navToggle */
	body.home #navToggle { display:block; }
	
	/* switch to drop down */
	body.home #nav { 
		position:relative; left:auto; top:auto; bottom:auto; width:auto; max-height:0; margin:0; overflow:hidden!important;
		background:#0f69b1 url('../img/bg-crest-blu.png') right bottom no-repeat; background-size:180px 240px; }
						
		/* navItem */
		body.home #nav #navItems .navItem { font-size:18px; }
			
			/* label */
			body.home #nav .navItem .label { font-size:18px; }
		
	/* nav active */
	body.home #nav.active { max-height:500px; padding:10px 0; }
	
	/* -------------------------------------------------------------------------- */
	/* focus */
	body.home #focus { 
		position:relative; left:auto; right:auto; top:auto; bottom:auto; 
		border-width:15px; }
			
		/* slideshow */
		body.home #focus #focusSlideshow { 
			position:relative; top:auto; left:auto; height:auto!important; padding-top:47%;/*348/740*/ }
			
			/* slide */
			body.home #focus #focusSlideshow .slide { position:absolute; top:0; left:0; }
	
	/* -------------------------------------------------------------------------- */
	/* intro */
	body.home #intro { 
		position:relative; top:auto; bottom:auto; right:auto; 
		width:auto; background:#0f69b1 url(../img/bg-crest-blu2.png) bottom right no-repeat; background-size:52%; 
		border:15px solid #fff; border-bottom:none; }
		
		/* padder */
		body.home #intro > .padder { width:50%; margin:0; padding:6%; }
		
			/* introTitle */
			body.home #intro #introTitle { display:none; }
			
			/* introText */
			body.home #intro #introText { 
				min-height:4.4em/*4 lines*/; padding-top:0; text-shadow:none; font-size:42px; }
	
	/* interaction */
	
	/* out */
	body.home #intro.out #introTitle,
	body.home #intro.out #introText,
	body.home #intro.out #introButton { 
		/*transform*/
		-webkit-transform:translate(-10px,0);
		-moz-transform:translate(-10px,0);
		-o-transform:translate(-10px,0);
		transform:translate(-10px,0); }
	
	/* -------------------------------------------------------------------------- */
	/* footer */
	body.home #footer { position:relative; bottom:auto; left:auto; width:auto; }
	
}
@media only screen and (max-width:640px) {

	/* -------------------------------------------------------------------------- */
	/* intro */
	
	/* adjust padder */
	body.home #intro > .padder 	{ width:65%; }
	
	/* maintain height */
	body.home #intro #introText { min-height:5.5em/*5 lines*/; }

}
@media only screen and (max-width:600px) {
	
	/* -------------------------------------------------------------------------- */
	/* header */
	
	/* left align brand */
	body.home #header .brand 	{ width:400px; margin:0 0 0 5px; text-align:left; }
	
	/* -------------------------------------------------------------------------- */
	/* intro */
	
	/* adjust padder and text */
	body.home #intro > .padder 	{ width:75%; }
	body.home #intro #introText { font-size:40px; }

}
@media only screen and (max-width:500px) {
	
	/* -------------------------------------------------------------------------- */
	/* header */
	
	/* update border */
	body.home #header					{ border-width:10px; }
	
	/* shorter brand */
	body.home #header .brand 			{ width:200px; margin:0 auto; padding:40px 10px; text-align:center; }
	body.home #header .brand .crest 	{ width:200px; }
	body.home #header .brand .title 	{ width:180px; margin:13px 0 0 0; }
	
	/* navToggle */
	body.home #navToggle 				{ right:18px; }
	
	/* -------------------------------------------------------------------------- */
	/* focus */
	body.home #focus 					{ border-width:10px; }
	body.home #focus #focusSlideshow 	{ padding-top:53.5%;/*396/740*/ }
	
	/* -------------------------------------------------------------------------- */
	/* intro */
	
	/* adjust border */
	body.home #intro 					{ border-width:10px; background-position:50px bottom; background-size:100%; }
	
	/* adjust padder and text */
	body.home #intro > .padder 			{ padding:10%; }
	body.home #intro #introText 		{ font-size:35px; min-height:6.6em/*6 lines*/; }
	
	/* -------------------------------------------------------------------------- */
	/* min-width */
	body.home #header,
	body.home #intro 					{ min-width:280px; }
	body.home #focus					{ min-width:300px; }
	
}

/* -------------------------------------------------------------------------- */
/* responsive up stream */
@media only screen and (min-width:1200px) {

	/* -------------------------------------------------------------------------- */
	/* adjust intro */
	body.home #intro 			{ right:6.5%; }
	body.home #intro #introText { padding-top:1em; font-size:48px; line-height:1.1em; }

}
@media only screen and (min-width:1400px) {

	/* -------------------------------------------------------------------------- */
	/* adjust intro */
	body.home #intro 			{ right:7%; width:20%; }

}
@media only screen and (min-width:1600px) {
	
	/* -------------------------------------------------------------------------- */
	/* make things bigger */  
	
	/* header */
	body.home #header 					{ width:330px; }
	body.home #header .brand 			{ height:200px; padding:50px 0; }
	body.home #header .brand .crest 	{ width:200px; }
	body.home #header .brand .title 	{ width:200px; margin-top:15px; }
	
	/* nav */
	body.home #nav 						{ top:301px; }
	body.home #nav #navItems .navItem 	{ font-size:22px; line-height:26px; }
	body.home #nav .navItem .label 		{ padding:11px 40px; font-size:22px; }
	
}
@media only screen and (min-width:1800px) {

	/* -------------------------------------------------------------------------- */
	/* adjust intro */
	body.home #intro 			{ width:18%; }
	body.home #intro #introText { padding-top:1.6em; font-size:56px; line-height:1.08em; }

}

   
/* ==========================================================================
   section - LANDING
   ========================================================================== */

/* ------------------------------------------------------------------------------ 
   Change layout to fullscreen with 3 independent columns 
   ------------------------------------------------------------------------------ */

/* -------------------------------------------------------------------------- */
/* container */
body.landing #container { height:100%; }

/* -------------------------------------------------------------------------- */
/* header */  

/* container */
body.landing #header { 
	position:absolute; left:0; top:0; bottom:55px; width:250px; min-width:0;
	background:#0f69b1; border:20px solid #fff; border-right:none; border-bottom:none;
	/*box-sizing*/-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ie7 body.landing #header { width:230px; }
	
	/* padder */
	body.landing #header > .padder { position:static; border:0; }
	
		/* brand */
		body.landing #header .brand { width:auto; height:150px; padding:40px 0; float:none; clear:both; }
			
			/* common */
			body.landing #header .brand img { display:block; }
			
			/* crest */
			body.landing #header .brand .crest { width:160px; }
			
			/* title */
			body.landing #header .brand .title { width:142px; margin:12px auto 0 auto; }
			
/* -------------------------------------------------------------------------- */
/* nav */

/* hide navToggle */
body.landing #navToggle { display:none; }

/* switch to drop down */
body.landing #nav { 
	position:absolute; left:0; top:231px; bottom:0; width:100%; max-height:auto; margin:0;
	background:#0f69b1 url(../img/bg-crest-blu.png) right bottom no-repeat; background-size:237px 316px; }
		
	/* navItem */
	body.landing #nav #navItems .navItem { 
		display:block; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
		color:#fff; background:none;
		font-size:16px; line-height:25px; text-align:left;
		text-decoration:none!important; }
		
		/* label */
		body.landing #nav .navItem .label { 
			margin:0; padding:10px 25px; border-bottom:none!important;
			font-size:16px; }
	
	/* interaction */	
	.no-touch body.landing #nav #navItems .navItem:hover,
	.no-touch body.landing #nav #navItems .navItem:focus,
	.touch body.landing #nav #navItems .navItem:active { background:#0c548c; }
	
	/* selected */
	body.landing #nav #navItems .navItem.selected,
	body.landing #nav #navItems .navItem.selected .label,
	.no-touch body.landing #nav #navItems .navItem.selected:hover,
	.no-touch body.landing #nav #navItems .navItem.selected:focus,
	.touch body.landing #nav #navItems .navItem.selected:active { background:#d6a400; }

/* nav active */
body.landing #nav.active { max-height:auto; padding:0; }

/* -------------------------------------------------------------------------- */
/* contentLanding */
body.landing #contentLanding { 
	display:block; position:absolute; left:250px; top:0; bottom:55px; 
	width:350px; height:auto; margin:0 auto; padding:0; overflow:hidden;
	background-position:center center; background-size:cover; 
	border-top:20px solid #fff;
	/*box-sizing*/-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
		
/* oldie fallback */
.oldie body.landing #contentLanding { background:#252525; background-image:none!important; }

	/* padder */
	body.landing #contentLanding > .padder { position:relative; width:auto; padding:30px; }	
	
/* -------------------------------------------------------------------------- */
/* tilesLanding */
body.landing #tilesLanding { 
	display:block; position:absolute; left:600px; right:0; top:0; bottom:50px; 
	width:auto; height:auto; margin:0 auto; padding:0; overflow:hidden;
	border-top:20px solid #fff; border-right:20px solid #fff;
	/*box-sizing*/-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
		
	/* padder */
	body.landing #tilesLanding > .padder { position:relative; width:auto; margin:0 auto; overflow:hidden; }	

/* -------------------------------------------------------------------------- */
/* footer */
body.landing #footer { 
	position:absolute; bottom:0; left:0; width:100%; float:none; clear:both; }

/* -------------------------------------------------------------------------- */
/* responsive down stream */
@media only screen and (max-width:1000px) {
	
	/* reduce content width, making room for tiles */
	body.landing #contentLanding 	{ width:280px; }
	body.landing #tilesLanding 		{ left:530px; }

}
@media only screen and (max-width:770px) {
	
	/* -------------------------------------------------------------------------- */
	/* backto normal flow */
	body.landing #container { height:auto; }
	
	/* -------------------------------------------------------------------------- */
	/* header */
	body.landing #header { 
		position:relative; left:auto; top:auto; bottom:auto; width:auto; min-width:300px;
		background:#05519a; border:none; 
		/*box-sizing*/-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
		
		/* padder */
		body.landing #header > .padder { 
			position:relative; border-width:0; }
		
			/* brand */
			body.landing #header .brand { 
				width:300px; height:auto; margin:0 auto; padding:10px; float:none; clear:both;
				text-align:center; }
				
				/* common */
				body.landing #header .brand img { display:inline-block!important; }
				
				/* crest */
				body.landing #header .brand .crest { width:100px; }
				
				/* title */
				body.landing #header .brand .title { width:149px; margin-top:0; margin-right:20px; }
	
	/* -------------------------------------------------------------------------- */
	/* nav */
	
	/* show navToggle */
	body.landing #navToggle { display:block; }
	
	/* switch to drop down */
	body.landing #nav { 
		position:relative; left:auto; top:auto; bottom:auto; width:auto; max-height:0; margin:0; overflow:hidden!important;
		background:#0f69b1 url('../img/bg-crest-blu.png') right bottom no-repeat; background-size:180px 240px; }
						
		/* navItem */
		body.landing #nav #navItems .navItem { font-size:18px; }
			
			/* label */
			body.landing #nav .navItem .label { font-size:18px; }
		
	/* nav active */
	body.landing #nav.active { max-height:500px; padding:10px 0; }
	
	/* -------------------------------------------------------------------------- */
	/* contentLanding */
	body.landing #contentLanding { 
		position:relative; left:auto; top:auto; bottom:auto; width:45%; height:auto; float:left; clear:left;
		border:none; }
		
		/* padder */
		body.landing #contentLanding > .padder { 
			padding:30px; 
			border:15px solid #fff; border-right:none; border-bottom:none; }	
	
	/* -------------------------------------------------------------------------- */
	/* tilesLanding */
	body.landing #tilesLanding { 
		position:relative; left:auto; right:auto; top:auto; bottom:auto; width:55%; height:auto; float:left; clear:right;
		border:none; }
			
		/* padder */
		body.landing #tilesLanding > .padder { 
			border-top:15px solid #fff; border-right:15px solid #fff; }	
	
	/* -------------------------------------------------------------------------- */
	/* footer */
	body.landing #footer { position:relative; bottom:auto; left:auto; width:auto; }
	
}
@media only screen and (max-width:600px) {

	/* -------------------------------------------------------------------------- */
	/* contentLanding */
	
	/* stretch full */
	body.landing #contentLanding { width:auto; float:none; clear:both; }
	body.landing #contentLanding > .padder { padding:30px; border:none; }
	
	/* -------------------------------------------------------------------------- */
	/* tilesLanding */
	
	/* stack below content */
	body.landing #tilesLanding { width:auto; float:none; clear:both; }
	body.landing #tilesLanding > .padder { border:15px solid #fff; border-left-width:10px; border-bottom:none; }	

}
@media only screen and (max-width:500px) {
	
	/* -------------------------------------------------------------------------- */
	/* header */
	
	/* shorter brand */
	body.landing #header .brand 		{ width:200px; margin:0; text-align:left; }
	body.landing #header .brand .crest 	{ width:75px; }
	body.landing #header .brand .title 	{ width:108px; margin-right:0; }
	
	/* -------------------------------------------------------------------------- */
	/* contentLanding */
	
	/* reduce padder border */
	body.landing #contentLanding > .padder { padding:20px; }
	
	/* -------------------------------------------------------------------------- */
	/* tilesLanding */
	
	/* reduce border */
	body.landing #tilesLanding > .padder { border-width:10px; border-left-width:5px; }	
	
	/* -------------------------------------------------------------------------- */
	/* min-width */
	body.landing #contentLanding,
	body.landing #tilesLanding { min-width:300px; }
	
	/* -------------------------------------------------------------------------- */
	/* footer */
	
	/* half top border to compensate tiles */
	body.landing #footer.invert > .padder { border-top-width:5px; }
	
}

/* -------------------------------------------------------------------------- */
/* responsive up stream */
@media only screen and (min-width:1600px) {
	
	/* -------------------------------------------------------------------------- */
	/* make things bigger */  
	
	/* header */
	body.landing #header 					{ width:330px; }
	body.landing #header .brand 			{ height:200px; padding:50px 0; }
	body.landing #header .brand .crest 		{ width:200px; }
	body.landing #header .brand .title 		{ width:180px; margin-top:15px; }
	
	/* nav */
	body.landing #nav 						{ top:301px; }
	body.landing #nav #navItems .navItem 	{ font-size:22px; line-height:26px; }
	body.landing #nav .navItem .label 		{ padding:11px 40px; font-size:22px; }
	
	/* contentLanding */
	body.landing #contentLanding 			{ left:330px; width:490px; }
	body.landing #contentLanding > .padder 	{ padding:50px 60px; }	
		
	/* tilesLanding */
	body.landing #tilesLanding 				{ left:820px; }

}


/* ==========================================================================
   common - ANIMATION
   ========================================================================== */


/* ==========================================================================
   common - THEMES
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* blu */
.c-blu 			{ color:#1082e2!important; }
.bgc-blu 		{ background-color:#1082e2!important; }
.hoverc-blu 	{ color:#1082e2!important; }
.hoverbgc-blu 	{ background-color:#1082e2!important; }

/* -------------------------------------------------------------------------- */
/* gld */
.c-gld 			{ color:#e7bb2b!important; }
.bgc-gld 		{ background-color:#e7bb2b!important; }
.hoverc-gld 	{ color:#e7bb2b!important; }
.hoverbgc-gld 	{ background-color:#e7bb2b!important; }

/* -------------------------------------------------------------------------- */
/* blk */
.c-blk 			{ color:#373737!important; }
.bgc-blk 		{ background-color:#373737!important; }
.hoverc-blk 	{ color:#373737!important; }
.hoverbgc-blk 	{ background-color:#373737!important; }

/* -------------------------------------------------------------------------- */
/* gry */
.c-gry 			{ color:#ebebeb!important; }
.bgc-gry 		{ background-color:#ebebeb!important; }
.hoverc-gry 	{ color:#ebebeb!important; }
.hoverbgc-gry 	{ background-color:#ebebeb!important; }

/* -------------------------------------------------------------------------- */
/* blu */

/* c */
			.blu .c-n,
.newTheme > .blu .c-n					{ color:#1082e2!important; }
			.blu .c-d,
.newTheme > .blu .c-d					{ color:#1367ad!important; }
/* bgc */
			.blu .bgc-n,
.newTheme > .blu .bgc-n					{ background-color:#1082e2!important; }
			.blu .bgc-d,
.newTheme > .blu .bgc-d					{ background-color:#1367ad!important; }
/* hoverc */
			.blu .hoverc-n:hover,
.newTheme > .blu .hoverc-n:hover		{ color:#1082e2!important; }
			.blu .hoverc-d:hover,
.newTheme > .blu .hoverc-d:hover		{ color:#1367ad!important; }
/* hoverbgc */
			.blu .hoverbgc-n:hover,
.newTheme > .blu .hoverbgc-n:hover		{ background-color:#1082e2!important; }
			.blu .hoverbgc-d:hover,
.newTheme > .blu .hoverbgc-d:hover		{ background-color:#1367ad!important; }
/* activec */
			.blu .active.activebgc-n,
.newTheme > .blu .active.activebgc-n	{ background-color:#1082e2!important; }
			.blu .active.activebgc-d,
.newTheme > .blu .active.activebgc-d	{ background-color:#1367ad!important; }

/* -------------------------------------------------------------------------- */
/* gld */

/* c */
			.gld .c-n,
.newTheme > .gld .c-n					{ color:#e7bb2b!important; }
			.gld .c-d,
.newTheme > .gld .c-d					{ color:#d9a600!important; }
/* bgc */
			.gld .bgc-n,
.newTheme > .gld .bgc-n					{ background-color:#e7bb2b!important; }
			.gld .bgc-d,
.newTheme > .gld .bgc-d					{ background-color:#d9a600!important; }
/* hoverc */
			.gld .hoverc-n:hover,
.newTheme > .gld .hoverc-n:hover		{ color:#e7bb2b!important; }
			.gld .hoverc-d:hover,
.newTheme > .gld .hoverc-d:hover		{ color:#d9a600!important; }
/* hoverbgc */
			.gld .hoverbgc-n:hover,
.newTheme > .gld .hoverbgc-n:hover		{ background-color:#e7bb2b!important; }
			.gld .hoverbgc-d:hover,
.newTheme > .gld .hoverbgc-d:hover		{ background-color:#d9a600!important; }
/* activec */
			.gld .active.activebgc-n,
.newTheme > .gld .active.activebgc-n	{ background-color:#e7bb2b!important; }
			.gld .active.activebgc-d,
.newTheme > .gld .active.activebgc-d	{ background-color:#d9a600!important; }

/* -------------------------------------------------------------------------- */
/* blk */

/* c */
			.blk .c-n,
.newTheme > .blk .c-n					{ color:#373737!important; }
			.blk .c-d,
.newTheme > .blk .c-d					{ color:#252525!important; }
/* bgc */
			.blk .bgc-n,
.newTheme > .blk .bgc-n					{ background-color:#373737!important; }
			.blk .bgc-d,
.newTheme > .blk .bgc-d					{ background-color:#252525!important; }
/* hoverc */
			.blk .hoverc-n:hover,
.newTheme > .blk .hoverc-n:hover		{ color:#373737!important; }
			.blk .hoverc-d:hover,
.newTheme > .blk .hoverc-d:hover		{ color:#252525!important; }
/* hoverbgc */
			.blk .hoverbgc-n:hover,
.newTheme > .blk .hoverbgc-n:hover		{ background-color:#373737!important; }
			.blk .hoverbgc-d:hover,
.newTheme > .blk .hoverbgc-d:hover		{ background-color:#252525!important; }
/* activec */
			.blk .active.activebgc-n,
.newTheme > .blk .active.activebgc-n	{ background-color:#373737!important; }
			.blk .active.activebgc-d,
.newTheme > .blk .active.activebgc-d	{ background-color:#252525!important; }

/* -------------------------------------------------------------------------- */
/* wht */

/* c */
			.wht .c-n,
.newTheme > .wht .c-n					{ color:#ffffff!important; }
			.wht .c-d,
.newTheme > .wht .c-d					{ color:#ebebeb!important; }
/* bgc */
			.wht .bgc-n,
.newTheme > .wht .bgc-n					{ background-color:#ffffff!important; }
			.wht .bgc-d,
.newTheme > .wht .bgc-d					{ background-color:#ebebeb!important; }
/* hoverc */
			.wht .hoverc-n:hover,
.newTheme > .wht .hoverc-n:hover		{ color:#ffffff!important; }
			.wht .hoverc-d:hover,
.newTheme > .wht .hoverc-d:hover		{ color:#ebebeb!important; }
/* hoverbgc */
			.wht .hoverbgc-n:hover,
.newTheme > .wht .hoverbgc-n:hover		{ background-color:#ffffff!important; }
			.wht .hoverbgc-d:hover,
.newTheme > .wht .hoverbgc-d:hover		{ background-color:#ebebeb!important; }
/* activec */
			.wht .active.activebgc-n,
.newTheme > .wht .active.activebgc-n	{ background-color:#ffffff!important; }
			.wht .active.activebgc-d,
.newTheme > .wht .active.activebgc-d	{ background-color:#ebebeb!important; }

   
/* ==========================================================================
   Common Styles
   Author: JX 20120127
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* text style */
.txtUpperCase       { text-transform:uppercase!important; }
.txtLowerCase       { text-transform:lowercase!important; }
.txtNormal	      	{ font-weight:normal!important; }
.txtBold	      	{ font-weight:bold!important; }

/* -------------------------------------------------------------------------- */
/* layout */
.posFix             { position:fixed!important; }
.posAbs             { position:absolute!important; }
.posRel             { position:relative!important; }

.mcenter            { margin-left:auto!important; margin-right:auto!important; }
.acenter            { text-align:center!important; }
.aleft  	        { text-align:left!important; }
.aright	    	    { text-align:right!important; }

.whitespaceNowrap	{ white-space:nowrap!important; }
.whitespaceNormal	{ white-space:normal!important; }

.dispInline         { display:inline!important; }
.dispInlineBlock    { display:inline-block!important; }
.dispBlock          { display:block!important; }
.dispNone          	{ display:none!important; }

.overflowVis        { overflow:visible!important; }
.overflowHid        { overflow:hidden!important; }

.fleft              { float:left!important; }
.fright             { float:right!important; }
.fnone              { float:none!important; }
.cleft              { clear:left!important; }
.cright             { clear:right!important; }
.cboth              { clear:both!important; }

/* -------------------------------------------------------------------------- */
/* margin */
.mgnNone            { margin:0!important; }

.-mgnTop5            { margin-top:-5px!important; }
.-mgnTop10           { margin-top:-10px!important; }
.-mgnTop15           { margin-top:-15px!important; }
.-mgnTop20           { margin-top:-20px!important; }
.-mgnTop25           { margin-top:-25px!important; }
.-mgnTop30           { margin-top:-30px!important; }
.-mgnTop35           { margin-top:-35px!important; }
.-mgnTop40           { margin-top:-40px!important; }
.-mgnTop45           { margin-top:-45px!important; }
.-mgnTop50           { margin-top:-50px!important; }

.mgnTop0            { margin-top:0px!important; }
.mgnTop5            { margin-top:5px!important; }
.mgnTop10           { margin-top:10px!important; }
.mgnTop15           { margin-top:15px!important; }
.mgnTop20           { margin-top:20px!important; }
.mgnTop25           { margin-top:25px!important; }
.mgnTop30           { margin-top:30px!important; }
.mgnTop35           { margin-top:35px!important; }
.mgnTop40           { margin-top:40px!important; }
.mgnTop45           { margin-top:45px!important; }
.mgnTop50           { margin-top:50px!important; }

.mgnBtm0            { margin-bottom:0px!important; }
.mgnBtm5            { margin-bottom:5px!important; }
.mgnBtm10           { margin-bottom:10px!important; }
.mgnBtm15           { margin-bottom:15px!important; }
.mgnBtm20           { margin-bottom:20px!important; }
.mgnBtm25           { margin-bottom:25px!important; }
.mgnBtm30           { margin-bottom:30px!important; }
.mgnBtm35           { margin-bottom:35px!important; }
.mgnBtm40           { margin-bottom:40px!important; }
.mgnBtm45           { margin-bottom:45px!important; }
.mgnBtm50           { margin-bottom:50px!important; }

.mgnLft0            { margin-left:0px!important; }
.mgnLft5            { margin-left:5px!important; }
.mgnLft10           { margin-left:10px!important; }
.mgnLft15           { margin-left:15px!important; }
.mgnLft20           { margin-left:20px!important; }
.mgnLft25           { margin-left:25px!important; }
.mgnLft30           { margin-left:30px!important; }
.mgnLft35           { margin-left:35px!important; }
.mgnLft40           { margin-left:40px!important; }
.mgnLft45           { margin-left:45px!important; }
.mgnLft50           { margin-left:50px!important; }

.mgnRgt0            { margin-right:0px!important; }
.mgnRgt5            { margin-right:5px!important; }
.mgnRgt10           { margin-right:10px!important; }
.mgnRgt15           { margin-right:15px!important; }
.mgnRgt20           { margin-right:20px!important; }
.mgnRgt25           { margin-right:25px!important; }
.mgnRgt30           { margin-right:30px!important; }
.mgnRgt35           { margin-right:35px!important; }
.mgnRgt40           { margin-right:40px!important; }
.mgnRgt45           { margin-right:45px!important; }
.mgnRgt50           { margin-right:50px!important; }

/* -------------------------------------------------------------------------- */
/* padding */
.padNone            { padding:0!important; }

.padTop0            { padding-top:0px!important; }
.padTop5            { padding-top:5px!important; }
.padTop10           { padding-top:10px!important; }
.padTop15           { padding-top:15px!important; }
.padTop20           { padding-top:20px!important; }
.padTop25           { padding-top:25px!important; }
.padTop30           { padding-top:30px!important; }
.padTop35           { padding-top:35px!important; }
.padTop40           { padding-top:40px!important; }
.padTop45           { padding-top:45px!important; }
.padTop50           { padding-top:50px!important; }

.padBtm0            { padding-bottom:0px!important; }
.padBtm5            { padding-bottom:5px!important; }
.padBtm10           { padding-bottom:10px!important; }
.padBtm15           { padding-bottom:15px!important; }
.padBtm20           { padding-bottom:20px!important; }
.padBtm25           { padding-bottom:25px!important; }
.padBtm30           { padding-bottom:30px!important; }
.padBtm35           { padding-bottom:35px!important; }
.padBtm40           { padding-bottom:40px!important; }
.padBtm45           { padding-bottom:45px!important; }
.padBtm50           { padding-bottom:50px!important; }

.padLft0            { padding-left:0px!important; }
.padLft5            { padding-left:5px!important; }
.padLft10           { padding-left:10px!important; }
.padLft15           { padding-left:15px!important; }
.padLft20           { padding-left:20px!important; }
.padLft25           { padding-left:25px!important; }
.padLft30           { padding-left:30px!important; }
.padLft35           { padding-left:35px!important; }
.padLft40           { padding-left:40px!important; }
.padLft45           { padding-left:45px!important; }
.padLft50           { padding-left:50px!important; }

.padRgt0            { padding-right:0px!important; }
.padRgt5            { padding-right:5px!important; }
.padRgt10           { padding-right:10px!important; }
.padRgt15           { padding-right:15px!important; }
.padRgt20           { padding-right:20px!important; }
.padRgt25           { padding-right:25px!important; }
.padRgt30           { padding-right:30px!important; }
.padRgt35           { padding-right:35px!important; }
.padRgt40           { padding-right:40px!important; }
.padRgt45           { padding-right:45px!important; }
.padRgt50           { padding-right:50px!important; }


/* ==========================================================================
   Helper classes
   Author: JX 20120127 (Adapted from HTML5 Boilerplate 4)
   ========================================================================== */

/* Image replacement */
.ir { background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px;/* IE 6/7 fallback */ }
.ir:before { content:""; display:block; width:0; height:150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display:none!important; visibility:hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0 0 0 0); }

/* Extends the .visuallyhidden class to allow the element to be focusable
   when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }

/* Clearfix */
.clearfix:before,
.clearfix:after { content:" "; /* 1 */ display:table; /* 2 */ }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; } /* For IE 6/7 only */

/* Clearer */
.clearer { float:none; clear:both; height:0; line-height:0; overflow:hidden; visibility:hidden; }
.clear { clear:both; }

.clearer.tall { height: 1em;}


/* ==========================================================================
   Debug Styles
   Author: JX 20120127
   ========================================================================== */

/* common */
.debug code         { display:inline-block; margin:0 0 20px 0; padding:0 10px; clear:both;
                      color:#fff; background:#CC9; text-shadow:0 1px 0px rgba(0,0,0,0.2);
                      font-size:11px; font-weight:bold; line-height:20px; 
                      border-radius:10px;   box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); }
.debug h1,
.debug h2,
.debug h3,
.debug h4,
.debug h5           { background-color:rgba(0,255,0,0.1);   outline:1px solid green; }
.debug p,
.debug li           { background-color:rgba(255,255,0,0.1); outline:1px solid gold;  }
.debug a            { background-color:rgba(0,0,255,0.1);   outline:1px solid blue;  }
.debug span,
.debug i            { background-color:rgba(255,0,0,0.1);   outline:1px solid red;   }
.debug div          { background-color:rgba(0,0,0,0);       outline:1px solid #0ff;  }

/* IE fallback */
.oldie.debug h1,
.oldie.debug h2,
.oldie.debug h3,
.oldie.debug h4,
.oldie.debug h5 { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1900FF00, endColorstr=#1900FF00);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1900FF00, endColorstr=#1900FF00);
    zoom:1; }
.oldie.debug p,
.oldie.debug li { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFF00, endColorstr=#19FFFF00);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFF00, endColorstr=#19FFFF00);
    zoom:1; }
.oldie.debug a  { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190000FF, endColorstr=#190000FF);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190000FF, endColorstr=#190000FF);
    zoom:1; }
.oldie.debug span,
.oldie.debug i  { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FF0000, endColorstr=#19FF0000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FF0000, endColorstr=#19FF0000);
    zoom:1; }
.oldie.debug div { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000, endColorstr=#07000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000, endColorstr=#07000000);
    zoom:1; }

/* debugInfo */
#debugInfo {
    position:fixed; top:0; left:0; width:auto; height:30px; margin:0; padding:0 10px; overflow:hidden; z-index:10000;
    color:#ff0; background:rgba(0,0,0,0.7);
    font-size:12px; font-weight:bold; line-height:30px; text-align:center; text-transform:uppercase; }
#debugInfo:before   { content:''; }
#debugInfo:after    { content:'w: 'attr(data-width); } /*popped by JS*/
.oldie #debugInfo   { background:#000; }


/* ==========================================================================
   Media Queries Examples
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* FW tweaks OCt 2014 */

/* Forms */
.contentViewport .form-leader { 
	font-size: 33px;
	color: #232323;
	line-height: 120%;
	padding-bottom: 2em;
}




.formView fieldset.col2a,
.formView fieldset.colFull { clear: none;}

.formView fieldset.col2a,
.formView fieldset.col2b { padding-bottom: 20px;}

.formView label {
  color: #262626;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  margin: 0;
  padding: 0;
}

/* input */
		.formView input.text { 
			display:block; width:100%; height:1em; margin:0.5em 0; padding:12px; overflow:hidden;
			color:#262626; border:none; border-bottom:1px solid #D8D6D6;
			font-family:'Source Sans Pro',sans-serif; font-size:16px; line-height:1em; font-weight:400;
			
			width: 94%;
			padding: 12px 3%;
		}
		
		/* interaction */
		.formView input.text:focus,
		.touch .formView input.text:active,
		.formView textarea:focus,
		.formView textarea:active { 
			color:#262626; border-color:#D9A600; }
		.formView input.text[disabled] { 
			color:#777!important; border-color:#777; }


.formView textarea { 
			display:block; width:100%; margin:0.5em 0; padding:12px; overflow:hidden;
			color:#262626; background:#F3F3F3; border:none; border:1px solid #D8D6D6;
			
			padding: 12px 1.5%;
			width: 97%;
		}

.formView fieldset.textarea { display: block; clear: right;}


.col2Important { padding-bottom: 20px;}


/* Gender checkboxes */
.contentViewport p.form-small-label { font-weight: bold; float: left; padding: 27px 20px 0 0;}
.formView fieldset.checkboxes { 
	float: left; 
	position: relative; top: -35px;
	padding-bottom: 0;
}


.formView .select {
  color:#262626; background:url(../img/select-bg.png) repeat-x; border:none; border:1px solid #D8D6D6;
  position: absolute;
  padding-left: 20px;
  margin-top: 8px;
}

.formView .select .icon { right: 20px;}

select.styled { top: 18px;}






/*FORM RESPONSIVE*/
@media all and (max-width:640px) {
	.contentViewport p.form-small-label {
		float: left;
		font-weight: bold;
		padding: 20px 20px 0 0;
	}
}

@media all and (max-width:350px) {
	.checkboxes div.fleft {
		float: none!important;
	}
	.contentViewport p.form-small-label {
  float: none!important;
}
}



/* SEARCH */
/*Search box*/
#header #nav .searchWrapper { display: none;}
.landing #header #nav .searchWrapper { display: block;}
.home #header #nav .searchWrapper { display: block;}
#header #nav .searchWrapper {
	position:relative;
	top:100px;
	width:100%;
	background: rgba(10,66,150,0.75);
}
#header #nav form#headersearch {
	position:relative;
	height:50px;
	overflow:hidden;
	z-index:20;
}
#header #nav form#headersearch label {
	position:relative;
	margin-top:6px;
	color:#8e8e80;
	font-weight:normal !important;
}
#header #nav form#headersearch input {
	position:absolute;
	top:0;
	padding: 0;
	width: 150px;
	height:30px;
	left:68px;
	line-height:100%;
	font-size:16px;
	color:#FFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	background: none;
}

#header #nav form#headersearch:hover input {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

#header #nav form#headersearch input:focus {border-bottom: 1px solid rgba(255, 255, 255, 1);}

#header #nav form#headersearch input:focus .icon { color:rgba(255, 255, 255, 1);}

#header #nav form#headersearch ::-webkit-input-placeholder { color: #FFF;}
#header #nav form#headersearch :-moz-placeholder { color: #FFF;}
#header #nav form#headersearch ::-moz-placeholder { color: #FFF;}
#header #nav form#headersearch :-ms-input-placeholder { color: #FFF;}

#header #nav form#headersearch input:focus::-webkit-input-placeholder { color:transparent; }
#header #nav form#headersearch input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
#header #nav form#headersearch input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
#header #nav form#headersearch input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#header #nav form#headersearch input:focus {
	color: #FFF;
}
#header #nav form#headersearch #btnsubmit {
	position:absolute;
	left: 21px;
	padding:0px;
	width:43px;
	height:50px;
	border:none;
	top:0;
	cursor:pointer;
	background: none;
}
#header #nav form#headersearch .rollover:hover #submit {
	background-color:#26a7d6;
}
#header #nav form#headersearch .icon{
	color:rgba(255, 255, 255, 0.4); font-size:21px;
	position:absolute;	 top:14px; left:34px;
	cursor:pointer;
}
#header #nav form#headersearch .icon.focussed {color:rgba(255, 255, 255, 1);}

#header #nav form#headersearch .rollover:hover .icon{
	color:rgba(255, 255, 255, 0.7);
}

@media all and (max-width:770px) {
	#header #nav .searchWrapper { top:10px;}
}

/* SEARCH */
/*Search box*/
#aside .searchWrapper { display: block;}
#aside .searchWrapper {
	position:relative;
	top: 0px;
	width:100%;
	background: none;
	margin-bottom: 20px
}
#aside form#headersearch {
	position:relative;
	height:50px;
	overflow:hidden;
	z-index:20;
}
#aside form#headersearch label {
	position:relative;
	margin-top:6px;
	color:#8e8e80;
	font-weight:normal !important;
}
#aside form#headersearch input {
	position:absolute;
	top:0;
	padding: 0;
	width: 150px;
	height:30px;
	left:68px;
	line-height:100%;
	font-size:16px;
	color:#000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0);
	background: none;
}

#aside form#headersearch:hover input {
	border-bottom: 1px solid rgba(0,0,0,0.4);
}

#aside form#headersearch input:focus {border-bottom: 1px solid rgba(0,0,0,1);}

#aside form#headersearch input:focus .icon { color:rgba(0,0,0,1);}

#aside form#headersearch ::-webkit-input-placeholder { color: #000;}
#aside form#headersearch :-moz-placeholder { color: #000;}
#aside form#headersearch ::-moz-placeholder { color: #000;}
#aside form#headersearch :-ms-input-placeholder { color: #000;}

#aside form#headersearch input:focus::-webkit-input-placeholder { color:transparent; }
#aside form#headersearch input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
#aside form#headersearch input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
#aside form#headersearch input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#aside form#headersearch input:focus {
	color: #000;
}
#aside form#headersearch #btnsubmit {
	position:absolute;
	left: 21px;
	padding:0px;
	width:43px;
	height:50px;
	border:none;
	top:0;
	cursor:pointer;
	background: none;
}
#aside form#headersearch .rollover:hover #submit {
	background-color:#26a7d6;
}
#aside form#headersearch .icon{
	color:rgba(0,0,0,0.35); font-size:21px;
	position:absolute;	 top:14px; left:34px;
	cursor:pointer;
}
#aside form#headersearch .icon.focussed {color:rgba(0,0,0,1);}

#aside form#headersearch .rollover:hover .icon{
	color:rgba(0,0,0,0.7);
}

@media all and (max-width:770px) {
	#header #nav .searchWrapper { top:10px;}
	#header #nav .searchWrapper { display: block; }
	#aside .searchWrapper {display: none; }
}