@charset "UTF-8";
/*
Website Name:   Botanical Brighton - Apartments
Website URL:    http://botanicalbrighton.com.au/
Description:    Main stylesheet of Botanical Brighton - Apartments website
Author:         Caramel Creative
Author URL:     http://caramelcreative.com/
Version:        2.0.0

Social Media:
Facebook:		https://www.facebook.com/caramelcreative
Twitter:		https://twitter.com/caramelcreative
LinkedIn:		http://www.linkedin.com/company/caramel-creative



	 .d8888b.                                                   888       
	d88P  Y88b                                                  888       
	888    888                                                  888       
	888         8888b.  888.d88  8888b.  88888b.d88b.   .d88b.  888       
	888            "88b 888P"       "88b 888 "888 "88b d8P  Y8b 888       
	888    888 .d888888 888     .d888888 888  888  888 88888888 888       
	Y88b  d88P 888  888 888     888  888 888  888  888 Y8b.     888       
	 "Y8888P"  "Y888888 888     "Y888888 888  888  888  "Y8888  888       
	
	 .d8888b.                            888    d8b                       
	d88P  Y88b                           888    Y8P                       
	888    888                           888                              
	888        888.d88  .d88b.   8888b.  888888 888 888  888  .d88b.      
	888        888P"   d8P  Y8b     "88b 888    888 888  888 d8P  Y8b     
	888    888 888     88888888 .d888888 888    888 Y88  88P 88888888     
	Y88b  d88P 888     Y8b.     888  888 Y88b.  888  Y8bd8P  Y8b.         
	 "Y8888P"  888      "Y8888  "Y888888  "Y888 888   Y88P    "Y8888      
                                                                   

*/

/* 
 * 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.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
/* 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;
}
/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  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;
  }
}
/*
	General Vars
    ----------------------------------------------------------------
*/
/*  
    Commonly used mix-ins
    ----------------------------------------------------------------
*/
/*.opacity(@op:100)
{
  filter:alpha(opacity=@op);
  -moz-opacity:@op/100;
  -khtml-opacity:@op/100;
  opacity:@op/100;
}*/
.fixed-width {
  width: 1200px;
  margin: 0 auto;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* 
	Generic site wide styles
    ----------------------------------------------------------------
 */
::-moz-selection {
  background: #333333;
  color: white;
  text-shadow: none;
}
::selection {
  background: #333333;
  color: white;
  text-shadow: none;
}
html {
  background-color: white;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #dfdfdf;
}
body {
  font-family: 'Times', "Times New Roman", serif;
  -webkit-font-smoothing: antialiased;
  /* new addition from steve to combat safari smoothness for certain webfonts 7/11/2012 */
  font-size: 0.813em;
  color: #202020;
  line-height: 1.2;
  /* Settings for footer */
  padding: 0px;
  margin: 0px;
  width: 100%;
}

a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #999;
}
strong {
  font-weight: bold;
}
hr {
  border: none;
  border-bottom: black solid 1px;
  padding: 0;
  margin: 10px 0;
}
h1 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.hide-desktop,
.hide-ddc {
  display: none;
}
.no-marg-bottom {
	margin-bottom: 0 !important;
}
/* 
	Structure
    ----------------------------------------------------------------
*/
#container {
  min-height: 100%;
  position: relative;
  width: 1200px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  -moz-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  -ms-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  -o-transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
  transition: all 0.15s cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

  
#container.fadeInCtn {
  opacity: 0;
  filter: alpha(opacity=0);
}

#ribbon {
  width: 125px !important;
  height: 125px !important;
  display: none !important;
  position: absolute;
  right: 30px;
  top: 56px;
  z-index: 100;
}
#ribbon-penthouse {
  width: 102px !important;
  height: 102px !important;
  display: none !important;
  position: absolute;
  right: 30px;
  top: 56px;
  z-index: 100;
}
.slide-one #ribbon-penthouse,
.slide-one #main ul li.masthead img.home-logo-large-penthouse,
.slide-two #main ul li.masthead img.home-logo-large,
.slide-two #ribbon,
.slide-one header img.limited-edition {
  display: block !important;
}


#ribbon.enq {
  right: inherit;
  top: 119px;
  left: 50%;
  margin-left: -63px;
}
header {
  background: #ffffff url(../cssImages/header-bg-pixel-strip.png) repeat-y 35px 0;
  padding: 0;
  margin: 0;
  top: 0;
  width: 220px;
  /* if using drop menus */
  position: fixed;
  z-index: 10;
  height: 100%;
  z-index: 1000;
}
header#subnavigation {
  z-index: 900;
}
header.dark {
  background-color: #026937;
  z-index: 9;
}
header h3.welcome {
  display: none;
}
header a.burger {
  display: none;
}
header nav {
  position: absolute;
  top: 50%;
  margin-top: -120px;
  margin-left: 36px;
  width: 184px;
}
header nav.rows-3 {
  margin-top: -56px !important;
}
header nav.rows-4 {
  margin-top: -76px !important;
}
header nav.rows-5 {
  margin-top: -96px !important;
}
header nav ul {
  list-style: none;
  padding: 0;
}
header nav ul li {
  padding: 10px;
  text-align: center;
}
header nav ul li.home {
  display: none;
}
header nav ul li a {
  display: block;
  height: 20px;
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  color: #979797;
}
header nav ul li a:hover,
header nav ul li a.selected {
  color: #313335;
  text-decoration: underline;
}
header nav ul li.line-top {
  margin: 0 0 10px 0;
}
header nav ul li.line-bottom {
  margin: 0 0 0 0;
}
header nav ul.dark li a {
  color: white;
}
header nav ul.dark li a:hover,
header nav ul.dark li a.selected {
  color: white;
}
header nav a.buttonEnquire {
  width: 85px;
  height: 85px;
  background: url(../cssImages/button-enquire-light.png) no-repeat 0 0;
  display: block;
  margin: 50px auto;
  padding: 0;
}
header nav a.buttonEnquire.mobile {
  display: none;
}
header div.sidePane {
  display: none;
  position: absolute;
  top: 0;
  margin: 0;
  width: 50px;
  height: 100%;
  overflow: visible;
  background: url(../cssImages/sidePaneStrip.png) repeat-y 0 0;
}
header div.sidePane a.menuButton {
  position: absolute;
  display: block;
  top: 50%;
  margin: -19px 0 0 5px;
  background: url(../cssImages/button-menu.png) no-repeat 0 0;
  width: 39px;
  height: 39px;
}
header img.logo {
  position: absolute;
  top: 56px;
  left: 50%;
  margin-left: -44px;
}
header img.limited-edition {
  position: absolute;
  display: none;
  width: 263px;
  height: 42px;
  top: 212px;
  left: 0;
  margin-left: 0;
}
header img.logo_launchcorp {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -24px;
}
/* Caramel Footer */
#caramelWeblinkLogo {
  position: absolute;
  overflow: hidden;
  width: 74px;
  height: 28px;
  bottom: 5px;
  right: 58px;
}
#caramelWeblinkLogo a {
  position: absolute;
  top: -32px;
  left: 0px;
}
#caramelWeblinkLogo img {
  width: 74px;
  height: 60px;
  border: none;
}
/* Caramel Footer */
#caramelWeblinkFooterLogo {
  position: relative;
  overflow: hidden;
  width: 74px;
  height: 28px;
  margin: 10px auto 0 auto;
}
#caramelWeblinkFooterLogo a {
  position: absolute;
  top: -32px;
  left: 0px;
}
#caramelWeblinkFooterLogo img {
  width: 74px;
  height: 60px;
  border: none;
}
#main {
  padding: 0 0 0 0;
  /* Height of the footer + padding */
}
#main h3 {
  display: block;
  background-color: #202020;
  color: white;
  padding: 20px 30px;
  margin: 0;
  font-family: 'AvalonBold', Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  z-index: 5000;
}
#main h3 a {
	color: #ffffff;
	text-decoration: none;
}
#main h3 a:hover {
  color: #333333;
}
#main h3.enquire-title {
  border-bottom: 1px solid #333333;
}
#main h3.fixToggle {
  position: fixed;
  top: 0;
  left: 220px;
  width: 920px;
}
#main ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 220px;
}
#main ul.wrapper {
	height: 100%;
	height: 100vh;
}
#main ul.article-list {
	margin: 0 0 30px;
	padding: 0;
	text-align: center;
} 
#main ul.article-list li {
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 15px;
	font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.3em;
}
#main ul.article-list li:before,
#main ul.article-list li:after {
	content: none;
}
#main ul li {
  zoom: 1;
  position: relative;
}
#main ul li:before,
#main ul li:after {
  content: "";
  display: table;
}
#main ul li:after {
  clear: both;
}
#main ul li.masthead {
  display: none;
}
#main ul li.white {
  background-color: white;
}
#main ul li h4 {
  font-family: 'AvalonBold', Helvetica, Arial, sans-serif;
  position: absolute;
  font-size: 15px;
  left: 20px;
  text-transform: uppercase;
}
#main ul li ul.legend {
  float: left;
  width: 144px;
  padding: 50px 20px 0 20px;
  margin: 0;
}
#main ul li ul.legend li {
  font-family: 'AvalonBold', Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0 0 20px 0;
}
#main ul li ul.legend li.cat-1 {
  color: #b9bf33;
}
#main ul li ul.legend li.cat-2 {
  color: #614b3c;
}
#main ul li ul.legend li.cat-3 {
  color: #1e5c90;
}
#main ul li ul.legend li.cat-4 {
  color: #b8a999;
}
#main ul li ul.legend li.cat-5 {
  color: #202020;
}
#main ul li ul.legend li ul {
  padding: 0;
  margin: 0;
}
#main ul li ul.legend li ul li {
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: black;
  padding: 2px 0;
  cursor: pointer;
}
#main ul li ul.legend li ul li:hover {
  text-decoration: underline;
}
#main ul li img.map {
  width: 796px;
  float: right;
}
#main ul li img#mapPointer {
  position: absolute;
  width: 20px;
  display: none;
}
#main ul li section {
  zoom: 1;
  background-color: #f3f3f3;
}
#main ul li section:before,
#main ul li section:after {
  content: "";
  display: table;
}
#main ul li section:after {
  clear: both;
}
#main ul li section#home {
  height: 100%;
}
#main ul li section#home img {
  height: 100%;
  width: auto;
}
#main ul li section#home .slideshow {
  position: relative;
}
#main ul li section#home .slideshow li:first-child {
  position: relative;
  display: block; -webkit-backface-visibility: visible;
}
#main ul li section#home .slideshow li {
  position: relative;
  width:100%; display:none;float:left;-webkit-backface-visibility:hidden;
}
#main ul li section#home .slideshow img {
  height: auto;
  width: 100%;
}
#main ul li section#home .slideshow img.penthouse-logo {
	max-width: 440px;
	padding: 0 20px;
	position: absolute;
	left: 20px;
	top: 25px;
	display: block;
	z-index: 5;
	
}


#main ul li section#home .slideshow a.playButton {
  width: 85px;
  height: 85px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -42.5px 0 0 -42.5px;
  z-index: 1000;
  background: url(../cssImages/button-play.png) no-repeat center center;
}
#main ul li section.fixedHeight {
  height: 872px;
}
#main ul li section.simonHeight {
  height: 729px;
}
#main ul li section#enquire footer {
  clear: both;
  color: #bababa;
  padding: 50px 0 0 30px;
  display: block;
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  font-size: 14px;
}
#main ul li section#enquire footer a {
  color: #bababa;
}
#main ul li section.map-ctn {
  width: 100%;
  height: 308px;
  background: url(../cssImages/map-display-suite.gif) no-repeat scroll center center;
  display: block;
}
#main ul li section.ds article p {
  line-height: 2em;
}
#main ul li section.topPadding {
  padding: 60px 0 0 0;
}
#main ul li section .article-date {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 32px;
  padding: 0px 20px 1px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  background-color: #02693b; 

}
#main ul li section .article-link {
  margin-top: 16px;
  font-size: 14px;
  line-height: 18px;
  color: #02693b;
  display: block;
  text-transform: uppercase;
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  position: relative;
}
#main ul li section .article-link:after {
  content: '';
  position: absolute;
  bottom: -8px;
  width: 40px;
  height: 1px;
  background-color: #02693b;
  display: block;
  left: 50%;
  margin-left: -20px;
}
#main ul li section article {
  float: right;
  width: 50%;
  text-align: center;
  height: 215px;
  overflow: hidden;
}
#main ul li section article.form-ctn {
  height: 105px;
  margin-top: 56px;
  overflow: visible;
}
#main ul li section article.content-text {
  width: 100%;
  height: auto;
  padding: 35px 20px 45px;
  box-sizing: border-box;
}
#main ul li section article p {
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.3em;
  margin: 60px auto 0 auto;
  padding: 0 50px;
}
#main ul li section.article-item article p {
  width: 100%;
  max-width: 310px;
}
#main ul li section article.content-text p {
	margin: 0 auto 25px;
	max-width: 550px;
}
#main ul li section article.content-text p a.article-link {
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.3em;
  color: #202020;
  text-decoration: underline;
  font-weight: bold;
  text-transform: inherit;
  display: inline-block;
  padding: 0;
  margin: 0;
}
#main ul li section article.content-text p a.article-link:hover {
  color: #026937;
}
#main ul li section article.content-text p a.article-link:after {
	content: none;
}
#main ul li section article p a {
  display: block;
  margin: 20px;
  font-size: 18px;
  color: #ccc;
  font-weight: 500;
}
#main ul li section article p a.mobile-link {
    display: inline-block;
    color: #333333;
    margin: 0;
    font-size: 1em;
    line-height: 1.3em;
}
#main ul li section.dark article p a.text-link {
  color: #ffffff;
  margin: 0;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 600;
  display: inline;
  text-decoration: underline;
}
#main ul li section article.form {
  margin-top: 56px;
}
#main ul li section article.subheading {
  position: relative;
  float: left;
  /*background: url('../cssImages/header-line-dark.png') no-repeat center center;*/
}
#main ul li section article.subheading img { 
  width: auto;
}

#main ul li section article.subheading.article_detail.gr {
  background-color: #026937;
  width: 100%;
  color: #ffffff;
  text-align: center;
  position: relative;
  float: left;
}
#main ul li section article.subheading.article_detail.gr span.date {
	display: block;
	font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
	margin: 48px auto 15px;
	font-size: 14px;
	text-transform: uppercase;
}
#main ul li section article.subheading.article_detail.gr p {
	margin-top: 0;
}
#main ul li section article.subheading.form-ctn p {
  margin: 7px auto 0 auto;
}
#main ul li section article.subheading p {
  padding: 20px 0;
  font-family: 'Times', "Times New Roman", serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 28px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 60px auto 0 auto;
  letter-spacing: 2px;
  position: relative;
}
#main ul li section article.subheading p:before {
  content: '';
  display: block;
  position: absolute;
  width: 70px;
  height: 1px;
  background-color: #202020;
  top: 7px;
  left: 50%;
  margin-left: -35px;
}
#main ul li section article.subheading p:after {
  content: '';
  display: block;
  position: absolute;
  width: 70px;
  height: 1px;
  background-color: #202020;
  bottom: 7px;
  left: 50%;
  margin-left: -35px;
}
#main ul li section article.subheading p span {
  font-size: 25px;
}
#main ul li section article.subheading.single {
  /*background: url('../cssImages/header-line-single-dark.png') no-repeat center center;*/
}
#main ul li section article.subheading.single p {
  margin: 74px auto 0 auto;
}
#main ul li section article.subheading.triple {
  /*background: url('../cssImages/header-line-triple-dark.png') no-repeat center center;*/
}
#main ul li section article.subheading.triple p {
  margin: 44px auto 0 auto;
}

#main ul li section article#blockquote {
	width: 100%;
	font-size: 18px;
	line-height: 23px;
	font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
	letter-spacing: 0.7px;
	padding: 0px 20px;
	height: auto;
	box-sizing: border-box;
}

#main ul li section article#blockquote p {
	max-width: 570px;
	color: #186838;
	margin: 45px auto 40px
}
#main ul li section article.form,
#main ul li section article.displaysuite {
  float: left;
  width: 342px;
  text-align: left;
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  padding: 0 0 0 30px;
  line-height: 20px;
  height: auto;
}
#main ul li section article.form h4,
#main ul li section article.displaysuite h4 {
  margin: 0 0 20px 0;
  font-size: 18px;
  color: #ccc;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  position: static;
}
#main ul li section article.form .thank_you,
#main ul li section article.displaysuite .thank_you {
  height: 121px;
  margin-bottom: 40px;
}
#main ul li section article.form .thank_you p,
#main ul li section article.displaysuite .thank_you p {
  padding: 0;
  margin: 25px 0 0 0;
  font-weight: normal;
}
#main ul li section article.form h3,
#main ul li section article.displaysuite h3 {
  text-align: left;
  padding: 20px 0;
}
#main ul li section article.form small,
#main ul li section article.displaysuite small {
  display: block;
  margin: 8px 0 40px 126px;
}
#main ul li section article.form div#validation-message,
#main ul li section article.displaysuite div#validation-message {
  padding: 0 20px 20px 0;
  color: tan;
}
#main ul li section article.form form,
#main ul li section article.displaysuite form {
  width: 342px;
}
#main ul li section article.form form ul,
#main ul li section article.displaysuite form ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main ul li section article.form form ul li,
#main ul li section article.displaysuite form ul li {
  min-height: 25px;
  text-align: left;
}
#main ul li section article.form form ul label,
#main ul li section article.displaysuite form ul label {
  width: 113px;
}
#main ul li section article.form form ul#checkboxes,
#main ul li section article.displaysuite form ul#checkboxes {
  margin-bottom: 20px;
}
#main ul li section article.form form ul#checkboxes li,
#main ul li section article.displaysuite form ul#checkboxes li {
  float: right;
}
#main ul li section article.form form ul#checkboxes label,
#main ul li section article.displaysuite form ul#checkboxes label {
  margin-left: 20px;
}
#main ul li section article.form form ul#misc li,
#main ul li section article.displaysuite form ul#misc li {
  margin-bottom: 5px;
  padding-top: 0px;
}
#main ul li section article.form form ul#misc li input#newsletter,
#main ul li section article.displaysuite form ul#misc li input#newsletter {
  margin-top: 5px;
  float: right;
}
#main ul li section article.form form ul#misc label,
#main ul li section article.displaysuite form ul#misc label {
  width: 114px;
  line-height: 14px;
}
#main ul li section article.form form ul#misc label.newsletter,
#main ul li section article.displaysuite form ul#misc label.newsletter {
  float: right;
  margin-right: 0;
  width: 197px;
  margin-left: 10px;
  line-height: 20px;
}
#main ul li section article.form form input[type=text],
#main ul li section article.displaysuite form input[type=text],
#main ul li section article.form form input[type=tel],
#main ul li section article.displaysuite form input[type=tel],
#main ul li section article.form form input[type=email],
#main ul li section article.displaysuite form input[type=email],
#main ul li section article.form form textarea,
#main ul li section article.displaysuite form textarea {
  -webkit-appearance: none;
  background: white;
  width: 219px;
  border: solid 1px #333;
  margin-bottom: 5px;
  padding: 5px;
  height: 28px;
  color: #202020;
  border-radius: 0;
  box-sizing: border-box;
}
#main ul li section article.form form textarea,
#main ul li section article.displaysuite form textarea {
  height: 50px;
}
#main ul li section article.form form select,
#main ul li section article.displaysuite form select {
  width: 218px;
  background: #fff;
  padding: 5px;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 28px;
  -webkit-appearance: none;
  box-sizing: border-box;
}
#main ul li section article.form form .sbHolder,
#main ul li section article.displaysuite form .sbHolder {
  width: 218px;
}
#main ul li section article.form form label,
#main ul li section article.displaysuite form label {
  display: block;
  float: left;
  line-height: 25px !important;
  text-align: left;
  margin-right: 10px;
}
#main ul li section article.form form button[type=submit],
#main ul li section article.displaysuite form button[type=submit] {
  border: none;
  font-family: 'Times', "Times New Roman", serif;
  font-size: 14px;
  padding: 0;
  margin: 30px 0 0 126px;
  width: 197px;
  height: 17px;
  background: url(../cssImages/button-submit.png) no-repeat 0 0;
}
#main ul li section article.form form input.error,
#main ul li section article.displaysuite form input.error,
#main ul li section article.form form select.error,
#main ul li section article.displaysuite form select.error {
  border: solid 1px red;
}
#main ul li section article.form footer,
#main ul li section article.displaysuite footer {
  margin: 150px 0 0 0;
  line-height: 20px;
}
#main ul li section article.form footer a,
#main ul li section article.displaysuite footer a {
  color: white;
}
#main ul li section article.map {
  width: 650px;
  text-align: left;
  height: auto;
  position: absolute;
  right: 0;
}
#main ul li section.green {
  background-color: #026937;
  min-height: 870px;
}
#main ul li section#home.green {
  background-color: #000000;
  min-height: 870px;
}
.slide-two #main ul li section#home.green {
  background-color: #026937;
}
.slide-one #main ul li section.green {
  background-color: #000000;
}
#main ul li section.green article {
  color: white;
}
#main ul li section.green article#subheading p:before,
#main ul li section.dark article#subheading p:before,
#main ul li section article.subheading.article_detail.gr p:before {
  /*background: url('../cssImages/header-line-light.png') no-repeat center center;*/
    background-color: #ffffff;
}
#main ul li section.green article#subheading p:after,
#main ul li section.dark article#subheading p:after,
#main ul li section article.subheading.article_detail.gr p:after {
  /*background: url('../cssImages/header-line-light.png') no-repeat center center;*/
    background-color: #ffffff;
}
#main ul li section.green article p {
  font-weight: 600;
}
#main ul li section.green article.homepageHeight.subheading p.slide-one {
  font-family: "adelle",serif;
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 30px;
  margin-top: 50px;
  color:#d8b555;
  text-transform: uppercase;
}
#main ul li section.green article.homepageHeight p {
  display: none;
}
#main ul li section.green article.homepageHeight p.show {
  display: inline-block;
}
#main ul li section.green article.homepageHeight p.slide-one:before,
#main ul li section.green article.homepageHeight p.slide-one:after {
  content: none;
}

#main ul li section.green .clear {
  clear: both;
}
#main ul li section.dark {
  background-color: #202020;
}
#main ul li section.dark article {
  color: white;
  
}

#main ul li section.dark article.subheading.news-post {
  background-color: #181617;
}
#main ul li section.dark article.subheading img.logo {
  margin: 60px auto 0;
  width: auto;  
}

#main ul li section.dark article p {
  font-weight: 600;
}
#main ul li section div.backgroundImage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 980px;
  height: 100%;
  min-height: 300px;
  position: relative;
  float: left;
}
#main ul li section div.backgroundImage.homeBackgroundleafs {
  background-image: url(../images/Home-Page/images/0-leaves.jpg);
}
#main ul li section div.backgroundImage.homeBackgroundexterior {
  background-image: url(../images/Home-Page/images/01-hero-exterior.jpg);
}
#main ul li section div.backgroundImage.homeBackgroundlivingroom {
  background-image: url(../images/Home-Page/images/04-livingroom.jpg);
}
#main ul li section div.backgroundImage.homeBackgroundcouryard {
  background-image: url(../images/Home-Page/images/03-courtyard.jpg);
}
#main ul li section div.backgroundImage.homeBackgroundinterior {
  background-image: url(../images/Home-Page/images/02-interior.jpg);
}
#main ul li section div.backgroundImage.homeBackgroundkitchen {
  background-image: url(../images/Home-Page/images/03-kitchen.jpg);
}
#main ul li section div.backgroundImage.lifestyleBackground {
  background-image: url(../images/Lifestyle/lifestyle-hero.jpeg);
  height: 657px;
  position: relative;
}
#main ul li section div.backgroundImage.launchcorpBackground {
  background-image: url(../images/The-Team/Launch-Corp/Team-launch-hero.jpg);
  height: 657px;
  position: relative;
}
#main ul li section div.backgroundImage.jackBackground {
  background-image: url(../images/The-Team/Jack-Merlo/Team-merlo-hero.jpg);
  height: 657px;
  position: relative;
}
#main ul li section div.backgroundImage.rossBackground {
  background-image: url(../images/The-Team/Ross-Gardam/Team-gardam-hero.jpg);
  height: 657px;
  position: relative;
}
#main ul li section div.backgroundImage.simonBackground {
  background-image: url(../images/The-Team/Simon-Vinson/Team-vinson-hero.jpg);
  height: 514px;
  position: relative;
}
#main ul li section div.backgroundImage.grahamBackground {
  background-image: url(../images/The-Team/Graham-Morrison/Team-morrison-hero.jpg);
  height: 657px;
  position: relative;
}
#main ul li section div.backgroundImage a {
  width: 85px;
  height: 85px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -42.5px 0 0 -42.5px;
  z-index: 1000;
}
#main ul li section div.backgroundImage a.playButton {
  background: url(../cssImages/button-play.png) no-repeat center center;
}
#main ul li section div.backgroundImage a.watchButton {
  background: url(../cssImages/button-watch.png) no-repeat center center;
  width: 110px;
  height: 110px;
  margin: -55px 0 0 -55px;
}
#main ul li img {
  width: 100%;
  display: block;
}
#main div.renderSwapper {
  position: relative;
  height: 483px;
}
#main div.renderSwapper img {
  position: absolute;
  top: 0;
  left: 0;
}
#main div.renderSwapper img#lightRender {
  z-index: 40;
}
#main div.renderSwapper img#darkRender {
  z-index: 50;
  opacity: 0;
}
#main div.renderSwapper a {
  position: absolute;
  bottom: 20px;
  display: block;
  width: 85px;
  height: 85px;
}
#main div.renderSwapper a.lightVersion {
  background: url(../cssImages/button-light-version.png) no-repeat 0 0;
  z-index: 60;
  right: 115px;
}
#main div.renderSwapper a.lightVersion.on {
  background: url(../cssImages/button-light-version-on.png) no-repeat 0 0 !important;
}
#main div.renderSwapper a.darkVersion {
  background: url(../cssImages/button-dark-version.png) no-repeat 0 0;
  z-index: 70;
  right: 20px;
}
#main div.renderSwapper a.darkVersion.on {
  background: url(../cssImages/button-dark-version-on.png) no-repeat 0 0 !important;
}
#main ul.grid-3 {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main ul.grid-3 li {
  width: 326px;
  height: 218px;
  float: left;
  position: relative;
  background-color: #202020;
}
#main ul.grid-3 li.nouvelle-ligne {
  clear: left;
}
#main ul.grid-3 li div {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 326px;
  height: 218px;
}
#main ul.grid-3 li div h3 {
  color: white;
  text-align: center;
  display: block;
  margin: 70px auto 0 auto;
  font-family: 'AvalonBold', Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-bottom: 10px;
  text-transform: uppercase;
  background: none;
}
#main ul.grid-3 li div p {
  color: white;
  text-align: center;
  display: block;
  padding: 0 50px;
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
}
#main ul.grid-3 li:hover div,
#main ul.grid-3 li.selected div {
  opacity: 100;
}
#main a.viewGoogleMap {
  display: none;
}
footer {
  display: block;
  background: #202020;
  width: 100%;
  float: left;
  padding: 25px 30px;
  box-sizing: border-box;
}
footer.display-info span {
  font-size: 12px;
  font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
}
footer span,
footer span a {
  color: #ffffff;
  display: inline-block;
  line-height: 24px;
}
footer span.title {
  font-size: 14px;
  font-family: 'Times', "Times New Roman", serif;
  text-transform: uppercase;
  margin-right: 20px;
  font-weight: bold;
}
footer .affiliates {
  width: 140px;
  display: inline-block;
  float: right;
}
footer .affiliates .castran-gilbert-logo {
  float: left;
  width: 55px !important;
  height: 24px;
  display: inline-block !important;
}
footer .affiliates .knight-frank-logo {
  float: right;
  width: 63px !important;
  height: 24px;
  display: inline-block !important;
}
footer.mastFooter {
  display: none;
}
footer.mastFooter a.backToTop {
  display: none;
}
/*
footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:@footer-height;   */
/* Height of the footer */
/*

   background:@color-footer-bg;
   
   */
/* Caramel Footer */
/*

   #caramelWeblinkLogo {
		position:absolute;
		overflow:hidden;
		width:74px;
		height:28px;
		bottom: 10px;
		right: 10px;
		
		a {
			position:absolute;
			top:-32px;
			left:0px;
		}
		
		img {
			width: 74px; 
			height: 60px; 
			border: none;
		}
	}
}
*/
/* Drop Menu starting point */
/*nav {
	min-height:0; //IE7 haslayout
	position:relative;
	z-index:10;	
	.clearfix;
	
	a {
		display: block;
		height: 20px;
	}
	
	ul {
		li {
			float: left;
			width: 10em;
			
			
			//DROP DOWN
			ul {
				position: absolute;
				width: 10em;
				display: none;
				clear: left;
			}
			
			&:hover {
				ul {
					display:block; // show drop menu!
				}
			}
		}
	}
}*/
/* 
	Fixes
    ----------------------------------------------------------------
*/
/* for example
.no-js {

}
.ie7 {

}
.touch {

}
*/
/* 
	Media Queries
    ----------------------------------------------------------------
*/
@media only screen and (max-width: 1024px) {
  #main ul li section.green {
    min-height: inherit;
  }
}
/* Smaller than standard 1200 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  #container {
    width: 100%;
  }
  #main ul li img.map {
    width: 73%;
  }
  #main ul li section.ds article,
  #main ul li section.ds article.subheading {
    width: 50%;
  }
  #main ul li section.topPadding {
    padding-top: 0;
  }
  #main ul li section div.backgroundImage {
    width: 100%;
  }
  #main ul li section article {
    width: 45%;
  }
  #main ul li section article.subheading {
    width: 55%;
  }
  #main ul li section article.subheading.form-ctn {
    width: 50%;
  }
  #main ul li section article.map {
    width: 410px;
  }
  #main ul li section article.map iframe {
    width: 100%;
  }
  div.renderSwapper img {
    height: auto;
    width: 100%;
  }
  #main ul.grid-3 li {
    width: 33.3%;
    height: auto;
  }
  #main ul.grid-3 li div {
    width: 100%;
    height: 100%;
  }
  #main ul.grid-3 li div h3 {
    margin: 50px auto 0 auto;
  }
  #main ul li section article.form {
    width: 50%;
    padding: 0 30px 0 0;
    max-width: 342px;
    box-sizing: border-box;
  }
  #main ul li section article.form form ul#misc label.newsletter {
    width: 196px;
  }
  #main ul li section article.form form button[type=submit] {
    margin: 30px 0 0 125px;
  }
  #main ul li section article.form form small {
    margin: 8px 0 40px 125px;
  }
  #main ul li section article p {
    padding: 0 20px;
  }
  .hide-desktop {
    display: block;
  }
  footer.display-info .affiliates {
    margin-top: 15px;
  }
}
/* Tablet Portrait size to standard 940 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .show-desktop {
    display: none;
  }
  .hide-ddc {
    display: block;
  }
  #container {
    width: 768px;
  }
  #ribbon {
    width: 90px !important;
    height: 90px !important;
    right: 30px;
    top: 30px;
  }
  #ribbon.enq {
    margin-left: -45px;
  }
  header img.limited-edition {
	top: 25px;
	left: 220px;
  }
  header {
    left: -184px;
    border-right: 1px solid #eee;
  }
  header img.logo {
    display: none;
  }
  header div.sidePane {
    left: 185px;
    display: block;
  }
  header nav {
    display: none;
  }
  #main ul {
    margin: 0 0 0 36px;
  }
  #main ul li.masthead {
    display: block;
    background-color: white;
    max-height: 410px
  }
  #main ul li.masthead img {
    width: 250px;
    height: auto;
    margin: 90px auto;
    display: none;
  }
  #main ul li.masthead img.home-logo-large-penthouse {
	  width: 280px;
	  margin: 163px auto;
  }
  #main ul li section.ds article p {
    padding: 0 20px;
  }
  #main ul li section article p {
    padding: 0 30px;
    font-size: 0.9em;
  }
  #main ul li section article.subheading p {
    font-size: 26px;
    padding: 20px 0;
  }
  #main ul li section.green article.homepageHeight.subheading p.slide-one {
	font-size: 20px;
    line-height: 25px;
    margin-top: 45px;
  }
  #main ul li section article.subheading img { 
    margin-left: -18%;
  }
  #main ul li section article.map {
    width: 402px;
  }
  #main ul li section article.map iframe {
    width: 402px;
  }
  #main ul li section div.backgroundImage {
    width: 100%;
  }
  #main ul li section.topPadding {
    padding: 0 0 0 0;
  }
  #main ul.grid-3 li {
    width: 244px;
    height: 162px;
  }
  #main ul.grid-3 li div {
    width: 100%;
    height: 100%;
  }
  #main ul.grid-3 li div h3 {
    margin: 50px auto 0 auto;
  }
  #main ul.grid-3 li div p {
    padding: 0 40px;
  }
  #main ul li section article.form {
    width: 50%;
    padding: 0 30px 0 0;
    max-width: 342px;
    box-sizing: border-box;
  }
  #main ul li section article.form form ul#misc label.newsletter {
    width: 196px;
  }
  #main ul li section article.form form button[type=submit] {
    margin: 30px 0 0 125px;
  }
  #main ul li section article.form form small {
    margin: 8px 0 40px 125px;
  }
  #main ul li img.map {
    width: 548px;
  }
  .hide-desktop {
    display: block;
  }
  footer.display-info .affiliates {
    margin-top: 15px;
  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .hide-mobile {
	  display: none !important;
  }
  #container {
    width: 100%;
    min-width: 320px;
  }
  #ribbon,
  #ribbon-penthouse {
    width: 60px !important;
    height: 60px !important;
    right: 20px;
    top: 20px;
  }
  #ribbon.enq {
    margin-left: -45px;
    top: 110px;
  }
  header {
    background: #000;
    width: 100%;
    display: block;
    position: fixed;
    height: auto;
    zoom: 1;
    z-index: 2000;
  }
  header:before,
  header:after {
    content: "";
    display: table;
  }
  header:after {
    clear: both;
  }
  header img.logo {
    display: none;
  }
  header img.limited-edition {
	top: 60px;
	z-index: 0;
	width: 180px;
	height: auto;
  }
  header h3.welcome {
    font-family: 'AvalonBold', Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    display: block;
    float: left;
    cursor: pointer;
    padding: 20px 0 16px 0;
    width: 88%;
    margin: auto 20px;
    background: url(../cssImages/menu-burger.png) no-repeat right;
  }
  header h3.welcome.link,
  header h3.welcome.link a {
	font-size: 16px; 
	color: #ffffff;
	margin-bottom: 5px;
  }
  header img.logo_launchcorp {
    display: none;
  }
  header nav {
    position: relative;
    height: 0px;
    overflow: hidden;
  }
  header nav ul li.home {
    display: block;
  }
  header nav ul li.line-top {
    display: none;
  }
  header nav ul li.line-bottom {
    display: none;
  }
  /*
  header nav ul li:nth-child(6) {
    display: none;
  }
  */
  header nav ul li.enquire {
    display: none;
  }
  header nav ul li a {
    font-size: 20px;
  }
  header nav ul li a:hover,
  header nav ul li a.selected {
    color: white;
  }
  header nav#root-nav {
    width: 100%;
    top: 0;
    margin: 50px 0 0 0;
    background-color: #000000;
    z-index: 5;
  }
  header nav a.buttonEnquire {
    margin: 10px auto 20px auto;
  }
  header nav a.buttonEnquire.mobile {
    display: block;
  }
  #main {
    padding: 90px 0 0 0;
    margin-top: -30px;
  }
  #main h3 {
    padding: 20px 30px 20px 20px;
  }
  #main ul {
    margin: 0;
  }
  #main ul li.masthead {
    display: block;
    background-color: #f3f3f3;
    max-height: 221px;
  }
  #main ul li.masthead img {
    width: 175px;
    margin: 40px auto 20px auto;
    height: auto; 
    display: none;
  }
  #main ul li.masthead img.home-logo-large-penthouse {
	width: 280px;
    height: auto;
    margin: 83px auto 54px auto; 
    display: none;
  }
  #main ul li section#home {
    background-color: #f3f3f3 !important;
  }

  #main ul li section#home article {
    color: #202020;
  }
  #main ul li section#home article#subheading {
    background: none;
  }

  #main ul li section.dark article.subheading img.logo {
    margin: 30px auto 30px;
    max-width: 240px;
  }
  #main ul li section#home .slideshow img.penthouse-logo {
	left: 0;
	max-width: 65%;
	display: none !important;
  }

  #main ul li section#home .flex-direction-nav {
    width: 61px;
    height: 30px;
  }
  #main ul li section#home .flex-direction-nav li {
    width: 30px !important;
  }
  #main ul li section#home .flex-direction-nav a {
    width: 30px;
    height: 20px;
  }
  #main ul li section.dark article#subheading {
    background: none;
  }
  #main ul li section article.subheading img { 
    width: 100%;
  }
  #main ul li section.dark article P {
    font-weight: 400;
  }
  #main ul li section#enquire h3 {
    display: none;
  }
  #main ul li section#enquire footer {
    background-color: #202020;
    zoom: 1;
    color: #bababa;
    font-size: 14px;
    font-family: 'AvalonRegular', Helvetica, Arial, sans-serif;
    padding: 20px 20px 60px 20px;
    box-sizing: border-box;
  }
  #main ul li section#enquire footer:before,
  #main ul li section#enquire footer:after {
    content: "";
    display: table;
  }
  #main ul li section#enquire footer:after {
    clear: both;
  }
  #main ul li section#enquire footer a {
    color: #bababa;
  }
  #main ul li section.fixedHeight,
  #main ul li section.simonHeight {
    height: auto;
  }
  #main ul li section article {
    float: none;
    width: 100%;
    height: auto;
    zoom: 1;
  }
  #main ul li section article:before,
  #main ul li section article:after {
    content: "";
    display: table;
  }
  #main ul li section article:after {
    clear: both;
  }
  #main ul li section article.subheading {
    height: auto;
    background: none;
  }
  #main ul li section article.subheading p {
    font-size: 26px;
  }
  #main ul li section.green article.homepageHeight.subheading p.slide-one {
	font-size: 20px;
	line-height: 24px;
	padding: 0 20px;
  }
  #main ul li section article.triple {
    background: none;
  }
  #main ul li section article.form {
    padding: 20px 0 0 0;
    box-sizing: border-box;
    width: 100%;
    margin-top: 90px;
  }
  #main ul li section article.form form {
    width: 280px;
    margin: 0 auto;
  }
  #main ul li section article.form form button[type=submit] {
    background: url(../cssImages/button-submit.png) no-repeat 0 0;
    margin: 30px auto 0 auto !important;
    display: block;
    width: 100px !important;
  }
  #main ul li section article.form form small {
    margin: 8px 0 40px 90px;
  }
  #main ul li section article.form form select,
  #main ul li section article.form form .sbHolder {
    width: 100%;
  }
  #main ul li section article.form form ul label,
  #main ul li section article.form form ul#misc label {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
    line-height: 25px !important;
  }
  #main ul li section article.form form ul label.newsletter,
  #main ul li section article.form form ul#misc label.newsletter {
    width: 70%;
    line-height: 20px;
    display: inline-block;
    text-align: left !important;
  }
  #main ul li section article.form form ul#misc li input#newsletter {
    float: right;
    display: inline-block;
  }
  #main ul li section article.form form input[type=text],
  #main ul li section article.form form input[type=tel],
  #main ul li section article.form form input[type=email],
  #main ul li section article.form form textarea {
    width: 100%;
  }
  #main ul li section article.form .thank_you {
    text-align: center;
  }
  #main ul li section article.displaysuite {
    padding: 20px 0 30px 20px;
  }
  #main ul li section article.map {
    width: 100%;
    zoom: 1;
    position: static;
    right: auto;
  }
  #main ul li section article.map:before,
  #main ul li section article.map:after {
    content: "";
    display: table;
  }
  #main ul li section article.map:after {
    clear: both;
  }
  #main ul li section article.map iframe {
    width: 100%;
    max-height: 300px;
  }
  #main ul li section article p {
    margin: 20px auto 20px auto;
    font-size: 16px;
    padding: 0 20px;
  }
  #main ul.article-list li {
	font-size: 16px;
  }
  
  #main ul li section .article-link {
    margin: 20px auto 40px auto;
  }
  #main ul li section div.backgroundImage {
    height: auto;
    top: auto;
    width: 100%;
    position: relative;
  }
  #main ul li section div.backgroundImage.launchcorpBackground {
    height: 297px;
  }
  #main ul li section div.backgroundImage.simonBackground {
    height: 304px;
  }
  #main ul li section div.backgroundImage.jackBackground {
    height: 307px;
  }
  #main ul li section div.backgroundImage.rossBackground {
    height: 307px;
  }
  #main ul li section div.backgroundImage.grahamBackground {
    height: 297px;
  }
  #main ul li ul.legend {
    display: none;
  }
  #main ul li img.map {
    width: 100%;
    float: none;
  }
  #main ul.grid-3 li {
    width: 100%;
    height: auto;
    clear: left;
  }
  #main ul.grid-3 li div {
    opacity: 1;
    position: static;
    top: auto;
    left: auto;
    background-color: #202020;
    width: 100%;
    height: auto;
  }
  #main ul.grid-3 li div h3 {
    margin-top: -10px;
  }
  #main ul.grid-3 li div p {
    padding: 0 50px 10px 50px;
  }
  #main ul.grid-3 li div.last {
    padding-bottom: 0px;
  }
  #main a.viewGoogleMap {
    display: block;
    width: 100%;
    padding: 10px 0 50px 0;
    text-align: center;
    background-color: #202020;
    color: #979797;
    text-transform: uppercase;
  }
  .mapLocationTitle {
    display: none;
  }
  #main ul li section article.subheading.triple,
  #main ul li section article.subheading.single,
  #main ul li section article.subheading {
    background: none;
  }
  #main ul li section article.subheading.triple p,
  #main ul li section article.subheading.single p,
  #main ul li section article.subheading p {
    margin: 15px auto 20px auto;
  }
  #main ul li section article.subheading.article_detail.gr p {
    margin: 15px auto 50px auto;
  }
  #main ul li section.topPadding {
    padding: 0;
  }
  footer {
    display: block;
    padding: 30px 20px 80px 20px;
    width: 100%;
    background-color: black;
    text-align: center;
  }
  footer img {
    margin: 0 auto;
    display: block;
  }
  footer .affiliates {
    float: none;
    margin: 0 auto;
    margin-top: 33px;
  }
  footer.display-info span.title {
    font-size: 18px;
    margin-right: 0px;
    margin-bottom: 20px;
    width: 100%;
  }
  footer.display-info span {
    font-size: 15px;
  }
  footer.mastFooter {
    padding: 70px 0 20px 0;
    display: block;
  }
  footer.mastFooter a.backToTop {
    display: block;
    margin: -110px auto 20px -42px;
    position: absolute;
    left: 50%;
    padding: 10px 0;
    text-align: center;
    background: url(../cssImages/button-back-to-top.png) no-repeat 0 0;
    width: 85px;
    height: 85px;
  }
  #caramelWeblinkLogo {
    display: none;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */