/*  /*===========================================================================
/*  /*############-- {{Heading}} --############*/
/*  /*===========================================================================*/
/*  This is a Heading
/*
/*  /*<><><>- {{Sub Heading}} -<><><>*/
/*  This is a Sub Heading
/*
/*  /*--- {{Sub-Sub Heading}} ---*/
/*  This is a Sub Sub Heading
/*
/*  /* {{Sub-Sub-Sub Heading}} */
/*  This is a Sub Sub Sub Heading
/*
/*
/*
/*  Current Headings and Sub Headings in this document:
/*
/*  -Colors
/*  -Typography
/*   --Type Imports
/*   --Type Styles (Default)
/*	 --Type Styles (Custom)
/*   --Link Styles (Default)
/*	 --Link Styles (Custom)
/*  -Helper Classes
/*   --Layout
/*   --Filters
/*  -Base Styles
/*   --Header
/*    ---Header "Shrink"
/*    ---Logo
/*    ---Main Nav
/*     ----Level: Top
/*     ----Level: Dropdown 1
/*     ----Level: Dropdown 2
/*    ---Secondary Nav
/*    ---Image Slider
/*   --Main Content
/*    ---Image Background
/*    ---Page Title
/*    ---Page Content
/*     ----Mask Wrap
/*     ----???
/*   --Footer
/*   --Vendor Overrides
/*  -Base Styles: Microsite
/*   --Header
/*  -Responsive Styles
/*  - Test Styles


/*===========================================================================*/
/*############-- COLOURS --############*/
/*===========================================================================*/

/*<><><>- BLUES -<><><>*/
/* BLUE (BASE) #00529B; rgba(0,82,155,1);
/* BLUE (LIGHT) #007AE7; rgba(0,122,231,1);
/* BLUE (LIGHTER) #0094ED; rgba(0,148,237,1);
/* BLUE (DARK) #003666; rgba(0,54,102,1)
/* BLUE (DARKER) #002B57; rgba(0,43,87,1)
/* BLUE (DARKEST) #001D3C; rgba(0,29,60,1)


/*<><><>- GREYS -<><><>*/

/*===========================================================================*/
/*############-- TYPOGRAPHY --############*/
/*===========================================================================*/

/*<><><>- TYPE IMPORTS -<><><>*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,700,300,400);
@import url(../fonts/OpenSans-Bold.ttf);

@font-face {
	font-family: "Thin Icons";
	src: url('../fonts/unoapp_iconfont_thin-webfont.eot');
	src: url('../fonts/unoapp_iconfont_thin-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/unoapp_iconfont_thin-webfont.ttf'),
	     url('../fonts/unoapp_iconfont_thin-webfont.svg'),
	     url('../fonts/unoapp_iconfont_thin-webfont.woff');
}

@font-face {
	font-family: "Harriet Display Medium";
	src: url('../fonts/Harriet+Display+Medium.otf');
}

@font-face {
  font-family: 'HelveticaLT';
  src: url('../fonts/HelveticaLTStd-Roman.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/HelveticaLTStd-Roman.otf')  format('opentype'),
	     url('../fonts/HelveticaLTStd-Roman.woff') format('woff'), 
	     url('../fonts/HelveticaLTStd-Roman.ttf')  format('truetype'), 
	     url('../fonts/HelveticaLTStd-Roman.svg#HelveticaLTStd-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AlternateGotNo3D';
  src: url('../fonts/AlternateGotNo3D.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/AlternateGotNo3D.woff') format('woff'), 
  url('../fonts/AlternateGotNo3D.ttf')  format('truetype'), 
  url('../fonts/AlternateGotNo3D.svg#AlternateGotNo3D') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
  font-family: 'GothamMedium';
  src: url('../fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/GothamMedium.woff') format('woff'), 
  url('../fonts/GothamMedium.ttf')  format('truetype'), 
  url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
  font-family: 'GothamMedium';
  src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf')  format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*<><><>- TYPE STYLES (DEFAULT) -<><><>*/
/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans Condensed', sans-serif; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #00529B; }
h1 { font-size: 2.6rem; font-size: 26px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.2; }
h1.large { font-size: 2.8rem; font-size: 28px; }
h1.larger { font-size: 3.0rem; font-size: 30px; }
h2 { font-size: 2.2rem; font-size: 22px; text-transform: uppercase; letter-spacing: 0.75px; line-height: 1.2; }
h3 { font-size: 1.6rem; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.2; }
h4 { font-size: 1.4rem; font-size: 14px; letter-spacing: 0.75px; }
h5 { font-size: 1.2rem; font-size: 12px; letter-spacing: 0.75px; }
h6 { font-size: 1.0rem; font-size: 10px; letter-spacing: 1px; line-height: 1.3; }
/* MODIFIERS */
h1.alt-face, h2.alt-face, h3.alt-face, h4.alt-face, h5.alt-face, h6.alt-face,label.alt-face { font-family: 'Open Sans'; }
h1.reverse, h2.reverse, h3.reverse, h4.reverse, h5.reverse, h6.reverse { color: #FFFFFF; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight: 300; }

/*--- PARAGRAPHS ---*/
p { font-family: 'Lato', sans-serif; font-size: 1.4rem; font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: 0.25px; text-align: left; color: #444444; }
p.lead-text { font-size: 1.6rem; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0.5px; color: #666666; }
p.lead-text a { font-weight: 500; }
p.blurb-text { font-family: 'Open Sans Condensed', sans-serif; font-size: 2.2rem; font-size: 22px; font-weight: 700; color: #007AE7; }
p.small-text { font-size: 1.2rem; font-size: 12px; line-height: 20px; }
p.small-text a { padding-bottom: 1px; border-bottom: 1px solid #007AE7; line-height: inherit; }

p.reverse { color: #FFFFFF; }

/*--- CAPTIONS ---*/
.caption, .caption * { font-size: 12px; margin: 0; }
/* SIZE */
.caption.caption-xs, .caption.caption-xs * { font-size: 9px; }
.caption.caption-sm, .caption.caption-sm * { font-size: 10px; }
.caption.caption-lg, .caption.caption-lg * { font-size: 14px; }
.caption.caption-xl, .caption.caption-xl * { font-size: 15px; }
/* STYLE */
.caption.caption-ital { font-style: italic; }

/*--- LABELS ---*/
label { font-family: 'Lato', sans-serif; font-size: 1.4rem; font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: 0.25px; text-align: left; color: #555555; }

/*--- PLACEHOLDER TEXT ---*/
::-webkit-input-placeholder { color: #DDDDDD: font-family: 'Lato', sans-serif; font-weight: 500;}
:-moz-placeholder { /* Firefox 18- */ color: #DDDDDD: font-family: 'Lato', sans-serif; font-weight: 500;}
::-moz-placeholder {  /* Firefox 19+ */ color: #DDDDDD: font-family: 'Lato', sans-serif; font-weight: 500;}
:-ms-input-placeholder { color: #DDDDDD: font-family: 'Lato', sans-serif; font-weight: 500;}


/*<><><>- TYPE STYLES (CUSTOM) -<><><>*/
/* ///////////////////////// REVISIT BELOW ///////////////////////// */
/*--- #ABOUT (INDEX.PHP) ---*/
#about p { color: #FFFFFF; text-align: center; }

/*--- .page-title ---*/
.page-title h1 { font-size: 1.8rem; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }
/* ///////////////////////// REVISIT ABOVE ///////////////////////// */


/*<><><>- LINK STYLES (DEFAULT) -<><><>*/
/*--- BASE ---*/
a { color: #00529B; text-decoration: none; transition: color 0.25s; text-decoration: none; }
a:hover { color: #007AE7; text-decoration: none; }
a:active { color: #007AE7; text-decoration: none; }
a:visited { color: #00529B; text-decoration: none; } 
a:focus { text-decoration: none; } 
/*--- MODIFIERS ---*/
a.reverse { color: #FFFFFF; }


/*<><><>- LINK STYLES (CUSTOM) -<><><>*/
/*--- .secondary-nav  ---*/
nav.secondary-nav  > ul > li > a { font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; color: #999999; } 
nav.secondary-nav  > ul > li.active > a { color: #007AE7; } 

/*--- .project-gallery-filters  ---*/
.project-gallery-filters a { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.4rem; font-size: 14px; font-weight: 700; text-decoration: none; letter-spacing: 0.25px; }

/* --- FOOTER SECTION --*/
.site-footer .footer-section ul li a { color: #FFFFFF; font-size: 1.2rem; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }


/*<><><>- LIST STYLES (DEFAULT) -<><><>*/
ul { margin: 0; padding: 0; list-style: none; }
/* ///////////////////////// REVISIT BELOW ///////////////////////// */
ul.list { list-style: none; margin: 0 0 10px 10px; padding: 0; }
ul.list li { font-family: 'Lato', sans-serif; font-size: 1.4rem; font-size: 14px; text-align: left; color: #333333; margin-bottom: 8px; padding-left: 20px; position: relative; }
ul.list li span { font-weight: 700; display: inline-block; }
ul.list li span a { display: inline-block; }
ul.list.text-heading li { font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; }
ul.list.text-emphasis li { color: #00529B; }
ul.list.list-arrows li:before { content: '▸ '; color: #999999; position: absolute; left: 0; }
ul.list.list-arrows.arrows-emphasis li:before { color: #00529B; }
ul.list.list-no-indent { margin-left: 0; margin-right: 0; }
ul.list.list-no-indent-child > li { padding-left: 0px; }
/*--- FORM LIST ---*/
ul.form-list { width: 100%; height: auto; display: block; overflow: auto;}
ul.form-list li { width: 100%; height: auto; display: block; padding: 5px 15px; overflow: auto; }
ul.form-list li:first-child { padding-top: 15px; }
ul.form-list li:last-child { padding-bottom: 15px; }
/*--- ICON LIST ---*/
ul.icon-list { }
ul.icon-list li { width: auto; height: auto; display: inline-block; margin-right: 5px; overflow: auto; }
ul.icon-list li img {}
/* SMALL */
ul.icon-list.icon-list-sm li img { width: 40px; height: auto; }
ul.icon-list.icon-list-xs li img { width: 25px; height: auto; }
/* ///////////////////////// REVISIT ABOVE ///////////////////////// */


/*===========================================================================*/
/*############-- HELPER CLASSES --############*/
/*===========================================================================*/
/*<><><>- CONTENT FLAGS -<><><>*/
.temporary-content { color: red !important; }

/*<><><>- VIEWPORT && BREAKPORTS -<><><>*/
/*--- BREAKPOINT ELEMENTS ---*/
.mobile-check { width: 0; height: 0; display: none; position: fixed; top: 0; left: 0; }
.check-768 { width: 0; height: 0; display: none; position: fixed; top: 0; left: 0; }
.check-992 { width: 0; height: 0; display: none; position: fixed; top: 0; left: 0; }
/*--- BREAKPOINT DISPLAY CLASSES ---*/
.hidden-xs { display: none; }
.hidden-sm { }
.hidden-lg { }
.hidden-xl { }

/*<><><>- LAYOUT (HELPER) -<><><>*/
/*--- DISPLAY ---*/
.disp-bl { display: block !important; }
.disp-ib { display: inline-block !important; }
.disp-none { display: none !important; }

/*--- LOADING && OPTIMIZATION ---*/
.preload { opacity: 0; }

/*--- SIZE ---*/
/* WIDTH: PERCENT */
.width-100 { width: 100% !important; }
.width-75 { width: 75% !important; }
.width-50 { width: 50% !important; }
.width-25 { width: 25% !important; }
/* WIDTH: MIN */
.mnwid-50 { min-width: 50px !important; }
.mnwid-100 { min-width: 100px !important; }
.mnwid-150 { min-width: 150px !important; }
.mnwid-200 { min-width: 200px !important; }
.mnwid-225 { min-width: 225px !important; }
.mnwid-250 { min-width: 250px !important; }
/* WIDTH: MAX */
.mwid-500 {max-width: 500px !important; }
.mwid-600 {max-width: 600px !important; }
.mwid-700 {max-width: 700px !important; }
.mwid-800 {max-width: 800px !important; }
.mwid-900 {max-width: 900px !important; }
.mwid-1000 {max-width: 1000px !important; }

/* WIDTH: FLUID */
.width-xs-100 {
	width: 100%;
}

/*--- SPACING ---*/
/* MARGINS: ALL */
.m-0 { margin: 0px !important; }
/* MARGINS: TOP */
.mtop-0 { margin-top: 0px !important; }
.mtop-10 { margin-top: 10px !important; }
.mtop-20 { margin-top: 20px !important; }
.mtop-30 { margin-top: 30px !important; }
.mtop-40 { margin-top: 40px !important; }
.mtop-50 { margin-top: 50px !important; }
.mtop-60 { margin-top: 60px !important; }
.mtop-70 { margin-top: 70px !important; }
.mtop-80 { margin-top: 80px !important; }
.mtop-90 { margin-top: 90px !important; }
.mtop-100 { margin-top: 100px !important; }
/* MARGINS: RIGHT */
.mright-0 { margin-right: 0px !important; }
.mright-10 { margin-right: 10px !important; }
.mright-20 { margin-right: 20px !important; }
.mright-30 { margin-right: 30px !important; }
.mright-40 { margin-right: 40px !important; }
.mright-50 { margin-right: 50px !important; }
.mright-60 { margin-right: 60px !important; }
.mright-70 { margin-right: 70px !important; }
.mright-80 { margin-right: 80px !important; }
.mright-90 { margin-right: 90px !important; }
.mright-100 { margin-right: 100px !important; }
/* MARGINS: BOTTOM */
.mbot-0 { margin-bottom: 0px !important; }
.mbot-5 { margin-bottom: 5px !important; }
.mbot-10 { margin-bottom: 10px !important; }
.mbot-20 { margin-bottom: 20px !important; }
.mbot-30 { margin-bottom: 30px !important; }
.mbot-40 { margin-bottom: 40px !important; }
.mbot-60 { margin-bottom: 60px !important; }
/* MARGINS: LEFT */
.mleft-0 { margin-left: 0px !important; }
.mleft-10 { margin-left: 10px !important; }
.mleft-20 { margin-left: 20px !important; }
.mleft-30 { margin-left: 30px !important; }
.mleft-40 { margin-left: 40px !important; }
.mleft-50 { margin-left: 50px !important; }
.mleft-60 { margin-left: 60px !important; }
.mleft-70 { margin-left: 70px !important; }
.mleft-80 { margin-left: 80px !important; }
.mleft-90 { margin-left: 90px !important; }
.mleft-100 { margin-left: 100px !important; }
/* PADDING: ALL */
.p-0 { padding: 0px !important; }
/* PADDING: TOP */
.ptop-0 { padding-top: 0px !important; }
.ptop-10 { padding-top: 10px !important; }
.ptop-20 { padding-top: 20px !important; }
.ptop-30 { padding-top: 30px !important; }
.ptop-40 { padding-top: 40px !important; }
.ptop-50 { padding-top: 50px !important; }
.ptop-60 { padding-top: 60px !important; }
.ptop-70 { padding-top: 70px !important; }
.ptop-80 { padding-top: 80px !important; }
.ptop-90 { padding-top: 90px !important; }
.ptop-100 { padding-top: 100px !important; }
/* PADDING: RIGHT */
.pright-0 { padding-right: 0px !important; }
.pright-10 { padding-right: 10px !important; }
.pright-20 { padding-right: 20px !important; }
.pright-30 { padding-right: 30px !important; }
.pright-40 { padding-right: 40px !important; }
.pright-50 { padding-right: 50px !important; }
.pright-60 { padding-right: 60px !important; }
.pright-70 { padding-right: 70px !important; }
.pright-80 { padding-right: 80px !important; }
.pright-90 { padding-right: 90px !important; }
.pright-100 { padding-right: 100px !important; }
/* PADDING: BOTTOM */
.pbot-0 { padding-bottom: 0px !important; }
.pbot-10 { padding-bottom: 10px !important; }
.pbot-20 { padding-bottom: 20px !important; }
.pbot-30 { padding-bottom: 30px !important; }
.pbot-40 { padding-bottom: 40px !important; }
.pbot-50 { padding-bottom: 50px !important; }
.pbot-60 { padding-bottom: 60px !important; }
.pbot-70 { padding-bottom: 70px !important; }
.pbot-80 { padding-bottom: 80px !important; }
.pbot-90 { padding-bottom: 90px !important; }
.pbot-100 { padding-bottom: 100px !important; }
/* PADDING: LEFT */
.pleft-0 { padding-left: 0px !important; }
.pleft-10 { padding-left: 10px !important; }
.pleft-20 { padding-left: 20px !important; }
.pleft-30 { padding-left: 30px !important; }
.pleft-40 { padding-left: 40px !important; }
.pleft-50 { padding-left: 50px !important; }
.pleft-60 { padding-left: 60px !important; }
.pleft-70 { padding-left: 70px !important; }
.pleft-80 { padding-left: 80px !important; }
.pleft-90 { padding-left: 90px !important; }
.pleft-100 { padding-left: 100px !important; }

/*--- ALIGNMENT ---*/
/* BLOCK ELEMS */
.center-block { display: block; margin-left: auto !important; margin-right: auto !important; float: none !important; }

/* TEXT */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
@media (max-width: 991px) {
  .text-md-center {
    text-align: center;
  }
}
/* FLOAT */
.fleft { float: left; }
.fright { float: right; }
/* Z-INDEX */
.zoverride-neg1 { z-index: -1 !important; }
.zoverride-0 { z-index: 0 !important; }
.zoverride-1 { z-index: 1 !important; }
.zoverride-10 { z-index: 10 !important; }
.zoverride-100 { z-index: 100 !important; }
.zoverride-1000 { z-index: 1000 !important; }

/*--- POSITION ---*/
.pos-static { position: static !important; }
.pos-rel { position: relative !important; }
.pos-abs { position: absolute !important; }
.pos-fix { position: fixed !important; }

/*<><><>- UI/UX -<><><>*/
.clickable { cursor: pointer !important; }
.cursor-def { cursor: default !important; }


/*<><><>- TEXT -<><><>*/
/* TRANSFORM */
.text-trans--upper { text-transform: uppercase !important; }
.text-trans--lower { text-transform: lowercase !important; }
.text-trans--capital { text-transform: capitalize !important; }
.text-trans--init { text-transform: initial !important; }
/* STYLE */
.text-style--ital { font-style: italic !important; }
.text-style--init { font-style: initial !important; }
/* WEIGHT */
.text-weight--600 { font-weight: 600; }

/*<><><>- FILTERS -<><><>*/
.filter { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.filter.filter-blue-base { background-color: #00529B; }
/*--- FADE ---*/
.fade-in { }
/*--- OPACITY ---*/
.opac-0 { opacity: 0; }
.opac-10 { opacity: 0.1; }
.opac-20 { opacity: 0.2; }
.opac-30 { opacity: 0.3; }
.opac-40 { opacity: 0.4; }
.opac-50 { opacity: 0.5; }
.opac-60 { opacity: 0.6; }
.opac-70 { opacity: 0.7; }
.opac-80 { opacity: 0.8; }
.opac-90 { opacity: 0.9; }
.opac-1 { opacity: 1; }
/*--- COLOUR ---*/
.blue-base { color: #00529B !important; }
.blue-light { color: #007AE7; }
.blue-lighter { color: #0094ED; }
.blue-dark { color: #003666; }
.blue-darker { color: #002B57; }
.blue-darkest { color: #001D3C; }
.grey-base { color: #666666; }
.grey-light { color: #999999; }
.grey-lighter { color: #BBBBBB; }
.grey-lightest { color: #DDDDDD; }
.grey-dark { color: #333333; }
.color-main { background-color: #00529B; }
.desat { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
/* BRAND */
.bg-fb { background-color: #3A589B; }
.bg-linkedin { background-color: #007AB9; }
.bg-twitter { background-color: #598DCA; }
.bg-email { background-color: #000000; }

/*<><><>- DECORATION -<><><>*/
/*--- UNDERLINES ---*/
.has-underline { display: block; position: relative !important; }
.has-underline span.underline { width: 100%; height: 1px; display: block; position: absolute; left: 0; bottom: -1px; opacity: 0; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.25s; transition: all 0.25s; }
.has-underline span.underline.inherit { background-color: inherit; }
.has-underline.active-underline:hover span.underline { opacity: 1; }
.underline { background-color: #00529B; } 
.underline.reverse { background-color: #FFFFFF; }
/*--- BORDERS ---*/
/* WIDTH: ALL */
.bord-0 { border: solid 0px #000000; }
.bord-1 { border: solid 1px #000000; }
.bord-2 { border: solid 2px #000000; }
.bord-3 { border: solid 3px #000000; }
/* WIDTH: BOTTOM */
.bordbot-0 { border-bottom: none !important; }
/* COLOUR */
.bord-grey-lightest { border-color: #DDDDDD; }


/*<><><>- ELEMENTS -<><><>*/
/*--- 'CALL TO ACTION' ---*/
.cta { display: inline-block; font-family: 'Open Sans Condensed', sans-serif; padding: 0; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; cursor: pointer; text-align: center; /*-webkit-backface-visibility: hidden; backface-visibility: hidden;*/ }
/* COLOUR: DEFAULT */
.cta.cta-default { background-color: #FFFFFF; color: #00529B; border: solid 2px #00529B; }
.cta.cta-default:hover { background-color: #00529B; color: #FFFFFF !important; }
/* COLOUR: REVERSE */
.cta.cta-reverse { color: #FFFFFF; border: solid 2px #FFFFFF; background-color: none; }
.cta.cta-reverse a { color: #FFFFFF; }
.cta.cta-reverse:hover { background-color: #FFFFFF; color: #00529B !important; }
.cta.cta-reverse:hover a { color: #00529B; }
/* COLOUR: DARK */
.cta.cta-dark { color: #FFFFFF; background-color: #00529B; border: solid 2px #00529B; }
.cta.cta-dark:hover { color: #FFFFFF; background-color: #002B57; border: solid 2px #002B57; }
.cta.cta-dark a { color: #FFFFFF; }
/* COLOUR: DARKEST */
.cta.cta-darkest { color: #FFFFFF; background-color: #053363; border: solid 2px #053363; }
.cta.cta-darkest:hover { color: #FFFFFF; background-color: #04203E; border: solid 2px #04203E; }
.cta.cta-darkest a { color: #FFFFFF; }
/* COLOUR: LIGHT GREY */
.cta.cta-grey-light { color: #999999; background-color: #FFFFFF; border: solid 2px #999999; }
.cta.cta-grey-light:hover { color: #FFFFFF; background-color: #999999; }
/* COLOUR: CONFIRM */
.cta.cta-confirm { color: #FFFFFF; background-color: #53B550; border: solid 2px #418E3F; }
.cta.cta-confirm:hover { background-color: #418E3F; }
/* SIZE */
.cta.cta-small { height: auto; padding: 5px 15px; font-size: 14px; letter-spacing: 1px; }
.cta.cta-large { height: auto; padding: 10px 20px; font-size: 20px; letter-spacing: 1px; }
.cta.cta-full , .cta-wrap.cta-full { width: 100%; }
.cta.cta-full-xs { width: 100%; }
.cta.cta-threefourths, .cta-wrap.cta-threefourths { width: 75%; }
.cta.cta-half, .cta-wrap.cta-half { width: 50%; }
/* WRAPPING ELEMENTS */
.cta-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0px; text-align: center; }
.cta-wrap.align-left { text-align: left !important; }
.cta-wrap.align-right { text-align: right !important; }

/*--- RULES (BASIC) ---*/
.rule { width: 50px; height: 1px; background-color: #999999; display: block; margin: 20px auto; padding: 0; overflow: auto; }
/* RULES (BASIC): COLOUR */
.rule.rule-reverse { background-color: #FFFFFF; }

/*--- RULES (GRAPHIC) ---*/
/* WRAP */
.rule-g-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0 10px; position: relative; overflow: auto; opacity: 0.25; }
.rule-g-wrap.sm { margin-bottom: 10px; }
/* RULES (GRAPHIC): BASE */
.rule-g-stroke { width: auto; height: auto; display: block; background-color: #00529B; margin: 0px auto 30px; position: relative; }
.rule-g-elem { width: auto; height: auto; display: block; background-color: #00529B; margin: 0 auto; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
/* RULES (GRAPHIC): SIZE */
.rule-g-stroke.rule-g-small { width: 100%; /*max-width: 480px;*/ height: 1px; margin-top: 20px; margin-bottom: 20px; }
.rule-g-elem.rule-g-small { height: 8px; width: 8px; } 
.rule-g-stroke.rule-g-xs { width: 100%; max-width: 160px; height: 1px; margin-top: 20px; margin-bottom: 20px; }
.rule-g-elem.rule-g-xs { height: 6px; width: 6px; } 

/*--- TOGGLE ---*/
.toggle-parent .toggle-controls { cursor: pointer; padding-left: 32px !important; padding-right: 32px !important; -webkit-transition: background-color 0.25s; position: relative; transition: background-color 0.25s ; }
.toggle-parent .toggle-controls .vis-q { height: 10px; width: 10px; display: block; border-top: solid 1px #2986CC; border-right: solid 1px #2986CC; position: absolute; top: 50%; right: 15px; -ms-transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: transform 0.25s; transition: transform 0.25s; }
.toggle-parent .toggle-controls .vis-q.active { -ms-transform: translate(0, -80%) rotate(135deg); -webkit-transform: translate(0, -80%) rotate(135deg); transform: translate(0, -80%) rotate(135deg);  -ms-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; }
.toggle-parent .toggle-target { display: none; }
/* TOGGLE: ACTIVE */
.toggle-parent.active .toggle-controls { background-color: #F0F9FF; }
.toggle-parent.active .toggle-target { display: block; }

/*--- INFO (BASE) ---*/
/* BASE */
.info-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0; overflow: auto; }  
.info-item { width: 100%; height: auto; display: block;  margin-bottom: 20px; padding: 0 10px; }
.info-item .header { width: 100%; height: auto; min-height: 40px; display: block; background-color: #F0F9FF; border: solid 1px #2986CC; border-bottom: none; padding: 10px 15px; position: relative; } 
.info-item .header .icon { width: 20px; height: 20px; display: block; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.info-item .header .icon img { height: 100%; width: auto; display: block; }
.info-item .header .text { width: 100%; height: auto; display: block; margin: 0; padding: 0; text-align: center; }
.info-item .body { background-color: #FFFFFF; border: solid 1px #2986CC; padding: 15px 15px 0px; box-shadow: 0px 2px 3px rgba(0,0,0,0.10); overflow: auto; }
.info-item .body .container { width: 100%; height: auto; display: block; margin: 0px 0px 15px; padding: 0; }
.info-item .body .container img { width: 100%; height: auto; display: block; }
.info-wrap .info-item .body .container  p { margin: 0px 0px 10px !important; }
.info-wrap .info-item .body .container  p:last-child { margin: 0 !important; }
/* SIZE: INFO-WRAP */
.info-wrap.info-wrap-max { max-width: 900px; margin: 0 auto; }
/* ALTERNATIVE STYLES */
.info-item.alt .header { background-color: #FFFFFF; }
.info-item.alt .body { /*border-color: #BBBBBB; */padding: 10px 15px; }
.info-item.alt .body p { margin: 10px 0px; }
/* TOGGLE */
.info-item.toggle-parent .header.toggle-controls { cursor: pointer; }
.info-item.toggle-parent .body.toggle-target { display: none; }

/*<><><>- ANIMATIONS -<><><>*/
/*--- MAP ---*/
@-webkit-keyframes map-placeholder-anim {
	0% {
		width: 0px;
		background-color: #EFEFEF;
	}
	100% {
		width: 200px;
		background-color: #00529B;
	}
}
@-moz-keyframes map-placeholder-anim {
	0% {
		width: 0px;
		background-color: #EFEFEF;
	}
	100% {
		width: 200px;
		background-color: #00529B;
	}
}
@-o-keyframes map-placeholder-anim {
	0% {
		width: 0px;
		background-color: #EFEFEF;
	}
	100% {
		width: 200px;
	}
}
@keyframes map-placeholder-anim {
	0% {
		width: 0px;
		background-color: #EFEFEF;
	}
	100% {
		width: 200px;
		background-color: #00529B;
	}
}

/*===========================================================================
/*############-- BASE STYLES --############*/
/*===========================================================================*/
/*<><><>- ALL -<><><>*/
* { box-sizing: border-box !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*:focus { outline: none;  }


/*<><><>- VIDEOS -<><><>*/
.video-wrap-outer { width: 100%; height: auto; display: block; margin: 0 auto; position: relative; overflow: hidden; }
.video-wrap { width: 100%; height: auto; margin: 0 auto; padding-bottom: 100%; position: relative; }
.video-wrap iframe { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.video-title { width: 100%; height: auto; padding: 5px 0px 10px; }

/*--- MODIFIERS: ASPECT RATIO ---*/
.video-wrap.aspect-16-9 { padding-bottom: 56.25%; }

/*<><><>- IMAGES -<><><>*/
img { width: auto; }
.img-wrap-outer { width: 100%; height: auto; display: block; margin: 0; padding: 0px 10px; position: relative; overflow: hidden; }
.img-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0; padding-top: 100%; position: relative; overflow: hidden; text-align: center; }
.img-wrap img { width: auto; max-width: 100%; height: auto; display: inline-block; margin: 0; }
.img-wrap.default { width: 100%; height: auto; display: block; margin: 0; padding: 0; position: relative; overflow: hidden; }
.img-wrap.default img { width: auto; max-width: 100%; margin: 0 auto 20px; position: relative; top: auto; left: auto; -ms-transform: initial; -webkit-transform: initial; transform: initial; }

/*--- MODIFIERS: SIZE ---*/
.img-wrap.restrict-width { padding-top: 0; }
.img-wrap.restrict-width img { width: 100%; min-width: 100%; max-width: auto; height: auto; min-height: auto; max-height: auto; position: relative; }

/*--- MODIFIERS: ASPECT ---*/
/* PRESERVE */
.img-wrap.aspect-preserve { padding-top: 0; }
.img-wrap.aspect-preserve img { width: 100%; min-width: auto; max-width: 100%; height: auto; min-height: auto !important; max-height: auto !important; position: static; -ms-transform: none; -webkit-transform: none; transform: none; }
/* 1:1 */
.img-wrap.aspect-1-1 { padding-top: 100%; position: relative; }
.img-wrap.aspect-1-1 img { min-width: 100%; min-height: 100%; max-height: 100%; position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

/*--- IMAGE CAPTIONS ---*/
.img-caption-outer { width: 100%; display: block; }
.img-caption-outer .img-caption { padding: 10px 0px; border-bottom: solid 1px #BBBBBB; overflow: hidden; }
.img-caption-outer .img-caption .caption { line-height: 1.4; }


/*<><><>- BODY -<><><>*/
body { background: #F4F4F4; color: #fff; font-size: 62.5%; margin: 0px; }
body.body-fixed { width: 100%; /*padding-right: 15px;*/ position: fixed; overflow: auto; }


/*<><><>- LAYOUT (BASE) -<><><>*/
/*--- WRAPPERS: BODY ---*/
/*--- WRAPPERS: MAIN ---*/
.main-content .page-content .body-wrap { width: 100%; height: auto; display: block; background-color: none; margin: 0; padding: 0; position: relative; overflow: hidden; }

/*--- WRAPPERS: SECTION OUTER ---*/
.section-outer { width: 100%; height: auto;  background-color: #F4F4F4; margin: 0; padding: 30px 0px; position: relative; overflow: auto; /*-webkit-box-shadow: inset 0px 5px 10px -3px rgba(0,0,0,0.15); box-shadow: inset 0px 5px 10px -3px rgba(0,0,0,0.15);*/}
.section-outer:nth-child(1) { background-color: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
/* .section-outer:nth-child(2n) { background-color: #FCFCFC; -webkit-box-shadow: inset 0px 5px 10px -3px rgba(0,0,0,0.15); box-shadow: inset 0px 5px 10px -3px rgba(0,0,0,0.15); } */
/* Children */
.section-outer .diamond { width: 20px; height: 20px; display: block; background-color: #F4F4F4; position: absolute; top: 0; left: 50%; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
/* Modifiers */
.section-outer.no-shadow { box-shadow: none !important; } 
.section-outer.bg-darker { background-color: #EFEFEF !important; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; } 
.section-outer.section-outer-flush { padding: 0 !important; }
.section-outer.section-outer-flush > .section-inner { width: 100% !important; max-width: 100% !important; }
.alternate-section-bg-color .section-outer:nth-child(2n) { background-color: #EFEFEF !important; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; } 
/* Modifiers: Page-specific */
.section-outer.section-outer-about { padding: 0px; }
.section-outer.section-outer-about .section-inner { width: 100%; max-width: 1400px; }
/* Modifiers: Microsite */
.microsite .section-outer { background-color: #F4F4F4; }

/*--- WRAPPERS: SECTION INNER ---*/
.section-inner { width: 91.66666%; /*max-width: 1100px;*/ height: auto; margin: 0 auto; overflow: visible; }
/* .section-inner > *:last-child { margin-bottom: 20px; } */

/*--- WRAPPERS: LEAD CONTENT ---*/
.lead-wrap { padding: 0px 10px; margin-bottom: 20px; }
.lead-wrap .lead-text:last-child { margin-bottom: 0px; }

/*--- TEXT COL ---*/
.text-col { width: auto; height: auto; display: block; margin: 0 0 20px; padding: 0 10px; }
.text-col.text-col-full { width: 100%; }
.text-col.text-col-left { width: 100%; margin: 0; float: left; }
.text-col.text-col-right { width: 100%; margin: 0; float: right; }
.text-col.text-col-right .text-wrap:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
/* TEXT COL HEADER */
.text-col .header { padding: 0px 0px 10px; }
/* TEXT WRAP */
.text-col .text-wrap { margin-bottom: 10px; padding-bottom: 10px; border-bottom: dashed 1px #DDDDDD; }
.text-col .text-wrap p { margin: 0; }
/* TEXT WRAP ENHANCED */ 
.text-col .text-wrap-enhanced { margin-bottom: 20px; padding-left: 10px; border-left: solid 2px #00529B; }
.text-col .text-wrap-enhanced:last-child { margin-bottom: 0px; }
.text-col .text-wrap-enhanced h4 { margin-bottom: 5px; }
.text-col .text-wrap-enhanced p { margin: 0; line-height: 1.2;}
/* LIST WRAP */
.text-col .list-wrap { margin-bottom: 20px; }
.text-col.amenities .list-wrap { margin-bottom: 0px; }
.text-col .list-wrap:last-child { margin-bottom: 0px; }
.text-col .list-wrap .list-title { margin-bottom: 5px; padding-left: 15px; }
.text-col .list-wrap ul.list-contents { list-style: none; }
.text-col .list-wrap ul.list-contents li { position: relative; overflow: auto; }
.text-col .list-wrap ul.list-contents li:before { content: '›'; color: #00529B; font-size: 14px; line-height: 1.2; position: absolute; }
.text-col .list-wrap ul.list-contents li p { padding-left: 15px; line-height: 1.2; }


/*<><><>- HEADER -<><><>*/
.main-header { z-index: 100; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1); box-shadow: 0px 2px 3px rgba(0,0,0,0.1); }
header.top-head { height: 80px; width: 100%; background-color: #fff; position: absolute; top: 0px; font-weight: 300; font-family: "Open Sans Condensed"; overflow: visible; }
header.top-header-floating { position: fixed; top: -0px; background-color: #FFFFFF; padding: 0px 30px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; /*border-bottom: solid 1px #DDDDDD; */}
header.top-header-floating.shrink { height: 50px; }

/*--- HEADER "SHRINK" ---*/
/*header.top-header-floating.top-head nav.main-nav { -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }*/

/*--- LOGO ---*/
header.top-header-floating .logo-wrap { height: 100%; width: auto; display: block; margin: 0; padding: 15px 0px; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s; -o-transition: all 0.25s linear; transition: all 0.25s; float: left; }
header.top-header-floating .logo-wrap img { height: 100%; width: auto;  display: block; /*-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;*/ }
header.top-header-floating.shrink .logo-wrap { padding: 8px 0px; }

/*--- SECONDARY NAV (NEW )---*/
nav.secondary-nav { display: none; }

#about { height: auto; width: 100%; background-color: #fff; color: #fff; text-align: center; padding: 50px; position: relative; z-index: 5; }
#about > a > div { width: 31%; height: 400px; display: inline-block; vertical-align: top; position: relative; overflow: hidden; }
#about > a > div div.background-zoom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background-size: cover !important; -ms-transform: scale(1.05) translateZ(0); -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
#about > a > div div.filter { width: 100%; height: 100%; display: block; background-color: rgba(0, 82, 155, 0.5); position: absolute; top: 0: left: 0; }
#about > a > div div.info { width: 100%; height: auto; display: block; margin: 0; padding: 40px 20px; position: absolute; top: 50%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
#about > a > div div.info h3 { margin: 0px; }
#about > a > div div.info p { margin-bottom: 20px; }
#about > a > div div.info .more-btn { width: auto; height: auto; display: inline-block; background-color: transparent; color: #fff; border: 2px solid #fff; margin: 0 auto; padding: 15px 30px; text-transform: uppercase; transition: background-color 0.25s; font-size: 1.4rem; font-size: 14px; letter-spacing: 1px; }
#about > a > div div.info .more-btn:hover { background-color: #FFFFFF; color: #007AE7 }


/*<><><>- MAIN CONTENT (BASE) -<><><>*/
.main-content { width: 100%; height: auto; display: block; background-color: none; margin: 50px 0 0; padding: 0px; position: relative; overflow: hidden; }
.main-content.microsite { margin-top: 100px; } 

/*--- IMAGE BACKGROUND ---*/
.main-content .page-bg-img { width: 100%; height: 250px; display: block; margin: 0; padding: 0; position: relative; top: 0; left: 0; overflow: hidden; z-index: -1; }
.main-content .page-bg-img img { width: 120%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
/* OVERLAY */
.page-bg-img-overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(rgba(0,82,155,0) 70%, rgba(0,82,155,0.3) 100%); background: -o-linear-gradient(rgba(0,82,155,0) 70%, rgba(0,82,155,0.3) 100%); background: linear-gradient(rgba(0,82,155,0) 70%, rgba(0,82,155,0.3) 100%); }		

/* MASK WRAP */
.main-content .page-bg-img .mask-wrap { width: 100%; height: auto; display: block; background-color: none; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; overflow: auto; }
.main-content .page-bg-img .mask-wrap .mask-left { height: 0; width: 50%; border-right: 25px solid transparent; border-bottom: 25px solid #F4F4F4; float: left; }
.main-content .page-bg-img .mask-wrap .mask-right { height: 0; width: 50%; border-bottom: 25px solid #F4F4F4; border-left: 25px solid transparent; float: right; }
.main-content.microsite .page-bg-img .mask-wrap .mask-left, .main-content.microsite .page-bg-img .mask-wrap .mask-right { border-bottom: 25px solid #F4F4F4; } 

/*--- PAGE TITLE ---*/
.main-content .page-title { width: 100%; height: auto; display: block; color: #00529B; background-color: #FFFFFF; margin: 0; padding: 20px 30px; text-align: center; position: absolute; top: 0; left: 0; }

/*--- PAGE CONTENT ---*/
.main-content .page-content { width: 100%; height: auto; display: block; background-color: none; margin: 0; padding: 0; position: relative; }

/* SEARCH BAR */
/*
.main-content .search-bar-outer { width: 100%; height: 50px; display: block; background-color: #DDDDDD; margin: 0; padding: 0; position: relative; -webkit-transition: all 0.15s; transition: all 0.15s; }
.main-content .search-bar-outer.active { background-color: #00529B; }
.main-content .search-bar-outer .search-bar-inner { width: 94%; max-width: 1100px; height: 100%; display: block; margin: 0 auto; padding: 0; position: relative; } 
.main-content .search-bar-outer .search-bar-inner .icon { height: 30px; width: 30px; display: block; background-color: none; margin: 0; padding: 0; position: absolute; top: 50%; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.main-content .search-bar-outer .search-bar-inner .icon img { width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.5; }
.main-content .search-bar-outer .search-bar-inner input { height: 25px; width: 100%; display: block; background-color: transparent; color: #666666; border: none; margin: 0; margin-left: 40px; padding: 0; position: absolute; top: 50%; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.8rem; font-size: 18px; text-transform: uppercase; line-height: 25px; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.main-content .search-bar-outer.active .search-bar-inner input { height: 25px; color: #FFFFFF; }
.main-content .search-bar-outer.active .search-bar-inner input::-webkit-input-placeholder { color: transparent; letter-spacing: 1px; }
.main-content .search-bar-outer.active .search-bar-inner input:-moz-placeholder { color: transparent; letter-spacing: 1px; }
.main-content .search-bar-outer.active .search-bar-inner input::-moz-placeholder {  color: transparent; letter-spacing: 1px; }
.main-content .search-bar-outer.active .search-bar-inner input:-ms-input-placeholder {   color: transparent; letter-spacing: 1px; }
*/

/* SECTION TITLE */
.section-title-wrap { width: 100%; height: auto; display: block; color: #00529B; margin: 0 0 30px; padding: 0px 10px; text-align: center; }
.section-title-wrap .section-title { display: inline; padding: 0px; text-transform: uppercase; line-height: 1.5; }
.section-title-wrap .section-title + p { margin-top: 10px;  }
.section-title-wrap h1.section-title { border-bottom: solid 2px #00529B; }
.section-title-wrap h2.section-title { border-bottom: solid 2px #00529B;  }
.section-title-wrap h3.section-title { border-bottom: solid 1px #999999; padding: 0 0 2px; }
.main-content.microsite .section-title-wrap h1.section-title { border-bottom: none; }
.main-content.microsite .section-title-wrap h2.section-title { }


/* BLURB */
.blurb-wrap { width: 75%; height: auto; display: block; margin: 10px 12.5% 0; padding-bottom: 20px; text-align: center;  }
.blurb-wrap p { display: inline-block; color: #00529B; margin: 0 auto; margin-bottom: 0px !important; font-family: 'Roboto Condensed', sans-serif; font-size: 2.2rem; font-size: 22px; line-height: 1.4; text-align: center; }
.blurb-wrap a { font-weight: 700; /*border-bottom: solid 1px #00529B; padding-bottom: 5px;*/ }
.blurb-wrap .dash { width: 100px; height: 2px; display: block; background-color: #999999; margin: 0 auto; }
.blurb-wrap .dash:first-of-type { margin: 0 auto 22px; }
.blurb-wrap .dash:last-of-type { margin: 20px auto 0; }
.blurb-wrap .blurb-small-bold { font-size: 24px; font-weight: bold; }
.blurb-wrap .blurb-large { font-size: 50px; }

/* PROJECT GALLERY (WRAP) */
.project-gallery-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0; position: relative; overflow: auto; }
.project-gallery-wrap.project-curr { }
.project-gallery-wrap.project-past { background-color: #FFFFFF; border-top: solid 1px #2986CC; border-right: solid 1px #2986CC; border-left: solid 1px #2986CC; box-shadow: 0px 2px 3px rgba(0,0,0,0.10); }

/* PROJECT GALLERY (HEADER) */
.project-gallery-header { width: 100%; height: auto; display: block; margin-bottom: 20px; cursor: pointer; }
.project-gallery-wrap.project-past .project-gallery-header { border-bottom: solid 1px #2986CC; margin: 0px; padding: 10px; position: relative; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; }
.project-gallery-wrap.project-past.active .project-gallery-header { background-color: #F0F9FF; }
.project-gallery-wrap.project-past.active .project-gallery-body { display: block;}
.project-gallery-wrap.project-past .project-gallery-header h2 { color: #00529B; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; }

/* PROJECT FILTERS */
.project-gallery-node { width: 100%; height: auto; display: block; margin-bottom: 20px; }
.project-gallery-node .project-gallery-filters { list-style: none; height: auto; width: auto; display: block; background-color: #FFFFFF; border: solid 1px #2986CC; margin: 0; margin: 0px 10px; text-align: center; box-shadow: 0px 2px 3px rgba(0,0,0,0.10); }
/* HEADER */
.project-gallery-node .project-gallery-filters .project-gallery-filters-header { width: 100%; height: auto; display: block; background-color: #F0F9FF; padding: 10px 15px; } 
/* BODY */
.project-gallery-filters .project-gallery-filters-body { width: 100%; height: auto; display: block; border-top: solid 1px #2986CC; padding: 12px 15px; } 
.project-gallery-filters .project-gallery-filters-body li { display: inline-block; color: #666666; border-right: solid 1px #BBBBBB; margin: 5px 0px; padding: 0px 10px; }
.project-gallery-filters .project-gallery-filters-body li:before { content: none; }
.project-gallery-filters .project-gallery-filters-body li:first-of-type { padding-left: 0; }
.project-gallery-filters .project-gallery-filters-body li:last-of-type { border: none; }
.project-gallery-filters .project-gallery-filters-body li a { color: #999999; text-transform: uppercase; line-height: 1; position: relative; }
.project-gallery-filters .project-gallery-filters-body li a span { width: 100%; height: 2px; display: block; background-color: #007AE7; opacity: 0; position: absolute; bottom: -4px; }
.project-gallery-filters .project-gallery-filters-body li a.selected { color: #007AE7; }
.project-gallery-filters .project-gallery-filters-body li a.selected span { opacity: 1; }
/* FOOTER */
.project-gallery-filters .project-gallery-filters-footer { width: 100%; height: auto; display: block; margin: 0; padding: 0px 30px; }
.project-gallery-filters .project-gallery-filters-footer .inner { width: 100%; height: auto; display: block; border-top: solid 1px #2986CC; margin: 0; padding: 12px; }
#view_map { color: #666666; font-family: 'Lato', sans-serif; font-size: 12px; }


/* UNIT FILTERS (BASE) */
/* NEW \/ \/ \/ */
.unit-filters { background-color: #FFFFFF; border-top: solid 1px #2986CC; border-right: solid 1px #2986CC; border-left: solid 1px #2986CC; margin: 0px 10px; box-shadow: 0px 2px 3px rgba(0,0,0,0.10);  } 
/* HEADER */
.unit-filters .unit-filters-header { border-bottom: solid 1px #2986CC; margin: 0px; padding: 10px; position: relative; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; text-align: center; }
.unit-filters .unit-filters-header h2 { color: #00529B; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; }
/* BODY */
.unit-filters .unit-filters-body { width: 100%; height: auto; display: none; background-color: #FFFFFF; border-bottom: solid 1px #2986CC; padding: 10px; }
/* FILTER TABLE OUTER */
.unit-filters .unit-filters-body .filter-table-outer { width: 100%; border: none; margin: 0; margin-bottom: 20px; padding: 0; overflow: auto; }
/*.unit-filters .unit-filters-body .filter-table-outer tr { }*/
.unit-filters .unit-filters-body .filter-table-outer > tbody > tr > td { width: 100%; padding-bottom: 10px; float: left; }
/* FILTER TABLE INNER */
.unit-filters .unit-filters-body .filter-table-inner { width: 100%; border: none; margin: 0; padding: 0; }
/*.unit-filters .unit-filters-body .filter-table-inner tr { }*/
.unit-filters .unit-filters-body .filter-table-inner > tbody > tr > th { padding-bottom: 5px;  }
.unit-filters .unit-filters-body .filter-table-inner > tbody > tr > td { width: 100%; float: left; }
.unit-filters .unit-filters-body .filter-table-inner ul { position: relative; }
.unit-filters .unit-filters-body .filter-table-inner ul li { height: auto; min-height: 25px; padding-left: 25px; position: relative; cursor: pointer; }
.unit-filters .unit-filters-body .filter-table-inner ul li .checkbox { width: 15px; height: 15px; display: block; border: solid 2px #999999; margin: 5px 0px 0px; padding: 0; position: absolute; left: 0; top: 0; -webkit-transition: all 0.125s; transition: all 0.125s; } 
.unit-filters .unit-filters-body .filter-table-inner ul li .checkbox img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.unit-filters .unit-filters-body .filter-table-inner ul li label { margin: 0 !important; padding: 0 !important; font-size: 14px; /*font-weight: 600; */ line-height: 1.5; -webkit-transition: color 0.125s; transition: color 0.125s; }
.unit-filters .unit-filters-body .filter-table-inner ul li.checked .checkbox { background-color: #00529B; border-color: #00529B; }
.unit-filters .unit-filters-body .filter-table-inner ul li.checked p { color: #00529B; }
.unit-filters .unit-filters-body .controls { width: 100%; border-top: solid 1px #999999; padding: 10px 0px 0px; overflow: auto; }
.unit-filters .unit-filters-body .controls .toggles { width: 100%; }
.unit-filters .unit-filters-body .controls .apply { width: 100%; }
#filter-table-select-all { width: 49%; margin: 5px 0px; float: left; }
#filter-table-clear-all { width: 49%; margin: 5px 0px; float: right; }
#filter-table-apply { width: 100%; margin: 5px 0px; }


/* ORIG \/ \/ \/ */
/*.unit-filters { background-color: #FFFFFF; border-top: solid 1px #2986CC; border-right: solid 1px #2986CC; border-left: solid 1px #2986CC; margin: 0px 10px; box-shadow: 0px 2px 3px rgba(0,0,0,0.10);  } */
/* HEADER */
/*.unit-filters .unit-filters-header { border-bottom: solid 1px #2986CC; margin: 0px; padding: 10px; position: relative; -webkit-transition: background-color 0.25s; transition: background-color 0.25s }*/
/*.unit-filters .unit-filters-header h2 { color: #00529B; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; }*/
/* BODY */
/*.unit-filters .unit-filters-body { width: 100%; height: auto; display: none; background-color: #FFFFFF; border-bottom: solid 1px #2986CC; padding: 10px; }
.unit-filters .unit-filters-body .content { width: 100%; margin-bottom: 20px; overflow: auto; }
.unit-filters .unit-filters-body .content .filter-column { width: 100%; float: left; padding: 0px 10px; margin-bottom: 10px; }
.unit-filters .unit-filters-body .content .filter-column .filter-column-header { width: 100%; margin-bottom: 5px; }
.unit-filters .unit-filters-body .content .filter-column .filter-column-body { width: 100%; }
.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul {}
.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li { height: 25px; cursor: pointer; }*/
/* OLD/DELETE BEGINS */
/*.unit-filters .unit-filters-body .content .filter-column .filter-column-body input { margin-right: 5px; }*/
/* OLD/DELETE ENDS */
/*.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li .checkbox { width: 15px; height: 15px; display: block; border: solid 2px #999999; margin: 5px 5px 0px 0px; padding: 0; float: left; position: relative; -webkit-transition: all 0.125s; transition: all 0.125s; } 
.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li .checkbox img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li p { margin: 0 !important; padding: 0 !important; font-size: 14px; font-weight: 600; line-height: 25px; -webkit-transition: color 0.125s; transition: color 0.125s; }
.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li.checked .checkbox { background-color: #00529B; border-color: #00529B; }
.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li.checked p { color: #00529B; }
.unit-filters .unit-filters-body .controls { width: 100%; border-top: solid 1px #999999; padding: 10px 0px; overflow: auto; }*/

/* ACTIVE */
.unit-filters.active .unit-filters-header { background-color: #F0F9FF; }
.unit-filters.active .unit-filters-body { display: block; }

/* PROJECT GALLERY (BODY) */
.project-gallery-wrap.project-past .project-gallery-body { display: none; }
.project-gallery-body .gallery-col { width: 50%; height: auto; display: block; margin: 0; padding: 0; float: left; overflow: auto; }


/*<><><>- TILE (BASE) -<><><>*/
/*--- TILE ---*/
.tile { width: 50%; height: auto; background-color: none; display: block; margin: 0px; padding: 0px 10px 20px; float: left; overflow: visible; }
.tile .tile-inner { width: 100%; height: auto; display: block; background-color: #FFFFFF; margin: 0; padding: 0; box-shadow: 0px 2px 3px rgba(0,0,0,0.15); overflow: auto; position: relative; }
.tile .tile-inner .obstruct { width: 100%; height: 100%; display: block; background-color: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; -webkit-transition: all 0.25s; transition: all 0.2s; }
.tile .header { width: 100%; height: auto; background: url('../images/bg_image_2_MED.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; padding-bottom: 100%; position: relative; }
.tile .header .filter { width: 100%; height: 100%; display: block; background-color: #00529B; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.25s; transition: all 0.25s; }
.tile .header .cta { width: auto; min-width: 175px; display: block; position: absolute; top: 52%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }
.body div { font-size:16px;color:#333; }
.tile .body { width: 100%; height: 100px; display: block; background-color: #FFFFFF; margin: 0; padding: 0; position: relative; }
.tile .body .body-inner { width: 100%; height: 100%; margin: 0; padding: 0px; text-align: center; position: absolute; top: 0; left: 0; }
.tile .body .project-title-wrap { padding: 12px 15px 0px; }
.tile .body .project-title { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #00529B; line-height: 1.2; letter-spacing: 0.5px; } 
.tile .body .rule { width: 25px; height: 1px; display: block; background-color: #CCCCCC; margin: 10px auto; }
.tile .project-info-wrap { padding: 0px 10px 10px; }
.tile .project-info-wrap .project-info { height: 20px; margin-bottom: 2px; overflow: hidden; }
.tile .project-info-wrap .project-info * { font-size: 12px; line-height: 20px; }
.tile .project-info-wrap .project-info:last-child { margin-bottom: 0px; }
.tile .project-info-wrap .status-wrap { width: auto; height: 20px; display: inline-block; background-color: none; padding: 0px 5px; position: relative; }
.tile .project-info-wrap .status-wrap > img { height: 20px; width: auto; display: block; margin: 0; margin-right: 8px; padding: 0; float: left; opacity: 0.5; }
.tile .project-info-wrap .status-wrap > span { height: 20px; color: #999999; padding-right: 25px; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; line-height: 20px; float: left; }
.tile .project-info-wrap .intersection-wrap { }
.tile .project-info-wrap .occupancy-wrap { width: 100%; height: auto; display: block; margin: 0; }
.tile .project-info-wrap .occupancy-wrap h6 { font-weight: 500 !important; }
.tile .project-info-wrap .occupancy-wrap span { font-weight: 700 !important; }
.tile .body > .cta-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0px 10px; position: absolute; bottom: 20px; left: 0; }
.tile .body > .cta-wrap > .cta { width: 100%; margin: 0; }
/* OBSTRUCT */
.tile.tile-disabled .obstruct { opacity: 1; z-index: 1; }

/*--- TILE: ABOUT-NODE ---*/
.tile.about-node { width: 100%; padding: 0px; }
.tile.about-node .header { height: 240px; padding-bottom: 0px; }
.tile.about-node .body { width: 100%; height: 100%; display: block; background-color: rgba(0, 82, 155, 0.5); padding-top: 60px; position: absolute; top: 0px; left: 0; text-align: center; }
.tile.about-node .title { margin-bottom: 15px; }
.tile.about-node .desc { display: none; text-align: center}


/*--- TILE: PROJECT NODE --*/
.tile.project-node {}

/*--- TILE: BLOG NODE ---*/
.tile.blog-node { width: 100%; }
.tile.blog-node .header { padding-bottom: 66.66666%; }
.tile.blog-node .body { height: auto; overflow: hidden; }
.tile.blog-node .body-inner { text-align: left; padding: 15px; position: relative; }
/* POST INFO */
.tile.blog-node .post-info { height: 72px; margin-bottom: 5px; }
.tile.blog-node .title-wrap { width: 100%; max-height: 36px; display: block; overflow: hidden; }
.tile.blog-node .title-wrap > * { font-size: 16px; line-height: 18px; }
.tile.blog-node .attr-wrap { width: 100%; height: auto; max-height: 36px; display: block; overflow: hidden; }
.tile.blog-node .attr-wrap > * { font-size: 12px; line-height: 18px; max-height: 18px; color: #666666; display: block; padding: 0; margin: 0; overflow: hidden; }
.tile.blog-node .attr-wrap .author { text-transform: uppercase; font-weight: 700; }
.tile.blog-node .attr-wrap .date { }
/* POST DESCRIPTION */
.tile.blog-node .desc-wrap { width: 100%; height: 54px; display: block;  margin-bottom: 10px; overflow: hidden; }
.tile.blog-node .desc-wrap > .desc { font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; }
.tile.blog-node .read-wrap { width: 100%; height: 18px; display: block; margin: 0px; padding: 0px; text-align: left; }
.tile.blog-node .read-wrap > * {}
.tile.blog-node .read-wrap .read-more { display: inline-block; color: #333333; border-bottom: solid 1px #333333; padding-bottom: 2px; font-size: 10px; }


/* BLOG POST */
/*.blog-post { }*/
/* BLOG POST: NODE */
/*.blog-post.node { width: 50%; height: auto; background-color: none; display: block; margin: 0px; padding: 0px 10px 20px; float: left; overflow: visible; }
.blog-post.node .blog-post-inner { width: 100%; height: auto; display: block; background-color: #FFFFFF; margin: 0; padding: 0; box-shadow: 0px 2px 3px rgba(0,0,0,0.15); overflow: visible; position: relative; }
.blog-post.node .blog-post-inner .header { width: 100%; height: auto; background: url('../images/bg_image_2_MED.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; padding-bottom: 75%; position: relative; }
.blog-post.node .blog-post-inner .body { width: 100%; height: auto; max-height: 300px; display: block; background-color: #FFFFFF; margin: 0; padding: 10px; position: relative; }
.blog-post.node .blog-post-inner .body .content { margin-bottom: 10px; padding: 0px; overflow: hidden; }
.blog-post.node .blog-post-inner .body .content .title { margin: 0px; line-height: 1.4; }
.blog-post.node .blog-post-inner .body .content .date, .blog-post.node .blog-post-inner .body .content .author { color: #999999; margin: 0; margin-bottom: 5px; font-size: 12px; text-transform: uppercase; }
.blog-post.node .blog-post-inner .body .content .desc { height: 80px; max-width: 100%; display: block; overflow: hidden; } 
.blog-post.node .blog-post-inner .body .cta { }
.blog-post.node .blog-post-inner .body .cta * { color: #BBBBBB; border-bottom: solid 1px #BBBBBB; font-size: 12px; padding-bottom: 3px; }
.blog-post.node .blog-post-inner .body .social { width: 100%; height: auto; border-top: solid 1px #CCCCCC; margin: 0; padding: 5px 0px 0px; text-align: center; }
.blog-post.node .blog-post-inner .body .social li { height: 30px; display: inline-block; background-color: #00529B;}
.blog-post.node .blog-post-inner .body .social li img { height: 30px; }*/
/* BLOG POST: FULL */
/*.blog-post.full { width: 100%; max-width: 100%; height: auto; overflow-y: hidden; } */
/* BLOG POST: FULL > BLOG HEADER */
/*
.blog-post.full .blog-header { }
.blog-post.full .blog-header .images { width: 100%; height: auto; max-height: 300px; overflow: hidden; }
.blog-post.full .blog-header .title { width: 100%; height: auto; margin: 5px 0px; padding: 20px 0px; }
.blog-post.full .blog-header .details { width: 100%; height: auto; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; margin: 5px auto; padding: 10px 0px; }
.blog-post.full .blog-header .details .attr { width: 100%; height: auto; text-align: center; margin: 2px 0px; padding: 2px 0px; }
.blog-post.full .blog-header .details .attr > * { display: inline-block; }
.blog-post.full .blog-header .details .social { width: 100%; height: auto; text-align: center; margin: 2px 0px; padding: 2px 0px; }
.blog-post.full .blog-header .details .social li { height: 40px; display: inline-block; }
.blog-post.full .blog-header .details .social li img { height: 100%; width: auto; }
*/


/*<><><>- BLOG POST (BASE) -<><><>*/
/*--- BLOG POST ---*/
.post.full { margin-right: auto; margin-left: auto; }
.post.full > .body { width: 100%; height: auto; }
.post.full > .body > .content { width: 100%; height: auto; }
.post.full > .body > .content .content-header { margin-bottom: 15px; }
.post.full > .body > .content .content-header .title { width: 100%; height: auto; margin-bottom: 10px; }
.post.full > .body > .content .content-header .title > * { line-height: 1; }
.post.full > .body > .content .content-header .details { width: 100%; height: auto; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; margin-bottom: 10px; padding: 10px 0px; }
.post.full > .body > .content .content-header .details .attr-wrap { width: 100%; height: auto; }
.post.full > .body > .content .content-header .details .attr-wrap > * { display: block; color: #666666; font-size: 12px; line-height: 18px; }
.post.full > .body > .content .content-header .details .social-wrap { width: 100%; height: auto; overflow: auto; }
.post.full > .body > .content .content-header .details .social-wrap li { width: 49%; height: 36px; display: block; line-height: 36px; float: left; text-align: center; }
.post.full > .body > .content .content-header .details .social-wrap li:nth-child(1) { margin-top: 2%; margin-bottom: 1%; }
.post.full > .body > .content .content-header .details .social-wrap li:nth-child(2) { margin-top: 2%; margin-bottom: 1%; }
.post.full > .body > .content .content-header .details .social-wrap li:nth-child(2n-1) { margin-right: 0.5%; }
.post.full > .body > .content .content-header .details .social-wrap li:nth-child(2n) { margin-left: 0.5%; }
.post.full > .body > .content .content-header .details .social-wrap li a { width: 100%; height: 100%; display: block; }
.post.full > .body > .content .content-header .details .social-wrap li img { height: 100%; width: auto; display: inline-block; }
.post.full > .body > .content .content-header .details .social-wrap li:last-child { margin-right: 0px; }
.post.full > .body > .content .content-main .images { width: 100%; height: auto; margin: 20px 0px; position: relative; overflow: hidden; }
.post.full > .body > .content .content-main .images img { width: 100%; height: auto; }
.post.full > .body > .content .content-main .publication { width: 100%; height: auto; display: block; border-bottom: solid 1px #CCCCCC; margin: 0px 0px 15px; padding: 0px 0px 15px; }
.post.full > .body > .content .content-main .lead { width: 100%; height: auto; text-align: center; }
.post.full > .body > .content .content-main .footer { width: 100%; height: auto; border-top: solid 1px #CCCCCC; margin-top: 15px; padding-top: 15px; }

/*--- BLOG POST RECENT POSTS ---*/
.post.full > .body > .recent-posts { width: 100%; padding-top: 20px; }
.post.full > .body > .recent-posts .recent-post-section { width: 100%; height: auto; margin-bottom: 5px; padding-bottom: 5px; overflow: auto; } 
/* BLOG POST > RECENT POSTS > TILE */
.recent-posts .tile.blog-node { width: 100%; padding: 0px; padding-bottom: 10px; }
.recent-posts .tile.blog-node .tile-inner { height: 80px; background-color: #FFFFFF; position: relative; }
.recent-posts .tile.blog-node .header { width: 80px; height: 80px; padding-bottom: 0; position: absolute; top: 0; left: 0;  }
.recent-posts .tile.blog-node .body { width: 100%; height: 80px; background-color: transparent; padding-left: 80px; }
.recent-posts .tile.blog-node .author { float: left; }
.recent-posts .tile.blog-node .date { display: none; float: left; }
.recent-posts .tile.blog-node .read-wrap { display: none; }
/* POST: BLOG POST */
.post.blog-post > .body > .content { background-color: #FFFFFF; border: solid 1px #CCCCCC; padding: 15px; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15); box-shadow: 0px 2px 3px rgba(0,0,0,0.15); }
/* POST: CAREERS POST */
.post.careers-post { max-width: 900px; /*margin-right: auto; margin-left: auto;*/ padding-right: 3px; padding-left: 3px; }
.post.careers-post > .body { background-color: #FFFFFF; border: solid 1px #CCCCCC; padding: 15px; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15); box-shadow: 0px 2px 3px rgba(0,0,0,0.15); }
.post.careers-post .post-section { border-bottom: solid 1px #DDDDDD; }
.post.careers-post .post-section:last-child { border-bottom: none; }
/* POST: MENKES NEWS POST */
.post.menkes-news-post { max-width: 900px; /*margin-right: auto; margin-left: auto;*/ padding-right: 3px; padding-left: 3px; }
.post.menkes-news-post > .body { background-color: #FFFFFF; border: solid 1px #CCCCCC; padding: 15px; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15); box-shadow: 0px 2px 3px rgba(0,0,0,0.15); }



/* REVIEW BELOW FOR UNNECESSARY CODE */
/* UNIT ITEM */
/*#search-gallery > .unit-item { float: none; }*/
.unit-item { width: 50%; height: auto; background-color: none; display: block; margin: 0px; padding: 0px 10px 20px; float: left; overflow: visible; }
.gallery-col .unit-item { width: 100%; }
.unit-item .unit-item-inner { width: 100%; height: auto; display: block; background-color: #FFFFFF; border: solid 1px #CCCCCC; margin: 0; padding: 0; box-shadow: 0px 2px 3px rgba(0,0,0,0.15); overflow: visible; }
/* PREHEADER */
.unit-item .preheader { width: 100%; height: 50px; background-color: #FFFFFF; border-bottom: solid 1px #CCCCCC; position: relative; overflow: hidden; }
.unit-item .preheader .unit-info-name { height: auto; min-height: auto; background-color: transparent !important; border-bottom: none; margin: 0; padding: 0; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); overflow: hidden; }
.unit-item .preheader .unit-name { line-height: 20px; }
/* HEADER */
.unit-item .header { width: 100%; height: auto; margin: 0; padding: 0; padding-bottom: 100%; position: relative; }
.unit-item .header .unit-floorplan { width: auto; max-width: 100%; height: auto; max-height: 100%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.unit-item .header > .filter { width: 100%; height: 100%; display: block; background-color: #00529B; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.25s; transition: all 0.25s; }
.unit-item .header > .cta { width: auto; min-width: 175px; display: block; position: absolute; top: 52%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } 
.unit-item .body { width: 100%; height: auto; display: block; background-color: #F1F2F3; margin: 0; padding: 0; position: relative; overflow: auto; }
.unit-item .body > .body-inner { width: 100%; height: auto; border-top: solid 1px #CCCCCC; margin: 0; padding: 0px; text-align: center; overflow: auto;}
.unit-item .unit-info { width: 100%; min-height: 30px; display: block; border-bottom: solid 1px #BBBBBB; overflow: auto; position: relative; overflow: visible; } 
.unit-item .unit-info .unit-info-icon { height: 100%; width: 25%; display: block; background-color: #DDDDDD; margin: 0; padding: 10px; position: absolute; top: 0; left: 0; overflow: visible; }
.unit-item .unit-info .unit-info-icon img { height: 20px; width: auto; display: block; opacity: 0.5; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.unit-item .unit-info .unit-info-text { height: 100%; width: 75%; display: block; background-color: none; margin: 0; margin-left: 25%; padding: 10px; text-align: center; }
.unit-item .header .unit-info.unit-info-sqft { display: none; }
.unit-item .body .unit-info.unit-info-sqft { display: block; }
.unit-item .unit-info.unit-info-name { background-color: #FFFFFF; padding: 10px; text-align: center; }
.unit-item .unit-info.unit-info-name > .unit-name { }
.unit-item .unit-info.unit-info-name > .unit-project { margin-top: 3px; }
.unit-item .unit-info.unit-info-price { min-height: 0; background-color: #9CD354; padding: 18px 5px 12px; }
.unit-item .unit-info.unit-info-price .price-modifier { width: 100%; position: absolute; top: 6px; left: 0; color: rgba(0,0,0,0.3); font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.unit-item .unit-info.unit-info-price .price-value {  }
.unit-item .body > .body-inner > .cta-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0px; }
.unit-item .body > .body-inner > .cta-wrap > .cta { width: 100%; margin: 0; }
/* REVIEW ABOVE FOR UNNECESSARY CODE */

/* PAST ITEM */
.past-item { width: 100%; height: auto; background-color: none; display: block; margin: 0px; padding: 0; float: none; overflow: visible; }
.past-item .past-item-inner { width: 100%; height: auto; display: block; background-color: none; margin: 0; padding: 0; overflow: hidden; position: relative; }
.past-item .filter, .past-item .img { display: none; } 
.past-item .body { width: 100%; height: auto; display: block; border-bottom: solid 1px #2986CC; padding: 10px; margin: 0; position: relative; -webkit-transition: all 0.25s; transition: all 0.25s; }
.past-item .body > h3 { display: inline-block; color: #666666; font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: 0.5px; margin-right: 10px; }
.past-item .body > h4 { display: inline-block; color: #999999; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; letter-spacing: 0.5px; text-transform: initial; }
.past-item .body > .rule { display: none; }

/* PRESS ITEM */
.press-item { width: 33.333333%; height: auto; background-color: none; display: block; margin: 0px 0px 20px; padding: 0px 10px; float: left; overflow: visible; }
.press-item .press-item-inner { width: 100%; height: auto; display: block; background-color: none; margin: 0; padding: 0; padding-top: 100%; overflow: hidden; position: relative; }
.press-item .img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; overflow: hidden; } 
.press-item .img img { max-height: 100%; width: auto; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.press-item .filter { display: none; }
.press-item .body { display: none; }

/* MAP (BASE) */
#map_wrap_outer { width: 100%; max-width: 1100px; height: 400px; display: block; margin: 0 auto; padding: 0px 10px; overflow: hidden; -webkit-transition: height 0.5s; transition: height 0.5s; }
#map_wrap_inner { width: 100%; height: 100%; display: block; border: solid 1px #DDDDDD; margin: 0 auto; position: relative; }
#map_frame { width: 100%; height: 100%; display: block; padding: 0; position: relative; opacity: 0; }
#map_canvas { width: 100%; height: 100%; display: block; padding: 0; position: absolute; top: 0; left: 0; overflow; }
#map_placeholder { width: 100%; height: 100%; display: block; background-color: #FFFFFF; margin: 0; padding: 200px 0px 0px; border: none; position: absolute; top: 0; left: 0; overflow; text-align: center; pointer-events: none; }
.map-placeholder-elems { width: 100%; height: auto; display: block; margin-top: -30px; opacity: 1; }
.map-placeholder-text { font-weight: 500; }
.map-placeholder-progress { width: 0px; height: 2px; display: inline-block; background-color: transparent; margin: 20px 0px 0px; -webkit-animation: map-placeholder-anim 1s ease-in-out alternate infinite; animation: map-placeholder-anim 1s ease-in-out alternate infinite; }


/*--- ASSOCIATIONS WRAP ---*/
.associations-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0; position: relative; }
/*.associations-title { width: 100%; height: auto; display: block; color: #00529B; margin: 0; padding-bottom: 20px; text-align: center; }*/
/*.associations-title h1 { margin: 10px; }*/
/*.associations-title .dash { width: 100px; height: 1px; display: block; background-color: #00529B; margin: 0 auto; }*/
.associations-body { width: inherit; height: inherit; display: inherit; margin: inherit; padding: inherit; position: inherit ; overflow: hidden; }
.associations-body .associations-gallery { width: inherit; height: inherit; display: inherit; margin: inherit; padding: inherit; position: inherit ; overflow: auto; }
.associations-body .associations-gallery .associations-gallery-item { width: 50%; height: auto; display: block; background-color: none; margin: 0; padding-bottom: 33.3%; position: relative; overflow: hidden; float: left; transition: background-color 0.25s; }
.associations-body .associations-gallery .associations-gallery-item:hover { background-color: #DDDDDD; }
/*.associations-body .associations-gallery .associations-gallery-item:nth-child(2n) { margin-right: 0%; }*/
.associations-body .associations-gallery .associations-gallery-item img { height: 75%; max-height: 75%; width: auto; display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) translateZ(0); -webkit-transform: translate(-50%, -50%) translateZ(0); transform: translate(-50%, -50%) translateZ(0); transition: all 0.25s; }
.associations-body .associations-gallery .associations-gallery-item .associations_gallery_images {height: auto !important; width: 90%;}
.associations-body .associations-gallery .associations-gallery-item img.oversize { height: 125%; max-height: 125%; }
.associations-body .associations-gallery .associations-gallery-item:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } 


/*<><><>- PAGE: PAST PROJECTS; -<><><>*/
/*--- PAST PROJECTS SECTION ---*/
#past-projects-section { display: none; }

/*--- PAST PROJECTS WRAP ---*/
.past-projects-wrap { width: 100%; height: auto; display: none; margin: 0; padding: 0; position: relative; }
.past-projects-wrap.active { display: block; }
.past-projects-wrap .past-projects-title { width: 100%; height: auto; display: block; color: #00529B; margin: 0; padding-bottom: 20px; text-align: center; }
.past-projects-wrap .past-projects-title h1 { margin: 10px; }
.past-projects-wrap .past-projects-title .dash { width: 100px; height: 1px; display: block; background-color: #00529B; margin: 0 auto; }
.past-projects-wrap .past-projects-body { width: inherit; height: inherit; display: inherit; margin: inherit; padding: inherit; position: inherit ; overflow: hidden; }
.past-projects-wrap .past-projects-body .past-project-item { width: 48%; height: auto; display: block; margin: 0; margin-right: 4%; margin-bottom: 4%; padding: 0; padding-bottom: 48%; position: relative; float: left; overflow: hidden; }
.past-projects-wrap .past-projects-body .past-project-item:nth-child(2n) { margin-right: 0; }
.past-projects-wrap .past-projects-body .past-project-item img { width: auto; min-width: 100%; height: 100%; display: block; margin: 0; padding: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.past-projects-wrap .past-projects-body .past-project-item .past-project-item-info { width: 100%; height: 100%; display: block; background-color: rgba(0, 82, 155, 0.1); margin: 0; padding: 10px; position: absolute; top: 0; left: 0; transition: all 0.25s; }
.past-projects-wrap .past-projects-body .past-project-item .past-project-item-info h3 { opacity: 0; text-transform: uppercase; transition: opacity 0.25s; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.past-projects-wrap .past-projects-body .past-project-item .past-project-item-info:hover  { background-color: rgba(0, 82, 155, 0.6); }
.past-projects-wrap .past-projects-body .past-project-item .past-project-item-info:hover h3 { opacity: 1; }


/*<><><>- PAGE: CAREERS -<><><>*/
/*--- CAREERS WRAP ---*/
.careers-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0 10px; position: relative; }
.careers-wrap .careers-table { width: 100%; height: auto; display: block; background-color: #FFFFFF; border: solid 1px #2986CC; margin: 0 0 20px 0; padding: 0; position: relative; box-shadow: 0px 2px 3px rgba(0,0,0,0.10); }
.careers-table .header { width: 100%; height: auto; min-height: 40px; display: block; border-bottom: none; margin: 0; padding: 10px 15px; position: relative; cursor: pointer; overflow: auto; }
.careers-table .body { width: 100%; height: auto; display: none; margin: 0; padding: 0px; position: relative; }
.careers-table p { margin: 0 !important; padding: 0 !important; font-size: 14px; }
/* CONTENTS */
.careers-table .header .text { width: auto; height: auto; display: block; margin: 0px; padding: 0; }
.careers-table .header .text * { line-height: 30px; vertical-align: top; }
.careers-table .header .text h3 { display: inline-block; border-right: solid 1px #2986CC; margin-right: 10px; padding-right: 10px; }
.careers-table .header .text h5 { display: inline-block; }
.careers-table .body { border-top: solid 1px #2986CC; }
.careers-table .body .careers-table-row { width: 100%; height: auto; display: block; color: #666666; border-top: solid 1px #2986CC; padding: 0; overflow: auto; transition: background-color 0.25s, color 0.25s; cursor: pointer ; }
.careers-table .body .careers-table-row:first-child { border-top: none; }
.careers-table .body .careers-table-row > div { padding: 10px 15px; float: left; }
.careers-table .body .careers-table-row > div:first-of-type { width: 65%; border-right: solid 1px #2986CC; }
.careers-table .body .careers-table-row > div:last-of-type { width: 35%; }
/* ACTIVE */
.careers-table.active .header { background-color: #F0F9FF; }
.careers-table.active .body { display: block; }


/*<><><>- PAGE: AWARDS (BASE) -<><><>*/
/*--- AWARD ITEM ---*/
.award-item { width: 100%; float: left; }
.award-item .award-item-inner { width: 100%; height: auto; display: block; background-color: #FFFFFF; border-top: solid 1px #2986CC; margin: 0; padding: 0; position: relative; overflow: auto; }
.award-item:first-child .award-item-inner { border-top: none; }
/* CONTENTS */
.award-item-inner .header { width: 50%; height: 100%; display: block; background: url('../images/bg_image_2_MED.jpg'); background-size: cover; background-position: 50% 50%; margin: 0; padding: 0; overflow: hidden; position: absolute; top: 0; left: 0; }
/*.award-item-inner .header img { height: 100%; width: auto; min-width: 100%; }*/
.award-item-inner .header img { width: 100%; height: auto; }
.award-item-inner .body { width: 50%; height: auto; display: block; margin: 0; margin-left: 50%; padding: 0; }
.award-item-inner .body .award-info { width: 100%; height: auto; min-height: 35px; display: block; border-bottom: solid 1px #CCCCCC; margin: 0; padding: 10px 15px; }
.award-item-inner .body .award-info:last-of-type { border-bottom: none; }
.award-item-inner .body .award-info .title { color: #999999; margin-bottom: 5px; text-align: center; }
.award-item-inner .body .award-info .text { margin-bottom: 5px; text-align: center; }

/*--- AWARDS TABLE ---*/
.awards-wrap { }
.awards-table { width: 100%; height: auto; display: block; background-color: #FFFFFF; border: solid 1px #2986CC; margin: 0 0 10px 0; padding: 0; position: relative; box-shadow: 0px 2px 3px rgba(0,0,0,0.10); }
.awards-table .header { width: 100%; height: auto; min-height: 40px; display: block; border-bottom: none; margin: 0; padding: 10px 15px; position: relative; overflow: auto; }
.awards-table .body { width: 100%; height: auto; display: block; margin: 0; padding: 0px; position: relative; }
.awards-table.toggle-parent .header.toggle-controls { cursor: pointer; }
.awards-table.toggle-parent .body.toggle-target { display: none; }
/* CONTENTS */
.awards-table .header .text { width: auto; height: auto; display: block; margin: 0px; padding: 0; text-align: center; }
.awards-table .body .body-table { width: 100%; border: none; }
.awards-table .body .body-table .body-table-header { width: 100%; background-color: #F6F6F6; border-top: solid 1px #2986CC; }
.awards-table .body .body-table .body-table-header th { padding: 10px 15px; /*text-align: center;*/ }
.awards-table .body .body-table .body-table-header th:first-child { width: 65%; border-right: solid 1px #2986CC; }
.awards-table .body .body-table .body-table-header .title { color: #666666; }
.awards-table .body .body-table .body-table-row { width: 100%; border-top: solid 1px #2986CC; }
.awards-table .body .body-table .body-table-row td { padding: 10px 15px; }
.awards-table .body .body-table .body-table-row td:first-child { border-right: solid 1px #2986CC; }
.awards-table .body .body-table .body-table-row p { margin: 0; }
/* ACTIVE */
.awards-table.toggle-parent.active .header.toggle-controls { background-color: #F0F9FF; }
.awards-table.toggle-parent.active .body.toggle-target { display: block; }

/*<><><>- PAGE: * DESIGN STUDIO -<><><>*/
/*--- STUDIO WRAP ---*/
.studio-wrap { margin-top: 30px; overflow: auto; }
/* STUDIO ITEM */
.studio-item { width: 100%; height: auto; display: block; margin: 0; padding: 0px 10px 20px; float: left; overflow: visible; } 
.studio-item  .studio-item-inner { width: 100%; height: auto; display: block; background-color: #FFFFFF; margin: 0; padding: 0; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15); box-shadow: 0px 2px 3px rgba(0,0,0,0.15); }
.studio-item .header { width: 100%; height: auto; display: block; background: url('../images/bg_image_2_MED.jpg'); background-size: cover; background-position: center; margin: 0; padding-bottom: 75%; position: relative; }
.studio-item .body { width: 100%; height: auto; display: block; margin: 0; padding: 0; }
.studio-item .body-inner { width: 100%; height: auto; display: block; margin: 0; padding: 15px; text-align: center; }
.studio-item .body-inner h2 { font-family: 'Open Sans', sans-serif; /*font-size: 20px;*/ color: #00529B; line-height: 1.2; letter-spacing: 0.5px; }
.studio-item .body-inner .rule { margin: 10px auto; }
.studio-item .supp-info { width: 100%; height: auto; display: none; margin: 10px 0px 0px; padding: 0px; text-align: left; }
.studio-item .supp-info-field { width: 100%; height: auto; display: block; margin-bottom: 15px; }
.studio-item .supp-info-field h4 { color: #00529B; /*font-size: 14px;*/ }
.studio-item .supp-info-field h4 span { color: #666666; }
.studio-item .supp-info-field p { margin: 0 !important; }

/* ///////////////////////// REVISIT BELOW ///////////////////////// */
/* OVERRIDE --> REPLACE LATER */
.studio-item .supp-info-field.hours h4 { font-family: 'Lato', sans-serif; font-weight: normal; text-transform: initial; }
.studio-item .cta-wrap { margin: 15px 0px; }
.studio-item .supp-info-field img { width: 100%; height: auto; display: block;  }
/* ///////////////////////// REVISIT ABOVE ///////////////////////// */


/*<><><>- PAGE: FAQ (BASE) -<><><>*/
/*--- FAQ WRAP ---*/
.faq-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0 10px; position: relative; }
.faq-wrap .faq-item  { width: 100%; height: auto; display: block; background-color: #FFFFFF; border: solid 1px #2986CC; margin: 0 0 20px 0; padding: 0; position: relative; box-shadow: 0px 2px 3px rgba(0,0,0,0.10); }
.faq-item .header { width: 100%; height: auto; min-height: 40px; display: block; border-bottom: none; margin: 0; padding: 10px 15px; position: relative; cursor: pointer; overflow: auto; }
.faq-item .body  { width: 100%; height: auto; display: none; border-top: solid 1px #2986CC; margin: 0; padding: 10px 15px; position: relative; }
/* CONTENTS */
.faq-item .icon { width: 30px; height: 25px; display: block; position: absolute; top: 50%; left: 7.5px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; }
.faq-item .icon img { height: 100%; width: auto; display: inline-block; }
.faq-item .text { width: auto; height: auto; display: block; border-left: solid 1px #2986CC; margin: 0px 30px; padding: 0px 0px 0px 12.5px; text-align: center; }
.faq-item .text p { color: #00529B; margin: 0 !important; }
/* OVERRIDES */
.faq-item .body .text { margin-right: 0; }
.faq-item .body .text p { color: #666666; } 
/* ACTIVE */
.faq-item.active .header { background-color: #F0F9FF; }
.faq-item.active .body { display: block; }


/*<><><>- COMPONENT: GALLERY (GRID); -<><><>*/
.gallery-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0; position: relative; }
.gallery-body { width: 100%; height: auto; display: block; margin: 0; padding: 0; position: relative; }
.gallery-item-outer { width: 50%; height: auto; display: block; margin: 0px 0px 20px; padding: 0px 10px; position: relative; float: left; overflow: hidden; }
.gallery-item { width: 100%; height: auto; display: block; margin: 0; padding-bottom: 75%; -webkit-transition: background-color 0.25s; transition: background-color 0.25s;}
.gallery-item img { width: auto; max-width: 75%; height: auto; display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*--- GRID ITEM MODIFIERS ---*/
/* SQUARE */
.gallery-body.gallery-item-square .gallery-item-outer { margin: 0px; padding: 0px; }
.gallery-body.gallery-item-square .gallery-item { padding-bottom: 100%; }
.gallery-body.gallery-item-square .gallery-item img { max-width: 90%; }

/*--- EFFECT MODIFIERS ---*/
/* BG */
.gallery-body.gallery-fx-hover-bg .gallery-item:hover { background-color: #DDDDDD; }
/* IMG */
.gallery-body.gallery-fx-hover-img .gallery-item img { -webkit-transition: opacity 0.25s, -webkit-filter 0.25s; transition: opacity 0.25s, -webkit-filter 0.25s; }
.gallery-body.gallery-fx-hover-img .gallery-item:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }


/*<><><>- COMPONENT: DOWNLOAD (BASE) -<><><>*/
/*--- DOWNLOAD WRAP ---*/
.download-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0 10px; position: relative; }
.download-wrap .download-item  { width: 100%; height: auto; display: block; background-color: #FFFFFF; border: solid 1px #2986CC; margin: 0 0 10px 0; padding: 0; position: relative; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.10); box-shadow: 0px 2px 3px rgba(0,0,0,0.10); }
.download-item .header { width: 100%; height: auto; min-height: 40px; display: block; border-bottom: none; margin: 0; padding: 10px 15px; position: relative; cursor: pointer; overflow: auto; }
/* CONTENTS */
.download-item .icon { width: 30px; height: 25px; display: block; position: absolute; top: 50%; left: 7.5px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; }
.download-item .icon img { height: 100%; width: auto; display: inline-block; }
.download-item .text { width: auto; height: auto; display: block; border-left: solid 1px #2986CC; margin: 0px 10px 0px 30px; padding: 0px 0px 0px 12.5px; text-align: center; }
.download-item .text p { color: #00529B; margin: 0 !important; font-weight: 700; }
.download-item .text p span { font-family: 'Open Sans', sans-serif; }


/*<><><>- COMPONENT: SLIDER (BASE) -<><><>*/
.slider-gallery-wrap { width: 100%; padding: 0 10px; margin-bottom: 10px; }
.slider-gallery-wrap .slider-slave { width: 100%; height: auto; display: block; margin: 0; padding: 0; padding-top: 75%; position: relative; overflow: hidden; }
.slider-gallery-wrap .slider-slave .slick-slave { width: 100%; height: 100%; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
.slider-gallery-wrap .slider-slave .slick-slave .slick-list { height: 100%; background-color: rgba(0,0,0,0.05); }
.slider-gallery-wrap .slider-slave .slick-slave .slick-list .slick-track { height: 100%; }
.slider-gallery-wrap .slider-slave .slick-slave .slick-list .slick-track .slick-slide { height: 100%; display: block; background-size: contain !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; position: relative; }
.slider-gallery-wrap .slick-caption { width: 100%; height: auto; display: block; color: #333333 !important; background-color: #FFFFFF; margin: 0px; padding: 8px; /*-webkit-box-shadow: 0px -3px 5px rgba(0,0,0,0.65); box-shadow: 0px -3px 5px rgba(0,0,0,0.65);*/ position: absolute; bottom: 0; left: 0; }


/*<><><>- COMPONENT: CONTACT (BASE) -<><><>*/
.contact-wrap { width: 100%; height: auto; display: block; background-color: #FFFFFF; border: solid 1px #DDDDDD; margin-bottom: 10px; /*padding: 20px 10px 0px;*/ overflow: auto; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.10); box-shadow: 0px 2px 3px rgba(0,0,0,0.10); }
/* HEADER */
.contact-wrap > .header { width: 100%; height: auto; display: block; margin: 0; padding: 15px; text-align: center; }
.contact-wrap > .header *:last-child { margin-bottom: 0px !important; }
.contact-wrap > .header .header-title { margin-bottom: 10px;  }
.contact-wrap > .header p { text-align: center; }
/* BODY */
.contact-wrap > .body { width: 100%; height: auto; display: block; overflow: auto; }
.contact-wrap > .body.toggle-target { display: none; }
.contact-wrap > .body .body-title { display: block; }
.contact-wrap > .body .contact-node { width: 100%; height: auto; display: block; margin: 0px; padding: 0px 10px; float: left; }
.contact-wrap > .body .contact-node .preheader { background-color: #FFFFFF; border-top: solid 1px #DDDDDD; padding: 15px 15px 0px; /*box-shadow: 0px 2px 3px rgba(0,0,0,0.15);*/ text-align: center; }
.contact-wrap > .body .contact-node .header { background-color: #FFFFFF; border-top: solid 1px #DDDDDD; padding: 15px 15px 5px; /*box-shadow: 0px 2px 3px rgba(0,0,0,0.15);*/ text-align: center; }
.contact-wrap > .body .contact-node:first-child .header { border-top: none; }
.contact-wrap > .body .contact-node .preheader + .header { border-top: none !important; padding-top: 0; min-height: 60px; }
.contact-wrap > .body .contact-node .header .contact-name { /*margin-bottom: 5px; */}
.contact-wrap > .body .contact-node .body { background-color: #FFFFFF; padding: 10px 15px 10px; /*box-shadow: 0px 2px 3px rgba(0,0,0,0.15);*/ }
.contact-wrap > .body .contact-node .body p { font-size: 1.4rem; font-size: 14px; font-weight: 700; line-height: 1.2; margin: 0px 0px 8px; text-align: center;}
.contact-wrap > .body .contact-node .body p span { font-weight: 500; }
/* ACTIVE */
.contact-wrap.active > .header { background-color: #F0F9FF; }
.contact-wrap.active > .body { display: block; }

/*--- CONTACT TABLE OUTER ---*/
.contact-table-outer { width: 100%; height: auto; display: block; border: solid 1px #00529B; overflow: hidden; }
.contact-table-outer > .header { background-color: #FFFFFF; padding: 10px 15px; text-align: center; }
.contact-table-outer > .body { overflow-x: visible; overflow-y: auto; }
/* OVERRIDES */
.contact-table-outer .contact-table { border: none; margin: 0px; min-width: 900px; }

/*--- CONTACT TABLE ---*/
.contact-table { width: 100%; height: auto; display: block; background-color: #FFFFFF; border: solid 1px #2986CC; margin: 0 0 10px 0; padding: 0; position: relative; box-shadow: 0px 2px 3px rgba(0,0,0,0.10); }
.contact-table .header { width: 100%; height: auto; min-height: 40px; display: block; border-bottom: none; margin: 0; padding: 10px 15px; position: relative; overflow: auto; }
.contact-table .body { width: 100%; height: auto; display: block; margin: 0; padding: 0px; position: relative; }
.contact-table .body.toggle-target { display: none; }
/* CONTENTS */
.contact-table .header .text { width: auto; height: auto; display: block; margin: 0px; padding: 0; text-align: center; }
.contact-table .body .body-table { width: 100%; border: none; }
/*.contact-table .body .body-table .body-table-header { width: 100%; background-color: #F6F6F6; border-top: solid 1px #2986CC; }*/
/*.contact-table .body .body-table .body-table-header th { width: 100%; padding: 10px 15px; } */
/*.contact-table .body .body-table .body-table-header .title { color: #666666; font-size: 12px; }*/
.contact-table .body .body-table .body-table-row { width: 100%; border-top: solid 1px #DDDDDD; }
.contact-table .body .body-table .body-table-row:first-child { width: 100%; border-top: solid 1px #2986CC; }
.contact-table .body .body-table .body-table-row td { }
.contact-table .body .body-table .row-table { width: 100%; }
.contact-table .body .body-table .row-table tr { width: 100%; }
.contact-table .body .body-table .row-table tr > td { width: 16%; padding: 10px; border-right: solid 1px #DDDDDD; }
.contact-table .body .body-table .row-table tr > td:last-child { border-right: none; }
.contact-table .body .body-table .row-table tr > td.contact { width: 25%; }
.contact-table .body .body-table .row-table tr > td.phone-main { width: 15%; }
.contact-table .body .body-table .row-table tr > td.phone-direct { width: 15%; }
.contact-table .body .body-table .row-table tr > td.fax { width: 15%; }
.contact-table .body .body-table .row-table tr > td.email { width: 30%; }
.contact-table .body .body-table .row-table p { margin: 0; font-size: 14px; }
/* ROW TABLE FULL */
.row-table.row-table-full { background-color: #F6F6F6; }
.row-table.row-table-full .title { text-align: center; }
/* ROW TABLE HEADER */
.row-table.row-table-header { background-color: #F6F6F6; }
.row-table.row-table-header .title { color: #666666; font-size: 12px; }
/* ACTIVE */
.contact-table.active .header { background-color: #F0F9FF; }
.contact-table.active .body { display: block; }


/*<><><>- COMPONENT: FOOTER (BASE) -<><><>*/
.site-footer {  width: 100%; height: auto; display: block; background-color: #00529B; z-index:1; position: relative; text-align: center; font-family: "Open Sans Condensed"; text-rendering : optimizeLegibility; -webkit-font-smoothing: antialiased; }
/*--- FOOTER SECTION --*/
.site-footer .footer-section { width: 100%; height: auto; display: block; position: relative; overflow: hidden; }
.site-footer .footer-section .footer-section-inner { width: 91.66666%; max-width: 600px; height: auto; display: block; margin: 0 auto; overflow: auto; }
.site-footer .footer-section .footer-section-inner .header { width: 100%; height: auto; }
.site-footer .footer-section ul { width: 100%; list-style-type: none; margin: 0; padding: 10px 0px; position: relative; }
.site-footer .footer-section ul li { display: inline-block; padding: 0px 10px; margin: 10px 0px; }
.site-footer .footer-section ul li a { position: relative; }
/*.site-footer .footer-section ul li a span.underline { width: 100%; height: 1px; display: block; background-color: #FFFFFF; position: absolute; left: 0; bottom: -1px; opacity: 0; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.25s; transition: all 0.25s; }*/
/*.site-footer .footer-section ul li:hover a span.underline { opacity: 1; }*/
/* LINKS */
.site-footer .footer-section.links { background-color: rgba(255,255,255,0.1); }
.site-footer .footer-section.links ul { }
.site-footer .footer-section.links ul li { border-right: 1px solid rgba(0,0,0,0.3); }
.site-footer .footer-section.links ul li:last-child { border-right: 0px; }
/* SOCIAL */
.site-footer .footer-section.social { background-color: #00529B; }
.site-footer .footer-section.social img { width: 34px; }
.site-footer .footer-section.social ul { }
.site-footer .footer-section.social ul li { margin: 0 5px; padding: 0; }
/* NEWSLETTER */
.site-footer .footer-section.newsletter { width: 100%; height: auto; display: block; overflow: auto; }
.site-footer .footer-section.newsletter .footer-section-inner { border-top: solid 1px rgba(0,0,0,0.15); border-bottom: solid 1px rgba(0,0,0,0.15); }
.site-footer .footer-section.newsletter form { width: 100%; margin: 0 auto; }
.site-footer .footer-section.newsletter li { margin: 0px; padding: 0; display: block; overflow: auto; }
.site-footer .footer-section.newsletter li:last-child { margin-bottom: 0px; }
.site-footer .footer-section.newsletter label { line-height: 18px; }
.site-footer .footer-section.newsletter .newsletter-fields-main { display: block; }
.site-footer .footer-section.newsletter .newsletter-fields-secondary { display: none; }
/* NEWSLETTER: EMAIL FIELDS */
.site-footer .footer-section.newsletter .email-fields .input-wrap:nth-child(1) { }
.site-footer .footer-section.newsletter .email-fields .input-wrap:nth-child(2) label { display: none; }
/* NEWSLETTER > STARTED */
.site-footer .footer-section.newsletter .newsletter-fields-main.started .email-fields .input-wrap:nth-child(2) { display: none; }
.site-footer .footer-section.newsletter .newsletter-fields-secondary.started { display: block; }


/*<><><>- COMPONENT: FORM -<><><>*/
label { display: block; margin: 0; padding: 0; cursor: pointer; }
label p { color: #999999; font-family: 'Open Sans', sans-serif; font-size: 12px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
textarea { width: 100%; min-height: 200px; color: #333333; background-color: #FCFCFc; border: solid 1px #999999; padding: 10px; font-size: 14px; font-weight: 500; resize: none; }


/*<><><>- INPUTS (BASE) -<><><>*/
/*--- PROJECT DEFAULTS ---*/
input[type="text"], input[type="email"], select { min-height: 30px; width: 100%; color: #444444; background-color: transparent; padding: 8px; font-size: 14px; font-weight: 500; }

/*--- INPUT WRAP ---*/
.input-wrap { width: 100%; margin-bottom: 12px; }
.input-wrap > label { width: 100%; color: #333333; margin-bottom: 3px; line-height: 16px; }
.input-wrap input[type="text"] { border: solid 1px #999999; transition: all 0.25s; }
.input-wrap input[type="text"]:focus { border-color: #666666; background-color: rgba(0,0,0, 0.05); }
.input-wrap input[type="email"] { border: solid 1px #999999; transition: all 0.25s; }
.input-wrap input[type="email"]:focus { border-color: #666666; background-color: rgba(0,0,0, 0.05); }
/* REVERSE */
.input-wrap.reverse > label {  color: #FFFFFF; }
.input-wrap.reverse input[type="text"] { width: 100%; width: 100%; color: #FFFFFF; background-color: rgba(0,0,0,0.1); border: solid 1px rgba(0,0,0,0.25); font-family: 'Lato', sans-serif; font-size: 12px; }
.input-wrap.reverse input[type="text"]:focus { background-color: rgba(0,0,0,0.25); border-color: #FFFFFF; }
.input-wrap.reverse input[type="email"] { width: 100%; width: 100%; color: #FFFFFF; background-color: rgba(0,0,0,0.1); border: solid 1px rgba(0,0,0,0.25); font-family: 'Lato', sans-serif; font-size: 12px; }
.input-wrap.reverse input[type="email"]:focus { background-color: rgba(0,0,0,0.25); border-color: #FFFFFF; }

/*.site-footer .footer-section.newsletter .input-wrap input[type="text"] { width: 100%; width: 100%; height: 34px; color: #FFFFFF; background-color: rgba(0,0,0,0.1); border: solid 1px rgba(0,0,0,0.25); font-family: 'Lato', sans-serif; font-size: 12px; transition: all 0.25s; }*/
/*.site-footer .footer-section.newsletter .input-wrap input[type="text"]:focus { background-color: rgba(0,0,0,0.25); border-color: #FFFFFF; }*/

/*--- RADIO ---*/
.radio-wrap { width: auto; height: auto; display: block; margin: 0; margin-right: 20px; padding: 0; float: left; position: relative; }
.radio-wrap:last-child { margin-right: 0px; }
.radio-wrap input[type="radio"] { display: none; }
.radio-wrap input[type="radio"] + label .elem { width: 16px !important; height: 16px !important; display: block; border: solid 2px #00529B; margin-right: 8px; padding: 3px; position: absolute; top: 0; left: 0; }
.radio-wrap input[type="radio"] + label .elem > span { width: 100%; height: 100%; display: none; background-color: #00529B; position: relative; }
.radio-wrap input[type="radio"]:checked + label .elem > span { display: block; }
.radio-wrap input[type="radio"] + label .caption { color: #333333; display: inline-block; margin: 0; padding: 0; padding-left: 25px; line-height: 16px; vertical-align: top; }
/* REVERSE */
.radio-wrap.reverse input[type="radio"] + label .elem { border-color: #FFFFFF; }
.radio-wrap.reverse input[type="radio"] + label .elem > span { background-color: #FFFFFF; }
.radio-wrap.reverse input[type="radio"] + label .caption { color: #FFFFFF; }

/*--- CHECKBOX ---*/
.checkbox-wrap { width: auto; height: auto; display: block; margin: 0; margin-right: 20px; padding: 0; float: left; position: relative; }
.checkbox-wrap:last-child { margin-right: 0px; }
.checkbox-wrap input[type="checkbox"] { display: none; }
.checkbox-wrap input[type="checkbox"] label { position: relative; line-height: 16px; }
.checkbox-wrap input[type="checkbox"] + label .elem { width: 16px !important; height: 16px !important; display: block; border: solid 2px #00529B; margin-right: 8px; position: absolute; top: 2px; left: 0; }
.checkbox-wrap input[type="checkbox"] + label .elem > span { width: 80%; height: 2px; display: none; background-color: #00529B; position: absolute; top: 50%; left: 50%; }
.checkbox-wrap input[type="checkbox"] + label .elem > span:first-child { -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.checkbox-wrap input[type="checkbox"] + label .elem > span:last-child { -ms-transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
.checkbox-wrap input[type="checkbox"]:checked + label .elem > span { display: block; }
.checkbox-wrap input[type="checkbox"] + label .caption { color: #333333; display: block; margin: 0; padding: 0; padding-left: 25px; line-height: 16px; vertical-align: top; }
 /* REVERSE */
.checkbox-wrap.reverse input[type="checkbox"] + label .elem { border-color: #FFFFFF; }
.checkbox-wrap.reverse input[type="checkbox"] + label .elem > span { background-color: #FFFFFF !important; }
.checkbox-wrap.reverse input[type="checkbox"] + label .caption { color: #FFFFFF; }


/*--- SELECT ---*/
.select-wrap { position: relative; }
.select-wrap select { -webkit-appearance: none; -webkit-border-radius: 0px !important; border-radius: 0px !important; }
.select-wrap label { width: 12px; height: 12px; display: block; border-right: solid 2px #00529B; border-bottom: solid 2px #00529B; position: absolute; top: 50%; right: 15px; -ms-transform: translate(0%, -75%) rotate(45deg); -webkit-transform: translate(0%, -75%) rotate(45deg); transform: translate(0%, -75%) rotate(45deg); }

/*--- SUBMIT ---*/
input[type="submit"] { width: 100%; max-width: 200px; height: auto; min-height: 40px; display: block; color: #00529B; background-color: transparent;  border: solid 2px #00529B; margin: 0 auto; font-size: 14px; font-family: 'Open Sans Condensed'; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
input[type="submit"].reverse { color: #FFFFFF; border-color: #FFFFFF; }
input[type="submit"]:disabled { opacity: 0.5; }



/*===========================================================================*/
/*############-- BASE STYLES: MICROSITE --############*/
/*===========================================================================*/
/*<><><>- MICROSITE HEADER: (BASE); -<><><>*/
.micro-nav { width: 100%; height: 50px; display: block; background-color: #FFFFFF; box-shadow: 2px 2px 3px rgba(0,0,0,0.10); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.10); margin: 0; padding: 0; position: fixed; top: 50px; left: 0px; overflow: visible; z-index: 10;}
/*--- OVERLAY ---*/
.micro-nav .micro-nav-overlay { width: 100%; height: 5000%; display: none; background-color: #00529B; opacity: 0.95; position: fixed; top: 0; left: 0; }
/*--- CONTROLS ---*/
.micro-nav .micro-nav-controls { width: 100%; height: 50px; display: block; margin: 0; padding: 0px 15px; position: relative; overflow: hidden; }
.micro-nav .micro-nav-controls .text { width: 100%; height: 50px; display: block; text-align: center; }
.micro-nav .micro-nav-controls .text .header { line-height: 50px; }
.micro-nav .micro-nav-controls .micro-button-outer { height: 50px; width: auto; display: block; margin: 0; padding: 10px 15px; position: absolute; top: 0; right: 0; cursor: pointer; }
.micro-nav .micro-nav-controls .micro-button-outer .micro-button-inner { width: 30px; height: 30px; display: block; border: solid 3px #00529B; position: relative; -webkit-transition: border-color 0.125s; transition: border-color 0.125s; }
.micro-nav .micro-nav-controls .micro-button-outer .micro-button-inner .micro-button-stroke { width: 80%; height: 4px; display: block; background-color: #00529B; position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.25s; transition: all 0.25s; }
.micro-nav .micro-nav-controls .micro-button-outer .micro-button-inner .micro-button-stroke.top { -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.micro-nav .micro-nav-controls .micro-button-outer .micro-button-inner .micro-button-stroke.bottom { -ms-transform: translate(-50%, -50%) rotate(90deg) translateZ(0); -webkit-transform: translate(-50%, -50%) rotate(90deg) translateZ(0); transform: translate(-50%, -50%) rotate(90deg) translateZ(0); }
/*--- CONTENTS ---*/
.micro-nav .micro-nav-contents { width: 100%; height: auto; display: none; margin: 0; padding: 20px 0px; position: relative; }
.micro-nav .micro-nav-contents.inset-shadow { -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.15); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.15); }
.micro-nav .micro-nav-contents .micro-nav-img { display: none; }
.micro-nav .micro-nav-contents .micro-nav-list { width: 100%; height: auto; display: block; margin: 0; padding: 0; list-style: none; }
.micro-nav .micro-nav-contents .micro-nav-list li { background-color: transparent; text-align: center; padding: 0px; transition: all 0.125s; } 
.micro-nav .micro-nav-contents .micro-nav-list li:hover { background-color: rgba(0,0,0,0.1); } 
.micro-nav .micro-nav-contents .micro-nav-list li a { display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 50px; }
/*--- ACTIVE ---*/
/* ACTIVE: BASE */
.micro-nav.active .micro-nav-overlay, .micro-nav.active .micro-nav-contents { display: block; }
/* ACTIVE: CONTROLS */
.micro-nav.active .micro-nav-controls .micro-button-inner { border-color: #FFFFFF; }
.micro-nav.active .micro-nav-controls .micro-button-inner .micro-button-stroke { background-color: #FFFFFF; }
.micro-nav.active .micro-nav-controls .micro-button-inner .micro-button-stroke.top { opacity: 0; }
.micro-nav.active .micro-nav-controls .micro-button-inner .micro-button-stroke.bottom { -ms-transform: translate(-50%, -50%) rotate(0deg) translateZ(0); -webkit-transform: translate(-50%, -50%) rotate(0deg) translateZ(0); transform: translate(-50%, -50%) rotate(0deg) translateZ(0); }
.micro-nav.active .micro-nav-controls .text .header { color: #FFFFFF !important; }
/* ACTIVE: CONTENTS */
.micro-nav.active .micro-nav-contents { position: absolute; top: 50px; }
.micro-nav .micro-nav-contents .micro-nav-list li.active { background-color: rgba(0,0,0,0.2); } 
.micro-nav .micro-nav-contents .micro-nav-list li.active a { font-weight: 600; }
/* BODY FIXED */ 
/*.body-fixed .micro-nav-controls .text { padding-right: 15px; }*/
/*.body-fixed .micro-nav-controls .micro-button-outer { padding-right: 30px; }*/
/*.body-fixed .micro-nav-contents .micro-nav-list li { padding-right: 30px; }*/


/*<><><>- MICROSITE BODY: (BASE); -<><><>*/
/*--- BREADCRUMB ---*/
.microsite .breadcrumb-wrap { width: 100%; height: auto; display: block; background-color: #FFFFFF; border-bottom: solid 1px #CCCCCC; margin: 0; padding: 8px; }
.microsite .breadcrumb-wrap p { color: #999999; margin: 0; font-size: 10px; line-height: 2; }
.microsite .breadcrumb-wrap ul li { display: inline-block; margin-right: 8px; }
.microsite .breadcrumb-wrap ul li:last-child { margin-right: 0px; }
.microsite .breadcrumb-wrap ul li p::before { content: '/'; margin-right: 8px; color: #999999; }
.microsite .breadcrumb-wrap ul li:first-child p::before { content: none; }
.microsite .breadcrumb-wrap a { color: #999999; border-bottom: solid 1px #999999; padding-bottom: 2px; }

/*--- DETAILS TABLE ---*/
.details-wrap { margin-bottom: 30px; padding: 0px 10px; overflow: auto; }
.unit-single-table { width: 100%; height: auto; display: block; /*border-bottom: solid 1px #DDDDDD; margin: 0 0 10px 0; */ padding: 0; position: relative; }
.unit-single-table .header { width: 100%; height: auto; min-height: 40px; display: block; border-bottom: none; margin: 0; padding: 10px 15px; position: relative; overflow: auto; }
.unit-single-table .body { width: 100%; height: auto; display: block; margin: 0; padding: 0px; position: relative; }
.unit-single-table.toggle-parent .header.toggle-controls { cursor: pointer; }
.unit-single-table.toggle-parent .body.toggle-target { display: none; }
/* CONTENTS */
.unit-single-table .header .text { width: auto; height: auto; display: block; margin: 0px; padding: 0; text-align: center; }
.unit-single-table .body .body-table { width: 100%; border: none; }
.unit-single-table .body .body-table .body-table-header { width: 100%; background-color: #F6F6F6; border-top: solid 1px #DDDDDD; }
.unit-single-table .body .body-table .body-table-header th { padding: 10px 15px; /*text-align: center;*/ }
.unit-single-table .body .body-table .body-table-header th:first-child { width: 65%; border-right: solid 1px #2986CC;}
.unit-single-table .body .body-table .body-table-header .title { color: #666666; }
.unit-single-table .body .body-table .body-table-row { width: 100%; border-top: solid 1px #DDDDDD; }
/*.unit-single-table .body .body-table .body-table-row:first-child { border-top: solid 1px #2986CC; }*/
.unit-single-table .body .body-table .body-table-row td { padding: 10px 15px 10px 0px; }
.unit-single-table .body .body-table .body-table-row p { margin: 0; }
/* REQUEST INFO FORM */
#request_info_response_wrap { padding-top: 20px; text-align: center; }
/* SUPPLEMENTARY STYLES */
.unit-single-table .body .body-table.multi-col .body-table-row td:first-child { /*text-align: right;*/ width: 22.5%; }
/* ACTIVE */
.unit-single-table.toggle-parent.active .header.toggle-controls { background-color: #F0F9FF; }
.unit-single-table.toggle-parent.active .body.toggle-target { display: block; }

/*--- DOWNLOAD WRAP ---*/
.microsite .download-wrap { margin-bottom: 30px; }

/*--- PHASE WRAP ---*/
.microsite .phase-wrap { background-color: #FFFFFF; border: solid 1px #CCCCCC; margin-bottom: 20px; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15); box-shadow: 0px 2px 3px rgba(0,0,0,0.15); }
.microsite .phase-wrap .title-phase { width: 100%; height: auto; display: block; margin-bottom: 0px; background-color: #F1F2F3; padding-top: 10px; padding-bottom: 10px; }
.microsite .phase-wrap .type-wrap { border-top: solid 1px #CCCCCC; }
.microsite .phase-wrap .type-wrap:first-of-type { border-top: none; }
.microsite .phase-wrap .type-wrap .title-type { width: 100%; height: auto; display: block; margin-bottom: 0; background-color: #F1F2F3; border-bottom: solid 1px #CCCCCC; padding-top: 10px; padding-bottom: 10px; }
.microsite .phase-wrap .project-gallery-body { display: block; padding: 0px 10px; overflow: auto; }

/*--- UNIT FLOORPLANS WRAP ---*/
.microsite .unit-floorplans-wrap { width: 100%; height: auto; display: block; margin-bottom: 30px; overflow: auto; float: left; }
.microsite .unit-floorplans-wrap .img-wrap {  }
.microsite .unit-floorplans-wrap .img-list { width: 100%; height: auto; display: block; border-bottom: solid 1px #DDDDDD; overflow: auto; }
.microsite .unit-floorplans-wrap .img-list li { width: 20%; height: auto; display: block; border-top: solid 1px #DDDDDD; overflow: auto; float: left; }
.microsite .unit-floorplans-wrap .img-list li img { width: 100%; }
/* IMAGE */
.microsite .unit-floorplans-img { border: 1px solid #DDDDDD; }
/* CAPTION */
.microsite .unit-floorplans-caption { padding: 10px; }
.microsite .unit-floorplans-caption p { font-size: 10px; }

/*--- PAGE GALLERY WRAP ---*/
.microsite .page-gallery-wrap { width: 100%; height: auto; display: block; margin: 0; padding: 0; position: relative; overflow: auto; }

/*--- FORMS ---*/
.microsite .unit-single-form-wrap {}
.microsite .unit-single-form-wrap input[type="text"] { background-color: #FFFFFF; border: solid 1px #CCCCCC; }
.microsite .unit-single-form-wrap textarea { background-color: #FFFFFF; border: solid 1px #CCCCCC; }
.microsite .unit-single-form-wrap .body-table .body-table-row td { width: 100% !important; float: left; }
.microsite .unit-single-form-wrap .body-table .body-table-row td:first-child { padding: 10px 0px 3px !important; }
.microsite .unit-single-form-wrap .body-table .body-table-row td:last-child { padding: 3px 0px 10px !important; }
.microsite .unit-single-form-wrap .body-table.submit .body-table-row td { padding: 10px 0px 0px !important; }

/*--- VIDEOS ---*/
.microsite-video {}

/*<><><>- MICROSITE REGISTRATION FORM: (BASE); -<><><>*/
.form-wrap { width: 100%; height: auto; display: block; padding: 0px 10px; }
.form-wrap-inner { width: 100%; height: auto; display: block; background-color: #FFFFFF; border: solid 1px #BBBBBB; padding: 20px; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15); box-shadow: 0px 2px 3px rgba(0,0,0,0.15); }
#registration_form { margin-bottom: 20px; }
#registration_form .opt-in-fields { border-top: solid 1px #999999; margin: 5px 0px 15px; padding: 12px 0px; }
#registration_form_response_text { display: none; }

.range_input{
    padding-left:0px !important; 
}
.range_input-2 {
    padding-right:0px !important; 
}
.range_min{
    float: left;
    width: auto!important;
}
.range_max{
    float: right;
    width: auto!important;
    margin-right: 52px;
}
.mar_0{
    margin-right: 16px;
}
@media (max-width: 768px) {

    .range_max{
        float: inherit;
    }
}

/*===========================================================================*/
/*############-- BASE STYLES: VENDOR OVERRIDES --############*/
/*===========================================================================*/
/*<><><>- FRAMEWORK: Bootstrap -<><><>*/
/* MODAL */
.modal-backdrop { background-color: #00529B; }
#modal_studio .modal-content { border-radius: 0px !important; }
/* MODAL HEADER */
#modal_studio .modal-header { padding: 0; }
#modal_studio .modal-header-image { width: 100%; height: auto; display: block; background: url('../images/bg_image_3_MED.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 50%; position: relative; }
/* MODAL BODY */
#modal_studio .modal-body { overflow: auto; }
#modal_studio .modal-body .modal-body-title { text-align: center; margin-bottom: 30px; } 
#modal_studio .modal-body .modal-body-title .rule { margin: 10px auto; } 
#modal_studio .modal-body .modal-body-title .contact div { display: inline-block; padding: 0px 5px; }
#modal_studio .modal-body .modal-body-title .contact div h5 span { color: #999999; }
#modal_studio .modal-body .modal-body-main { overflow: auto; } 
#modal_studio .modal-body .desc, #modal_studio .modal-body .hours { width: 50%; height: auto; display: block; margin: 0; padding: 0px 10px; float: left; }
#modal_studio .modal-body .desc p { font-size: 14px; }
#modal_studio .modal-body .hours ul li h4 { color: #666666; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: normal; text-transform: initial; }
#modal_studio .modal-body .modal-body-cta { margin: 20px 0px; clear: left; overflow: auto; } 
#modal_studio .modal-body .modal-body-map img { width: 100%; height: auto; display: block; }

/*<><><>- PLUGIN: Fancybox -<><><>*/
/*--- Plugin Image Overrides ---*/
.fancybox-nav { background-image: none; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: none; }

.fancybox-overlay { background-image: none; background-color: rgba(0,43,87,0.95); overflow: hidden !important; }
.fancybox-skin { padding: 0px !important; box-shadow: 0px 1px 2px rgba(0,0,0,0.15) !important; }
.fancybox-title { width: 100%; margin: 0; padding: 15px; right: initial; transition: all 0.25s; opacity: 0; transition: opacity 0.25s; }
.fancybox-title .child { max-width: 100%; color: #333333; background-color: #FFFFFF; border-radius: 0px; margin: 0; padding: 10px; text-shadow: none; overflow: hidden; }
.fancybox-opened .fancybox-title { opacity: 1; }

/*--- Navigation ---*/
/* BASE */
.fancybox-nav.fancybox-prev,
.fancybox-nav.fancybox-next { width: 50px; height: 50px; display: block; background-color: rgba(0,0,0,0.6); top: 50%; opacity: 0; -webkit-transition: all 0.25s; -ms-transform: translate(0, -50%); transition: all 0.25s; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.fancybox-opened .fancybox-nav.fancybox-prev,
.fancybox-opened .fancybox-nav.fancybox-next { opacity: 1; }
/* PSEUDO ELEMENTS */
.fancybox-nav.fancybox-prev::before,
.fancybox-nav.fancybox-next::before { content: "" !important; width: 18px; height: 18px; display: block; border-top: solid 3px #FFFFFF; border-left: solid 3px #FFFFFF; opacity: 0.75; position: absolute; top: 50%; transition: opacity 0.25s; }
.fancybox-nav.fancybox-prev::before { margin-left: 18px; left: 0px; transform: translate(0, -50%) rotate(-45deg); }
.fancybox-nav.fancybox-next::before { margin-right: 18px; right: 0px; transform: translate(0, -50%) rotate(135deg); }
/* HOVER */
.fancybox-nav.fancybox-prev:hover,
.fancybox-nav.fancybox-next:hover { background-color: rgba(0,0,0,0.75); }
.fancybox-nav.fancybox-prev:hover { left: 10px; }
.fancybox-nav.fancybox-next:hover { right: 10px; }

/*<><><>- PLUGIN: pinchZoomer -<><><>*/
.zoomInOn, .zoomInOff, .zoomOutOn, .zoomOutOff { background-image: none;background-color: #F0F9FF; border: 1px solid #00529B; visibility: visible !important; }
.zoomInOn::before,
.zoomInOff::before,
.zoomOutOn::after,
.zoomOutOff::after { content: ''; width: 80%; height: 4px; display: block; background-color: #00529B; position: absolute; top: 50%; left: 10%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); }
.zoomInOn::after,
.zoomInOff::after { content: ''; width: 4px; height: 80%; display: block; background-color: #00529B; position: absolute; top: 10%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); }

/*<><><>- MENKES STORY: NEW STYLES -<><><>*/
.text-block p, .image-block p { color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 40px; font-family: 'Open Sans Condensed'; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: relative; z-index: 1; }
.text-block p.text-bottom, .image-block p.text-bottom { top: 85%; }
.text-block p.text-right, .image-block p.text-right { text-align: right; padding-right: 50px; }
.text-block p.text-left, .image-block p.text-left { text-align: left; padding-left: 50px; }
.text-block.blue-block { background-color: #00529B; }
.text-block.white-block { background-color: #fff; }
.text-block.white-block p { color: #00529B; }
.section-outer .section-inner.max-width-override { width: 100%; padding: 0px 15px; max-width: 1200px; overflow: hidden; }
.section-outer.no-pad { padding: 0px; }
.section-outer.bg-lighter { padding: 0px; }
.section-outer.bg-lighter .section-inner { padding: 60px 0px; width: 100%; max-width: 1200px; background-color: #fff; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; }
.section-outer.bg-bluer .section-inner { padding: 60px 0px; width: 100%; max-width: 1200px; background-color: #00529B; }
.section-outer.bg-bluer {  padding: 0px; }
.section-outer.bg-bluer p.lead-text { color: #fff; }
p.lead-text.large-paragraph-spacing { line-height: 50px; font-size: 18px; padding: 35px 15%; }
.lead-text.logo-small img { width: 60px; }
.image-block { background-position: 50% 50%; background-size: cover; }
.image-block.height-small, .text-block.height-small { height: 367px; }
.image-block.height-medium, .text-block.height-medium { height: 550px; }
.image-block.height-medium-large { height: 650px; }
.menkes-outline { width: 550px; height: 250px; background-color: rgba(255,255,255,0.1); position: absolute; top: 50%; left: 56.5%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 20px; padding: 25px 0px 25px 25px; }
.menkes-outline-inner { background-color: #00529B; width: 100%; height: 100%; border-radius: 8px; }
.menkes-outline-break { background-color: #00529B; width: 25px; height: 40px; top: 50%; position: relative; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -25px; }

/*<><><>- MENKES BANNER OVERRIDES -<><><>*/
.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-override { background-color: transparent; box-shadow: none; white-space: nowrap; overflow: visible; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0%; max-width: 100%; width: 100%; }
.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-fleur-override { background-color: transparent; box-shadow: none;}
.slide-content.custom-slide-override > div { width: 50%; display: inline-block; float: left; }
.slide-content.custom-slide-override > div:first-child { color: #00529B; text-align: right; padding-right: 25px; }
.slide-content.custom-slide-override > div:last-child { text-align: left; padding-left: 25px; }
.slide-content.custom-slide-override .custom-slide-full-word { font-size: 100px; text-transform: uppercase; font-family: 'Roboto Condensed'; font-weight: bold; vertical-align: text-bottom; padding: 0px 50px 20px; display: inline-block; position: relative; }
.slide-content.custom-slide-override .custom-slide-letter { font-size: 300px; font-family: 'Roboto Condensed'; display: inline-block; }
.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-override a.custom-slide-button { position: absolute; width: 175px; height: auto; padding: 7px; border: 2px solid #fff; color: #fff; font-size: 24px; text-align: center; cursor: pointer; transition: all 0.5s; left: 50%; transform: translateX(-50%); bottom: -50%; }
.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-override a.custom-slide-button:hover { color: #00529B; background-color: #fff; }
.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-fleur-override a.custom-slide-button { width: 175px; height: auto; padding: 7px; border: 2px solid #fff; color: #fff; font-size: 24px; text-align: center; cursor: pointer; transition: all 0.5s; text-transform: uppercase; font-family: 'Roboto Condensed'; font-weight: bold; display: inline-block; margin-top: 50px; }
.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-fleur-override a.custom-slide-button:hover { color: #00529B; background-color: #fff; }
.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-fleur-override h1 { border-bottom: none; text-transform: none; font-weight: normal; font-family: 'Harriet Display Medium'; }
.slick-test .slick-list .slick-track .fleur img { position: relative; top: inherit; left: inherit; transform: none; width: 180px; min-width: 0px; min-height: 0px; display: inline-block; margin-top: 70px; }
.church-x-shuter { font-size: 40px; font-family: 'Open Sans'; }
.church-x-shuter > span { width: 70px; display: inline-block; position: relative; height: 28px; }
.church-x-shuter > span > span { display: inline-block; height: 30px; width: 3px; background-color: #fff; position: absolute; top: 0px; left: calc(50% - 1.5px); }
.church-x-shuter > span > span:first-child { transform: rotate(45deg); }
.church-x-shuter > span > span:last-child { transform: rotate(-45deg); }
#menkes-story-video-section { display: none; padding: 0px; }
#menkes-video-play-button { cursor: pointer; left: 50%; top: 50%; position: absolute; display: inline-block; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.menkes-story-video-background { height: 500px; background-position: 50% 50%; background-size: cover; position: relative;}
.section-outer.no-pad:first-of-type { padding-top: 0px; }

/*<><><>- MENKES FLEUR STYLING -<><><>*/
.main-container { padding: 10em; background-color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-container.left-align { text-align: left; }
div.clear { clear:both; }
.fleur-banner img { display:block;width:100%; }
.image-area { position: relative; float: left; vertical-align: top; background-size: cover; background-repeat: no-repeat; background-position: center; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); }
.image-area.full { width: 100%; }
.image-area.sixth { width: 66.666%; }
.image-area.third { width: 33.333%; }
.image-area img { display: block; width: 100%; }
.fleur-video { position: relative; max-width:800px; width: 100%; margin: 0 auto 25px; padding-bottom: 36.25%; /* 16:9 */ }
.fleur-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.image-area .hidden-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; opacity: 0; animation: showMe 4.0s linear infinite 0s forwards; animation-play-state: paused; }
.image-area:hover .hidden-image img { display: block; width: 100%; height: 100%; opacity: 1; animation-play-state: running; }
@keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}
.image-area img:nth-child(1){ z-index: 10; }
.image-area .hidden-image img:nth-child(1){ z-index: 9; }
.image-area .hidden-image img:nth-child(2){ animation-delay: 1.0s; z-index: 8; }
.image-area .hidden-image img:nth-child(3){ animation-delay: 2.0s; z-index: 7; }
.image-area .hidden-image img:nth-child(4){ animation-delay: 3.0s; z-index: 6; }

/*<><><>- MENKES FLEUR REGISTRATION STYLING -<><><>*/
.form-section { display: inline-block; padding: 10px; }
.form-section.full { width: 100%; }
.form-section.half { width: 50%; }
.form-section input[type="text"] { display: block; width: 100%; margin-top: 5px; padding: 10px; font-size: 16px; border: 1px solid #bdbdbd; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.form-section input[type="text"]:focus { border: 1px solid #00529B; }
.form-section input[type="radio"], .form-section input[type="checkbox"] { display: none; }
input[type="radio"] + label span { display: inline-block; width: 14px; height: 14px; border: 2px solid #00529B; background-color: #fff; margin-top: 5px; margin-bottom: -2px; margin-right: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
input[type="radio"]:checked + label span { background-color: #00529B; }
input[type="checkbox"] + label span { display: inline-block; width: 14px; height: 14px; border: 2px solid #00529B; background-color: #fff; margin-top: 5px; margin-bottom: -3px; margin-right: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
input[type="checkbox"]:checked + label span { background-color: #00529B; }
.radio-area { display: inline-block; padding: 3px 15px 0 0; }
.radio-area label.bolded { font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.submit-btn { display: inline-block; font-family: 'Open Sans Condensed', sans-serif; width: 100%; max-width: 200px; margin: 0 auto; padding: 8px 15px; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-align: center; color: #00529B; background-color: #fff; border: 2px solid #00529B; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.submit-btn:hover { color: #fff; background-color: #00529B; }
.disclaimer { font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; }
.display-table { display: table; border-collapse: collapse; width: 100%; }
.display-row { display: table-row; }
.display-cell { display: table-cell; vertical-align: top; padding: 0 7px 0 0; }
/*<><><>- MOBILE FLEUR REGISTRATION STYLING -<><><>*/
@media screen and (max-width: 564px) {
	.main-container { padding:4em; }
	.form-section.half { width:100%; }
	.submit-btn { max-width:100%; }
}

/*===========================================================================*/
/*############-- RESPONSIVE STYLES --############*/
/*===========================================================================*/
@media (min-width: 600px ) {
	/*<><><>- COMPONENT: GALLERY (GRID); -<><><>*/
	.gallery-item-outer { width: 33.333333%; }


	/*<><><>- PAGE: ASSOCIATIONS; -<><><>*/
	/*--- ASSOCIATIONS WRAP ---*/
	.associations-body .associations-gallery .associations-gallery-item { width: 33.3%; padding-bottom: 22.2%; }
	/*.associations-body .associations-gallery .associations-gallery-item:nth-child(2n) { margin-right: 0; }*/
	/*.associations-body .associations-gallery .associations-gallery-item:nth-child(3n-1) { margin: 0 5%; }*/


	/* TILE: BLOG */
	.tile.blog-node { width: 50%; }
	.tile.blog-node .header { padding-bottom: 100%; }
	/* POST INFO */
	.tile.blog-node .post-info { height: 86px; margin-bottom: 5px; }
	.tile.blog-node .title-wrap { max-height: 48px; }
	.tile.blog-node .title-wrap > * { font-size: 20px; line-height: 24px; }

	/*<><><>- BLOG POST (600+) -<><><>*/
	/*--- BLOG POST ---*/
	.post.full > .body > .content .content-header .details { padding-top: 12px; padding-bottom: 12px; }
	.post.full > .body > .content .content-header .details .attr-wrap { width: auto; max-width: 60%; margin-bottom: 0px; float: left; }
	.post.full > .body > .content .content-header .details .attr-wrap > * { display: inline-block; line-height: 30px; }
	.post.full > .body > .content .content-header .details .attr-wrap .author { margin-right: 20px; }
	.post.full > .body > .content .content-header .details .social-wrap { width: auto; max-width: 40%; text-align: right; float: right; }
	.post.full > .body > .content .content-header .details .social-wrap li { width: 30px; height: 30px; display: inline-block; margin: 0px 0px 0px 4px !important; line-height: 30px; float: none; }

	/*--- BLOG POST RECENT POSTS ---*/
	/* BLOG POST > RECENT POSTS > TILE */
	.recent-posts .tile.blog-node .author { margin-right: 10px; }
	.recent-posts .tile.blog-node .date { display: block; }
	/* POST: CAREERS POST */
	.post.blog-post > .body > .content { padding: 20px; }
	/* POST: CAREERS POST */
	.post.careers-post > .body { padding: 20px; }
	/* POST: MENKES NEWS POST */
	.post.menkes-news-post > .body { padding: 20px; }
}

@media (max-width: 767px) {
	/*.site-footer div ul li { padding: 0px 5px; }*/
	/*.site-footer ul li { padding: 0px 10px; }*/
	.blurb-wrap .blurb-large { font-size: 30px; }
	.blurb-wrap .blurb-small-bold { font-size: 20px; }
	.text-block p, .image-block p { font-size: 33px; }
	p.lead-text.large-paragraph-spacing { padding: 35px 5%; }
	.image-block.height-medium, .text-block.height-medium { height: 225px; }
	.image-block.height-medium-large { height: 500px; }
	.menkes-story-video-background { height: 300px; }
}

@media (min-width: 768px) {
	/*<><><>- HELPER CLASSES -<><><>*/
	/*--- ELEMENTS ---*/
	/* 'CALL TO ACTION' */
	.cta.cta-half-sm {
		width: 50%;
	}

	/*---  VIEWPORT && BREAKPORTS ---*/
	/* BREAKPOINT ELEMENTS */
	.check-768 { display: block; }
	/* BREAKPOINT DISPLAY CLASSES */
	.hidden-xs { display: block; }
	.hidden-sm { display: none; }
	.hidden-lg { display: block; }
	.hidden-xl { display: block; }

	/*--- LAYOUT (HELPER) ---*/	
	/* WIDTH: FLUID */
	.width-sm-50 {
		width: 50%;
	}

	/*--- TYPE STYLES ---*/
	h1 { font-size: 3.6rem; font-size: 36px; }
	h1.large { font-size: 4.2em; font-size: 42px; }
	h1.larger { font-size: 4.8rem; font-size: 48px; }
	h1.largest { font-size: 5.4rem; font-size: 54px; }
	h2 { font-size: 2.8rem; font-size: 28px; letter-spacing: 1.25px; }
	h3 { font-size: 2.2rem; font-size: 22px; letter-spacing: 0.75px; }
	h4 { font-size: 1.8rem; font-size: 18px; }
	h5 { font-size: 1.6rem; font-size: 16px; letter-spacing: 1.5px; }
	h6 { font-size: 1.4rem; font-size: 14px; }

	p { font-size: 1.6rem; font-size: 16px; line-height: 1.6; }
	p.lead-text { font-size: 2.0rem; font-size: 20px; font-weight: 300; color: #333333; line-height: 1.4; }
	p.blurb-text { font-size: 3.0rem; font-size: 30px; }
	p.small-text { font-size: 1.4rem; font-size: 14px; line-height: 22px; }

	ul.list li { font-size: 1.6rem; font-size: 16px; }

	/*--- LINK STYLES (CUSTOM)---*/
	.project-gallery-filters a { font-size: 1.6rem; font-size: 16px;}

	/*--- INFO (768+)---*/
	/* BASE */
	.info-item .body { padding: 15px 5px 0px; }
	.info-item .body .container { width: 50%; padding: 0px 10px; float: left; }
	.info-item .body .container.container-full { width: 100%; }
	/* SIZE: INFO-ITEM */
	.info-item.info-item-sm-half { width: 50% !important; }

	/*--- LAYOUT (768+) --- */
	.text-col { margin-bottom: 40px; }
	.text-col.text-col-full { width: 100%; }
	.text-col.text-col-left { width: 50%; }
	.text-col.text-col-right { width: 50%; }
	.text-col .text-wrap:last-child { margin-bottom: 0; padding-bottom: 0; }
	.text-col.text-col-left .text-wrap:last-child { border-bottom: none; }
	/* TEXT WRAP ENHANCED */ 
	.text-col .text-wrap-enhanced { margin-bottom: 30px; }
	.text-col .text-wrap-enhanced h4 { margin-bottom: 0px; }

	/*<><><>- IMAGES (768+) -<><><>*/
	
	/*--- MODIFIERS: SIZE ---*/
	.img-wrap.restrict-width { padding-top: 0; }
	.img-wrap.restrict-width img { width: 100%; min-width: 100%; max-width: auto; height: auto; min-height: auto; max-height: auto; position: relative; }

	/*--- MODIFIERS: ASPECT ---*/
	/* 4:3 */
	.img-wrap.aspect-4-3-sm { background-color: rgba(0,0,0,0.05); padding-top: 75%; position: relative; }
	.img-wrap.aspect-4-3-sm img { width: auto; height: auto; min-width: auto; max-width: 100%; min-height: auto; max-height: 100%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

	/*--- IMAGE CAPTIONS ---*/
	.img-caption-outer { height: auto; display: block; padding: 0px 10px; position: absolute; bottom: 0px; left: 0; -webkit-transition: bottom 0.3s; transition: bottom 0.3s; }
	.img-caption-outer .img-caption { width: 100%; height: auto; background-color: rgba(0,82,155,0.9); border: none; padding: 10px 12px 12px; }
	.img-caption .caption { color: #FFFFFF; }


	/*<><><>- MAIN CONTENT (768+) -<><><>*/
	/* --- IMAGE BACKGROUND ---*/
	.main-content .page-bg-img { height: 350px; }

	/*--- PAGE CONTENT ---*/

	/* ///////////////////////// REVISIT BELOW ///////////////////////// */
	/* UNIT FILTERS (768+) */
	/* NEW \/ \/ \/ */
	/* FILTER TABLE OUTER */
	.unit-filters .unit-filters-body .filter-table-outer > tbody > tr > td { width: auto; padding: 0px 10px 10px; float: none; vertical-align: top; }
	.unit-filters .unit-filters-body .filter-table-outer > tbody > tr > td:first-child { padding-left: 0px; }
	.unit-filters .unit-filters-body .filter-table-outer > tbody > tr > td:last-child { padding-right: 0px; }
	.unit-filters .unit-filters-body .controls .toggles { width: 50%; }
	.unit-filters .unit-filters-body .controls .apply { width: 50%; }
	#filter-table-select-all { width: auto; margin: 0px; margin-right: 10px; float: initial; }
	#filter-table-clear-all { width: auto; margin: 0px; float: initial; }
	#filter-table-apply { width: auto; margin: 0px; }

	/* OLD \/ \/ \/ */
	/*.unit-filters { background-color: #FFFFFF; border-top: solid 1px #2986CC; border-right: solid 1px #2986CC; border-left: solid 1px #2986CC; margin: 0px 10px; box-shadow: 0px 2px 3px rgba(0,0,0,0.10);  } */
	/* HEADER */
	/*.unit-filters .unit-filters-header { border-bottom: solid 1px #2986CC; margin: 0px; padding: 10px; position: relative; -webkit-transition: background-color 0.25s; transition: background-color 0.25s }
	.unit-filters .unit-filters-header h2 { color: #00529B; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; }*/
	/* BODY */
	/*.unit-filters .unit-filters-body { width: 100%; height: auto; display: none; background-color: #FFFFFF; border-bottom: solid 1px #2986CC; padding: 10px; }
	.unit-filters .unit-filters-body .content { width: 100%; margin-bottom: 20px; overflow: auto; }
	.unit-filters .unit-filters-body .content .filter-column { width: 16.66666%; float: left; padding: 0px 10px; }
	.unit-filters .unit-filters-body .content .filter-column .filter-column-header { width: 100%; margin-bottom: 5px; }
	.unit-filters .unit-filters-body .content .filter-column .filter-column-body { width: 100%; }
	.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul {}
	.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li { height: 25px; }*/
	/* OLD/DELETE BEGINS */
	/*.unit-filters .unit-filters-body .content .filter-column .filter-column-body input { margin-right: 5px; }*/
	/* OLD/DELETE ENDS */
	/*.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li .checkbox { width: 15px; height: 15px; display: block; border: solid 2px #999999; margin: 5px 5px 0px 0px; padding: 0; float: left; position: relative; -webkit-transition: all 0.125s; transition: all 0.125s; } 
	.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li .checkbox img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
	.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li p { margin: 0 !important; padding: 0 !important; font-size: 12px; font-weight: 600; line-height: 25px; -webkit-transition: color 0.125s; transition: color 0.125s; }
	.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li.checked .checkbox { background-color: #00529B; border-color: #00529B; }
	.unit-filters .unit-filters-body .content .filter-column .filter-column-body ul li.checked p { color: #00529B; }
	.unit-filters .unit-filters-body .controls { width: 100%; border-top: solid 1px #999999; padding: 10px 0px; overflow: auto; }*/
	/* ACTIVE */
	/*.unit-filters.active .unit-filters-header { background-color: #F0F9FF; }
	.unit-filters.active .unit-filters-body { display: block; }*/
	/* ///////////////////////// REVISIT ABOVE ///////////////////////// */

	/* PROJECT GALLERY (WRAP) */
	.project-gallery-wrap.project-past { background-color: transparent; border: none; box-shadow: none; }

	/* PROJET GALLERY (HEADER) */
	/*.project-gallery-wrap .project-gallery-node .project-gallery-filters { text-align: left; }*/
	.project-gallery-wrap.project-past .project-gallery-header { display: none; }

	/* PROJECT GALLERY (BODY) */
	.project-gallery-wrap.project-past .project-gallery-body { display: block; }
	.project-gallery-body .gallery-col { width: 33.33333%; height: auto; display: block; margin: 0; padding: 0; float: left; overflow: auto; }


	/* TILE */
	.tile { width: 33.33333%; height: auto; background-color: none; display: block; margin: 0px; padding: 0px 10px 20px; float: left; overflow: visible; }
	.tile .body .body-inner { }
	.tile.project-node .project-title { font-size: 18px; line-height: 22px; letter-spacing: 0.5px; max-height: 44px; overflow: hidden; } 
	.tile .body .body-inner .rule { width: 50px; }

	/* UNIT ITEM */
	.unit-item { width: 33.33333%; height: auto; background-color: none; display: block; margin: 0px; padding: 0px 10px 20px; float: left; overflow: visible; }
	.unit-item-sizer { width: 100px; display: none; }
 	.unit-item .unit-info .unit-info-icon { width: 20%; }
	.unit-item .unit-info .unit-info-text { width: 80%; margin-left: 20%; }
	.unit-item .unit-info.unit-info-price { border-bottom: none; }
	/* PREHEADER */
	.unit-item .preheader { width: 100%; height: 60px; background-color: #FFFFFF; border-bottom: solid 1px #CCCCCC; position: relative; overflow: hidden; }
	.unit-item .preheader .unit-info-name { height: auto; background-color: transparent !important; border-bottom: none; margin: 0; padding: 0; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); overflow: hidden; }
	.unit-item .preheader .unit-name { line-height: 20px; }

	/* UNIT ITEM ALT */
	.unit-item.alt { width: 25%; height: auto; background-color: none; display: block; margin: 0px; padding: 0px 10px 20px; float: left; overflow: visible; }
	.unit-item .unit-info .unit-info-icon { width: 20%; }
	.unit-item .unit-info .unit-info-text { width: 80%; margin-left: 20%; }
	.unit-item .unit-info.unit-info-price { border-bottom: none; float: left; }

	/* PAST ITEM */
	.past-item { width: 20%; height: auto; background-color: none; display: block; margin: 0px; padding: 0px 10px 20px; float: left; overflow: visible; }
	.past-item .past-item-inner { width: 100%; height: auto; display: block; margin: 0; padding: 0; padding-bottom: 100%; box-shadow: 0px 2px 3px rgba(0,0,0,0.15); overflow: hidden; position: relative; }
	.past-item .img { width: 100%; height: 100%; display: block; background: url('../images/bg_image_3_MED.jpg'); background-size: cover; background-position: center; position: absolute; top: 0; left: 0; } 
	.past-item .filter { display: block; opacity: 0; -webkit-transition: all 0.25s; transition: all 0.25s; }
	.past-item .body { width: 100%; height: auto; display: block; border: none; padding: 10px 10px 15px; margin: 0; position: absolute; left: 0; bottom: 0; text-align: center; -webkit-transition: all 0.25s; transition: all 0.25s; opacity: 0; }
	.past-item .body > h3 { color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-size: 18px; margin: 0; }
	.past-item .body > h4 { color: #FFFFFF; font-family: 'Open Sans Condensed', sans-serif; text-transform: initial; }
	.past-item .body > .rule { display: block; margin: 6px auto; }
	/* HOVER */
	.past-item:hover .filter, .past-item:hover .body { opacity: 1;}
	.past-item:hover .filter, .past-item:hover .filter { opacity: 0.85;}

	/* PRESS ITEM */
	.press-item { width: 20%; height: auto; background-color: none; display: block; margin: 0px; padding: 0px 10px 20px; float: left; overflow: visible; }
	.press-item .press-item-inner { width: 100%; height: auto; display: block; margin: 0; padding: 0; padding-bottom: 100%; box-shadow: 0px 2px 3px rgba(0,0,0,0.15); overflow: hidden; position: relative; }
	.press-item .img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } 
	.press-item .filter { display: block; opacity: 0; -webkit-transition: all 0.25s; transition: all 0.25s; }
	.press-item .body { width: 100%; height: auto; display: block; border: none; padding: 10px 10px 15px; margin: 0; position: absolute; left: 0; bottom: 0; text-align: center; -webkit-transition: all 0.25s; transition: all 0.25s; opacity: 0; }
	.press-item .body > .rule { display: block; margin: 6px auto; }
	/* HOVER */
	.press-item:hover .filter { opacity: 0.75; }
	.press-item:hover .body { opacity: 1; }

	/* MAP (768+) */
	#map_wrap_outer { height: 500px; }
	#map_placeholder { padding-top: 250px; }


	/*<><><>- PAGE: PAST PROJECTS (768+) -<><><>*/
	/*--- PAST PROJECTS WRAP ---*/
	.past-projects-wrap .past-projects-body .past-project-item { width: 30%; margin-right: 0%; margin-bottom: 5%; padding: 0; padding-bottom: 30%; }
	.past-projects-wrap .past-projects-body .past-project-item:nth-child(3n-1) { margin-right: 5%; margin-left: 5%; }
	.past-projects-wrap .past-projects-body .past-project-item .past-project-item-info { padding: 20px; }


	/*<><><>- PAGE: AWARDS (768+) -<><><>*/
	/*--- AWARD ITEM ---*/
	.award-item { width: 33.33333%; padding: 0px 10px; margin-bottom: 20px; }
	.award-item-inner { border: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC !important; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15); box-shadow: 0px 2px 3px rgba(0,0,0,0.15); }
	.award-item:first-child .award-item-inner { border-top: solid 1px #CCCCCC !important; }
	/* CONTENTS */
	.award-item-inner .header { width: 100%; height: auto; display: block; padding-top: 100%; }
	.award-item-inner .body { width: 100%; margin-left: 0; margin-top: 100%; }
	.award-item-inner .body .award-info { overflow: hidden; }
	.award-item-inner .body .award-info .title { font-size: 12px; }
	.award-item-inner .body .award-info .text { height: 36px; margin-bottom: 0px; font-size: 14px; line-height: 18px; overflow: hidden; }

	/*--- AWARDS-TABLE ---*/
	.awards-table { margin-bottom: 20px; }


	/*<><><>- PAGE: * DESIGN STUDIO (768+) -<><><>*/
	/*--- STUDIO WRAP ---*/
	/* STUDIO ITEM */
	.studio-item { width: 50%; } 


	/*<><><>- PAGE: FAQ (768+) -<><><>*/
	/*--- FAQ WRAP ---*/
	/* OVERRIDES */
	.faq-item .body .text p { color: #666666; margin-right: 20px !important; } 


	/*<><><>- MICROSITE BODY: (768+); -<><><>*/
	/*--- BREADCRUMB ---*/
	.microsite .breadcrumb-wrap { padding: 15px 20px; }
	.microsite .breadcrumb-wrap p { font-size: 14px; }


	/*<><><>- COMPONENT: SLIDER (768+) -<><><>*/
	.slider-gallery-wrap .slick-caption { padding: 15px; }


	/*<><><>- COMPONENT: CONTACT (768+) -<><><>*/
	/*.contact-wrap {  }*/
	/* HEADER */
	/*.contact-wrap > .header {  }*/
	/*.contact-wrap > .header .header-title {  }*/
	/*.contact-wrap > .header p {  }*/
	/* HEADER */
	.contact-wrap > .body .contact-node { width: 50%; margin-bottom: 10px; }
	.contact-wrap > .body .contact-node .preheader { min-height: 70px; border-top: none; }
	.contact-wrap > .body .contact-node .header { min-height: 70px; border-top: none; }
	.contact-wrap > .body .contact-node .body { min-height: 125px; padding: 10px 15px 0px; }
	/* HAS MIN */
	.contact-wrap > .body .contact-node.has-min-125 { min-height: 125px; }
	.contact-wrap > .body .contact-node.has-min-150 { min-height: 150px; }
	.contact-wrap > .body .contact-node.has-min-200 { min-height: 200px; }
	/* NO MIN */
	.contact-wrap > .body .contact-node.no-min .preheader,
	.contact-wrap > .body .contact-node.no-min .header { min-height: initial; }
	.contact-wrap > .body .contact-node.no-min .body { min-height: initial; padding-bottom: 10px; }
	.contact-wrap > .body .contact-node .preheader.no-min { min-height: initial; }
	.contact-wrap > .body .contact-node .header.no-min { min-height: initial; }
	.contact-wrap > .body .contact-node .body.no-min { min-height: initial; padding-bottom: 10px; }

	/*<><><>- FOOTER -<><><>*/
	/* NEWSLETTER */
	/* NEWSLETTER: EMAIL FIELDS */
	.site-footer .footer-section.newsletter .email-fields .input-wrap:nth-child(1) { width: 80%; padding-right: 5px; float: left; }
	.site-footer .footer-section.newsletter .email-fields .input-wrap:nth-child(2) { width: 20%; padding-left: 5px; float: left; }
	.site-footer .footer-section.newsletter .email-fields .input-wrap:nth-child(2) label { display: block; opacity: 0; pointer-events: none; }
	.site-footer .footer-section.newsletter .name-fields .input-wrap { width: 50%; float: left; }
	.site-footer .footer-section.newsletter .name-fields .input-wrap:nth-child(1) { padding-right: 5px; }
	.site-footer .footer-section.newsletter .name-fields .input-wrap:nth-child(2) { padding-left: 5px; }
	/* NEWSLETTER > STARTED */
	.site-footer .footer-section.newsletter .newsletter-fields-main.started .email-fields .input-wrap:nth-child(1) { width: 100%; padding-right: 0px; }


	/*--- DETAILS TABLE ---*/
	.details-wrap { width: 50%; float: left; }
/*	.unit-single-table {  }
	.unit-single-table .header { width: 100%; height: auto; min-height: 40px; display: block; border-bottom: none; margin: 0; padding: 10px 15px; position: relative; overflow: auto; }
	.unit-single-table .body { width: 100%; height: auto; display: block; margin: 0; padding: 0px; position: relative; }
	.unit-single-table.toggle-parent .header.toggle-controls { cursor: pointer; }
	.unit-single-table.toggle-parent .body.toggle-target { display: none; }*/

	/*--- UNIT FLOORPLANS WRAP ---*/
	.microsite .unit-floorplans-wrap { width: 50%; float: right; }
/*	.microsite .unit-floorplans-wrap .img-wrap {  }
	.microsite .unit-floorplans-wrap .img-list { width: 100%; height: auto; display: block; border-bottom: solid 1px #DDDDDD; overflow: auto; }
	.microsite .unit-floorplans-wrap .img-list li { width: 20%; height: auto; display: block; border-top: solid 1px #DDDDDD; overflow: auto; float: left; }
	.microsite .unit-floorplans-wrap .img-list li img { width: 100%; }*/

	/*--- PAGE GALLERY WRAP ---*/
	.microsite .page-gallery-wrap .img-wrap-outer { width: 50%; float: left; }
	
	
	/*<><><>- MICROSITE REGISTRATION FORM: (BASE); -<><><>*/
	#registration_form .name-fields .input-wrap, #registration_form .contact-fields .input-wrap { width: 50%; float: left; }
	#registration_form .name-fields .input-wrap:nth-child(2n-1), #registration_form .contact-fields .input-wrap:nth-child(2n-1) { padding-right: 10px; }
	#registration_form .name-fields .input-wrap:nth-child(2n), #registration_form .contact-fields .input-wrap:nth-child(2n) { padding-left: 10px;    padding-right: 13px; }
}
@media (max-width: 991px) {
	/*<><><>- PAGE STYLES: 'index' -<><><>*/
	#index_page .bg-darker { border-bottom: none; }
	#about { margin-top: 0px; padding: 0; }
	#about > div { width: 100%; height: auto; padding-top: 50%; }
	#about > div > .info h1 { margin-bottom: 10px; }
	#about > div > .info p { display: none; }

	/*<><><>- PAGE STYLES: 'unit-single' -<><><>*/
	/* zoomContainer */
	.zoomContainer { opacity: 0 !important; }

	/*<><><>- HEADER -<><><>*/
	.main-header {}
	.main-header.active { }
	header.top-head { height: 50px; padding: 8px 0px; /*position: relative;*/ }
	header.top-header-floating { display: block; background-color: rgba(256, 256, 256, 1); padding: 0px 15px; }

	/*--- LOGO ---*/
	header.top-header-floating .logo-wrap { padding: 8px 0px; }

	/* ========== COMPARE BELOW ========== */
	/*.nav-depth-top > li { background-color: #FFFFFF; margin: 0; padding: 0; border-bottom: solid 1px #DBDBDB; transition: all 0.25s; cursor: pointer; position: relative; }*/
	/*ul.nav-depth-1 > li { background-color: #FCFCFC; border-bottom: solid 1px #D6D6D6; }*/
	/*ul.nav-depth-2 > li { background-color: #DFDFDF; border-bottom: solid 1px #BBBBBB; }*/
	/*ul.nav-depth-3 > li { background-color: #BBBBBB; border-bottom: solid 1px #666666; }*/

	/*.main-nav li > .vis-q { height: 12px; width: 12px; display: block; background-color: none; border-top: solid 2px #999999; border-right: solid 2px #999999; margin: 0; padding: 0; position: absolute; top: 8px; right: 20px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: all 0.25s; }*/
	/*.nav-depth-1 > li > .vis-q { height: 8px; width: 8px; display: block; background-color: none; border-top: solid 1px #999999; border-right: solid 1px #999999; margin: 0; padding: 0; position: absolute; top: 12px; right: 22px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }*/
	/*.nav-depth-2 > li > .vis-q { height: 8px; width: 8px; display: block; background-color: none; border-top: solid 1px #999999; border-right: solid 1px #999999; margin: 0; padding: 0; position: absolute; top: 12px; right: 22px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }*/

	/*--- MAIN NAV ---*/
	/* BASE STYLES */
	.main-nav { width: 100%; height: auto; display: block; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-size: 14px; font-weight: 500; }
	.main-nav li { width: 100%; height: auto; display: block; border-bottom: solid 1px #000000; margin: 0; padding: 0; position: relative; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; cursor: pointer; }
	.nav-depth-1 > li:last-of-type, .nav-depth-2 > li:last-of-type, .nav-depth-3 > li:last-of-type { border-bottom: none !important; }
	.main-nav li > a { display: block; color: #00529B; padding: 0px; padding-left: 15px; font-size: 1.2rem; font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 40px; transition: all 0.25s; }
	.main-nav li > a:hover { color: #00529B; } 
	.main-nav li.active > a, .main-nav li.active:hover > a { color: #FFFFFF; }
	/* BASE STYLES: VIS-Q */
	.main-nav li > .vis-q { display: block; background-color: none; margin: 0; padding: 0; position: absolute; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: all 0.25s; }
	.main-nav li > .vis-q.vis-q-lg { height: 12px; width: 12px; border-top: solid 2px #00529B; border-right: solid 2px #00529B; top: 11px; right: 24px; }
	.main-nav li > .vis-q.vis-q-sm { height: 8px; width: 8px; border-top: solid 1px #00529B; border-right: solid 1px #00529B; top: 15px; right: 26px; }
	.main-nav li.active > .vis-q { border-color: #FFFFFF;}
	.main-nav li > ul .vis-q-top { width: 10px; height: 10px; display: block; position: absolute; top: -20px; left: 50%; -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: top 0.25s; transition: top 0.25s; }
	.main-nav li.active > ul .vis-q-top { top: 0; }
	/* OVERLAY STYLE */
	.main-nav #overlay { width: 300%; height: 5000%; display: none; background-color: rgba(0,82,155, 0.9); margin: 0; padding: 0; position: fixed; top: 0; left: 0; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: -1; }
	.main-nav #overlay.active { display: block; opacity: 0; }
	/* LEVEL: TOP */
	.nav-depth-top { width: 100%; height: auto; display: none; background-color: none; margin: 0; padding: 0; list-style: none; border-top: solid 2px #00529B; }
	.nav-depth-top > li { background-color: #FFFFFF; border-color: #DBDBDB;}
	.nav-depth-top > li.active { background-color: #00529B; }
	.nav-depth-top > li.active > a { color: #FFFFFF; }
	/* LEVEL: DROPDOWN 1 */
	.nav-depth-1 { width: 100%; height: auto; display: none; background-color: none; margin: 0; padding: 0; list-style: none; position: relative; }
	.nav-depth-1 > li { /*background-color: #FCFCFC;*/ background-color: #C2E2FF;/* border-bottom: solid 1px #D6D6D6;*/ border-bottom: solid 1px #7FA7CC; }
	.nav-depth-1 > li > a { font-weight: 500; }
	.nav-depth-1 > li > a::before { content: '>'; margin-right: 5px; font-weight: 500; }
	.nav-depth-1 > li:hover { /*background-color: #E3E3E3;*/ background-color: #A8CDF1; } 
	.nav-depth-1 > li.active { background-color: #007AE7; }
	.nav-depth-1 > .vis-q-top { background-color: #00529B; }
	.nav-depth-1 > li.has-dropdown > a { font-weight: 700; letter-spacing: 0.5px; }
	.nav-depth-1 > li.has-dropdown.active > a { color: #FFFFFF; }
	/* LEVEL: DROPDOWN 2 */
	.nav-depth-2 { width: 100%; height: auto; display: none; background-color: none; margin: 0; padding: 0; list-style: none; position: relative; }
	.nav-depth-2 > li { width: 100%; height: auto; display: block; /*background-color: #DFDFDF;*/ background-color: #D5EAFD; margin: 0; padding: 0; border-bottom: solid 1px #BBBBBB; position: relative; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; }
	.nav-depth-2 > li > a { font-weight: 500; }
	.nav-depth-2 > li > a::before { content: '>>'; margin-right: 5px; font-weight: 500; }
	.nav-depth-2 > li:hover { background-color: #9CC9F1; }
	.nav-depth-2 > li.active { background-color: #0094ED; }
	.nav-depth-2 > .vis-q-top { background-color: #007AE7; }
	/* LEVEL: DROPDOWN 3 */
	.nav-depth-3 { width: 100%; height: auto; display: none; background-color: none; margin: 0; padding: 0; list-style: none; position: relative; }
	.nav-depth-3 > li { width: 100%; height: auto; display: block; background-color: #BBBBBB; margin: 0; padding: 0; border-bottom: solid 1px #666666; }


	/*--- MOBILE MENU BUTTON ---*/
	.menu-button-outer { height: 50px; width: 50px; display: block; margin: 0; margin-right: -10px; padding: 0px; position: relative; float: right; overflow: visible; cursor: pointer; }
	.menu-button-outer .menu-button-outer:hover { cursor: pointer; }
	.menu-button-outer .menu-button { width: 30px; height: 30px; display: block; margin: 0; padding: 0; position: absolute; top: 50%; left: 50%; overflow: auto; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.menu-button-outer .menu-button-stroke { width: 100%; height: 4px; display: block; background-color: #00529B; position: absolute; -webkit-transition: all 0.25s; transition: all 0.25s; }
	.menu-button-outer .menu-button-stroke.top { top: 4px; }
	.menu-button-outer .menu-button-stroke.middle { top: 13px }
	.menu-button-outer .menu-button-stroke.bottom { bottom: 4px; }
	/* OPEN */
	.menu-button-outer.open .menu-button-stroke.top { -webkit-animation: mobile-menu-anim-top-open 0.4s forwards; animation: mobile-menu-anim-top-open 0.4s forwards; }
	.menu-button-outer.open .menu-button-stroke.middle { opacity: 0; transition-duration: 0.4s; }
	.menu-button-outer.open .menu-button-stroke.bottom { -webkit-animation: mobile-menu-anim-bottom-open 0.4s forwards; animation: mobile-menu-anim-bottom-open 0.4s forwards; }
	.menu-button-outer.closed .menu-button-stroke.top { -webkit-animation: mobile-menu-anim-top-close 0.4s forwards; animation: mobile-menu-anim-top-close 0.4s forwards; }
	.menu-button-outer.closed .menu-button-stroke.middle { opacity: 1; transition: duration: 0.4s; }
	.menu-button-outer.closed .menu-button-stroke.bottom { -webkit-animation: mobile-menu-anim-bottom-close 0.4s forwards; animation: mobile-menu-anim-bottom-close 0.4s forwards; }

	/* ANIMATION: OPEN (top) */
	@-webkit-keyframes mobile-menu-anim-top-open { 
		0% {}
		50% { top: 50%; -ms-transform: translate(0, -50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, -50%) rotate(0deg) translatez(0); transform: translate(0, -50%) rotate(0deg) translatez(0); }
		100% { top: 50%; -ms-transform: translate(0, -50%) rotate(45deg) translatez(0); -webkit-transform: translate(0, -50%) rotate(45deg) translatez(0); transform: translate(0, -50%) rotate(45deg) translatez(0); }
	}
	@-moz-keyframes mobile-menu-anim-top-open { 
		0% {}
		50% { top: 50%; -ms-transform: translate(0, -50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, -50%) rotate(0deg) translatez(0); transform: translate(0, -50%) rotate(0deg) translatez(0); }
		100% { top: 50%; -ms-transform: translate(0, -50%) rotate(45deg) translatez(0); -webkit-transform: translate(0, -50%) rotate(45deg) translatez(0); transform: translate(0, -50%) rotate(45deg) translatez(0); }
	}
	@-o-keyframes mobile-menu-anim-top-open { 
		0% {}
		50% { top: 50%; -ms-transform: translate(0, -50%) rotate(0deg) translatez(0); webkit-transform: translate(0, -50%) rotate(0deg) translatez(0); transform: translate(0, -50%) rotate(0deg) translatez(0); }
		100% { top: 50%; -ms-transform: translate(0, -50%) rotate(45deg) translatez(0); webkit-transform: translate(0, -50%) rotate(45deg) translatez(0); transform: translate(0, -50%) rotate(45deg) translatez(0); }
	}
	keyframes mobile-menu-anim-top-open { 
		0% {}
		50% { top: 50%; -ms-transform: translate(0, -50%) rotate(0deg) translatez(0); webkit-transform: translate(0, -50%) rotate(0deg) translatez(0); transform: translate(0, -50%) rotate(0deg) translatez(0); }
		100% { top: 50%; -ms-transform: translate(0, -50%) rotate(45deg) translatez(0); webkit-transform: translate(0, -50%) rotate(45deg) translatez(0); transform: translate(0, -50%) rotate(45deg) translatez(0); }
	}
	/* ANIMATION: OPEN (bottom) */
	@-webkit-keyframes mobile-menu-anim-bottom-open { 
		0% {}
		50% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(0deg) translatez(0); transform: translate(0, 50%) rotate(0deg) translatez(0); }
		100% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(-45deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(-45deg) translatez(0); transform: translate(0, 50%) rotate(-45deg) translatez(0); }
	}
	@-moz-keyframes mobile-menu-anim-bottom-open { 
		0% {}
		50% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(0deg) translatez(0); transform: translate(0, 50%) rotate(0deg) translatez(0); }
		100% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(-45deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(-45deg) translatez(0); transform: translate(0, 50%) rotate(-45deg) translatez(0); }
	}
	@-o-keyframes mobile-menu-anim-bottom-open { 
		0% {}
		50% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(0deg) translatez(0); transform: translate(0, 50%) rotate(0deg) translatez(0); }
		100% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(-45deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(-45deg) translatez(0); transform: translate(0, 50%) rotate(-45deg) translatez(0); }
	}
	keyframes mobile-menu-anim-bottom-open { 
		0% {}
		50% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(0deg) translatez(0); transform: translate(0, 50%) rotate(0deg) translatez(0); }
		100% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(-45deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(-45deg) translatez(0); transform: translate(0, 50%) rotate(-45deg) translatez(0); }
	}
	/* ANIMATION: CLOSE (top) */
	@-webkit-keyframes mobile-menu-anim-top-close { 
		0% { top: 50%; -ms-transform: translate(0, -50%) rotate(45deg) translatez(0); -webkit-transform: translate(0, -50%) rotate(45deg) translatez(0); transform: translate(0, -50%) rotate(45deg) translatez(0); }
		50% { top: 50%; -ms-transform: translate(0, -50%) rotate(0) translatez(0); -webkit-transform: translate(0, -50%) rotate(0) translatez(0); transform: translate(0, -50%) rotate(0deg) translatez(0); }
		100% {}
	}
	@-moz-keyframes mobile-menu-anim-top-close { 
		0% { top: 50%; -ms-transform: translate(0, -50%) rotate(45deg) translatez(0); -webkit-transform: translate(0, -50%) rotate(45deg) translatez(0); transform: translate(0, -50%) rotate(45deg) translatez(0); }
		50% { top: 50%; -ms-transform: translate(0, -50%) rotate(0) translatez(0); -webkit-transform: translate(0, -50%) rotate(0) translatez(0); transform: translate(0, -50%) rotate(0deg) translatez(0); }
		100% {}
	}
	@-o-keyframes mobile-menu-anim-top-close { 
		0% { top: 50%; -ms-transform: translate(0, -50%) rotate(45deg) translatez(0); -webkit-transform: translate(0, -50%) rotate(45deg) translatez(0); transform: translate(0, -50%) rotate(45deg) translatez(0); }
		50% { top: 50%; -ms-transform: translate(0, -50%) rotate(0) translatez(0); -webkit-transform: translate(0, -50%) rotate(0) translatez(0); transform: translate(0, -50%) rotate(0deg) translatez(0); }
		100% {}
	}
	keyframes mobile-menu-anim-top-close { 
		0% { top: 50%; -ms-transform: translate(0, -50%) rotate(45deg) translatez(0); -webkit-transform: translate(0, -50%) rotate(45deg) translatez(0); transform: translate(0, -50%) rotate(45deg) translatez(0); }
		50% { top: 50%; -ms-transform: translate(0, -50%) rotate(0) translatez(0); -webkit-transform: translate(0, -50%) rotate(0) translatez(0); transform: translate(0, -50%) rotate(0deg) translatez(0); }
		100% {}
	}
	/* ANIMATION: CLOSE (bottom) */
	@-webkit-keyframes mobile-menu-anim-bottom-close { 
		0% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(-45deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(-45deg) translatez(0); transform: translate(0, 50%) rotate(-45deg) translatez(0); }
		50% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(0deg) translatez(0); transform: translate(0, 50%) rotate(0deg) translatez(0); }
		100% { }
	}
	@-moz-keyframes mobile-menu-anim-bottom-close { 
		0% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(-45deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(-45deg) translatez(0); transform: translate(0, 50%) rotate(-45deg) translatez(0); }
		50% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(0deg) translatez(0); transform: translate(0, 50%) rotate(0deg) translatez(0); }
		100% { }
	}
	@-o-keyframes mobile-menu-anim-bottom-close { 
		0% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(-45deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(-45deg) translatez(0); transform: translate(0, 50%) rotate(-45deg) translatez(0); }
		50% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(0deg) translatez(0); transform: translate(0, 50%) rotate(0deg) translatez(0); }
		100% { }
	}
	keyframes mobile-menu-anim-bottom-close { 
		0% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(-45deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(-45deg) translatez(0); transform: translate(0, 50%) rotate(-45deg) translatez(0); }
		50% { bottom: 50%; -ms-transform: translate(0, 50%) rotate(0deg) translatez(0); -webkit-transform: translate(0, 50%) rotate(0deg) translatez(0); transform: translate(0, 50%) rotate(0deg) translatez(0); }
		100% { }
	}

	/*--- PAGE CONTENT ---*/
	/* BODY WRAP */
	.main-content .page-content .body-wrap .section-outer.full-width-mobile { padding: 0; }
}

@media (min-width: 992px) {

	/*<><><>- HELPER CLASSES -<><><>*/

	/*---  VIEWPORT && BREAKPORTS ---*/
	/* BREAKPOINT ELEMENTS */
	.mobile-check { display: block; }
	.check-992 { display: block; }
	/* BREAKPOINT DISPLAY CLASSES */
	.hidden-xs { display: block; }
	.hidden-sm { display: block; }
	.hidden-lg { display: none !important; }
	.hidden-xl { display: block; }

	.blurb-wrap p { font-size: 3.0rem; font-size: 30px; }


	/*<><><>- IMAGES (992+) -<><><>*/

	/*--- MODIFIERS ---*/
	.img-wrap.max-lg-50 img { max-width: 50%; }

	/*--- IMAGE CAPTIONS ---*/
	.img-caption-outer { bottom: -100px; -webkit-transition: bottom 0.3s; transition: bottom 0.3s; }
	/* HOVER */
	.img-wrap-outer:hover .img-caption-outer { bottom: 0px; }

	/*--- HEADER ---*/
	header.top-header-floating { padding: 0 15px; }

	/* SHRINK */
	header.top-header-floating.shrink nav.main-nav > ul > li { height: 42px; padding-top: 15px; padding-bottom: 5px; }
	header.top-header-floating.shrink nav.main-nav ul > li > ul { top: 50px; }
	header.top-header-floating.shrink nav.main-nav ul > li > ul > li > ul { top: -2px; }

	/*--- MAIN NAV ---*/
	/* OVERLAY */
		/* NOT CURR. USED @DESKTOP*/
	.vis-q-top { display: none; }
	/*nav.main-nav > ul:hover #overlay { display: block; }*/
	/* LEVEL: TOP */
	nav.main-nav { height: 100%; width: auto; display: inline-block; position: relative; float: right; z-index: 9; }
	nav.main-nav > ul { list-style-type: none; height: 100%; width: auto; display: block; margin: 0; padding: 0; background-color: none; }
	nav.main-nav > ul > li { height: 60px; display: inline-block; padding: 30px 10px 10px; cursor: pointer; position: relative; float: left; overflow: visible; transition: all 0.25s; cursor: pointer; }
	nav.main-nav > ul > li.active { height: 105% !important; } 
	nav.main-nav > ul > li:hover > a { color: #007AE7; background-color: none; }
	nav.main-nav ul > li > a { font-size: 1.5rem; font-size: 15px; letter-spacing: 0.75px; text-transform: uppercase; color: #00529B; font-weight: 300; /*-webkit-transform: translate3d(0,0,0);*/ position: static; }
	nav.main-nav ul > li > a.selected { }
	nav.main-nav ul > li > a.selected span { width: 100%; height: 2px; display: block; background-color: #007AE7; }
	nav.main-nav ul > li:hover > ul { display: none; opacity: 1; }
	nav.main-nav > ul > li > div.vis-q { display: none; }
	/* LEVEL: DROPDOWN 1 */
	nav.main-nav ul > li > ul { height: auto; width: auto; min-width: 250px; width: auto;display: none; background-color: none; margin: 0; padding: 0; position: absolute; top: 80px; left: 0; list-style: none; transition: opacity 0.25s; opacity: 0; border-top: solid 2px #006ED1; -webkit-transition: top 0.25s; transition: top 0.25s; }
	nav.main-nav ul > li > ul.active {display: block; opacity: 1; box-shadow: 0px 2px 3px rgba(0,0,0,0.25);}
	nav.main-nav ul > li > ul > li { height: auto; width: 100%; display: inline-block; background-color: #FFFFFF; margin: 0; padding: 6px 15px; transition: all 0.25s; position: relative; border-right: solid 1px rgba(0,0,0,0.05); border-bottom: solid 1px rgba(0,0,0,0.05); border-left: solid 1px rgba(0,0,0,0.05);}
	nav.main-nav ul > li > ul > li > a { color: #666666; padding-left: 20px; }
	nav.main-nav ul > li > ul > li > div.vis-q { height: 8px; width: 8px; display: block; background-color: none; border-top: solid 1px #999999; border-right: solid 1px #999999; margin: 0; padding: 0; position: absolute; top: 50%; left: 15px; -ms-transform: translate(0, -50%) rotate(225deg); -webkit-transform: translate(0, -50%) rotate(225deg); transform: translate(0, -50%) rotate(225deg); -webkit-transition: border-color 0.25s; transition: border-color 0.25s; }
	/* LEVEL: DROPDOWN 1:HOVER */
	nav.main-nav ul > li > ul > li:hover { background-color: #F0F9FF; }
	nav.main-nav ul > li > ul > li:hover > a { color: #00529B; }
	nav.main-nav ul > li > ul > li:hover > div.vis-q { border-color: #00529B; }
	/* LEVEL: DROPDOWN 1 OVERRIDES */
	nav.main-nav ul > li.has-border .border { width: 90%; height: 40px; display: block; background-color: none; border: solid 2px #00529B; margin: 0; padding: 0; position: absolute; top: 40px; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.25s; }
	nav.main-nav ul > li.has-border:hover .border { border-color: #006ED1; }
	.shrink nav.main-nav ul > li.has-border .border { height: 30px; top: 25px; }
	nav.main-nav ul > li > ul.align-right { left: auto; right: 0 !important; }
	/* LEVEL: DROPDOWN 2 */
	nav.main-nav ul > li > ul > li > ul { height: auto; width: auto; min-width: 250px; display: none; background-color: #FFFFFF; margin: 0; padding: 0; position: absolute; top: -2px; left: -1px; -ms-transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); list-style: none; transition: opacity 0.25s; opacity: 1; }
	nav.main-nav ul > li > ul > li > ul > li { height: auto; width: 100%; display: block; margin: 0; padding: 6px 15px; transition: all 0.25s; position: relative; border-right: none !important; border-bottom: solid 1px rgba(0,0,0,0.05); border-left: solid 1px rgba(0,0,0,0.05); }
	nav.main-nav ul > li > ul > li > ul > li:hover { display: block; opacity: 1; }
	nav.main-nav ul > li > ul > li > ul > li > a { padding-left: 20px; }
	/* LEVEL: DROPDOWN 3 */
	/* STYLES HERE */

	/*--- SECONDARY NAV ---*/
	nav.secondary-nav { width: 100%; height: 40px; display: block; background-color: #FFFFFF; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #007AE7; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; z-index: 1; text-align: center; }
	nav.secondary-nav > ul { width: auto; height: 100%; display: inline-block; background-color: none; margin: 0; padding: 0; position: relative; overflow: visible; }
	nav.secondary-nav > ul > li { width: auto; height: 100%; display: block; background-color: none; margin: 0; padding: 0px; -webkit-transition: all 0.25s; transition: all 0.25s; float: left; }
	nav.secondary-nav > ul > li:hover { background-color: #F0F9FF; }
	nav.secondary-nav > ul > li:hover a { color: #00529B; }
	nav.secondary-nav > ul > li > a { height: 100%; display: block; padding: 10px 14px 0px; font-size: 12px; text-transform: uppercase; } 
	nav.secondary-nav > ul > li.active { border-bottom: solid 2px #007AE7; }
	nav.secondary-nav > ul > li.active:hover a { color: #007AE7; }
	nav.secondary-nav > ul > li.active > a { } 

	#about > div { height: auto !important; padding-bottom: 31%; cursor: pointer; }
	#about > div div.background-zoom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background-size: cover !important; -ms-transform: scale(1.05) translateZ(0); -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
	#about > div:nth-child(3n-1) { margin: 0 3%; }
	#about > div:hover div.background-zoom { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	#about > div:hover div.filter { background-color: rgba(0, 82, 155, 0.6); }
	#about > div div.filter { background-color: rgba(0, 82, 155, 0.5); transition: all 0.25s; }
	#about > div div.info {  }
	#about > div div.info p { font-size: 1.6rem; font-size: 16px; }
	#about > div div.info .more-btn { width: auto; height: auto; display: block; background-color: none; margin: 0 auto; padding: 10px 30px; font-size: 16px; letter-spacing: 1px; transition: background-color 0.25s; cursor: pointer; }
	#about > div div.info .more-btn:hover { background-color: #FFFFFF; color: #007AE7 }


	/*<><><>- MICROSITE HEADER: (992+); -<><><>*/
	.micro-nav { width: 200px; height: 100%; padding-top: 80px; top: 0px; left: 0px; overflow: hidden; z-index: 1; -webkit-transition: padding 0.25s; transition: padding 0.25s; }
	.micro-nav.shrink { padding-top: 50px; }
	/*--- CONTROLS ---*/
	.micro-nav .micro-nav-controls { display: none; }
	/*--- CONTENTS ---*/
	.micro-nav .micro-nav-contents { display: block; -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1); box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);  }
	.micro-nav .micro-nav-contents .micro-nav-img { width: 80%; height: auto; display: block; background: url('../images/bg_image_2.jpg'); background-size: cover; background-position: 50% 50%; padding: 0px; padding-top: 80%; margin: 0 auto; margin-bottom: 20px; }
	.micro-nav .micro-nav-contents .micro-nav-list { width: 100%; height: auto; display: block; margin: 0; padding: 0; list-style: none; }
	.micro-nav .micro-nav-contents .micro-nav-list li { border-left: solid 3px transparent; text-align: left; } 
	.micro-nav .micro-nav-contents .micro-nav-list li:hover { background-color: transparent; } 
	.micro-nav .micro-nav-contents .micro-nav-list li:hover a { color: #00529B; } 
	.micro-nav .micro-nav-contents .micro-nav-list li h3 { font-size: 1.4rem; font-size: 14px; }
	.micro-nav .micro-nav-contents .micro-nav-list li h3 a { color: #666666; padding: 8px 15px 8px 20px; line-height: 1.4; text-transform: capitalize; letter-spacing: 0.25px; }
	/*.micro-nav .micro-nav-contents .micro-nav-list li.active:hover h3 a { color: #FFFFFF; } */
	/*--- ACTIVE ---*/
	/* ACTIVE: BASE */
	/*.micro-nav.active .micro-nav-overlay, .micro-nav.active .micro-nav-contents { display: block; }*/
	/* ACTIVE: CONTROLS */
	/*.micro-nav.active .micro-nav-controls .micro-button-inner { border-color: #FFFFFF; }*/
	/*.micro-nav.active .micro-nav-controls .text h3 { color: #FFFFFF; }*/
	/* ACTIVE: CONTENTS */
	/*.micro-nav.active .micro-nav-contents { position: absolute; top: 50px; }*/
	.micro-nav .micro-nav-contents .micro-nav-list li.active { background-color: #F0F9FF; border-left: solid 3px #00529B; } 
	.micro-nav .micro-nav-contents .micro-nav-list li.active a { color: #00529B; }
	/* BODY FIXED */ 
	/*.body-fixed .micro-nav-controls .text { padding-right: 15px; }*/
	/*.body-fixed .micro-nav-controls .micro-button-outer { padding-right: 30px; }*/
	/*.body-fixed .micro-nav-contents .micro-nav-list li { padding`-right: 30px; }*/


	/*<><><>- MICROSITE BODY: (992+); -<><><>*/	
	/*--- VIDEOS ---*/
	.microsite-video { width: 50%; }
	.microsite-video:nth-child(2n-1) { padding-right: 10px; }
	.microsite-video:nth-child(2n) { padding-left: 10px; }
	

	/*<><><>- LAYOUT (992+) -<><><>*/
	/*--- WRAPPERS: BODY ---*/
	/* Modifiers */
	body.nav-secondary-none	.main-content { margin-top: 80px; }
	/* Modifiers: Page-Specific */
	body#index_page .main-content { margin-top: 0px; }

	/*--- WRAPPERS: MAIN ---*/
	.main-content { width: 100%; height: auto; display: block; background-color: none; margin: 120px 0 0; padding: 0px; position: relative; }
	.page-content { width: 100%; height: auto; display: block; background-color: none; margin: 0; padding: 0; position: relative; }
	.body-wrap { width: 100%; height: auto; display: block; background-color: none; margin: 0; padding: 0; position: relative; }
	/* Modifiers: Microsite */
	.main-content.microsite { margin-top: 80px; padding-left: 200px; }

	/* --- IMAGE BACKGROUND ---*/
	.main-content .page-bg-img { width: 100%; height: 475px; display: block; margin: 0; padding: 0; position: relative; top: 0; left: 0; overflow: hidden; z-index: -1; }
	.main-content .page-bg-img img { width: 120%; height: auto; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	/* MASK WRAP */
	.main-content .page-bg-img .mask-wrap { width: 100%; height: auto; display: block; background-color: none; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; overflow: auto; }
	.main-content .page-bg-img .mask-wrap .mask-left { height: 0; width: 50%; border-right: 50px solid transparent; border-bottom: 50px solid #F4F4F4; float: left; }
	.main-content .page-bg-img .mask-wrap .mask-right { height: 0; width: 50%; border-bottom: 50px solid #F4F4F4; border-left: 50px solid transparent; float: right; }
	.main-content.microsite .page-bg-img .mask-wrap .mask-left, .main-content.microsite .page-bg-img .mask-wrap .mask-right { border-bottom: 50px solid #F4F4F4; } 

	/* --- PAGE TITLE ---*/
	.main-content .page-title { width: 100%; height: auto; display: block; color: #00529B; background-color: #FFFFFF; margin: 0; padding: 20px 0px; text-align: center; position: absolute; top: 0; left: 0; }

	/*--- WRAPPERS: SECTION OUTER ---*/
	.section-outer { width: 100%; height: auto; margin: 0; /*padding: 50px;*/ overflow: auto; }
	.section-outer:first-of-type { padding-top: 30px; }
	/* Modifiers: Page-Specific */
	.section-outer.section-outer-about { padding: 50px 0px; }

	/*--- WRAPPERS: SECTION INNER ---*/
	.section-outer .section-inner { width: 91.66666%; max-width: 1100px; height: auto; margin: 0 auto; overflow: auto; }
	/* Modifiers: Page-Specific */
	.main-content.microsite .page-content .body-wrap .section-outer .section-inner { /*max-width: 900px;*/ padding: 0px 20px; }

	/* PROJECT ITEM (992+) */
	.tile .body { height: 160px; }
	/* HOVER */
	.tile .tile-inner:hover > .header .filter { opacity: 0.75; }
	.tile .tile-inner:hover > .header .cta { top: 50%; opacity: 1; } 

	/*--- TILE: ABOUT-NODE ---*/
	.tile.about-node { width: 33.33333%; padding: 0px 10px; }
	.tile.about-node .header { height: auto; padding-bottom: 100%; }
	.tile.about-node .body { background-color: rgba(0, 82, 155, 0.75); padding: 0px; padding-top: auto; }
	.tile.about-node .title { height: auto; min-height: 100px; padding: 40px 20px 0px; }
	.tile.about-node .desc { height: auto; min-height: 100px; display: block; padding: 0px 20px; margin: 0; }

	/*--- TILE: BLOG NODE ---*/
	.tile.blog-node { width: 33.33333%; }

	/* BLOG POST: FULL > BODY */
	.post.full > .body { width: 100%; height: auto; padding-top: 20px; }
	/* BLOG POST: FULL > CONTENT */
	/*.post.full .body > .content { width: 75%; height: auto; border-right: solid 1px #CCCCCC; padding-right: 20px; float: left; }*/
	.post.full > .body > .content .content-header .title { margin-bottom: 15px; }
	.post.full > .body > .content .content-header .details { width: 100%; height: auto; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; margin: 5px auto; }
	.post.full > .body > .content .content-header .details .attr-wrap { width: 75%; }
	.post.full > .body > .content .content-header .details .social-wrap { width: 25%; }
	.post.full > .body > .content .content-main .images img { width: 100%; height: auto; }
	.post.full > .body > .content .content-main .footer { width: 100%; height: auto; margin-top: 20px; padding-top: 20px; }
	/* BLOG POST: FULL > SIDEBAR */
	.post.full > .body > .recent-posts { width: 25%; border-top: none; padding-top: 0; padding-left: 20px; float: right; }
	.post.full > .body > .recent-posts .recent-post-section { margin-bottom: 10px; } 
	/* BLOG POST: FULL > SIDEBAR > NODE */
	.recent-posts .tile.blog-node .tile-inner { height: auto; }
	.recent-posts .tile.blog-node .header { width: 100%; height: auto; padding-bottom: 66.66666%; position: relative; }
	.recent-posts .tile.blog-node .body { height: auto; max-height: 999999px; padding: 0px; }
	.recent-posts .tile.blog-node .body-inner { height: auto; max-height: 999999px; padding: 15px; }
	.recent-posts .tile.blog-node .post-info { height: auto; max-height: 999999px; margin-bottom: 10px; }
	.recent-posts .tile.blog-node .title-wrap { height: auto; max-height: 999999px; }
	.recent-posts .tile.blog-node .attr-wrap { height: auto; max-height: 999999px; }
	.recent-posts .tile.blog-node .author { width: 100%; margin-right: 0px; }
	.recent-posts .tile.blog-node .date { width: 100%; display: block; }
	.recent-posts .tile.blog-node .read-wrap { display: block; }
	/* POST: BLOG POST */
	.post.blog-post > .body > .content { width: 75%; height: auto; padding: 25px 30px; float: left; }
	/* POST: CAREERS POST */
	.post.careers-post { margin-top: 20px; padding-right: 5px; padding-left: 5px; }
	.post.careers-post > .body { padding: 25px 30px; }
	/* POST: MENKES NEWS POST */
	.post.menkes-news-post { margin-top: 20px; padding-right: 5px; padding-left: 5px; }
	.post.menkes-news-post > .body { padding: 25px 30px; }


	/* UNIT ITEM (992+) */
	/* STYLES TEMPORARILY COMMENTED OUT --> REVIEW */
/*	.unit-item .unit-info .unit-info-icon { height: 100%; width: 25%; display: block; background-color: #CCCCCC; margin: 0; padding: 10px; position: absolute; top: 0; left: 0; overflow: visible; }
	.unit-item .header .unit-info.unit-info-sqft { width: auto; height: auto; display: block; background-color: #FFFFFF; border: solid 2px #00529B; margin: 0; padding: 5px 0px; position: absolute; bottom: 20px; right: 20px; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15); box-shadow: 0px 2px 3px rgba(0,0,0,0.15); -webkit-transition: opacity 0.125s; transition: opacity 0.125s; }
	.unit-item .header .unit-info.unit-info-sqft .unit-info-icon { height: 35px; width: 50px; background-color: transparent !important; border-right: solid 2px #CCCCCC; position: relative; float: left; }
	.unit-item .header .unit-info.unit-info-sqft .unit-info-icon img { height: 25px; }
	.unit-item .header .unit-info.unit-info-sqft .unit-info-text { height: 35px; width: 125px; margin-left: 0; padding: 0; float: left; }
	.unit-item .header .unit-info.unit-info-sqft .unit-info-text h5 { line-height: 35px; } 
	.unit-item .header .unit-info.unit-info-sqft .unit-info-text h5 span { color: #666666; font-size: 12px; } 
	.unit-item .unit-info.unit-info-bedrooms { width: 50%; float: left; }
	.unit-item .unit-info.unit-info-bathrooms { width: 50%; float: left; }
	.unit-item .unit-info.unit-info-status, .unit-item .unit-info.unit-info-location { width: 100%; float: left; }
	.unit-item .unit-info.unit-info-status .unit-info-icon, .unit-item .unit-info.unit-info-location .unit-info-icon { width: 12.5%; }
	.unit-item .unit-info.unit-info-status .unit-info-text, .unit-item .body > .body-inner > .unit-info.unit-info-location .unit-info-text { width: 87.5%; margin-left: 12.5%; }
	.unit-item .unit-info.unit-info-price { float: left; }*/
	/* HOVER */
	.unit-item .unit-item-inner:hover .header > .filter { opacity: 0.95; }
	.unit-item .unit-item-inner:hover .header > .cta { top: 50%; opacity: 1; } 
	.unit-item .unit-item-inner:hover .header > .unit-info-sqft { opacity: 0; pointer-events: none; }
	.unit-item .unit-info.unit-info-name { padding: 15px 10px; }


	/* UNIT ITEM ALT (992+) */
	.unit-item.alt .header .unit-info.unit-info-sqft { display: none; }
	.unit-item.alt .body .unit-info.unit-info-sqft { width: 100%; float: left; }
	.unit-item.alt .unit-info.unit-info-bedrooms { width: 100%; float: left; }
	.unit-item.alt .unit-info.unit-info-bathrooms { width: 100%; float: left; }


	/*<><><>- PAGE: ASSOCIATIONS; -<><><>*/
	/*--- ASSOCIATIONS WRAP ---*/
	.associations-body .associations-gallery .associations-gallery-item { width: 16.6%; height: auto; display: block; padding-bottom: 11%; position: relative; overflow: hidden; float: left; }
	/*.associations-body .associations-gallery .associations-gallery-item:nth-child(2n) { margin-right: 0.952%; }*/
	/*.associations-body .associations-gallery .associations-gallery-item:nth-child(3n-1) { margin: 0 0.952% 1.904%; }*/
	/*.associations-body .associations-gallery .associations-gallery-item:nth-child(6n-5) { margin: 0 0.952% 1.904% 0; }*/
	/*.associations-body .associations-gallery .associations-gallery-item:nth-child(6n) { margin: 0 0.952% 1.904%; margin-right: 0; }*/


	/*<><><>- PAGE: PAST PROJECTS -<><><>*/
	/*--- PAST PROJECTS WRAP ---*/
	.past-projects-wrap .past-projects-title h1 { margin: 15px; }
	.past-projects-wrap .past-projects-body .past-project-item { width: 24%; height: auto; display: block; margin: 0; margin-right: 1%; margin-bottom: 1%; padding: 0; padding-bottom: 22%; position: relative; float: left; }
	.past-projects-wrap .past-projects-body .past-project-item:nth-child(3n-1) { margin-right: 1%; margin-left: 0; }
	.past-projects-wrap .past-projects-body .past-project-item:nth-child(4n) { margin-right: 0; }
	.past-projects-wrap .past-projects-body .past-project-item .past-project-item-info { padding: 20px; }


	/* ///// REMOVE ///// */

	/*<><><>- PAGE: AWARDS -<><><>*/
/*	.award-wrap { width: 31%; height: auto; display: block; background-color: #DDDDDD; margin: 0 0 20px 0; padding: 0; position: relative; overflow: hidden; float: left; }
	.award-wrap:first-of-type { margin-top: 0px; }
	.award-wrap:last-of-type { margin-bottom: 0px; }
	.award-wrap:nth-child(3n-1) { background-color: #DDDDDD; margin: 0 3%; }
	.award-wrap .award-img { width: 100%; height: 200px; display: block; margin: 0; margin-right: 10px; padding: 0; position: relative; float: left; overflow: hidden; }
	.award-wrap .award-img img { height: auto; min-height: 100%; width: 100%; display: block; margin: 0; padding: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.25s; }
	.award-wrap .award-info { width: 100% ; height: auto; display: block; margin: 0; padding: 0; position: relative; overflow: inherit; float: left; }
	.award-wrap .award-info .award-info-item { border-bottom: solid 1px #999999; margin-bottom: 0px; padding: 10px; }
	.award-wrap .award-info .award-info-item:last-of-type { border: none; }
	.award-wrap .award-info .award-info-item h3 { color: #333333; text-transform: uppercase; margin: 0; padding: 0; }
	.award-wrap .award-info .award-info-item h4 { color: #666666; text-transform: uppercase; margin: 0; padding: 0; }*/


	/*<><><>- COMPONENT: GALLERY (GRID); -<><><>*/
	.gallery-item-outer { width: 20%; }


	/*<><><>- COMPONENT: CONTACT (992+) -<><><>*/
	.contact-wrap > .body .contact-node { width: 33.33333%; }


	/*<><><>- VIDEOS -<><><>*/
	.video-title { width: 100%; height: 55px; }
	.video-title > * { line-height: 20px; }


	/*<><><>- FOOTER -<><><>*/
	.site-footer { height: auto; display: block; z-index:1; position: relative; width: 100%; text-align: center; font-family: "Open Sans Condensed"; }
	/*--- FOOTER SECTION --*/
	.site-footer .footer-section { width: 100%; height: auto; display: block; position: relative; overflow: hidden; }
	/* LINKS */
	.site-footer .footer-section.links ul li { border-right: 1px solid rgba(0,0,0,0.3); }
	.site-footer .footer-section.links ul li:last-child { border-right: 0px; }
}

@media all and (min-width: 1200px) {
	/*<><><>- HELPER CLASSES -<><><>*/
	/*---  VIEWPORT && BREAKPORTS ---*/
	/* BREAKPOINT DISPLAY CLASSES */
	.hidden-xs { display: block; }
	.hidden-sm { display: block; }
	.hidden-lg { display: block; }
	.hidden-xl { display: none; }


	/*<><><>- HEADER -<><><>*/
	/* --- MAIN NAV ---*/
	nav.main-nav > ul > li { padding: 28px 15px; }
	nav.main-nav ul > li > a { font-size: 1.8rem; font-size: 18px; } 

	/* SHRINK */
	header.top-header-floating.shrink nav.main-nav > ul > li { padding-top: 13px; }

	/*<><><>- VENDOR OVERRIDES -<><><>*/
	/*--- PLUGIN: pinchZoomer ---*/
	.zoomInOn, .zoomInOff, .zoomOutOn, .zoomOutOff { width: 40px; height: 40px; }
	.zoomOutOn, .zoomOutOff  { top: 60px; }
}

@media (max-width: 1325px){
	.more-btn-unselect { width: 20%; }
}

@media (max-width: 1400px){
	.slide-content.custom-slide-override .custom-slide-full-word { font-size: 85px; padding: 0px 30px 25px; }
	.slide-content.custom-slide-override .custom-slide-letter { font-size: 275px; }
}

@media (max-width: 1200px){
	.slide-content.custom-slide-override .custom-slide-full-word { font-size: 65px; padding: 0px 25px 30px; }
	.slide-content.custom-slide-override .custom-slide-letter { font-size: 250px; }
	.slide-content.custom-slide-override > div:first-child { padding-right: 15px; }
	.slide-content.custom-slide-override > div:last-child { padding-left: 15px; }
	.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-override a.custom-slide-button { font-size: 20px; width: 150px; }
}



/*===========================================================================*/
/*############-- TEST STYLES --############*/
/*===========================================================================*/
/*.slider-wrap-outer { width: 1px; height: 1px; position: fixed; opacity: 0; }*/
.obstruct { display: none; }
.slide-content { opacity: 0; }
.slide-content.active { opacity: 1; }
.slider-wrap-outer { width: 100%; height: 850px; display: block; margin: 0; padding: 0; position: relative; overflow: hidden; opacity: 1; }
.slider-wrap-outer .slider-wrap-inner { width: 100%; height: 100%; display: block; margin: 0; padding: 0; position: relative; overflow: hidden; }
.slider-wrap-outer .slider-wrap-inner .filter { width: 100%; height: 100%; display: block; background-color: rgba(0,82,155,0.4); position: absolute; top: 0; left: 0; }
.slider-wrap-outer .slider-wrap-inner.slider-back { position: fixed; }
.slick-test { width: 100%; height: 100%; display: block; margin: 0 auto; padding: 0; position: absolute; top: 0; left: 0; }
.slick-test .slick-list { width: 100%; height: 100%; display: block; margin: 0 auto; padding: 0; position: relative; }
.slick-test .slick-list .slick-track { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.slick-test .slick-list .slick-track img { width: auto; min-width: 100%; height: auto; min-height: 100%; display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slick-test .slick-list .slick-track .slide { position: relative; }
.slick-test .slick-list .slick-track .slide { position: relative; }
.slick-test .slick-list .slick-track .slide .slide-content { width: auto; min-width: 65%; max-width: 75%; height: auto; display: block; background-color: rgba(0, 82, 155, 0.75); position: absolute; top: 50%; left: 50%; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: auto; text-align: center !important; }
.slick-test .slick-list .slick-track .slide .slide-content.slide-no-link { padding: 40px; }
.slick-test .slick-list .slick-track .slide .slide-content a { width: 100%; height: 100%; display: block; padding: 40px; }
.slick-test .slick-list .slick-track .slide .slide-content h1 { display: inline-block; color: #FFFFFF; border-bottom: solid 4px #FFFFFF; font-family: 'Roboto Condensed', sans-serif; font-size: 6.0rem; font-size: 60px; text-rendering : optimizeLegibility; -webkit-font-smoothing: antialiased; margin-bottom: 30px; }
.slick-test .slick-list .slick-track .slide .slide-content p { color: #FFFFFF; /*padding: 10px;*/ font-size: 2.0rem; font-size: 20px; text-align: center; }
/* CONTROLS */
.slick-prev, .slick-next { width: 70px; height: 70px; background-color: rgba(0,0,0,0.4); margin: 0px; top: 50%; -webkit-transition: all 0.25s; transition: all 0.25s; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.slick-prev { left: 0px; }
.slick-next { right: 0px; }
.slick-prev::before, .slick-next::before { width: 24px; height: 24px; display: block; content: "" !important; opacity: 0.75; transition: opacity 0.25s; }
.slick-prev::before { border-top: solid 4px #FFFFFF; border-left: solid 4px #FFFFFF; float: right; transform: rotate(-45deg) translate(-50%, -50%); }
.slick-next::before { border-top: solid 4px #FFFFFF; border-left: solid 4px #FFFFFF; float: left; transform: rotate(135deg) translate(-50%, -50%); }
.slick-prev:focus, .slick-next:focus { background-color: rgba(0,0,0,0.4); } /* OVERRIDE FOR SLIDER DEFAULT :focus CSS */
.slick-prev:hover, .slick-prev:focus:hover, .slick-next:focus:hover, .slick-next:hover { background-color: rgba(0,0,0,0.75); }
.slick-prev:hover { left: 10px; }
.slick-next:hover { right: 10px; }
.slick-prev:hover::before, .slick-next:hover::before { opacity: 1; }
/* OBSCTRUCT */
.obstruct { width: 100%; height: 100%; display: block; background-color: #FFFFFF; position: absolute; top: 0; left: 0; }
.obstruct .loading-wrapper { width: 100%; height: 2px; display: block; background-color: none; position: absolute; top: 50%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.obstruct .loading-wrapper .loading-bar { width: 0; height: 100%; display: block; background-color: #00529B; position: absolute; left: 0; }

/* SLIDER TABLET STYLES */
@media screen and (max-width: 959px) and (min-width: 565px) {
	body { padding-top:50px; }
	.slider-wrap-outer { /*height:400px;*/  height: 500px;}
	.slider-wrap-outer .slider-wrap-inner.slider-back { position:absolute; }
	.slick-test .slick-list .slick-track .slide .slide-content { transform: translate(-50%, -50%); }
	.slick-test .slick-list .slick-track .slide .slide-content h1 { font-size:32px;margin-bottom:10px; }
	.slick-test .slick-list .slick-track .slide .slide-content p { font-size:16px; }
	.slick-test .slick-list .slick-track img { height:100%;position:relative;min-height:inherit; }
	.slide-content.custom-slide-override .custom-slide-letter { font-size:100px; }
	.slide-content.custom-slide-override .custom-slide-full-word { font-size:40px;padding:0 15px 20px; }
	.main-content { margin:0; }
	.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-fleur-override a.custom-slide-button { margin-top: 15px; }
	.slick-test .slick-list .slick-track .fleur img { margin-top: 25px; }
	.fleur-video { padding-bottom: 46.25%; /* 16:9 */ }
}

/* Mobile Stylings */
@media screen and (max-width: 564px) {
	body { padding-top:50px; }
	.slider-wrap-outer { /*height:250px;*/ height: 400px; }
	.slider-wrap-outer .slider-wrap-inner.slider-back { position:absolute; }
	.slick-test .slick-list .slick-track .slide .slide-content a { padding:15px; }
	.slick-test .slick-list .slick-track .slide .slide-content { transform: translate(-50%, -50%);width:100%;max-width:90%; }
	.slick-test .slick-list .slick-track .slide .slide-content h1 { font-size:26px;margin-bottom:10px; }
	.slick-test .slick-list .slick-track .slide .slide-content p { font-size:14px; }
	.slick-test .slick-list .slick-track img { height:100%;position:relative;min-height:inherit; }
	.slide-content.custom-slide-override .custom-slide-letter { font-size:50px; }
	.slide-content.custom-slide-override .custom-slide-full-word { font-size:24px;padding:0 10px; }
	/*.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-override { margin-top:40px; }*/
	.slide-content.custom-slide-override > div:first-child { padding-right:5px; }
	.slide-content.custom-slide-override > div:last-child { padding-left:5px; }
	.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-override a.custom-slide-button { bottom:-160%;margin-left:-95px;background-color:rgba(0, 82, 155, 0.75); }
	.main-content { margin:0; }
	.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-fleur-override a.custom-slide-button { margin-top: 10px; width: 150px; font-size: 18px; }
	.church-x-shuter { font-size: 25px; }
	.slick-test .slick-list .slick-track .fleur img { margin-top: 25px; width: 90px; }
	.church-x-shuter > span > span { height: 20px; }
	.church-x-shuter > span { width: 45px; height: 19px; }
	.slick-test .slick-list .slick-track .slide .slide-content.custom-slide-fleur-override h1 { margin-bottom: 0px; }
	.fleur-video { padding-bottom: 56.25%; /* 16:9 */ }
}





/* SUSTAINBILITY */
.custom_page_title {color: #003087; font-size: 70px; letter-spacing: 2px; text-align: center; margin-top: 60px; margin-bottom: 55px;}
.custom_page_small_content {color: #003087; font-style: italic; font-size: 14px; font-weight: normal;}
.custom_page_content {font-size: 18px; letter-spacing: 0.7px; line-height: 30px; margin-top: 0px; margin-bottom: 55px; color: #6c6d70;}
.custom_page_title_small {font-size: 50px; letter-spacing: 2px; text-align: center; margin-top: 60px; margin-bottom: 55px; color: #003087;}
.eating_wall_box {background-color: #003087; width: 100%; height: auto;}
.eating_wall_box h3 {color: #fff; font-size: 40px; margin-left: 30px; margin-top: 40px;}
.eating_wall_box p {color: #fff; font-size: 22px; margin-left: 30px; margin-right: 25px; margin-top: 20px; margin-bottom: 30px; line-height: 40px;}
.eating_background_image {background-image: url(../images/eating_img.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 570px;}
.being_active_background_image {background-image: url(../images/being_active.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 570px;}
.maintaining_health_background_image {background-image: url(../images/maintaining_health.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 570px;}
.engaging_mind_background_image {background-image: url(../images/engaging_mind.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 570px;}
.energy_sub_content h1 {text-align: center; font-size: 80px; color: #003087;}
.energy_sub_content p {text-align: center; font-size: 20px; color: #00529b;}
.reporting_box {background-color: #003087; width: 100%; height: auto; padding: 40px 30px; color: #fff;}
.reporting_box h3 {color: #fff; font-size: 40px; letter-spacing: 2px; text-align: center;}
.reporting_box p {color: #fff; font-size: 22px; text-align: center; margin-top: 20px;}
.percentage_wrap {background-color: #003087; width: 100%; height: auto; position: relative; overflow: hidden;}
.percentage_box {margin-top: 50%; transform: translateY(-50%);}
.percentage_wrap .percentage_box h2 {color: #fff; text-align: center; font-size: 100px; letter-spacing: 2px;}
.percentage_wrap .percentage_box p {color: #fff; text-align: center; font-size: 20px; letter-spacing: 1px;}

/* SLIDER */
.carousel-control.right, .carousel-control.left {background-image: none; background-image: none; background-image: none; background-image: none; opacity: 1;}
.carousel-control.left {left: 0; top: 45%;}
.carousel-control.right {right: 0; top: 45%;}
.carousel-control.left div, .carousel-control.right div {background-color: rgba(255,255,255,1); width: 70px; opacity: 0.5; transition: all .2s ease-in-out;}
.carousel-control.left div:hover, .carousel-control.right div:hover {opacity:1; transition: all .2s ease-in-out;}
.carousel-indicators {bottom: -45px;}
.carousel-indicators li {width: 17px; height: 17px; border-radius: 17px; margin: 0 5px; border: 1px solid #000;}
.carousel-indicators .active {width: 17px; height: 17px; border-radius: 17px; margin: 0 5px; background-color: #000;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.bicycle_image_box {margin-top: 100px;}
@media (max-width: 991px) {
	.percentage_box {margin-top: 25%; padding: 20px;}
}
@media (max-width: 768px) {
	.bicycle_image_box {margin-top: 30px;}
	.custom_page_title {font-size: 40px !important;}
	.custom_page_title_small {font-size: 35px !important;}
        label.alt-face {font-size: 10px !important;}
}

.radio-btn-left {
    float: left;
    padding-right: 10px;
    width: 50%;
}
.dropdown-right {
    float: left;
    width: 50%;
    padding-left: 10px;
}

.main-content.microsite .section-title-wrap h1.section-title.reg {
    font-family: 'HelveticaLT', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #012a59;
    text-align: center;
    line-height: 100%;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.reg-subtitle p{
    text-align: center;
    font-family: 'HelveticaLT', sans-serif;
    margin: 0;
    color: #012a59;
}
label.alt-face { 
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.3;
}
.tbold{
    font-weight: bold;
}

.menkes-bio-list {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.menkes-bio-list:after {
  content: '';
  clear: both;
  display: block;
}
.menkes-bio-list.list-center {
  justify-content: center;
}
.menkes-bio-list .bio-block {
  background: #fff;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.18);
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 10px;
    max-width: 32%;
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 90px;
    z-index: 2;
}

.menkes-bio-list .bio-block h3 {
  font-size: 28px;
  color: #00529b;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed', sans-serif; 
  font-weight: bold;
  padding: 20px;
}
.menkes-bio-list .bio-block .sub-title {
  font-size: 14px;
  color: #999999;
  font-family: 'Roboto Condensed', sans-serif; 
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 20px;
  word-break: break-word;
}

.menkes-bio-list .bio-block .details {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: #333;
  border-top: 1px dashed #ccc;
  padding: 20px 10px 0 10px;
  margin-top: 25px;
  max-height: 130px;
  overflow: hidden;
}
.menkes-bio-list .bio-block .btn-read {
  display: block;
  background: #00529b;
  
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif; 
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 1px;
  padding: 15px 0;
  margin: 30px 10px 10px 10px;
  position: absolute;
  bottom: 0;
  width: calc(100% - 20px);
  left: 0;
  right: 0;
}


.bio-info-popup {
  width: 550px;
  max-width: 100%;
  display: none;
}
.bio-info-popup h3 {
  font-size: 28px;
  color: #fff;
  letter-spacing: 1px;
  font-family: 'Roboto Condensed', sans-serif; 
  font-weight: bold;
  padding-top: 25px;
  padding-bottom: 25px;
  background: #00529b;
  text-align: center;
}

.bio-info-popup .sub-title {
  font-size: 14px;
  color: #999999;
  font-family: 'Roboto Condensed', sans-serif; 
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  padding: 32px 0;
  border-bottom: 1px solid #ccc;
}
.bio-info-popup .bio-block {
  background: #fff;
}
.bio-info-popup .bio-details {
  padding-right: 35px;
  padding-left: 35px;
  padding-bottom: 40px;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 300;
}
.bio-info-popup .bio-details p {
  line-height: 23px;
  color: #333;
  margin-top: 25px;
  text-align: left;
  margin-bottom: 20px;
}
.bio-info-popup .next-button {
  margin-top: 50px;
}
.bio-info-popup .btn-next {
  position: relative;
  display: block;
  font-family: 'Roboto Condensed', sans-serif; 
  font-style: italic;
  font-size: 28px;
  letter-spacing: 1.5px;
  color: #fff;
  background: #00529b;
  border: solid 3px rgba(255, 255, 255, 0.23);
  text-align: center;
  color: #fff;
    padding: 19px 0;
    font-weight: bold;
}
.bio-info-popup .btn-next i {
    font-size: 48px;
    position: absolute;
    right: 30px;
    font-weight: 300 !important;
    line-height: 80%;
}

#fancybox-wrap {
  padding: 0;
}
.fancybox-skin {
  background: transparent;
}
.fancybox-bg {
  display: none;
}
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.71) !important;
}
.fancybox-close-btn {
    display: inline-block;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    position: absolute;
    right: 45px;
    top: 45px;
  background: url(../images/popup-close.png);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  z-index: 9999
}
 /*font-family: 'Roboto Condensed', sans-serif; 
 font-family: 'Roboto', sans-serif;
  font-family: 'Lato', sans-serif; */
 
 .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content {
      text-align: left !important;
      width: auto;
      left: unset;
      right: 3.5%;
      bottom: 5%;
      max-width: 100% !important;
      min-width: unset;
      transform: unset;
      -ms-transform: unset;
      -webkit-transform: unset;
      max-height: 250px;
 }   
.slick-test .slick-list .slick-track .slide.caption-right-bottom .text-top-left {
     font-size: 150px;
    color: #fff;
    margin-top: 15%;
    font-family: lato;
    font-weight: bold;
    transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    -webkit-transform: rotateZ(-30deg);
    display: inline-block;
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
  }  
  .slick-test .slick-list .slick-track .slide.caption-right-bottom.slick-active .text-top-left {
    opacity: 1;
  }
  .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content.custom-slide-fleur-override h1 {
    font-family: 'Lato';
    color: #cf1f29;
    font-weight: bold;
    font-size: 40px;
  }
 .slick-test .slick-track .slide.caption-right-bottom .slide-content p{
    text-align: left !important;
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #cf1f29;
 }  
 .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content.custom-slide-fleur-override a.custom-slide-button {
    padding: 3px 45px;
      width: auto;
    color: #cf1f29;
    border-color: #cf1f29;
    margin-top: 30px;
   }

 @media screen and (max-width: 1024px) {
  .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content {
      /*width: 600px;*/
      width: 450px;  
      transform: translateY(-50%) !important;
      -ms-transform: translateY(-50%) !important;
      -webkit-transform: translateY(-50%) !important;
      overflow: initial;
  }  
   .slick-test .slick-list .slick-track .slide.caption-right-bottom .text-top-left {
      font-size: 80px;
   }
 }
 @media screen and (max-width: 991px) {
 .slick-test .slick-list .slick-track .slide.caption-right-bottom .text-top-left {
        font-size: 30px;
        margin-left: 30px;
        margin-top: 40px;
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
  }
   .slick-test .slick-track .slide.caption-right-bottom .slide-content p {
      font-size: 16px;
   }
   .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content {
    padding: 25px;
    left: 0%;
    right: 0%;
    background: rgba(207,31,41,0.75);
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
   }
   .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content.custom-slide-fleur-override h1,
   .slick-test .slick-track .slide.caption-right-bottom .slide-content p {
    color: #FFFFFF;
    display: block;
    text-align: center !important;
   }
   .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content.custom-slide-fleur-override a.custom-slide-button {
    border-color: #fff;
    color: #fff;
   }
   .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content.custom-slide-fleur-override a.custom-slide-button:hover {
    border-color: #cf1f29;
    color: #cf1f29;
   }
   .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content.custom-slide-fleur-override h1 {
    font-size: 32px;
   }
}
  @media screen and (max-width: 767px) {
    .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content {
      width: 90%;
      max-width: 320px !important;
      /*margin-top: 20px;*/
    }
     .slick-test .slick-track .slide.caption-right-bottom .slide-content p {
      font-size: 16px;
     }
     .slick-test .slick-list .slick-track .slide.caption-right-bottom .text-top-left {
        margin-top: 20px;
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
  }
  .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content.custom-slide-fleur-override a.custom-slide-button {
    margin-top: 10px;
  }
  }

@media screen and (max-width: 767px) {
  .menkes-bio-list {
   /* display: block;*/
    text-align: center;
    justify-content: center;
  }
  .menkes-bio-list .bio-block {
    float: none;
    width: 46%;
    margin-right: 1.5%;
    margin-left: 1.5%;
    max-width: unset;
    display: inline-block;
    vertical-align: top;
    flex: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
  }
  .fancybox-close-btn {
      height: 25px;
      width: 25px;
  }
  .main-inner .page-content p {
    font-size: 16px;
  }


}

@media screen and (max-width: 600px) {
  .menkes-bio-list {
    display: block;
  }
  .menkes-bio-list .bio-block {
    width: 100%;
    float: none;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
  .menkes-bio-list .bio-block .btn-read {
    margin-bottom: 0;   
    margin-top: 30px;
    position: static;
  }
  .menkes-bio-list .bio-block h3,
  .bio-info-popup h3,
  .bio-info-popup .btn-next {
    font-size: 20px;
  }
  .bio-info-popup .btn-next i {
      font-size: 26px;
      line-height: 100%;
  }
  .slick-test .slick-list .slick-track .slide.caption-right-bottom .slide-content.custom-slide-fleur-override h1 {
    font-size: 26px;
  }
  .slick-test .slick-track .slide.caption-right-bottom .slide-content p {
    font-size: 14px;
  }
}
