/* ==================================================
   Basic Styles
================================================== */

html,
body {
  height: 100%;
}
html,
hmtl a {
  width: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  color: #262a2b;
  font-size: 15px;
  font-family: 'Work Sans', sans-serif;
  line-height: 22px;
  font-weight: 400;
}
a {
  color: #333333;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
a:hover,
a:active {
  outline: 0;
  color: #fe5c74;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a img {
  border: none;
}
a > img {
  vertical-align: middle;
}
img {
  max-width: 100%;
  height: auto;
}
strong {
  font-weight: 700;
}
p,
figure {
  margin: 0px;
  padding: 0px;
}
p,
figure {
  margin: 0px 0px 15px 0px;
}
hr {
  border-style: dashed;
  border-color: #3c3f45;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin: 50px 0;
}
.through {
  text-decoration: line-through;
}
.border-radius {
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  behavior: url(PIE.htc); /* For IE8 */
}
input,
button,
select,
textarea {
  background-color: #ffffff;
  border: solid 1px #d5d5d5;
  font-weight: 400;
  outline: 0;
  font-family: 'Helvetica', sans-serif, Arial, Helvetica, sans-serif;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -webkit-border-radius: 0;
}
input[type='button'],
input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
input:focus,
textarea:focus,
input[type='text']:focus {
  outline: 0;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #7f8289;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #7f8289;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7f8289;
}
* {
  box-sizing: border-box;
}
*::before,
*::after {
  box-sizing: border-box;
}

/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Work Sans', sans-serif;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  color: #333333;
  font-weight: 200;
  line-height: 60px;
}
h1 {
  font-size: 42px;
  line-height: 50px;
}
h2 {
  font-size: 36px;
  line-height: 44px;
}
h3 {
  font-size: 30px;
  line-height: 36px;
}
h4 {
  font-size: 24px;
  line-height: 32px;
}
h5 {
  font-size: 20px;
  line-height: 26px;
}
h6 {
  font-size: 16px;
  line-height: 20px;
}
.mainDiv {
  float: left;
  width: 100%;
}
.container {
  max-width: 1280px;
  margin: auto;
  position: relative;
}

/* ==================================================
   Header
================================================== */

.custom-logo-link {
  float: left;
  width: 65px;
  height: 65px;
  background: #c5c5c5;
  padding: 7px;
}
@media screen and (max-width: 1200px) {
  .custom-logo-link {
    margin-left: -15px;
  }
}

.navBar {
  background: #ffffff;
  position: fixed;
  width: 100%;
  top: 80px;
  padding: 0px;
  z-index: 9999999;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.navBar .container {
  display: flex;
  justify-content: space-between;
}
.navBar.sticky {
  top: 0px;
}
.navBar .topSocial {
  float: left;
  width: 15%;
  padding: 20px 0px;
  text-align: center;
}
.navBar .topSocial a {
  display: inline-block;
  min-width: 30px;
  height: 24px;
  text-align: center;
  padding: 0 6px;
}
.navBar .topSocial img {
}
.navBar .mob-icons-wrap {
  display: none;
  align-items: center;
  margin-left: auto;
  margin-right: 10px;
}
.tour-icon img {
  width: 20px;
}
.navBar .mob-icons-wrap a {
  padding: 5px;
}
.navBar .topMenu {
  text-align: center;
  padding: 20px 0px;
  margin-left: auto;
}
.navBar .topMenu ul {
  margin: 0px;
  padding: 0px;
}
.navBar .topMenu ul li {
  list-style: none;
  display: inline-block;
  margin: 0px 5px;
}
.navBar .topMenu ul li.schedule-tour {
}
.navBar .topMenu ul li.schedule-tour a {
  background: #1b376d;
  color: #fff;
}
.navBar .topMenu ul li a {
  font-size: 14px;
  color: #1b376d;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 24px;
  padding: 10px 10px;
}
.navBar .topMenu ul li a:hover,
.navBar .topMenu ul li a:focus,
.navBar .topMenu ul li.selected a {
  color: #d25a2b;
}
.navBar .topMenu ul li.schedule-tour a:hover,
.navBar .topMenu ul li.schedule-tour a:focus,
.navBar .topMenu ul li.schedule-tour.selected a {
  background: #d25a2b;
  color: #fff;
}
.navBar .topMainMenu {
  padding: 20px 0px;
}
.navBar .topMainMenu .mobileMenu a {
  font-size: 14px;
  color: #1b376d;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 24px;
  float: right;
  background: url(../images/menu-icon.png) no-repeat center left;
  padding: 0px 0px 0px 45px;
}
.navBar .topMainMenu .mobileMenu a.opened {
  background: url(../images/menu-close-icon.png) no-repeat center left;
}
.mainNavigation {
  background: #1c376e;
  position: fixed;
  right: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
}
.mainNavigation .mainNavImg {
  position: absolute;
  left: 0px;
  width: 50%;
  height: 100%;
  background: url(../images/menu-img.jpg) no-repeat center center;
  background-size: cover;
}
.mainNavigation .mainNavMenu {
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  padding: 100px 0px 20px 0px;
  text-align: center;
}
.mainNavigation .mainNavMenu ul {
  margin: auto;
  display: inline-block;
  text-align: left;
  margin: 0px;
  padding: 0px;
}
.mainNavigation .mainNavMenu ul li {
  list-style: none;
  margin: 12px 0px;
}
.mainNavigation .mainNavMenu ul li a {
  font-size: 22px;
  line-height: 36px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 200;
  display: inline-block;
  padding: 0px 0 0px 10px;
  width: 100%;
  min-width: 300px;
}
.mainNavigation .mainNavMenu ul li.current a,
.mainNavigation .mainNavMenu ul li:hover a,
.mainNavigation .mainNavMenu ul li a:focus {
  font-weight: 400;
  text-decoration: underline;
}

.mainNavigation .topMainMenu {
  position: absolute;
  right: 20px;
  top: 100px;
}
.mainNavigation .topMainMenu a {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  font-weight: 700;
  background: #1b376d;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  /* box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5); */
}
/* ==================================================
   Middle
================================================== */

.homeBanner {
  /*background:url(../images/home-banner-bg.jpg) no-repeat center center; */
  background-size: cover;
  text-align: center;

  /* Homepage slider
	padding:325px 0px;*/
  padding: 295px 0;
  position: relative;
  margin-top: 64px;
}
.homeBanner .cobaltLogo {
  padding: 0px 20px;
  position: relative;
  z-index: 10;
}

.home-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.home-slider .slick-list,
.home-slider .slick-track {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.home-slider div {
  background-repeat: no-repeat;
  background-size: cover;
}

.home-slider img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/* Video instead of the homepage slider */
.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%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}
.home-amazon {
  background: #0a246a;
  position: relative;
  color: #fff;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.home-amazon p,
.home-amazon div {
  background: #0a246a;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 0;

  z-index: 1;
}

.home-amazon div {
  padding: 6px 0.7em 6px 0;
}
.home-amazon div img {
  display: block;
}

.home-amazon p {
  padding: 1em 2em 1em 1em;
}

.home-amazon p.learn-more-p {
  text-transform: none;
  color: #fff;
  margin-left: auto;
  margin-right: 40px;
  position: relative;
  padding: 1em;
}
.home-amazon p a {
  color: #fff;
  background: #0a246a;
  font-weight: bold;
}
.home-amazon:before {
  content: '';
  height: 1px;
  background: #fff;
  width: 100%;
  position: absolute;
  top: 50%;
}

@media screen and (max-width: 768px) {
  .home-amazon {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  .home-amazon p {
    width: 50%;
  }
  .home-amazon p.learn-more-p {
    margin-left: 0;
  }
  .home-amazon:before {
    content: none;
  }
}

.minutesFrom {
  position: fixed;
  left: 30px;
  bottom: 30px;
}
.minutesFrom a {
  font-size: 0px;
  color: #ffffff;
  line-height: 36px;
}
.minutesFrom a {
  width: 44px;
  height: 44px;
  background: #1b376d url(../images/minutes-icon.png) no-repeat center center;
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
}
.minutesFrom a:hover,
.minutesFrom a:focus {
  background-color: #d25a2b;
}
.applyNow {
  position: fixed;
  right: 0px;
  bottom: 30px;
}
.applyNow a {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  font-weight: 700;
  background: #1b376d;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase; /*box-shadow:0px 0px 15px 5px rgba(0, 0, 0, 0.5); */
}
.applyNow a:hover,
.applyNow a:focus {
  background: #d25a2b;
  color: #ffffff;
}
.innerBanner {
  text-align: center;
  padding: 300px 0px 175px 0px;
  position: relative;
}
.innerBanner .innerPageHeading h1 {
  display: inline-block;
  font-size: 50px;
  color: #1b376d;
  line-height: 60px;
  font-weight: 500;
  padding: 5px 100px 20px 100px;
}
.innerBanner .innerPageHeading h1 a {
  color: #1b376d;
}
.innerBanner .innerPageHeading h1 {
  color: #fff;
}
.single-post .innerBanner .innerPageHeading h1 {
  color: #1b376d;
}
.energyInside {
  text-align: center;
  padding: 50px 0px 0px 0px;
}
.energyInside h2 {
  font-size: 48px;
  color: #262a2b;
  line-height: 60px;
  font-weight: 200;
}
.energyInside article,
.virtual-tours article {
  padding: 0px 20%;
  font-size: 16px;
  color: #262a2b;
  line-height: 22px;
}

.virtual-tours {
  text-align: center;
  padding: 50px 0px 50px 0px;
  background-color: #e2dbd5;
  position: relative;
  border-top: 65px solid #fff;
  /*	margin-top: -65px; */
}
.virtual-tours a {
  font-weight: 500;
  padding: 8px 3px;
  line-height: 1.5em;
  display: block;
  background: #f7f1ea;
  width: 100%;
  height: 100%;
}
.virtual-tours a:hover,
.virtual-tours a:focus {
  background: #d8d1cb;
}

.tours {
  list-style-type: none;

  padding: 0;
  max-width: 600px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: stretch;
  justify-content: center;
  justify-content: space-around;
}

.tours li {
  width: 48%;
  margin: 3px 0;

  display: flex;

  align-content: center;
}

.residences {
  text-align: left;
  margin: 50px 0px 50px 0px;
  background: #e4e4e4;
  z-index: 10;
  position: relative;
}
.residences .residencesLeft {
  float: left;
  width: 50%;
}
.residences .residencesLeft img {
  display: block;
  float: right;
}

.residences .residencesRight {
  margin: 20px 0;
  padding: 25px 5% 25px 10px;
  float: right;
  width: calc(50% - 45px);
  z-index: 10;
  position: relative;
}

@media screen and (min-width: 768px) {
  .residences .residencesRight:after {
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: calc(95%);
    right: 0;
    border: 5px solid white;
    top: 5%;
    z-index: -1;
  }
}
.residences .residencesRight h2 {
  font-size: 48px;
  color: #262a2b;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  margin: 10px 0px 10px 0;
  padding: 0px 0px 20px 0px;
}
.residences article {
  padding: 0px 5%;
  font-size: 15px;
  color: #262a2b;
  line-height: 22px;
}
.residences .viewLink {
  margin-top: 50px;
}
.residences .viewLink a {
  font-size: 18px;
  color: #262a2b;
  font-weight: 500;
}
.residences .viewLink a:after {
  content: '';
  width: 120px;
  height: 1px;
  background: #262a2b;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}
.residences .viewLink a:hover,
.residences .viewLink a:focus {
  color: #d25a2b;
}
.homeAmenities {
  margin: 50px 0px;
  background: #fff;
  padding: 0px 0px 0;
}
.homeAmenities .amenitiesRight {
  float: right;
  width: 45%;
  margin: -40px 0px -5% 0;
}
.homeAmenities .amenitiesLeft {
  text-align: right;
  float: left;
  width: calc(55% - 45px);
  padding-left: 5%;
}
.homeAmenities .amenitiesLeft h2 {
  font-size: 48px;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 20px 50px;
}
.homeAmenities article.amenitiesLeft .section-content {
  padding: 0;
  font-size: 15px;
  line-height: 22px;
}
.homeAmenities .viewLink {
  margin-top: 25px;
}
.homeAmenities .viewLink figure {
  width: 350px;
  float: left;
  margin: 0px;
}
.homeAmenities .viewLink a {
  font-size: 18px;
  font-weight: 500;
}
.homeAmenities .viewLink a:before {
  content: '';
  width: 120px;
  height: 1px;
  background: #000;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.homeAmenities .viewLink a:hover,
.homeAmenities .viewLink a:focus {
  color: #d25a2b;
}

.homeAmenities .home-section-amazon {
  padding: 63px 0 30px;
  text-align: right;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 300;
}

.homeAmenities .home-section-amazon h2 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  display: inline-block;
  padding: 0;
  margin: -10px 0 20px 0px;
}

.homeNeighborhood {
  margin: 50px 0px 50px 0px;
  background: #e2dbd5;
  overflow: hidden;
}
.homeNeighborhood .container {
  z-index: 102;
}
.homeNeighborhood .neighborhoodLeft {
  float: left;
  position: relative;
  text-align: right;
  margin: 20px 0;
  padding: 25px 10px 25px 5%;
  width: calc(50% - 45px);
  z-index: 10;
  position: relative;
}

@media screen and (min-width: 768px) {
  .homeNeighborhood .neighborhoodLeft:after {
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: calc(95%);
    left: 0;
    border: 5px solid white;
    top: 5%;
    z-index: -1;
  }
}

.homeNeighborhood .neighborhoodLeft h2 {
  font-size: 48px;
  color: #262a2b;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 15px 0px;
  z-index: 22;
  position: relative;
}
.homeNeighborhood article.neighborhoodLeft .section-content {
  padding: 0px 0;
  font-size: 15px;
  color: #262a2b;
  line-height: 22px;
}
.homeNeighborhood .neighborhoodRight {
  float: right;
  width: 50%;
}
.homeNeighborhood .neighborhoodRight img {
  display: block;
}
.homeNeighborhood .viewLink {
  margin-top: 50px;
}
.homeNeighborhood .viewLink a {
  font-size: 18px;
  color: #262a2b;
  font-weight: 500;
}
.homeNeighborhood .viewLink a:before {
  content: '';
  width: 120px;
  height: 1px;
  background: #262a2b;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.homeNeighborhood .viewLink a:hover,
.homeNeighborhood .viewLink a:focus {
  color: #d25a2b;
}
.homeNeighborhood .neighborhoodImages {
  padding: 180px 60px 60px 60px;
  margin-top: -120px;
  text-align: left;
  position: relative;
}
.homeNeighborhood .neighborhoodImages .neighborhoodBg {
  float: left;
  width: 65%;
  background: #e2dbd5;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
}
.homeNeighborhood .neighborhoodImages img {
  margin-left: 140px;
}
.contactPage {
  background: #1b376d;
  margin: 50px 0px;
  text-align: center;
  padding: 60px 0px;
  min-height: 450px;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
}
.contactPage h2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 200;
}
.contactPage img {
  margin: 0px 10px;
}
.contactPage a {
  color: #ffffff;
}
.contactPage .contactCol {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}
.neighborhoodPage {
  padding: 60px 0px;
}
.neighborhoodPage .neighborhoodBg {
  background: #1b376d;
  display: table;
  width: 100%;
}
.neighborhoodPage .neighborhoodLeft {
  display: table-cell;
  width: 35%;
  background: #1b376d;
  padding: 40px;
  font-size: 15px;
  color: #ffffff;
  line-height: 20px;
}
.neighborhoodPage .neighborhoodRight {
  display: table-cell;
  width: 65%;
  position: relative;
}
/*.neighborhoodPage .neighborhoodRight img, .neighborhoodPage .neighborhoodRight iframe { display:block; position:absolute; width:100%; height:100%; top:0px; left:0px; }*/
.neighborhoodPage .walkScore {
  float: left;
  width: 100%;
  border-top: solid 1px #ffffff;
  padding: 15px 0px;
  margin-top: 25px;
  font-size: 24px;
  font-weight: 500;
  line-height: 70px;
}
.neighborhoodPage .walkScore .wScore {
  font-size: 60px;
  line-height: 70px;
  display: inline-block;
  vertical-align: middle;
  float: right;
}
.neighborhoodPage .walkScoreList {
  float: left;
  width: 100%;
}
.neighborhoodPage .walkScoreList ul {
  margin: 0px;
  padding: 0px;
}
.neighborhoodPage .walkScoreList li {
  float: left;
  width: 100%;
  list-style: none;
  padding: 10px 0px 0px 85px;
  min-height: 66px;
  margin: 10px 0px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
.neighborhoodPage .walkScoreList li span {
  display: block;
}
.neighborhoodPage .walkScoreList li:before {
  content: '';
  background: #ffffff;
  width: 66px;
  height: 66px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 50%;
}
.neighborhoodPage .walkScoreList li:nth-child(1):before {
  background: #ffffff url(../images/walk-icon-1.png) no-repeat center center;
}
.neighborhoodPage .walkScoreList li:nth-child(2):before {
  background: #ffffff url(../images/walk-icon-2.png) no-repeat center center;
}
.neighborhoodPage .walkScoreList li:nth-child(3):before {
  background: #ffffff url(../images/walk-icon-3.png) no-repeat center center;
}
.mainBlog {
  padding: 50px 0px;
  border-bottom: solid 1px #e4e4e4;
  display: table;
}
.mainBlog .mainBlogImg {
  width: 65%;
  padding-right: 45px;
  display: table-cell;
  vertical-align: middle;
}
.mainBlog .mainBlogContent {
  width: 35%;
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
  color: #262a2b;
}
.mainBlog .mainBlogContent .blogDate {
  font-size: 18px;
  font-weight: 700;
  color: #262a2b;
}
.mainBlog .mainBlogContent h2 {
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 15px;
}
.mainBlog .mainBlogContent h2 a {
  font-size: 36px;
  color: #d25a2b;
  line-height: 44px;
  font-weight: 400;
}
.mainBlog .mainBlogContent h2 a:hover,
.mainBlog .mainBlogContent h2 a:focus {
  color: #262a2b;
}
.mainBlog .mainBlogContent .readmoreLink {
  margin-top: 25px;
}
.mainBlog .mainBlogContent .readmoreLink a {
  font-size: 18px;
  font-weight: 700;
  color: #d25a2b;
  background: url(../images/next-arrow.png) no-repeat center right;
  padding-right: 40px;
}
.mainBlog .mainBlogContent .readmoreLink a:hover,
.mainBlog .mainBlogContent .readmoreLink a:focus {
  color: #262a2b;
}
.blogLists {
  float: left;
  width: 75%;
  margin: 30px 0px;
  font-size: 14px;
  line-height: 20px;
  padding-right: 45px;
}
.blogLists .blogList {
  float: left;
  width: 47%;
  margin: 20px 0px;
}
.blogLists .blogList:nth-child(2n) {
  float: right;
}
.blogLists .blogList figure img {
  width: 100%;
}
.blogLists .blogList .blogDate {
  font-size: 14px;
  font-weight: 700;
  color: #262a2b;
}
.blogLists .blogList h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 5px;
}
.blogLists .blogList h2 a {
  font-size: 24px;
  color: #d25a2b;
  line-height: 32px;
  font-weight: 400;
}
.blogLists .blogList h2 a:hover,
.blogLists .blogList h2 a:focus {
  color: #262a2b;
}
.blogLists .blogList .readmoreLink {
  margin-top: 15px;
}
.blogLists .blogList .readmoreLink a {
  font-size: 14px;
  font-weight: 700;
  color: #d25a2b;
  background: url(../images/next-arrow.png) no-repeat center right;
  padding-right: 40px;
}
.blogLists .blogList .readmoreLink a:hover,
.blogLists .blogList .readmoreLink a:focus {
  color: #262a2b;
}
.blogLists .blogPagination {
  margin-top: 30px;
  border-top: solid 1px #e4e4e4;
  padding-top: 30px;
}
.blogLists .blogPagination .nextArrow {
  float: right;
}
.blogLists .blogPagination .prevArrow {
  float: left;
}
.blogLists .blogPagination a {
  font-size: 14px;
  font-weight: 700;
  color: #d25a2b;
  background: url(../images/next-arrow.png) no-repeat center right;
  padding-right: 40px;
  text-transform: uppercase;
}
.blogLists .blogPagination a:hover,
.blogLists .blogPagination a:focus {
  color: #262a2b;
}
.blogSidebar {
  float: left;
  width: 25%;
  margin: 50px 0px;
}
.blogSidebar h3 {
  font-size: 18px;
  color: #262a2b;
  line-height: 30px;
  margin-bottom: 5px;
  font-weight: 700;
}
.blogSidebar ul {
  margin: 0px;
  padding: 0px;
}
.blogSidebar ul li {
  list-style: none;
  border-bottom: solid 1px #e4e4e4;
}
.blogSidebar ul li a {
  font-size: 22px;
  color: #d25a2b;
  padding: 15px 0px;
  display: block;
  font-weight: 400;
}
.blogSidebar ul li a:hover,
.blogSidebar ul li a:focus {
  color: #262a2b;
}
.blogDetails {
  padding: 140px 0px 40px 0px;
}
.blogDetails .backLink {
  margin-bottom: 50px;
  margin-top: -30px;
}
.blogDetails .backLink a {
  font-size: 14px;
  font-weight: 700;
  color: #d25a2b;
  background: url(../images/prev-arrow.png) no-repeat center left;
  padding-left: 40px;
  text-transform: uppercase;
}
.blogDetails .blogDetailsLeft {
  float: left;
  width: 70%;
  padding-right: 45px;
}
.blogDetails .blogDetailsLeft .mainBlogImg {
  margin-bottom: 40px;
}
.blogDetails .blogDetailsLeft .mainBlogImg img {
  width: 100%;
}
.blogDetails .blogDetailsLeft .blogDate {
  font-size: 18px;
  font-weight: 700;
  color: #262a2b;
}
.blogDetails .blogDetailsLeft h2 {
  font-size: 36px;
  color: #d25a2b;
  line-height: 44px;
  font-weight: 400;
  margin-bottom: 15px;
}
.blogDetails .blogSidebar {
  margin: 0px;
  float: left;
  width: 30%;
}
.blogDetails .blogSidebar .instagramWidget {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
.blogDetails .blogSidebar h3 {
  font-size: 18px;
  color: #1b376d;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 15px;
}
.blogDetails .blogSidebar .widgetBox {
  float: left;
  width: 100%;
  border: solid 1px #1b376d;
  padding: 40px;
  margin-bottom: 25px;
}
.blogDetails .blogSidebar .followImg {
  text-align: center;
}
.blogDetails .blogPagination {
  margin-top: 30px;
  border-top: solid 1px #e4e4e4;
  padding-top: 30px;
}
.blogDetails .blogPagination .nextArrow {
  float: right;
}
.blogDetails .blogPagination .prevArrow {
  float: left;
}
.blogDetails .blogPagination a {
  font-size: 14px;
  font-weight: 700;
  color: #d25a2b;
  background: url(../images/next-arrow.png) no-repeat center right;
  padding-right: 40px;
  text-transform: uppercase;
}
.blogDetails .blogPagination a:hover,
.blogDetails .blogPagination a:focus {
  color: #262a2b;
}
.liveVib {
  margin: 60px 0px 0px 0px;
  position: relative;
}
.liveVib .liveVibBg {
  width: 50%;
  background: #e2dbd5;
  top: 50px;
  left: 0px;
  bottom: 70px;
  text-align: right;
  position: absolute;
}
.liveVib .liveVibLeft {
  float: left;
  width: 50%;
  padding: 50px 45px 70px 100px;
  text-align: right;
  margin: 60px 0px;
}
.liveVib .liveVibLeft h2 {
  font-size: 48px;
  color: #262a2b;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  margin: 0px 0px 20px 0px;
  padding: 10px 0px 15px 0px;
  position: relative;
  z-index: 25;
}
.liveVib .liveVibLeft article {
  text-align: left;
}
.liveVib .liveVibRight {
  float: left;
  width: 50%;
}
.insideOut {
  background: #1b376d;
  padding: 100px 0px 50px 0px;
  margin-top: -25px;
}
.insideOut .outsideSec,
.insideOut .insideSec {
  float: left;
  width: 50%;
}
.insideOut .outsideSec .outsideSecImg1 {
  float: left;
  width: 25%;
  padding-top: 120px;
}
.insideOut .outsideSec .outsideSecCont {
  float: left;
  width: 75%;
  padding: 0px 45px;
}
.insideOut .outsideSec .outsideSecCont h2 {
  font-size: 48px;
  color: #fff;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  padding: 6px 0 10px 0;
  margin-bottom: 30px;
}
.insideOut .outsideSec .outsideSecCont ul {
  margin: 0px;
  padding: 0px;
}
.insideOut .outsideSec .outsideSecCont ul li {
  list-style: none;
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  margin: 10px 0px 50px 0px;
  display: block;
}
.insideOut .outsideSec .outsideSecCont ul li h3 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 15px;
}
.insideOut .insideSec .insideSecImg {
  float: right;
  width: 25%;
  padding-top: 525px;
}
.insideOut .insideSec .insideSecCont {
  float: left;
  width: 75%;
  padding: 0px 45px;
}
.insideOut .insideSec .insideSecCont h2 {
  font-size: 48px;
  color: #fff;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  padding: 6px 0px 10px 0px;
  margin-bottom: 30px;
}
.insideOut .insideSec .insideSecCont ul {
  margin: 0px;
  padding: 0px;
}
.insideOut .insideSec .insideSecCont ul li {
  list-style: none;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
  margin: 10px 0px 50px 0px;
  display: block;
}
.insideOut .insideSec .insideSecCont ul li h3 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 15px;
}

.amazon {
  padding: 60px 0 0;
  position: relative;
  overflow-x: hidden;
}

.amazon .ofLeft {
  float: left;
  width: 50%;
  z-index: 10;
  position: relative;
}

.amazon .ofRight {
  color: #ffffff;
  float: left;
  font-size: 12px;
  line-height: 1.2em;
  padding: 20px 0px 30px 60px;
  position: relative;
  width: 50%;
}

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

.amazon .ofRight:after {
  content: '';
  background: #262a2b;
  position: absolute;
  top: -30px;
  /* right: 0; */
  left: -80%;
  bottom: 0px;
  width: 100vw;
  z-index: -1;
  display: block;
}

.amazon .ofRight h2 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  display: inline-block;
  padding: 5px 0 5px 0;
  color: #fff;
}

.amazon .ofRight .ofRightCol {
  float: left;
  width: 90%;
  max-width: 460px;
}

.amazon .ofRight .ofRightCol h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 0;
}

.otherFeauters {
  padding: 60px 0px 50px 0px;
}
.otherFeauters .ofLeft {
  float: left;
  width: 35%;
  padding-right: 8%;
}
.otherFeauters .ofRight {
  float: left;
  width: 65%;
}
.otherFeauters .ofRight h2 {
  font-size: 48px;
  color: #000000;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  padding: 22px 0px 20px 0px;
  margin: 40px 0px 40px 0px;
}
.otherFeauters .ofRight .ofRightCol {
  float: left;
  width: 50%;
}
.otherFeauters .ofRight .ofRightCol h3 {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}
.otherFeauters .ofRight .ofRightCol ul {
  margin: 0px;
  padding: 0px;
}
.otherFeauters .ofRight .ofRightCol ul li {
  list-style: none;
  margin: 5px 0px;
  font-size: 15px;
  line-height: 22px;
}
.thoughtfully {
  background: #262a2b;
  padding: 45px 0px;
  margin: 100px 0px 60px 0px;
}
.thoughtfully .thoughtfullyRight {
  float: right;
  margin: -100px 0px -100px 50px;
}
.thoughtfully .thoughtfullyLeft {
  text-align: right;
}
.thoughtfully .thoughtfullyLeft h2 {
  font-size: 48px;
  color: #ffffff;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  padding: 15px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
}
.thoughtfully .thoughtfullyLeft .section-content {
  padding: 0px 20%;
  color: #ffffff;
  text-align: left;
}
.thoughtfully .thoughtfullyLeft .section-content a {
  float: right;
}
.thoughtfully .thoughtfullyLeft .thoughtfullyLeftImg {
  text-align: left;
  margin-top: 40px;
}
.loftStyle {
  padding: 75px 0px;
}
.loftStyle .loftStyleLeft {
  float: left;
  margin-right: 45px;
  z-index: 21;
  position: relative;
}
.loftStyle .loftStyleRight h2 {
  font-size: 48px;
  color: #262a2b;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  margin: 20px 0px 10px 0px;
  padding: 5px 0px 25px 0px;
  z-index: 22;
  position: relative;
}
.loftStyle .loftStyleRight .section-content {
  padding: 0px 10%;
  font-size: 15px;
  color: #262a2b;
  line-height: 22px;
}

.loftStyle .viewLink {
  margin-top: 30px;
}
.loftStyle .viewLink a {
  font-size: 18px;
  color: #1b376d;
  font-weight: 500;
}
.loftStyle .viewLink a:hover,
.loftStyle .viewLink a:focus {
  color: #d25a2b;
}
.loftStyle .loftStyleBottom {
  margin-top: 40px;
}
.loftStyle .lsLeftImg {
  float: left;
  width: 20%;
  text-align: center;
}
.loftStyle .lsRightImg {
  float: right;
  width: 20%;
  text-align: center;
  padding-top: 40px;
}
.loftStyle .lsMiddle {
  float: left;
  width: 60%;
  padding: 30px 15px 0px 15px;
}
.loftStyle .lsMiddle img {
  margin: 35px 0px 0px 100px;
}
.theKitchen {
  background: #1b376d;
  margin-top: 80px;
}
.theKitchen .tkImg1 {
  margin-top: -80px;
  float: left;
  width: 50%;
}
.theKitchen .tkImg2 {
  margin-top: 250px;
  float: right;
}
.theKitchen .theKitchenCont {
  position: absolute;
  width: 45%;
  right: 0px;
  top: 0px;
  padding: 25px 0px 60px 0px;
  color: #fff;
}
.theKitchen .theKitchenCont h2 {
  font-size: 48px;
  color: #fff;
  line-height: 60px;
  font-weight: 200;
  margin-bottom: 10px;
}
.theKitchen .theKitchenCont a {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.theKitchen .theKitchenBottom {
  margin: 45px 0px 60px 0px;
}
.theKitchen .tkLeftImg {
  float: left;
  width: 20%;
  text-align: center;
}
.theKitchen .tkRightImg {
  float: right;
  width: 20%;
  text-align: center;
}
.theKitchen .tkMiddle {
  float: left;
  width: 60%;
  padding: 30px 15px 0px 15px;
  color: #ffffff;
}
.theKitchen .tkMiddle img {
  margin: 45px 150px 0px 0px;
  float: right;
}
.tosumUp {
  background: #1b376d;
  padding: 60px 0px;
}
.tosumUp .tosumUpHead {
  text-align: center;
}
.tosumUp .tosumUpHead h2 {
  font-size: 48px;
  color: #fff;
  line-height: 60px;
  font-weight: 200;
  display: inline-block;
  padding: 15px 0px 30px 0px;
  margin: 0px 0px 60px 0px;
}
.tosumUp .tosumUpCol {
  float: left;
  width: 33%;
  font-size: 15px;
  color: #ffffff;
  font-weight: 300;
}
.tosumUp .tosumUpCol h3 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
}
.tosumUp .tosumUpCol p {
  margin-bottom: 8px;
}
.galleryPage {
  padding: 60px 0px 0px 0px;
  position: relative;
}
.galleryPage .grayBg {
  position: absolute;
  top: 100px;
  width: 90%;
  left: 0px;
  height: 450px;
  background: #e2dbd5;
}
.galleryPage .blueBg {
  position: absolute;
  bottom: 100px;
  width: 55%;
  right: 0px;
  height: 900px;
  background: #1b376d;
}
.galleryPage .galleryCol1,
.galleryPage .galleryCol2 {
  float: left;
  width: 50%;
  padding-right: 40px;
  text-align: right;
}
.galleryPage .galleryCol2 {
  padding-left: 40px;
  padding-right: 0px;
  text-align: left;
}
.galleryPage .galleryCol1 img,
.galleryPage .galleryCol2 img {
  clear: both;
  margin-bottom: 60px;
  text-align: right;
}
.galleryPage .galleryCol2 {
  padding-top: 150px;
}
/* ==================================================



   Footer



================================================== */

.mainFooter {
  margin: 50px 0px 50px 0px;
}
.mainFooter .container {
  display: flex;
  padding: 0 50px;
  flex-wrap: wrap;
}
.mainFooter .col1,
.mainFooter .col2,
.mainFooter .col3,
.mainFooter .col4,
.mainFooter .col5,
.mainFooter .col6 {
  float: left;
  font-size: 14px;
  color: #1b376d;
  line-height: 22px;
  font-weight: 300;
  min-height: 1px;
}
.mainFooter .col1 {
  width: 15%;
}
.mainFooter .col2 {
  width: 18%;
}
.mainFooter .col3 {
  width: 10%;
}
.mainFooter .col4 {
  width: 16%;
}
.mainFooter .col5 {
  width: 18%;
}
.mainFooter .col6 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
}
.mainFooter .col6 #footer-icons img {
  height: 20px;
}
.mainFooter .col1 a,
.mainFooter .col2 a {
  color: #1b376d;
}
.mainFooter .col1 a:hover,
.mainFooter .col2 a:hover,
.mainFooter .col1 a:focus,
.mainFooter .col2 a:focus {
  color: #d25a2b;
}
.mainFooter .col3 a {
  display: inline-block;
  min-width: 30px;
  height: 24px;
  text-align: center;
  padding: 0 6px;
}
.mainFooter .col3 img {
}
.mainFooter h3 {
  font-size: 16px;
  font-weight: 500;
  color: #1b376d;
  margin: 0px 0px 10px 0px;
}
.mainFooter .privacyMenu {
  margin-bottom: 8px;
}
.mainFooter .privacyMenu a {
  font-size: 9px;
  font-weight: 500;
  color: #1b376d;
}
.mainFooter .privacyMenu a:hover,
.mainFooter .privacyMenu a:focus {
  color: #d25a2b;
}
.mainFooter .privacyMenu span {
  margin: 0px 10px;
}
.mainFooter .col6 img {
  display: block;
}
#footer-icons {
  padding-left: 0;
}
#footer-icons li {
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
}
#footer-icons li:not(:last-child) {
  margin-right: 18px;
}
#footer-icons li a {
  display: block;
}

p.disclaimer {
  width: 80%;
  clear: both;
  margin: 20px auto 10px;
  font-size: 9px;
  max-width: 600px;
  text-align: center;
  line-height: 1.5em;
}

.contact_frm {
  float: left;
  width: 76%;
  margin: 50px 12% 0px 12%;
  text-align: left;
  border-top: solid 1px #ffffff;
  padding-top: 50px;
}
.contact_frm .hywrap {
  max-width: 100%;
  font-family: 'Work Sans', sans-serif;
}
.contact_frm .hywrap .control-label,
.contact_frm .hywrap label {
  color: #fff;
}
.contact_frm .hywrap input,
.contact_frm .hywrap input[type='text'],
.contact_frm .hywrap select,
.contact_frm .hywrap textarea {
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  color: #fff;
}
.contact_frm #more-info a {
  color: #fff;
}
.contact_frm .hywrap button[type='submit'] {
  border-radius: 0;
  color: #fff;
  border: 1px solid #fff;
  font-weight: bold;
}
.contact_frm .hywrap button[type='submit']:hover {
  background: #ffffff;
  color: #1b376d;
}
.contact_frm h2 {
  font-size: 36px;
  color: #ffffff;
  line-height: 42px;
  font-weight: 200;
}
.contact_frm .hywrap label {
  width: 100%;
}
.contact_frm .hywrap .controls {
  margin-left: 0;
  width: 100%;
}
.contact_frm .wpcf7-form .form-group {
  margin: 12px -10px;
  padding: 10px;
  border: 1px dotted transparent;
}
.contact_frm .wpcf7-form .form-group.active {
  background: #071121;
  border: 1px dotted #fff;
  transition: ease-in-out 0.5s;
}
.contact_frm .wpcf7-form .form-group.invalid {
  background: #071121;
  border: 1px dotted #f00;
}
.contact_frm .wpcf7-form label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
  font-weight: 300;
  text-transform: uppercase;
}
.contact_frm .wpcf7-form input,
.contact_frm .wpcf7-form textarea,
.contact_frm .wpcf7-form select {
  padding: 10px 0px;
  text-align: left;
  width: 100%;
  border-radius: 0px; /*background:#1b376d;*/
  background: transparent;
  border: none;
  border-bottom: solid 1px #ffffff;
  box-shadow: none;
  color: #ffffff;
  height: auto;
}
.contact_frm .wpcf7-form select option {
  color: #000;
}
.contact_frm .wpcf7-form .wpcf7-submit {
  width: auto;
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 60px;
  border: solid 1px #ffffff;
  background: #1b376d;
}
.contact_frm .wpcf7-form .wpcf7-submit:hover,
.contact_frm .wpcf7-form .wpcf7-submit:focus {
  background: #ffffff;
  color: #1b376d;
}
.availibilityBanner {
  background: none;
  padding: 150px 0px 100px 0px;
}
.availibilityBanner .innerPageHeading h1 {
  color: #1b376d;
  padding: 8px 100px 22px 150px;
  margin-bottom: 25px;
}
.backAvailBanner .innerPageHeading h1 {
  font-size: 30px;
  font-weight: 700;
}
.availibilityBanner .headCont {
  padding: 0px 25%;
}
.availibilityPage {
  margin-bottom: 40px;
}
.availibilityPage .availNav {
  margin-bottom: 40px;
}
.availibilityPage .availNav ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
  position: relative;
}
.availibilityPage .availNav ul li {
  display: inline-block;
  font-size: 18px;
  color: #262a2b;
  padding: 0px 25px;
}
.availibilityPage .availNav ul li:after {
  content: '/';
  position: relative;
  right: -27px;
}
.availibilityPage .availNav ul li:last-child:after {
  display: none;
}
.availibilityPage .availNav ul li a {
  text-decoration: none !important;
  text-transform: capitalize;
}
.availibilityPage .availNav ul li a:hover,
.availibilityPage .availNav ul li a:focus {
  color: #d25a2b;
  color: #1b376d;
}
.availibilityPage .availNav ul li.current a {
  color: #d25a2b;
  font-weight: 700;
  color: #1b376d;
}
.availLists {
  display: none;
}
.availLists .intro-text-content {
  max-width: 900px;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.availLists .allUnit {
  margin: 0px -2%;
}
.availLists h2 {
  background: #1b376d;
  font-size: 36px;
  line-height: 42px;
  color: #ffffff;
  font-weight: 200;
  padding: 10px 15px;
}
.availLists .availUnit {
  float: left;
  width: calc(88% / 3);
  padding: 40px;
  background: #f7f7f7;
  margin: 2%;
  font-size: 16px;
  color: #262a2b;
  font-weight: 200;
}
.availLists .availUnit figure {
  float: left;
  margin: 0px 40px 0px 0px;
}
.availLists .availUnit h3 {
  font-size: 30px;
  color: #262a2b;
  font-weight: 400;
  margin: 40px 0px 30px 0px;
  display: inline-block;
}
.availLists .availUnit .price span:first-of-type {
  margin-right: 20px;
}
.availLists .availUnit .price span:last-of-type {
  font-size: 0.9em;
}
.availLists .availUnit .viewLink {
  margin-top: 30px;
}
.availLists .availUnit .viewLink a {
  font-size: 16px;
  color: #262a2b;
  font-weight: 700;
}
.availLists .availUnit .viewLink a:hover,
.availLists .availUnit .viewLink a:focus {
  color: #d25a2b;
}
.availLeft {
  float: left;
  width: 35%;
  padding-right: 60px;
}
.availLeft img {
  width: 100%;
}
.availDetails {
  float: left;
  width: 65%;
  padding-top: 60px;
}
.availDetails h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 500;
  margin: 0px;
}
.availDetails h3 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 500;
  margin: 0px 0px 15px 0px;
}
.availDetails .bathDet {
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  font-weight: 200;
  color: #d25a2b;
}
.availDetails .availContent {
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #262a2b;
  margin: 20px 0px;
}
.availDetails .availContent .availContent2col {
  float: left;
  width: 50%;
  padding-right: 40px;
}
.availDetails .availContent p {
  margin: 0px 0px 10px 0px;
}
.availDetails .shareLinks {
  float: left;
  width: 100%;
  background: #f7f7f7;
  padding: 20px 25px;
  margin-bottom: 30px;
}
.availDetails .shareLinks a {
  font-size: 24px;
  color: #262a2b;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 700;
}
.availDetails .shareLinks a:hover,
.availDetails .shareLinks a:focus {
  color: #d25a2b;
}
.availDetails .shareLinks .shareLk,
.availDetails .shareLinks .printLk,
.availDetails .shareLinks .availableUnits {
  margin-right: 50px;
  float: left;
  position: relative;
}
.availDetails .shareLinks .shareHover {
  position: absolute;
  left: 0px;
  top: 100%;
  background: #ffffff;
  padding: 15px;
  width: 380px;
  display: none;
  z-index: 999;
}
.availDetails .shareLinks .shareLk:hover .shareHover {
  display: block;
}
.availDetails .shareLinks .shareHover a {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin: 0px 8px;
  vertical-align: middle;
  background: url(../images/social-icons.png) no-repeat;
}
.availDetails .shareLinks .shareHover a:hover,
.availDetails .shareLinks .shareHover a:focus {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.availDetails .shareLinks .shareHover a.facebook {
  background-position: 7px 2px;
}
.availDetails .shareLinks .shareHover a.twitter {
  background-position: -41px 2px;
}
.availDetails .shareLinks .shareHover a.gplus {
  background-position: -94px 2px;
}
.availDetails .shareLinks .shareHover a.pinit {
  background-position: -134px 2px;
}
.availDetails .shareLinks .shareHover a.linkedin {
  background-position: -176px 2px;
}
.availDetails .shareLinks .shareHover a.email {
  background-position: -224px 2px;
}
.availDetails .shareLinks .shareHover a.copylink {
  background-position: -275px 2px;
}
.availDetails .shareLinks img {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 6px;
}
.availDetails .availableUnits {
  float: left;
  width: 100%;
  background: #f7f7f7;
  padding: 40px 45px;
}
.availDetails .availableUnits h2 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 400;
  margin: 0px 0px 0px 0px;
  color: #d25a2b;
  text-transform: uppercase;
}
.availDetails .availableUnits .availableUnitsLists {
  float: left;
  width: 100%;
  padding: 30px 0px;
  border-bottom: solid 1px #d8d8d8;
  font-size: 18px;
  color: #262a2b;
  font-weight: 400;
}
.availDetails .availableUnits .availableUnitsLists h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin: 0px 0px 15px 0px;
  color: #262a2b;
  text-transform: uppercase;
}
.availDetails .availableUnits .availableUnitsLists h3 span {
  font-weight: 400;
}
.availDetails .availableUnits .availableUnitsLists strong {
  font-weight: 700;
  color: #d25a2b;
  display: block;
}
.availDetails .availableUnits .availableUnitsLists .unitCol1,
.availDetails .availableUnits .availableUnitsLists .unitCol2,
.availDetails .availableUnits .availableUnitsLists .unitCol3,
.availDetails .availableUnits .availableUnitsLists .unitCol4 {
  float: left;
  width: 30%;
}
.availDetails .availableUnits .availableUnitsLists .unitCol2,
.availDetails .availableUnits .availableUnitsLists .unitCol3 {
  width: 20%;
}
.availDetails .availableUnits .availableUnitsLists .unitCol3 {
  height: 5px;
}
.availDetails .availableUnits .discount {
  float: left;
  margin: 1em 0 0 0;
}
.availDetails .availableUnits .availableUnitsLists .unitCol4 {
  width: 30%;
  text-align: right;
}
.availDetails .availableUnits .availableUnitsLists .unitCol4 a {
  background: #1b376d;
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  padding: 10px 30px;
  display: inline-block;
  text-align: center;
  width: 195px;
  margin-bottom: 10px;
}
.availDetails .availableUnits .availableUnitsLists .unitCol4 a:hover,
.availDetails .availableUnits .availableUnitsLists .unitCol4 a:focus {
  background: #d25a2b;
}
.availDetails .availableUnits .applyLink {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.availDetails .availableUnits .applyLink a {
  background: #1b376d;
  font-size: 24px;
  color: #ffffff;
  font-weight: 700;
  padding: 25px 60px;
  display: inline-block;
}
.availDetails .availableUnits .applyLink a:hover,
.availDetails .availableUnits .applyLink a:focus {
  background: #d25a2b;
}
.home-video video {
  width: 100%;
}
.office-section {
  margin-top: 50px;
  float: left;
  text-align: center;
  width: 100%;
}
.footer-logos {
  display: flex;
}
.footer-logos a {
  margin-left: 20px;
}
.footer-logos a img {
  height: 23px;
}
@media screen and (max-width: 1400px) {
  .homeBanner {
    padding: 250px 0px;
  }
  .innerBanner {
    padding: 160px 0px 150px 0px;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    padding: 0px 15px;
  }
  .homeAmenities article.amenitiesLeft .section-content {
    padding: 0px;
  }
  .residences .viewLink,
  .homeAmenities .viewLink {
    margin-top: 25px;
  }
  .homeAmenities .viewLink figure {
    margin-top: 25px;
  }
  .homeNeighborhood article.neighborhoodRight .section-content {
    padding: 0px;
  }
  .homeNeighborhood .neighborhoodImages {
    padding: 140px 60px 60px 60px;
    margin-top: -80px;
  }
  .homeNeighborhood .neighborhoodImages img {
    margin-left: 90px;
    float: left;
  }
  .liveVib .liveVibLeft {
    margin: 0px;
    padding: 50px;
  }
  .blogDetails .blogSidebar .widgetBox {
    padding: 20px;
  }
  .thoughtfully .thoughtfullyLeft .section-content {
    padding: 0px;
  }
  .theKitchen .tkImg1 {
    width: 100%;
  }
  .theKitchen .theKitchenCont {
    position: relative;
    float: left;
    width: 60%;
  }
  .theKitchen .tkImg2 {
    margin-top: 0px;
  }
  .availLists .availUnit figure {
    width: 100%;
    margin: 0px 0px 25px 0px;
  }
  .liveVib .liveVibBg {
    top: 20px;
    bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  article.energyInside .section-content {
    padding: 0px 10%;
  }
  .residences .residencesLeft {
    width: 50%;
    margin-right: 30px;
  }
  .residences .residencesRight h2 {
    margin: 15px 0px 0px 0;
  }
  .residences article {
    padding: 0px;
  }
  .residences .viewLink {
    padding-left: calc(50% + 30px);
  }
  .homeAmenities .amenitiesRight {
    width: 45%;
  }

  .homeAmenities .home-section-amazon {
  }

  .homeNeighborhood .neighborhoodLeft {
    width: calc(50% - 30px);
    margin-right: 30px;
    margin-left: 0px;
  }
  .homeNeighborhood .neighborhoodRight h2 {
    margin: 10px 0px 0px 0;
  }
  .homeNeighborhood .viewLink {
    margin-top: 25px;
    padding-left: calc(50% + 30px);
  }
  .homeNeighborhood .neighborhoodImages {
    margin-top: 25px;
    width: 100%;
    padding: 40px;
    text-align: center;
  }
  .homeNeighborhood .neighborhoodImages img {
    margin: 0px 20px;
  }
  .mainFooter {
    margin: 30px 0px;
  }
  .mainFooter .col1,
  .mainFooter .col2,
  .mainFooter .col4,
  .mainFooter .col5 {
    width: 30%;
    margin: 15px 0px;
  }
  .mainFooter .col1,
  .mainFooter .col2,
  .mainFooter .col3 {
    width: 33.33%;
    text-align: center;
  }
  .mainFooter .col6 {
    width: 100%;
  }

  .mainFooter .col3,
  .mainFooter .col6 {
    margin: 15px 0px;
    align-items: center;
    text-align: center;
  }
  .mainFooter .col3 {
    min-height: 90px;
  }
  .innerBanner .innerPageHeading h1 {
    margin: 0px;
  }
  .liveVib .liveVibLeft {
    padding: 25px;
  }
  .liveVib .liveVibLeft h2 {
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 15px 0px;
  }
  .insideOut .outsideSec .outsideSecCont h2,
  .insideOut .insideSec .insideSecCont h2 {
    padding: 6px 0px 10px 0px;
  }

  .amazon .ofRight {
    padding: 20px 0px 30px 30px;
  }

  .otherFeauters .ofRight h2 {
    margin: 0px 0px 0px 0px;
    padding: 15px 0 15px 0;
  }
  .otherFeauters .ofLeft,
  .otherFeauters .ofRight {
    width: 50%;
  }
  .otherFeauters .ofRight .ofRightCol {
    width: 100%;
  }
  .otherFeauters .ofRight .ofRightCol h3 {
    margin: 25px 0px 15px 0px;
  }
  .mainBlog .mainBlogContent h2,
  .mainBlog .mainBlogContent h2 a {
    font-size: 30px;
    line-height: 32px;
  }
  .blogSidebar ul li a {
    font-size: 18px;
  }
  .blogLists .blogList h2 a {
    font-size: 20px;
    line-height: 26px;
  }
  .blogDetails .blogSidebar .widgetBox {
    padding: 12px;
  }
  .contactPage {
    position: relative;
  }
  .contactPage h2 {
    font-size: 32px;
  }
  .galleryPage .galleryCol1 {
    padding-right: 20px;
  }
  .galleryPage .galleryCol2 {
    padding-left: 20px;
  }
  .galleryPage .galleryCol1 img,
  .galleryPage .galleryCol2 img {
    margin-bottom: 40px;
  }
  .neighborhoodPage .neighborhoodLeft {
    width: 50%;
  }
  .thoughtfully {
    margin-bottom: 0px;
  }
  .thoughtfully .thoughtfullyRight {
    width: 50%;
    margin: -100px 0px -100px 0px;
    padding-left: 40px;
  }
  .thoughtfully .thoughtfullyLeft {
    float: left;
    width: 50%;
  }
  .thoughtfully .thoughtfullyLeft h2 {
    padding: 15px 100px 20px 0px;
  }

  .thoughtfully .thoughtfullyLeft .section-content a {
    float: none;
  }
  .loftStyle .loftStyleLeft {
    width: 100%;
    margin: 0px;
  }

  .loftStyle .loftStyleLeft img {
    width: 100%;
  }
  .loftStyle .loftStyleRight {
    float: left;
    width: 100%;
  }
  .loftStyle .loftStyleRight h2 {
    margin: 20px 0px 10px 0px;
    background-size: 100% 100%;
  }
  .loftStyle .loftStyleRight .section-content {
    padding: 0px;
  }
  .theKitchen .theKitchenCont {
    width: 100%;
  }
  .galleryPage .grayBg {
    height: 400px;
  }
  .galleryPage .blueBg {
    height: 600px;
  }
  .contact_frm {
    margin: 40px 0 0px 0;
    width: 100%;
  }
  .availLists .availUnit {
    padding: 25px;
  }
  .availibilityBanner .headCont {
    padding: 0px 10%;
    margin-top: 40px;
  }
  .availLeft,
  .availDetails {
    width: 50%;
  }
  .availDetails .availContent .availContent2col {
    width: 100%;
    padding: 0px;
    margin-bottom: 25px;
  }
  .availDetails .shareLinks {
    padding: 10px 25px;
  }
  .availDetails .shareLinks a {
    display: block;
    margin: 15px 0px;
  }
  .availDetails .availableUnits {
    padding: 20px 25px;
  }
  .availDetails .availableUnits h2 {
    font-size: 30px;
  }
  .availDetails .availableUnits .availableUnitsLists h6 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .availDetails .availableUnits .availableUnitsLists .unitCol1,
  .availDetails .availableUnits .availableUnitsLists .unitCol2,
  .availDetails .availableUnits .availableUnitsLists .unitCol3,
  .availDetails .availableUnits .availableUnitsLists .unitCol4 {
    width: 100%;
    text-align: left;
    margin: 8px 0px;
  }
  .availDetails .availableUnits .applyLink {
    margin: 25px 0px 10px 0px;
  }
  .homeNeighborhood .neighborhoodImages .neighborhoodBg {
    width: 100%;
  }
  .liveVib .liveVibBg {
    top: 20px;
    bottom: 30px;
  }
}

.callToAction {
  text-align: center;
  padding: 50px 0 50px 0;
}
.callToAction a {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  font-weight: 700;
  background: #1b376d;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
}
.callToAction a:hover,
.callToAction a:focus {
  background: #d25a2b;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  .navBar .topMenu {
    display: none;
  }
  .navBar .mob-icons-wrap {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .footer-logos {
    flex-direction: column;
    align-items: center;
  }
  .footer-logos a {
    margin-left: 0;
  }
  .footer-logos a:first-child {
    margin-bottom: 20px;
  }
  .navBar {
    position: relative;
    top: 0px;
  }
  .mainNavigation {
    position: absolute;
  }
  .mainNavigation .topMainMenu {
    position: absolute;
    right: 1px;
    top: 130px;
  }
  .homeBanner {
    margin-top: 0;
    padding: 150px 0px 150px 0px;
  }
  .homeBanner .cobaltLogo img {
    max-width: 75%;
  }
  .energyInside article {
    padding: 0px;
  }
  .energyInside h2,
  .residences .residencesRight h2,
  .homeAmenities .amenitiesLeft h2,
  .homeNeighborhood .neighborhoodRight h2,
  .liveVib .liveVibLeft h2,
  .insideOut .outsideSec .outsideSecCont h2,
  .insideOut .insideSec .insideSecCont h2,
  .otherFeauters .ofRight h2,
  .thoughtfully .thoughtfullyLeft h2,
  .loftStyle .loftStyleRight h2,
  .theKitchen .theKitchenCont h2,
  .tosumUp .tosumUpHead h2 {
    font-size: 42px;
  }

  .homeAmenities .home-section-amazon h2 {
    font-size: 18px;
  }

  .residences {
    padding: 0px;
  }
  .residences .residencesLeft,
  .homeNeighborhood .neighborhoodLeft {
    width: 100%;
    margin-right: 0px;
  }
  .residences .residencesLeft img,
  .homeNeighborhood .neighborhoodLeft img {
    width: 100%;
  }
  .residences .residencesRight h2 {
  }
  .residences .residencesRight,
  .homeNeighborhood .neighborhoodRight {
    float: left;
    width: 100%;
  }
  .residences .residencesRight h2,
  .homeNeighborhood .neighborhoodRight h2 {
    margin: 0px;
  }
  .residences .viewLink,
  .homeNeighborhood .viewLink {
    padding-left: 0px;
  }
  .homeAmenities .amenitiesRight {
    width: calc(45% - 30px);
    margin: 0px 0px 0px 30px;
  }
  .homeNeighborhood {
    padding: 0px 0px 20px 0px;
  }
  .homeNeighborhood .neighborhoodImages {
    padding: 30px 0px;
  }
  .homeNeighborhood .neighborhoodImages img {
    margin: 0px 10px;
  }
  .liveVib .liveVibLeft,
  .liveVib .liveVibRight {
    float: left;
    width: 100%;
    text-align: center;
  }
  .liveVib .liveVibLeft h2 {
    margin: 0px 0px 10px 0px;
    padding: 0px 30px 5px 30px;
  }
  .insideOut {
    margin-top: 10px;
    padding: 50px 0px;
  }
  .insideOut .outsideSec,
  .insideOut .insideSec {
    width: 100%;
  }
  .insideOut .insideSec {
    margin-top: 45px;
  }
  .insideOut .insideSec .insideSecCont {
    padding-left: 0px;
  }
  .otherFeauters .ofRight h2 {
    padding: 0;
  }
  .innerBanner .innerPageHeading h1 {
    font-size: 44px;
  }
  .mainBlog .mainBlogImg,
  .mainBlog .mainBlogContent {
    width: 100%;
    padding: 0px;
    display: inline-block;
  }
  .mainBlog .mainBlogImg {
    margin-bottom: 20px;
  }
  .blogLists,
  .blogSidebar {
    width: 100%;
    padding: 0px;
  }
  .blogDetails .blogDetailsLeft {
    padding: 0px;
    margin-bottom: 50px;
    width: 100%;
  }
  .blogDetails .blogSidebar {
    width: 100%;
  }
  .blogDetails .blogDetailsLeft h2 {
    font-size: 32px;
  }
  .contactPage h2 {
    font-size: 30px;
  }
  #fancybox-left-ico {
    left: 0px;
  }
  #fancybox-right-ico {
    right: 0px;
  }
  .neighborhoodPage {
    padding-bottom: 20px;
  }
  .neighborhoodPage .neighborhoodLeft,
  .neighborhoodPage .neighborhoodRight {
    width: 100%;
    display: inline-block;
  }
  .neighborhoodPage .neighborhoodRight img,
  .neighborhoodPage .neighborhoodRight iframe {
    position: relative;
  }
  .neighborhoodPage .neighborhoodLeft {
    padding: 30px;
  }
  .thoughtfully .thoughtfullyLeft {
    text-align: left;
  }
  .loftStyle .loftStyleRight h2 {
    padding: 5px 70px 25px 90px;
  }
  .loftStyle .lsMiddle {
    padding-top: 0px;
  }
  .tosumUp .tosumUpHead h2 {
    margin-bottom: 25px;
  }
  .tosumUp .tosumUpCol {
    width: 100%;
    text-align: center;
    margin: 20px 0px;
  }
  .availibilityBanner .innerPageHeading h1 {
    font-size: 38px;
  }
  .availibilityPage .availNav ul li {
    font-size: 16px;
    padding: 0px 15px;
  }
  .availibilityPage .availNav ul li::after {
    right: -16px;
  }
  .availLists h3 {
    font-size: 30px;
  }
  .availLists .availUnit {
    width: calc(92% / 2);
  }
  .availibilityBanner .innerPageHeading h1 {
    font-size: 28px;
  }
  .availDetails {
    padding-top: 0px;
  }
  .homeNeighborhood .neighborhoodImages {
    float: left;
    width: 100%;
  }
  .liveVib .liveVibBg {
    width: 100%;
    bottom: 0px;
    top: 0px;
  }
  .liveVib .liveVibLeft,
  .liveVib .liveVibRight {
    padding: 25px 0px;
  }
}
@media screen and (max-width: 639px) {
  .office-section {
    text-align: left;
  }
  .mainNavigation .mainNavImg {
    display: none;
  }
  .mainNavigation .mainNavMenu {
    width: 100%;
    left: 0px;
    overflow: auto;
  }
  .mainNavigation .mainNavMenu ul {
    margin-bottom: 50px;
  }

  .navBar .topSocial {
    text-align: left;
    padding-left: 15px;
  }
  .navBar .topMenu {
    width: 100%;
    margin-top: 15px;
  }
  .mainNavigation .mainNavMenu ul li {
    margin: 5px 0px;
  }
  .mainNavigation .mainNavMenu ul li a {
    font-size: 16px;
    padding: 0px 35px 0px 10px;
  }
  .energyInside h2,
  .residences .residencesRight h2,
  .homeAmenities .amenitiesLeft h2,
  .homeNeighborhood .neighborhoodRight h2,
  .liveVib .liveVibLeft h2,
  .insideOut .outsideSec .outsideSecCont h2,
  .insideOut .insideSec .insideSecCont h2,
  .otherFeauters .ofRight h2,
  .thoughtfully .thoughtfullyLeft h2,
  .loftStyle .loftStyleRight h2,
  .theKitchen .theKitchenCont h2,
  .tosumUp .tosumUpHead h2 {
    font-size: 34px;
    line-height: 40px;
    padding-left: 0;
  }
  .homeAmenities .amenitiesRight {
    margin: 0px;
    width: 100%;
  }
  .homeAmenities .amenitiesLeft {
    float: left;
    width: 100%;
    text-align: left;
  }

  .homeAmenities .home-section-amazon {
    width: 100%;
    text-align: left;
  }
  .homeAmenities .home-section-amazon h2 {
    margin-right: 0;
    font-size: 18px;
  }

  .mainFooter .col1,
  .mainFooter .col2,
  .mainFooter .col4,
  .mainFooter .col5 {
    width: 50%;
    margin: 15px 0px;
    text-align: center;
  }
  .mainFooter .col3 {
    width: 100%;
  }
  .mainFooter .col6 {
    text-align: center;
  }
  .innerBanner .innerPageHeading h1 {
    font-size: 40px;
  }
  .blogDetails .blogDetailsLeft h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .contactPage .contactCol {
    width: 100%;
    margin-bottom: 40px;
    text-align: left;
  }
  .galleryPage .galleryCol2 {
    padding-top: 70px;
  }
  .thoughtfully {
    margin: 40px 0px 0px 0px;
  }
  .thoughtfully .thoughtfullyRight {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .thoughtfully .thoughtfullyRight img {
    width: 100%;
  }
  .thoughtfully .thoughtfullyLeft {
    width: 100%;
  }
  .thoughtfully .thoughtfullyLeft h2 {
    background-size: 100% 100%;
  }
  .loftStyle .loftStyleRight h2 {
    padding: 5px 0 25px 0;
  }
  .loftStyle .lsLeftImg,
  .loftStyle .lsRightImg {
    width: 40%;
    float: left;
    text-align: left;
    padding-right: 25px;
  }
  .loftStyle .lsMiddle {
    width: 50%;
    padding: 0px;
  }
  .loftStyle .lsMiddle img {
    margin-left: 0px;
  }
  .tosumUp .tosumUpHead h2 {
    padding: 15px 100px 30px 100px;
  }
  .theKitchen .theKitchenCont {
    padding: 25px 70px 60px 75px;
  }
  .theKitchen .tkLeftImg {
    width: 40%;
  }
  .theKitchen .tkMiddle {
    padding-top: 0px;
  }
  .theKitchen .tkMiddle img {
    margin-right: 0px;
  }
  .theKitchen .tkRightImg {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 30px;
  }
  .galleryPage .grayBg {
    height: 300px;
  }
  .galleryPage .blueBg {
    height: 500px;
  }
  .availibilityBanner .innerPageHeading h1 {
    font-size: 34px;
    line-height: 36px;
    padding: 8px 100px 22px 120px;
  }
  .availibilityBanner .headCont {
    padding: 0px 15px;
  }
  .availibilityPage .availNav ul li {
    padding: 8px 15px;
  }
  .availibilityBanner .innerPageHeading h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .availLeft,
  .availDetails {
    width: 100%;
    padding: 0px;
  }
  .availLeft {
    margin-bottom: 25px;
  }
  .availLeft img {
    width: auto;
    max-width: 100%;
  }
  .homeNeighborhood .neighborhoodImages img {
    float: none;
  }
}
@media screen and (max-width: 479px) {
  .homeBanner {
    padding: 150px 0px 150px 0px;
  }
  .homeBanner .cobaltLogo img {
    max-width: 90%;
  }
  .energyInside h2,
  .residences .residencesRight h2,
  .homeAmenities .amenitiesLeft h2,
  .homeNeighborhood .neighborhoodRight h2,
  .liveVib .liveVibLeft h2,
  .insideOut .outsideSec .outsideSecCont h2,
  .insideOut .insideSec .insideSecCont h2,
  .otherFeauters .ofRight h2,
  .thoughtfully .thoughtfullyLeft h2,
  .loftStyle .loftStyleRight h2,
  .theKitchen .theKitchenCont h2,
  .tosumUp .tosumUpHead h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .residences .residencesRight h2 {
    padding: 5px 70px 20px 70px;
  }
  .homeAmenities .amenitiesLeft h2 {
    padding: 5px 40px 20px 40px;
  }
  .homeAmenities .viewLink a::before,
  .homeNeighborhood .viewLink a::after {
    display: none;
  }
  .homeAmenities .viewLink figure {
    width: 100%;
  }

  .homeAmenities .home-section-amazon h2 {
    font-size: 18px;
    line-height: 25px;
    padding: 5px 40px 5px 40px;
  }

  .homeNeighborhood .neighborhoodRight h2 {
    padding: 15px 70px 20px 45px;
  }
  .homeNeighborhood .neighborhoodImages {
    padding: 20px;
  }
  .homeNeighborhood .neighborhoodImages img {
    margin: 10px 0px;
  }
  .mainFooter .col1,
  .mainFooter .col2,
  .mainFooter .col3,
  .mainFooter .col4,
  .mainFooter .col5,
  .mainFooter .col6 {
    width: 100%;
    margin: 10px 0px;
    text-align: center;
  }
  .innerBanner .innerPageHeading h1 {
    font-size: 32px;
    line-height: 40px;
    padding: 5px 40px 20px 60px;
  }
  .minutesFrom {
    left: 0px;
    width: 100%;
    bottom: 20px;
  }
  .applyNow {
    bottom: 70px;
    width: 100%;
  }
  .insideOut .outsideSec .outsideSecImg1,
  .insideOut .insideSec .insideSecImg {
    width: 100%;
    padding: 0px 0px 25px 0px;
    text-align: center;
  }
  .insideOut .insideSec .insideSecImg {
    padding: 5px 0px 0px 0px;
    text-align: left;
  }
  .insideOut .outsideSec .outsideSecCont,
  .insideOut .insideSec .insideSecCont {
    padding: 0px;
    width: 100%;
  }

  .amazon .ofLeft,
  .amazon .ofRight {
    width: 100%;
    padding: 20px 0;
  }

  .amazon .ofRight {
    margin-top: -20px;
    padding: 20px 0;
  }

  .amazon .ofRight:after {
    left: -15px;
  }

  .amazon .ofRight .ofRightCol {
    width: 100%;
  }

  .amazon .ofRight h2 {
    padding: 5px 25px 5px 25px;
    margin: 5px -25px;
  }

  .otherFeauters .ofLeft,
  .otherFeauters .ofRight {
    width: 100%;
    padding: 0px;
  }
  .otherFeauters .ofRight .ofRightHead {
  }
  .otherFeauters .ofRight h2 {
    margin: 0px;
    padding: 15px 0 10px 0;
  }
  .blogLists .blogList {
    width: 100%;
  }
  .blogLists .blogPagination a,
  .blogDetails .blogPagination a {
    font-size: 13px;
    padding-right: 30px;
  }
  .blogDetails .blogDetailsLeft h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .galleryPage .galleryCol1,
  .galleryPage .galleryCol2 {
    width: 100%;
    padding: 0px;
  }
  .neighborhoodPage .neighborhoodLeft {
    padding: 20px;
  }
  .tosumUp .tosumUpHead h2 {
    padding: 15px 10px 30px 10px;
  }
  .theKitchen .theKitchenCont {
    padding: 60px 20px 100px 20px;
  }
  .loftStyle .lsLeftImg,
  .loftStyle .lsRightImg,
  .loftStyle .lsMiddle {
    width: 100%;
  }
  .loftStyle .lsLeftImg {
    margin-bottom: 20px;
  }
  .loftStyle .lsRightImg {
    text-align: right;
  }
  .thoughtfully .thoughtfullyLeft h2 {
    padding: 15px 0px 20px 0px;
  }
  .loftStyle .loftStyleRight h2 {
    padding: 5px 0px 5px 0px;
  }
  .theKitchen .tkLeftImg,
  .theKitchen .tkMiddle {
    width: 100%;
    padding: 0px;
  }
  .theKitchen .tkLeftImg {
    text-align: left;
    margin-bottom: 20px;
  }
  .availibilityBanner .innerPageHeading h1 {
    font-size: 26px;
    line-height: 30px;
    padding: 8px 20px 22px 20px;
  }
  .availLists h3 {
    font-size: 26px;
  }
  .availLists .intro-text-content {
    width: 100%;
  }

  .availLists .availUnit {
    width: 100%;
    margin: 3% 0px;
  }
  .availDetails .availableUnits h2 {
    font-size: 26px;
  }
  .availDetails .availableUnits .applyLink a {
    padding: 20px 0px;
    display: block;
    text-align: center;
    font-size: 22px;
  }
  .availDetails .shareLinks .shareHover {
    width: 280px;
    left: -20px;
  }
}

/* --------------------------------------------------------------
 Accessibility
-------------------------------------------------------------- */

/*Hide text meant only for screen readers*/
.screen-reader-text {
  font-size: 0;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  transition: none;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-color: #000;
  border-radius: 5px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto;
  color: #00008b;
  display: block;
  font-size: 14px;
  font-weight: 700;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  z-index: 100000;
}

.clearfix::after {
  content: '';
  clear: both;
  display: table;
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 36px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: 0.25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/* Fancybox */
.fancybox-is-open .fancybox-bg {
  background: rgba(27, 55, 109, 0.95);
}
.fancybox-container.fancybox-is-open {
  z-index: 99999999;
}

.fancybox-slide--iframe .fancybox-content {
  max-width: 80%;
  max-height: 80%;
  margin: 0 auto;
}

/* Homepage slider Ken Burns effect */
.home-slider {
  position: absolute;
  z-index: 1;
  /*	margin: 50px auto;*/
}
.home-slider {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.home-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.home-slider * {
  outline: none;
}
.home-slider .slick-list {
  position: relative;
}
.home-slider .slick-track {
  position: relative;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.home-slider .item {
  height: 100%;
  position: relative;
  z-index: 1;
}
.home-slider .item img {
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.home-slider .item img {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}

.home-slider .item:nth-child(2n + 1) img {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}

.home-slider .item:nth-child(3n + 1) img {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
.home-slider .item:nth-child(4n + 1) img {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}

.home-slider .item.kenburns img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: cssAnimation 8s 1 ease-in-out forwards;
  animation: cssAnimation 8s 1 ease-in-out forwards;
}

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
.contact_frm .hywrap select {
  color: #000;
  background: #fff;
}