/* ==========================================================================
   Top Level Styles
============================================================================= */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%;
  color: #e8e8dd; }

body {
  font-size: 1.1rem;
  /* match with p tag */
  line-height: 1.2;
  /* match with p tag */
  color: #e8e8dd;
  /* match with p tag */
  padding: 0;
  margin: 0;
  min-height: 600px;
  background-color: #e8e8dd;
  font-family: "futura-pt",sans-serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  cursor: default;
  -webkit-font-smoothing: subpixel-antialiased; }

@media screen and (max-width: 640px) {
  body {
    font-size: 1rem; }
  #container {
    margin-top: 48px; } }

/* ==========================================================================
   LINK STYLES
============================================================================= */
a {
  cursor: default;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

a:visited {
  color: inherit; }

a:focus {
  outline: none; }

a:link {
  color: #e8e8dd;
  text-decoration: none;
  line-height: inherit;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

a:hover {
  color: #e8e8dd;
  cursor: pointer;
  opacity: .8;
  text-decoration: none;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

a div {
  opacity: 1;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

a:hover div {
  opacity: 1;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

a div:hover {
  opacity: 1;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

/* ==========================================================================
   COLOURS
============================================================================= */
.white {
  color: #fff; }

.cream {
  color: #e8e8dd; }

.maroon {
  color: #795363; }

.redish {
  color: #c15c42; }

.green {
  color: #394b49; }

.orange {
  color: #da872e; }

.paleblue {
  color: #596f83; }

.greenlite {
  color: #00735d; }

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

.maroon-bg {
  background-color: #795363; }

.green-bg {
  background-color: #394b49; }

.greenlite-bg {
  background-color: #00735d; }

.paleblue-bg {
  background-color: #596f83; }

.redish-bg {
  background-color: #c15c42; }

/* ==========================================================================
   TYPOGRPAHY RESETS / DEFAULTS
============================================================================= */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  direction: ltr; }

em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* ==========================================================================
   LOGO
============================================================================= */
div#logo {
  padding: 0px;
  width: 100%;
  max-width: 126px;
  /* 87px */
  float: left;
  margin: -11px 20px 0 35px;
  /* margin:-5px 40px 0 35px; */
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease; }

div#logo img {
  width: 126px; }

div#logo a:link img {
  opacity: 1; }

div#logo a:hover {
  opacity: 1; }

@media screen and (max-width: 730px) {
  div#logo {
    margin: -11px 15px 0 5px; } }

@media screen and (max-width: 640px) {
  div#logo {
    position: fixed;
    right: 0;
    top: 0;
    margin: 0;
    padding: 7px 50px 0 15px;
    max-width: 100px;
    border: 0px red solid;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease; } }

/* ==========================================================================
   IMAGE STYLES
============================================================================= */
a img {
  border: none; }

img {
  display: inline-block; }

a:link img {
  opacity: 1;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

a:hover img {
  opacity: .8;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

img.stretchy {
  width: 100%; }

.stretchy img {
  width: 100%; }

div.stretchy {
  margin-bottom: -6px; }

/* ==========================================================================
   Paragraphs
============================================================================= */
p {
  font-family: inherit;
  font-weight: normal;
  text-align: left;
  font-size: 1.1rem;
  /* match with body tag */
  line-height: 1.2;
  /* match with body tag */
  color: #e8e8dd;
  /* match with body tag */
  margin: .5rem 0;
  text-rendering: optimizeLegibility;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

@media (max-width: 640px) {
  p {
    font-size: 1rem;
    /*line-height: 1.5;*/
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease; } }

/* ==========================================================================
   HEADERS
============================================================================= */
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  color: #e8e8dd;
  /*text-transform:uppercase;*/
  text-rendering: optimizeLegibility;
  margin: 0rem 0 .2rem;
  line-height: 1.0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

h1 {
  font-size: 2.4rem; }

h2 {
  font-size: 2.1rem; }

h3 {
  font-size: 1.8rem; }

h4 {
  font-size: 1.6rem; }

h5 {
  font-size: 1.3rem; }

h6 {
  font-size: 1rem; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: gray;
  line-height: 0; }

/*@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
		line-height: 1.2;
		margin: 0rem 0 .2rem;}
  h1 { font-size: 2.3rem; }
	h2 { font-size: 2.0rem; }
	h3 { font-size: 1.7rem; }
	h4 { font-size: 1.4rem; }
	h5 { font-size: 1.1rem }
	h6 { font-size: .9rem; }
}*/
/* ==========================================================================
   HEADER
============================================================================= */
header nav {
  background-color: #e38f37;
  /*rgb(121,83,99);*/
  position: absolute;
  top: 40px;
  left: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  z-index: 99999999999999; }

/*#fixed-margin {
	height:200px;}*/
/* ==========================================================================
   FOOTER
============================================================================= */
footer {
  position: relative;
  bottom: 0;
  clear: both;
  width: 100%;
  padding: 10px 25px 0;
  z-index: 99999999;
  background: #e8e8dd;
  /*height:57px;*/ }

/*  STICKY FOOTER: SAME HEIGHT AS #footer*/
footer nav ul {
  margin: 0;
  /*line-height:.8*/ }

footer nav ul li {
  display: inline-block; }

footer nav ul li:first-child {
  display: inline-block; }

footer a:link,
footer a:visited {
  font-size: .7rem;
  color: #394b49;
  font-weight: 700;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  border: 0px red solid; }

footer a:hover,
footer a#selected {
  opacity: .5; }

.copyright {
  font-size: .7rem;
  font-weight: 700;
  color: #394b49;
  text-align: right;
  padding: 0 0 7px;
  float: right; }

.copyright span {
  font-size: 1.0rem;
  letter-spacing: 1px; }

@media screen and (max-width: 640px) {
  footer {
    position: relative;
    margin-top: 1rem;
    padding: 5px 5px 5px; }
  #homepage footer {
    margin-top: 90rem;
    padding: 5px 5px 5px; }
  .copyright {
    text-align: left;
    letter-spacing: 1px;
    float: left; } }

/* ==========================
   FOOTER LOGOS
============================= */
#footer-logos ul {
  max-width: 320px;
  padding: 0;
  margin: 4px 0 0 0;
  border: 0px red solid; }

#logo-ravine {
  float: right;
  margin-left: 1rem;
  width: 60px !important; }

#logo-ravine img {
  max-width: 40px; }

#footer-logos ul li:first-child {
  text-align: left;
  border-right: 0px #ccc solid;
  /*max-width:130px;*/
  padding: 0  !important; }

#footer-logos ul li:last-child {
  text-align: center;
  margin: 0 auto !important;
  padding: 0 0 0 3rem  !important; }

#homepage footer {
  position: fixed !important;
  bottom: 0;
  background: #795363 !important;
  margin-top: 90rem;
  padding: 12px 5px 5px;
  margin-bottom: -30px;
  height: 90px; }

#homepage footer .copyright a[href="broker/"] {
  color: #e8e8dd !important; }

#homepage footer .copyright [href="privacy.php"] {
  color: #e8e8dd !important; }

#homepage footer .copyright {
  margin-top: 5px;
  color: #e8e8dd !important; }

@media screen and (max-width: 640px) {
  #footer-logos {
    position: relative;
    bottom: 0;
    max-width: 100%;
    width: 100%; }
  #footer-logos ul {
    max-width: 100%;
    width: 100%; }
  #footer-logos ul li:first-child {
    border-right: 0px #ccc solid; }
  #footer-logos ul li:last-child {
    text-align: left;
    margin: 0 !important;
    padding: 0 0 .5rem 0 !important; }
  #logo-ravine {
    float: right;
    padding: 0 1rem 2rem 0;
    margin: 0 1rem -5px;
    margin-right: 1rem; }
  #homepage footer {
    height: auto; } }

/* ==========================================================================
   HOMEPAGE
============================================================================= */
body#homepage {
  min-height: 1200px; }

#bonus {
  position: absolute;
  right: 15px;
  top: 70px;
  background: rgba(232, 232, 221, 0.9);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #795363;
  font-style: italic;
  font-size: 20px;
  line-height: 1;
  width: 180px;
  height: 180px;
  padding: 40px 0 0;
  text-align: center;
  -ms-transform: rotate(7deg);
  /* IE 9 */
  -webkit-transform: rotate(7deg);
  /* Chrome, Safari, Opera */
  transform: rotate(7deg);
  display: block; }

#bonus strong {
  font-size: 32px;
  font-style: normal; }

#promo-container {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  width: 100%; }

#promo {
  margin: 14rem auto 0;
  max-width: 600px;
  position: relative; }

#promo img {
  margin-bottom: -5px !important; }

#promo img {
  width: 100%; }

#promo #close {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  padding: 1rem 1rem;
  color: #795363;
  font-weight: bold;
  z-index: 9999999999999; }

a:hover #promo img {
  opacity: 1 !important; }

a:hover #promo {
  opacity: 1 !important; }

#promo a:hover img {
  opacity: 1 !important; }

#promo a:hover {
  opacity: 1 !important; }

@media (max-width: 950px) {
  #bonus {
    top: 170px; }
  #promo {
    /*margin:10rem 0 0;*/ } }

@media (max-width: 750px) {
  #promo {
    /*max-width:400px;*/ } }

@media (max-width: 640px) {
  #bonus {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 80px; }
  #promo {
    margin: .3rem 0 0;
    max-width: 100%; } }

#floorplans #promo {
  position: absolute;
  margin: 5rem 0 0;
  right: 5rem; }

#tagline {
  position: fixed;
  top: 40%;
  left: 3%;
  color: #e8e8dd;
  font-size: 1.5rem;
  line-height: 1.1;
  text-shadow: 0px 1px 5px black; }

#tagline span {
  font-size: 1.7rem;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }

@media (max-width: 640px) {
  #tagline {
    left: 40px; } }

/* ==========================================================================
   HOMEPAGE REGISTER FORM
============================================================================= */
#homepage #header #register-here,
#homepage #register-here-mobile {
  display: none !important; }

#homepage #scroll {
  display: none !important; }

#header #register-here {
  position: absolute;
  right: 1rem;
  top: 1rem;
  text-transform: uppercase;
  font-size: 13px;
  font-style: italic;
  padding: 7px 25px 7px 10px;
  border-radius: 1px;
  text-align: center;
  background: #e38f37 url("../img/arrow-register.png") no-repeat right center;
  z-index: 999999999999999; }

#register-here a {
  color: #e8e8dd !important; }

#contact #register-here,
#contact #register-here-mobile,
#contact #scroll {
  display: none; }

@media (max-width: 950px) {
  #header #register-here {
    position: absolute;
    right: auto;
    left: 0;
    top: 9rem; } }

#register-here-mobile {
  position: absolute;
  right: 0;
  top: 4rem;
  text-transform: uppercase;
  font-size: 13px;
  font-style: italic;
  padding: 7px 25px 7px 10px;
  border-radius: 1px;
  text-align: center;
  background: #e38f37 url("../img/arrow-register.png") no-repeat right center;
  z-index: 999999999999999; }

@media (min-width: 641px) {
  #register-here-mobile {
    display: none; } }

#pricelist {
  position: relative;
  text-transform: uppercase;
  width: 150px;
  margin-top: 1rem;
  font-size: 13px;
  font-style: italic;
  padding: 7px 25px 7px 10px;
  border-radius: 1px;
  text-align: center;
  background: #e38f37 url("../img/arrow-register.png") no-repeat right center;
  z-index: 999999999999999; }

#pricelist a {
  color: #e8e8dd !important; }

#register-form {
  display: none; }

#register-thankyou {
  display: none; }

#reg-form-list li {
  margin: 0 0 10px 0; }

div#play-again {
  max-width: 200px;
  margin: 0 auto;
  text-align: center;
  display: none; }

button.play-again, button.play-again:focus, button.play-again:visited {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px 10px;
  margin-top: 15px;
  color: #795363;
  border: 1px #795363 solid;
  outline: none;
  font-size: 14px; }

button.play-again:hover {
  background: #795363;
  color: #fff; }

h5#main_message {
  font-size: 1.2rem;
  font-weight: bold;
  color: red;
  margin: 0px 0 35px;
  text-align: center; }

.logo h3 {
  color: #795363; }

div #contactHow {
  margin-top: 10px; }

#register-button {
  border: 1px #795363 solid;
  max-width: 150px;
  border-radius: 3px;
  font-size: 1.1rem;
  margin: 0 auto 100px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.5); }

#register-button a {
  display: block;
  color: #795363;
  padding: 10px 15px; }

#register-button a:hover {
  background: #795363;
  color: #fff; }

#register-thankyou {
  position: fixed;
  top: 20%;
  max-width: 360px;
  margin: 0 auto 100px;
  left: 0;
  right: 0;
  background-color: #d36149;
  background: #795363;
  text-align: center;
  padding: 25px 30px;
  border-radius: 3px; }

#register-thankyou h1, #register-thankyou h5 {
  margin: 0;
  color: #fff; }

#register-form input.submit {
  margin: 20px 0 100px 0; }

/* ==========================================================================
   BORDERS
============================================================================= */
.border-left {
  border-left: 1.5rem #e8e8dd solid; }

.border-right {
  border-right: 1.5rem #e8e8dd solid; }

.border-top {
  border-top: 1.5rem #e8e8dd solid; }

.border-bottom {
  border-bottom: 1.5rem #e8e8dd solid; }

@media (max-width: 640px) {
  .border-left {
    border-left: 0; }
  .border-right {
    border-right: 0; }
  .border-top-mobile {
    border-top: 1.5rem #e8e8dd solid; } }

/* ==========================================================================
   BACKGROUND IMAGES
============================================================================= */
.rendering-creek {
  background: url("../img/rendering-creek.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.rendering-highrise {
  background: url("../img/rendering-highrise-new.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 500px; }

@media (min-width: 801px) {
  div.rendering-highrise img {
    display: none; } }

@media (max-width: 800px) {
  .rendering-highrise {
    background: none; }
  div.rendering-highrise img {
    display: inline;
    width: 100%;
    max-width: 100%;
    border-bottom: 1.3rem #e8e8dd solid; } }

/* ==========================================================================
   CELL CONTAINER GENERAL
============================================================================= */
.cell-container {
  display: table;
  border-top: 1.5rem #e8e8dd solid;
  border-left: 1.5rem #e8e8dd solid;
  border-right: 1.5rem #e8e8dd solid;
  width: 100%; }

.cell-container-nopadding {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%; }

.cell-container img {
  width: 100%; }

.cell-container .padding {
  padding: 7% 25% 10% 7%; }

.cell-100 {
  display: table-cell;
  padding: 10% 7%;
  width: 100%;
  vertical-align: top; }

.cell-100-nopadding {
  display: table-cell;
  padding: 0px;
  width: 100%;
  height: 500px; }

@media (max-width: 640px) {
  .cell-container {
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
  .cell-container .padding {
    padding: 9% 7%; }
  .cell-100 {
    border-left: 0;
    border-right: 0;
    border-bottom: 0; } }

/* ==========================================================================
   COMMUNITY PAGE
============================================================================= */
#community h5 {
  margin-top: 1rem; }

/*.reasons {
	padding:10px 25px;
	border-bottom:1.5rem rgb(232,232,221) solid}*/
#community .cell-60-nopadding {
  display: table-cell;
  padding: 0;
  width: 60%;
  vertical-align: top; }

#community .cell-50 {
  display: table-cell;
  padding: 6% 12% 10% 5%;
  width: 50%;
  vertical-align: top; }

.cell-50:first-child {
  border-right: 0.75rem #e8e8dd solid; }

.cell-50:last-child {
  border-left: 1.5rem #e8e8dd solid !important; }

/*#community .cell-50.green-bg #content {
	padding:7% 25% 10% 7%}*/
#community .cell-40-nopadding {
  display: table-cell;
  padding: 0px;
  width: 40%;
  vertical-align: top; }

@media (max-width: 800px) {
  #community .cell-60-nopadding {
    display: inline-block;
    clear: both;
    border-left: 0 !important;
    width: 100%; }
  #community .cell-40-nopadding {
    display: inline-block;
    clear: both;
    width: 100%; }
  #community .border-left {
    border-left: 0; } }

@media (max-width: 640px) {
  #community .cell-50 {
    display: inline-block;
    clear: both;
    width: 100%;
    padding: 8% 7% 8% 7%;
    border-right: 0; }
  .cell-50:first-child {
    border-right: 0; }
  #community .cell-50:last-child {
    border-left: 0px red solid !important;
    border-top: 1.5rem #e8e8dd solid;
    min-height: 350px; }
  #community .cell-50-nopadding {
    display: inline-block;
    clear: both;
    width: 100%; }
  /*#community .cell-50.green-bg {
		padding:0 !important;
		width:100%;}

	#community .cell-50.green-bg #content {
		padding:7% 7% 10% 7%}*/ }

/*------------------------------------------
  COMMUNITY TRIANGLE & MEDIA BUTTONS
-------------------------------------------*/
#community img.keys {
  width: 100%;
  max-width: 35px;
  display: block;
  z-index: 1;
  cursor: pointer; }

#community div#townhomes img,
#community div#south img,
#community div#north img,
#community div#phase1 img {
  width: 35px; }

#community div#townhomes,
#community div#south,
#community div#north,
#community div#phase1 {
  position: absolute;
  color: #e8e8dd;
  font-size: .8rem;
  width: 100%;
  line-height: 1.2; }

@media (max-width: 640px) {
  #community .stretchy a img {
    width: 100%; }
  #community div#townhomes img,
  #community div#south img,
  #community div#north img,
  #community div#phase1 img {
    width: 25px; }
  #community div#townhomes,
  #community div#south,
  #community div#north,
  #community div#phase1 {
    width: 100px; } }

#community div#townhomes {
  margin: 7% 0 0 10%; }

#community div#south {
  margin: 1% 0 0 50%; }

#community div#north {
  margin: 9% 0 0 75%; }

#community div#phase1 {
  margin: 30% 0 0 69%;
  color: #394b49; }

@media (max-width: 640px) {
  #community div#phase1 {
    margin: 30% 0 0 70%; } }

/*#community .stretchy a:hover img {
	opacity:1 !important;}*/
.media-container {
  padding: 2px;
  font-size: .9rem;
  background-color: #e8e8dd;
  position: absolute;
  max-width: 250px;
  min-width: 150px;
  /*width:100% !important;*/
  background: #e8e8dd;
  padding: 3px;
  z-index: 9999999 !important;
  display: none; }

.media-container p {
  color: #394b49;
  padding: 4px 20px 4px 5px;
  font-size: 1rem;
  font-weight: 500;
  margin: 0; }

.media-container div#photo a {
  padding: 6px 10px 6px 30px;
  display: block;
  background: #00735d url("../img/icon-camera.png") no-repeat 6px 10px; }

.media-container div#360 a {
  padding: 6px 10px 6px 30px;
  margin-top: 2px;
  display: block;
  background: #c15c42 url("../img/icon-360.png") no-repeat 6px 10px; }

.media-container div#video a {
  padding: 6px 10px 6px 30px;
  margin-top: 2px;
  display: block;
  background: #c15c42 url("../img/icon-video.png") no-repeat 6px 10px; }

.media-container div a:hover {
  opacity: .8; }

#community #north-block {
  position: absolute;
  margin: 20% 0 0 47%; }

#community #south-block {
  position: absolute;
  margin: 48% 0 0 30%; }

#community #north-park {
  position: absolute;
  margin: 23% 0 0 55%; }

#community #south-park {
  position: absolute;
  margin: 53% 0 0 34%; }

#community #playground {
  position: absolute;
  margin: 30% 0 0 36%; }

#community #trails {
  position: absolute;
  margin: 48% 0 0 45%; }

#community #deerlick-n {
  position: absolute;
  margin: 29% 0 0 55%; }

#community #deerlick-s {
  position: absolute;
  margin: 58% 0 0 48%; }

#community #brookbanks {
  position: absolute;
  margin: 77% 0 0 45%; }

#community #yorkmills {
  position: absolute;
  margin: 16.5% 0 0 38%; }

#community #valleywoods {
  position: absolute;
  margin: 37% 0 0 29%; }

#community #dvp {
  position: absolute;
  margin: 50% 0 0 19%; }

#community #north-bridge {
  position: absolute;
  margin: 24% 0 0 60%; }

#community #south-bridge {
  position: absolute;
  margin: 38% 0 0 34%; }

/* ==========================================================================
   VISION PAGE
============================================================================= */
#vision .box-maroon-parent,
#vision .box-green-parent {
  position: relative; }

#vision .box-maroon {
  position: absolute;
  background: rgba(123, 83, 99, 0.9);
  top: 5rem;
  right: 3rem;
  padding: 25px 30px;
  width: 100%;
  max-width: 500px; }

.box-maroon h4 {
  margin-top: 0rem; }

#vision .box-green {
  position: absolute;
  background: rgba(0, 115, 93, 0.9);
  margin: -30% 5% 0 0;
  float: right;
  padding: 25px 30px;
  width: 100%;
  max-width: 500px; }

.box-green h4 {
  margin-top: 0rem; }

#vision .box-redish {
  position: absolute;
  background: rgba(193, 92, 66, 0.9);
  margin: -20% 0 0 3%;
  float: left;
  padding: 20px 20px;
  width: 100%;
  max-width: 500px; }

#vision .box-redish h4 {
  margin-top: 0rem; }

@media (max-width: 800px) {
  #vision .box-maroon {
    position: relative !important;
    top: auto;
    background: #7b5363;
    margin: 0;
    right: 0;
    max-width: 100%; }
  #vision .box-maroon.border-top-mobile {
    border-top: 1.3rem #e8e8dd solid; }
  #vision .box-green {
    position: relative;
    border-top: 1.5rem #e8e8dd solid;
    background: #00735d;
    margin: -.4rem 0 0 0;
    max-width: 100%; }
  #vision .box-redish {
    position: relative;
    background: #c15c42;
    margin: -.4rem 0 0 0;
    max-width: 100%; }
  .box-redish p {
    text-align: center; } }

/* ==========================================================================
   LOCATION PAGE
============================================================================= */
#location div img[src="img/location.png"] {
  border-bottom: 1px #999 solid; }

#location .cell-container:nth-child(n+5) {
  border-top: 1.2rem #e8e8dd solid; }

#location .cell-container:nth-child(2) {
  border-top: 1.5rem red solid; }

/*------------------------------------------
  LOCATION BOXES 55/45
-------------------------------------------*/
#location .cell-55 {
  display: table-cell;
  width: 55%;
  padding: 10% 7%;
  position: relative;
  vertical-align: top; }

#location .cell-55.maroon-bg {
  padding: 5% 15% 10% 5%; }

#location .cell-45 {
  display: table-cell;
  width: 45%;
  border-left: 1.5rem #e8e8dd solid;
  background: url("../img/location-wadepool.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

@media (min-width: 640px) {
  #location .cell-45 img {
    display: none; } }

@media (max-width: 640px) {
  /*#location div:nth-child(3) {
		border-top:0}*/
  #location .cell-55.maroon-bg {
    padding: 10% 10%; }
  #location .cell-55 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0; }
  #location .cell-45 {
    width: 100%;
    clear: both;
    display: block;
    border-top: 1.5rem #e8e8dd solid;
    border-left: 0;
    background: none; } }

/*------------------------------------------
  LOCATION BOXES 40/60
-------------------------------------------*/
#location .cell-40 {
  display: table-cell;
  width: 40%;
  border-right: 0.6rem #e8e8dd solid; }

#location .cell-60 {
  display: table-cell;
  width: 60%;
  border-left: 0.9rem #e8e8dd solid; }

@media (max-width: 640px) {
  #location .cell-40 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0;
    border-right: 0;
    margin-top: -6px; }
  #location .cell-60 {
    width: 100%;
    clear: both;
    display: block;
    border-top: 1.5rem #e8e8dd solid;
    border-left: 0;
    margin-top: -6px; }
  #location .cell-container:nth-child(n+5) {
    border-top: 1.5rem #e8e8dd solid; } }

/*------------------------------------------
  LOCATION BOXES 33/34/33
-------------------------------------------*/
#location .cell-33 {
  display: table-cell;
  width: 33.3333333%;
  border-right: 1rem #e8e8dd solid; }

#location .cell-34 {
  display: table-cell;
  width: 33.3333333%;
  border-left: 0.5rem #e8e8dd solid;
  border-right: 0.5rem #e8e8dd solid; }

#location .cell-33:last-child {
  display: table-cell;
  width: 33.3333333%;
  border-left: 1rem #e8e8dd solid;
  border-right: 0; }

@media (max-width: 640px) {
  #location .cell-33 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0;
    border-right: 0;
    margin-top: -6px; }
  #location .cell-34 {
    width: 100%;
    clear: both;
    display: block;
    border-top: 1.5rem #e8e8dd solid;
    border-left: 0;
    border-right: 0;
    margin-top: -6px; }
  #location .cell-33:last-child {
    width: 100%;
    clear: both;
    display: block;
    border-top: 1.5rem #e8e8dd solid;
    border-left: 0;
    border-right: 0;
    margin-top: -6px; } }

/*------------------------------------------
  LOCATION BOXES 60/40
-------------------------------------------*/
#location .cell-42 {
  display: table-cell;
  width: 42%;
  border-left: 0.9rem #e8e8dd solid; }

#location .cell-58 {
  display: table-cell;
  width: 58%;
  border-left: 0;
  border-right: 0.6rem #e8e8dd solid; }

@media (max-width: 640px) {
  #location .cell-42 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0;
    border-top: 1rem #e8e8dd solid; }
  #location .cell-58 {
    width: 100%;
    clear: both;
    display: block;
    border-top: 0;
    border-right: 0;
    margin-top: -6px; } }

/* ==========================================================================
   FLOORPLANS PAGE
============================================================================= */
/*------------------------------------------
  SUITES
-------------------------------------------*/
#suites {
  margin-bottom: 100px; }

body[id="floorplans-2bedden"] #suites img,
body[id="floorplans-3bedden"] #suites img {
  max-width: 800px !important; }

#suites p {
  font-size: 1rem;
  display: inline-block;
  color: #795363; }

#suites .medium-10 div {
  border-left: 1px rgba(121, 83, 99, 0.5) solid;
  padding-left: 1rem; }

#suites div p a {
  background: #795363 url("../img/arrow-download.png") no-repeat 12px 50%;
  padding: .5rem 1.3rem .5rem 2.3rem;
  border-radius: 2px;
  color: #e8e8dd;
  clear: both;
  display: block; }

@media (max-width: 640px) {
  #suites div p a {
    margin-top: 2rem; } }

#suites div a:hover {
  opacity: .8; }

#suites .view a {
  position: absolute;
  background: #795363 url("../img/arrow-view.png") no-repeat 12px 50%;
  color: #e8e8dd;
  display: block;
  font-size: .9rem;
  text-transform: uppercase;
  line-height: 1;
  padding: 13px 10px 13px 36px;
  top: 7rem;
  border-radius: 2px;
  width: 100%;
  max-width: 160px;
  z-index: 999999999999999; }

#floorplans-1bedden #suites .view a {
  background: #00735d url("../img/arrow-view.png") no-repeat 12px 50%; }

#floorplans-2bed #suites .view a {
  background: #596f83 url("../img/arrow-view.png") no-repeat 12px 50%; }

#floorplans-3bed #suites .view a {
  background: #414c4b url("../img/arrow-view.png") no-repeat 12px 50%; }

#suites #suite-img-container {
  position: absolute;
  top: 9.8rem;
  margin-right: 15px; }

#suite-img-container img {
  display: none; }

#suites .disclaimer {
  display: none;
  position: relative;
  color: #795363;
  border-left: 1px #aaa solid;
  border-right: 1px #aaa solid;
  border-bottom: 1px #aaa solid;
  font-size: .8rem;
  padding: 5px;
  margin-top: -5px;
  background: #e8e8dd;
  width: 100%; }

#suites #floorplan {
  margin-top: 150px;
  border: 0px red solid;
  max-width: 550px; }

#floorplan {
  max-width: 550px; }

#floorplans-1bedden img[src="img/floorplan-1bedden-1S+D2.png"] {
  max-width: 650px !important; }

#floorplans-3bed #floorplan {
  max-width: 750px !important; }

@media (max-width: 640px) {
  #suites .medium-10 div {
    border-left: 0px rgba(132, 132, 121, 0.5) solid;
    padding-left: 0rem; }
  #suites {
    margin-top: 1.5rem; }
  #suites .view a {
    top: 11rem;
    border: 0px red solid; }
  #suite-img-container img {
    margin-top: 3rem; } }

/*------------------------------------------
  TABS GENERAL
-------------------------------------------*/
#tabs {
  margin: 3rem 0 0; }

#tabs a {
  /*font-weight:500;*/ }

#tabs img {
  width: 100%; }

#tabs h1 {
  color: #795363;
  font-size: 2rem;
  margin: 0;
  line-height: 1; }

#tabs h4 {
  color: #795363;
  font-size: 1.4rem;
  margin: 0rem 0 1rem 0;
  padding-top: .2rem;
  line-height: 1; }

#tabs h5 {
  color: #795363;
  font-weight: normal;
  margin: -1rem 0 0 0;
  padding-top: .3rem;
  line-height: 1.2;
  font-size: 1.1rem; }

#floorplans-1bedden #tabs h1,
#floorplans-1bedden #tabs h4,
#floorplans-1bedden #tabs h5 {
  color: #00735d; }

#floorplans-2bed #tabs h1,
#floorplans-2bed #tabs h4,
#floorplans-2bed #tabs h5 {
  color: #596f83; }

#floorplans-3bed #tabs h1,
#floorplans-3bed #tabs h4,
#floorplans-3bed #tabs h5 {
  color: #414c4b; }

@media (max-width: 640px) {
  #tabs {
    margin: 1.2rem 0 0; }
  #tabs h4 {
    padding-top: 1.2rem; } }

/*------------------------------------------
  TABS NAV HEAD
-------------------------------------------*/
#tabs a.nav-head {
  text-align: left;
  color: #e8e8dd;
  display: block;
  font-size: 1.1rem;
  line-height: 1;
  padding: 15px 15px 15px 20px;
  margin: 0 0 .6rem 0;
  border-radius: 2px;
  max-width: 280px;
  border: 0px green solid;
  background: url("../img/nav-arrow.png") no-repeat -10px 19px; }

#tabs a.selected.nav-head,
#tabs a:hover.nav-head {
  background: url("../img/nav-arrow.png") no-repeat 12px 19px;
  color: #e8e8dd;
  padding: 15px 15px 15px 30px;
  border: 0px blue solid; }

#tabs a[href="floorplans.php#tabs"].nav-head {
  background-color: #795363; }

#tabs a[href="floorplans-1bedden.php#tabs"].nav-head {
  background-color: #00735d; }

#tabs a[href="floorplans-2bed.php#tabs"].nav-head {
  background-color: #596f83; }

#tabs a[href="floorplans-2bedden.php#tabs"].nav-head {
  background-color: #aa5d45; }

#tabs a[href="floorplans-3bed.php#tabs"].nav-head {
  background-color: #414c4b; }

#tabs a[href="floorplans-3bedden.php#tabs"].nav-head {
  background-color: #d0b148; }

@media (max-width: 640px) {
  #tabs a.nav-head {
    max-width: 100%; } }

/*------------------------------------------
  TABS NAV TABS
-------------------------------------------*/
#tabs ul#nav-tabs {
  list-style: none;
  padding: 0 0 1rem 1.4rem;
  max-width: 280px;
  width: 100%; }

#tabs ul#nav-tabs li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2;
  width: 100%;
  display: block; }

#tabs ul#nav-tabs a {
  font-size: 1.0rem;
  text-transform: uppercase;
  line-height: 1;
  padding: 5px 10px 5px 12px;
  color: #795363;
  display: block;
  background: url("../img/bullet-mauve.png") no-repeat -10px 10px;
  border: 0px red solid; }

#tabs ul#nav-tabs a:hover {
  opacity: .5; }

#tabs ul#nav-tabs p {
  display: inline-block;
  width: 100%;
  max-width: 100px;
  color: #795363;
  font-size: 1.0rem;
  margin: 0;
  border: 0px red solid; }

@media (min-width: 641px) and (max-width: 850px) {
  #tabs ul#nav-tabs span {
    display: none; } }

#floorplans-1bedden #tabs ul#nav-tabs p {
  max-width: 140px;
  border: 0px red solid; }

#floorplans-2bedden #tabs ul#nav-tabs p {
  max-width: 130px; }

#floorplans-3bedden #tabs ul#nav-tabs p {
  max-width: 130px; }

#tabs #nav-tabs a.current,
#tabs #nav-tabs a.current:hover {
  color: #795363;
  opacity: .5;
  background: url("../img/bullet-mauve.png") no-repeat 0px 10px; }

/* ==========================================================================
   MODEL SUITE PAGE
============================================================================= */
#model-suite div h4 {
  position: fixed;
  top: 300px;
  left: 0;
  right: 0;
  font-weight: normal;
  text-align: center;
  z-index: 9999999999999; }

#model-suite .cell-container div a:hover {
  opacity: 1 !important; }

#model-suite .cell-50:last-child {
  border: 0 !important; }

/*------------------------------------------
  MODEL SUITE HEADING
-------------------------------------------*/
#model-suite div.stretchy {
  position: relative; }

#model-suite div.stretchy div,
#model-suite .cell-50 div div {
  padding: 4px 12px;
  background-color: #394b49;
  position: absolute;
  bottom: 2rem;
  left: 0;
  max-width: 250px;
  font-size: .8rem; }

#model-suite .cell-50 a div div {
  opacity: 1 !important; }

#model-suite .cell-50 a div:hover div {
  opacity: .8 !important; }

#model-suite .cell-50 a img:hover {
  opacity: 1 !important; }

#model-suite .cell-50 a img {
  opacity: 1 !important; }

#model-suite .cell-50 a[href="img/modelsuite-kitchen.jpg"] div div,
#model-suite .cell-50 a[href="img/modelsuite-sleep.jpg"] div div,
#model-suite .cell-50 a[href="img/floorplans.jpg"] div div {
  margin-left: .75rem; }

#model-suite .cell-container div a > div {
  opacity: 1 !important;
  border-top: 0.3rem #e8e8dd solid; }

#model-suite #top-border {
  border-top: 1.1rem #e8e8dd solid; }

#model-suite .cell-50 img[src="img/modelsuite-bedroom-th.jpg"] {
  border-right: 0.75rem #e8e8dd solid !important; }

#model-suite .cell-50 img[src="img/modelsuite-kitchen-th.jpg"] {
  border-left: 0.75rem #e8e8dd solid !important; }

#model-suite .cell-50 img[src="img/modelsuite-bathroom-th.jpg"] {
  border-right: 0.75rem #e8e8dd solid !important; }

#model-suite .cell-50 img[src="img/modelsuite-sleep-th.jpg"] {
  border-left: 0.75rem #e8e8dd solid !important; }

#model-suite .cell-50 img[src="img/modelsuite-closet-th.jpg"] {
  border-right: 0.75rem #e8e8dd solid !important; }

#model-suite .cell-50 img[src="img/modelsuite-living-th.jpg"] {
  border-left: 0.75rem #e8e8dd solid !important; }

/*------------------------------------------
  CELL 50
-------------------------------------------*/
#model-suite .cell-50 {
  display: table-cell;
  width: 50%;
  min-height: 100% !important;
  vertical-align: top; }

#model-suite .cell-50 div {
  position: relative; }

#model-suite .cell-50 a:nth-child(2) > div,
#model-suite .cell-50 a:nth-child(3) > div,
#model-suite .cell-50 a:nth-child(4) > div {
  border-top: 1.4rem #e8e8dd solid; }

/*#model-suite .cell-50 a:nth-child(1) > div {
	background:url('../img/modelsuite-livingroom-th.jpg') no-repeat center top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	min-height:250px;
	width:100%;
	float:left;
	position:relative;}*/
@media (max-width: 640px) {
  #model-suite div h4 {
    left: 40px;
    font-size: 1.2rem; } }

/* ==========================================================================
   AMENITIES PAGE GENERAL
============================================================================= */
#amenities .cell-100 {
  position: relative;
  padding: 30px 1rem; }

@media (max-width: 640px) {
  #amenities .cell-100 {
    position: relative;
    padding: 30px .3rem; } }

#amenities ol li {
  width: 50%;
  float: left;
  padding-right: 1rem; }

/* ==========================================================================
   AMENITIES GROUND
============================================================================= */
#amenities div#ground-floor {
  margin: 0 auto 0;
  max-width: 1200px;
  position: relative; }

#amenities div#ground-floor img[src="img/amenities-ground.png"] {
  z-index: 1; }

#amenities #ground ol {
  position: absolute;
  padding: 1rem 0 0 0;
  top: 62%;
  left: 60%;
  font-size: .8rem;
  line-height: 1.5;
  max-width: 480px; }

@media (max-width: 950px) {
  #amenities div#ground-floor {
    margin-top: 120px; } }

@media (max-width: 850px) {
  #amenities #ground ol {
    position: relative;
    margin: 1rem 0 0 13%;
    top: 0%;
    left: 0%;
    clear: both;
    bottom: 1rem; } }

@media (max-width: 640px) {
  /*#amenities div#ground-floor {
		margin-top:30%;
		margin-left:0}*/
  #amenities #ground ol {
    margin: .5rem 0 0 10%;
    bottom: 0rem; }
  #amenities ol li {
    width: 100%;
    float: none; } }

#amenities .ground a {
  padding: 12px 15px 11px 27px;
  background-color: #dcb33d;
  /*color:rgb(232,232,221);*/
  color: #795363;
  position: absolute;
  top: 2rem;
  left: 0;
  display: block;
  width: 100%;
  max-width: 220px;
  font-size: .8rem;
  z-index: 9999999; }

#amenities .ground a:hover {
  opacity: .8; }

#amenities .ground.selected {
  padding: 12px 15px 11px 27px;
  background: #dcb33d url(../img/bullet-mauve.png) no-repeat 15px center;
  position: absolute;
  top: 2rem;
  left: 0;
  display: block;
  width: 100%;
  color: #795363;
  max-width: 220px;
  font-size: .8rem;
  z-index: 9999999; }

/*------------------------------------------
  AMENITIES GROUND TRIANGLES
-------------------------------------------*/
#amenities .details {
  z-index: 999999;
  display: none;
  position: absolute;
  padding: 5px 10px 5px 5px;
  font-size: 1rem;
  font-weight: 500;
  background: #e8e8dd;
  color: #394b49; }

#amenities .lists:hover {
  cursor: pointer; }

#amenities img[src="img/button-triangle.png"] {
  width: 35px;
  position: absolute;
  z-index: 9999; }

@media (max-width: 640px) {
  #amenities img[src="img/button-triangle.png"] {
    width: 25px; } }

#ground img[id]:hover {
  cursor: pointer; }

#ground #south {
  margin: 37% 0 0 69%; }

#ground #north {
  margin: 6% 0 0 30%; }

#ground #lobby {
  margin: 30% 0 0 36%; }

#ground #party {
  margin: 46% 0 0 31%; }

#ground #servery {
  margin: 40% 0 0 19%; }

#ground #dining {
  margin: 51% 0 0 20%; }

#ground #indoor {
  margin: 49% 0 0 13%; }

#ground #outdoor {
  margin: 65% 0 0 13%; }

#ground #fireplace {
  margin: 68% 0 0 30%; }

#ground #fitness {
  margin: 16% 0 0 67%; }

#ground #playroom {
  margin: 15% 0 0 78%; }

#ground #dog {
  margin: 15% 0 0 86%; }

#ground #mail {
  margin: 16% 0 0 45%; }

#ground #elevators {
  margin: 25% 0 0 14%; }

/* ==========================================================================
   AMENITIES ROOFTOP
============================================================================= */
#amenities #rooftop-img {
  margin: 120px auto 0;
  max-width: 1200px;
  position: relative; }

#amenities #rooftop ol {
  position: relative;
  padding: 1rem 0 0 1rem;
  font-size: .8rem;
  line-height: 1.5;
  max-width: 480px; }

@media (max-width: 640px) {
  #amenities ol li {
    width: 100%;
    float: none; } }

#amenities .rooftop a {
  padding: 12px 15px 11px 27px;
  background-color: #dcb33d;
  color: #795363;
  /*color:rgb(232,232,221);*/
  position: absolute;
  top: 5.2rem;
  left: 0;
  width: 100%;
  max-width: 220px;
  font-size: .8rem;
  z-index: 9999999; }

#amenities .rooftop a:hover {
  opacity: .8; }

#amenities .rooftop.selected {
  padding: 12px 15px 11px 27px;
  background: #dcb33d url(../img/bullet-mauve.png) no-repeat 15px center;
  color: #795363;
  position: absolute;
  top: 5.2rem;
  left: 0;
  width: 100%;
  max-width: 220px;
  font-size: .8rem; }

#rooftop img[id]:hover {
  cursor: pointer; }

#rooftop #kitchen {
  margin: 17% 0 0 47%; }

#rooftop #bbq {
  margin: 9% 0 0 83%; }

#rooftop #lounge {
  margin: 44% 0 0 18%; }

#rooftop #sundeck {
  margin: 43% 0 0 70%; }

#rooftop #yoga {
  margin: 20% 0 0 12%; }

#rooftop #washrooms {
  margin: 15% 0 0 41.5%; }

/*------------------------------------------
  AMENITIES BOXES 55/45
-------------------------------------------*/
#amenities .cell-45 {
  display: table-cell;
  width: 45%;
  background: url("../img/gallery-rendering-patio.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-left: 1.5rem #e8e8dd solid; }

#amenities .cell-55 {
  display: table-cell;
  width: 55%;
  padding: 5% 12% 10% 5%;
  position: relative;
  vertical-align: top; }

@media (min-width: 640px) {
  #amenities .cell-45 img {
    display: none; } }

@media (max-width: 640px) {
  #amenities .cell-45 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0;
    background: none;
    border-top: 1.5rem #e8e8dd solid; }
  #amenities .cell-55 {
    width: 100%;
    clear: both;
    padding: 8% 7%;
    display: block; } }

/*------------------------------------------
  AMENITIES BOXES 65/35
-------------------------------------------*/
#amenities .cell-65 {
  display: table-cell;
  width: 65%;
  background: url("../img/gallery-rendering-rooftop.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#amenities .cell-35 {
  display: table-cell;
  width: 35%;
  padding: 3% 7% 10% 3%;
  position: relative;
  vertical-align: top;
  border-left: 1.5rem #e8e8dd solid; }

@media (min-width: 640px) {
  #amenities .cell-65 img {
    display: none; } }

@media (max-width: 640px) {
  #amenities .cell-65 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0;
    background: none;
    border-top: 0;
    margin-top: -4px; }
  #amenities .cell-35 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0;
    padding: 10% 7%;
    border-top: 1.2rem #e8e8dd solid; } }

/*------------------------------------------
  AMENITIES BOXES 60/40
-------------------------------------------*/
#amenities .cell-40 {
  display: table-cell;
  width: 40%;
  position: relative;
  vertical-align: top; }

#amenities .cell-100-club {
  display: block;
  width: 100%;
  clear: both;
  vertical-align: top; }

#amenities div:first-child.cell-100-club {
  padding: 7% 25% 10% 7%; }

#amenities div:last-child.cell-100-club {
  background: url("../img/gallery-rendering-pool.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-top: 1.5rem #e8e8dd solid;
  min-height: 400px; }

#amenities .cell-60 {
  display: table-cell;
  width: 60%;
  height: 600px;
  border-left: 1.5rem #e8e8dd solid;
  background: url("../img/gallery-rendering-waterfalls.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

@media (min-width: 640px) {
  #amenities div:last-child.cell-100-club img {
    display: none; }
  #amenities .cell-60 img {
    display: none; }
  #amenities .cell-60 {
    height: auto; } }

@media (max-width: 640px) {
  #amenities .cell-40 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0;
    background: none;
    border-top: 0; }
  #amenities div:first-child.cell-100-club {
    padding: 10% 7%; }
  #amenities .cell-60 {
    width: 100%;
    clear: both;
    display: block;
    border-left: 0;
    border-top: 1.2rem #e8e8dd solid;
    background: none;
    min-height: 0; } }

/* ==========================================================================
   FEATURES PAGE
============================================================================= */
#features h5 {
  color: #adc484; }

#features .cell-100 {
  display: table-cell;
  padding: 30px 25px 100PX;
  width: 100%;
  vertical-align: top; }

#features .small-block-grid-1 li {
  line-height: 1.1;
  padding: .3rem 0; }

#features #hot-button {
  position: absolute;
  right: 10%;
  top: 3rem; }

@media (max-width: 1000px) {
  #features #hot-button {
    position: absolute;
    right: 10%;
    top: 10rem; } }

@media (max-width: 640px) {
  #features #hot-button {
    position: absolute;
    right: 10%;
    top: 5rem; } }

/* Hot Head */
#features .row-fullwidth.maroon-bg.hot-head {
  border-top: 1.5rem #e8e8dd solid;
  border-left: 1.6rem #e8e8dd solid;
  border-right: 1.5rem #e8e8dd solid; }

#features .hot-head > div {
  padding: 30px;
  color: #795363; }

#features .hot-head h5 {
  color: #e8e8dd;
  text-transform: uppercase; }

#features .hot-head div,
#features .hot-items div {
  padding: 30px; }

/* Hot Items */
#features .hot-items .medium-9 {
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease; }

#features .hot-items div p {
  color: #795363;
  margin: 0; }

#features .row-fullwidth.hot-items {
  border-left: 1.6rem #e8e8dd solid;
  border-right: 1.5rem #e8e8dd solid; }

#features .hot-items h5 {
  color: #795363;
  text-transform: uppercase;
  margin-bottom: .8rem; }

#features .hot-items h5 span {
  font-size: 1rem; }

#features .hot-items ul.small-block-grid-2 {
  padding: 0 0 0 0;
  border: 0px red solid; }

#features .hot-items ul.small-block-grid-2 li {
  padding: 0;
  border: 0px red solid; }

#features .hot-items ul.small-block-grid-2 li:first-child,
#features .hot-items ul.small-block-grid-2 li:nth-child(3) {
  width: 20%;
  text-align: right;
  padding: 0 1rem 0 0;
  border: 0px red solid; }

#features .hot-items ul.small-block-grid-2 li:nth-child(2),
#features .hot-items ul.small-block-grid-2 li:nth-child(4) {
  width: 80%;
  border: 0px red solid; }

#features #one {
  background: #d3d3c3 url("../img/features-hot-1.png") no-repeat 0.7rem top;
  padding-left: 3rem; }

#features #two {
  background: #dedecf url("../img/features-hot-2.png") no-repeat left top;
  padding-left: 5rem; }

#features #three {
  background: #dedecf url("../img/features-hot-3.png") no-repeat left top;
  padding-left: 5rem; }

#features #four {
  background: #d3d3c3 url("../img/features-hot-4.png") no-repeat left top;
  padding-left: 5rem; }

#features #five {
  background: #d3d3c3 url("../img/features-hot-5.png") no-repeat left top;
  padding-left: 5rem; }

#features #six {
  background: #dedecf url("../img/features-hot-6.png") no-repeat left top;
  padding-left: 5rem; }

@media (max-width: 1100px) {
  #features .hot-items ul.small-block-grid-2 {
    padding: 0 0 0 0; }
  #features .hot-items ul.small-block-grid-2 li:first-child,
  #features .hot-items ul.small-block-grid-2 li:nth-child(3) {
    width: 35%; }
  #features .hot-items ul.small-block-grid-2 li:nth-child(2),
  #features .hot-items ul.small-block-grid-2 li:nth-child(4) {
    width: 65%; }
  #features #one,
  #features #two,
  #features #three,
  #features #four,
  #features #five,
  #features #six {
    padding-left: 0; }
  #features #one {
    background: #d3d3c3 url("../img/features-hot-1.png") no-repeat -1.7rem top; }
  #features #two {
    background: #dedecf url("../img/features-hot-2.png") no-repeat -3.6rem top; }
  #features #three {
    background: #dedecf url("../img/features-hot-3.png") no-repeat -3.1rem top; }
  #features #four {
    background: #d3d3c3 url("../img/features-hot-4.png") no-repeat -2.9rem top; }
  #features #five {
    background: #d3d3c3 url("../img/features-hot-5.png") no-repeat -3rem top; }
  #features #six {
    background: #dedecf url("../img/features-hot-6.png") no-repeat -3rem top; } }

@media (max-width: 640px) {
  #features .cell-100 {
    padding: 30px 10px; }
  #features .row-fullwidth.maroon-bg.hot-head {
    border-left: 0;
    border-right: 0; }
  #features .hot-items ul.small-block-grid-2 li:first-child,
  #features .hot-items ul.small-block-grid-2 li:nth-child(3) {
    width: 25%; }
  #features .hot-items ul.small-block-grid-2 li:nth-child(2),
  #features .hot-items ul.small-block-grid-2 li:nth-child(4) {
    width: 75%; }
  #features .hot-head > div:first-child {
    padding: 25px 25px .5rem; }
  #features .hot-head > div:last-child {
    padding: 0 25px 25px; }
  #features .row-fullwidth.hot-items {
    border-left: 0;
    border-right: 0; }
  #features #one {
    background: #d3d3c3 url("../img/features-hot-1.png") no-repeat -1.7rem top; }
  #features #two {
    background: #dedecf url("../img/features-hot-2.png") no-repeat -3.6rem top; }
  #features #three {
    background: #d3d3c3 url("../img/features-hot-3-light.png") no-repeat -3.1rem top; }
  #features #four {
    background: #dedecf url("../img/features-hot-4-drk.png") no-repeat -2.9rem top; }
  #features #five {
    background: #d3d3c3 url("../img/features-hot-5.png") no-repeat -3rem top; }
  #features #six {
    background: #dedecf url("../img/features-hot-6.png") no-repeat -3rem top; }
  #features #one img,
  #features #two img,
  #features #three img,
  #features #four img,
  #features #five img,
  #features #six img {
    max-width: 60%; } }

/* ==========================================================================
   GALLERY PAGE
============================================================================= */
#gallery .cell-container div a > div {
  opacity: 1;
  border-top: 0.3rem #e8e8dd solid; }

#gallery .cell-container div a:hover div div {
  opacity: 1 !important; }

/*------------------------------------------
  CELL 34
-------------------------------------------*/
#gallery .cell-34 {
  display: table-cell;
  width: 34%;
  min-height: 100% !important;
  vertical-align: top; }

#gallery .cell-34 div {
  position: relative; }

#gallery .cell-34 a:nth-child(2) > div,
#gallery .cell-34 a:nth-child(3) > div,
#gallery .cell-34 a:nth-child(4) > div {
  border-top: 1.5rem #e8e8dd solid; }

#gallery .cell-34 a:nth-child(1) > div {
  background: url("../img/gallery-rendering-creek.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 300px;
  width: 100%;
  float: left;
  position: relative; }

#gallery .cell-34 a:nth-child(2) > div {
  background: url("../img/gallery-rendering-entrance.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 300px;
  width: 100%;
  float: left;
  position: relative; }

#gallery .cell-34 a:nth-child(3) > div {
  background: url("../img/gallery-rendering-patio.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 300px;
  width: 100%;
  float: left;
  position: relative; }

#gallery .cell-34 a:nth-child(4) > div {
  background: url("../img/gallery-rendering-waterfalls.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 800px;
  width: 100%;
  float: left;
  position: relative; }

/*------------------------------------------
  CELL 66
-------------------------------------------*/
#gallery .cell-66 {
  display: table-cell;
  width: 66%;
  position: relative;
  vertical-align: top; }

#gallery .cell-66 div {
  position: relative; }

#gallery .cell-66 a:nth-child(1) > div {
  background: url("../img/rendering-highrise.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 600px;
  width: 50%;
  float: left;
  position: relative;
  border-left: 1.5rem #e8e8dd solid; }

#gallery .cell-66 a:nth-child(2) > div {
  background: url("../img/rendering-highrise-new.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 600px;
  width: 50%;
  float: left;
  position: relative;
  border-left: 1.5rem #e8e8dd solid; }

#gallery .cell-66 a:nth-child(3) > div {
  background: url("../img/gallery-rendering-entrance-south.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 300px;
  width: 50%;
  float: left;
  position: relative;
  border-left: 1.5rem #e8e8dd solid;
  border-top: 1.5rem #e8e8dd solid; }

#gallery .cell-66 a:nth-child(4) > div {
  background: url("../img/gallery-rendering-waterfalls-right.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 300px;
  width: 50%;
  float: left;
  position: relative;
  border-left: 1.5rem #e8e8dd solid;
  border-top: 1.5rem #e8e8dd solid; }

#gallery .cell-66 a:nth-child(5) > div {
  background: url("../img/gallery-rendering-lobby.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 400px;
  width: 100%;
  float: left;
  position: relative;
  border-left: 1.5rem #e8e8dd solid;
  border-top: 1.5rem #e8e8dd solid; }

#gallery .cell-66 a:nth-child(6) > div {
  background: url("../img/gallery-rendering-pool.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 400px;
  width: 50%;
  float: left;
  position: relative;
  border-left: 1.5rem #e8e8dd solid;
  border-top: 1.5rem #e8e8dd solid; }

#gallery .cell-66 a:nth-child(7) > div {
  background: url("../img/gallery-rendering-rooftop.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 400px;
  width: 50%;
  float: left;
  position: relative;
  border-left: 1.5rem #e8e8dd solid;
  border-top: 1.5rem #e8e8dd solid; }

/*------------------------------------------
  GALLERY HEADING
-------------------------------------------*/
#gallery div.stretchy {
  position: relative; }

#gallery div.stretchy div,
#gallery .cell-34 div div,
#gallery .cell-66 div div {
  padding: 4px 12px;
  background-color: #394b49;
  position: absolute;
  bottom: 2rem;
  left: 0;
  max-width: 250px;
  font-size: .8rem; }

@media (min-width: 641px) {
  #gallery .cell-34 a:nth-child(1) > div img,
  #gallery .cell-34 a:nth-child(2) > div img,
  #gallery .cell-34 a:nth-child(3) > div img,
  #gallery .cell-34 a:nth-child(4) > div img {
    display: none; }
  #gallery .cell-66 a:nth-child(1) > div img,
  #gallery .cell-66 a:nth-child(2) > div img,
  #gallery .cell-66 a:nth-child(3) > div img,
  #gallery .cell-66 a:nth-child(4) > div img,
  #gallery .cell-66 a:nth-child(5) > div img,
  #gallery .cell-66 a:nth-child(6) > div img,
  #gallery .cell-66 a:nth-child(7) > div img {
    display: none; } }

@media (max-width: 640px) {
  #gallery .cell-34 {
    width: 100%;
    clear: both;
    display: block; }
  #gallery .cell-34 a:nth-child(n+1) div {
    margin-bottom: -.3rem; }
  #gallery .cell-66 {
    width: 100%;
    clear: both;
    display: block; }
  #gallery .cell-34 a:nth-child(1) > div,
  #gallery .cell-34 a:nth-child(2) > div,
  #gallery .cell-34 a:nth-child(3) > div,
  #gallery .cell-34 a:nth-child(4) > div {
    background: none;
    min-height: 0;
    width: 100%;
    opacity: 1; }
  #gallery .cell-34 a:nth-child(1) > div img,
  #gallery .cell-34 a:nth-child(2) > div img,
  #gallery .cell-34 a:nth-child(3) > div img,
  #gallery .cell-34 a:nth-child(4) > div img {
    opacity: 1; }
  #gallery .cell-66 a:nth-child(1) > div,
  #gallery .cell-66 a:nth-child(2) > div,
  #gallery .cell-66 a:nth-child(3) > div,
  #gallery .cell-66 a:nth-child(4) > div,
  #gallery .cell-66 a:nth-child(5) > div,
  #gallery .cell-66 a:nth-child(6) > div,
  #gallery .cell-66 a:nth-child(7) > div {
    background: none;
    min-height: 0;
    width: 100%;
    opacity: 1; }
  #gallery .cell-66 a div img,
  #gallery .cell-66 a:nth-child(2) > div img,
  #gallery .cell-66 a:nth-child(3) > div img,
  #gallery .cell-66 a:nth-child(4) > div img,
  #gallery .cell-66 a:nth-child(5) > div img,
  #gallery .cell-66 a:nth-child(6) > div img,
  #gallery .cell-66 a:nth-child(7) > div img {
    display: block;
    clear: both;
    width: 100%;
    opacity: 1; }
  #gallery .cell-66 a:nth-child(n+1) > div {
    border-left: 0px;
    border-top: 1.5rem #e8e8dd solid; } }

/* ==========================================================================
   MEDIA PAGE
============================================================================= */
#media footer {
  margin-top: 200px; }

#media img {
  width: 100%; }

#media .container {
  padding: 0 4% 2% 6%;
  clear: both;
  border: 0px red solid; }

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

#media .container p {
  text-transform: uppercase; }

#media .container div {
  float: left;
  max-width: 400px;
  border-right: 1.5rem #e8e8dd solid;
  margin-top: 1.5rem; }

#media .container div img {
  height: 300px;
  border: 1px #ccc solid;
  padding: 3px; }

#media .container p {
  color: #795363;
  font-size: .8rem;
  margin: 0 0 .2rem .1rem;
  padding-left: 0;
  letter-spacing: 0px;
  background: url("../img/bullet-media.png") no-repeat left center; }

#media .container p a,
#media #events p a {
  color: #795363;
  font-size: 1rem; }

#media #events {
  padding: 0 4% 2% 5%;
  clear: both; }

@media (max-width: 640px) {
  #media #events {
    padding: 0 4% 2% 3%; } }

#media #events p {
  color: #555;
  margin: 0 0 0 5px;
  font-size: 1.0rem;
  text-transform: inherit;
  max-width: 315px; }

#media #events h3 {
  margin: 2rem 0 1rem; }

#media #events img {
  max-width: 317px;
  height: auto;
  float: left;
  margin: 0 2rem 1rem 0; }

/* EVENTS ON HOMEPAGE */
#homepage #events {
  margin: 32px 0 0 0;
  float: right;
  max-width: 230px; }

#homepage #events p {
  padding: 6px 15px;
  font-size: .9rem;
  background: #795363;
  margin-bottom: 5px; }

#homepage #events img {
  width: 100%;
  margin-bottom: 1px;
  padding: 0; }

#homepage #events a img:hover {
  opacity: 1; }

@media (max-width: 950px) {
  #homepage #events {
    float: left;
    margin: 160px 0 0 5%; } }

@media (max-width: 640px) {
  #homepage #events {
    float: none;
    max-width: 140px;
    margin: 40px auto; } }

#media .divider {
  max-width: 90%;
  margin: .5rem auto 0;
  height: 1px; }

#media img.border {
  border: 1px #ccc solid; }

/* MEDIA SCROLL */
#media a.scroll {
  padding: 11px 30px 11px 27px;
  display: block;
  width: 100%;
  font-size: .8rem;
  max-width: 170px;
  margin: .5rem .5rem 0rem 0;
  float: left;
  text-align: right;
  z-index: 9999999; }

#media .cell-container {
  border-top: 0.4rem #e8e8dd solid; }

#media .cell-100 {
  padding: 4% 4% 2%; }

#media .cell-100 ul {
  margin: 0;
  list-style-image: none; }

#media .cell-100 h5,
#media .cell-100 p,
#media .cell-100 p a {
  color: #e8e8dd; }

#media .cell-100 h5 {
  font-size: 1.1rem; }

#media .cell-100 ul li {
  margin-bottom: .5rem;
  padding-left: 2px;
  padding-right: 2rem; }

#media .cell-100 ul li:last-child {
  padding-right: 0rem; }

#media .cell-100 ul li p {
  font-size: 1rem; }

#media .cell-100 ul li p a {
  padding-left: 1rem;
  display: block;
  margin-top: .5rem;
  font-size: 1rem;
  background: url("../img/bullet.png") no-repeat left center; }

#media .cell-100 ul:last-child li p a {
  padding-left: 0rem;
  font-size: 1rem;
  background: none; }

#media .cell-100 img {
  max-width: 300px;
  padding: 5px;
  /*border:1px #ccc solid;*/
  background-color: white;
  margin-bottom: .5rem; }

#media .cell-100 ul:last-child li:first-child {
  /*margin-right:5rem;*/ }

@media (max-width: 640px) {
  #media .divider {
    margin: 1.5rem auto 0rem; }
  #media .cell-100 {
    padding: 10% 5% 7%; }
  #media .cell-100 ul.news li p:last-child {
    margin-bottom: 2rem; } }

/*------------------------------------------
  MEDIA BOXES 37/37/24
-------------------------------------------*/
#media .cell-37 {
  display: table-cell;
  width: 40%;
  border-right: 1.4rem #e8e8dd solid; }

#media .cell-37:nth-child(2) {
  display: table-cell;
  width: 40%;
  border-left: 0.1rem #e8e8dd solid; }

#media .cell-24 {
  display: table-cell;
  width: 20%;
  border-left: 0.3rem #e8e8dd solid; }

@media (max-width: 850px) {
  #media .cell-37 {
    border-right: 0.5rem #e8e8dd solid; }
  #media .cell-37:nth-child(2) {
    border-left: 0 #e8e8dd solid; }
  #media .cell-24 {
    border-left: 0rem #e8e8dd solid; } }

/*------------------------------------------
  MEDIA BOXES 40/20/20/20
-------------------------------------------*/
#media .cell-40 {
  display: table-cell;
  width: 40%;
  border-right: 1.2rem #e8e8dd solid; }

#media .cell-20:nth-child(2) {
  display: table-cell;
  width: 20%;
  border-left: 0.3rem #e8e8dd solid; }

#media .cell-20:nth-child(3) {
  display: table-cell;
  width: 20%;
  border-left: 1.5rem #e8e8dd solid; }

#media .cell-20:nth-child(4) {
  display: table-cell;
  width: 20%;
  border-left: 1.5rem #e8e8dd solid; }

/* ==========================================================================
   INVESTMENT PAGE
============================================================================= */
#investment h1 {
  margin: 2.2rem 0 0;
  font-size: 2.4rem;
  font-weight: 300; }

#investment h1,
#investment h4,
#investment p {
  color: #394b49; }

#investment p {
  margin-top: 0; }

#investment h4 {
  margin: 2rem 0 .5rem;
  font-size: 1.7rem;
  line-height: 1;
  border: 0px red solid;
  font-weight: 700; }

#investment h5 {
  margin-top: 10%; }

#investment h6 {
  font-weight: 500;
  margin: .5rem 0 .2rem;
  font-size: 1.1rem;
  color: #394b49 !important; }

#investment .maroon-bg h5 {
  margin-top: 0;
  font-weight: 100;
  font-size: 1.8rem; }

#investment .maroon-bg h4 {
  margin-top: 0;
  font-weight: 100;
  font-size: 1.8rem;
  color: #e8e8dd !important; }

#investment .maroon-bg h6 {
  font-weight: 300;
  color: #e8e8dd !important; }

#investment p.orange-bg,
#investment p.redish-bg,
#investment p.paleblue-bg,
#investment p.maroon-bg,
#investment p.greenlite-bg {
  color: #fff;
  padding: .2rem 1rem .25rem;
  font-size: .8rem;
  max-width: 180px !important;
  text-align: left; }

#investment .maroon-bg .border {
  border-left: 1px #fff solid; }

#investment .maroon-bg {
  padding: 2rem 0; }

#investment .maroon-bg ul {
  padding: .5rem 0 .5rem 1.5rem; }

#investment .maroon-bg ul li {
  line-height: 1.1;
  font-size: .9rem;
  padding: .2rem 0; }

#investment .maroon-bg span {
  font-size: .9rem; }

#investment #connected h5 {
  font-size: 1.6rem;
  font-weight: 100; }

#investment #connected strong {
  font-size: 1.1rem;
  font-weight: 100; }

#investment .icons img {
  padding: 0 1rem;
  width: 100%; }

#investment img[src="img/inv-icon-building.png"] {
  max-width: 266px; }

#investment img[src="img/inv-icon-amenities.png"] {
  max-width: 270px; }

#investment img[src="img/inv-icon-people.png"] {
  max-width: 303px; }

#investment img[src="img/inv-icon-2people.png"] {
  max-width: 193px; }

#investment img[src="img/inv-icon-pencils.png"] {
  max-width: 234px; }

#investment img[src="img/inv-icon-arrow.png"] {
  max-width: 63px;
  float: none;
  padding: 0; }

#investment img[src="img/inv-download.jpg"] {
  max-width: 640px;
  width: 100%; }

#investment .paleblue-bg {
  margin-bottom: -5px;
  text-align: center; }

#investment .line-dotted {
  border-bottom: 2px #e1923e dotted;
  padding: .5rem 0; }

@media (max-width: 1024px) {
  #investment .icons img {
    padding: .5rem 0;
    float: none; }
  #investment .hide {
    display: none; }
  #investment img[src="img/inv-icon-people.png"] {
    margin-top: 0; }
  #investment h5 {
    margin-top: 2rem; }
  #investment img[src="img/inv-download.png"] {
    margin-bottom: 1.5rem; }
  #investment .maroon-bg .border {
    border-left: 0; } }

/* ==========================================================================
   TEAM PAGE
============================================================================= */
#team div.redish-bg {
  padding: 10% 5%; }

#team img {
  width: 100%; }

a[href="http://urbancapital.ca"] img {
  margin: 2rem 0 0rem;
  max-width: 220px; }

a[href="http://www.alit.ca"] img {
  margin: 2rem 0 0rem;
  max-width: 100px; }

a[href="http://rafbig.com"] img {
  margin: 2rem 0 1rem;
  max-width: 300px; }

a[href="http://cecconisimone.com"] img {
  margin: 2rem 0 1rem;
  max-width: 250px; }

.cell-lowrise {
  padding: 0px;
  width: 100%;
  border-left: 1.5rem #e8e8dd solid; }

#team div[class="cell-50 paleblue-bg"] {
  border-left: 1.5rem #e8e8dd solid; }

#cell-highrise {
  display: table-cell;
  padding: 0px;
  width: 50%;
  vertical-align: top;
  clear: both;
  border-top: 1rem #e8e8dd solid;
  border-left: 1.5rem #e8e8dd solid;
  background: url("../img/team-highrise.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#simcoe {
  background: url("../img/team-126-simcoe.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 500px; }

#entrance {
  background: url("../img/team-entrance.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 500px; }

.cell-simcoe {
  display: block;
  padding: 0px;
  width: 100%;
  border-top: 1rem #e8e8dd solid;
  border-left: 1.5rem #e8e8dd solid; }

.cell-entrance {
  display: block;
  padding: 0px;
  width: 100%;
  border-top: 1.5rem #e8e8dd solid;
  border-left: 1.5rem #e8e8dd solid; }

#team .cell-50 {
  display: table-cell;
  padding: 30px;
  width: 50%;
  vertical-align: top; }

.cell-50:first-child {
  border-right: 0.75rem #e8e8dd solid; }

.cell-50:last-child {
  border-left: 0.75rem #e8e8dd solid; }

#team .cell-50.maroon-bg {
  padding-bottom: 100px; }

@media (max-width: 640px) {
  #team .cell-50.maroon-bg {
    padding-bottom: 30px; } }

/*#highrise {
	background:url('../img/team-highrise.jpg') no-repeat center top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	min-height:500px }*/
@media (max-width: 950px) {
  #simcoe {
    border-top: 1.2rem #e8e8dd solid;
    border-left: 1.5rem #e8e8dd solid;
    min-height: 300px; }
  #entrance {
    background: url("../img/team-entrance.jpg") no-repeat center -160px;
    min-height: 300px; }
  .cell-simcoe {
    border-left: 0.75rem #e8e8dd solid; }
  .cell-entrance {
    border-left: 1.5rem #e8e8dd solid;
    background-color: #c15c42; }
  #cell-highrise {
    display: none; }
  #cell-highrise-mobile {
    display: table-cell;
    display: block;
    min-height: 850px;
    width: 100%;
    clear: both;
    border-top: 1.5rem #e8e8dd solid;
    border-left: 1.5rem #e8e8dd solid;
    background: url("../img/team-highrise.jpg") no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; } }

@media (max-width: 640px) {
  a[href="http://rafbig.com"] img {
    margin: 0rem 0 1rem; }
  a[href="http://cecconisimone.com"] img {
    margin: 0rem 0 1rem; }
  .cell-lowrise {
    border-top: 1.5rem #e8e8dd solid;
    border-left: 0; }
  #team .cell-50 {
    display: inline-block;
    clear: both;
    width: 100%; }
  #team .cell-50:first-child {
    border-right: 0; }
  #team .cell-50:last-child {
    border-left: 0 !important;
    border-top: 1.5rem #e8e8dd solid;
    min-height: 350px; }
  .cell-simcoe {
    border-left: 0; }
  .cell-entrance {
    border-left: 0; }
  #simcoe {
    display: none; }
  #entrance {
    display: none; }
  #team .cell-50-team img[src="img/team-montage.jpg"] {
    border-top: 1rem #e8e8dd solid; }
  #cell-highrise-mobile {
    display: none; } }

/* ==========================================================================
   CONTACT PAGE
============================================================================= */
#contact h2 {
  color: #795363 !important;
  margin: 3rem 0 1rem 0;
  font-weight: normal; }

#contact h5 {
  margin: 1.5rem 0 1rem 0; }

#contact p {
  color: #795363;
  font-size: 15px; }

#contact a {
  color: #795363; }

#contact img[src="img/map.png"] {
  width: 100%;
  max-width: 195px; }

#signupForm {
  background: rgba(255, 255, 255, 0);
  border: 0px solid #795363;
  color: #795363;
  opacity: 1 !important;
  font-size: 1.1rem !important;
  max-width: 400px; }

#signupForm textarea {
  color: #795363 !important;
  opacity: 1 !important;
  font-size: 1.1rem !important; }

#signupForm select {
  margin-bottom: 1rem;
  border: 1px solid #795363;
  -webkit-appearance: none;
  padding: .6rem !important;
  -moz-appearance: none;
  background: #e8e8dd url("../img/arrow-down-contact.png");
  background-repeat: no-repeat;
  background-position: 98% center;
  opacity: 1 !important;
  text-transform: uppercase;
  font-size: .9rem !important; }

#signupForm input {
  background: none;
  border: 1px solid #795363;
  padding: .6rem;
  color: #795363;
  text-transform: uppercase;
  font-size: .9rem !important;
  margin-bottom: 15px; }

#signupForm textarea {
  background: none;
  border: 1px solid #795363;
  padding: .6rem;
  font-size: .9rem !important;
  text-transform: uppercase; }

/* =============================================
   WTL FORM VALIDATION
================================================ */
#signupForm label.error {
  color: #dd3000 !important;
  margin-top: -10px;
  padding-bottom: 15px;
  display: block;
  font-family: sans-serif;
  font-size: 11px;
  line-height: 1.0; }

#MobilePhone {
  display: none; }

#signupForm div {
  position: relative; }

#signupForm span {
  position: absolute;
  top: -8px;
  font-size: .7rem;
  color: #777;
  text-transform: uppercase;
  font-family: sans-serif !important;
  background: #fff;
  padding: 0px 1px !important;
  margin-left: 7px;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#signupForm input:focus + span,
#signupForm textarea:focus + span,
#signupForm input:focus ~ label + span {
  opacity: 1 !important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#signupForm input ~ label + span {
  opacity: 0 !important; }

.g-recaptcha {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0; }

.grecaptcha-badge {
  z-index: 999999999999; }

#compliance {
  font-size: .7rem;
  margin-top: 40px;
  color: #999;
  max-width: 400px; }

#thanks {
  margin-top: 200px;
  padding: 0 1rem; }

#thankyou #register-here {
  display: none !important; }

@media (max-width: 640px) {
  #thanks {
    margin-top: 150px; }
  #thankyou #register-here-mobile {
    display: none !important; } }

/* =============================================
     PLACEHOLDER TEXT
  ================================================ */
/* Placeholder text */
::-webkit-input-placeholder {
  color: #795363; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #795363; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #795363; }

:-ms-input-placeholder {
  color: #795363; }

/* Placeholder text focus */
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.3s ease;
  opacity: 0; }

/* ==========================================================================
   PRIVACY PAGE
============================================================================= */
#privacy h5, #privacy p, #privacy p a {
  color: #795363 !important; }

#privacy h5 {
  margin-top: 2rem; }

#privacy h5:first-child {
  margin-top: 11rem; }

@media (max-width: 640px) {
  #privacy h5:first-child {
    margin-top: 3rem; } }

/* ==========================================================================
   PROMOTION PAGE
============================================================================= */
#promotion h1 {
  margin: 0; }

#promotion img[src="img/promotion-raptors.jpg"] {
  width: 100%;
  max-width: 400px;
  margin: 1rem 0 0; }

#promotion #raptors {
  margin: 0 auto;
  text-align: center; }

#promotion #scroll {
  display: none; }

#promotion #pricing {
  text-align: center; }

#promotion #parking {
  position: absolute;
  right: 1rem;
  bottom: -50px;
  max-width: 200px; }

@media (max-width: 640px) {
  #promotion #parking {
    position: relative;
    float: left;
    right: auto;
    bottom: auto;
    margin-top: -160px;
    margin-left: .5rem;
    max-width: 150px;
    left: 0; }
  #promotion h1,
  #promotion h4,
  #promotion p {
    text-align: center; } }

/* ==========================================================================
   BROKER PAGE
============================================================================= */
#broker .logo {
  max-width: 400px;
  margin: 0 auto 1rem !important;
  text-align: center; }

#broker .logo img {
  padding: 1rem; }

#broker .stretchy img {
  max-width: 100%;
  width: 100%;
  max-width: 400px;
  border: 1px #ccc solid;
  padding: 3px; }

#broker .row:not(:first-child) {
  margin-bottom: 4rem; }

#broker img.single-img {
  max-width: 300px; }

#broker h4 {
  font-size: 1.3rem;
  margin-bottom: .5rem; }

#broker h2,
#broker h4,
#broker li a {
  color: #795363; }

/*------------------------------------------
  BROKER LOGIN BUTTON
-------------------------------------------*/
#broker-button {
  position: fixed;
  right: 0;
  top: 1rem;
  max-width: 150px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-size: .8rem;
  margin: 0 auto 100px;
  text-transform: uppercase;
  background: #795363;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-trasnsition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease; }

#broker-button a {
  display: block;
  color: #fff;
  padding: 5px 10px; }

#broker-button:hover {
  opacity: .8; }

@media (max-width: 400px) {
  #broker-button {
    position: relative;
    margin: 1rem auto 3rem;
    border-radius: 2px;
    max-width: 116px; }
  #register-button {
    margin: 0 auto; } }

/* ==========================================================================
   NAV DESKTOP
============================================================================= */
#nav-desktop {
  width: 100%;
  padding: 15px 0;
  position: relative; }

#nav-desktop ul {
  float: left;
  list-style: none;
  margin-top: -2px; }

#nav-desktop li a {
  text-decoration: none;
  outline: none;
  line-height: 1.2;
  color: #e8e8dd;
  display: block;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
  padding: 3px 20px 3px 15px;
  border: 0px red solid;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease; }

#nav-desktop a:hover {
  opacity: .5;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease; }

#nav-desktop a#selected {
  opacity: .5;
  background: url("../img/nav-arrow.png") no-repeat 0 5px; }

@media (max-width: 730px) {
  #nav-desktop li a {
    padding: 3px 15px 3px 13px; } }

/* ==========================================================================
   NAV MOBILE: OFF CANVAS
=============================================================================*/
#nav-mobile {
  display: block;
  margin: 80px 0 0 0;
  padding: 0 0 5rem 0;
  list-style: none;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1.0; }

#nav-mobile a {
  display: block;
  color: #795363;
  text-decoration: none; }

#nav-mobile ul {
  clear: both; }

#nav-mobile li a {
  padding: 3px 0 3px 15px;
  border: 0px red solid; }

#nav-mobile li a:hover {
  opacity: .5; }

#nav-mobile li a#selected {
  opacity: .5;
  padding: 3px 0 3px 30px;
  background: url("../img/bullet-mauve.png") no-repeat 18px 14px; }

/* ==========================================================================
   NAV MOBILE SUB: OFF CANVAS
============================================================================= */
.nav-offcanvas > li > ul {
  display: block;
  list-style: none;
  margin: 0 0 0 15px; }

.nav-offcanvas > li > ul li {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-style: normal;
  margin-left: 0;
  display: inline;
  line-height: 1.0; }

.nav-offcanvas > li > ul li a {
  display: block;
  padding: 7px 0 7px 0px;
  color: #666;
  text-decoration: none; }

.nav-offcanvas > li > ul li a:hover {
  color: #dc1e35; }

.nav-offcanvas > li > ul li #selected {
  color: #dc1e35; }

/* ==========================================================================
   NAV MOBILE NAVICON
=============================================================================*/
#navicon {
  margin: 0 auto;
  text-align: center;
  /*position:absolute;
	top:0;
	margin:0 0 0 0;
	background-color:rgb(121,83,99);
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	width:100%;
	z-index:9999999999*/ }

#navicon img {
  max-width: 60px;
  /*float:right*/ }

#navicon a {
  background: url("../img/nav-menu.png") no-repeat 0 0;
  padding: 5px 7px 6px 5px;
  /* padding:5px 7px 3px 5px;	 */
  margin: 0;
  display: block;
  opacity: 1;
  position: fixed;
  top: 0;
  margin: 0 0 0 0;
  background-color: #e38f37;
  /*rgb(121,83,99);*/
  /*border-top-right-radius:2px;
	border-bottom-right-radius:2px;*/
  width: 100%;
  z-index: 9999999999; }

#navicon a:hover {
  text-decoration: none;
  opacity: 1; }

#navicon:hover {
  opacity: 1; }

@media (min-width: 641px) {
  div#navicon {
    display: none; } }

/* ==========================================================================
   NAV OFF CANVAS
============================================================================= */
.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
  min-height: 100%;
  -webkit-overflow-scrolling: touch; }

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  min-height: 800px;
  *zoom: 1;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }

.inner-wrap:before, .inner-wrap:after {
  content: " ";
  display: table; }

.inner-wrap:after {
  clear: both; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background-color: #e8e8dd;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0; }

.left-off-canvas-menu * {
  -webkit-backface-visibility: hidden; }

.move-right > .inner-wrap {
  -ms-transform: translate(15.625rem, 0);
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0); }

.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  /*box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);*/
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a.exit-off-canvas:hover {
  z-index: 1;
  opacity: 1; }

@media only screen and (min-width: 40.063em) {
  .move-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.5); } }

.move-left > .inner-wrap {
  -ms-transform: translate(-15.625rem, 0);
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0); }

.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  /*box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);*/
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@media only screen and (min-width: 40.063em) {
  .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.5); } }

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem; }

.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem; }

.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem; }

.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }

/* ==========================================================================
   FULLSCREEN IMAGE
============================================================================= */
#bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 0; }

#bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%; }

#model-suite #bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 0; }

#model-suite #bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  min-width: 1200px;
  overflow: hidden; }

/* ==========================================================================
   	TOP BUTTON LINK
============================================================================= */
.back-to-top {
  position: fixed;
  z-index: 9999999999999999;
  border: 0px #ccc solid;
  background-repeat: no-repeat;
  background-position: center top;
  bottom: 2em;
  right: 1.4em;
  background: rgba(121, 83, 99, 0.7) url("../img/arrow-top.png");
  width: 56px;
  height: 38px;
  display: none;
  cursor: pointer;
  border-radius: 2px; }

.back-to-top:hover {
  background: #795363 url("../img/arrow-top.png");
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease; }

@media (min-width: 641px) {
  .back-to-top {
    bottom: 5em; } }

/* ==========================================================================
   	SCROLL DOWN BUTTON LINK
============================================================================= */
#scroll {
  display: none !important;
  position: fixed;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  background: rgba(121, 83, 99, 0.8);
  width: 70px;
  border-radius: 2px;
  padding: 5px 0 2px;
  display: block;
  text-align: center;
  bottom: 30px;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 500;
  cursor: pointer;
  z-index: 99999999999999; }

#scroll a {
  color: #e8e8dd !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important; }

#scroll img {
  width: 40px !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  text-align: center !important; }

/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  50% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    -webkit-transform: translateY(-40);
    transform: translateY(-40); } }

@keyframes wobble-vertical {
  50% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    -webkit-transform: translateY(-40);
    transform: translateY(-40); } }

.wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.wobble-vertical {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* ==========================================================================
   LINES
============================================================================= */
.line-1px {
  border-top: 1px #fff solid;
  margin: 0px auto 25px;
  clear: both;
  opacity: .2; }

@media (max-width: 640px) {
  .line-1px {
    margin: 5px auto 25px; } }

.line-2px {
  border-top: 2px #858379 solid;
  margin: 20px auto 22px; }

.line-3px {
  border-top: 3px #ccc solid;
  margin: 20px auto 22px; }

/*.line-dotted {border-top:1px #ccc dotted;margin:20px auto 22px;} */
/* ==========================================================================
   FLOATS / TEXT ALIGNMENT
============================================================================= */
.left {
  float: left !important; }

.left-img {
  float: left !important;
  margin: 0 20px 20px 0; }

.right {
  float: right !important; }

.right-left {
  float: right !important;
  text-align: right; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.text-small {
  font-size: .8rem; }

textarea {
  height: auto;
  min-height: 80px; }

span .small-text {
  line-height: .8; }

@media (max-width: 640px) {
  .right-left {
    float: left;
    text-align: left;
    clear: both; } }

/* ==========================================================================
   FONTS
============================================================================= */
.antialiased {
  -webkit-font-smoothing: antialiased; }

/* ==========================================================================
   HIDE / SELECT / HR
============================================================================= */
/*.hide { display: none; }/*SEE .HIDE below*/
select {
  width: 100%; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* ==========================================================================
   IMG/OBJECT/EMBED/MAP CANVAS/CLEARFIX
============================================================================= */
img,
object,
embed {
  /*max-width: 100%;*/
  /* REMOVED FOR FULLSCREEN IMAGE */
  /*height: auto;*/ }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   VIDEO RESPONSIVE
============================================================================= */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 56.25% is 16:9 */
  padding-top: 0px;
  height: 0; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* ==========================================================================
   LISTS
============================================================================= */
ul,
ol,
dl {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: .5rem;
  /* 1.25rem */
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 0; }

/*1.1rem;*/
ul.no-bullet {
  margin-left: 0; }

ul.no-bullet li ul,
ul.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none; }

/*------------------------------------------
  INLINE
-------------------------------------------*/
.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }

.inline-list > li {
  list-style: none;
  float: left;
  margin-left: 1.375rem;
  display: block; }

.inline-list > li > * {
  display: block; }

/*------------------------------------------
  UNORDERED
-------------------------------------------*/
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  font-size: 1rem;
  /* Override nested font-size change */ }

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }

ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }

ul.disc:last-child {
  margin-bottom: 0px; }

/* remove space below 1st list in mobile */
ul.no-bullet {
  list-style: none; }

/*------------------------------------------
  ORDERED
-------------------------------------------*/
ol {
  margin-left: 1.4rem; }

ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

/*------------------------------------------
  Definition Lists
-------------------------------------------*/
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }

dl dd {
  margin-bottom: 0.75rem; }

/* ==========================================================================
   WOW ANIMATE ELEMENTS ON VIEWPORT ENTRY
============================================================================= */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    visibility: visible;
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    visibility: visible;
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1000px, 0);
    transform: translate3d(0, -1000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1000px, 0);
    transform: translate3d(0, -1000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1000px, 0);
    transform: translate3d(0, -1000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1000px, 0);
    transform: translate3d(0, -1000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

/* ==========================================================================
   ROWS
============================================================================= */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0rem;
  margin-bottom: 0;
  max-width: 75rem;
  min-width: 250px;
  *zoom: 1; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.row.collapse > .column,
.row.collapse > .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left; }

.row.collapse .row {
  margin-left: 0;
  margin-right: 0; }

.row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1; }

.row .row:before, .row .row:after {
  content: " ";
  display: table; }

.row .row:after {
  clear: both; }

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1; }

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table; }

.row .row.collapse:after {
  clear: both; }

/*------------------------------------------
  ROW FULL WIDTH
-------------------------------------------*/
.row-fullwidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 250px;
  *zoom: 1; }

.row-fullwidth:before, .row-fullwidth:after {
  content: " ";
  display: table; }

.row-fullwidth:after {
  clear: both; }

.row-fullwidth.collapse > .column,
.row-fullwidth.collapse > .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left; }

.row-fullwidth.collapse .row-fullwidth {
  margin-left: 0;
  margin-right: 0; }

.row-fullwidth .row-fullwidth {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1; }

.row-fullwidth .row-fullwidth:before, .row-fullwidth .row-fullwidth:after {
  content: " ";
  display: table; }

.row-fullwidth .row-fullwidth:after {
  clear: both; }

.row-fullwidth .row-fullwidth.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1; }

.row-fullwidth .row-fullwidth.collapse:before, .row-fullwidth .row-fullwidth.collapse:after {
  content: " ";
  display: table; }

.row-fullwidth .row-fullwidth.collapse:after {
  clear: both; }

/* ==========================================================================
   COLUMNS
============================================================================= */
.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.column-margin,
.columns-margin {
  position: relative;
  padding-left: 1.4em;
  padding-right: 1.4em;
  width: 100%;
  float: left;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

@media (max-width: 640px) {
  .column-margin,
  .columns-margin {
    position: relative;
    padding-left: 0em;
    padding-right: 0em;
    width: 100%;
    float: left;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; } }

.column-nomargin,
.columns-nomargin {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

@media only screen {
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 5.55556%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 5.55556%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 11.11111%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 11.11111%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 22.22222%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 22.22222%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 27.77778%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 27.77778%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 38.88889%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 38.88889%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 44.44444%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 44.44444%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 55.55556%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 55.55556%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 61.11111%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 61.11111%;
    left: auto; }
  .small-push-12 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-12 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-13 {
    position: relative;
    left: 72.22222%;
    right: auto; }
  .small-pull-13 {
    position: relative;
    right: 72.22222%;
    left: auto; }
  .small-push-14 {
    position: relative;
    left: 77.77778%;
    right: auto; }
  .small-pull-14 {
    position: relative;
    right: 77.77778%;
    left: auto; }
  .small-push-15 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-15 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-16 {
    position: relative;
    left: 88.88889%;
    right: auto; }
  .small-pull-16 {
    position: relative;
    right: 88.88889%;
    left: auto; }
  .small-push-17 {
    position: relative;
    left: 94.44444%;
    right: auto; }
  .small-pull-17 {
    position: relative;
    right: 94.44444%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }
  .small-1 {
    width: 5.55556%; }
  .small-2 {
    width: 11.11111%; }
  .small-3 {
    width: 16.66667%; }
  .small-4 {
    width: 22.22222%; }
  .small-5 {
    width: 27.77778%; }
  .small-6 {
    width: 33.33333%; }
  .small-7 {
    width: 38.88889%; }
  .small-8 {
    width: 44.44444%; }
  .small-9 {
    width: 50%; }
  .small-10 {
    width: 55.55556%; }
  .small-11 {
    width: 61.11111%; }
  .small-12 {
    width: 66.66667%; }
  .small-13 {
    width: 72.22222%; }
  .small-14 {
    width: 77.77778%; }
  .small-15 {
    width: 83.33333%; }
  .small-16 {
    width: 88.88889%; }
  .small-17 {
    width: 94.44444%; }
  .small-18 {
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .small-offset-0 {
    margin-left: 0% !important; }
  .small-offset-1 {
    margin-left: 5.55556% !important; }
  .small-offset-2 {
    margin-left: 11.11111% !important; }
  .small-offset-3 {
    margin-left: 16.66667% !important; }
  .small-offset-4 {
    margin-left: 22.22222% !important; }
  .small-offset-5 {
    margin-left: 27.77778% !important; }
  .small-offset-6 {
    margin-left: 33.33333% !important; }
  .small-offset-7 {
    margin-left: 38.88889% !important; }
  .small-offset-8 {
    margin-left: 44.44444% !important; }
  .small-offset-9 {
    margin-left: 50% !important; }
  .small-offset-10 {
    margin-left: 55.55556% !important; }
  .small-offset-11 {
    margin-left: 61.11111% !important; }
  .small-offset-12 {
    margin-left: 66.66667% !important; }
  .small-offset-13 {
    margin-left: 72.22222% !important; }
  .small-offset-14 {
    margin-left: 77.77778% !important; }
  .small-offset-15 {
    margin-left: 83.33333% !important; }
  .small-offset-16 {
    margin-left: 88.88889% !important; }
  .small-offset-17 {
    margin-left: 94.44444% !important; }
  .small-reset-order,
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; } }

@media only screen and (min-width: 40.063em) {
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 5.55556%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 5.55556%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 11.11111%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 11.11111%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 22.22222%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 22.22222%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 27.77778%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 27.77778%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 38.88889%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 38.88889%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 44.44444%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 44.44444%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 55.55556%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 55.55556%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 61.11111%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 61.11111%;
    left: auto; }
  .medium-push-12 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-12 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-13 {
    position: relative;
    left: 72.22222%;
    right: auto; }
  .medium-pull-13 {
    position: relative;
    right: 72.22222%;
    left: auto; }
  .medium-push-14 {
    position: relative;
    left: 77.77778%;
    right: auto; }
  .medium-pull-14 {
    position: relative;
    right: 77.77778%;
    left: auto; }
  .medium-push-15 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-15 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-16 {
    position: relative;
    left: 88.88889%;
    right: auto; }
  .medium-pull-16 {
    position: relative;
    right: 88.88889%;
    left: auto; }
  .medium-push-17 {
    position: relative;
    left: 94.44444%;
    right: auto; }
  .medium-pull-17 {
    position: relative;
    right: 94.44444%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }
  .medium-1 {
    width: 5.55556%; }
  .medium-2 {
    width: 11.11111%; }
  .medium-3 {
    width: 16.66667%; }
  .medium-4 {
    width: 22.22222%; }
  .medium-5 {
    width: 27.77778%; }
  .medium-6 {
    width: 33.33333%; }
  .medium-7 {
    width: 38.88889%; }
  .medium-8 {
    width: 44.44444%; }
  .medium-9 {
    width: 50%; }
  .medium-10 {
    width: 55.55556%; }
  .medium-11 {
    width: 61.11111%; }
  .medium-12 {
    width: 66.66667%; }
  .medium-13 {
    width: 72.22222%; }
  .medium-14 {
    width: 77.77778%; }
  .medium-15 {
    width: 83.33333%; }
  .medium-16 {
    width: 88.88889%; }
  .medium-17 {
    width: 94.44444%; }
  .medium-18 {
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .medium-offset-0 {
    margin-left: 0% !important; }
  .medium-offset-1 {
    margin-left: 5.55556% !important; }
  .medium-offset-2 {
    margin-left: 11.11111% !important; }
  .medium-offset-3 {
    margin-left: 16.66667% !important; }
  .medium-offset-4 {
    margin-left: 22.22222% !important; }
  .medium-offset-5 {
    margin-left: 27.77778% !important; }
  .medium-offset-6 {
    margin-left: 33.33333% !important; }
  .medium-offset-7 {
    margin-left: 38.88889% !important; }
  .medium-offset-8 {
    margin-left: 44.44444% !important; }
  .medium-offset-9 {
    margin-left: 50% !important; }
  .medium-offset-10 {
    margin-left: 55.55556% !important; }
  .medium-offset-11 {
    margin-left: 61.11111% !important; }
  .medium-offset-12 {
    margin-left: 66.66667% !important; }
  .medium-offset-13 {
    margin-left: 72.22222% !important; }
  .medium-offset-14 {
    margin-left: 77.77778% !important; }
  .medium-offset-15 {
    margin-left: 83.33333% !important; }
  .medium-offset-16 {
    margin-left: 88.88889% !important; }
  .medium-offset-17 {
    margin-left: 94.44444% !important; }
  .medium-reset-order,
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 5.55556%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 5.55556%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 11.11111%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 11.11111%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 22.22222%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 22.22222%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 27.77778%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 27.77778%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 38.88889%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 38.88889%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 44.44444%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 44.44444%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 55.55556%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 55.55556%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 61.11111%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 61.11111%;
    left: auto; }
  .push-12 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-12 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-13 {
    position: relative;
    left: 72.22222%;
    right: auto; }
  .pull-13 {
    position: relative;
    right: 72.22222%;
    left: auto; }
  .push-14 {
    position: relative;
    left: 77.77778%;
    right: auto; }
  .pull-14 {
    position: relative;
    right: 77.77778%;
    left: auto; }
  .push-15 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-15 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-16 {
    position: relative;
    left: 88.88889%;
    right: auto; }
  .pull-16 {
    position: relative;
    right: 88.88889%;
    left: auto; }
  .push-17 {
    position: relative;
    left: 94.44444%;
    right: auto; }
  .pull-17 {
    position: relative;
    right: 94.44444%;
    left: auto; } }

@media only screen and (min-width: 64.063em) {
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 5.55556%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 5.55556%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 11.11111%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 11.11111%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 22.22222%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 22.22222%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 27.77778%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 27.77778%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 38.88889%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 38.88889%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 44.44444%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 44.44444%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 55.55556%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 55.55556%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 61.11111%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 61.11111%;
    left: auto; }
  .large-push-12 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-12 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-13 {
    position: relative;
    left: 72.22222%;
    right: auto; }
  .large-pull-13 {
    position: relative;
    right: 72.22222%;
    left: auto; }
  .large-push-14 {
    position: relative;
    left: 77.77778%;
    right: auto; }
  .large-pull-14 {
    position: relative;
    right: 77.77778%;
    left: auto; }
  .large-push-15 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-15 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-16 {
    position: relative;
    left: 88.88889%;
    right: auto; }
  .large-pull-16 {
    position: relative;
    right: 88.88889%;
    left: auto; }
  .large-push-17 {
    position: relative;
    left: 94.44444%;
    right: auto; }
  .large-pull-17 {
    position: relative;
    right: 94.44444%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }
  .large-1 {
    width: 5.55556%; }
  .large-2 {
    width: 11.11111%; }
  .large-3 {
    width: 16.66667%; }
  .large-4 {
    width: 22.22222%; }
  .large-5 {
    width: 27.77778%; }
  .large-6 {
    width: 33.33333%; }
  .large-7 {
    width: 38.88889%; }
  .large-8 {
    width: 44.44444%; }
  .large-9 {
    width: 50%; }
  .large-10 {
    width: 55.55556%; }
  .large-11 {
    width: 61.11111%; }
  .large-12 {
    width: 66.66667%; }
  .large-13 {
    width: 72.22222%; }
  .large-14 {
    width: 77.77778%; }
  .large-15 {
    width: 83.33333%; }
  .large-16 {
    width: 88.88889%; }
  .large-17 {
    width: 94.44444%; }
  .large-18 {
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .large-offset-0 {
    margin-left: 0% !important; }
  .large-offset-1 {
    margin-left: 5.55556% !important; }
  .large-offset-2 {
    margin-left: 11.11111% !important; }
  .large-offset-3 {
    margin-left: 16.66667% !important; }
  .large-offset-4 {
    margin-left: 22.22222% !important; }
  .large-offset-5 {
    margin-left: 27.77778% !important; }
  .large-offset-6 {
    margin-left: 33.33333% !important; }
  .large-offset-7 {
    margin-left: 38.88889% !important; }
  .large-offset-8 {
    margin-left: 44.44444% !important; }
  .large-offset-9 {
    margin-left: 50% !important; }
  .large-offset-10 {
    margin-left: 55.55556% !important; }
  .large-offset-11 {
    margin-left: 61.11111% !important; }
  .large-offset-12 {
    margin-left: 66.66667% !important; }
  .large-offset-13 {
    margin-left: 72.22222% !important; }
  .large-offset-14 {
    margin-left: 77.77778% !important; }
  .large-offset-15 {
    margin-left: 83.33333% !important; }
  .large-offset-16 {
    margin-left: 88.88889% !important; }
  .large-offset-17 {
    margin-left: 94.44444% !important; }
  .large-reset-order,
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 5.55556%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 5.55556%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 11.11111%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 11.11111%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 22.22222%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 22.22222%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 27.77778%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 27.77778%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 38.88889%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 38.88889%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 44.44444%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 44.44444%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 55.55556%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 55.55556%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 61.11111%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 61.11111%;
    left: auto; }
  .push-12 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-12 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-13 {
    position: relative;
    left: 72.22222%;
    right: auto; }
  .pull-13 {
    position: relative;
    right: 72.22222%;
    left: auto; }
  .push-14 {
    position: relative;
    left: 77.77778%;
    right: auto; }
  .pull-14 {
    position: relative;
    right: 77.77778%;
    left: auto; }
  .push-15 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-15 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-16 {
    position: relative;
    left: 88.88889%;
    right: auto; }
  .pull-16 {
    position: relative;
    right: 88.88889%;
    left: auto; }
  .push-17 {
    position: relative;
    left: 94.44444%;
    right: auto; }
  .pull-17 {
    position: relative;
    right: 94.44444%;
    left: auto; } }

/* ==========================================================================
   TABLES
============================================================================= */
/*table {
  background: white;
  margin: 0;
  border: solid 0px #dddddd; }
  table thead,
  table tfoot {
    background: whitesmoke;
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0;
      font-size: inherit;
      color: inherit;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0rem;
    font-size:inherit;
    color: inherit; }
  table tr td:first-child { padding-right: 0px;	 }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #fff; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 0rem; }*/
/* ==========================================================================
   BUTTONS
============================================================================= */
button {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent; }

input.button {
  border: 1px #795363 solid;
  border-radius: 2px;
  font-size: 1.1rem;
  text-transform: uppercase;
  background-color: #795363 !important;
  text-transform: uppercase;
  font-size: 16px;
  color: #e8e8dd !important;
  padding: .5rem 1rem .5rem;
  margin-top: 25px;
  cursor: pointer;
  display: block;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

#contact .button {
  border: 1px #795363 solid;
  border-radius: 2px;
  font-size: 1.1rem;
  text-transform: uppercase;
  background-color: #795363;
  text-transform: uppercase;
  font-size: 16px;
  color: #e8e8dd;
  padding: .5rem 1rem .5rem;
  margin-top: 10px;
  cursor: pointer;
  display: block;
  width: auto;
  max-width: 150px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

button:hover, input[type="button"]:hover, button:focus, .button:hover, .button:focus, #contact .button:hover {
  opacity: .8;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

button:hover, button:focus, .button:hover, .button:focus {
  color: white; }

@media only screen and (min-width: 40.063em) {
  button, .button {
    display: inline-block; } }

/* ==========================================================================
   FORMS
============================================================================= */
form {
  margin: 0 0 .5rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }

form .row .row .column,
form .row .row .columns {
  padding: 0 0.5rem; }

form .row .row.collapse {
  margin: 0; }

form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0; }

form .row .row.collapse input {
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* ==========================================================================
   Label Styles
============================================================================= */
label {
  /*font-size: 0.875rem;*/
  border: 0px red solid;
  color: inherit;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0.3rem;
  /* 0.5rem */
  /* Styles for required inputs */ }

label.right {
  float: none;
  text-align: right; }

label.label {
  text-align: left; }

label.inline {
  margin: 0.3rem 0 0rem 0;
  padding: 0rem 0; }

label.inline-2row {
  margin: 0rem 0 0rem 0;
  padding: 0rem 0;
  line-height: 1.0; }

label small {
  text-transform: capitalize;
  color: #666666; }

select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  width: 100%;
  color: #795363 !important;
  background: #fff url("../img/arrow-down-select.png") no-repeat;
  background: rgba(255, 255, 255, 0.7) url("../img/arrow-down-select.png") no-repeat;
  background-position: 97% center;
  border: 1px solid #cccccc;
  padding: 0.4rem;
  font-size: 1rem !important;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

select.radius {
  -webkit-border-radius: 2px;
  border-radius: 2px; }

select:hover {
  background: #f2f2f2 url("../img/arrow-down-select.png") no-repeat;
  background-position: 97% center;
  border-color: #999999; }

/* ==========================================================================
   Input groups will automatically style first and last elements of the group
============================================================================= */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* ==========================================================================
   We use this to get basic styling on all basic form elements
============================================================================= */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  opacity: .9;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #555555;
  display: block;
  font-size: 1rem;
  margin: 0 0 .5rem 0;
  padding: 0.5rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }

textarea {
  font-size: 1rem !important;
  font-family: inherit  !important;
  color: #555555  !important; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 5px #999999;
  -moz-box-shadow: 0 0 5px #999999;
  box-shadow: 0 0 5px #999999;
  border-color: #999999; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: #f5f5f5;
  border-color: #999999;
  opacity: 1.0;
  outline: none; }

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
  background-color: #dddddd; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 .5rem 0; }

/* 0 0 1rem 0 */
input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25rem;
  margin: 1.125rem 0; }

fieldset legend {
  font-weight: bold;
  background: white;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }

.error label,
.error label.error {
  color: #c60f13; }

.error > small,
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }

.error span.error-message {
  display: block; }

input.error,
textarea.error {
  margin-bottom: 0; }

label.error {
  color: #c60f13; }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
  *zoom: 1; }

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table; }

[class*="block-grid-"]:after {
  clear: both; }

[class*="block-grid-"] > li {
  display: inline;
  height: auto;
  float: left;
  padding: 0 0.625rem 1.25rem; }

@media only screen {
  /*ul.small-block-grid-1 {padding:1.5rem 0 1.5rem 2rem}*/
  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625rem .2rem; }
  /* padding: 0 0.625rem 1.25rem */
  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both; }
  /*#register-form ul.small-block-grid-1 {padding:0;}
  #register-form .small-block-grid-1 > li { width: 100%; padding: 0 0.625rem .2rem; }
  #register-form .small-block-grid-1 > li:nth-of-type(n) { clear: none; }
  #register-form .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }*/
  /*	#features ul.small-block-grid-1 {
		padding:0;
		font-size:1rem;
		line-height:1.3;}
  #features .small-block-grid-1 > li {
		width: 100%;
		padding: 0 0.625rem .2rem .8rem;
		margin-bottom:.5rem;
		background:url(../img/bullet.png) no-repeat 0 7px; }
	#features .small-block-grid-1 > li:first-child {
		background:none;
		margin:0 0 0 -.9rem}
  #features .small-block-grid-1 > li:nth-of-type(n) { clear: none; }
  #features .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }*/
  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; }
  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both; }
  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both; }
  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; }
  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both; }
  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both; }
  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625rem .5rem; }
  small-block-grid-8 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both; }
  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both; }
  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both; }
  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both; }
  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625rem .5rem; }
  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both; } }

@media only screen and (min-width: 40.063em) {
  ul.medium-block-grid-1 {
    padding: 1.5rem 0 1.5rem 2rem; }
  .medium-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625rem .25rem; }
  /* padding: 0 0.625rem 1.25rem */
  .medium-block-grid-1 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both; }
  /*ul#nav-tabs.medium-block-grid-1 > li { width: 100%; padding: 0 0rem 0rem;margin:0;border:0px orange solid }
  ul#nav-tabs.medium-block-grid-1 > li:nth-of-type(n) { clear: none; }
  ul#nav-tabs.medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } 	*/
  .medium-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-2 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; }
  #register-form ul.medium-block-grid-2 {
    padding: 0 14rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease; }
  #register-form .medium-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625rem .5rem; }
  #register-form .medium-block-grid-2 > li:nth-of-type(n) {
    clear: none; }
  #register-form .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; } }

@media only screen and (min-width: 40.063em) and (max-width: 1000px) {
  #register-form ul.medium-block-grid-2 {
    padding: 0 10rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease; } }

@media only screen and (min-width: 40.063em) and (max-width: 800px) {
  #register-form ul.medium-block-grid-2 {
    padding: 0 6rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease; } }

@media only screen and (min-width: 40.063em) {
  .medium-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-3 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both; }
  .medium-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-4 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both; }
  .medium-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-5 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; }
  .medium-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-6 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both; }
  .medium-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-7 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both; }
  .medium-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-8 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both; }
  .medium-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-9 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both; }
  .medium-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-10 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both; }
  .medium-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-11 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both; }
  .medium-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625rem 1.25rem; }
  .medium-block-grid-12 > li:nth-of-type(n) {
    clear: none; }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both; } }

@media (max-width: 640px) {
  ul.medium-block-grid-1:first-child {
    padding: 1.5rem 0 0 1rem; }
  ul.medium-block-grid-1:last-child {
    padding: 0 0 1.5rem 1rem; }
  .medium-block-grid-1 > li:last-child {
    width: 100%;
    padding: 0 0.625rem 0rem; } }

@media only screen and (min-width: 64.063em) {
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both; }
  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both; }
  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both; }
  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both; }
  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; }
  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both; }
  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both; }
  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both; }
  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both; }
  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both; }
  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both; }
  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625rem 1.25rem; }
  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none; }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both; } }

/* ==========================================================================
   Foundation Visibility HTML Classes
============================================================================= */
.show-for-small,
.show-for-small-only,
.show-for-medium-down,
.show-for-large-down,
.hide-for-medium,
.hide-for-medium-up,
.hide-for-medium-only,
.hide-for-large,
.hide-for-large-up,
.hide-for-large-only {
  display: inherit !important; }

.hide-for-small,
.hide-for-small-only,
.hide-for-medium-down,
.show-for-medium,
.show-for-medium-up,
.show-for-medium-only,
.hide-for-large-down,
.show-for-large,
.show-for-large-up,
.show-for-large-only {
  display: none !important; }

/* ==========================================================================
   Medium Displays: 641px and up
============================================================================= */
@media only screen and (min-width: 641px) {
  /* was 40.063em */
  .hide-for-small,
  .hide-for-small-only,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-up,
  .show-for-medium-only,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-large-only {
    display: inherit !important; }
  .show-for-small,
  .show-for-small-only,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-up,
  .hide-for-medium-only,
  .hide-for-large-down,
  .show-for-large,
  .show-for-large-up,
  .show-for-large-only {
    display: none !important; } }

/* ==========================================================================
   Large Displays: 1024px and up
============================================================================= */
@media only screen and (min-width: 64.063em) {
  .hide-for-small,
  .hide-for-small-only,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .show-for-large,
  .show-for-large-up,
  .show-for-large-only {
    display: inherit !important; }
  .show-for-small-only,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-only,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-large-only {
    display: none !important; } }

/* ==========================================================================
   Print styles.
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
============================================================================= */
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  .hide-on-print {
    display: none !important; }
  .print-only {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  .show-for-print {
    display: inherit !important; } }