/*   
Theme Name: reds
Description: reds WordPress theme
Author: Residency Studios
Author URI: https://residencystudios.com
Version: 1.0.1
Tags: 
*/
@font-face {
  font-family: "tay_dreamboatthin";
  src: url(fonts/"taydreamboat-thin-webfont.woff2") format("woff2"), url("fonts/taydreamboat-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "tay_dreamboatregular";
  src: url("fonts/taydreamboat-webfont.woff2") format("woff2"), url("fonts/taydreamboat-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
h1, h2, h3, h4, h5 {
  font-family: "tay_dreamboatregular";
  text-transform: lowercase;
}

h1 {
  font-size: 35px;
  color: #000000;
}
@media (max-width: 767px) {
  h1 {
    font-size: 24px;
    line-height: 34px;
  }
}

h2 {
  font-size: 47px;
  color: #000000;
  line-height: 1.8;
}
@media (max-width: 767px) {
  h2 {
    font-size: 20px;
  }
}

h3 {
  font-size: 35px;
  line-height: 1.3;
  color: #000000;
}
@media (max-width: 767px) {
  h3 {
    font-size: 22px;
  }
}

h4 {
  font-size: 22px;
  line-height: 36px;
  color: #000000;
}
@media (max-width: 767px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 14px;
  color: #000000;
}
@media (max-width: 767px) {
  h5 {
    font-size: 14px;
  }
}

p, li, input, label, td, nav, select, table, .panel div, textarea, form div, .gform_confirmation_message {
  font-family: "tay_dreamboatregular";
  text-transform: lowercase;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
p b, p .bold, p strong, li b, li .bold, li strong, input b, input .bold, input strong, label b, label .bold, label strong, td b, td .bold, td strong, nav b, nav .bold, nav strong, select b, select .bold, select strong, table b, table .bold, table strong, .panel div b, .panel div .bold, .panel div strong, textarea b, textarea .bold, textarea strong, form div b, form div .bold, form div strong, .gform_confirmation_message b, .gform_confirmation_message .bold, .gform_confirmation_message strong {
  font-weight: 400;
}

a {
  transition: all 0.4s ease-in-out;
  text-decoration: none;
}

ul li {
  list-style: none;
}

ol {
  list-style-position: outside;
  padding-left: 20px;
}
ol li {
  padding-left: 10px;
  padding-bottom: 15px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0px 0px 15px;
}

p a, a {
  color: #000000;
  text-decoration: underline;
}
p a:hover, a:hover {
  color: #AFBE00;
}

*, html, body {
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
}

html, body {
  background: #fff;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  opacity: 1;
}

.container {
  padding: 0 40px;
  max-width: 1024px;
  margin: 0 auto;
  box-sizing: border-box;
}
.container.narrow {
  padding: 0 200px;
}
@media (min-width: 1201px) {
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1401px) {
  .container {
    max-width: 1400px;
  }
}
@media (min-width: 1601px) {
  .container {
    max-width: 1480px;
  }
}

.row {
  margin: 0 -15px;
}

.btn, .button, .vc_general.vc_btn3 {
  text-align: center;
  font-family: "tay_dreamboatregular";
  display: inline-block;
  line-height: 46px !important;
  padding: 0 25px !important;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  outline: none !important;
  font-size: 16px;
  border-radius: 0px;
  box-shadow: none;
  border: 2px solid #000000;
  cursor: pointer;
}
.btn:hover, .button:hover, .vc_general.vc_btn3:hover {
  color: #fff;
  background: #000000;
  border: 2px solid #000000;
}
@media (max-width: 767px) {
  .btn, .button, .vc_general.vc_btn3 {
    padding: 15px;
  }
  .btn:before, .button:before, .vc_general.vc_btn3:before {
    width: 38px;
    height: 38px;
  }
}

.vc_btn3-container .vc_general.vc_btn3 {
  padding: 0px !important;
  width: 100%;
}

.woocommerce button.button, .woocommerce a.button, .woocommerce .button {
  color: #000000;
  border-color: #000000;
  background-color: transparent;
}
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce .button.alt {
  background-color: #000000;
  color: #fff;
  font-size: 16px;
}
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce .button.alt:hover {
  border-color: #000000;
  background: #000000;
  color: #fff;
}

.full-row {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  clear: both;
  margin: 0px;
}
.full-row.image-overlay img {
  width: 100%;
}
.full-row.bg-grey {
  background: #fff;
}
.full-row.woocommerce-products-header {
  background-color: #fff;
}
.full-row.image-right {
  background-position: center left;
}
.full-row.image-right .image-wrap {
  float: right;
}
.full-row iframe {
  pointer-events: none;
  display: block;
  float: left;
  width: 100%;
  clear: both;
}
.full-row .container > h3 {
  margin-bottom: 40px;
}
.full-row .padding {
  border: 70px solid #ffffff;
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #f7f6f4;
  border-top-width: 35px;
  border-bottom-width: 35px;
}

.clearfix {
  width: 100%;
  clear: both;
  float: left;
  box-sizing: border-box;
}

.col-lg-12 {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

.col-lg-9 {
  width: 75%;
  float: left;
  box-sizing: border-box;
}

.col-lg-8 {
  width: 66.667%;
  float: left;
  box-sizing: border-box;
}

.col-lg-7 {
  width: 58.3333333333%;
  float: left;
  box-sizing: border-box;
}

.col-lg-6 {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.col-lg-5 {
  width: 41.6666666667%;
  float: left;
  box-sizing: border-box;
}

.col-lg-4 {
  width: 33.333%;
  float: left;
  box-sizing: border-box;
}

.col-lg-3 {
  width: 25%;
  float: left;
  box-sizing: border-box;
}

.col-lg-1 {
  width: 8.333%;
  float: left;
  box-sizing: border-box;
}

.last {
  float: right;
}

.inner h2 {
  margin: 30px 0px;
}
.inner .btn {
  margin-top: 60px;
}

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

input[type=text], input[type=email], input[type=tel], textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  color: #000000;
  line-height: 46px;
  font-size: 16px;
  padding: 8px 0px !important;
  border-radius: 0px;
  -webkit-appearance: none;
  outline: none !important;
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, textarea::placeholder {
  color: #fff;
  font-size: 16px;
}

.gform_wrapper .gfield_description {
  margin-bottom: 40px;
}
.gform_wrapper .name .gfield_label {
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 25px;
  color: #000000;
  margin-bottom: 20px;
}
.gform_wrapper .gfield_required {
  color: #000000 !important;
}
.gform_wrapper .gfield_label {
  font-weight: 400 !important;
}
.gform_wrapper .half .gfield_label {
  font-size: 16px;
  line-height: 22px !important;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.gform_wrapper form {
  margin-bottom: 0px !important;
  padding: 0px;
}
.gform_wrapper form ul li, .gform_wrapper form .top_label li {
  padding-right: 0px !important;
  padding-top: 15px !important;
  width: 100%;
  float: left;
}
.gform_wrapper form ul li > div, .gform_wrapper form .top_label li > div {
  min-width: 100%;
}
.gform_wrapper form ul li > div > span, .gform_wrapper form .top_label li > div > span {
  width: 47.5% !important;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .gform_wrapper form ul li > div > span, .gform_wrapper form .top_label li > div > span {
    width: 100% !important;
  }
}
.gform_wrapper form ul li > div > span:last-child, .gform_wrapper form .top_label li > div > span:last-child {
  float: right;
}
.gform_wrapper form ul li > div > span > label, .gform_wrapper form .top_label li > div > span > label {
  margin-bottom: 10px !important;
  font-size: 16px !important;
  line-height: 22px;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0 !important;
}
.gform_wrapper form ul li.half, .gform_wrapper form .top_label li.half {
  width: 47.5%;
  clear: none;
}
@media (max-width: 767px) {
  .gform_wrapper form ul li.half, .gform_wrapper form .top_label li.half {
    width: 100%;
    clear: both;
  }
}
.gform_wrapper form ul li.half.last, .gform_wrapper form .top_label li.half.last {
  float: right;
}
@media (max-width: 767px) {
  .gform_wrapper form ul li.half.last, .gform_wrapper form .top_label li.half.last {
    margin-bottom: 0px;
  }
}
.gform_wrapper form ul li input, .gform_wrapper form ul li textarea, .gform_wrapper form ul li input.large, .gform_wrapper form .top_label li input, .gform_wrapper form .top_label li textarea, .gform_wrapper form .top_label li input.large {
  background: transparent;
  border: 1px solid #fff;
  background: transparent;
  font-size: 14px !important;
  line-height: 24px;
  padding: 15px 0px 15px 15px !important;
  outline: none;
  border-radius: 0px;
}
.gform_wrapper form ul li input[type=file], .gform_wrapper form ul li textarea[type=file], .gform_wrapper form ul li input.large[type=file], .gform_wrapper form .top_label li input[type=file], .gform_wrapper form .top_label li textarea[type=file], .gform_wrapper form .top_label li input.large[type=file] {
  font-size: 12px !important;
}
.gform_wrapper form ul li input::placeholder, .gform_wrapper form ul li textarea::placeholder, .gform_wrapper form ul li input.large::placeholder, .gform_wrapper form .top_label li input::placeholder, .gform_wrapper form .top_label li textarea::placeholder, .gform_wrapper form .top_label li input.large::placeholder {
  color: #a5a5a5;
  font-size: 14px;
  line-height: 14px;
}
.gform_wrapper form ul li input:active, .gform_wrapper form ul li textarea:active, .gform_wrapper form ul li input.large:active, .gform_wrapper form .top_label li input:active, .gform_wrapper form .top_label li textarea:active, .gform_wrapper form .top_label li input.large:active {
  border-color: #000000;
}
.gform_wrapper form ul li input:focus, .gform_wrapper form ul li textarea:focus, .gform_wrapper form ul li input.large:focus, .gform_wrapper form .top_label li input:focus, .gform_wrapper form .top_label li textarea:focus, .gform_wrapper form .top_label li input.large:focus {
  border-color: #000000;
}
.gform_wrapper form ul li .ginput_container_multiselect .gfield_select, .gform_wrapper form .top_label li .ginput_container_multiselect .gfield_select {
  border: 0px solid #000000;
  margin: 0px;
  padding: 0px;
  max-height: 150px;
}
.gform_wrapper form ul li .ginput_container_multiselect .gfield_select option, .gform_wrapper form .top_label li .ginput_container_multiselect .gfield_select option {
  border: 1px solid #000000;
  padding: 10px;
  width: 45%;
  margin: 0px 5% 10px 0px;
  float: left;
}
.gform_wrapper form ul li .ginput_container_multiselect .gfield_select option:active, .gform_wrapper form .top_label li .ginput_container_multiselect .gfield_select option:active {
  border-color: #000000;
}
.gform_wrapper form ul li.gfield_html, .gform_wrapper form .top_label li.gfield_html {
  margin-top: 30px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.gform_wrapper form ul li.gfield_html h4, .gform_wrapper form .top_label li.gfield_html h4 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.gform_wrapper form ul li label, .gform_wrapper form .top_label li label {
  color: #000000;
  display: none !important;
}
.gform_wrapper form ul li label a, .gform_wrapper form .top_label li label a {
  color: #000000;
}
.gform_wrapper form ul textarea.large, .gform_wrapper form .top_label textarea.large {
  max-height: 140px;
}
.gform_wrapper form .ginput_container.ginput_container_email input {
  width: 100% !important;
}
.gform_wrapper form .ginput_container span label {
  font-size: 16px !important;
}
.gform_wrapper form .gform_footer.top_label {
  text-align: center;
}
.gform_wrapper form .gform_footer.top_label .gform_button {
  background: transparent;
  margin: 40px auto;
}
.gform_wrapper form .gform_footer.top_label .gform_button:hover {
  background: #000000;
  border: 2px solid #000000;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
  margin: 40px 0 0;
}

@media (max-width: 1024px) {
  .container {
    padding: 0px 20px;
  }
}
@media (min-width: 767px) {
  .image-right .inner, .image-left .inner {
    padding: 0 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
  }
  .image-right .col-lg-5 .inner, .image-left .col-lg-5 .inner {
    max-width: 41.6666666667%;
  }
  .image-right .col-lg-6 .inner, .image-left .col-lg-6 .inner {
    max-width: 50%;
  }
}
.mobile-only {
  display: none !important;
}

@media (max-width: 767px) {
  .mobile-only {
    display: block !important;
  }
  .desktop-only {
    display: none !important;
  }
  #site-wide {
    display: none;
  }
  .col-sm-12 {
    width: 100%;
    float: left;
  }
  .col-sm-6 {
    width: 50%;
    float: left;
  }
  .inner {
    padding: 40px;
  }
  .reorder {
    display: table;
  }
  .reorder .col-sm-12 {
    float: none;
    display: table-footer-group;
  }
  .reorder .col-sm-12.last {
    display: table-header-group;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

#site-header {
  background: #fff;
  transition: all 0.4s ease-in-out;
  z-index: 99;
  float: left;
  width: 100%;
  padding: 0px;
  position: fixed;
  top: 0px;
}
#site-header.nav-up {
  top: -125px;
}
#site-header.nav-down {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 0px;
  z-index: 99999;
  background: #fff;
}
#site-header.nav-down a.logo img {
  width: auto;
  height: 60px;
}
#site-header.nav-down #site-wide {
  display: none;
}
#site-header.nav-down #menu {
  margin-top: 0px;
}
#site-header.nav-down #menu #main-menu {
  float: right;
}
#site-header.nav-down #menu #main-menu li {
  line-height: 60px;
}
#site-header a.logo {
  display: block;
  float: left;
  margin: 0px;
}
#site-header a.logo img {
  width: auto;
  height: 100px;
  transition: all 0.4s ease-in-out;
}
#site-header #menu {
  margin: 0px;
  transition: all 0.4s ease;
  display: inline-block;
  float: right;
}
#site-header #menu #main-menu {
  display: inline-block;
  width: 100%;
  position: relative;
}
#site-header #menu #main-menu li {
  display: inline-block;
  padding: 0px;
  margin: 0 0 0 40px;
  float: left;
  transition: all 0.4s ease-in-out;
  line-height: 100px;
}
#site-header #menu #main-menu li.current_page_item a {
  color: #AFBE00;
}
#site-header #menu #main-menu li.current_page_item a:hover {
  color: #AFBE00;
}
#site-header #menu #main-menu li.current_page_item ul.sub-menu a {
  color: #000000;
}
#site-header #menu #main-menu li.current_page_item ul.sub-menu a:hover {
  color: #AFBE00;
}
#site-header #menu #main-menu li ul.sub-menu {
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  padding: 0px 30px 30px 30px;
  margin-left: -30px;
  background: #fff;
}
#site-header #menu #main-menu li ul.sub-menu li {
  line-height: 40px;
  margin: 0px;
  clear: both;
}
#site-header #menu #main-menu li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
}
#site-header #menu #main-menu li a {
  font-family: "tay_dreamboatregular";
  line-height: 18px;
  font-size: 14px;
  color: #000000;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
}
#site-header #menu #main-menu li a:hover {
  color: #AFBE00;
}

.logo img {
  width: 400px;
}
@media (min-width: 768px) {
  .logo img {
    max-width: none !important;
  }
}

body .vc_basic_grid .vc_gitem-zone {
  background-color: transparent !important;
}
body .vc_basic_grid .vc_gitem-zone .vc_btn3.vc_btn3-color-juicy-pink,
body .vc_basic_grid .vc_gitem-zone .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 0px;
}
@media (max-width: 767px) {
  body .vc_basic_grid .vc_gitem-zone .vc_btn3.vc_btn3-color-juicy-pink,
  body .vc_basic_grid .vc_gitem-zone .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    font-size: 12px;
  }
}
body .vc_basic_grid .vc_gitem-zone .vc_btn3.vc_btn3-color-juicy-pink:hover,
body .vc_basic_grid .vc_gitem-zone .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
  background: #fff;
  color: #000000;
  border: 1px solid #fff;
}
body .vc_basic_grid .vc_col-sm-3 {
  border-right: 1px solid #fff;
  padding-left: 15px !important;
}
body .vc_basic_grid .vc_gitem-col {
  padding: 20px 0px;
}
body .vc_basic_grid .vc_gitem-post-data-source-post_title {
  min-height: 46px;
}
@media (max-width: 767px) {
  body .vc_basic_grid .vc_gitem-post-data-source-post_title {
    min-height: 0px;
  }
}
body .vc_basic_grid .vc_gitem-post-data-source-post_excerpt {
  min-height: 200px;
}
@media (max-width: 767px) {
  body .vc_basic_grid .vc_gitem-post-data-source-post_excerpt {
    min-height: 0px;
  }
}

.inner-padding {
  padding: 0 60px;
}

.wpb_text_column ul li, .vc_sw-acf ul li {
  list-style: none;
  border-bottom: 1px solid;
  padding: 5px 0px;
}

.fixed-bg {
  padding: 250px 0px;
  background-attachment: fixed;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center;
}
@media (max-width: 767px) {
  .fixed-bg {
    background-size: cover;
  }
}

.logos .vc_col-sm-2 {
  max-width: 50% !important;
  float: left;
}

.black-lines {
  padding: 100px 0px;
}
.black-lines * {
  color: #fff;
}
.black-lines .vc_col-sm-3 {
  border-right: 1px solid #fff;
}
.black-lines .vc_col-sm-3:last-child {
  border-right: 0px none;
}
@media (max-width: 767px) {
  .black-lines .vc_col-sm-3 {
    border-right: 0px none;
  }
}
.black-lines .vc_col-sm-3 h5 {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.black-lines .button {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.black-lines .button:hover {
  background: #fff;
  color: #000000;
  border: 1px solid #fff;
}

.full-height {
  min-height: 100vh !important;
}
.full-height > div {
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: 50% auto !important;
  background-attachment: fixed;
}
@media (max-width: 767px) {
  .full-height > div {
    background-size: cover !important;
  }
}

.blog .intro, .archive .intro, .category .intro, .page-template-template-project .intro {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 20px;
  margin-top: 0px;
}
.blog .intro h4, .blog .intro ul.cat-list, .archive .intro h4, .archive .intro ul.cat-list, .category .intro h4, .category .intro ul.cat-list, .page-template-template-project .intro h4, .page-template-template-project .intro ul.cat-list {
  float: left;
  display: inline-block;
  line-height: 18px;
}
.blog .intro ul.cat-list, .archive .intro ul.cat-list, .category .intro ul.cat-list, .page-template-template-project .intro ul.cat-list {
  margin-left: 0px;
}
.blog .intro ul.cat-list li, .archive .intro ul.cat-list li, .category .intro ul.cat-list li, .page-template-template-project .intro ul.cat-list li {
  display: inline-block;
  margin-right: 10px;
}
.blog .intro ul.cat-list li a, .archive .intro ul.cat-list li a, .category .intro ul.cat-list li a, .page-template-template-project .intro ul.cat-list li a {
  text-decoration: none;
}
.blog .intro ul.cat-list li.current-cat a, .archive .intro ul.cat-list li.current-cat a, .category .intro ul.cat-list li.current-cat a, .page-template-template-project .intro ul.cat-list li.current-cat a {
  color: #000000;
}
.blog .entry-title a, .archive .entry-title a, .category .entry-title a, .page-template-template-project .entry-title a {
  text-decoration: none;
}
.blog article, .archive article, .category article, .page-template-template-project article {
  margin-bottom: 30px;
}

#instagram {
  padding: 100px 0px 100px;
  clear: both;
  text-align: center;
}
#instagram .container {
  position: relative;
  max-width: 80%;
}
#instagram h2 {
  margin-bottom: 10px;
}
#instagram h2:before {
  content: " ";
  background: url("img/icon-instagram.png") center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 36px;
  display: block;
  margin-bottom: 25px;
}
#instagram h4 {
  font-size: 16px;
  text-transform: none;
  letter-spacing: 0.1em;
}
#instagram h4 a {
  color: #000000;
  text-decoration: none;
}
#instagram h4 a:hover {
  color: #000000;
}
@media (max-width: 767px) {
  #instagram .sbi_type_image {
    min-width: 50%;
  }
}

#instagram-feed {
  margin: 0 -30px;
}

a.social-insta {
  float: right;
  background: url("img/icon-insta.png") center center no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}
a.social-insta:hover {
  opacity: 0.5;
}

.project-content .button {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .project-content .button {
    margin-top: 10px;
  }
}

#footer {
  margin: 0px;
  padding: 80px 0px;
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  z-index: 9999;
  background: #fff;
  line-height: 46px;
}
#footer .widget {
  padding: 0px 15px;
}
#footer .top_row {
  padding: 80px 0px 150px;
  border-top: 1px solid black;
}
#footer .top_row img {
  width: 160px;
  margin: 0px;
}
#footer h3, #footer p, #footer a, #footer h4 {
  font-size: 28px;
  color: #000000;
  text-decoration: none;
  line-height: 46px;
  margin: 0px;
}
#footer a {
  color: #000000;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
}
#footer a:hover {
  color: #AFBE00;
  border-bottom-color: #AFBE00;
}

#instagram {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  padding: 50px 0px;
}
#instagram a {
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: url("img/insta.svg") center center no-repeat;
  background-size: contain;
  display: inline-block;
}

#wrapper {
  clear: both;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#page-content {
  padding-top: 0px;
  padding-bottom: 50px;
}
#page-content.full-width {
  padding-top: 0px;
}
#page-content.full-width .image-wrap img {
  width: 100%;
}

.project-header, .blog-header, .home-intro {
  padding: 350px 0px 50px;
  background: center center no-repeat;
  background-size: cover;
}
.project-header h1, .project-header h2, .blog-header h1, .blog-header h2, .home-intro h1, .home-intro h2 {
  margin-bottom: 0px;
  text-transform: uppercase;
}
.project-header h1:after, .project-header h2:after, .blog-header h1:after, .blog-header h2:after, .home-intro h1:after, .home-intro h2:after {
  margin: 20px auto 0px;
}
@media (max-width: 767px) {
  .project-header, .blog-header, .home-intro {
    padding: 100px 0px;
  }
}

.blog-header {
  margin-bottom: 60px;
}

/*
.blog, .archive, .home{
	h1{
		margin-bottom: 40px;
	}
	#wrapper {
		.container{
			.row{
				margin: 0 -5px;
			}
			.post{
				padding: 0 5px;
				margin-bottom: 30px;
				&:nth-child(2n+3){
					clear: both;
				}
				a{
					display: block;
					color: $black;
					text-decoration: none;
					position: relative;
					margin-bottom: 15px;
					&.image{
						background: $black;
						img{
							transition: all 0.4s ease-in-out;
						}
						&:hover{
							img{
								opacity: 0.7;
							}
						}
					}
					&:hover{
						color: $black;
					}	
				}
			}
		}
	}
}
*/
.image-carousel .flex-direction-nav li {
  position: absolute;
  top: 50%;
}
.image-carousel .flex-direction-nav li.flex-nav-prev {
  left: 45px;
}
.image-carousel .flex-direction-nav li.flex-nav-next {
  right: 45px;
}
.image-carousel .flex-direction-nav li a {
  margin-top: -22px;
}

.slider {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.slider.active {
  opacity: 1;
  visibility: visible;
}

.single-post .container .slick-list img {
  padding: 0;
  box-sizing: border-box;
}
.single-post .container .slider button.slick-arrow {
  position: absolute;
  top: 0px;
  width: 50%;
  height: 100%;
  text-indent: -100000px;
  border: 0px none;
  background: transparent;
  z-index: 9;
}
.single-post .container .slider button.slick-arrow.slick-next {
  right: 0px;
  left: initial;
}
.single-post .container .project-info {
  margin: 50px 0px;
  float: left;
  width: 100%;
}
.single-post .container .project-info .row {
  margin: 0 -5px;
}
.single-post .container .project-info p {
  margin-bottom: 8px;
}
.single-post .container .project-info .column {
  padding: 0 5px;
}
@media (max-width: 767px) {
  .single-post .container .project-info .column {
    padding-bottom: 10px;
  }
}
.single-post .container .project-info ul {
  border-top: 1px solid;
}
.single-post .container .project-info ul li {
  border-bottom: 1px solid;
  background: 6px 2px no-repeat;
  background-size: 14px auto;
  padding-left: 60px;
}
.single-post .container .project-info ul li.beds {
  background-image: url("img/icon-beds.png");
}
.single-post .container .project-info ul li.baths {
  background-image: url("img/icon-baths.png");
}
.single-post .container .project-info ul li.year {
  background-image: url("img/icon-year.png");
}
.single-post .container .project-info ul li.size {
  background-image: url("img/icon-size.png");
}
.single-post .container .project-info ul li p {
  margin: 5px 0px;
}

.first_project {
  width: 100%;
  float: left;
  margin-bottom: 100px;
  position: relative;
  padding: 0 15px;
  box-sizing: border-box;
}
.first_project .first_col img {
  width: 50%;
  float: left;
}
.first_project .first_col h5 {
  margin-top: 60px;
  font-weight: 700;
  display: block;
  float: left;
}
@media (max-width: 767px) {
  .first_project .first_col h5 {
    margin-top: 20px;
  }
}
.first_project h4.posttitle {
  margin-bottom: 40px;
  clear: both;
}
.first_project h4.posttitle a {
  text-decoration: none;
}
.first_project .excerpt {
  max-width: 70%;
}
.first_project .button {
  position: absolute;
  bottom: 0px;
  right: 50%;
}

.project {
  padding: 25px 15px;
  margin-bottom: 45px;
}
.project a.image {
  position: relative;
}
.project a.image .button {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.project img {
  margin-bottom: 30px;
}
.project h4 {
  float: left;
  width: 45%;
}
@media (max-width: 767px) {
  .project h4 {
    width: 100%;
  }
}
.project h4 a {
  text-decoration: none;
}
.project .excerpt {
  float: left;
  width: 55%;
}
@media (max-width: 767px) {
  .project .excerpt {
    width: 100%;
  }
}
.project.past_project h4, .project.past_project .excerpt {
  width: 100%;
}
.project.past_project:nth-child(3n+4) {
  clear: both;
}
.project.past_project img {
  width: 100%;
  margin-bottom: 20px;
}

#homepage-feature {
  position: relative;
  padding: 0px 15px;
}
#homepage-feature .overlay {
  position: absolute;
  top: 0;
  transform: rotate(90deg);
  transform-origin: left top;
  width: 100%;
  height: 98px;
  left: 100%;
  background: #fff;
}
#homepage-feature .overlay h3 {
  margin-bottom: 5px;
}
#homepage-feature .button {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
}

#test-slider button {
  display: none !important;
}

#related-posts h3 {
  padding: 50px 0px;
  margin: 0 15px;
  border-top: 1px solid #000000;
}

.border-top {
  border-top: 1px solid #000000;
}

.border-bottom {
  border-bottom: 1px solid #000000;
}

@media (min-width: 768px) {
  .margin-100-100 {
    margin: 100px 0px 100px;
  }
}

@media (min-width: 768px) {
  .padding-left-30 {
    padding-left: 30px;
  }
}

@media (min-width: 768px) {
  .padding-right-30 {
    padding-right: 30px;
  }
}

@media (min-width: 768px) {
  .padding-top-30 {
    padding-top: 30px;
  }
}

@media (min-width: 768px) {
  .padding-bottom-30 {
    padding-top: 30px;
  }
}

@media (min-width: 768px) {
  .margin-top-150 {
    margin-top: 150px;
  }
}

@media (min-width: 768px) {
  .margin-bottom-100 {
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .margin-bottom-50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .padding-60-50-50-40 {
    padding: 60px 50px 50px 40px;
  }
}

#site-header #menu .mobile-menu {
  display: none !important;
}

.mobile-only {
  display: none;
}

.gform_wrapper, .gform_validation_errors, #gform_1_validation_container {
  background: transparent;
  border-radius: 0px;
}
.gform_wrapper .validation_message, .gform_validation_errors .validation_message, #gform_1_validation_container .validation_message {
  display: none !important;
}
.gform_wrapper h2 .gform-icon, .gform_validation_errors h2 .gform-icon, #gform_1_validation_container h2 .gform-icon {
  display: none;
}

@media (max-width: 767px) {
  .vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper {
    margin-right: 0px !important;
  }
  body .vc_basic_grid .vc_col-sm-3 {
    border-right: 0px;
  }
  .project-content {
    padding: 30px 45px;
  }
  .project-content ul {
    margin-bottom: 30px;
  }
  #services .inner-padding {
    padding: 0px;
  }
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  #page-content {
    padding-top: 10px;
    padding-bottom: 0px;
  }
  img.mobile-hide,
  #site-header #right-menu-wrap {
    display: none !important;
  }
  .inner h2 {
    margin: 15px 0px;
  }
  #site-header {
    padding: 0px;
    box-sizing: border-box;
  }
  #site-header .container {
    padding: 0px;
    height: auto;
  }
  #site-header .container:before {
    transition: all 0.4s ease-in-out;
  }
  #site-header a.logo {
    margin: 0px;
  }
  #site-header a.logo img {
    height: 60px;
  }
  #site-header.nav-down {
    padding: 0px;
  }
  #site-header.nav-down a.logo img {
    height: 40px;
  }
  #site-header.nav-down #menu {
    top: 40px;
  }
  #site-header.nav-down #menu-button {
    top: 10px;
  }
  #site-header #menu {
    margin: 0px;
    background: #fff;
    position: fixed;
    top: 60px;
    width: 100%;
    left: 0px;
    margin-left: 0px;
    z-index: 9999;
    max-height: 0px;
    overflow: scroll;
    transition: all 0.4s ease-in-out;
  }
  #site-header #menu #main-menu {
    width: 100%;
    float: left;
    padding: 10px 0px;
  }
  #site-header #menu #main-menu li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-bottom: 0px;
    float: left;
    clear: both;
  }
  #site-header #menu #main-menu li a {
    border-bottom: 0px none !important;
    color: #000000 !important;
    line-height: 25px;
    padding: 10px 20px;
    display: block;
    margin: 0px;
  }
  #site-header #menu #main-menu li a:hover {
    color: #fff;
    background: #000000;
  }
  #site-header.active {
    background: #fff;
    top: 0px !important;
  }
  #site-header.active a.logo img {
    opacity: 1 !important;
  }
  #site-header.active a.logo img.logo_light {
    opacity: 0 !important;
  }
  #site-header.active #menu {
    max-height: 1000px;
  }
  #site-header.active #menu-button span {
    opacity: 0;
  }
  #site-header.active #menu-button span:first-child, #site-header.active #menu-button span:last-child {
    opacity: 1;
  }
  #site-header.active #menu-button span:first-child {
    transform: rotate(45deg);
    margin-top: 10px;
  }
  #site-header.active #menu-button span:last-child {
    transform: rotate(-45deg);
    margin-top: -18px;
  }
  #footer .top_row {
    padding: 40px 0px 25px;
  }
  #footer .widget {
    float: left;
    clear: both;
    margin-bottom: 30px;
  }
  .project {
    border: 0px;
  }
  .project .excerpt {
    min-height: 0px;
  }
  .project .button {
    margin-bottom: 0px;
    font-size: 12px;
    padding: 0px 25px;
  }
  .project-padding {
    padding: 0px 30px 45px 30px !important;
  }
  .full-height > .vc_column-inner {
    background-size: cover !important;
    background-attachment: scroll;
    background-position: center center;
  }
}