/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1,
h2,
.h2Style,
h3,
.h3Style, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  color: inherit; }

/* !SASS */
.blueGradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c2b4a+0,061729+100 */
  background: #0c2b4a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0c2b4a 0%, #061729 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0c2b4a), color-stop(100%, #061729));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #0c2b4a 0%, #061729 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #0c2b4a 0%, #061729 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #0c2b4a 0%, #061729 100%);
  /* IE10+ */
  background: linear-gradient(to right, #0c2b4a 0%, #061729 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2b4a', endColorstr='#061729',GradientType=1 );
  /* IE6-9 */ }

.dropShadow {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }

/* !Grid background colors */
.blue, .blueGradient {
  background-color: #002B49; }
  .blue h1, .blue h2, .blue .h2Style, .blue h3, .blue .h3Style, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .blue p, .blue li, .blueGradient h1, .blueGradient h2, .blueGradient .h2Style, .blueGradient h3, .blueGradient .h3Style, .blueGradient h2, .blueGradient h3, .blueGradient h4, .blueGradient h5, .blueGradient h6, .blueGradient p, .blueGradient li {
    color: white; }

.gray {
  background-color: #dee1e1; }
  .gray h1, .gray h2, .gray .h2Style, .gray h3, .gray .h3Style, .gray h2, .gray h3, .gray h4, .gray h5, .gray h6, .gray p, .gray li {
    color: #7D868C; }

.white h4, .white h5, .white h6, .white p, .white li {
  color: #7D868C; }
.white h1, .white h2, .white .h2Style, .white h3, .white .h3Style, .white h2, .white h3 {
  color: rgba(124, 134, 140, 0.9); }

/* !background images */
.fullWidth {
  background-size: cover;
  background-position: center center; }

#activitiesPic {
  background-image: url(../images/Wellshire-09.jpg);
  background-position: right top; }

#diningPic {
  background-image: url(../images/Wellshire-08.jpg); }

#headerImage {
  background-image: url(../images/Wellshire-05.jpg);
  height: 500px;
  position: relative;
  display: block; }

#headerImage:after, .bigLogo {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../images/Wellshire-03.png);
  background-size: cover;
  background-position-x: 500px;
  background-repeat: no-repeat; }



.sixty.column.headerText {
    clip-path: polygon(0 0, 93% 0, 100% 100%, 7% 100%);
    background:rgba(255, 255, 255, .77);
    width:70%;
    position:absolute;
    bottom:50px;
    padding:60px 60px 42px 80px;
        z-index: 1;
}
.headerText h1,
.headerText p {
    color:#002B49;
}
.headerText p strong {
        font-size: 25px;

 }
.headerText p {
    margin:0 0 5px 0;
    font-size: 18px;
    line-height: 1.3em;
    font-style: italic;
 
}
.headerText h1 {
        font-family: "ratiomodern";
    font-style: italic;
    line-height: 2.2rem;
    
    font-size: 2.8rem;
    margin-bottom: 1rem;
}


#location .column {
    margin-bottom: 0px;
    padding-bottom: 0
}

#residences .column {
    margin-bottom: 0px;
    padding-bottom: 0
}
.blueGradient {
  position: relative; }

.bigLogo {
  opacity: .2;
  z-index: 20; }

#location .fifty {
  position: relative;
  z-index: 30; }

/* !icons */
body {
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* !Grid */
.clearfix:after, .rowWrapper:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.clear {
  display: block;
  clear: both; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  width: 100%; }

.rowWrapper {
  width: 100%;
  margin: auto;
  clear: both;
  max-width: 1400px; }

.tableRow {
  display: table;
  width: 100%; }

.tableRow .column {
  float: none;
  display: table-cell;
  vertical-align: top; }

.tableRow.verticalAlign .column {
  vertical-align: middle; }

.tableRow .column .column {
  display: block;
  float: left; }

.column {
  padding: 60px 60px;
  float: left; }

.sixtyPaddingLeft {
  padding-left: 60px; }

.thirtyBottom {
  padding-bottom: 30px !important; }

.sixtyPaddingRight {
  padding-right: 60px; }

.noPadding .column, .noPadding {
  padding: 0px; }

.halfPadding .column {
  padding: 15px; }

.quarterPadding .column {
  padding: 7.5px; }

.noSidePadding {
  padding-left: 0px;
  padding-right: 0px; }

.noPaddingTop {
  padding-top: 0px !important; }

.noPaddingBottom {
  padding-bottom: 0px !important; }

.noMarginBottom {
  margin-bottom: 0px !important; }

.right {
  float: right !important; }

.left {
  float: left; }

.whiteBands {
  position: relative; }

.whiteBands .column {
  padding-top: 90px; }

.whiteBands .column .column {
  padding-top: 30px; }

.bandTop {
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 100; }

.patternBand {
  background-image: url(../images/Wellshire-13.png);
  height: 70px;
  width: 100%;
  background-size: 288px 70px; }

.bandBottom {
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 100; }

.oneHundred {
  width: 100%; }

.ninty {
  width: 90%; }

.eighty {
  width: 80%; }

.seventy {
  width: 75%; }

.sixtyTwoFive {
  width: 62.5%; }

.sixtySix {
  width: 66.666666%; }

.sixty {
  width: 60%; }

.fifty {
  width: 50%; }

.forty {
  width: 40%; }

.thirtyThree {
  width: 33.333333%; }

.thirty {
  width: 30%; }

.twentyFive {
  width: 25%; }

.twenty {
  width: 20%; }

.twelveFive {
  width: 12.5%; }

.ten {
  width: 10%; }

/* !typography */
body {
  font-family: "Gotham SSm A", "Gotham SSm B";
  line-height: 1.5rem; }

h1, h2, .h2Style, h3, .h3Style, .h1Style {
  font-family: "ratiomodern";
  font-size: 2rem;
  font-style: italic;
  line-height: 2.2rem;
  margin-bottom: .5rem; }

h2, .h2Style {
  font-size: 1.8rem; }

h3, .h3Style {
  font-size: 2.8rem;
  margin-bottom: 1rem; }

.lines {
  background-image: url(../images/lines.png);
  background-position: center center;
  background-repeat: repeat-x;
  margin-bottom: 15px; }

.lines h3 {
  background-color: white;
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px; }

.gray .lines h3 {
  background-color: #dee1e1; }

p {
  margin-bottom: 1.5rem; }

.gray .oneHundred ul.fifty {
  padding-left: 60px; }

.gray li {
  text-transform: uppercase;
  margin-bottom: 10px;
  position: relative; }

.gray li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: white;
  margin-right: 10px;
  margin-top: 7px;
  font-weight: 100px;
  border-radius: 10px;
  position: absolute;
  left: -20px; }

#promoBox {
  font-size: 1.5rem;
  color: #7D868C; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

.caps {
  text-transform: uppercase;
  font-style: normal; }

.centered *, .centered {
  text-align: center; }

.centeredList {
  text-align: center; }

.centeredList li {
  text-align: center;
  display: inline-block; }

sup {
  vertical-align: super;
  font-size: .5em; }

a {
  text-decoration: none; }

figure {
  width: 80%;
  margin: 0px auto;
  background-color: rgba(124, 134, 140, 0.1);
  /*border:1px solid rgba(124, 134, 140, 0.15);*/
  padding: 2px;
  /*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);*/
  margin-bottom: 15px; }

figure.full {
  width: 100%; }

.blue figure {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }

figure img {
  display: block; }

img {
  max-width: 100%;
  height: auto; }

.textRight {
  text-align: right; }

/* !Button */
/* !Type Color */
/* !header */
header {
  background-repeat: repeat-y;
  background-position: center right;
  background-image: url(../images/halfAndHalf.jpg); }

header .column {
  padding-top: 0px;
  padding-bottom: 0px; }

#promoBox {
  background-image: url(../images/Wellshire-04.png);
  padding-left: 60px; }

header .twelveFive {
  background-image: url(../images/Wellshire-04.png);
  background-position: center center; }

#logo img {
  max-height: 150px;
  width: auto;
    margin:20px
}

/* !Nav */
.sticky-wrapper {
  position: absolute;
  bottom: 0px;
  z-index: 1000;
  width: 100%;
  left: 0%;
  right: 0%; }

nav ul {
  text-align: center;
  background-color: white;
  width: 90%;
  margin: 0 auto;
  transition: all ease .3s; }

.toTop {
  display: none; }

.stuck {
  position: fixed;
  top: 0px;
  width: 100%; }

.is-sticky .toTop {
  display: inline-block; }

nav li {
  display: inline-block;
  text-align: center;
  padding: 10px 3%;
  color: #002B49;
  box-shadow: 0px 0px 9px transparent inset;
  transition: .3s ease all; }

nav li:hover {
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2) inset; }

/* !Hero */
/* ! Sliders */
/* !home page  */
/* !Sidebar */
/* !General interior stuff */
/* !form Elements */
input[type="text"], textarea, select, input[type="email"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  background-color: rgba(0, 44, 75, 0);
  transition: all ease .3s;
  border: 1px solid #dee1e1; }

input[type="radio"] {
  display: inline-block; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0px; }

input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
  outline: none;
  background-color: rgba(0, 44, 75, 0.1);
  border: 1px solid white; }

input[type="submit"] {
  border: 1px solid #dee1e1;
  width: 33%;
  text-transform: uppercase;
  font-size: 1rem; }

textarea {
  margin-top: 10px;
  min-height: 200px; }

.btn {
  width: 100%;
  padding: 10px;
  color: white;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  transition: all .3s ease; }

.btn.blue {
  background-color: #002B49; }

.btn.blue:hover {
  background-color: #7D868C; }

.btn.gray {
  background-color: #7D868C; }

.btn.gray:hover {
  background-color: #002B49; }

/* !footer */
/* !hide */
/* !media Queries */
footer:after {
  content: "none";
  width: 50px;
  height: 25px;
  color: white;
  padding: 5px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  background-color: black;
  display: none; }

@media screen and (max-width: 1100px) {
  footer:after {
    content: "1100"; } }
@media screen and (max-width: 960px) {
  footer:after {
    content: "960"; }

  .blue h1, .blue h2, .blue .h2Style, .blue h3, .blue .h3Style, .h1Style {
    font-size: 1.5rem; }

  .gray li {
    text-transform: none; } }
@media screen and (max-width: 848px) {
  footer:after {
    content: "848"; } }
@media screen and (max-width: 768px) {
  footer:after {
    content: "768"; }

  nav, header .twelveFive {
    display: none !important; }

  #promoBox {
    text-align: center;
    padding-left: 0px; }

  header, #promoBox {
    background-image: none; }

  #logo {
    width: 50% !important;
    margin: 0px 25%; }

  .column {
    padding: 30px 15px; }

  header .tableRow {
    display: block; }

  header .tableRow .column {
    display: block;
    float: left;
    width: 100%; }

  header .btn {
    width: 40%;
    margin: 0px 30%; }

  .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }

  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }
@media screen and (max-width: 480px) {
  .hideMobile {
    display: none !important; }

  .rowWrapper {
    min-width: 300px; }

  footer:after {
    content: "480px"; }

  .column {
    width: 100% !important; }

  .tableRow {
    display: block; }

  .tableRow .column {
    display: block;
    float: left;
    width: 100%; }

  input[type="text"], textarea, select {
    width: 100% !important; }

  #logo {
    width: 70% !important;
    margin: 0px 15%; } }