* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  text-decoration: none;
  color: inherit; }

body {
  margin: 0px;
  -webkit-font-smoothing: antialiased; }

a {
  text-decoration: none;
  color: inherit; }

hr {
  border-bottom: 3px solid #eeb91d;
  border-top: none;
  width: 4em;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px; }

.thin {
  border-top: 1px solid #eeb91d;
  padding: 10px 0px; }

/* Pre-Loader */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-image: url(../img/casman-preload.gif);
  background-color: #fff;
  background-size: 130px 130px;
  background-repeat: no-repeat;
  background-position: center; }

/* Typography */
p {
  font-family: 'Gotham Pro-Light', sans-serif;
  line-height: 32px;
  font-size: 18px;
  letter-spacing: 1px; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Gotham Pro-Medium', sans-serif;
  text-transform: uppercase;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 18px; }

strong {
  font-family: 'Gotham Pro-Regular', sans-serif;
  color: #333333; }

.title-drk {
  color: #333;
  letter-spacing: 1px; }

.title-wht {
  color: #fff;
  letter-spacing: 1px; }

h4.slogan {
  color: #fff; }

.pdark {
  color: #414042; }

.pwht {
  color: #fff; }

.tspace {
  margin-right: 15px;
  -webkit-margin-before: 26px; }

.cap {
  text-transform: uppercase; }

.a-right {
  text-align: right; }

.max-text {
  max-width: 520px;
  margin: 0 auto; }

.max-text-wide {
  max-width: 750px;
  margin: 0 auto; }

.empty-space {
  padding: 1em; }

/* Lists */
ul {
  list-style: circle inside; }

ol {
  list-style: decimal inside; }

ol, ul {
  padding-left: 0;
  margin-top: 0; }

ul ul, ul ol, ol ol, ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }

li {
  margin-bottom: 1rem; }

/* Tables */
th, td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #e1e1e1; }

th:first-child, td:first-child {
  padding-left: 0; }

th:last-child, td:last-child {
  padding-right: 0; }

.emtpy-space {
  padding: 1.3em; }

/* Font Awesome Icons */
i.fa.fa-phone, i.fa.fa-envelope {
  color: #fff;
  font-size: 24px; }

@media only screen and (max-width: 1024px) {
  .no-tablet {
    display: none !important; } }
@media only screen and (max-width: 1024px) {
  .fulltext-pad {
    padding: 6em; }

  .align-ftr {
    padding-top: 3em; }

  .no-tm-stage {
    display: none; } }
@media only screen and (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    text-align: center; }

  h1, h2 {
    line-height: 40px; }

  p {
    text-align: center; }

  hr.pull-left {
    float: none; } }
@media only screen and (max-width: 640px) {
  /* Home - Tesimonial Slider */
  .testimonials {
    background-color: #eeb91d;
    height: 10.5em; } }
@media only screen and (max-width: 425px) {
  p {
    font-size: 16px; }

  h1, h2 {
    line-height: 30px;
    font-size: 1.5em; } }
/* Browser Styles */
.hr-center-ie {
  margin: 0 auto;
  display: block; }

/* Firefox */
@-moz-document url-prefix() {
  img.aboutlogos {
    display: block; }

  .slidertitle {
    max-width: 900px; } }
/* Buttons */
.button-lrg, input.button-lrg {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Gotham Pro-Regular', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 20px 40px;
  cursor: pointer;
  outline: none;
  display: inline-block; }

.button-med {
  font-family: 'Gotham Pro-Regular', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 18px 35px;
  cursor: pointer;
  outline: none;
  display: inline-block; }

button {
  cursor: pointer;
  outline: none; }

.button-cntr {
  margin: 0 auto;
  display: table; }

.ylw {
  background-color: #eeb91d;
  color: #fff;
  border: 1px solid #eeb91d; }

.brn {
  background: transparent;
  border: 2px solid #8C857A;
  color: #8C857A; }

.brn:hover {
  background: #EEB91D;
  border: 2px solid #EEB91D;
  color: #FFFFFF;
  transition: all ease-in-out .3s; }

@media only screen and (max-width: 425px) {
  .button-lrg {
    padding: 20px 30px;
    font-size: 14px; } }
/* Fonts */
@font-face {
  font-family: 'Gotham Pro-Regular';
  src: url("/assets/css/fonts/GothamPro.eot");
  src: url("/assets/css/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/GothamPro.woff2") format("woff2"), url("/assets/css/fonts/GothamPro.woff") format("woff"), url("/assets/css/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Pro-Medium';
  src: url("/assets/css/fonts/GothamPro-Medium.eot");
  src: url("/assets/css/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/GothamPro-Medium.woff2") format("woff2"), url("/assets/css/fonts/GothamPro-Medium.woff") format("woff"), url("/assets/css/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Pro-Bold';
  src: url("/assets/css/fonts/GothamPro-Bold.eot");
  src: url("/assets/css/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/GothamPro-Bold.woff2") format("woff2"), url("/assets/css/fonts/GothamPro-Bold.woff") format("woff"), url("/assets/css/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Gotham Pro-Italic';
  src: url("/assets/css/fonts/GothamPro-Italic.eot");
  src: url("/assets/css/fonts/GothamPro-Italic.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/GothamPro-Italic.woff2") format("woff2"), url("/assets/css/fonts/GothamPro-Italic.woff") format("woff"), url("/assets/css/fonts/GothamPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Gotham Pro-Light';
  src: url("/assets/css/fonts/GothamPro-Light.eot");
  src: url("/assets/css/fonts/GothamPro-Light.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/GothamPro-Light.woff2") format("woff2"), url("/assets/css/fonts/GothamPro-Light.woff") format("woff"), url("/assets/css/fonts/GothamPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
/* Container */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 5em 2.5em; }
  @media only screen and (max-width: 768px) {
    .container .container {
      padding: 4em 2em; } }

.container-wide {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 4em 0px; }

.container-full {
  max-width: 100%;
  width: 100%;
  margin: 0 auto; }

/* Row */
.row:before, .row:after {
  content: "";
  display: table;
  clear: both; }

.row-full {
  display: table;
  width: 100%; }

.row-full:before, .row-full:after {
  content: "";
  display: table;
  clear: both; }

/* Full width element */
.full-width {
  width: 100%;
  box-sizing: border-box; }

/* Elements don't run outside containers (Images in columns) */
.max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

/* Float left - right */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

/* Position center */
.pos-cntr {
  text-align: center; }

/* Image position center */
.img-cntr {
  margin: 0 auto;
  display: block; }

/* Clear a float */
.cf {
  content: "";
  display: table;
  clear: both; }

/* Columns 1 - 12 */
[class*='col-'] {
  float: left;
  width: 8.33%;
  /*-- Gutter --*/
  padding: 2em; }

[class*='colfull-'] {
  display: table-cell;
  float: left;
  width: 8.33%; }

.no-pad {
  padding: 0px; }

.col-1 {
  width: 8.33%; }

.col-2 {
  width: 16.66%; }

.colfull-2 {
  width: 20%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33%; }

.colfull-4 {
  width: 33.33%; }

.col-5 {
  width: 41.66%; }

.col-6 {
  width: 50%; }

.colfull-6 {
  width: 50%; }

.col-7 {
  width: 58.33%; }

.col-8 {
  width: 66.66%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33%; }

.col-11 {
  width: 91.66%; }

.col-12 {
  width: 100%; }

.colfull-12 {
  width: 100%; }

@media only screen and (max-width: 1300px) {
  .colfull-2 {
    width: 33.33%; } }
@media only screen and (max-width: 1024px) {
  .row-full {
    display: block; }

  .logos .row-full {
    display: table; }

  .colfull-6 {
    width: 100%;
    display: block; } }
@media only screen and (max-width: 768px) {
  .col-6, .col-4 {
    width: 100%; } }
@media only screen and (max-width: 640px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    width: 100%; }

  .container {
    padding: 3em 0px; }

  .flickity-prev-next-button, .arrow-position {
    display: none; } }
@media only screen and (max-width: 425px) {
  .container {
    padding: 2em 0px; } }
/* Hamburger Icon */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {
  opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #8c857a;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

/* Squeeze */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease; }

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

.foundationbg {
  background: url(../img/foundationbg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  float: none; }

.fulltext-pad {
  padding: 6em;
  float: none; }

.casman-property {
  background: url(../img/About_bg.jpg) no-repeat;
  background-size: cover;
  padding: 3em 0px; }

.complogo {
  width: 240px;
  padding: 2em;
  display: inline-block; }

@media only screen and (max-width: 768px) {
  /* About */
  .casman-property {
    padding: 0px; }

  .container-full .button-lrg {
    margin: 0 auto;
    display: table; }

  .img-grid-1, .img-grid-2 {
    display: none; }

  .foundation .fulltext-pad {
    padding: 6em 4em; }

  .logos {
    display: none; } }
@media only screen and (max-width: 640px) {
  .casman-property .container {
    padding: 4em 0px 0px 0px; }

  .casman-property {
    padding: 0px 0px 4em; }

  .fulltext-pad {
    padding: 2em 2em 6em; } }
@media only screen and (max-width: 425px) {
  /* About - Foundation */
  .foundation .container-full {
    padding: 2em 0px 0px 0px; }

  .foundation .fulltext-pad {
    padding: 2em 2em 4em 2em; }

  /* About - Casman Property */
  .casman-property {
    padding: 0px 0px 2em; }

  .casman-property .container {
    padding: 2em 0px 0px 0px; } }
/* About - Partners */
.logos {
  background-color: #FFFFFF; }

.logos .container {
  padding: 5em 2.5em 0px 2.5em; }

.logos .container-full {
  padding-bottom: 3em; }

img.aboutlogos {
  width: 250px;
  padding: 4em;
  margin: 0 auto;
  display: table-cell; }

/* Gallery */
.gallery-logo {
  width: 7rem;
  padding-bottom: 1em; }

.gallery-logo2 {
  width: 12rem;
  padding-bottom: 1em; }

.gallery-logo3 {
  width: 250px;
  padding-bottom: 1em; }

/* OTTO */
.carousel-cell-otto.is-selected, .carousel-cell-otto2.is-selected, .carousel-cell-otto3.is-selected, .carousel-cell-otto4.is-selected, .carousel-cell-otto5.is-selected, .carousel-cell-otto6.is-selected {
  opacity: 1.0;
  transition: ease-in-out all .3s; }

.carousel-cell-otto {
  background: url(../img/otto_interior-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-otto2 {
  background: url(../img/otto_interior2-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-otto3 {
  background: url(../img/Otto_Interiors_Contemporary-Luxury-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-otto4 {
  background: url(../img/otto_interiors_Metropolitan-Modern-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-otto5 {
  background: url(../img/Otto_Interiors_Refined-Minimalism-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-otto6 {
  background: url(../img/Otto_Interiors_Urban-Industrial-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

/* Regatta Park */
.regattapark-gallery {
  background-color: rgba(235, 231, 228, 0.55); }

.carousel-cell-regatta.is-selected, .carousel-cell-regatta2.is-selected, .carousel-cell-regatta3.is-selected, .carousel-cell-regatta4.is-selected, .carousel-cell-regatta5.is-selected, .carousel-cell-regatta6.is-selected, .carousel-cell-regatta7.is-selected, .carousel-cell-regatta8.is-selected, .carousel-cell-cameo.is-selected, .carousel-cell-cameo2.is-selected {
  opacity: 1.0;
  transition: ease-in-out all .3s; }

.carousel-cell-regatta {
  background: url(../img/Exterior-balcony-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-regatta2 {
  background: url(../img/interior-rendering-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-regatta3 {
  background: url(../img/Regatta-Park_Dark-Bathroom-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-regatta4 {
  background: url(../img/Regatta-Park_Dark-Kitchen_Front-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-regatta5 {
  background: url(../img/Regatta-Park_Dark-Kitchen_Side-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-regatta6 {
  background: url(../img/Regatta-Park_Light-Bathroom-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-regatta7 {
  background: url(../img/Regatta-Park_Light-Kitchen_Front-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-regatta8 {
  background: url(../img/Regatta-Park_Light-Kitchen_Side-min.jpg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

/* CAMEO */
.carousel-cell-cameo {
  background: url(/assets/img/Cameo_render_1.jpeg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

.carousel-cell-cameo2 {
  background: url(/assets/img/Cameo_render_2.jpeg) no-repeat;
  background-size: cover;
  width: 65%;
  height: 650px;
  margin-right: 10px;
  background-size: cover;
  background-position: bottom center;
  border-radius: 5px;
  opacity: 0.1;
  transition: ease-in-out all .3s; }

@media only screen and (max-width: 1024px) {
  .carousel-cell-otto, .carousel-cell-otto2, .carousel-cell-otto3, .carousel-cell-otto4, .carousel-cell-otto5, .carousel-cell-otto6 {
    width: 100%;
    height: 70vw; }

  .carousel-cell-regatta, .carousel-cell-regatta2, .carousel-cell-regatta3, .carousel-cell-regatta4, .carousel-cell-regatta5, .carousel-cell-regatta6, .carousel-cell-regatta7, .carousel-cell-regatta8 {
    width: 100%;
    height: 70vw; }

  .carousel-cell-cameo, .carousel-cell-cameo2 {
    width: 100%;
    height: 70vw; }

  .otto-gallery .flickity-viewport, .regatta-gallery .flickity-viewport, .cameo-gallery .flickity-viewport {
    height: 70vw !important; } }
/* Home - Contact Form */
.form-home {
  text-align: center; }

@media only screen and (max-width: 768px) {
  input[type="text"] {
    width: 90%;
    text-align: center; }

  input[type="email"], textarea {
    width: 90%;
    text-align: center; }

  input[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 20px 34vw; } }
@media only screen and (max-width: 320px) {
  form#homeform {
    display: block; }

  input[type="submit"] {
    padding: 20px 28vw; } }
/* Home - About Intro */
.aboutintro {
  background: url(../img/About_bg.jpg) no-repeat;
  background-size: cover;
  padding: 3em 0px; }

.abouttxt {
  max-width: 460px;
  margin: 0 auto; }

img.logo-symbol {
  width: 85px;
  display: block;
  margin: 0 auto; }

@media only screen and (max-width: 1024px) {
  .foundation .colfull-6 {
    width: 100%;
    display: block; }

  .foundationbg {
    padding-bottom: 30em; } }
.recent-dev p.pos-cntr {
  margin-bottom: 0px; }
@media only screen and (min-width: 1024px) {
  .recent-dev section.project {
    display: table-cell;
    vertical-align: top;
    width: 33.33%; } }
.recent-dev section.project .featured-image {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 450px;
  width: 100%;
  position: relative; }
  .recent-dev section.project .featured-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
.recent-dev section.project .otto {
  background-image: url("/assets/img/OttoRender.jpg"); }
.recent-dev section.project .regatta {
  background-image: url("/assets/img/RegattaRender.jpg"); }
.recent-dev section.project .cameo {
  background-image: url("/assets/img/CameoRender.jpg"); }
@media only screen and (min-width: 1024px) {
  .recent-dev section.project:nth-of-type(2) .info {
    background: rgba(234, 231, 228, 0.3); } }
.recent-dev section.project .info {
  padding: 50px 50px 125px 50px; }
  @media only screen and (max-width: 1224px) {
    .recent-dev section.project .info {
      padding: 50px 32px 125px 32px; } }
  @media only screen and (max-width: 1024px) {
    .recent-dev section.project .info {
      padding: 50px 32px; } }
  .recent-dev section.project .info .process {
    display: table;
    width: 100%;
    margin-bottom: 35px; }
    .recent-dev section.project .info .process .current {
      color: #F1564A; }
      @media only screen and (max-width: 1224px) {
        .recent-dev section.project .info .process .current {
          display: block;
          text-align: center; } }
    .recent-dev section.project .info .process h3 {
      font-family: 'Gotham Pro-Bold';
      color: #E6E7E8;
      font-size: 18px;
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 1400px) {
        .recent-dev section.project .info .process h3 {
          font-size: 16px; } }
      @media only screen and (max-width: 1024px) {
        .recent-dev section.project .info .process h3 {
          font-size: 20px; } }
      .recent-dev section.project .info .process h3:nth-of-type(2) {
        text-align: center; }
      .recent-dev section.project .info .process h3:last-of-type {
        text-align: right; }
      @media only screen and (max-width: 1224px) {
        .recent-dev section.project .info .process h3 {
          display: none; } }
  .recent-dev section.project .info p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 35px; }
    @media only screen and (max-width: 1400px) {
      .recent-dev section.project .info p {
        font-size: 14px;
        line-height: 24px; } }
  .recent-dev section.project .info .location {
    border-top: 1px solid #EEB91D;
    padding: 32px 0px;
    display: table;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .recent-dev section.project .info .location * {
        display: table-cell;
        vertical-align: middle; } }
    .recent-dev section.project .info .location h3 {
      font-family: 'Gotham Pro-Medium';
      font-size: 18px;
      color: #414042;
      line-height: 30px; }
      @media only screen and (max-width: 1400px) {
        .recent-dev section.project .info .location h3 {
          font-size: 16px;
          line-height: 28px; } }
    .recent-dev section.project .info .location p {
      margin-bottom: 0px; }
      @media only screen and (min-width: 1024px) {
        .recent-dev section.project .info .location p {
          text-align: right; } }

/* Home Slider Head */
.sliderhead {
  height: 100vh; }

.slider-container {
  top: 40%;
  position: relative; }

.top-slide1, .top-slide2, .top-slide3 {
  height: 100vh;
  width: 100%; }

.slidertitle {
  font-size: 2.8em;
  line-height: 50px;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 12px; }

.arrow-position {
  display: inline-block;
  height: 100px;
  bottom: -40px;
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: 3s scroll-arrow infinite ease;
  animation: 2s scroll-arrow infinite ease; }

img#arrow, img#arrow2, img#arrow3 {
  width: 60px; }

.top-slide1 {
  background: url(../img/home-slide-1.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.top-slide2 {
  background: url(../img/home-slide-2.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.top-slide3 {
  background: url(../img/home-slide-3.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

@media only screen and (max-width: 768px) {
  /* Home Slider */
  .slidertitle {
    max-width: 500px; }

  .top-slide1 {
    background: linear-gradient(rgba(123, 117, 106, 0.8), rgba(140, 133, 122, 0.4)), url(../img/home-slide-1.jpg) no-repeat;
    background-size: cover;
    background-position: center; }

  .top-slide2 {
    background: linear-gradient(rgba(123, 117, 106, 0.8), rgba(140, 133, 122, 0.4)), url(../img/home-slide-2.jpg) no-repeat;
    background-size: cover;
    background-position: center; }

  .top-slide3 {
    background: linear-gradient(rgba(123, 117, 106, 0.8), rgba(140, 133, 122, 0.4)), url(../img/home-slide-3.jpg) no-repeat;
    background-size: cover;
    background-position: center; } }
@media only screen and (max-width: 425px) {
  .slide1 {
    padding-top: 15px;
    padding: 1em 2em; }

  .slidertitle {
    font-size: 30px;
    line-height: 35px;
    max-width: 400px; } }
@media only screen and (max-width: 375px) {
  .slidertitle {
    font-size: 25px;
    line-height: 32px; } }
@media only screen and (max-width: 320px) {
  .slidertitle {
    font-size: 20px;
    line-height: 25px;
    max-width: 250px; } }
/* Projects */
.project-logo {
  width: 10rem; }

.project-logo2 {
  width: 15rem; }

.project-logo3 {
  width: 250px; }

.ottobg {
  background: url(/assets/img/Otto-View_front.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  transition: ease-in-out all .5s;
  float: none;
  position: relative;
  vertical-align: middle; }

.regattabg {
  background: url(/assets/img/Exterior-balcony-min.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  transition: ease-in-out all .5s;
  float: none;
  position: relative;
  vertical-align: middle; }

.cameobg {
  background: url(/assets/img/Cameo_render_1.jpeg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  transition: ease-in-out all .5s;
  float: none;
  position: relative;
  vertical-align: middle; }

.ottobg:hover, .regattabg:hover, .cameobg:hover {
  box-shadow: inset 0 0 0 2000px rgba(51, 51, 51, 0.3);
  transition: ease-in-out all .5s; }

.buttonvisible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity .4s ease-in-out !important;
  -moz-transition: opacity .4s ease-in-out !important;
  -webkit-transition: opacity .4s ease-in-out !important; }

#map1, #map2 {
  width: 100%;
  height: 400px; }

@media only screen and (min-width: 1025px) {
  .no-dt2 {
    display: none; }

  .ottoliving a.button-lrg, .regattapark a.button-lrg, .cameo-condos a.button-lrg {
    visibility: hidden;
    opacity: 0;
    text-align: center; } }
@media only screen and (max-width: 1024px) {
  .ottobg, .regattabg, .cameobg {
    height: 720px; } }
@media only screen and (max-width: 768px) {
  .ottoliving .fulltext-pad, .regattapark .fulltext-pad, .cameo-condos .fulltext-pad {
    padding: 6em 4em; } }
@media only screen and (max-width: 425px) {
  .ottoliving .fulltext-pad, .regattapark .fulltext-pad, .cameo-condos .fulltext-pad {
    padding: 4em 2em; } }
/* Footer */
footer {
  background-color: #323233; }

.sm-ico {
  display: block; }

.copyright {
  text-align: center;
  color: #fff;
  font-size: 15px;
  margin: 0px;
  padding: 3em; }

.align-ftr {
  padding-top: 2.3em;
  margin: 0 auto;
  display: table; }

.align-ftr2 {
  padding-top: 1.6em;
  margin: 0 auto;
  display: table; }

/* Footer social media */
.sm-clr-ftr {
  color: #fff;
  font-size: 30px;
  padding: 10px; }

.sm-clr-ftr:hover {
  color: #cacaca;
  transition: ease all .3s; }

.icontext {
  display: inline-block;
  padding-left: 20px; }

@media only screen and (max-width: 768px) {
  i.fa.fa-phone, i.fa.fa-envelope {
    margin: 0 auto;
    display: inherit;
    padding-bottom: 10px; }

  .icontext {
    display: block;
    padding-left: 0px; } }
@media only screen and (max-width: 640px) {
  /* Footer */
  footer [class*='col-'] {
    padding: 1em 2em; }

  footer .container {
    padding: 5em 0px 0px; }

  .container-wide {
    padding: 4em 0px 0px; } }
@media only screen and (max-width: 425px) {
  footer .container {
    padding: 4em 0px 0px; } }
/* Contact Form */
#thankyou {
  font-family: 'Gotham Pro-Regular';
  font-size: 17px;
  color: #333;
  padding-top: 1em;
  max-width: 350px;
  margin: 0 auto;
  line-height: 1.6; }

form#homeform {
  display: inline-block; }

input[type="text"] {
  width: 46.5%;
  padding: 18px;
  margin: 10px;
  font-size: 14px;
  border: 1px solid rgba(65, 64, 65, 0.4);
  outline: none;
  border-radius: 3px; }

input[type="text"]:focus {
  color: rgba(65, 64, 65, 0.4);
  outline-offset: 0px; }

input[type="email"] {
  width: 96%;
  padding: 18px;
  margin: 10px;
  font-size: 14px;
  border: 1px solid rgba(65, 64, 65, 0.4);
  outline: none;
  border-radius: 3px; }

input[type="email"]:focus {
  color: rgba(65, 64, 65, 0.4);
  outline-offset: 0px; }

textarea {
  padding: 18px;
  margin: 10px;
  font-size: 14px;
  border: 1px solid rgba(65, 64, 65, 0.4);
  outline: none;
  border-radius: 3px;
  width: 96%;
  height: 150px;
  resize: none; }

textarea:focus {
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px;
  outline-offset: 0px; }

input[type="submit"] {
  display: block;
  text-align: left;
  margin-left: 15px; }

input::-webkit-input-placeholder {
  font-family: 'Gotham Pro-Medium';
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px; }

input:-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Gotham Pro-Medium';
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px; }

input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Gotham Pro-Medium';
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px; }

input:-ms-input-placeholder {
  font-family: 'Gotham Pro-Medium';
  text-transform: uppercase;
  font-size: 13px;
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px; }

textarea::-webkit-input-placeholder {
  font-family: 'Gotham Pro-Medium';
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px; }

textarea:-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Gotham Pro-Medium';
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px; }

textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Gotham Pro-Medium';
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px; }

textarea:-ms-input-placeholder {
  font-family: 'Gotham Pro-Medium';
  text-transform: uppercase;
  font-size: 13px;
  color: rgba(65, 64, 65, 0.4);
  letter-spacing: 1px; }

@media only screen and (max-width: 768px) {
  input[type="text"] {
    width: 100%;
    text-align: center;
    margin: 10px 0px; }

  input[type="email"], textarea {
    width: 100%;
    text-align: center;
    margin: 10px 0px; }

  input[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 20px 34vw; } }
/* Half Headers */
.head-container {
  top: 25%;
  position: absolute;
  width: 100%; }

.sliderhead-half-projects {
  width: 100%;
  height: 50vh;
  background: linear-gradient(rgba(123, 117, 106, 0.8), rgba(140, 133, 122, 0.4)), url(../img/projects.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  box-shadow: inset 0 0 0 2000px rgba(51, 51, 51, 0.3); }

.sliderhead-half-gallery {
  width: 100%;
  height: 50vh;
  background: linear-gradient(rgba(123, 117, 106, 0.8), rgba(140, 133, 122, 0.4)), url(../img/gallery.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 2000px rgba(51, 51, 51, 0.3); }

.sliderhead-half-contact {
  width: 100%;
  height: 50vh;
  background: linear-gradient(rgba(123, 117, 106, 0.8), rgba(140, 133, 122, 0.4)), url(../img/contact.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  box-shadow: inset 0 0 0 2000px rgba(51, 51, 51, 0.3); }

.sliderhead-half-about {
  width: 100%;
  height: 50vh;
  background: linear-gradient(rgba(123, 117, 106, 0.8), rgba(140, 133, 122, 0.4)), url(../img/about.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

@media only screen and (max-width: 425px) {
  [class*='sliderhead-half-'] {
    top: 7em;
    position: relative;
    margin-bottom: 7em; } }
/* Navigation Bar */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1em 1.5em;
  z-index: 10000;
  transition: all 0.3s ease-in-out;
  height: auto;
  background-color: transparent; }

header.active {
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }

a.links {
  text-transform: uppercase;
  color: #333;
  font-size: 15px;
  font-family: 'Gotham Pro-Regular', sans-serif; }

ul.nav {
  padding: 0px;
  display: block;
  float: right;
  margin-top: 25px;
  margin-bottom: 0px; }

ul.nav > li {
  float: left;
  padding: 1.3em 1.3em 0em;
  list-style: none;
  margin-top: -1.7em; }

ul.nav > li.sm {
  padding: 20px 8px 0px 8px; }

.mar-l {
  margin-right: 45px; }

/* Navigation Mobile */
ul.nav-m {
  text-align: center;
  background-color: #fff;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-top: .5px solid #EAE7E4;
  clear: both; }

a.links-m {
  text-transform: uppercase;
  text-align: center;
  color: #8C857A;
  font-size: 17px;
  letter-spacing: 1px;
  font-family: 'Gotham Pro-Medium', sans-serif; }

ul.nav-m > li {
  list-style: none;
  margin: 0px;
  padding: 20px 0px;
  border-bottom: .5px solid #EAE7E4; }

button.hamburger {
  outline: none;
  width: 50px;
  margin-top: 40px;
  margin-bottom: 32px;
  margin-right: 30px;
  float: right; }

ul.nav-m.active {
  overflow-y: hidden;
  max-height: 500px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

/* Header social media */
.sm-clr {
  color: #333;
  font-size: 20px; }

/* Desktop min-width */
@media only screen and (min-width: 955px) {
  a.logo {
    background: url(../img/CASMAN_logo_white.png) no-repeat;
    background-size: 140px;
    background-position: center;
    display: inline-block;
    width: 140px;
    height: 80px;
    margin-left: 45px;
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out; }

  a.logo-lrg {
    background: url(../img/CASMAN_logo_symbol.png) no-repeat;
    background-size: 50px;
    width: 70px;
    margin-left: 45px;
    height: 50px;
    display: inline-block;
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out; }

  ul.nav-m, button.hamburger.hamburger--squeeze {
    display: none; } }
/* Custom Nav Break */
@media only screen and (max-width: 955px) {
  /* Header / Navigation */
  a.logo-m {
    background: url(../img/CASMAN_logo.png) no-repeat;
    background-size: 140px;
    background-position: center;
    position: absolute;
    display: inline-block;
    width: 140px;
    height: 120px;
    left: 30px; }

  header {
    background-color: #fff !important;
    padding: 0px !important;
    height: 130px; }

  li.list-m:hover {
    background-color: #efefef !important; }

  header.active {
    -webkit-box-shadow: transparent !important;
    -moz-box-shadow: transparent !important;
    box-shadow: transparent !important; }

  ul.nav {
    display: none !important; } }
/* Testimonial */
.testimonials {
  background-color: #eeb91d;
  height: 9.4em; }

.test-font {
  font-family: 'Gotham Pro-Regular', sans-serif; }

.slide1 {
  padding-top: 45px;
  width: 100vw;
  text-align: center; }

@media only screen and (max-width: 425px) {
  .slide1 {
    padding-top: 15px;
    padding: 1em 2em; } }

/*# sourceMappingURL=styles.css.map */