/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.new-li {
  margin-left: 70px;
}
.new-h1 {
  font-size: 4rem;
  font-weight: 900;
  text-align: left !important;
  padding-left: 50px;
}


.new-h2 {
  margin-top: 1rem;
  text-align: left !important;
  padding-left: 60px;
  margin-bottom: 0.2rem;
}
.new-lead {
    font-size: 1.25rem;
    font-weight: 500;
    padding-left: 120px;
    padding-right: 100px;
}

.new-img-layout {
  height: 355px;
  background-position-x: center;
  background-size: cover;
  background-position-y: -178px;
  width: 90%;
  margin: 0 5%;
}

.advanced-real-estate-tabs ul.tab-nav li a {
  height: auto;
  background-color: #333333;
}


.search-ul {
  padding-left: 0;
}

.privacylist {
  display: inline-block;
  width: 31%;
  vertical-align: top;
  margin: 0 1%;
}

.gallerydisplay {
  max-width:65%;
}

.dont-break-out, a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}

.search-bg-img {
  background: url('/images/items/letting.jpg') center center no-repeat;
  background-size: auto;
}

.search-bg-col {
  background: #333333;
}

#header {
  position: absolute;
  width: 100%;
}

.fixedbannerimg {
  background-position-y:-147px !important;
}

a.inactive, i.inactive {
  cursor: context-menu !important;
}

i.inactive:hover{
  color:#444 !important;
}

ol, ul {
  padding-left: 40px;
}

.table {
  font-size: 1rem;
}

.table thead th {
  color: #f58220;
  font-size: 1.25rem;
  text-align: center;
}

.table tbody td {
  text-align: center;
}

#wrapper, body {
  background-color: #efefef;
}

#gotoTop {
  background-color: #f58220;
}

#gotoTop:hover {
  background-color: #000 !important;
}

#slider {
  -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
  transition: 2s;
}

#search {
  -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
  transition: 2s;
}

.slider-element {
  -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
  transition: height 2s;
}

.centercontcust{
  justify-content: center !important;
}

.facebookcontainer {
  padding: 1.7em 1em 0em 4em;
  height: auto;
  background-color: #f58220;
  width: 100%;
}

/* Footer CSS below this point*/
#footer.dark, #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
  background-color: #333333;
}

#footer {
  border-top: 0;
}

#footer .footer-widgets-wrap {
    position: relative;
    padding: 40px 0 0;
}

#map {
  margin-bottom: 2%;
}

h4 {
  margin: 0;
}

.newfootercont ul {
  padding-left:0 !important;
  list-style-type: none;
  padding:0 4em 0 0;
}

.newfootercont {
  display: flex;
  padding: 1em;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

.newfootercont h4 a {
  color: #FFFFFF;
}


.logomenu {
  width: 40%;
  margin: 0% 30%;
}

.logomenu ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  padding-left: 0;
  margin-bottom: 0;
  align-items: baseline;
}

.footermap {

}

.foot-logos {
  margin: 0 10% 3%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  /* padding-left: 0; */
  /* margin-bottom: 0; */
  align-items: baseline;
}

.foot-logo {
  flex-basis: 30%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 12vh;
  margin-bottom: 1%;
  cursor:pointer;
}
/* Footer CSS above this point*/

.img-panel {
  background-image: url("/images/stock/csl_stock_kitchen.jpg");
  background-size: cover;
  background-position: center bottom;
  min-height:200px;
  margin-bottom: 2%;
}

.white-panel {
  min-height:300px;
}

.csl-img1 {
  background-image: url("/images/stock/csl_stock_dining.jpg");
}

.csl-img2 {
  background-image: url("/images/stock/csl_stock_lounge.jpg");
  background-position: center top;
}

.img-panel > .container,
.white-panel > .container {
  padding: 20px 20% 20px 0;
}

.panel-wide > .container {
  padding: 20px 0;
}

.push-right {
  padding-right: 0;
  padding-left: 20%;
}

.container > div {
  padding: 1% 0;
}

.img-panel > .container > div,
.img-panel > .container > a > div {
  background-color: #FFFFFFc7;
  padding: 2%;
  border-radius: 10px;
}

.white-panel > .container > div,
.white-panel > .container > a > div {
  background-color: #f5822099;
  padding: 2%;
  border-radius: 10px;
}

.panel-wide > .container div {
  width: 40%;
  margin: 50px 4%;
  display: inline-block;
  text-align: center;
}

.bg-none {
  background-color: unset !important;
}

a p.lead {
  color: #555;
}

p.lead strong {
  color: #f58220;
}

.container p:last-child {
  margin-bottom: 0;
}

.bg-orange {
  background-color: #f58220;
}

.info-section-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
}

.info-section {
  flex-basis: 49.5%;
  background-color: white;
  padding: 1rem;
  margin-bottom: 1rem;
}

.info-section h2 {
  text-align: center;
}

.info-section h1, .info-section h2, .info-section h3, .info-section h4, .info-section h5,
.img-panel h1, .img-panel h2, .img-panel h3, .img-panel h4, .img-panel h5 {
  color: #f58220;
}

.info-section.header {
  background-color: unset;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 1%;
  text-align: center;
}

.section-third {
  flex-basis: 32.5%;
}

.section-two-thirds {
  flex-basis: 66.3%;
}

.section-whole {
  flex-basis: 100%;
}

.img-contain{
      background-size: contain !important;
      background-repeat: no-repeat;
}
.info-img {
  height: 200px;
  background-position: center;
  background-size: cover;
}

.tooltip-area {
  font-size: 1.2em;
}

.tooltip-info {
  font-size: 1.4em;
  background-color: #f58220;
  color: white;
  border: 2px solid white;
}

.btn-search {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #f58220;
  z-index: 20;
  border: white 2px solid;
  border-top: none;
}

.pos-absolute {
  position: absolute;
}

.device-md .slider-element,
.device-sm .slider-element,
.device-xs .slider-element { padding: 60px 0; }

#logo {
  padding: 10px !important;
}

#logo img {
  height: 80px;
}

.tab-left-container {
  position: fixed;
  top: 40%;
  z-index: 3;
}

.tab-left-container.right {
  right: 0px;
  top: 48%;
}

.tab-left-container a {
  transform: rotate(270deg);
  height: 40px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: white 2px solid;
  padding: 0;
  border-top: none;
}

.tab-left-container.right a {
  transform: rotate(90deg);
  /* padding: 0 5px; */
}

#book-viewing-btn {
  left: -80px;
  width: 200px;
  text-align: center;
}

#alert-subscribe-btn {
  left: -80px;
  width: 200px;
  text-align: center;
  margin-top: 160px !important;
  background-color: #333333;
}

#alert-repair-btn {
  right: -100px;
  width: 240px;
  text-align: center;
}

.real-estate-item-image {
  min-height: 200px;
}

.property-notice {
    /* height: 3rem; */
    z-index: 1;
    /* background: linear-gradient(to right, #fff -130%, #000 60%, #fff 150%); */
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.5;
    text-align: center;
    background-color: #0000009e;
}

.property-notice-listing {
    z-index: 1;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    background-color: #0000009e;
}

.photo-name {
    z-index: 1;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    background-color: #000000;
    position: absolute;
    bottom: 0;
    width: 100%;
}


/* first break point */

@media only screen and (max-width: 1199px) {
  .new-img-layout {
      height: 242px;
  }

  .new-h1 {
    font-size: 3.5rem;
    font-weight: 900;
    text-align: left !important;
    padding-left: 45px;
  }
  .new-h2 {
    margin-top: 1rem;
    text-align: left !important;
    padding-left: 42px;
    margin-bottom: 0.2rem;
  }
  .new-lead {
      font-size: 1.25rem;
      font-weight: 500;
      padding-left: 100px;
      padding-right: 70px;
  }


}

@media only screen and (max-width: 991px) {
  .info-section, .section-third {
    flex-basis: 100%;
  }

  .new-h1 {
    font-size: 3rem;
    font-weight: 900;
    text-align: left !important;
    padding-left: 34px;
    margin-bottom: 0.2rem;
  }

  .new-h2 {
    margin-top: 1rem;
    text-align: left !important;
    padding-left: 34px;
    margin-bottom: 0.2rem;
  }
  .new-lead {
      font-size: 1.25rem;
      font-weight: 500;
      padding-left: 90px;
      padding-right: 50px;
  }

  .new-img-layout {
      height: 200px;
      background-position-y: -132px;
  }

  .gallerydisplay {
    max-width:100%;
  }

  .logomenu {
    width: 60%;
    margin: 0% 20%;
  }

  .info-img {
    height: 250px;
    background-position: center;
    background-size: cover;
  }

  .fixedbannerimg {
    background-position-y:-17px !important;
  }

  #header.dark.transparent-header,
  #header.dark.semi-transparent{
    width: 100%;
    position: fixed;
    z-index: 30;
    /* padding: 10px; */
  }

  .foot-logos {
    margin: 0 5% 3%;
  }

  .foot-logo {
    flex-basis: 50%;
  }

  .property-notice {
      font-size: 1.5rem;
  }
}

@media only screen and (max-width: 767px) {

  .new-h1 {
    font-size: 2rem;
    font-weight: 900;
    text-align: left !important;
    padding-left: 22px;
    margin-bottom: 0.2rem;
  }

  .new-h2 {
    padding-left: 22px;
  }

  .new-lead {
      padding-left: 23px;
      padding-right: 11px;
  }

  .new-img-layout {
    height: 165px;
    background-position-y: -66px;
  }

  .privacylist {
    display:block;
    width:100%;
    vertical-align: top;
  }

  .foot-logos {
    margin: 0 0 3%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    /* padding-left: 0; */
    /* margin-bottom: 0; */
    align-items: baseline;
  }

  .foot-logo {
    flex-basis: 50%;
  }

  .property-notice {
      font-size: 1.3rem;
  }

}

@media only screen and (max-width: 575px) {
  /* .container, #header.full-header .container, .container-fullwidth {
    padding-left: 5px !important;
    padding-right: 5px !important;
  } */
  .icon-lg {
    display: none;
  }

  .new-h1 {
    font-size: 1.7rem;
    font-weight: 900;
    text-align: left !important;
    padding-left: 5px;
    margin-bottom: 0.2rem;
  }

  .new-h2 {
    padding-left: 5px;
  }

  .new-lead {
      padding-left: 5px;
      padding-right: 5px;
  }


  .new-img-layout {
    height: 180px;
    background-position: center bottom;
    background-size: cover;
    width: auto;
    margin: 0 1%;
  }
  /* .new-img-layout {
    height: 180px;
    background-position-y: -42px;
  } */

  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .tab-left-container, .tab-left-container.right a {
    position: -webkit-sticky;
    position: sticky;
    top: unset;
    bottom: 43px;
    z-index: 11;
    width: 100%;
    padding: 1%;
    background-color: #000;
  }

  .tab-left-container.right{
    bottom: 0px;
    z-index: 10;
  }

  .tab-left-container a, .tab-left-container.right a {
    transform: rotate(0);
    height: 40px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: white 2px solid;
    padding: 0;
    /* border-top: unset; */
  }

  #book-viewing-btn, #alert-subscribe-btn, #alert-repair-btn {
    left: 0;
    width: 100%;
    text-align: center;
  }

  #alert-subscribe-btn {
    margin-top: 0.5% !important;
    background-color: #333333;
  }

  .newfootercont {
    flex-wrap: wrap;
  }

  .newfootercont div {
    flex-basis: 100%;
    text-align: center;
  }

  .newfootercont ul {
    display: none;
  }

  .newfootercont h4 {
    font-size: 1.5em;
    margin-bottom: 1.5%;
  }

  .newfootercont h4 a {
    color: #f58220;
  }

  #foot-contact {
    order: -1;
  }

  #foot-contact ul {
    display: block;
    text-align: center;
    padding: 0;
    font-size: 1.2em;
    font-weight: 900;
    margin-bottom: 6px;
  }

  #foot-contact h4 {
    display: none;
  }

  .foot-logos {
    margin: 0 15% 3%;
  }

  .foot-logo {
    flex-basis: 100%;
    height: 12vh;
    margin-bottom: 2%;
  }

  .property-notice {
      font-size: 1rem;
  }

}