/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

body {
	background-color:#000;
	color: #000;
	font-size:14px;
	font-weight:400;
	letter-spacing:0.05em;
    line-height: 1.4;
  font-family: 'Montserrat', sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Milkman's custom styles
   ========================================================================== */
   
/*html { padding:15px; }
.pageborder { background-color:#000; position:fixed; z-index:15; }
.pageborder.top { height:15px; top:0; left:0; width:100%; }
.pageborder.bottom { height:15px; bottom:0; left:0; width:100%; }
.pageborder.left { height:100%; top:0; left:0; width:15px; }
.pageborder.right { height:100%; top:0; right:0; width:15px; }*/

body.locked { overflow:hidden; }
.content-wrapper { padding-top:90px; }

/*
 * Site Navigation
 */
#top-bar { background-color:#000; padding:15px 0; position:fixed; width:100%; z-index:30; }
#top-bar header { position:relative; }
#top-bar header h4 { display:block; float:left; height:60px; margin:0; width:50px; z-index:10; }
#top-bar header h4 a { background:url(../img/x-icon.png) no-repeat 0 0; border-bottom:none; display:block; height:100%; width:100%; }
.backgroundsize #top-bar header h4 a { background-image:url(../img/x-icon@2x.png); background-size:contain; }

#top-bar .header-functions { float:right; padding:18px 0; }
#top-bar .header-functions a.location { border-bottom:none; color:#fff; font-size:1em; line-height:24px; margin-right:30px; text-decoration:none !important; text-transform:uppercase; }
#top-bar .header-functions a.location i { font-size:1.24em; }
#top-bar .header-functions a.location:hover,
#top-bar .header-functions a.location:focus { color:#eee; text-decoration:none; }

#top-bar button.menu-button { background-color:transparent; border:none; display:block; float:right; height:24px; margin-top:0; padding:0; position:relative; width:26px; z-index:30;
  -webkit-transition: all 0.25s ease-out; 
          transition: all 0.25s ease-out;
}
#top-bar button.menu-button:hover { background-color:transparent; outline:none; }
#top-bar button.menu-button:focus { outline:none; }
#top-bar button.menu-button span { background-color:#fff; display:block; margin-top:-1px; position:absolute; left:50%; margin-left:-12px; height:2px; width:25px;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
}
#top-bar button.menu-button span:first-child { margin-top:-8px; top:50%; }
#top-bar button.menu-button span:last-child { margin-top:6px; top:50%; }

#top-bar button.menu-button.closed span {  
  -webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
          -webkit-transition:opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
          transition:opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
          transition:transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
          transition: transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
}
#top-bar button.menu-button.open span {  
  -webkit-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s; 
          transition:margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s; 
          transition:margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s; 
          transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out 0.25s;
}

#top-bar button.menu-button.open span:first-child { margin-top:-1px;
  -webkit-transform: rotate(45deg); 
          transform: rotate(45deg); 
}
#top-bar button.menu-button.open span:nth-child(2) { opacity:0; }
#top-bar button.menu-button.open span:last-child { margin-top:-1px;
  -webkit-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
}

/** Navigation **/
#site-navigation { background-color:#000; background-clip:padding-box; color:#fff; overflow-y:scroll; opacity:0; padding-top:90px; position:fixed; top:0; bottom:0; left:0; right:0; z-index:-1; width:100%;
	transition: z-index 0s 0.75s ease-out, opacity 0.5s ease-out;
} 
#site-navigation.visible { z-index:20; opacity:1;
	transition: opacity 0.5s ease-out;
}
#site-navigation .contentArea { background-color:transparent; }

#site-navigation ul { list-style:none; margin:0; padding:0; }

#site-navigation ul li.disabled > a:first-child { pointer-events:none; }

#site-navigation nav.top-level ul li { border-top:1px solid #fff; padding-bottom:1.875rem; padding-top:1.875rem; position:relative; overflow:hidden; }
/*#site-navigation nav.top-level ul li.menu-item-has-children::after { background-color:#fff; content:''; display:block; height:2px; margin-top:2px; position:absolute; top:50%; left:0; right:0; z-index:0;
	transform-origin:left center;
	transform:scaleX(0);
	transition:transform 0.5s ease-out 0.25s;
}*/
/*#site-navigation nav.top-level ul li.menu-item-has-children:hover { overflow:visible; z-index:10; }*/
/*#site-navigation nav.top-level ul li.menu-item-has-children:hover::after {
	transform:scaleX(1);
	transition:transform 0.5s ease-out;
}*/
#site-navigation nav.top-level ul li:first-child { border-top:none; }
#site-navigation nav.top-level ul li a { border:none; display:block; color:#ccc; font-size:2em; line-height:1; position:relative; text-transform:uppercase; z-index:5; }
/*#site-navigation nav.top-level ul li a span { background-color:#081749; display:inline-block; padding-right:0.9375rem; }*/
#site-navigation nav.top-level ul li.current-menu-item > a { color:#fff; }
#site-navigation nav.top-level ul li a.arrow { font-size:1.75rem; line-height:30px; padding-left:0.9375rem; position:absolute; top:1.875rem; right:0; left:0; text-align:right;
	transition:transform 0.25s ease-out;
}
#site-navigation nav.top-level ul li a.arrow.open {
	transform:scaleY(-1);
}
#site-navigation nav.top-level ul li.current-menu-item > a.arrow { color:#fff; }
#site-navigation nav.top-level ul li.disabled:hover a,
#site-navigation nav.top-level ul li a:hover { color:#fff; }
/*#site-navigation nav.top-level ul li ul { opacity:0; padding-left:0.9375rem; padding-top:0.625rem; position:absolute; top:0; right:0;
	transform:translateX(100%);
	transition:opacity 0.25s ease-out;
}
#site-navigation nav.top-level ul li:hover ul { opacity:1;
	transition:opacity 0.25s ease-out 0.5s;
}*/
#site-navigation nav.top-level ul > li.current-menu-item > a,
#site-navigation nav.top-level ul > li.current_page_ancestor > a { color:#fff; }
#site-navigation nav.top-level ul li ul li a { color:#ccc; font-size:1.25em; font-weight:300; }
#site-navigation nav.top-level ul li ul li a:hover { color:#fff; }
#site-navigation nav.top-level ul li ul.sub-menu { padding-top:1.875rem; }
#site-navigation nav.top-level ul li ul.sub-menu li { border-top:none; }
#site-navigation nav.top-level ul li ul.sub-menu li ul { align-content:flex-start; display:flex; flex-wrap:wrap; padding-left:0; padding-top:0.625rem; padding-bottom:0; position:relative; }
#site-navigation nav.top-level ul li ul.sub-menu li::after { display:none; }
#site-navigation nav.top-level ul li ul.sub-menu li ul li { padding-bottom:0.3125rem; padding-top:0.3125rem; padding-right:0.625rem; width:50%; }
#site-navigation nav.top-level ul li ul.sub-menu li ul li.current-menu-item a,
#site-navigation nav.top-level ul li ul.sub-menu li ul li a { color:#fff; font-size:1.125em; }

#site-navigation nav.top-level ul li.current-menu-item ul.sub-menu li a { color:#fff; }
#site-navigation nav.top-level ul li ul.sub-menu a:hover { color:#fff !important; }

#site-navigation .contact-details,
#site-navigation .socialLinks { margin-top:0 !important; padding-top:1.875rem; }
#site-navigation .contact-details a { border-bottom:none; color:#fff; }
#site-navigation .contact-details a:hover { text-decoration:underline; }

#site-navigation .socialLinks .socialLink { display:inline-block; margin-left:10px; margin-right:0; }
#site-navigation .socialLinks .socialLink:first-child { margin-left:0; }
#site-navigation .socialLinks .socialLink { background-color:#fff; border-color:#fff; }
#site-navigation .socialLinks .socialLink:hover { background-color:#000; color:#fff; }

/*
 * Home Page
 */
article.home-page { background-color:#fff; }
article.home-page .row { margin-left:0; margin-right:0; }
article.home-page > .row > .column { padding-left:0 !important; padding-right:0 !important; }

/** Site Intro **/
.slidingBanner { background-color:#000 !important; height:100vh; min-height:500px; overflow:hidden; position:relative; }
.slidingBanner ul { list-style:none; height:100%; margin:0; opacity:0.6; padding:0; position:relative; width:100%; z-index:1; }
.slidingBanner ul li { background-position:center center; background-size:cover; display:none; height:100%; width:100%; }
.slidingBanner .nextSection { border:3px solid #fff; border-radius:50%; color:#fff; display:block; font-size:1em; height:42px; line-height:38px; margin-left:-21px; position:absolute; bottom:30px; left:50%; text-align:center; width:42px; z-index:10; }
.slidingBanner .nextSection:hover { background-color:#000; border-color:#000; color:#fff; }
/*.slidingBanner .nextSection:before { background-color:#000; border-radius:50%; content:''; display:block; position:absolute; top:-3px; bottom:-3px; right:-3px; left:-3px; z-index:-1; 
	-webkit-transform: scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
			transform:scale(0);
  -webkit-transition: all 0.25s ease-out; 
  -moz-transition: all 0.25s ease-out; 
  -o-transition: all 0.25s ease-out; 
		  transition: all 0.25s ease-out;
}
.slidingBanner .nextSection:hover:before {
	-webkit-transform: scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
			transform:scale(1);
}*/

#siteIntro.slidingBanner .ctaWrap { position:absolute; width:100%; z-index:5; }
#siteIntro.slidingBanner h4 { background:url(../img/exchange-logo.png) no-repeat 0 0; display:block; height:325px; margin:0 auto; width:240px; z-index:10; }
.backgroundsize #siteIntro.slidingBanner h4 { background-image:url(../img/exchange-logo@2x.png); background-size:contain; }
#siteIntro.slidingBanner .ctaWrap .btnWrap { margin:4em auto 0; width:460px; }
#siteIntro.slidingBanner .ctaWrap .btnWrap .btn { border-color:#fff; color:#fff; float:left; text-align:center; width:50%; }
#siteIntro.slidingBanner .ctaWrap .btnWrap .btn:hover { background-color:#fff; color:#000; }
#siteIntro.slidingBanner .ctaWrap .btnWrap .btn:first-child { border-right:none; }

.slidingBanner h1 { background-color:rgba(0,0,0,0.4); border:5px solid #fff; border-radius:3px; color:#fff; display:block; font-size:2em; line-height:1; margin:0; padding:15px; position:absolute; top:50%; left:50%; text-align:center; text-transform:uppercase; z-index:10;
	transform:translate(-50%,-50%);
}
.slidingBanner h1.logo { border:none; padding:0; }
.slidingBanner[id*="south-yarra"] h1.logo { background:url(../img/sy-logo-large@2x.png) no-repeat 0 0; background-size:contain; display:block; height:306px; position:absolute; top:50%; left:50%; width:200px; z-index:10; }
.slidingBanner[id*="richmond"] h1.logo { background:url(../img/r-logo-large@2x.png) no-repeat 0 0; background-size:contain; display:block; height:306px; position:absolute; top:50%; left:50%; width:200px; z-index:10; }

.enquireButtons { padding:3.25em 0 0; }
.enquireButtons + .enquireButtons { padding-top:1.625em; }
.enquireButtons .btn { margin:-1px 0; width:100%; }

/** Facilities **/
.facilities-grid { display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:-15px; margin-top:-15px; }
.facilities-grid .facility { float:left; padding:15px; text-align:center; width:50%; }
.facilities-grid .facility img { margin:0 auto; }
.facilities-grid .facility h3 { font-size:1em; margin:0; padding-top:1em; }


#gallery { padding-top:0; }
.galleryWrap { margin:-5px; }
.galleryWrap .galleryLink { border:none; display:block; float:left; padding:5px; width:25%; }
.galleryWrap .galleryLink img { border:3px solid #eee;
  -webkit-transition: border 0.25s ease-out; 
     -moz-transition: border 0.25s ease-out; 
       -o-transition: border 0.25s ease-out; 
          transition: border 0.25s ease-out;
}
.galleryWrap .galleryLink:hover img { border-color:#000; }


/** Locations **/
#locationSelector h1 { background-color:rgba(0,0,0,0.4); border:5px solid #fff; border-radius:3px; color:#fff; display:block; font-size:1.75em; line-height:1; margin:0; padding:15px; pointer-events:none; position:absolute; top:50%; left:50%; text-align:center; text-transform:uppercase; z-index:10;
		transform:translate(-50%,-50%);
	}
	#locationSelector h1:after { display:none; }
#locationSelector { background-color:#fff; height:100vh; position:relative; }
#locationSelector .locationBlock { background-color:#000; border:0px solid #000; display:block; float:left; height:50%; overflow:hidden; position:relative; width:100%;
  -webkit-transition: border 0.25s ease-out, opacity 0.25s ease-out; 
     -moz-transition: border 0.25s ease-out, opacity 0.25s ease-out; 
       -o-transition: border 0.25s ease-out, opacity 0.25s ease-out; 
          transition: border 0.25s ease-out, opacity 0.25s ease-out;
}
#locationSelector:hover .locationBlock { opacity:0.25; }
#locationSelector:hover .locationBlock:hover { opacity:1; }
#locationSelector .locationBlock:hover { border:15px solid #000; }
#locationSelector .locationBlock .imageBlock { background-position:center center; background-repeat:no-repeat; background-size:cover; display:block; height:100%; opacity:0.25; width:100%;
  -webkit-transition: opacity 0.25s ease-out; 
     -moz-transition: opacity 0.25s ease-out; 
       -o-transition: opacity 0.25s ease-out; 
          transition: opacity 0.25s ease-out; 
}
#locationSelector .locationBlock:hover .imageBlock { opacity:0.75; }

#locationSelector .locationBlock[class*="south-yarra"] .logo { background:url(../img/sy-logo-small@2x.png) no-repeat bottom center; background-size:198px 300px; display:block; height:66px; margin:-33px 0 0 -99px; position:absolute; top:50%; left:50%; width:198px; z-index:5; }
#locationSelector .locationBlock[class*="richmond"] .logo { background:url(../img/r-logo-small@2x.png) no-repeat bottom center; background-size:198px 300px; display:block; height:66px; margin:-33px 0 0 -99px; position:absolute; top:50%; left:50%; width:198px; z-index:5; }

#locationSelector .locationBlock span.tile-text { background-color:#000; color:#fff; display:block; padding:30px; position:absolute; bottom:-15px; left:-15px; right:-15px; z-index:10;
	transition:transform 0.25s ease-out 0.25s;
	transform:translateY(100%);
}
#locationSelector .locationBlock span.tile-text p { text-align:center; }

#about { text-align:center; }
#about img { margin:0 auto; }

.valuesImage { padding-top:3.5em; }
.valuesImage img { margin:0 auto; }

.priceBox { color:#000; margin:0 auto; max-width:440px; text-align:center; }
.priceBox h3 { color:#fff; font-weight:400; text-transform:uppercase; }
.priceBox .pricingTable { background-color:#fff; border:5px solid #f5f5f5; padding:30px; }
.priceBox .pricingTable .priceField { padding-bottom:30px; }
.priceBox .pricingTable .priceField h4 { font-size:2.5em; font-weight:400; line-height:1; margin:0; }
.priceBox.featured .pricingTable .priceField h4 { font-size:3.5em; }
.priceBox .pricingTable .priceField h4 small { color:#999; display:block; font-size:0.35em; line-height:1.4; padding-top:0; }
.priceBox .pricingTable .priceField h4 .strike-trough { font-size:0.5em; text-decoration:line-through; }
.priceBox .pricingTable .priceField h4 .sub-title { display:block; font-size:0.5em; margin-bottom:0.5em; padding-bottom:0.5em; }
.priceBox .pricingTable ul { list-style:none; margin:0; padding:0 0 30px; }
.priceBox .pricingTable ul li { border-top:1px solid #eee; padding:10px 0; line-height:1; }
.priceBox .pricingTable ul li big { display:inline-block; font-size:2em; padding-bottom:5px; }
.priceBox .pricingTable ul li.btnWrap { padding-top:30px; }
.priceBox .pricingTable ul li:last-child { padding-bottom:0; }
.priceBox .pricingTable .note { color:#999; }
.priceBox .pricingTable small { font-size:0.75em; }

.spring-special.priceBox .pricingTable { background:url(../img/spring-background.jpg) repeat center; border-color:#f2b7b6; }
.spring-special.priceBox .pricingTable .priceField h4 .sub-title { border-bottom-color:#f2b7b6; }
.spring-special.priceBox .pricingTable ul li { border-top-color:#f2b7b6; }
.spring-special.priceBox .pricingTable .priceField h4 small,
.spring-special.priceBox .pricingTable .note { color:#bf6b69; }

#contact a { word-break:break-word; }
.gform_confirmation_wrapper { font-size:1.125em; }

#socialLinks { margin-top:2em; }
#socialLinks .socialLink { border-bottom:none; color:#000; display:block; height:40px; line-height:42px; margin-bottom:1em; padding-left:50px; position:relative; font-size:1.25em; }
#socialLinks .socialLink i { background-color:#000; border:3px solid #000; color:#fff; display:block; font-size:1em; height:42px; line-height:36px; position:absolute; top:0; left:0; text-align:center; width:42px;
  border-radius: 50%; 
  background-clip: border-box;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
#socialLinks .socialLink:hover i { background-color:#fff; color:#000; }

#locationMap { height:320px; }

#bottom-bar { background-color:#000; color:#ccc; font-size:0.875em; font-weight:400; }
#bottom-bar .footer-content { background-color:#111; padding:30px 0; }
#bottom-bar .footer-content a { border-bottom:none; color:#ccc; text-decoration:none; }
#bottom-bar .footer-content a:hover { text-decoration:underline; }
#bottom-bar .footer-content .socialLinks { padding-top:1.5em; }
#bottom-bar .footer-content .socialLinks a { color:#000; }
#bottom-bar .footer-content .socialLinks a:hover { color:#ccc; }

#bottom-bar .footer-content nav ul { list-style:none; margin:0; padding:0; }
#bottom-bar .footer-content nav ul li { border-top:1px solid #333; padding:10px 0; }
#bottom-bar .footer-content nav ul li:first-child { border-top:none; padding-top:0; }
#bottom-bar .footer-content nav ul li:last-child { padding-bottom:0; }
#bottom-bar .footer-content nav ul li.disabled > a { display:none; pointer-events:none; }

#bottom-bar .legality { color:#666; padding:20px 0; }
#bottom-bar .legality a { border-bottom:none; color:#666; text-decoration:none; }
#bottom-bar .legality a:hover { text-decoration:underline; }

.socialLinks { }
.socialLinks .socialLink { background-color:#ccc; border:2px solid #ccc; color:#000; display:block; float:left; font-size:1.125em; height:36px; line-height:32px; margin-right:10px; text-align:center; width:36px;
  border-radius: 50%; 
  background-clip: border-box;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
.socialLinks .socialLink:hover { background-color:transparent; color:#ccc; }

.contentArea { background-color:#fff; padding-bottom:3em; padding-top:3em; }
.contentArea.bottom-x0 { padding-bottom:0 !important; }
.contentArea.top-x0 { padding-top:0 !important; }
.contentArea .contentArea { background-color:transparent; }
.topPadding_xs { padding-top:3em; }
.contentArea.black { background-color:#222 !important; color:#fff; }
.push_down_xs,
.push_down_sm { margin-top:1.5em; }

p:first-child { margin-top:0; }

/** Accordions **/
.accordionContainer { }
.accordionContainer .accordionPanel { border-bottom:3px solid #000; margin:0; }
.accordionContainer .accordionPanel:last-child { border-bottom:none; }
.accordionContainer .accordionPanel h3 { font-size:1.25em; margin:0; position:relative; }
.accordionContainer .accordionPanel h3:hover { z-index:10; }
.accordionContainer .accordionPanel h3 a { border:none; color:#000; display:block; padding:20px 40px 20px 0; position:relative; }
.accordionContainer .accordionPanel h3 a span { font-size:1.25em; font-weight:400; height:30px; line-height:30px; margin-top:-15px; position:absolute; top:50%; right:0; text-align:center; width:30px; }
.accordionContainer .accordionPanel h3 a:hover,
.accordionContainer .accordionPanel h3 a.active { color:#999; }
.accordionContainer .accordionPanel .panelContent { display:block; margin-bottom:-1px; overflow:hidden; padding:0 0 20px;
  -webkit-transition: background-color 0.25s ease-out; 
     -moz-transition: background-color 0.25s ease-out; 
       -o-transition: background-color 0.25s ease-out; 
          transition: background-color 0.25s ease-out; 
}

.accordionPanel:first-child {
  border-radius: 6px 6px 0 0;
  background-clip: padding-box;
}
.accordionPanel:last-child {
  border-radius: 0 0 6px 6px;
  background-clip: padding-box;
}
.accordionPanel:last-child .panelContent { margin-bottom:0; }

/** Tool Tip **/
.toolTipTrigger { position:relative; }
.toolTipTrigger .toolTip { background-color:#fff; border:5px solid #eee; display:none; padding:15px; position:absolute; left:40%; left:calc(40% + 20px); top:-18px; text-align:left; width:220px; z-index:50; }
.toolTipTrigger:hover .toolTip { display:block; }
.toolTipTrigger .toolTip:before {
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top:10px solid transparent;
    border-right: 10px solid #eee;
    border-left: 0 dotted;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;
    top: 13px;
    left: -15px;
}
.toolTipTrigger .toolTip ul { margin-bottom:0; padding-bottom:0; }
.toolTipTrigger .toolTip h4 { margin:0 0 0.5em; }

/** Video **/
.videoWrapper { margin-top:3em; }
.videoContainer {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/** Added June 2018 **/
article.page-builder section:nth-child(even) { background-color:#fafafa; }

.members-row .members-grid { display:flex; flex-wrap:wrap; justify-content:center; padding-top:2.75em; }
.members-row .members-grid .member-block { padding:5px; width:100%; }
.members-row .members-grid .member-block .member { background-color:#fff; border:5px solid #f5f5f5; height:100%; min-height:180px; padding:30px; }
.members-row .members-grid .member-block .member img { display:block; height:auto; margin:0 auto; max-height:120px; max-width:100%; width:auto; }

.testimonial-slider { padding-top:2.75em; }
.testimonial-slider ul { list-style:none; margin:0; padding:0 0 2.75em !important; }
.testimonial-slider ul li { text-align:center; }
.testimonial-slider ul li .img-wrap { background-color:#fff; border:5px solid #f5f5f5; display:inline-block; margin:0 auto 2.75em; padding:30px; }
.testimonial-slider ul li .img-wrap img { display:block; height:auto; margin:0 auto; max-height:120px; max-width:100%; width:auto; }
.testimonial-slider ul li blockquote { margin:0; padding:0; }
.testimonial-slider ul li blockquote p { font-size:1.125em; }
.testimonial-slider ul li blockquote footer { color:#333; font-size:1em; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2 { font-weight:300; margin:1em 0; text-align:center; }
h1:first-child, h2:first-child, h3:first-child, p:first-child, ul:first-child { margin-top:0; }
h1:last-child, h2:last-child, h3:last-child, p:last-child, ul:last-child { margin-bottom:0; }
h1:only-child, h2:only-child, h3:only-child, p:only-child, ul:only-child { margin:0; }

.contentArea h1,
.contentArea h2,
#locationSelector h1 { font-size:2.75em; line-height:1; text-transform:uppercase; }
.contentArea h1:after,
.contentArea h2:after { background-color:#000; content:''; display:block; height:5px; margin:0.9em auto 0;; width:70px; }
.contentArea.black h1,
.contentArea.black h2 { color:#fff; }
.contentArea.black h1:after,
.contentArea.black h2:after { background-color:#fff; }
h2 { font-size:2em; line-height:1; }
h3 { font-size:1.25em; font-weight:400; }
h2 + h3 { margin-bottom:1.5em; }

h1 + p,
h2 + p { font-size:1.125em; text-align:center; }
#values h3 { margin-bottom:0.25em; }
#values h3 + p { margin-top:0; }

.center { text-align:center; }

address { font-style:normal; }

ul {  }
ul.columns_2 { padding:0 0 0 20px; }
ul li span { color:#000; }

.content-row ul { padding-left:20px; }
.content-row li { padding:5px 0; }
.content-row li:first-child { padding-top:0; }
.content-row li:last-child { padding-bottom:0; }

/* ==========================================================================
   Links
   ========================================================================== */
a { border-bottom:1px dotted #000; color:#000; text-decoration:none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
a:hover,
a:focus { border-bottom:none; color:#000; text-decoration:none; }

a.white { border-bottom-color:#fff; color:#fff; }

.btn { border:3px solid #000; color:#000; display:inline-block; font-size:1.125em; font-weight:400; line-height:1; padding:1em 1.5em; text-transform:uppercase; }
.btn:hover,
.btn:focus { background-color:#000; border:3px solid #000; color:#fff; }

.btn.white { border-color:#fff; color:#fff; }
.btn.white:hover,
.btn.white:focus { background-color:#fff; border-color:#fff; color:#000; }

/* ==========================================================================
   Forms
   ========================================================================== */

input, textarea, .ginput_container_select > select, button.button, input.button { background-color:#fff; border:3px solid #000; color:#000; cursor:pointer; margin:0; padding:15px; outline:none; text-shadow:none; width:100%;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
-webkit-appearance: none;
    border-radius: 0;
}
textarea { height:130px; }
input:focus, textarea:focus { background-color:#000; color:#fff; outline:none; }

.readonly input { background-color:#ccc; border-color:#ccc; }
.readonly input:focus { color:#000; }

.ginput_container_select > select { padding-right:30px;
	background:#fff url(../img/select-arrow.png) no-repeat center right;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

input[type="checkbox"], input[type="radio"] { height:20px; margin-bottom:-4px; margin-right:5px; width:20px;
-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; }
input[type="radio"] {
 -webkit-border-radius:50%;
    -moz-border-radius:50%;
         border-radius:50%;
}
input:checked { background-color:#ed1e53; background-clip:content-box; border-color:#ed1e53; outline:none; padding:3px; }

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

label { text-transform:uppercase; font-weight:700; }
.placeholder-support .gform_body label { display:none; }

.gform_footer { text-align:center; }
input.gform_button,
button.button,
input.button,
a.button { display:inline-block; font-size:1.125em; font-weight:400; line-height:1; padding:1em 1.5em; text-transform:uppercase; width:auto; }
input.gform_button:hover,
button.button:hover,
input.button:hover,
a.button:hover { background-color:#000; color:#fff; }

.gform_wrapper ul { list-style:none; margin:0; padding:0; }
.gform_wrapper ul li { margin-bottom:10px; }
.gf_clear { clear:both; }

.input_left,
.input_right,
.name_first,
.name_last,
.input_mid { display:block; width:50%; }
.input_left,
.name_first { float:left; padding-right:5px; }
.input_right,
.name_last { float:right; padding-left:5px; }

.input_left.third,
.input_right.third,
.input_mid.third { float:left; display:block; width:33.33%; }

.gfield_html { clear:both; margin-bottom:0; padding:1em 0; }
.gfield_html h2 { font-size:1.5em !important; padding-top:30px; }
.gfield_html hr { border-top:3px solid #000; margin:0; }
#field_2_1.gfield_html h2 { padding-top:0; }

/** Warnings **/
.validation_error { display:none; }
.validation_message { border:2px solid; display:none !important; font-weight:400; margin-top:10px; padding:15px; text-shadow:none; }
.validation_message { background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11 !important; }
.gfield_contains_required.gfield_error input,
.gfield_contains_required.gfield_error textarea,
.gfield_contains_required.gfield_error select { border-color:red !important; }
.gfield_contains_required.gfield_error label { color:red !important; }

/** Warnings **/
.validation_error { }
.validation_message { border:2px solid; display:block; font-weight:400; margin-top:10px; padding:15px; text-shadow:none; }
.validation_message { background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11 !important; }

.ginput_container_date { position:relative; }

/* ==========================================================================
   Responsive Styles
   ========================================================================== */

@media (min-width: 768px) {
	body { font-size:16px; }
	
	/*
	 * Site Navigation
	 */
	#topBar { background-color:#000; padding:15px 0; position:fixed; top:0; left:0; width:100%; z-index:20; }
	#topBar header { position:relative; }
	#topBar header h4 { display:block; height:60px; margin:0; width:50px; z-index:10; }
	#topBar header h4 a { background:url(../img/x-icon.png) no-repeat 0 0; border-bottom:none; display:block; height:100%; width:100%; }
	.backgroundsize #topBar header h4 a { background-image:url(../img/x-icon@2x.png); background-size:contain; }
	#topBar header .headerLeft { float:left; height:60px; padding-right:25px; width:50%; }
	#topBar header .headerRight { float:right; height:60px; padding-left:25px; width:50%; } 
	
	#topBar header nav { clear:none; padding-top:0; }
	#topBar header nav ul { list-style:none; margin:0; padding:0; }
	#topBar header nav ul li { border:none; float:left; margin-left:15px; }
	#topBar header nav ul li:first-child { margin-left:0; }
	#topBar header nav.headerRight ul { float:right; }
	#topBar header nav ul li a { border-bottom:none; color:#fff; display:block; font-size:1em; font-weight:300; line-height:60px; padding:0; position:relative; text-transform:uppercase; }
	
	#topBar header nav ul li a .strikethrough { background-color:#fff; display:block; height:3px; margin:0 -5%; position:absolute; width:110%;
		-webkit-transform: scaleX(0) translateY(-32px);
		-moz-transform: scaleX(0) translateY(-32px);
		-o-transform: scaleX(0) translateY(-32px);
				transform: scaleX(0) translateY(-32px);
	  -webkit-transition: all 0.25s ease-out; 
	  -moz-transition: all 0.25s ease-out; 
	  -o-transition: all 0.25s ease-out; 
			  transition: all 0.25s ease-out;
	}
	#topBar header nav ul li.current-menu-item a .strikethrough,
	#topBar header nav ul li a:hover .strikethrough {
		-webkit-transform: scaleX(1) translateY(-32px);
				transform: scaleX(1) translateY(-32px);
	}
	
	#topBar header nav ul li.menu-item-has-children { position:relative; overflow:hidden; }
	#topBar header nav ul li.menu-item-has-children:hover { overflow:visible; }
	#topBar header nav ul li.menu-item-has-children ul { background-color:#000; opacity:0; padding:0 30px; position:absolute; left:-30px; width:220px;
	transform:translateY(30px);
	transition:opacity 0.25s ease-out, transform 0.25s ease-out; }
	#topBar header nav ul li.menu-item-has-children:hover ul { opacity:1;
	transform:translateY(0); }
	#topBar header nav ul li.menu-item-has-children ul li { display:inline-block; float:none; margin:0 !important }

	
	.menuBtns { margin-top:2em; text-align:center; }
	.menuBtns .btn { margin:0 -4px; }
	#imageBanner img { width:50%; }
	.contentArea { padding-bottom:4.5em; padding-top:4.5em; }
	.topPadding_xs  { padding-top:0; }
	#locationMap { height:600px; }
	
	.text_columns_2 {
	  -webkit-column-count: 2;  -webkit-column-gap: 30px;
		 -moz-column-count: 2;     -moz-column-gap: 30px;
			  column-count: 2;          column-gap: 30px;
	}
	.text_columns_2 p { margin-top:0;
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
			column-break-inside: avoid;
	}
	.text_columns_2 p:first-child,
	.text_columns_2 p:last-child { margin:0; }
	
	#locationSelector { background-color:#000; height:100vh; }
	#locationSelector h1 { border:5px solid #fff; border-radius:3px; color:#fff; font-size:2em; line-height:1; margin:0; padding:15px; position:absolute; top:50%; left:50%; text-align:center; text-transform:uppercase; z-index:10;
		transform:translate(-50%,-50%);
	}
	#locationSelector h1:after { display:none; }
	#locationSelector .locationBlock { height:100%; width:50%; }
	
		#locationSelector .locationBlock[class*="south-yarra"] .logo { background:url(../img/sy-logo-small@2x.png) no-repeat 0 0; background-size:198px 300px; display:block; height:300px; margin:-150px 0 0 -99px; position:absolute; top:50%; left:50%; width:198px; z-index:5; }
	#locationSelector .locationBlock[class*="richmond"] .logo { background:url(../img/r-logo-small@2x.png) no-repeat 0 0; background-size:198px 300px; display:block; height:300px; margin:-150px 0 0 -99px; position:absolute; top:50%; left:50%; width:198px; z-index:5; }
	
	.facilities-grid .facility { width:16.666%; }
	
	.enquireButtons .btn { margin:-1px -4px; width:50%; }
	.enquireButtons .btn:first-child,
	.enquireButtons .btn:nth-child(3) { margin-left:0; }
	.enquireButtons .btn:last-child,
	.enquireButtons .btn:nth-child(2) { margin-right:0; }
	
	#pricing .enquireButtons .btn { margin:-1px -4px !important; width:auto !important; }
	
	.toolTipTrigger .toolTip { left:100%; left:calc(100% + 20px); }
	
	.push_down_xs { margin-top:0; }
	
	footer .footerLeft { float:left; }
	footer .footerRight { float:right; line-height:30px; }
	
	#bottom-bar .footer-content { padding:40px 0; }
	#bottom-bar .footer-content .socialLinks { float:right; padding-top:0; }
	
	.slidingBanner[id*="south-yarra"] h1.logo { background:url(../img/sy-logo-large@2x.png) no-repeat 0 0; background-size:contain; display:block; height:400px; position:absolute; top:50%; left:50%; width:262px; z-index:10; }
.slidingBanner[id*="richmond"] h1.logo { background:url(../img/r-logo-large@2x.png) no-repeat 0 0; background-size:contain; display:block; height:400px; position:absolute; top:50%; left:50%; width:262px; z-index:10; }

	.members-row .members-grid .member-block { width:50%; }
}
@media (min-width: 992px) {
	
	#topBar header nav ul li { margin-left:30px; }
	#topBar header nav ul li a { font-size:1.125em; }
	
	.contentArea { padding-bottom:6em; padding-top:6em; }
	#locationMap { height:700px; }
	.priceBox.left { margin-right:-15px; }
	.priceBox.right { margin-left:-15px; }
	.priceBox.featured { margin-left:-15px; margin-right:-15px; margin-top:-30px; }
	.priceBox.left .pricingTable { border-right:none; }
	.priceBox.right .pricingTable { border-left:none; }
	
	#locationSelector h1 { color:#fff; font-size:2.75em; }
	#locationSelector .locationBlock:hover span.tile-text { transform:translateY(0); }
	
	.slidingBanner h1 {font-size:2.75em; }
	.enquireButtons .btn { margin:0 -4px !important; width:auto; }
	
	.push_down_sm { margin-top:0; }
	
	.members-row .members-grid .member-block { width:33.33%; }
}
@media (min-width: 1200px) {
	#topBar header nav ul li { margin-left:60px; }
	#imageBanner img { width:33.33%; }
	.contentArea { padding-bottom:7.5em; padding-top:7.5em; }
	
	article.home-page > .row > .column { height:100vh; overflow-y:scroll; }
	article.home-page .container { width:auto; }
	article.home-page h1,
	article.home-page p { text-align:left; }
	article.home-page h1 { font-size:2.25em; }
	article.home-page h1:after { margin-left:0; margin-right:0; }
	
	#locationSelector { height:100vh; }
	
	.members-row .members-grid .member-block { width:25%; }
}

@media (min-width: 1400px) {
	article.home-page h1 { font-size:2.75em; }
}

/** Slider Controls **/

.flex-control-paging { height:auto; list-style:none; margin:0; padding:0; position:absolute; left:0; right:0; bottom:0; text-align:center; width:100%; z-index:10; }
.flex-control-paging li { height:15px; display:inline-block; margin:0 3px; width:15px; }
.flex-control-paging li a { border:2px solid #000; background-color:transparent; background-clip:border-box; cursor:pointer; display:inline-block; height:15px; overflow:hidden; text-indent:999px; width:15px;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
}
.flex-control-paging li a:hover { background-color:#000; }
.flex-control-paging li a.flex-active { background-color:#000; background-clip:content-box; padding:2px; }
.flex-control-paging li a.flex-active:hover { background-color:#000; background-clip:border-box; padding:0; }

.flex-direction-nav { height:0; list-style:none; margin:0; padding:0; width:100%; }
.flex-direction-nav li { height:0; width:100%; }
.flex-direction-nav li a { background-color:transparent; border:1px solid #000; color:#000; display:block; height:100%; position:absolute; top:0; overflow:hidden; width:51px; text-align:center; z-index:50;
  -webkit-transition: background-color 0.25s ease-out, width 0.25s ease-out; 
     -moz-transition: background-color 0.25s ease-out, width 0.25s ease-out; 
       -o-transition: background-color 0.25s ease-out, width 0.25s ease-out; 
          transition: background-color 0.25s ease-out, width 0.25s ease-out;
}
.flex-direction-nav li a i { margin-top:-0.5em; position:absolute; top:50%; }
.flex-direction-nav li a.flex-next { border-right:none; right:-50px; }
.flex-direction-nav li a.flex-prev { border-left:none; left:-50px; }
.flex-direction-nav li a.flex-disabled { color:#999; cursor:not-allowed; }

.flex-direction-nav li a:hover { background-color:#000; color:#fff; }
.flex-direction-nav li a.flex-disabled:hover { background-color:transparent; color:#999; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
    text-align: center; text-transform: uppercase; z-index:1500;
    background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated #btnCloseUpdateBrowser{ border-bottom:none;
    display: block; position: relative; width: 100%; height: 100%;
    text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #000;
	color: #000;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close { background-color:#fff; border:3px solid #000; line-height:48px; text-align:center;
	position: absolute;
	top: -25px;
	right: -25px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 8040;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
}
.fancybox-close:hover { background-color:#000; border:3px solid #000; color:#fff; }
.generatedcontent.csstransforms .fancybox-close i { display:none; }
.generatedcontent.csstransforms .fancybox-close:before,
.generatedcontent.csstransforms .fancybox-close:after { background-color:#000; content:''; display:block; height:3px; margin-left:-12px; margin-top:-1px; position:absolute; left:50%; top:50%; width:24px;
  -webkit-transition: background-color 0.15s ease-out; 
     -moz-transition: background-color 0.15s ease-out;
       -o-transition: background-color 0.15s ease-out;
          transition: background-color 0.15s ease-out;
}
.generatedcontent.csstransforms .fancybox-close:hover:before,
.generatedcontent.csstransforms .fancybox-close:hover:after { background-color:#fff; }
.generatedcontent.csstransforms .fancybox-close:before {
  -webkit-transform: rotate(45deg); 
      -ms-transform: rotate(45deg); 
          transform: rotate(45deg); 
}
.generatedcontent.csstransforms .fancybox-close:after {
  -webkit-transform: rotate(-45deg); 
      -ms-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span { background-image:none; background-color:#fff; border:3px solid #000; color:#000; font-size:1.125em; line-height:44px; text-align:center;
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	z-index: 8040;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
}
.generatedcontent.csstransforms .fancybox-nav span i { display:none; }
.generatedcontent.csstransforms .fancybox-nav span:before { border-top:3px solid #000; border-right:3px solid #000; content:''; display:block; height:16px; margin-left:-11px; margin-top:-8px; position:absolute; left:50%; top:50%; width:16px;
  -webkit-transition: background-color 0.15s ease-out; 
     -moz-transition: background-color 0.15s ease-out;
       -o-transition: background-color 0.15s ease-out;
          transition: background-color 0.15s ease-out;
}
.generatedcontent.csstransforms .fancybox-nav:hover span:before { border-color:#fff; }
.generatedcontent.csstransforms .fancybox-prev span:before { margin-left:-4px;
  -webkit-transform: rotate(-135deg); 
      -ms-transform: rotate(-135deg); 
          transform: rotate(-135deg); 
}
.generatedcontent.csstransforms .fancybox-next span:before {
  -webkit-transform: rotate(45deg); 
      -ms-transform: rotate(45deg); 
          transform: rotate(45deg); 
}

.fancybox-prev span {
	left: -25px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: -25px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span { background-color:#000; border-color:#000; color:#fff; }

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color:#fff;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title { background-color:#fff; border:1px solid #000; padding: 15px;
	visibility: visible;
}
.fancybox-title h4,
.fancybox-title p { margin:0; }

.fancybox-title-float-wrap {
	position: absolute;
	bottom:0;
	left:0;
	z-index: 8050;
	width:100%;
}

.fancybox-title-float-wrap .child {
	display: block;
	
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading {
		background-image: url('../img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/*
----------------------------------------------------------------

Gravity Forms Date Picker Styles
http: //www.gravityforms.com
updated: January 31, 2014 3:32 PM

Customized styles for the jQuery UI Datepicker 1.9.2
copyright 2012 jQuery Foundation and other contributors
Released under the MIT license.
http://jquery.org/license
some styles courtesty of http://www.hongkiat.com/

Gravity Forms is a Rocketgenius project
copyright 2008 - 2014 Rocketgenius Inc.
http: //www.rocketgenius.com

NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

If you need to make extensive customizations,
copy the contents of this file to your theme
style sheet for editing. Then, go to the form
settings page & set the 'output CSS' option
to no.

----------------------------------------------------------------
*/
.ui-datepicker-trigger { margin-top:-8px; position:absolute; top:50%; right:17px; }

.ui-datepicker {
	border:2px solid #1d232a;
	display:none;
	width: 220px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
}

.ui-datepicker a {
	text-decoration: none;
}

.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
}

.ui-datepicker-header {
	background-color: #1d232a; /* set the header background color */
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	min-height: 30px !important;
}

.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-title select {
	margin-top: 2.5%;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
	border-bottom:none;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../img/datepicker/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}

.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}

.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}

.ui-datepicker thead {
	background: #f7f7f7;
	border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
	text-transform: uppercase;
	text-align: center;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
}

.ui-datepicker tbody td {
	padding: 0;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
	border-right: 0px;
}

.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}

.ui-datepicker td span, 
.ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
}

.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	border-bottom:none;
}

.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
	background: #ffcc33; /* set the active date background color */
	color: #1d232a; /* set the active date font color */
	position: relative;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

td.ui-datepicker-unselectable.ui-state-disabled {
	background-color: #f5f5f5;
}

table.ui-datepicker-calendar {
	margin: 0 0 0 0 !important;
}

body div#ui-datepicker-div[style] {
	z-index: 9999 !important;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

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

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

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* SmallsBar Style
.header-img {
  margin-bottom: 30px;
  position: relative;
}
.center {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.sb-btn {
  width: 180px;
  border: 2px solid #000;
  padding: 10px;
  float: left;
  margin: 30px 0;
  display: block;
  color: #000;
  text-align: center;
}
input[type=text] {
  border: 2px solid #000;
  border-radius: 0;
  float: left;
  padding: 20px;
  margin: 20px 0;

  -webkit-appearance: none;
}
input[type=email] {
  border: 2px solid #000;
  border-radius: 0;
  float: left;
  padding: 20px;
  margin: 20px 0;

  -webkit-appearance: none;
}
.sb-textarea {
  display: block;
  border: 2px solid #000;
  width: 50%;
  padding: 10px;
  margin-top: 20px;

}
.x1
{
    float:left;
    width:100%;
    position: absolute;
    margin-top: -60%;
    margin-left: 40%;
    width: 20%;
}
 */