

/* ---------------------------------------------
   FONTS
--------------------------------------------- */


@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=57232d33-4479-4cc9-b0ba-af4e35f96244");
@font-face{
    font-family:"avenirUltraLight";
    src:url("../fonts/8ce12460-588e-4471-af8f-7d6d72435606.eot?#iefix");
    src:url("../fonts/8ce12460-588e-4471-af8f-7d6d72435606.eot?#iefix") format("eot"),url("../fonts/4e85b83c-23d4-44fb-9b42-b7d35d7fdbdc.woff2") format("woff2"),url("../fonts/a09b5aae-fed9-40e0-9990-20eeaece9255.woff") format("woff"),url("../fonts/0fd9370c-b031-4de3-a183-228b47c8ad56.ttf") format("truetype"),url("../fonts/a30a07b5-d5bc-4f00-a949-20f62723d116.svg#a30a07b5-d5bc-4f00-a949-20f62723d116") format("svg");
}


@font-face {
  font-family: "avenirLight";
  src:  url("../fonts/2C2980_3_0.eot");
  src:  url("../fonts/2C2980_3_0.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/2C2980_3_0.woff") format("woff"), 
        url("../fonts/2C2980_3_0.ttf") format("truetype"), 
        url("../fonts/2C2980_3_0.svg#GeneralFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "avenirMed";
  src:  url("../fonts/2C2980_2_0.eot");
  src:  url("../fonts/2C2980_2_0.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/2C2980_2_0.woff") format("woff"), 
        url("../fonts/2C2980_2_0.ttf") format("truetype"), 
        url("../fonts/2C2980_2_0.svg#GeneralFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "avenirHev";
  src:  url("../fonts/2C2980_1_0.eot");
  src:  url("../fonts/2C2980_1_0.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/2C2980_1_0.woff") format("woff"), 
        url("../fonts/2C2980_1_0.ttf") format("truetype"), 
        url("../fonts/2C2980_1_0.svg#GeneralFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "avenirExtHev";
  src:  url("../fonts/2C2980_0_0.eot");
  src:  url("../fonts/2C2980_0_0.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/2C2980_0_0.woff") format("woff"), 
        url("../fonts/2C2980_0_0.ttf") format("truetype"), 
        url("../fonts/2C2980_0_0.svg#GeneralFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

body { -webkit-appearance:none ; background-color: #fff; border-style: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
img { outline: none; outline-style: none; }


#animatedLogo { position: absolute; top: 29%; left: 40%; z-index: 99999999999999; width:20%; }

#png1 { position: fixed; top:40px; z-index: -1; left: 0% }
#png2 { position: fixed; top:-10px;z-index: -1 ;left:14% }
#png3 { position: fixed; top:20px;z-index: -1; left: 50% }

#homePageWhite { position: absolute; z-index: 999999999; background-color: #fff; top: 0; left: 0%; width: 100%; height: 100%; }
#homePageBlackLine { position: absolute; z-index: 9999999999;top:2000px; left: 50%; width: 1px; background-color: #c2c9cc; height: 2000px; }

#home-p-1 { opacity: 0}
#home-p-2 { opacity: 0}
#home-p-3 { opacity: 0}
#home-p-4 { opacity: 0}
ul#menu { position: fixed; top: 28%; right: 30px; z-index: 999;  }


.elevation-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url('../images/angel-court-elevation.png');
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 50%;
}

    #mainNavHolder { opacity: 0.9;  width: 95px; height: 100%; position: fixed; z-index: 999; background-color: #fff; top: 0; right: 0px; text-align: center; padding-top: 32px;  }
   
    #openMenuBtn { cursor: pointer; opacity: 0.5; transition: all 0.4s; width: 32px;}
    #openMenuBtn:hover {opacity: 1;}
    #menu-closeBtn { cursor: pointer; opacity: 0.5; transition: all 0.4s; width: 32px;}
    #menu-closeBtn:hover {opacity: 1;}
    #logo { position: fixed; top: 32px; left: -132px; z-index: 9999; width: 108px; }
    #logoNonHomepage { position: absolute; top: 32px; left: 32px; z-index: 9999; width: 108px; -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; outline: none}

    /* SECTION BACKGROUND IMAGES */
    #section1 { background-image: url('../images/01.jpg'); }
    #section2 { background-image: url('../images/01.jpg'); }
    #section3 { background-image: url('../images/angel-court-elevation-background.jpg'); }
    #section4 { background-image: url('../images/02.jpg'); }
    #section5 { background-image: url('../images/03.jpg'); }
    #section6 { background-image: url('../images/04.jpg'); }
    #section7 { background-image: url('../images/05.jpg'); }
    #section8 { background-image: url('../images/06.jpg'); }
    #section9 { background-image: url('../images/07.jpg'); }
    #section10 {background-image:url('../images/11.jpg')}
    #section11 {background-image: url('../images/13.jpg')}
    /* SECTION BACKGROUND IMAGE ANIMATION */
    .section { background-size: cover; background-repeat: no-repeat; background-position: top right;
      -webkit-transition: background 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
      -moz-transition: background 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
      -ms-transition: background 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
      -o-transition: background 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: background 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

    /* SECTION BACKGROUND IMAGE ANIMATION START POSITION (The end position is specified in js/full-page-script.js)*/
    #section1  { background-size: auto 100%; background-position: bottom right 95px; }
    #section3  { background-size: auto 100%; background-repeat: no-repeat; background-position: left center; opacity:.6;} /* HOW IT WORKS */
    #section4  { background-size: cover; background-repeat: no-repeat; background-position: right top; }     /* A NEW PUBLIC REALM */
    #section5  { background-size: cover; background-repeat: no-repeat; background-position: top left; }      /* A NEW TRIPLE HEIGHT RECEPTION */
    #section6  { background-size: cover; background-repeat: no-repeat; background-position: top left; }      /* ENTER THE BUILDING */
    #section7  { background-size: cover; background-repeat: no-repeat; background-position: top left; }      /* COMFORTABLE MEETING SPACE */
    #section8  { background-size: cover; background-repeat: no-repeat; background-position: top left; }      /* THE GARDEN FLOORS */
    #section9  { background-size: cover; background-repeat: no-repeat; background-position: center top; }    /* UNIQUE ROOFTOP SPACE */
    #section10 { background-size: cover; background-repeat: no-repeat; background-position: center top; }    /* THE GARDENS */
    #section11 { background-size: cover; background-repeat: no-repeat; background-position: center top; }    /* THE SKY FLOORS */
    #section12 { background-size: cover; background-repeat: no-repeat; background-position: bottom left; }   /* VIEWS ACROSS THE CITY */
    #section12 { background-size: cover; background-repeat: no-repeat; background-position: bottom left; }   /* ROOFTOP GARDEN */

    /* SECTION COPY ANIMATION START POSITION AND STYLING */
    #section1 .copyHolder  {            font-family: avenirLight; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 320px;  color:#6f7f87; top:0; text-align: left;   }
    #section3 .copyHolder  { opacity:0; font-family: avenirLight; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 390px;  color:#505659; top:0px; text-align: left; left: 100px  }
    #section4 .copyHolder  { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 540px;  color:#FFFFFF; bottom:32px; text-align: left; left: 100px;  }
    #section5 .copyHolder  { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 540px;  color:#FFFFFF; bottom:32px; text-align: right; right: 200px;  }
    #section6 .copyHolder  { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 430px;  color:#ffffff; bottom:32px; text-align: left; right: 200px  }
    #section7 .copyHolder  { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 461px;  color:#ffffff; bottom:32px; text-align: left; left:100px; }
    #section8 .copyHolder  { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 450px;  color:#ffffff; bottom:32px; text-align: left; left:100px;  }
    #section9 .copyHolder  { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 500px;  color:#ffffff; bottom:32px; text-align: right; right: 200px  }
    #section10 .copyHolder { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 420px;  color:#ffffff; bottom:32px; text-align: right; right: 200px  }
    #section11 .copyHolder { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 450px;  color:#ffffff; bottom:32px; text-align: right; right: 200px  }
    #section12 .copyHolder { opacity:0; font-family: avenirMed; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 450px;  color:#FFFFFF; bottom:32px; text-align: left; left: 100px  }
 #section13 .copyHolder { opacity:0; font-family: avenirLight; -webkit-font-smoothing: antialiased !important; font-size:22px; line-height: 30px; position:absolute; width: 450px;  color:#FFFFFF; bottom :32px; text-align: right; right: 200px  }
    #section3 .copyHolder .headline  { margin: 0 0 30px 0;}
    






ul#menu li { position: relative;}
ul#menu li a .toolTip { font-family:avenirExtHev; display: none;  z-index: -1; font-size: 12px; top: -6px; position: absolute; right: -7px; text-align: right; border-radius: 10px; padding: 5px 25px 5px 10px; background-color: #6f7f87; color:#fff; -webkit-font-smoothing: antialiased !important; width: 172px; }






#navigationPanel { overflow:scroll;padding: 32px; position: fixed; top: 0; width: 224px; background-color: #ffffff; height: 100%; z-index: 999999; right: -300px;}

#blurOverlay {
    opacity: 0.3;
    position: fixed; width: 100%; height: 100%;z-index: 99999; background-color: #000; display: none; top: 0;
}




 /* FILM */
button.btn-full-screen{
	display: block;
	width: 200px;
	margin: 24px auto 0 auto;
	border: 0 none;
	outline: 0 none;
	text-align: center;
	padding: 12px;
	cursor: pointer;
	
	font-family: avenirHev;
  	-webkit-font-smoothing: antialiased !important;
  	font-size: 13px;
  	line-height: 16px;
	color: #3f4447;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border:1px solid #3f4447;
    background: none;
	
}
button.btn-full-screen:hover{
	
}

 

 
.darkerCopy { color:#3f4447;}

a.subNav:link { color:#829199 !important;}
a.subNav { color:#829199 !important;}
a.subNav:active { color:#829199 !important;}
a.subNav:hover { color:#505659 !important;}

ul#webNav { margin-top: 20px;}
ul#webNav a { border:none;}
ul#webNav li { cursor:pointer; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 16px; color:#505659; width: 100%; padding: 13px 0 13px 0; border-bottom:1px solid #e2e7ea; border-top: none;}
ul#webNav a li {border-bottom:1px solid #e2e7ea;} 
.navArrowRight { float: right; padding-top: 2px;}
.innerMenu1, .innerMenu2, .innerMenu3,.innerMenu4  ,.innerMenu5{ clear: both; display: none} 
.innerMenu1 ul li, .innerMenu2 ul li, .innerMenu3 ul li , .innerMenu4 ul li , .innerMenu5 ul li, .innerMenu6 ul li{  cursor:auto !important; margin-left: 0%; width: 100% !important; font-size: 13px; border-bottom: 1px solid #f0f3f5 !important;}
.innerMenu1 ul li a, .innerMenu2 ul li a, .innerMenu3 ul li a, .innerMenu4 ul li a, .innerMenu5 ul li a, .innerMenu6 ul li a {font-family: avenirHev; text-decoration: none;  font-size: 13px; display: block}
.innerMenu1 ul li a:hover  {   text-decoration: none;  font-size: 13px;}
.navArrowRight { opacity: 0.5;   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}





/* THE BUILDING */

.theBuilding { top:43% !important; }
.theDev { top:35% !important; }
#tabsContainerArea {  margin: 100px 130px 100px 32px; max-width: 1200px;  }

.tab { font-family: avenirHev; -webkit-font-smoothing: antialiased !important; position: relative; display: inline-block; zoom:1; *display:inline; margin-right: 10px; background: #ffffff; border:1px solid #d4dbe0; border-bottom: none; width: 30%;  }
.tab a { font-size: 14px; line-height: 1em; display: block; padding: 12px 12px; outline: none; text-decoration: none; color:#525657; }
.tab a:hover { text-decoration: none; }
.tab.active { background: #f29b73; position: relative; border:none; }
.tab a.active {  text-decoration: none; color:#fff;}
.tab-container .panel-container { background: #fff; padding: 10px;}

.tab-icon {
    background-image:url('../images/tab-icon.png');
    display: inline-block;
    height: 20px;
    width: 20px;
    float: right;
    margin-top: -2px;
}

.tab.active .tab-icon {
    background-image: url('../images/tab-icon-white.png');
    transform: rotate(90deg);
}

#tabsInfoWrap{ background-color: #fff; padding: 32px; font-family: avenirLight;border:1px solid #d4dbe0;margin-top: -1px;}
.inTabIcon { position: absolute; right: 12px; top: 10px;}

.tabContent { width:100%; position: relative; }
.tabContent .left { float: left; width: 69%; }
#building .left { float: left; width: 60%; padding-top:0}
.fancybox-inner { background-color: #fff;}
.tabContent .left .summary { width: 60% ; position: absolute; bottom: 0; }

.tabContent .left .summary .info { float: left; -webkit-font-smoothing: antialiased !important; }
.tabContent .left .summary .info .titleArea { color:#3f4447; font-size: 26px; font-family: 'avenirUltraLight'; text-transform: uppercase;font-size:45px;}
.tabContent .left .summary .info .sizeArea { color:#829199; font-size: 16px; }
.tabContent .left .summary .info .footerGuide { color:#829199; font-size: 13px; margin-top: 15px;}


.fancybox-title-float-wrap .popTitle1 {font-family: avenirLight; color:#3f4447; font-size: 26px; margin: 0; padding: 0; -webkit-font-smoothing: antialiased !important; }
.fancybox-title-float-wrap .popTitle2 {font-family: avenirLight; font-size: 16px; margin: 10px 0 0 0; padding: 0; -webkit-font-smoothing: antialiased !important; }

.tabContent .left .summary .downloadLink { -webkit-font-smoothing: antialiased !important; font-family: avenirHev; float: right; padding: 10px 40px 10px 40px; border:1px solid #ccc; color:#8d9da6; font-size:13px; bottom: 0;position: absolute;right: -12%;}
.tabContent .left .summary .downloadLink a { color:#8d9da6; text-decoration: none; transition:color .2s;}
.tabContent .left .summary .downloadLink a:hover { color:#777; text-decoration: none;}
.tabContent .right { float: right; width: 30%;}
table.floorsTable { width: 100%; font-size: 13px; -webkit-font-smoothing: antialiased !important; font-family: avenirHev;}
table.floorsTable  tr.header td{ border-bottom: 1px solid #6f7f87; color: #3f4447; font-family: avenirHev;}
table.floorsTable tr td { padding: 6px 0 6px 0; transition: all .3s;}
table.floorsTable tr td:nth-child(1) { text-align: left; width: 40%; padding-left: 7px;}
table.floorsTable tr td:nth-child(2) { text-align: right; width: 30%;}
table.floorsTable tr td:nth-child(3) { text-align: right; width: 30%; padding-right: 7px;}
table.floorsTable  tr.content td{ border-bottom: 1px solid #d4dcdf; color:#8d9da6; cursor: pointer;}
table.floorsTable  tr.row td{ border-bottom: 1px solid #d4dcdf; color:#8d9da6; cursor:default;}
table.floorsTable  tr.row:hover td{ background-color:white!important; color:#8d9da6!important; cursor:default;}
table.floorsTable  tr.row td:last-of-type {padding-right: 7px;}
table.floorsTable  tr.last td{ font-family: avenirHev;border-bottom: 1px solid #6f7f87; border-top: 1px solid #6f7f87; color: #3f4447;}


.anchor {
    cursor: pointer;
    background: #786374;

}

.anchor td {
    color: #fff!important;
}

table.floorsTable tr.anchor:hover td {
    background-color:#786374!important;
    color:#fff!important;
}
.anchor td {
    cursor: pointer!important;
}
#space table.floorsTable tr td:nth-child(1) { text-align: left; width: 20%; padding-left: 7px;}
#space table.floorsTable tr td:nth-child(2) { text-align: right; width: 20%;}
#space table.floorsTable tr td:nth-child(3) { text-align: right; width: 00%; padding-right: 7px;}


.hotSpotsArea { width: 100%; margin-top: 5%; position: relative; margin-left: 5%; }

#caruselControls { position: absolute; right: 10px; margin-top: -11px; width: 70px;}
#caruselControls img { cursor: pointer; }
#caruselControls img { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
a.fullScreenBtn img {  opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

a.threeDBtn img {  margin-top: 0px !important; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; transition: opacity .2s;}
#space #caruselUp, #space #caruselDown img { margin-top: 0px ; }
#space #caruselCurrentImage { margin-top: 3% !important; }
#upDownCarusel { position: relative; width: 100%; margin: 0 auto; text-align: center; }
#upDownCarusel img { max-width:650px; margin-top: 5%; }
#space #upDownCarusel img { max-width:650px; margin-top: 5%;}
.hotSpotArea { position: absolute; margin-top: 0; margin-left: 0; }

#caruselCurrentImage { margin-top: 10%; }

#hotSpotBuilding1 { margin-top: 10%; margin-left:32%; }
#hotSpotBuilding2 { margin-top: 59%; margin-left:59%; }
#hotSpotBuilding3 { margin-top: 103%; margin-left:14%; }
#hotSpotBuilding4 { margin-top: 78.5%; margin-left:60%; }
#hotSpotBuilding5 { margin-top: 94%; margin-left:71%; }

.spaceInfoBlock p { padding: 10px 0 10px 0; color:#8d9da6; font-size: 13px; line-height: 18px; border-bottom: 1px solid #d4dcdf;}
.spaceInfoBlock .bold { color:#5e6a70;}

td.activeB { background-color: #97b3df !important; color:#ffffff !important;}
td.activeG { background-color: #96cfb9 !important; color:#ffffff !important;}
td.activeGr { background-color: #829199 !important; color:#ffffff !important;}
td.notActive {background-color: #ffffff;}
.spacesGuide {font-family: avenirHev; font-size: 13px; line-height: 18px; color: #8d9da6; -webkit-font-smoothing: antialiased !important;}
a.fullScreenBtn { position: absolute; left: 1px;}
a.threeDBtn{ position: absolute; left: 37px;}
a.fullScreenBtn img {width: 32px; margin-top: 0px !important}
a.threeDBtn img {width: 32px;}
img#caruselUp { width: 32px;}
img#caruselDown { width: 32px;}

select.floorPlan {background: url('../images/arrow-down.jpg') no-repeat right #fff; -webkit-appearance: none; padding: 5px; width: 98%; border-radius:0; border:1px solid #dae1e6; color: #a1abb3; font-size: 11px;-webkit-font-smoothing: antialiased !important; font-family: avenirLight; background-color: #fff; }
select.floorPlan option {font-family: avenirLight; }
option:hover,
option:focus,
option:active,
option:checked {
    font-family: avenirLight;
    }


    .boldB {font-family: avenirHev; color:#3f4447;-webkit-font-smoothing: antialiased !important;}

.clearfix {
    clear: both;
}
#sectionRestaurants {
    border-bottom: 1px solid #aab0b3;
}

#sectionRestaurants .right {
    float: left;
    width: 50%;
    padding-bottom: 30px;
    
}


#restaurantsGallery {
    margin-top: 40px;
    margin-bottom: 40px;
}
#restaurantsForm {
    padding-bottom: 50px;
}
#restaurantsForm .right {
    width: 100%;
    float: none;
}


    .cForm.invalid {
        border-bottom:solid 1px red;
    }


.cta {
      color: #6f7f87;
      display: block;
      font-size: 18px;
      line-height: 26px;
      padding: 12px 12px 12px 26px;
      background-image: url('../images/tab-icon.png');
      background-repeat: no-repeat;
      background-position: 0px 14px;
      font-family: avenirLight;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      box-sizing: border-box;
      text-transform: uppercase;
}
.fadelight .item img {
    max-width: 100%;
    max-height: 600px;
}
.fadelight {
    background-color: #6f7f87;
}
.fadelight-bullets {
    width: auto;
    background: #fff;
    padding:20px;
    height: 10px;
}

.fadelight-bullets .bullets {
    padding: 0;
    
}

.fadelight-bullets .bullet {
    background: #d4dbe0;
    margin-right: 8px;
    height: 9px;
    width: 9px;
}
.fadelight-bullets .bullet:last-child {
    margin-right: 0;
}
.fadelight-bullets .bullets a.active {
    background: #6f7f87;
}

.item .fadelight-caption {
    font-size: 14px;
    right: 20px;
    bottom: 10px;
    left: auto;
    text-transform: none;
}

#level7 {
    margin-top:40px;
}


#level7 img{
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

#level7 .left {
    float: left;
    width: 35%;
    text-align: left;
}

#level7 .right {
    float: left;
    width: 50%;
    text-align: left;
    font-family: avenirHev;
    -webkit-font-smoothing: antialiased !important;
    color: #9eadb5;
    font-size: 13px;
    line-height: 17px;
}

#sustainability { clear:both; margin-top: 40px;padding-top: 30px;}
#sustainability .left { float: left; width: 47%}
#sustainability .left .headText { font-family: avenirLight;-webkit-font-smoothing: antialiased !important; padding-bottom: 10px; font-size: 36px; line-height: 1em; color:#4c5154; }
#sustainability .right { float: left; margin-left: 5%; width: 48%;font-family: avenirHev; font-size: 15px; line-height: 150%; color: #8d9da6;-webkit-font-smoothing: antialiased !important; }
#sustainability .right ul li { list-style-image: url('../images/bull.png'); margin-left: 0; padding-left: 0;}
#sustainability .right ul { padding: 0; margin-left: 15px}

#specification { clear:both; margin-top: 40px;border-bottom: 8px solid #708087; padding-top: 30px; padding-bottom: 30px;}
#specification .headText {font-family: avenirUltraLight;-webkit-font-smoothing: antialiased !important; padding-bottom: 30px; font-size: 45px; line-height: 1em; color:#4c5154;}
#specification .threeItemsHolder { width: 100%; position: relative;}
#specification .threeItemsHolder .item { width: 31%; margin-right: 3%; float: left; }
#specification .threeItemsHolder .item.last { margin-right: 0;}
#specification .threeItemsHolder p.lineCopy {color:#8d9da6; font-size: 13px;font-family: avenirHev;-webkit-font-smoothing: antialiased !important; border-bottom: 1px solid #d4dbe0; padding: 5px 0 5px 0px; margin-left: 45px; margin-right: 0px; }
#specification .threeItemsHolder .icon1 { position: absolute; margin-top: 0px; margin-left: 0px; width: 32px;}
#specification p {
    color:#505659;
    font-size: 15px;
    font-family: avenirHev;

}


#specification li {
    color:#8d9da6;
    font-size:15px;
    list-style-type: disc;
    line-height: 150%;
}

#specification ul {
    margin:10px 0 20px 0;
}

/* THE BUILDING */





/* CONNECTIONS */

#sectionConnections, #sectionRestaurants { width: 100%; position: relative;  }

#sectionConnections .left, #sectionRestaurants .left, #restaurantsForm .left { float: left; width: 30%;  -webkit-font-smoothing: antialiased !important; }

#sectionRestaurants .left,
#restaurantsForm .left {
	float: none;
	width: 100%;
}


#sectionConnections .right { float: right; width: 60%;  position: relative; text-align: right;}

#sectionConnections .left{
	float: none;
	width: 50%;
}
#sectionConnections .right{
	float: none;
	width: auto;
	text-align: left;
}


.headText {font-family: avenirUltraLight; font-size: 45px;text-transform: uppercase; color:#3f4447; line-height: 40px; margin-bottom: 20px;}
.subHeadText {font-family: avenirLight; font-size: 26px; color:#4c5154; line-height: 30px; margin-bottom: 20px;}
.left .text {font-family: avenirHev; font-size: 15px; color:#8d9da6; line-height: 20px; margin-bottom: 16px;}

#sectionConnections .right img.base { width: 760px;}
#sectionConnections .threesectionsholder { width: 100%; position: relative; clear:both; padding-top: 35px;}
.threesectionsholder .section {  padding-top: 15px;  -webkit-font-smoothing: antialiased !important; float: left; width: 31.2%; border-top:1px solid #aab0b3; margin-right: 30px; text-align: left; color:#8d9da6; font-size: 13px; line-height: 17px; font-family: avenirHev; }
.threesectionsholder .section p {-webkit-font-smoothing: antialiased !important; color:#8d9da6; font-size: 13px; line-height: 17px; font-family: avenirHev;}
.threesectionsholder .section.last {margin-right: 0px;  }
.threesectionsholder .section table { width: 100%;}
.threesectionsholder .section p.headCross { background-image: url('../images/times-back-img.png'); background-repeat: no-repeat; background-position: right; margin-bottom: 15px; color: #657279; }

.threesectionsholder .section p.headTube { background-image: url('../images/tube-back-img.png'); background-repeat: no-repeat; background-position: right;margin-bottom: 15px; color: #657279; }
.threesectionsholder .section p.headAir { background-image: url('../images/airports-back-img.png'); background-repeat: no-repeat; background-position: right; margin-bottom: 15px; color: #657279; }


img.p1 { position: absolute; top:17%; left: 14%; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; transition: opacity 0.3s;}
img.p2 { position: absolute; top:36%; left: 1%;  opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; transition: opacity 0.3s;}
img.p3 { position: absolute; top:60%; left: 25%; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; transition: opacity 0.3s;}
img.p4 { position: absolute; top:60%; left: 58%; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; transition: opacity 0.3s;}
img.p5 { position: absolute; top:78%; left: 10%; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; transition: opacity 0.3s;}

img.p1:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
img.p2:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
img.p3:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
img.p4:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
img.p5:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#mobileConnectionsImages { display: none;}

#sectionAmenities { width: 100%; position: relative; clear: both; padding-top: 30px;   }
.sectionDivider { width: 100%; display: block; background-color: #FFF; height: 8px; clear: both; }

#sectionAmenities .headText {-webkit-font-smoothing: antialiased !important; font-family: avenirUltraLight; font-size: 45px; color:#3f4447; line-height: 40px; margin-bottom: 25px;}
#sectionAmenities .subHeadText {font-family: avenirLight; font-size: 16px; color:#829199; line-height: 20px;  margin-bottom: 25px; width: 50%}
#sectionAmenities .fiveSectionsHolder { width: 100%; clear: both; position: relative;  }

#sectionAmenities .fiveSectionsHolder .section { float: left; width: 18.3%;  margin-right: 2%; }
#sectionAmenities .fiveSectionsHolder .section.last { margin-right: 0;}
#six-eight-conn { display: none;}

.fiveSectionsHolder .section .first { width: 100%;}
.fiveSectionsHolder .section .first img { width: 100%}
.fiveSectionsHolder .section .second { float: none; width: 100%; text-align: left;}
.fiveSectionsHolder .section .second img.desktop { display: block; padding: 15px 0 15px 0; width: 76px}
.fiveSectionsHolder .section .second img.mobile { display: none; padding: 15px 0 15px 0; width: 35px; }
.fiveSectionsHolder .section .third { float: none; width: 100%; text-align: left; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; color:#8d9da6; font-size: 13px; line-height: 17px; padding: 7px 0 7px 0;}

.fiveSectionsHolder .section.step1 { margin-top: 0px;}
.fiveSectionsHolder .section.step2 { margin-top: 0px;}

#sectionMaps { border-top: 1px solid #aab0b3;padding-top: 25px; margin-bottom: 120px; }

#sendBtn { opacity: 0.8; clear: both; margin-top: 20px;display: block;}
#sendBtn:hover { opacity: 1}
/* CONNECTIONS */


/* DEVELOPMENT TEAM */

a.dev { color: #63696c; text-decoration: none;}
a.dev:hover { color: #333; text-decoration: none;}
p.pageHeadCopy { -webkit-font-smoothing: antialiased !important; margin: 0 0 40px 0; padding: 0; color:#505659; font-family: avenirLight; font-size: 36px; line-height: 1em;  }
.bSection { clear:both; -webkit-font-smoothing: antialiased !important; width: 100%; position: relative;  padding: 40px 0 30px 0; margin-bottom: 120px; }
.bSection .introBlock { width: 100%; position: relative; padding-bottom: 30px;}
.bSection .introBlock .left { float: left; width: 30%; text-align: left;}
.bSection .introBlock .right { float: right; width:65%; text-align: left; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; color: #9eadb5; font-size: 13px; line-height: 17px;}
.bSection .introBlock .headText {font-family: avenirUltraLight; color: #505659; font-size: 45px;}
.bSection .introBlock .subHeadText {font-family: avenirLight; color: #829199; font-size: 16px; line-height: 1em; margin-top: 10px;}
.bSection .introBlock .logoHolder { padding: 0 0 0 0; margin: 30px 0 0 0;}
.logoHolder img { position: relative; width: 100%;}
.oneThirdText { width: 99%; color: #9eadb5; font-size: 15px; line-height: 20px;}
.fullPageText { width: 99%; color: #9eadb5; font-size: 13px; line-height: 17px;}
.bSection .contentSection { clear: both; border-top:1px solid #ccc; padding-top: 15px;} 
.bSection .contentSection .item { float: left; width: 31%; margin-right: 3%; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 13px; line-height: 17px; color:#9eadb5;}
.bSection .contentSection .item.last { margin-right: 0;}
.bSection .contentSection .item img { width: 100%; margin-bottom: 30px;}
.bSection .contentSection .item .darker {color:#63696c;}

.bSection .contentSectionFour { clear: both; border-top:1px solid #ccc; padding-top: 15px;} 
.bSection .contentSectionFour .item { float: left; width: 22.7%; margin-right: 3%; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 13px; line-height: 17px; color:#9eadb5;}
.bSection .contentSectionFour .item.last { margin-right: 0;}
.bSection .contentSectionFour .item img { width: 100%; margin-bottom: 30px;}
.bSection .contentSectionFour .item .darker {color:#63696c;}
.bSection .contentSectionFour .item img { width: 100%; margin-bottom: 15px;}
.portfolio { font-family: avenirHev; -webkit-font-smoothing: antialiased !important; color: #859198; font-size: 13px; margin:0 0 15px 0;}

/* DEVELOPMENT TEAM */



/* gallery */
.gSection { clear:both; -webkit-font-smoothing: antialiased !important; width: 100%; position: relative;  padding: 30px 0 30px 0; margin-bottom: 40px; }
.gSection .gSectionIntro { width: 28%; float:none; margin-bottom:20px;  }
.gSection .gSectionGallery { width: 100%; float:none; margin-left: -16px; }
.gSection .gSectionGallery.agents {  margin-left: 0; }
.gSection .gSectionIntro p.pageHeadCopy { -webkit-font-smoothing: antialiased !important; margin: 0 0 0px 0; padding: 0; color:#505659; font-family: avenirUltraLight; font-size: 45px; line-height: 1em;  }
.gSection .gSectionIntro .subText { font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 13px; line-height: 17px; color:#8d9da6; margin-top: 30px; }
/* .gSection .gSectionGallery .item {   position: relative; float: left; width: 30.6%; margin: 0 9px 16px 9px; overflow: hidden; } */

.gSection .gSectionGallery .item {   position: relative; float: left; width: 30.6%; margin: 0 0 16px 16px; overflow: hidden; }
.gSection .gSectionGallery .file {   position: relative; float: left; width: 30.6%; margin: 0 0 16px 16px; overflow: hidden; margin-bottom: 60px;}
.gSection p, .gSection label {
    font-family: avenirHev;
    -webkit-font-smoothing: antialiased !important;
    font-size: 13px;
    line-height: 17px;
    color: #8d9da6;
}

.gSection .gSectionGallery .item img { width: 100%; position: absolute; z-index: 99;}
.gSection .gSectionGallery .item .rollOver {font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 13px; line-height: 17px; color:#fff; width:92%; z-index: 999; position: absolute; bottom:-100px; padding: 4%; background-image: url('../images/gallery/roll-over-back.png');}
#mobileGdivider { display: none; }
#desktopGdivider { display: block;}
.media { border-top:1px solid #ccc; padding-top: 10px; color: #8d9da6; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 13px; line-height: 16px;}
a.openPDF {color: #8d9da6; text-decoration: none;}
a.openPDF:hover {color:#3f4447;}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#galleryBorder{ padding-top: 13px; width: 98% }
/* gallery */



/* contact */
.connBorder {
    padding-top: 1px;
    width: 100%;
    margin-bottom: 25px;
    background:#d4dbe0;
}
#contactBorder{ padding-top: 13px; width: 100% }
#formHolder { float: left; width: 100%;}
.agentHolder { float: left; color: #8d9da6;padding-left: 0%; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 16px; line-height: 17px; width: 100%; margin-top: 5px;}
.dtz {
    float: left;
    margin-left: 40px;
}
.gm {
    float: left;
}
p.introC {width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ccc; color: #3f4447; font-size: 13px; line-height: 17px; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; margin-bottom: 30px;}
.cForm { vertical-align: top;float:left; width:44.7%; padding: 2%; margin-bottom: 10px; font-family: avenirLight; font-size: 13px; border-radius: 0; border:none; background-color: #fff;}
.cForm:nth-child(odd) {
    margin-right: 2%;
}
#contactForm {}
#thankYouMessage { display: none; color: #8d9da6; padding-top: 7px; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 13px; line-height: 17px; }
.contact2holder { width:100%; border-top:8px solid #FFF; padding-top: 30px; margin-top: 50px;}
.contact2holder .left {float: left; width: 60%;}
.contact2holder .right {float: right; width: 30%; color: #8d9da6; font-family: avenirHev; -webkit-font-smoothing: antialiased !important; font-size: 13px; line-height: 17px;}
a.mail1{ color:#8d9da6}
a.mail1:hover{ color:#3f4447;}
.appleLinks {color:#8d9da6;}
a[href^=tel] {
    /* color: #8d9da6; */
    color: #444;;
    text-decoration: underline;
}
/* contact */



/* MEDIA QUERIES */

@media all and (max-width: 768px) {

    .fadelight {
        background: none;
    }

    .fadelight .item {
    position: relative;
        opacity: 1;
        margin-bottom: 40px;
    }

    .fadelight .item img {
        top: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;

    }
    
    .fadelight-bullets {
        display: none;
    }



    #level7 .right, #level7 .left {
        float: none;
        width: 100%;
    }


}

@media all and (max-width:540px){
    .agentHolder {
        float: none;
        width: 100%;
        margin-left: 0!important;
    }
}
@media all and (max-width:970px){
    .gSection .agents {
        float: none;
        margin-top: 40px;
    }
    .gSection .gSectionIntro {
        float: none;
    }
    .dtz {
        margin-top: 40px;
    }
    .gm, .dtz {
        float: none;
        margin-left: 0;
    }
    
    #sectionConnections .right img.base{
	max-width: 666px;
    }
}

@media (min-width: 1200px) {
   
    #tabsContainerArea {  margin: 100px 32px 10px 32px; padding-right: 100px;  }

}



@media (max-width: 1100px) {
    .threesectionsholder .section {
        width: 28%
    }

    img.p1 {
        width: 70%;
    }

    .gSection .gSectionGallery .item {
        position: relative;
        float: left;
        width: 29%;
    }
}

    @media (max-width: 800px) {

        #animatedLogo {
            position: absolute;
            top: 29%;
            left: 23%;
            z-index: 99999999999999;
            width: 50%;
        }

        .logoHolder img {
            width: 65%
        }

        #sustainability .right ul {
            margin-left: 15px;
        }

        #sustainability .right {
            margin-left: 0;
        }

        #galleryBorder {
            padding-top: 0px;
            width: 98%
        }

        #specification .threeItemsHolder .item {
            width: 99%;
            margin-right: 0%;
            float: none;
            margin-bottom: 20px;
        }

        #sustainability .right {
            float: none;
            width: 99%;
            margin-top: 20px;
        }

        #sustainability .left {
            float: none;
            width: 99%;
        }

        .elevation-img {
            background-size: auto 55%;
            background-position: 35% 80%;
        }

        #section3 .copyHolder {
            top: 10% !important;
            text-align: left !important;

        }

        img#caruselUp {

        }

        img#caruselDown {

        }

        #space img#caruselUp {
            margin-top: 7px;

        }

        #space img#caruselDown {
            margin-top: 7px;

        }

        #homePageWhite {
            width: 100%;
        }

        .media {
            border-top: 1px solid #ccc;
            padding-top: 2px;
            color: #8d9da6;
            font-family: avenirHev;
            -webkit-font-smoothing: antialiased !important;
            font-size: 11px;
            line-height: 13px;
        }

        .contact2holder .left {
            float: none;
            width: 99%;
        }

        .contact2holder .right {
            float: none;
            width: 99%;
            margin-top: 20px;
        }

        #formHolder {
            float: none;
            width: 95%;
            padding-bottom: 30px;
        }

        #agentHolder {
            float: none;
            width: 99%;
        }

        .gSection .gSectionIntro {
            width: 100%;
            float: none;
            padding-bottom: 20px;
        }

        .gSection .gSectionGallery {
            width: 100%;
            float: none;
        }

        .gSection .gSectionGallery .item .rollOver {
            font-size: 10px;
            line-height: 14px;
        }

        #caruselUp, #space #caruselDown img {
            margin-top: 10px;
        }

        .fiveSectionsHolder .section.step1 {
            margin-top: 0px;
        }

        .fiveSectionsHolder .section.step2 {
            margin-top: 0px;
        }

        .fiveSectionsHolder .section .second {
            float: left;
            width: 15%;
        }

        .fiveSectionsHolder .section .third {
            float: right;
            width: 80%;
        }

        #sectionAmenities .fiveSectionsHolder .section {
            clear: both;
            width: 100%;
            margin: 0;
            padding-top: 20px;
            float: none;
            display: block;
        }

        #sectionAmenities .fiveSectionsHolder .section.last {
            margin-right: 0 !important;
        }

        .fiveSectionsHolder .section .second img.desktop {
            display: none
        }

        .fiveSectionsHolder .section .second img.mobile {
            display: block
        }

      

        #sectionConnections .left .subHeadText {
            font-family: avenirLight;
            font-size: 16px;
            color: #4c5154;
            line-height: 20px;
            margin-bottom: 20px;
        }


        #sectionAmenities .subHeadText {
            font-family: avenirLight;
            font-size: 16px;
            color: #829199;
            line-height: 20px;
            margin-bottom: 25px;
            width: 50%
        }

        #six-eight-conn {
            display: block;
        }

        img.p1 {
            display: none
        }

        img.p2 {
            display: none
        }

        img.p3 {
            display: none
        }

        img.p4 {
            display: none
        }

        img.p5 {
            display: none
        }

        img.base {
            display: none
        }

        #caruselCurrentImage {
            padding-top: 16px;
        }

        ul#webNav {
            margin-top: 20px;
        }

        #section1 {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top right;
        }

        #section1 .copyHolder {
            text-align: right;
            width: 260px;
        }

        #section3 .copyHolder {
            text-align: right;
            width: 330px;
        }

        #navigationPanel {
            padding: 16px;
        }

        ul#menu {
            right: 20px;
        }

        #mainNavHolder {
            padding-top: 16px;
            width: 70px;
        }

        #logo {
            width: 80px;
            top: 16px;
            left: 16px;
        }

        #logoNonHomepage {
            width: 80px;
            top: 16px;
            left: 16px;
        }

        #tabsContainerArea {
            margin: 60px 90px 50px 16px
        }

        .tabContent .left {
            float: none;
            width: 99%;
        }

        .tabContent .right {
            float: right;
            width: 99%;
            margin-top: 30px;
        }

        .tabContent .left .summary .downloadLink {
            -webkit-font-smoothing: antialiased !important;
            font-family: avenirLight;
            padding: 10px 40px 10px 40px;
            border: 1px solid #ccc;
            color: #8d9da6;
            font-size: 13px;
            position: relative;
            left: 0;
            margin-top: 20px;
            float: left;
            display: block;
        }

        .info {
            display: block;
            width: 100%;
            padding-top: 16px;
        }

        .tabContent .left .summary {
            width: 100%;
            position: relative;
            bottom: 0;
        }

        #tabsInfoWrap {
            background-color: #fff;
            padding: 16px;
            font-family: avenirLight;
        }

        .hotSpotsArea {
            width: 100%;
            margin-top: 5%;
            position: relative;
            margin-left: 0%;
        }

        #section12 {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 75%;
        }

        #building .left {
            float: left;
            width: 100%;
            padding-top: 8%
        }

        a.fullScreenBtn {
            position: absolute;
            right: 3px;
            top: -9px;
        }

        a.fullScreenBtn {
            top: 0px;
            padding-top: 0;
            right: 0;
        }

        #caruselControls {
            position: absolute;
            margin-left: 0;
            margin-top: 0px;
            right: 0px;
            top: -15px;
            z-index: 99;
            width: 100px;
            text-align: right;
        }

        .fancybox-skin {
            position: relative;
            background: #fff;
            padding: 16px;
            color: #444;
            text-shadow: none;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

        #space #caruselControls {
            top: -11px;
        }

        #space #upDownCarusel img {
            margin-top: 0;
            padding-top: 10%;
        }

        a.fullScreenBtn {
            top: 0px;
            padding-top: 0;
            left: 0;
            text-align: left;
        }

        a.fullScreenBtn img {
            padding-top: 0% !important;
            margin-top: 0px !important;
        }

        .threesectionsholder .section {
            width: 100%;
            float: none;
            padding-bottom: 20px;
        }

        #sectionAmenities .subHeadText {
            width: 100%
        }

        a.threeDBtn {
            position: absolute;
            right: auto;
            left: 37px;
            top: -2px;
        }

        .bSection .contentSection .item {
            float: none;
            width: 100%;
            margin-right: 0%;
            padding-bottom: 10px;
            margin-bottom: 30px;
            border-bottom: 1px solid #ccc;
        }

        .bSection .introBlock .left {
            float: none;
            width: 100%;
            margin-bottom: 30px;
        }

        .bSection .introBlock .right {
            float: none;
            width: 100%;
        }

        .oneThirdText {
            width: 100%;
        }

        .bSection .contentSectionFour .item {
            width: 100%;
            float: none;
            padding-bottom: 10px;
            margin-bottom: 30px;
            border-bottom: 1px solid #ccc;
        }

    }





    @media (max-width: 600px) {
        

        .restaurant-thumb {
          
          float: none!important;
          width: 100%!important;
          padding-right: 0!important;
          padding-left: 0!important;
          margin-bottom: 60px;

        }


        .right, .left, #sectionConnections .left, #sectionRestaurants .left, #restaurantsForm .left, #sectionRestaurants .right, #restaurantsForm .right {
            float: none;
            width: auto;
        }

        .cForm {
            float: none;
            height: 26px;
            display: block;
            width: 100%;
        }

        #mobileGdivider {
            display: block;
        }

        #desktopGdivider {
            display: none;
        }

        .gSection .gSectionGallery .item {
            width: 45.5%;
            margin: 0 4px 8px 4px;
        }

        #sectionConnections .left {
            float: none;
            width: 100%;
            -webkit-font-smoothing: antialiased !important;
        }

        #sectionConnections .right {
            display: none;
        }

        #mobileConnectionsImages {
            display: block;
            width: 100%;
            margin: 20px 0 20px 0;
        }

        #section1 {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top right;
        }

        #section1 .copyHolder {
            text-align: right;
            font-size: 14px;
            line-height: 18px;
            width: 200px;
        }

        #section8 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #fff;
            bottom: 16px;
            text-align: left;
            right: auto;
            width: 100%;
        }

        #section8 .copyHolder .headline {
            font-size: 26px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section9 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #ffffff;
            bottom: 16px;
            text-align: right;
            right: auto;
            width: 100%;
        }

        #section9 .copyHolder .headline {
            font-size: 26px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section10 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #ffffff;
            bottom: 16px;
            text-align: right;
            right: auto;
            width: 100%;
        }

        #section10 .copyHolder .headline {
            font-size: 26px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section6 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #ffffff;
            bottom: 16px;
            text-align: right;
            right: auto;
            width: 80%;
        }

        #section6 .copyHolder .headline {
            font-size: 26px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section7 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #ffffff;
            bottom: 16px;
            text-align: right;
            right: auto;
            width: 100%;
        }

        #section7 .copyHolder .headline {
            font-size: 26px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section11 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #ffffff;
            bottom: 16px;
            text-align: right;
            right: auto;
            width: 100%;
        }

        #section11 .copyHolder .headline {
            font-size: 26px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section12 .copyHolder, #section13 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #ffffff;
            bottom: 16px;
            text-align: left;
            right: auto;
            width: 100%;
        }
        #section13 .copyHolder {
            width: 80%;
        }

        #section12 .copyHolder .headline, #section13 .copyHolder .headline {
            font-size: 26px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section4 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #ffffff;
            bottom: 16px;
            text-align: left;
            right: auto;
            width: 100%;
        }

        #section4 .copyHolder .headline {
            font-size: 26px;
            line-height: 29px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section5 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #ffffff;
            bottom: 16px;
            text-align: right;
            right: auto;
            width: 70%;
        }

        #section5 .copyHolder .headline {
            font-size: 26px;
            line-height: 33px;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section3 .copyHolder {
            font-family: avenirMed;
            -webkit-font-smoothing: antialiased !important;
            font-size: 14px;
            line-height: 18px;
            position: absolute;
            color: #505659;
            bottom: 16px;
            text-align: right;
            right: auto;
            width: auto;
        }

        #section3 .copyHolder .headline {
            font-size: 26px;
            line-height: 110%;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #section3 {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 190% 20%;
        }

        .tab {
            font-family: avenirHev;
            -webkit-font-smoothing: antialiased !important;
            position: relative;
            display: inline-block;
            zoom: 1;
            *display: inline;
            margin-right: 3px;

            border: solid 1px #d4dbe0;
            border-bottom: none;
            width: 29%;
        }

        .tab a {
            font-size: 13px;
            line-height: 1em;
            display: block;
            padding: 8px 8px;
            outline: none;
            text-decoration: none;
            color: #8d9da6;
        }

        .inTabIcon {
            position: absolute;
            right: 5px;
            top: 5px;
            display: none;
        }

        .mapplic-list-container {
            padding-left: 0 !important;
        }

        .gSection .gSectionGallery .file {
            padding-top: 10px;
            font-size: 13px;
            line-height: 18px;
            float: none;
            width: 100%;

        }

        .breakline {
            display: block;
        }


    }




    @media only screen and (max-width: 480px) {
        .elevation-img {
            background-size: auto 40%;
            background-position: 20% 80%;
        }
        
        #section3 .copyHolder {
            top: 13%!important;
        }
        
        .copyHolder .headline {
            font-size: 45px!important;
        }
        
        #section3 .copyHolder .headline {
            margin: 0 0 10px 0;
        }

        table.floorsTable tr td:nth-child(2) {
            text-align:left;
        }

    }
	
	




/* ---------------------------------------------
   Re brand
--------------------------------------------- */


#DownloadsLogin input[type="button"] {
    -webkit-font-smoothing: antialiased !important;
    font-family: avenirHev;
    padding: 10px 40px 10px 40px;
    border: 1px solid #ccc;
    background: none;
    color: #8d9da6;
    outline: none;
    font-size: 13px;
}

#DownloadsLogin input[type="password"] {
    height: 38px;
    margin: 0 5px;
    width: 200px;
    padding: 0 10px;
    font-size: 14px;
    outline: none;
}

.headline {
    font-size: 77px;
    font-family:'avenirUltraLight';
    text-transform: uppercase;
    line-height: 100%;
    display: block;
    margin-bottom: 30px;
}


#section1:before {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(../images/pattern-blue.png);
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#section1 .copyHolder  {
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    left: 20%;

 }

 #section3 .copyHolder {
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
 }


@media all and (max-width:1440px) {

    #section1:before {
        margin-left: -30%;
    }

}

@media all and (max-width:1240px) {

    #section1 {
        background-size: 500px;
    }

    #section1 .copyHolder {
        left: 10%;
    }

    #section1:before {
        margin-left: -50%;
    }

}

@media all and (max-width:800px) {
    #section1:before {
        display: none;
    }

    #section1 {
        background-position:95px right center;
        background-size: cover;
    }

    #section1 .copyHolder {
        color: #fff;
        padding-right:0!important;
    }

    #section3 .copyHolder {
        transform: none;
        -webkit-transform:none;
        top: 13%;
 
    }

    #fullpage .copyHolder {
        box-sizing: border-box;
        padding-right:90px;
    }
}

@media all and (max-width:480px) {

    .tab-icon {
        display: none;
    }

}