/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body, html {width: 100%; height: 100%; font-family: 'Lato', sans-serif; color:#151515; line-height:150%; }
#main { height: 100%; /*overflow: auto;*/ padding:40px 0 0; min-height: 500px}

.noPad { padding: 0}

/* SITE PAGE HEADER */
.page-header { /* page-header at top of page */ margin: 0 0 40px;  /* page-header below navbar - adjust navbar-wrapper below */ /*  margin: 50px 0 0;*/ padding: 0px 20px 0px; border-bottom: none; background-color: #333333; height: 30px; z-index: 100;  /*line-height:110px;  background-image:url(../images/uploads/header_back.png)*/}
.page-header a { display: inline-block;  color: #fff; text-transform: uppercase; font-weight: 500; padding:5px 0 0 20px}
/* END SITE PAGE HEADER */

/* NAVBAR */
.navbar .navbar-collapse {text-align: center; padding:0px; margin: 0 -15px;}
.navbar .navbar-nav {  display: inline-block;  float: right; vertical-align: center;   text-align: center; }
.navbar-default {  text-align: center;}
.navRight { position: absolute; top:0; right: 20px;}
.navbar-brand { position: absolute; top:10px; left:0; margin-left: 0px !important; padding: 0px;}
.navbar-brand>img { max-height: 50px !important;	height:50px !important;    padding-left:10px;    width: auto;    display: block;}
.navbar-default .navbar-nav>li>a { color: #fff; text-transform: uppercase}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: transparent !important;  color: #ccc; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #f5f5f5; background-color: transparent;}
.navbar-default { border-color: #000;}
.navbar-nav { margin: 10px 15px 0;}
.navbar-inverse .navbar-brand { display: inline-block; color:#fff; padding:5px 15px; }
.navbar-inverse { background-color: #34495e; border:none; border-radius: 0; padding:0}
.navbar-inverse .navbar-nav>li>a { color: #082150; text-transform: uppercase; font-weight: 600}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #1a2631; }
.navbar-inverse .navbar-nav>.active>a:hover { background-color: #1a2631; border-color: #ccc; }
.navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: #1a2631; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ccc; background-color: #1a2631; }

.admin_nav {left:auto; right:0 !important}

.sectorNavInd { background:#39BBDA ; font-size:16px; padding: 6px;}
.sectorNavOth { background:#7FB55A ; font-size:16px; padding: 6px;}
.sectorNavRet { background:#E6C902 ; font-size:16px; padding: 6px;}

.dropdown-menu {background-color: #BFE6F2; padding: 1px}
.dropdown-menu>li>a { color:#081547;}
.dropdown-header {color:#666;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #081547;
    background-color: #BFE6F2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

@media only screen and (max-width: 1180px) {
  .navbar-brand {display:none;}
}
@media only screen and (max-width: 991px) {
  .navbar-brand {display:block;}
}

/*tab styling*/
.navbar-header {position: relative; }
#project_tab {position: absolute;
    width: 276px;
    max-height: 161px !important;
    padding: 0 !important;
    height: 160px !important;
    left: 0;
    top: -10px;
	-webkit-filter: drop-shadow(0px 5px 6px rgba(0,0,0,0.4));
    filter: drop-shadow(0px 5px 6px rgba(0,0,0,0.4));
}

/* END NAVBAR */

/* PROPERTY NAV */
.navbar-fixed-top-secondary { top: 65px !important; position: fixed; width: 100%; z-index: 1000; }
#main .navbar-nav { margin:0; padding-top: 0; }
#main .navbar {margin-bottom: 0}
#main .navbar .navbar-nav { float:right; margin:0 auto; display: block; text-align: center; }
#main .navbar-nav > li { display: inline-block; float:none; }
#main nav li { padding-bottom: 0px !important;}
#main nav li a {font-size: 12px;}
/* END PROPERTY NAV */

/* BUTTONS */
.btn {border-radius: 5px; }
.btn-primary { background-color: #FECB02; color: #435869; border-color: #FECB02; text-transform:uppercase; }
.btn-success { background-color: #435869; color: #fff; border-color: #435869; text-transform:uppercase; }
.btn-success:hover { color: #fff; background-color: #435869; border-color: #435869;}
.btn-sm {  border-radius: 20px; }
.btn-grey { color: #333333; background-color: #fbfbfb; border-color: #e7e7e7; border-radius: 100px; }
.btn-grey:hover { color: #333333; background-color: #ebebeb; border-color: #ebebeb; }
.btn-download { background-color: #151D48; color:#ffffff;}
/* END BUTTONS */

.shadow1{     -webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.30);
  -moz-box-shadow: 0px 25px 10px -15px rgba(0, 0, 0, 0.30);
  -ms-box-shadow: 0px 25px 10px -15px rgba(0, 0, 0, 0.30);
  -o-box-shadow: 0px 25px 10px -15px rgba(0, 0, 0, 0.30);
  box-shadow: 0px 25px 10px -15px rgba(0, 0, 0, 0.30)}


/* COPY TWEAKS */
p { font-weight: 400; font-size: 15px; line-height: 170%;}
h1, .h1 { font-size: 28px; }
h2, .h2 { font-family: 'Lato', sans-serif; font-size: 36px; color:#151515; text-transform:uppercase; font-weight:400; margin:0 0 20px 0; }
.downloads h2 { font-family: 'Lato', sans-serif; font-size: 28px; color:#151515; text-transform:none; font-weight:400; margin:0 0 20px 0; }
h2.accent { color:#00A793; text-align: center}

h2.accent.yellow { color:#E6C902; text-align: center}
h2.accent.green { color:#7FB55A; text-align: center}

p.accent { color:#D69059}
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h4.address { text-transform: uppercase; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

blockquote {
    padding: 10px 20px;
    margin: 0 auto;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-size: 24px;
    line-height: 32px;
    border-left: 0px solid #00A793;
    color: #00ACE9;
    width:75%;
    text-align: center;
}

small {font-size: 66%; line-height: 100%}

ul.bullets { padding:5px 30px; list-style:none; }
ul.bullets li { margin-bottom:5px; font-size: 15px; font-weight: 300; }
ul.bullets li:before {font-family: 'FontAwesome';font-size:0.5em; content:"\f111"; margin:0 -14px; color:#2c3e50; position:absolute;}
hr {margin: 15px 50px 5px; border: 0; border-top: 1px solid rgba(255,255,255,0.1) ;}

/* COPY PADDING */
p.inset { padding: 19px 9px; }
.breadcrumbs { position: relative; }
.bg-grey-pale { background-color: rgba(0,0,0,0.10) !important; }
/* END COPY TWEAKS */

/* FEATURETTE DIVIDER */
.featurette-divider { margin: 15px 0 30px; /* Space out the Bootstrap <hr> more */ }

/* CUSTOMIZE THE CAROUSEL */
/* Declare heights because of positioning of img element */
.carousel .item {
  /* max-height used to stop images being squashed */
  width: 100%; /*slider width*/
  max-height: 100% !important; /*slider height*/
}
.carousel .item > img {   width: 100%; }
.carousel { margin:0px;}
.carousel-control.left { background-image:none;}
.carousel-control.right { background-image:none;}
.carousel-caption h2 {font-weight: 300; margin: 10px 0; font-size: 40px; text-align: center !important; }
.carousel-caption h3 {font-weight: 600; margin: 0; font-size: 26px; text-transform: uppercase; text-align: center; letter-spacing: 2px }
.carousel-caption h4 {font-weight: 300; margin-top: 10px; font-size: 24px; text-align: left }
.carousel-caption {bottom: 40%; text-shadow: 3px 3px 7px rgba(21,21,21,0.40); width:60%;    }

/*.property-caption {width:660px !important;}*/

.carousel, .item, .active { height: 100%; }
.carousel-inner { height: 100%; }
/* Background images are set within the HTML using inline CSS, not here */
.fill { width: 100%; height: 100%; background-color: rgba(0,0,0,0.80)}
.fill-home { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-color: rgba(0,24,44,0) }

/* Carousel Fade */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

#video-background { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /*background: url(polina.jpg) no-repeat; background-size: cover;*/ }

/* END CUSTOMIZE THE CAROUSEL */

/* GALLERY */
.thumb { margin-bottom: 30px;}
/* hides gallery images */
.panel-hidden { display:none; }
/* END GALLERY */

/* PARALLAX IMAGES */
.parallax {
    /* Set a specific height */
    height: 500px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;
}
/* END PARALLAX IMAGES */

/* CUSTOMIZE THE MODALS */
.modal-vertical-centered { transform: translate(0, 50%) !important; -ms-transform: translate(0, 50%) !important; /* IE 9 */ -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */ }
.modal-vertical-centered { transform: translate(0, 10%) !important; -ms-transform: translate(0, 10%) !important; /* IE 9 */ -webkit-transform: translate(0, 10%) !important; /* Safari and Chrome */ }
.modal-vertical-tophalf { transform: translate(0, 10%) !important; -ms-transform: translate(0, 10%) !important; /* IE 9 */ -webkit-transform: translate(0, 10%) !important; /* Safari and Chrome */ }
/* END CUSTOMIZE THE MODALS */

/* LOGIN  */
#msgBox { display: none; padding: 15px; margin-top: 10px }
#msgRegBox { display: none; padding: 15px; margin-top: 10px }
a { text-decoration: none !important;  color:#ffffff}
a:hover { text-decoration: none !important;  color:#ccc}
.btn-group { margin-top: 6px; padding-left: 20px;}
.btn-group > .btn-sm { padding-left: 20px; padding-right: 20px;}
/* END LOGIN */

/* GOOGLE MAP OPTIONS */
#map_canvas { height: 30% }
#map-outer { height: 430px; margin: 0; padding: 0; position: relative; width: 100% }
#map-inner { height: 430px; margin-bottom: 20px; }
#map_canvas { height: 430px }
#map-inner-lrg { height: 740px; margin: 15px 0 0; }
#map_canvas_lrg { height: 740px }
/* FULL WIDTH MAP CSS */
/*@media all and (max-width: 768px) {#map-outer  { height: 650px }}*/
/* END GOOGLE MAP OPTIONS */

/* DOWNLOAD SECTION */
.downloadWrapper {margin-bottom:25px;  /*background: #f1f1f1; border-right:1px solid #555555; border-bottom:1px solid #555555; border-left:1px solid #555555; */}
.downloadSection { background-color: #555555; /*width: 100%;*/ color: #FFF; margin-top:5px }
.downloadSection h3 { font-size: 14px; margin: 10px 0;  font-weight: bold}
.downloadDocs_title { background-color: #9B9DA1; color: #333; height:36px; border-bottom:1px solid #F5F5F5;}
.downloadDocs_title span { color: #e4e4e4; font-size: 11px; }
.downloadDocs_title h4 { font-size: 14px; font-weight: bold}
.downloadList { padding: 5px 0 0; margin: 0; background-color: #F5F5F5; }
.downloadList ul { list-style: none; padding:5px 15px 0px !important }
.downloadList li a { text-decoration: none; display: inline-block; padding: 2px 0 6px; font-weight: bold; color: #000000; }
.downloadList li a:hover { text-decoration: underline; }
.downloadDocs_download { /*background-color: #70AF2A;*/ padding: 0; }
a.downloadDocs_download { width: 100%; text-align: center; background-color: #70AF2A; color: #151515; display: block; padding: 8px 2px 6px; border-bottom: 1px solid #f5f5f5;  }
a.downloadDocs_download_all { width: 100%; text-align: center;  background-color: #3f6714; color: #fff; display: block; padding: 7px 2px 7px; margin-top:5px; /* margin-bottom:1px */}
/* END DOWNLOAD SECTION */

/* TABLE OPTIONS */
thead tr td { text-align: center; background-color: #BBD5E7 }
tr.tableFooter { background-color: #BBD5E7 }
.table-bordered { border: 1px solid #66A4C6; margin:40px 0; }
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border: 1px solid #66A4C6;}
table.proposal td.borderbottom { border-bottom: 1px solid #FFF;}
table.proposal td {border-top: none !important;}
/* END TABLE OPTIONS */

/* PARALLAX STYLING */
.home_img01 { background-image: url("../images/uploads/parallax_01.jpg"); }
.home_img02 { background-image: url("../images/uploads/parallax_02.jpg"); }
.home_img03 { background-image: url("../images/uploads/parallax_03.jpg"); }
/* END PARALLAX STYLING */

/* GLOBAL BUTTON COLORS */
.btn-lot { border:0; padding: 10px 20px; text-transform: uppercase; color: #FFF; /*min-width: 100%*/ }
.btn-lot:hover { background-color: #263747 !important; border-color: #8D6A10; color:#fff}
.white_txt, .white_txt td {color:#fff !important; text-align: left}
/* END GLOBAL BUTTON COLORS */

/* PROPERTY CAROUSEL */
.property-carousel > .carousel-caption h2 {font-weight: 500; margin: 10px 0; font-size: 50px !important; text-align: left !important; margin-left: -7px; }
.property-carousel > .carousel-caption h3 {font-weight: 600; margin: 0; font-size: 36px; text-transform: uppercase; text-align: left }
.property-carousel > .carousel-caption h4 {font-weight: 300; margin-top: 10px; font-size: 24px; text-align: left }
/* END PROPERTY CAROUSEL */

/* FOOTER */
footer { color:#fff; border-top: 1px solid #272727; min-height:100px; line-height:120px; overflow:hidden; background-color: #272727 }
footer a {color:#fff;}

.agent_logo img { max-height: 80px}
.agent { font-size:16px; font-weight: 700; color:#00A793}

div.agent-band { color:#fff; /*border-top: 1px solid #333;*/ background-color: #333; padding-top:20px; padding-bottom: 40px;}
div.agent-band div {margin: 0 0 10px}

.footerContainer { padding:30px; display: inline-block;}
/* END FOOTER */

/* Map Styles */
#map {padding:0}
#map_canvas { width: 100%; height: 550px; padding: 0; margin: 0; overflow: hidden; }
.infobox-wrapper { display: none; }
.infoBox { background-image: url(../images/map/arrow.png); background-repeat: no-repeat; background-position: 0px 0px; }
.boxText { margin: 8px 0 30px 0; color: #000; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*-webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000;*/ background-repeat: repeat-x; /*background-image: url(../images/common/map_infoBg.png);*/ background-color: #FFF; width: 225px !important; border: 1px solid #DDD }
.mapInfoContent { padding: 5px; line-height: 14px }
.mapTitleStrip { width: 225px; padding: 10px 15px; color: #000; font-family: 'Lato', sans-serif; text-align: left; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #ccc }
.mapTitleStrip span.prop_num {font-size: 11px; background-color: #fff; padding: 2px 6px; color: #000; margin: -38px 5px 0 -8px; position: absolute;}

.mapTitleStrip ul {
    margin: 10px 0;
    padding-left: 16px;
}

.mapTitleStrip ul li {
    margin-left: 0;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
}
.mapMoreInfo { width: 225px; background-color: #0b1b59; float: left; padding: 10px 15px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #ffffff; text-align: right; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.mapMoreInfo a { text-decoration: none; color: #ffffff; }
.mapMoreInfo a:hover { text-decoration: underline }

.cluster img {
    left: 0 !important;
}

/* End Map Styles */

#user-table a { color:#151515; }

.ui-autocomplete { z-index: 5000; }
#fancybox-wrap, #fancybox-wrap * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

/* SECTIONS */
.intro.section { height: 100%; padding-top: 65px; text-align: center;  background: #f7f7f7;}
.section { /*min-height: 100%;*/ padding-top: 50px; text-align: left;  background: #fff;}
.admin-section { /*min-height: 100%;*/ padding-top: 150px; text-align: left;  background: #fff;}
.downloads { /*min-height: 100%;*/ padding: 80px 0 0 0; text-align: left;  background: #fff;}
.well {text-align: left; }
#overview2 {padding:60px 0 50px;}

/* PROPERTY SECTIONS */
#investment { background-color: #0c112f; color:#151515; padding:60px 0 50px;}
#summary { color: #fff; padding:60px 0 50px;}
#counters { color: #fff; padding:60px 0 50px;}
#opportunity { background-color: #fff; color:#151515; padding:60px 0 50px;}
#brochure { padding: 40px 0 60px;}
#tenancy { padding:50px 0 50px; }
#tenancy p { color:#fff; }
#description { background-color: #253746; color:#fff; padding:50px 0;}
h2.white {color: #fff; text-align: center}
#tenure { background-color: #fff; color:#151515; padding:50px 0;}
#prop_location { background-color: #253746; color:#fff; padding:60px 0 0;}
#prop_contacts { background-color: #333; color:#fff; padding:60px 0 0;}
#gallery { background-color: #C3A042; color:#151515; padding:0;}

/* PROPERTY TAB LIST */
.list-group, .list-group-item {border:1px solid #081547;}
h4.list-group-item-info, h4.list-group-item-warning, h4.list-group-item-success {color:#fff; font-weight: bold; padding:15px;}
.list-group-item-info {background-color:#34BBDA}
.list-group-item-success {background-color:#7DB559}
.list-group-item-warning {background-color:#E4C900}



/* circle */
.circle {
    width:125px;
    height:125px;
    border-radius:50%;
    background: black;
    border: 2px solid #C18353;
    display: inline-block;
    line-height: 125px;
    text-align: center;
    font-size: 42px;
    margin-bottom: 15px;
}

.panel-default {
    border-color: #fff;
}
.panel {
    background-color: #fff;
    border: 5px solid #fff;
    border-radius: 0;
}

#location h2 { text-align: center; }

#overview { background-color: #FFF; color: #444745; padding: 60px 0 80px;}
#overview .well { background-color: #FFF; border: none; color: #444745;  -webkit-box-shadow: none;   box-shadow: none;  }

#overview h2 { text-align: center; }
#overview ul.bullets li:before {color: #7f694f;  }
#overview ul.bullets li { border-bottom: 1px solid rgba(189,206,227, 0.30); padding-bottom: 10px; }
#overview ul.bullets li:last-of-type {border-bottom: none; padding-bottom: 10px; }

#floorplans { background-color: #7F694F; color:#444745; padding:50px 0 50px;}
#floorplans a.tenants { box-shadow: none;  transition: box-shadow 400ms ease, transform 400ms ease, z-index 400ms ease; position:relative; top:0; left:0; height:30vw; width: 100%; display: block}
#floorplans a.tenants:hover { z-index: 60; transform: scale(1.03); box-shadow: 0px 28px 81px -7px rgba(0,0,0, 0.44); }
#floorplans a.tenants h4 { text-align: center; padding: 150px 20px 50px; font-size: 40px; color: #FFF }

#opportunity { background-color: #fff; color:#444745; padding:50px 0 50px;}
#opportunity a.tenants { box-shadow: none;  transition: box-shadow 400ms ease, transform 400ms ease, z-index 400ms ease; position:relative; top:0; left:0; height:30vw; width: 100%; display: block}
#opportunity a.tenants:hover { z-index: 60; transform: scale(1.03); box-shadow: 0px 28px 81px -7px rgba(0,0,0, 0.44); }
#opportunity a.tenants h4 { text-align: center; padding: 150px 20px 50px; font-size: 40px; color: #FFF }
#opportunity h2.accent { text-align: left}

.modal-dialog { width: 60%; }
#tenancy-schedule .modal-dialog { width: 80% !important; }
#key-investment .modal-dialog { width: 80%; }

#video { background-color: #fff; color: #444745; padding: 60px 0 80px;}
#video h2 { text-align: center; }

a.prop_hovers { box-shadow: none;  transition: box-shadow 400ms ease, transform 400ms ease, z-index 400ms ease; position:relative; top:0; left:0; height:30vw; width: 100%; display: block}
a.prop_hovers:hover { z-index: 60; transform: scale(1.03); box-shadow: 0px 28px 81px -7px rgba(0,0,0, 0.44); }
a.prop_hovers h4 { text-align: center; padding: 100px 20px 10px; font-size: 40px; color: #FFF; text-transform: uppercase; }
a.prop_hovers p.address { text-align: center; padding: 0 40px ; font-size: 16px; color: #212a31; text-transform: uppercase; font-weight: 600 }
a.prop_hovers p { text-align: center; padding: 60px 20px 0; font-size: 20px; color: #FFF; text-transform: uppercase; }

.overview_bg {
    background: url('/images/uploads/overview_bg.jpg');
    background-position: bottom;
    background-size: cover;
}


.list-flex {
  column-count: 3; /* or 2 or 1 as needed */
  column-gap: 1rem;
  list-style: none;
  padding: 0;
}

.list-flex :before {font-family: 'FontAwesome';font-size:0.5em; content:"\f0c8"; margin:0 -14px; color:#FFE400; position:absolute;}


.list-flex li {
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 0.5rem;
  box-sizing: border-box;
  color:#fff; 
  text-align: left;
  margin-bottom:10px;
  font-size: 16px;
  list-style:none;
}

@media (max-width: 900px) {
  .list-flex {
    column-count: 2;
  }
}

@media (max-width: 600px) {
  .list-flex {
    column-count: 1;
  }
}


#prop_accomm table { color:#fff; border:0; text-align: left; }
#prop_accomm table td { vertical-align:top; }
#prop_accomm table ul { padding:5px 30px; list-style:none; }
#prop_accomm table ul  li { margin-bottom:15px; font-size: 16px; }
#prop_accomm table ul :before {font-family: 'FontAwesome';font-size:0.5em; content:"\f0c8"; margin:0 -14px; color:#FFE400; position:absolute;}

/* END PROPERTY SECTIONS */

/* SECTIONS */
#covenant {   padding:50px 0 50px;}
#highlights { background-color: #253746; color:#fff; padding:40px 0 60px;}
#iconHolder {overflow: hidden}
#imageHolder {overflow: hidden}
h2.white {color: #fff; text-align: center}
#strapline { background-color: #5E5D5D; color:#fff;  padding:50px 0;}
h5 {line-height: 24px; font-style: italic; font-weight: 300;}
#properties { background-color: #f5f5f5; color:#151515; padding:50px 0;}
#location { background-color: #fff; color:#151515; padding:50px 0 0;}
#further-information { background-color: #333; color:#fff; padding:40px 0 0;}

.parallax { height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
/* END SECTIONS */

/* MOUSE SCROLL */
.mouseScroll {position:absolute;  z-index:1000; top:90%; left:0; right:0; margin-left:auto; margin-right:auto;}
icon-scroll, .icon-scroll:before { position: absolute; left: 50%; }
.icon-scroll, .icon-scroll:before { position: absolute; left: 50%; }
.icon-scroll { width: 30px; height: 56px; margin-left: -15px; top: 50%; margin-top: -35px; box-shadow: inset 0 0 0 1px #FFF; border-radius: 25px; }
.icon-scroll:before { content: ''; width: 8px; height: 8px; background: #FFF; margin-left: -4px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; }
 @-webkit-keyframes scroll {
     0% {
        opacity: 1;
    }
     100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}
 @keyframes scroll {
     0% {
    opacity: 1;
    }
     100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
    transform: translateY(46px);
    }
}
/* END MOUSE SCROLL */

.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.m-0 { margin: 0 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.m-1 { margin: 1rem 1rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mr-1 { margin-right: 1rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.ml-1 { margin-left: 1rem !important; }
.mx-1 { margin-right: 1rem !important; margin-left: 1rem !important; }
.my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.m-2 { margin: 1.5rem 1.5rem !important; }
.mt-2 { margin-top: 1.5rem !important; }
.mr-2 { margin-right: 1.5rem !important; }
.mb-2 { margin-bottom: 1.5rem !important; }
.ml-2 { margin-left: 1.5rem !important; }
.mx-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.my-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.m-3 { margin: 3rem 3rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mr-3 { margin-right: 3rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.ml-3 { margin-left: 3rem !important; }
.mx-3 { margin-right: 3rem !important; margin-left: 3rem !important; }
.my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.p-0 { padding: 0 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-1 { padding: 1rem 1rem !important; }
.pt-1 { padding-top: 1rem !important; }
.pr-1 { padding-right: 1rem !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pl-1 { padding-left: 1rem !important; }
.px-1 { padding-right: 1rem !important; padding-left: 1rem !important; }
.py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.p-2 { padding: 1.5rem 1.5rem !important; }
.pt-2 { padding-top: 1.5rem !important; }
.pr-2 { padding-right: 1.5rem !important; }
.pb-2 { padding-bottom: 1.5rem !important; }
.pl-2 { padding-left: 1.5rem !important; }
.px-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.py-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.p-3 { padding: 3rem 3rem !important; }
.pt-3 { padding-top: 3rem !important; }
.pr-3 { padding-right: 3rem !important; }
.pb-3 { padding-bottom: 3rem !important; }
.pl-3 { padding-left: 3rem !important; }
.px-3 { padding-right: 3rem !important; padding-left: 3rem !important; }
.py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.p-4 { padding: 4rem 4rem !important; }
.pt-4 { padding-top: 4rem !important; }
.pr-4 { padding-right: 4rem !important; }
.pb-4 { padding-bottom: 4rem !important; }
.pl-4 { padding-left: 4rem !important; }
.px-4 { padding-right: 4rem !important; padding-left: 4rem !important; }
.py-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.p-5 { padding: 5rem 5rem !important; }
.pt-5 { padding-top: 5rem !important; }
.pr-5 { padding-right: 5rem !important; }
.pb-5 { padding-bottom: 5rem !important; }
.pl-5 { padding-left: 5rem !important; }
.px-5 { padding-right: 5rem !important; padding-left: 5rem !important; }
.py-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

/* SMALL FORM CSS */

/* Media Queries  */
@media only screen and (max-width : 992px) {

	/* collapse nav at 992px*/
	.navbar-header { float: none;}
	.navbar-toggle { display: block; }
	.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); background-color: #263847; }
	.navbar-collapse.collapse { display: none!important; }
	.navbar-nav { float: none!important; margin: 7.5px -15px; }
	.navbar-nav>li { float: none; }
	.navbar-text { float: none; margin: 15px 0; }
	/* since 3.1.0 */
	.navbar-collapse.collapse.in { display: block!important; }
	.collapsing { overflow: hidden!important; }
	.navbar-static-top .navbar-collapse { max-height: inherit; }
	.navbar-brand>img { display: block; }
	.navbar-header { float: none; }

	#main { padding-top: 0px;}
	/* Carousel  */
	.carousel-caption h2 {font-size: 28px}
	.carousel-caption h3 {font-size: 22px}
	.carousel-caption h4 {font-size: 16px}

	/* Turn off parallax scrolling for tablets and phones. */
	.parallax {
        background-attachment: scroll;
    }
	.mouseScroll { position: relative !important; margin: -30px 0; top:0}
	h2, .h2 { font-size:30px;}
    .section { padding-top: 65px !important }

    .admin-section { padding-top: 65px !important }
    #myCarousel { margin-top: 0px;}
    .navbar { max-height:65px !important }
    .navbar-header {height:65px !important }
	.navbar-toggle {margin-top: 15px;}
	.px-4 {padding-right: 1rem !important; padding-left: 1rem !important; }
	#covenant {padding-top:30px !important;}
}

@media screen and (max-width: 768px) {
.carousel-caption {top:5%; width:80%; right:10%; left: 10%;}
.carousel-caption p { margin-bottom: 20px; font-size: 21px;  line-height: 1.4; }
#myCarousel {margin-top:0px; max-height: 305px;}
#intro {max-height: 375px;}
.carousel-caption h2 {font-size: 22px}
.carousel-inner>.item>a>img, .carousel-inner>.item>img { min-height: 240px;}
.page-header { display: none; /* hide page header */	 }
.featurette-divider { margin: 15px 0; /* Space out the Bootstrap <hr> less */ }
.navbar-inverse { background-color: #1B5A83; border:none; /* border-color: #080808;*/ }
/*#myCarousel { margin-top: 50px; }*/
.dummyImg {display:none}
}
@media screen and (min-width: 768px) {
    .navbar-nav>li>a { padding-top: 15px; padding-bottom: 20px;}
}

/* mege menu */
.menu-large {
  position: static !important;
}
.megamenu{
  padding: 20px 0px;
  width:80%;
  left:10%;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
}

.megamenu> li > ul > li >a span.prop_num {font-size: 11px; background-color: #151515; padding: 2px 6px; color: #fff; margin: 0 10px 0; }


.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}

.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;

  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }
  .navbar-nav .open .dropdown-menu {
    background-color:#fff;
  }
}
/*
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    }
body {
    top: 0px !important;
    }
#google_translate_element {margin-top:10px; background-color:#fff; border-radius:5px; border:1px solid #000; width:250px; position:absolute; left:300px;}
*/