/*
Theme Name: 
Theme URI: 
Description: 
Author: Joe Blackburn
Version: 1.0
Tags: custom
*/
/* =============================================================================
   Adapted from HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== *

/* !Global Styles - - - - - */
/*$grey: #a6a8ab;*/
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: antialiased !important; }

.sans {
  font-family: "soleil", Arial, Verdana, sans-serif; }

.serif {
  font-family: "soleil", Arial, Verdana, sans-serif; }

.cond {
  font-family: "futura-pt-condensed", "soleil", Arial, Verdana, sans-serif; }

.orange {
  color: #f1652a; }

.dk-orange {
  color: #93422c; }

.grey {
  color: #97999c; }

.dk-grey {
  color: #929497; }

.vdk-grey {
  color: #4d4d4f; }

.lt-grey {
  color: #bbbdbf; }

.vlt-grey {
  color: #f7f7f6; }

.white {
  color: #fff; }

.cream {
  color: #F4F0EA; }

.vlt-grey {
  color: #f7f7f6; }

.orange-bg {
  background: #f1652a; }

.dk-orange-bg {
  background: #93422c; }

.grey-bg {
  background: #97999c; }

.dk-grey-bg {
  background: #929497; }

.vdk-grey-bg {
  background: #4d4d4f; }

.lt-grey-bg {
  background: #bbbdbf; }

.vlt-grey-bg {
  background: #f7f7f6; }

.white-bg {
  background: #fff; }

.cream-bg {
  background: #F4F0EA; }

.vlt-grey-bg {
  background: #f7f7f6; }

.italic {
  font-style: italic; }

.normal {
  font-weight: normal; }

.bold {
  font-weight: bold; }

.light {
  font-weight: 300; }

.semi {
  font-weight: 600; }

.xbold {
  font-weight: 800; }

.center {
  text-align: center; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.space {
  letter-spacing: .05em; }

.space2 {
  letter-spacing: .1em; }

.fleft {
  float: left; }

.fright {
  float: right; }

.plain a, a.plain {
  text-decoration: none; }

a {
  color: #f1652a;
  text-decoration: none;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

a:hover {
  color: #93422c; }

.rel {
  position: relative; }

ul.clean {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.inline {
  display: inline-block; }

ul.inline li {
  display: inline;
  float: left; }

ul.ilb li {
  display: inline-block;
  vertical-align: top; }

img.full {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

/* !Font Size Fuctions - - - - - */
/* !Body - - - - - */
body {
  min-width: 320px;
  font-size: 16px;
  background: #fff;
  font-family: "soleil", Arial, Verdana, sans-serif;
  color: #97999c;
  line-height: 1.5em; }

#container {
  background: #fff;
  padding-top: 108px;
  background: #fff; }

.inner {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 30px; }

.inner.skinny {
  max-width: 810px; }

.inner.mid {
  max-width: 950px; }

#container {
  position: relative;
  z-index: 1; }

.text {
  font-size: 0.8125em;
  line-height: 1.4em; }

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

/* !Header - - - - - */
header {
  height: 108px;
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff; }

.top-header {
  height: 76px;
  padding: 18px 0;
  position: relative;
  border: none; }

.top-header:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #d0d2d3;
  z-index: 1; }

.blog-nav-wrap {
  border-bottom: 3px solid #4d4d4f;
  height: 32px; }

a.logo {
  width: 50px;
  display: block;
  float: left; }

ul.nav {
  float: right;
  font-size: 0.75em;
  color: #bbbdbf;
  padding-top: 5px; }

ul.nav a,
.blog-cats-wrap a {
  display: block;
  margin-left: 30px;
  color: #4d4d4f;
  letter-spacing: .1em;
  cursor: pointer; }

.blog-cats-wrap a {
  display: inline-block; }

.blog-cats-wrap a:first-child {
  margin-left: 0; }

li.nav-space {
  padding: 0 20px;
  font-weight: 300; }

ul.nav li.photog-nav a {
  margin-left: 0;
  color: #bbbdbf; }

ul.nav a:hover, ul.nav li.photog-nav a:hover {
  color: #f1652a; }

.blog-cats {
  height: 29px; }

a.cat-toggle {
  display: inline-block;
  line-height: 28px;
  height: 29px;
  border-left: 1px solid #d0d2d3;
  border-right: 1px solid #d0d2d3;
  padding: 0 12px;
  cursor: pointer;
  color: #bbbdbf;
  float: left;
  font-size: 0.8125em; }

a.cat-toggle span {
  padding-right: 10px;
  background: url(images/small-orange-arrow-right.svg) no-repeat right center;
  display: block; }

a.cat-toggle:hover {
  color: #f1652a; }

.blog-control {
  position: absolute;
  top: 0;
  right: 0;
  height: 31px;
  width: 40px; }

.blog-control a {
  margin-left: 6px;
  line-height: 29px;
  display: inline-block;
  padding-top: 2px; }

.blog-control a:first-child {
  margin-left: 0; }

.blog-control a rect {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.blog-control a:hover rect,
.blog-control a.current rect {
  fill: #f1652a; }

a.nav-toggle {
  display: none;
  width: 26px;
  height: 28px;
  position: absolute;
  top: 19px;
  right: 20px;
  cursor: pointer; }

a.nav-toggle div {
  width: 26px;
  height: 2px;
  text-indent: -9999px;
  position: absolute;
  top: 6px;
  right: 0;
  background: #d0d2d3;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

a.nav-toggle.active div.middle {
  opacity: 0; }

a.nav-toggle div.middle {
  top: 50%;
  margin-top: -1px; }

a.nav-toggle div.bottom {
  top: auto;
  bottom: 6px; }

a.nav-toggle.active div.top {
  top: 13px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg); }

a.nav-toggle.active div.bottom {
  bottom: 13px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); }

.cat-wrap {
  width: auto;
  max-width: 700px;
  display: inline-block;
  text-indent: -5000px;
  overflow: hidden;
  height: 28px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.cat-wrap.open {
  text-indent: 0; }

.cat-wrap button {
  border: none;
  background: none;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-family: "soleil", Arial, Verdana, sans-serif;
  padding: 0;
  height: 29px;
  position: relative;
  top: -1px;
  margin-left: 15px;
  font-size: 0.75em;
  line-height: 29px;
  color: #97999c;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.cat-wrap button:hover, .cat-wrap button.is-checked {
  color: #f1652a; }

.cat-wrap button:first-child {
  margin-left: 11px; }

header.short {
  height: 76px; }

#container.short {
  padding-top: 76px; }

.single-post.is-fixed header {
  height: 76px;
  background: #fff; }

.single-post.is-fixed a.home-menu-toggle {
  display: none; }

a.search-icon {
  width: 12px;
  height: 12px;
  margin-top: 6px;
  display: inline-block; }

.subnav-wrap {
  position: fixed;
  top: 76px;
  overflow: hidden;
  height: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1001;
  border-bottom: 1px solid #d0d2d3;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.subnav-wrap.active {
  height: 45px;
  padding: 10px 0;
  z-index: 900; }

.subnav-wrap ul li {
  display: inline-block;
  float: none; }

.subnav-wrap ul a, .subnav-wrap button {
  color: #bbbdbf; }

.subnav-wrap button {
  display: block;
  color: #4d4d4f;
  letter-spacing: .1em;
  cursor: pointer;
  border: none; }

.subnav-wrap ul a:hover,
.subnav-wrap ul li.current_page_item a {
  color: #4d4d4f; }

.single-post.is-fixed a.gallery-logo {
  opacity: 0; }

.single-post.is-fixed .top-header {
  padding: 18px 0;
  height: 76px; }

.single-post.is-fixed .home-header header {
  z-index: 100001; }

/* !Blog List - - - - - */
.blog-list-left {
  padding-right: 260px; }

.blog-list {
  border-right: 1px solid #d0d2d3;
  padding-bottom: 500px; }

.fixed-blog-nav {
  width: 260px;
  position: fixed;
  right: 0;
  top: 108px;
  z-index: 10000;
  background: #fff; }

.list-post-text {
  padding: 25px 40px; }

.list-post-left, .list-post-right {
  width: 50%;
  background: #f1652a;
  position: relative; }

.list-post-left:before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px;
  background: #fff;
  z-index: 100; }

.list-post-title {
  font-family: "soleil", Arial, Verdana, sans-serif;
  font-size: 1.75em;
  line-height: 1.3em;
  margin-bottom: 5px; }

.list-post-left .list-post-title, .list-post-right .list-post-title {
  font-size: 1.375em;
  line-height: 1.3em; }

.fixed-blog-nav a {
  display: block;
  padding: 20px 15px 15px 60px;
  line-height: 1.2em;
  border-bottom: 1px solid #d0d2d3;
  color: #929497;
  min-height: 60px;
  position: relative;
  font-size: 0.875em; }

.fixed-blog-nav a:after {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.fixed-blog-nav a.on:after {
  content: "";
  width: 20px;
  height: 60px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url(images/blog-nav-triangle.svg) no-repeat right center;
  overflow: hidden;
  z-index: 1000; }

.fixed-blog-nav a:hover {
  color: #f1652a; }

.fixed-blog-nav a.on {
  background: #f1652a;
  color: #fff; }

.post-number {
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border-radius: 120%;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 10px;
  background: #f7f7f6;
  color: #97999c;
  font-size: 1.125em;
  padding-left: 1px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.fixed-blog-nav a.on .post-number {
  background: #93422c;
  color: #fff; }

.list-post.clearfix {
  clear: both; }

.list-post-left, .list-post-right {
  position: relative; }

.list-post-wrap {
  position: relative;
  z-index: 2; }

.list-post-right {
  overflow: hidden; }

.list-post-image.cover {
  background: url(images/list-image-trans.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.list-post a {
  display: block; }

span.more {
  font-family: "soleil", Arial, Verdana, sans-serif;
  color: #f1652a;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

a:hover span.more, .orange-bg span.more {
  color: #93422c; }

a:hover .orange-bg span.more {
  color: #4d4d4f; }

span.more svg {
  margin-left: 6px;
  position: relative;
  top: 2px; }

span.more circle {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

a:hover span.more circle, .orange-bg span.more circle {
  fill: #93422c; }

a:hover .orange-bg span.more circle {
  fill: #4d4d4f; }

.full-list-left {
  width: 35%;
  padding-right: 18px;
  text-align: right; }

.full-list-right {
  width: 65%;
  padding-left: 18px; }

.list-post p {
  margin-top: 0; }

.first-post-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 40px;
  overflow: hidden; }

.first-post-date {
  font-size: 1.875em;
  line-height: 1.2em;
  padding-right: 5px; }

.first-post-cats, .full-list-cats {
  font-size: 0.8125em; }

.first-post-title {
  font-size: 6.25em;
  line-height: 1em;
  max-width: 90%; }

.first-post-meta {
  margin-top: 10px; }

.first-post-screen.flex-wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.first-post-screen .flex-item:nth-child(1) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }

.list-header {
  padding: 0 0 65px 0; }

.list-header .mobile-post-date {
  display: block; }

.list-header a {
  display: block; }

.list-header a:hover {
  color: #97999c; }

/* !Single Post - - - - - */
.single-post #container {
  padding-top: 0; }

.half-image {
  width: 50%; }

.half-image.fleft {
  padding-right: 4px; }

.half-image.fright {
  padding-left: 4px; }

.post-block {
  margin: 8px 0; }

.post-block.text {
  margin: 0; }

.post-block.text img {
  margin: 8px auto;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%; }

.post-content {
  padding: 65px 0; }

.post-date {
  font-size: 0.75em;
  border-bottom: 1px solid #d0d2d3;
  border-top: 1px solid #d0d2d3; }

.post-date span {
  padding: 5px 15px;
  border-left: 1px solid #d0d2d3;
  border-right: 1px solid #d0d2d3;
  display: inline-block; }

.text h1, .text h2, .text h3, .text h4 {
  color: #4d4d4f;
  font-weight: 800;
  margin: 30px 0 5px 0;
  line-height: 1.4em;
  font-family: "soleil", Arial, Verdana, sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em; }

.text h1 {
  font-size: 1.25em; }

.text h2 {
  font-size: 1.125em; }

.text h3 {
  font-size: 1em; }

.text h4 {
  font-size: 0.875em; }

.text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child {
  margin-top: 0; }

.large-image {
  width: 64.5%; }

.small-image {
  width: 35.5%; }

.large-image.fleft {
  padding-right: 4px; }

.large-image.fright {
  padding-left: 4px; }

.small-image.fleft {
  padding-right: 4px; }

.small-image.fright {
  padding-left: 4px; }

.text p {
  margin: 10px 0; }

.text p:first-child {
  margin-top: 0; }

.post-footer {
  margin-top: 65px; }

.post-screen {
  position: absolute;
  bottom: 12%;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 60px; }

.post-screen.center {
  height: 100%;
  bottom: 0; }

.post-screen.right {
  text-align: right; }

.header-title {
  font-size: 7.5em;
  line-height: .9em; }

.header-subhead {
  font-size: 1.125em;
  line-height: 1.4em;
  margin-top: 25px; }

.flex-wrapper.left {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-item:nth-child(1) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }

.flex-wrapper.center {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-wrapper.right {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.post-screen-text {
  max-width: 60%; }

.flex-item {
  width: 100%; }

.flex-wrapper.right .flex-item {
  text-align: right; }

.flex-wrapper.right .post-screen-text {
  float: right; }

.flex-wrapper.center .post-screen-text {
  margin: 0 auto; }

.mobile-post-date {
  display: none;
  font-size: 0.6875em;
  line-height: 1.3em; }

.fixed-post-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }

.fixed-post-header img {
  position: relative;
  z-index: 0; }

.post-wrap, .post-header {
  position: relative;
  z-index: 20; }

.post-header img {
  opacity: 0; }

@-webkit-keyframes arrowloop {
  0% {
    opacity: 1; }
  100% {
    opacity: .3; } }

@-moz-keyframes arrowloop {
  0% {
    opacity: 1; }
  100% {
    opacity: .3; } }

@-o-keyframes arrowloop {
  0% {
    opacity: 1; }
  100% {
    opacity: .3; } }

@keyframes arrowloop {
  0% {
    opacity: 1; }
  100% {
    opacity: .3; } }

.blink-arrow:after,
.orange-break:after {
  content: "";
  width: 24px;
  height: 14px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -12px;
  z-index: 100;
  background: url(images/white-arrow-down.svg) no-repeat center;
  -webkit-animation-name: arrowloop;
  /* Safari 4+ */
  -webkit-animation-duration: 900ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation: arrowloop 900ms 0s alternate infinite;
  /* Fx 5+ */
  -o-animation: arrowloop 900ms 0s alternate infinite;
  /* Opera 12+ */
  animation: arrowloop 900ms 0s alternate infinite;
  /* IE 10+ */ }

.post-footer a {
  cursor: pointer;
  color: #4d4d4f; }

.post-footer a:hover {
  color: #f1652a; }

.post-footer-title {
  padding-bottom: 10px;
  position: relative;
  font-size: 0.875em;
  line-height: 1.3em; }

.comments-wrap {
  margin-top: 50px; }

.post-footer-title:after, .page-text:after {
  content: "";
  width: 100%;
  height: 6px;
  background: #4d4d4f;
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  left: 0; }

.post-footer-section {
  margin-top: 100px; }

h3#reply-title {
  display: none; }

ul.gform_fields {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.gform_fields li {
  margin-bottom: 15px; }

input.medium, textarea.medium {
  width: 100%;
  background: #f7f7f6;
  border: none;
  padding: 5px 8px;
  height: 30px;
  font-family: "soleil", Arial, Verdana, sans-serif;
  color: #97999c;
  font-size: 0.8125em;
  border-radius: 0;
  -webkit-appearance: none; }

textarea.medium {
  resize: none;
  height: 200px; }

::-webkit-input-placeholder {
  opacity: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em; }

:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em; }

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em; }

:-ms-input-placeholder {
  opacity: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em; }

.gfield_label {
  display: none;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 0.5625em;
  line-height: 1.3em; }

.no-placeholder .gfield_label {
  display: block; }

.gform_footer img {
  display: block;
  margin: 10px 0 0 0;
  width: 24px;
  height: auto;
  clear: both; }

li.gform_validation_container {
  display: none !important; }

input.gform_button, input#submit, a.button, .post-nav a {
  border: 2px solid #f1652a;
  background: none;
  color: #f1652a;
  font-weight: 800;
  font-family: "soleil", Arial, Verdana, sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 0.6875em;
  line-height: 1.3em;
  padding: 5px 15px 6px 15px;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

input.gform_button:hover, input#submit:hover, .post-nav a:hover, a.button:hover {
  border-color: #4d4d4f;
  color: #4d4d4f; }

a.button.fancy:hover {
  color: #fff;
  border-color: #4d4d4f; }

a.button.fancy {
  overflow: hidden;
  position: relative;
  display: inline-block; }

a.button.fancy span {
  position: relative;
  z-index: 2; }

a.button.fancy:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #4d4d4f;
  position: absolute;
  right: 101%;
  top: 0;
  z-index: 1;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

a.button.fancy:hover:before {
  right: 0; }

.form-row {
  margin-top: 15px; }

.form-row:first-child {
  margin-top: 0; }

.comment-body {
  font-size: 0.875em; }

ul.commentlist li {
  padding: 35px 0;
  border-top: 1px solid #d0d2d3; }

ul.commentlist li:first-child {
  border: none;
  padding-top: 0; }

.reply {
  font-size: 0.6875em;
  letter-spacing: .1em; }

#commentform input.error, #commentform textarea.error {
  border-color: #f1652a !important; }

#commentform div.error, #commentform label.error {
  color: #f1652a !important;
  font-size: 0.6875em;
  font-style: italic; }

.comments-left {
  width: 30%; }

.comments-right {
  width: 70%;
  padding-left: 40px; }

ul.post-cols {
  width: 100%; }

li.stats {
  width: 50%;
  padding: 40px 40px 0 0; }

li.said {
  width: 50%;
  padding: 40px 0 0 40px; }

.feels-title {
  font-size: 1.875em;
  line-height: 1.1em;
  margin-bottom: 10px; }

.stat-label {
  font-size: 0.6875em;
  line-height: 1.3em; }

.stat {
  padding: 20px 0;
  border-top: 1px solid #d0d2d3;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  float: left; }

.stat:nth-child(odd) {
  padding-right: 15px;
  clear: both; }

.stat:nth-child(even) {
  padding-left: 15px; }

.stat-title {
  margin-bottom: 20px; }

.stat-text a {
  display: block; }

.stat-text a:hover {
  color: #f1652a; }

a.question {
  margin-top: 20px;
  display: block;
  color: #4d4d4f !important; }

a.question:first-child {
  margin-top: 0; }

ul.post-cols {
  position: relative; }

ul.post-cols:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #d0d2d3;
  position: absolute;
  top: 0;
  left: 50%; }

.answer p {
  margin: 0;
  padding: 10px 0 0 0; }

.answer {
  padding-left: 30px; }

.feels-stats {
  margin-top: 20px; }

#said {
  font-size: 1em;
  line-height: 1.4em; }

.single-post a.question {
  padding-left: 30px;
  background: url(images/plus.svg) no-repeat left 4px; }

.single-post a.question.ui-state-active {
  background-image: url(images/minus.svg); }

.post-share {
  margin-top: 40px; }

.post-share a {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle; }

.post-share circle {
  fill: #f1652a;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.post-share a:hover circle {
  fill: #4d4d4f; }

.post-share span {
  font-size: 1.25em;
  line-height: 1.1em;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -4px;
  margin-left: 10px; }

.post-block.text h2 {
  text-align: left !important;
  font-weight: 900;
  text-transform: uppercase;
  color: #4d4d4f;
  margin: 80px 0 30px 0;
  border-bottom: 1px solid #d0d2d3;
  padding-bottom: 5px;
  font-size: 1.25em;
  line-height: 1.3em; }

/* !Grid View - - - - - */
.grid-wrap {
  width: 100%; }

.grid-item, .grid-sizer {
  width: 25%; }

.grid-item a {
  display: block; }

.grid-item {
  float: left;
  overflow: hidden; }

.grid-image {
  background: url(images/grid-image-trans.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.grid-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 30px;
  background: rgba(239, 84, 18, 0.82);
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: scale(0.95, 0.95);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

a:hover .grid-screen {
  opacity: 1;
  transform: scale(1.05, 1.05); }

.grid-title {
  font-size: 1.75em;
  line-height: 1.3em; }

.grid-action {
  font-size: 0.8125em;
  padding: 40px 0 35px 0; }

.grid-title:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -35px;
  left: 50%;
  margin-left: -10px;
  background: url(images/outline-circle-arrow.svg) no-repeat center; }

.post-nav {
  padding: 30px 20px; }

/* !Homepage - - - - - */
body, html {
  width: 100%;
  height: auto; }

.page-template-homepage-php {
  overflow: hidden; }

.gallery-cycle {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  opacity: 1;
  background: url(images/loader.gif) no-repeat center;
  background-size: 24px 24px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.gallery-cycle.loaded {
  background: none; }

.gallery-cycle a.button:hover {
  color: #97999c !important;
  border-color: #97999c !important; }

.gallery-cycle a.button.fancy:hover {
  color: #fff !important; }

.gallery-cycle a.button.fancy:before {
  background: #97999c; }

.gallery-slide {
  width: 100%;
  height: 100%;
  position: relative;
  background: url(images/trans.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.slick-prev,
.slick-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  text-indent: -9999px;
  border: none;
  z-index: 1000;
  color: #4d4d4f;
  overflow: hidden;
  cursor: pointer;
  font-weight: 900;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.gallery-cycle .slick-prev:after {
  content: "";
  width: 14px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url(images/white-arrow-left.svg) no-repeat center;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.gallery-cycle .slick-prev:before {
  content: "PREV";
  width: 60px;
  height: 40px;
  left: 35px;
  font-weight: bold;
  position: absolute;
  top: 0;
  z-index: 1;
  color: #4d4d4f;
  z-index: 1;
  text-indent: 0;
  line-height: 40px;
  letter-spacing: .05em;
  font-size: 0.8125em; }

.gallery-cycle .slick-next:after {
  content: "";
  width: 14px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 15px;
  background: url(images/white-arrow-right.svg) no-repeat center;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.gallery-cycle .slick-next:before {
  content: "NEXT";
  width: 60px;
  right: 35px;
  font-weight: bold;
  position: absolute;
  top: 0;
  color: #4d4d4f;
  z-index: 1;
  text-indent: 0;
  line-height: 40px;
  letter-spacing: .05em;
  font-size: 0.8125em; }

.gallery-cycle .slick-prev:hover, .gallery-cycle .slick-next:hover {
  width: 105px;
  background: #fff; }

.gallery-cycle .slick-prev:hover:after {
  background-image: url(images/vdk-grey-arrow-left.svg); }

.gallery-cycle .slick-next:hover:after {
  background-image: url(images/vdk-grey-arrow-right.svg); }

ul.slick-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 6px; }

ul.slick-dots li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 120%;
  text-indent: -9999px; }

ul.slick-dots li:first-child {
  margin-left: 0; }

ul.slick-dots li.slick-active {
  background: none; }

.gallery-cycle .slick-list, .gallery-cycle .slick-track {
  height: 100%; }

.gallery-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.gallery-max {
  max-width: 60%;
  text-align: left; }

.center .gallery-max {
  text-align: center;
  margin: 0 auto;
  padding: 0 30px; }

.right .gallery-max {
  float: right;
  padding-right: 60px; }

.left .gallery-max {
  float: left;
  padding-left: 60px; }

.gallery-max.big-pad {
  padding-right: 100px; }

.center .gallery-max.big-pad {
  padding-right: 30px; }

.gallery-title-small span {
  font-size: 1.5em;
  display: inline-block; }

.gallery-title-small span.gallery-no {
  font-size: 0.8125em;
  padding-right: 20px;
  margin-right: 20px;
  position: relative; }

span.gallery-no:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: -2px;
  right: 0;
  background: #97999c; }

.gallery-title-large {
  font-size: 5.625em;
  line-height: 1.1em;
  display: inline-block;
  margin: 10px 0 30px 0; }

.gallery-slide a.full-link {
  display: block;
  width: 100%;
  height: 100%; }

.gallery-screen.top {
  padding-top: 20%; }

.gallery-logo, .home-header a.logo {
  width: 50px;
  position: fixed;
  top: 20px;
  left: 25px;
  z-index: 10; }

a.home-menu-toggle {
  position: fixed;
  top: 20px;
  right: 25px;
  z-index: 1001;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  font-weight: 900;
  font-size: 0.75em;
  line-height: normal;
  text-transform: uppercase;
  font-family: "soleil", Arial, Verdana, sans-serif;
  letter-spacing: .1em;
  cursor: pointer;
  height: 32px;
  width: 108px;
  overflow: hidden;
  -webkit-transform: translateZ(0); }

a.home-menu-toggle:hover {
  color: #fff;
  border-color: #fff; }

a.home-menu-toggle.active {
  color: #97999c;
  border-color: #97999c;
  width: 32px;
  border-color: transparent !important; }

a.home-menu-toggle span {
  position: absolute;
  top: 0;
  left: 15px;
  line-height: 28px;
  -webkit-transform: translateZ(0);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease; }

a.home-menu-toggle.active span {
  width: 0;
  opacity: 0; }

a.home-menu-toggle:after {
  content: "";
  width: 20px;
  height: 12px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 15px;
  background: url(images/home-nav-toggle.svg) no-repeat center;
  -webkit-transform: translateZ(0); }

a.home-menu-toggle.active:after {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: url(images/nav-close.svg);
  background-size: 16px 16px;
  right: 8px; }

.home-header header .inner {
  max-width: none;
  padding: 0 80px; }

.home-header header {
  height: 0;
  overflow: hidden;
  background: #fff;
  border: none;
  z-index: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease; }

.is-fixed.single-post .home-header header {
  overflow: visible; }

.home-header header.open {
  height: 76px;
  z-index: 1000; }

.home-header header.active {
  overflow: visible; }

.home-header .top-header {
  height: 0;
  border-color: transparent;
  padding: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.home-header header.open .top-header {
  height: 76px;
  padding: 18px 0;
  border-color: #d0d2d3; }

.home-header .nav-toggle {
  display: none; }

.page-template-homepage-php {
  background: #fff; }

.home-mobile-text {
  display: none;
  padding: 10px 0;
  font-size: 1.75em;
  line-height: 1.3em; }

img.home-image {
  display: none; }

/* !Footer - - - - - */
footer {
  padding: 25px 0;
  position: relative;
  z-index: 100001; }

.nav-active footer {
  z-index: 1;
  position: static; }

footer.border {
  border-top: 2px solid #d0d2d3; }

.footer-left, .footer-right {
  width: 50%; }

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

a.social {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-left: 10px; }

a.social:first-child {
  margin-left: 0; }

.footer-right .xbold {
  display: inline-block;
  line-height: 26px;
  position: relative;
  top: -2px;
  font-size: 1.75em; }

.footer-left {
  font-size: 0.625em;
  line-height: 26px; }

.footer-sep {
  padding: 0 10px;
  position: relative;
  top: -1px; }

footer a:hover {
  color: #fff; }

.social circle {
  fill: #f1652a;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.social:hover circle {
  fill: #4d4d4f; }

.single-post footer {
  position: relative;
  z-index: 100000; }

circle.no-trans {
  fill: #fff !important; }

/* !Subpage - - - - - */
.small-title {
  border-bottom: 1px solid #4d4d4f;
  padding-bottom: 3px; }

.large-headline {
  font-size: 7.25em;
  line-height: 1em;
  margin: 50px 0; }

.page-text {
  position: relative;
  padding-top: 40px; }

.page-text:first-child {
  padding-top: 0; }

.page-text:after {
  bottom: auto;
  top: 0; }

.page-text:first-child:after {
  display: none; }

#main.pad {
  padding: 65px 0; }

/* !404 - - - - - */
#container.orange-bg {
  background: #f1652a; }

#container.orange-bg .small-title {
  border-color: #fff; }

#container.orange-bg .page-text:after {
  background: #fff; }

.error-cats {
  font-size: 0.6875em;
  line-height: 1.3em; }

.error-post {
  min-height: 44px;
  padding: 20px 0 20px 65px;
  border-top: 1px dashed #fff; }

.error-post:first-child {
  padding-top: 0;
  border: none; }

.post-no {
  font-size: 2.5em;
  position: absolute;
  top: 25px;
  left: 0; }

.error-post:first-child .post-no {
  top: 5px; }

.error-cats, .error-cats a {
  color: #93422c; }

.error-cats a:hover {
  color: #fff; }

.left_404 {
  width: 66.66%;
  padding: 40px 40px 30px 0; }

.left_404:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 33.33%;
  top: 0;
  background: #fff; }

.right_404 {
  padding: 40px 0 30px 40px;
  width: 33.33%; }

.error404 .page-text {
  padding-top: 0; }

/* !Contact - - - - - */
.page-template-contact {
  background: #fff; }

.contact-left {
  width: 66.66%;
  padding: 40px 40px 40px 0; }

.contact-left:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #d0d2d3;
  position: absolute;
  top: 0;
  left: 66.66%; }

.contact-right {
  width: 33.33%;
  padding: 40px 0 40px 40px; }

.sidebar-section {
  padding: 20px 0;
  border-top: 1px dashed #d0d2d3; }

.sidebar-section:first-child {
  padding-top: 0;
  border: none; }

.social-label {
  font-size: 1.5625em;
  line-height: 1.3em;
  margin-bottom: 10px;
  font-family: "soleil", Arial, Verdana, sans-serif; }

a.phone {
  display: block;
  max-width: 234px; }

.sidebar-section p {
  margin: 0; }

.contact-text {
  padding: 0; }

.contact-social a, .contact-social svg {
  width: 36px;
  height: 36px; }

.contact-social circle {
  fill: #f7f7f6; }

.contact-social path,
.contact-social circle.no-trans {
  fill: #929497 !important;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.contact-social a:hover circle {
  fill: #f1652a; }

.contact-social a:hover path,
.contact-social a:hover circle.no-trans {
  fill: #fff !important; }

.contact-form input.medium, .contact-form textarea.medium {
  background: none;
  border-bottom: 1px solid #d0d2d3;
  height: 30px; }

.contact-form ul.gform_fields li {
  margin-bottom: 40px; }

.validation_error {
  padding-bottom: 30px;
  color: #f1652a;
  font-weight: bold; }

.validation_message {
  font-size: 0.6875em;
  padding-top: 5px;
  font-style: italic;
  color: #f1652a; }

.large-headline:first-child {
  margin-top: 0; }

.contact-footer .footer-left {
  width: 100%; }

.contact-footer {
  border-top: 2px solid #d0d2d3; }

/* !Info - - - - - */
.xsmall-title {
  padding-bottom: 5px;
  font-size: 0.6875em;
  line-height: 1.3em; }

.info-max {
  max-width: 890px;
  margin: 0 auto; }

.info-gallery {
  max-width: 1150px;
  margin: 0 auto; }

.info-gallery .slick-prev {
  background-image: url(images/grey-arrow-left.svg);
  left: -50px; }

.info-gallery .slick-next {
  background-image: url(images/grey-arrow-right.svg);
  right: -50px; }

.info-section {
  margin-top: 120px; }

.info-section:first-child {
  margin-top: 0; }

.info-gallery-footer {
  margin-top: 10px;
  font-size: 0.75em; }

.of {
  padding: 0 5px; }

.info-gallery-screen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 25px; }

.info-gallery-title {
  font-size: 1.375em;
  line-height: 1.3em;
  display: inline-block;
  border: 2px solid #fff;
  padding: 5px 15px 7px 15px; }

.info-cta-headline {
  font-size: 2.125em;
  line-height: 1.3em;
  margin-bottom: 5px; }

.info-cta-text {
  font-size: 1.1875em;
  line-height: 1.4em; }

a.info-cta {
  margin-top: 20px;
  display: inline-block; }

.intro-text {
  font-size: 1.625em;
  line-height: 1.4em; }

.intro-text p {
  margin-top: 0; }

.intro-subhead {
  margin-top: 20px;
  font-size: 0.9375em;
  line-height: 1.3em; }

.center-label {
  font-size: 0.6875em;
  line-height: 1.3em;
  margin-bottom: 40px;
  padding: 0 20px; }

.center-label span {
  padding: 0 10px;
  position: relative;
  z-index: 100; }

.center-label:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #d0d2d3;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1; }

/*.center-label:after {
content: "";
width: 16px;
height: 8px;
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -8px;
background: url(images/open-triangle.svg) no-repeat center;
z-index: 1;
}*/
#know .inner {
  padding-top: 80px; }

.faq-left {
  width: 35%; }

.faq-right {
  width: 65%;
  padding: 35px 0 35px 50px; }

div.question {
  display: block;
  padding: 20px;
  font-size: 1.25em;
  line-height: 1.3em;
  color: #4d4d4f;
  cursor: pointer;
  border-top: 1px solid #d0d2d3; }

.resp-tab-active div.question {
  background: #f1652a;
  color: #fff; }

li:first-child .question {
  border: none; }

.faq-wrap:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 35%;
  background: #d0d2d3; }

/* Accodrion Default */
.resp-jfit {
  width: 100%;
  margin: 0px; }

.resp-tab-content-active {
  display: block; }

.resp-tab-content, a.resp-accordion {
  display: none; }

.resp-tab-content-active, .resp-accordion-active {
  display: block;
  opacity: 1; }

.resp-tab-active .question {
  color: #4d4d4f; }

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

.text q {
  text-indent: -9999px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(images/bobbi.svg) no-repeat center;
  background-size: 24px 24px;
  margin-left: 5px;
  position: relative;
  top: -1px; }

.faq-text {
  font-size: 1.375em;
  line-height: 1.4em; }

.faq-number {
  font-size: 0.75em;
  line-height: 1.3em;
  margin-bottom: 15px; }

.pricing-right {
  width: 30%;
  padding: 50px 0 50px 40px; }

.pricing-left {
  width: 70%;
  padding: 50px 40px 50px 0; }

.pricing-wrap:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 71.2%;
  background: #d0d2d3; }

.pricing-sub {
  font-size: 1.375em;
  line-height: 1.4em; }

.price {
  font-size: 9.375em;
  position: relative;
  line-height: 1.1em;
  margin-top: 20px; }

.price:before {
  content: "$";
  position: absolute;
  top: 5px;
  left: -45px;
  color: #97999c;
  font-size: 40%; }

.pricing-section {
  margin-top: 60px; }

.pricing-section-label {
  border-bottom: 1px solid #d0d2d3;
  padding-bottom: 3px;
  font-size: 0.875em;
  line-height: 1.3em; }

.pricing-section-list li {
  padding-top: 15px;
  width: 50%;
  padding-right: 30px; }

a.price-toggle {
  padding-left: 30px;
  min-height: 16px;
  background: url(images/plus.svg) no-repeat left 3px;
  display: block;
  cursor: pointer;
  font-size: 1em;
  line-height: 1.3em; }

a.price-toggle:hover {
  color: #bbbdbf; }

a.price-toggle.active {
  background-image: url(images/minus.svg);
  color: #4d4d4f; }

.price-text p {
  margin-top: 0; }

.price-text {
  padding-top: 10px;
  font-size: 0.875em;
  line-height: 1.5em;
  display: none; }

.price-number {
  margin-top: 10px;
  font-size: 115%;
  line-height: 1.3em; }

ul.pricing-sidebar-list {
  margin-bottom: 50px; }

ul.pricing-sidebar-list:last-child {
  margin-bottom: 0; }

ul.pricing-sidebar-list li {
  margin-top: 30px;
  padding-left: 50px;
  position: relative; }

.sidebar-number {
  width: 30px;
  height: 30px;
  border-radius: 120%;
  background: #4d4d4f;
  color: #fff;
  line-height: 29px;
  position: absolute;
  top: 3px;
  left: 0;
  text-align: center;
  font-size: 0.875em;
  letter-spacing: .05em; }

.sidebar-list-text {
  font-size: 1.5625em;
  line-height: 1.3em; }

/*.testimonial-image { margin: 20px auto; width: 130px; height: 130px; border: 10px solid $white; border-radius: 120%; overflow: hidden;}

.testimonial-image img { border-radius: 120%; overflow: hidden;}

.testimonial-cycle { padding: 80px 0 100px 0;}

.testimonial-cycle .slick-prev { background-image: url(images/vdk-grey-arrow-left.svg); left: auto; right: 50%; margin-right: 80px;}

.testimonial-cycle .slick-next { background-image: url(images/vdk-grey-arrow-right.svg); right: auto; left: 50%; margin-left: 80px;}

.testimonial-cycle .slick-prev, .testimonial-cycle .slick-next { background-size: 10px 17px; top: auto; bottom: 185px;}

.testimonial-wrap .inner { position: relative; z-index: 1;}

.testimonial-wrap { overflow: hidden;}

.testimonial-text { font-size: em(20px); padding: 0 30px;}

a.photos-link { background: $white; position: relative; border: 1px solid $border; border-right: 0; font-family: $sans; text-transform: uppercase; font-weight: bold; letter-spacing: .1em; color: $lt-grey; padding: 5px 10px 5px 50px; font-size: em(12px); line-height: 1.3em; display: inline-block;}

a.photos-link:hover { color: $vdk-grey;}

a.photos-link:before {
content: "";
width: 40px;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-right: 1px solid $border;
background: url(images/small-orange-arrow-right.svg) no-repeat center;
z-index: 1000;
}

.link-cycle { text-align: right; position: relative; bottom: 75px; z-index: 100000; }

.link-cycle .slick-slide { width: 100%;}
*/
.price-text p {
  margin: 0;
  padding: 5px 0; }

.price-text {
  padding-left: 30px; }

#scroll-nav {
  width: 110px;
  position: absolute;
  top: 100px;
  left: 25px;
  z-index: 10000; }

#scroll-nav.is-fixed {
  position: fixed; }

#scroll-nav a {
  display: block;
  color: #bbbdbf;
  margin-top: 10px;
  font-size: 0.75em; }

#scroll-nav a:hover, #scroll-nav a.on {
  color: #4d4d4f; }

#scroll-nav a:first-child {
  margin-top: 0; }

.image-band .xsmall-title {
  padding-left: 20px; }

#next {
  padding-bottom: 55px; }

.more-text {
  margin-top: 20px; }

.more-text:first-child {
  margin-top: 0; }

.mobile-know-title {
  display: none; }

/* !Pagination - - - - - */
.nav-previous, .nav-next {
  width: 50%; }

.nav-next {
  text-align: right; }

/* !Captions - - - - - */
a.caption-toggle {
  width: 28px;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
  cursor: pointer; }

.post-block a.caption-toggle {
  bottom: 15px;
  left: 15px; }

.slide-caption-wrap .slide-caption {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -webkit-transition: all .75s ease;
  -moz-transition: all .75s ease;
  transition: all .75s ease; }

.slide-caption-wrap.active .slide-caption {
  visibility: visible;
  opacity: 1; }

.slide-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.9);
  padding: 100px 10%; }

.caption-text {
  font-size: 3em;
  line-height: 1.1em;
  max-width: 800px; }

.caption-name {
  margin-top: 30px;
  font-size: 1em;
  line-height: 1.3em; }

a.caption-close {
  color: #97999c;
  padding-left: 30px;
  background: url(images/close.svg) no-repeat left center;
  height: 15px;
  line-height: 15px;
  margin-bottom: 15px;
  display: block;
  cursor: pointer; }

a.caption-close:hover {
  color: #f1652a; }

.caption-active .gallery-cycle .slick-prev,
.caption-active .gallery-cycle .slick-next,
.caption-active .gallery-cycle ul.slick-dots {
  visibility: hidden; }

.post-block {
  position: relative; }

.single-post .slide-caption-wrap {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1001; }

.single-post .slide-caption-wrap.active {
  display: block; }

.post-content {
  position: relative;
  z-index: 1; }

.over-post, .single-post #main {
  position: relative;
  z-index: 100; }

.caption-active header,
.caption-active a.gallery-logo,
.caption-active a.home-menu-toggle {
  opacity: 0 !important;
  visibility: hidden; }

.bobbi-name:after {
  content: "";
  width: 40px;
  height: 31px;
  position: absolute;
  left: 20px;
  top: 0;
  background: url(images/bobbi.svg) no-repeat center;
  background-size: 40px 31px; }

a.fav-toggle {
  padding: 4px 10px 4px 38px;
  height: auto;
  min-height: 24px;
  background: url(images/bobbi-white.svg) no-repeat 10px center #f1652a;
  background-size: 21px 16px;
  font-size: 0.75em;
  letter-spacing: .05em;
  width: auto;
  left: -10px !important; }

.fright a.fav-toggle {
  left: auto !important;
  right: -10px !important; }

a.fav-toggle:hover {
  color: #fff; }

/* !Portfolio - - - - - */
.gallery-count {
  position: absolute;
  top: 150px;
  right: 0;
  z-index: 1;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.caption-active .gallery-count {
  opacity: 0;
  visibility: hidden; }

.total-slides {
  font-size: 1.375em;
  line-height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px; }

.current-slide {
  font-size: 3.4375em;
  line-height: .7em;
  position: absolute;
  top: 0;
  right: 55px;
  text-align: right; }

.page-template-portfolio, .page-template-featured {
  background: url(images/loader.gif) no-repeat center #fff;
  background-size: 24px 24px; }

.portfolio-cycle {
  opacity: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.portfolio-cycle.loaded {
  opacity: 1; }

/* !New Info - - - - - */
.page-template-info .post-screen-text {
  max-width: none; }

.page-template-info .post-screen {
  bottom: auto;
  top: 0;
  height: 100%; }

.page-template-info #container,
.page-template-about #container {
  padding-top: 76px; }

.page-template-info .fixed-post-header,
.page-template-about .fixed-post-header {
  top: 76px; }

.image-break-screen {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px; }

.page-template-about .image-break-screen {
  position: absolute;
  top: 0; }

.cta-form input.medium, .cta-form textarea.medium {
  background: none;
  border: 1px solid #d0d2d3;
  height: 36px;
  font-size: 0.8125em; }

.cta-form ::-webkit-input-placeholder {
  font-size: 0.8125em; }

.cta-form :-moz-placeholder {
  /* Firefox 18- */
  font-size: 0.8125em; }

.cta-form ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 0.8125em; }

.cta-form :-ms-input-placeholder {
  font-size: 0.8125em; }

.cta-form textarea.medium {
  height: 200px; }

.cta-form .gform_footer {
  text-align: center; }

.cta-form .gform_footer img {
  margin: 10px auto 0 auto;
  display: block; }

#next .info-cta-headline {
  padding-bottom: 50px; }

#next {
  padding-top: 120px;
  margin-top: 0; }

.testimonial-slide {
  padding-right: 60%;
  width: 100%; }

.testimonial-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: url(images/trans.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.testimonial-image img {
  display: none; }

.testimonial-left {
  padding: 40px;
  width: 100%;
  font-size: 1.3125em;
  line-height: 1.3em; }

.testimonial-wrap:after {
  content: "";
  width: 40px;
  height: 28px;
  position: absolute;
  left: 40px;
  bottom: -28px;
  background: url(images/caption-tail.svg) no-repeat;
  z-index: 1; }

.testimonial-header {
  border-bottom: 2px solid #93422c;
  padding: 0 65px 3px 5px;
  font-size: 80%;
  line-height: 1.3em;
  position: relative; }

.test-name {
  min-height: 24px;
  padding-right: 30px;
  display: block;
  width: 100%;
  line-height: 24px; }

a.testimonial-next {
  width: 14px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  background: url(images/white-arrow-right.svg) no-repeat center;
  z-index: 10;
  text-indent: -9999px;
  cursor: pointer; }

.test-number {
  position: absolute;
  top: 0;
  right: 5px; }

.no {
  font-size: 65%; }

.know-blocks {
  margin-top: 120px; }

.block-bg {
  padding: 50px 60px;
  border: 10px solid rgba(147, 66, 44, 0.1);
  height: 100%; }

.know-blocks li {
  width: 50%;
  position: relative;
  cursor: pointer; }

.block-number {
  font-size: 1.875em;
  line-height: 1.1em;
  margin-bottom: 30px;
  letter-spacing: .05em; }

.block-number span {
  padding-bottom: 1px;
  border-bottom: 1px solid #fff; }

.block-title {
  font-size: 1.875em;
  line-height: 1.2em;
  margin-bottom: 15px; }

.block-text {
  font-size: 0.875em;
  line-height: 1.4em; }

.block-screen {
  position: absolute;
  top: 0;
  left: 0;
  background: #f7f7f6;
  width: 100%;
  height: 100%;
  padding: 30px 50px;
  opacity: 1;
  -webkit-transform: translateZ(0);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.know-blocks li:hover .block-screen {
  opacity: 0;
  visibility: hidden; }

.block-screen .block-number span {
  border-color: #bbbdbf; }

.know-blocks li:nth-child(2) .block-screen,
.know-blocks li:nth-child(3) .block-screen {
  background: #f1f1ef; }

.pricing-top {
  padding: 50px 0 15px 0; }

.pricing-headline {
  font-size: 5em;
  line-height: 1em; }

.pricing-left, .pricing-right {
  padding-top: 0; }

.price {
  line-height: .6;
  margin-top: 0; }

.pricing-section {
  width: 50%;
  float: left;
  padding: 0 0 0 30px;
  margin: 0; }

.pricing-section:first-child {
  padding: 0 30px 0 0; }

.includes:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #d0d2d3;
  position: absolute;
  top: 25px;
  left: 0; }

.pricing-section-label {
  border: none; }

ul.pricing-section-list li {
  width: 100%; }

.pricing-section-wrap {
  margin-top: 60px; }

.pricing-more {
  width: 100%;
  padding: 0; }

.pricing-section-list li {
  padding-right: 0; }

.image-band {
  overflow: hidden; }

/* !About - - - - - */
ul.icon-list li {
  width: 25%;
  cursor: pointer; }

.icon-wrap {
  padding: 70px 50px; }

.icon {
  max-width: 60px;
  margin: 0 auto 20px auto; }

.icon-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4d4d4f;
  padding: 30px;
  font-size: 0.875em;
  line-height: 1.5em;
  opacity: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

ul.icon-list li:hover .icon-screen {
  opacity: 1; }

.about-social a.button {
  margin-top: 0 !important;
  margin-right: 15px;
  border-color: #fff;
  color: #fff;
  position: relative; }

.about-social a {
  vertical-align: top; }

.word-cycle {
  padding: 0 0 30px 0; }

.orange-break {
  padding: 180px 0; }

.orange-break-label {
  padding-top: 5px; }

.orange-break-label span {
  position: static; }

.break-label {
  display: inline-block;
  padding: 15px 15px 18px 15px; }

.break-label a.button {
  color: #fff;
  border-color: #fff;
  cursor: default; }

.icons-label {
  margin-top: 50px; }

.page-template-about .know-blocks {
  margin-top: 10px; }

.page-template-about .know-blocks li {
  width: 33.33%; }

.page-template-about .know-blocks li:nth-child(2) .block-screen,
.page-template-about .know-blocks li:nth-child(3) .block-screen {
  background: #f7f7f6; }

.page-template-about .know-blocks li:nth-child(even) .block-screen {
  background: #f1f1ef; }

ul.instagram li {
  width: 25%;
  padding: 5px; }

ul.instagram li a {
  display: block;
  background: url(images/trans.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

ul.instagram {
  margin-top: 40px; }

.instagram-block, .squad {
  padding: 140px 0; }

.instagram-text {
  font-size: 1.125em;
  margin-top: 10px;
  line-height: 1.5em; }

a.instagram-link {
  line-height: 26px;
  display: inline-block;
  margin-top: 5px;
  color: #4d4d4f; }

a.instagram-link circle {
  fill: #f1652a;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

a.instagram-link svg {
  margin-right: 10px;
  position: relative;
  top: 7px; }

a.instagram-link:hover circle {
  fill: #4d4d4f; }

.page-template-about #testimonials {
  margin-top: 0; }

.featured-logo-wrap {
  padding: 0 20px; }

.featured .max {
  padding: 40px 100px; }

.featured .center-label {
  margin-bottom: 10px; }

.featured-cycle {
  padding: 0 20px; }

.featured-cycle .slick-prev {
  background: url(images/grey-arrow-left.svg) no-repeat center;
  left: -10px; }

.featured-cycle .slick-next {
  background: url(images/grey-arrow-right.svg) no-repeat center;
  right: -10px; }

.header-small-text {
  font-size: 1.375em;
  line-height: 1.5em; }

.page-template-about .post-screen-text {
  max-width: 50%; }

.squad-left {
  width: 65%;
  padding: 40px 40px 40px 0; }

.squad-right {
  width: 35%; }

.squad-wrap:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 65%;
  background: #d0d2d3; }

.squad-member {
  padding: 30px 40px;
  border-top: 1px solid #d0d2d3; }

.squad-member:first-child {
  border: none; }

.squad-image {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 120%;
  overflow: hidden; }

.squad-inner.has-image {
  padding-left: 150px;
  min-height: 120px; }

.squad-wrap {
  padding-top: 0; }

.squad-left-image {
  width: 42.4%; }

.squad-left-info.fright {
  width: 57.6%;
  padding-left: 30px; }

.squad-left-headline {
  font-size: 2.875em;
  line-height: 1.2em; }

.squad-left-subhead {
  margin-top: 5px; }

.squad-left-info .text {
  margin-top: 20px; }

.about-title {
  font-size: 8.125em; }

/* !New Blog Cats - - - - - */
.blog-nav-wrap {
  overflow: hidden;
  padding: 0 30px;
  color: #bbbdbf; }

li.sub-label,
.blog-nav-wrap span {
  font-size: 80%;
  position: relative;
  top: -1px; }

.blog-nav-wrap span {
  padding: 0;
  border: none;
  line-height: 28px;
  height: 28px;
  display: inline-block; }

.blog-nav-wrap button {
  background: none;
  font-family: "soleil", Arial, Verdana, sans-serif;
  font-weight: 900;
  margin-left: 20px;
  line-height: 28px;
  padding: 0;
  border: none;
  height: 28px;
  display: inline-block;
  text-transform: uppercase;
  color: #bbbdbf;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; }

.blog-nav-wrap button:hover,
.blog-nav-wrap button.is-checked {
  color: #4d4d4f; }

.list-header .mobile-post-date {
  margin-bottom: 10px; }

/* !For Photogs - - - - - */
.photog-link-wrap {
  padding: 15px; }

.photog-link {
  max-width: 500px;
  width: 100%;
  margin: 70px auto 0 auto; }

.photog-link:first-child {
  margin-top: 0; }

.photog-link a.button {
  display: block;
  margin: 0;
  border-width: 4px;
  border-color: #fff;
  color: #fff;
  font-size: 2.5em; }

.photog-link a.button:hover {
  border-color: #93422c;
  color: #93422c; }

.page-template-photogs #main {
  padding-top: 0; }

.photog-wrap {
  padding: 220px 0;
  background-color: #f1652a !important; }

/* !Hide Captcha Badge - - - - - */
.grecaptcha-logo,
.grecaptcha-badge {
  visibility: hidden !important; }

/* - - - Media Queries - - - */
@media only screen and (max-width: 1399px) {
  .header-title, .about-title {
    font-size: 6.25em; }
  .grid-title {
    font-size: 1.25em; }
  .grid-title {
    font-size: 1.375em; } }

@media only screen and (max-width: 1300px) {
  .info-gallery .slick-prev {
    background-image: url(images/white-arrow-left.svg);
    left: 10px; }
  .info-gallery .slick-next {
    background-image: url(images/white-arrow-right.svg);
    right: 10px; } }

@media only screen and (max-width: 1199px) {
  #scroll-nav {
    display: none !important; }
  .header-title, .first-post-title, .about-title {
    font-size: 4.75em; }
  .blog-nav-wrap .inner {
    padding-left: 0; }
  a.cat-toggle {
    border-left: none; }
  .grid-title {
    font-size: 1.25em; } }

@media only screen and (max-width: 1023px) {
  /* Style adjustments for viewports that meet the condition */
  .pricing-wrap:after,
  .pricing-wrap:before {
    display: none; }
  .header-title, .about-title {
    font-size: 3.125em; }
  ul.nav a {
    margin-left: 20px; }
  .full-list-left, .full-list-right {
    width: 100%;
    text-align: left;
    padding: 0; }
  .full-list-right {
    margin-top: 10px; }
  .list-post-text {
    padding: 25px; }
  .blog-list-left {
    padding-right: 250px; }
  .fixed-blog-nav {
    width: 250px; }
  .first-post-title {
    font-size: 2.8125em; }
  .first-post-screen {
    padding: 35px 25px; }
  .first-post-date {
    font-size: 1.25em; }
  .grid-title {
    font-size: 1.125em; }
  .info-max .xsmall-title {
    padding-left: 20px; }
  .info-section {
    margin-top: 80px; }
  #next {
    padding-bottom: 30px; }
  .price {
    padding-left: 40px; }
  .price:before {
    left: 0; }
  .stat {
    padding: 20px 0;
    border-top: 1px solid #d0d2d3;
    display: block;
    width: 100%;
    float: none; }
  .stat:nth-child(odd) {
    padding-right: 0;
    clear: both; }
  .stat:nth-child(even) {
    padding-left: 0; }
  .caption-text {
    font-size: 2em; }
  .testimonial-slide {
    padding-right: 50%; }
  .testimonial-image {
    width: 50%; }
  .testimonial-left {
    font-size: 1.25em;
    padding: 30px; }
  .testimonial-wrap:after {
    left: 30px; }
  .block-bg {
    padding: 40px 30px; }
  .featured .max {
    padding-left: 60px;
    padding-right: 60px; }
  .squad-image {
    width: 80px;
    height: 80px; }
  .squad-inner.has-image {
    padding-left: 100px;
    min-height: 80px; }
  .squad-left-headline {
    font-size: 2.25em; }
  .pricing-left, .pricing-right {
    width: 100%;
    float: left;
    padding: 40px 0; }
  .pricing-right {
    border-top: 1px solid #d0d2d3; }
  .pricing-headline {
    font-size: 3.75em; }
  .list-header {
    padding-bottom: 40px; }
  .list-header .header-subhead {
    margin-top: 10px; } }

@media only screen and (max-width: 950px) {
  .squad-image {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px auto;
    position: static; }
  .squad-inner.has-image {
    padding-left: 0;
    min-height: 0; }
  .header-small-text {
    font-size: 1.125em; }
  .photog-link {
    margin-top: 50px; }
  .photog-link a.button {
    font-size: 1.875em; }
  .photog-wrap {
    padding: 80px 0; } }

@media only screen and (max-width: 890px) {
  .fixed-blog-nav,
  ul.post-cols:before,
  ul.post-cols:after,
  .squad-wrap:before {
    display: none; }
  .block-screen {
    display: none !important; }
  .blog-list-left {
    padding-right: 0;
    border: none; }
  .blog-list {
    padding-bottom: 0; }
  .comments-left, .comments-right {
    width: 100%;
    float: none;
    padding-left: 0; }
  .comments-left {
    margin-bottom: 50px; }
  li.stats, li.said, li.feels {
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #d0d2d3;
    display: block;
    float: none; }
  li.stats {
    border: none; }
  .grid-sizer, .grid-item {
    width: 33.33%; }
  li.nav-space {
    padding: 0 15px; }
  a.home-menu-toggle {
    right: 20px; }
  .home-header header .inner {
    padding-right: 75px; }
  a.gallery-logo, .home-header a.logo {
    left: 20px; }
  .left_404, .right_404, .contact-left, .contact-right {
    width: 50%; }
  .left_404:after, .contact-left:after {
    left: 50%; }
  .large-headline {
    font-size: 5em; }
  .footer-left, .footer-right {
    width: 100%;
    text-align: center; }
  .footer-right {
    margin-top: 15px; }
  .info-gallery .slick-prev, .info-gallery .slick-next {
    background-size: 7px 12px; }
  .info-gallery .slick-prev {
    left: 0; }
  .info-gallery .slick-next {
    right: 0; }
  .page-template-info-php #main.pad {
    padding-top: 0; }
  .intro-text {
    font-size: 1.375em; }
  .price {
    font-size: 6.25em;
    padding-left: 30px; }
  .know-blocks li {
    width: 100%;
    cursor: default; }
  .block-bg {
    border: none;
    background: #f7f7f6;
    color: #97999c; }
  .know-blocks li:nth-child(even) .block-bg {
    background: #f1f1ef; }
  .block-number {
    color: #bbbdbf; }
  .block-number span {
    border-color: #bbbdbf; }
  .block-title {
    color: #4d4d4f; }
  .page-template-about .know-blocks li {
    width: 100%; }
  .featured-logo-wrap {
    padding: 0 15px; }
  .featured .max {
    padding-left: 35px;
    padding-right: 35px; }
  .squad-left {
    width: 100%;
    padding: 40px 0; }
  .squad-right {
    width: 100%;
    padding: 0;
    border-top: 1px solid #d0d2d3;
    position: relative; }
  .squad-member {
    width: 50%;
    padding: 40px 30px;
    float: left;
    border: none; }
  .squad-right:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #d0d2d3; }
  .squad-left-image {
    width: 38%; }
  .squad-left-info.fright {
    width: 62%; }
  .header-small-text {
    font-size: 1em; } }

@media only screen and (max-width: 800px) {
  .cat-wrap, a.cat-toggle {
    display: none; } }

@media only screen and (max-width: 767px) {
  /* Style adjustments for viewports that meet the condition */
  .blog-nav-wrap,
  .faq-left,
  ul.resp-tabs-list,
  .faq-wrap:before,
  .faq-number,
  .pricing-wrap:before,
  ul.post-cols:before,
  .single-post .home-header a.gallery-logo,
  .page-template-homepage a.home-menu-toggle,
  .page-template-portfolio a.home-menu-toggle,
  .page-template-featured a.home-menu-toggle,
  a.caption-toggle,
  .gallery-count,
  .squad-right:after,
  .includes:after,
  .grid-title:after,
  .icons-label,
  ul.icon-list {
    display: none; }
  li.nav-space,
  .fixed-post-header,
  .list-post-left:before,
  a.home-menu-toggle,
  .left_404:after,
  .contact-left:after,
  .slide-caption-wrap,
  .image-break-screen,
  .icon-screen {
    display: none !important; }
  .inner {
    padding: 0 20px; }
  .post-content .inner.skinny {
    padding: 0;
    max-width: 750px; }
  .post-block.text {
    padding: 0 20px; }
  .post-content, .list-header {
    padding: 40px 0; }
  .header-title, .about-title {
    font-size: 2.8125em;
    color: #4d4d4f !important;
    line-height: 1em; }
  .header-subhead {
    color: #f1652a !important; }
  .post-screen {
    position: static;
    padding: 40px 25px 0 25px;
    opacity: 1 !important; }
  .post-date {
    display: none; }
  .mobile-post-date {
    display: block;
    margin-bottom: 10px; }
  .post-screen .flex-item {
    text-align: left !important; }
  .flex-wrapper.right .post-screen-text {
    float: none; }
  .flex-wrapper.center .post-screen-text {
    margin: 0; }
  .post-screen-text {
    width: 100%;
    max-width: none; }
  /*
ul.nav { float: none; display: block; background: $orange; text-align: center; padding: 0;}
*/
  .top-header .inner {
    padding: 0; }
  /*
ul.nav li { display: block; float: none;}

ul.nav { font-size: em(15px); line-height: 1.3em; border-bottom: 3px solid $border; display: none;}

ul.nav a { display: block; margin-left: 0; color: $dk-orange !important; border-top: 1px solid $dk-orange; line-height: 1.4em; padding: 7px 20px 8px 20px;}

ul.nav a:hover { color: $white !important;}

ul.nav li:first-child a { border: none;}
*/
  .top-header,
  .single-post.is-fixed .top-header {
    padding: 0;
    height: auto;
    background: #fff; }
  header, header.short {
    position: static !important;
    height: auto;
    border-bottom: 1px solid #d0d2d3; }
  #container, #container.short {
    padding-top: 0; }
  a.nav-toggle {
    display: block; }
  .mobile-header {
    position: relative;
    padding: 15px 20px; }
  a.logo {
    float: none; }
  .post-header img, .post-screen {
    opacity: 1; }
  .list-post-left, .list-post-right {
    width: 100%;
    float: none; }
  .home-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000; }
  .home-header a.nav-toggle {
    display: block; }
  .home-header header {
    height: auto;
    background: none;
    border: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  .home-header .top-header {
    background: none;
    border: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  .home-header header .inner {
    padding: 0; }
  .home-header a.logo {
    visibility: hidden;
    position: static;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  a.gallery-logo {
    position: absolute;
    top: auto;
    bottom: 16px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  .home-header a.nav-toggle div {
    background: #fff; }
  .left_404, .right_404, .contact-left, .contact-right {
    width: 100%;
    padding: 40px 0; }
  .large-headline {
    font-size: 2.5em; }
  #main.pad {
    padding: 50px 0; }
  .social-label {
    font-size: 1.375em; }
  .info-gallery-title {
    font-size: 1em; }
  a.resp-accordion {
    display: block; }
  .faq-right {
    width: 100%;
    float: none;
    padding: 0; }
  .faq-text {
    font-size: 1.125em;
    padding-bottom: 30px; }
  a.resp-accordion:first-child .question {
    border: none; }
  .question {
    font-size: 1.125em; }
  .pricing-left, .pricing-right {
    width: 100%;
    float: none;
    padding: 40px 0; }
  .price {
    font-size: 5em;
    padding-left: 25px; }
  .price:before {
    top: -10px; }
  .pricing-headline {
    font-size: 1.875em; }
  .pricing-sub {
    font-size: 0.9375em; }
  .sidebar-list-text {
    font-size: 1.375em; }
  .info-cta-headline {
    font-size: 1.875em; }
  .single-post .home-header {
    position: static !important;
    overflow: visible; }
  .single-post .home-header header {
    background: #fff;
    border-bottom: 1px solid #d0d2d3; }
  .single-post .home-header a.logo {
    visibility: visible; }
  .single-post .home-header a.nav-toggle div {
    background: #d0d2d3; }
  .home-mobile-text {
    display: block; }
  /*
.page-template-homepage .home-header,
.page-template-portfolio .home-header,
.page-template-featured .home-header
{ position: static;}

.page-template-homepage .home-header a.logo,
.page-template-portfolio .home-header a.logo,
.page-template-featured .home-header a.logo
{ visibility: visible;}

.page-template-homepage .home-header a.nav-toggle div,
.page-template-portfolio .home-header a.nav-toggle div,
.page-template-featured .home-header a.nav-toggle div
{ background: $border;}

.page-template-homepage header,
.page-template-portfolio header,
.page-template-featured header
{ border-bottom: 3px solid #d0d2d3; background: $white;}

.home-cycle .gallery-screen { position: static; padding: 0 !important;}

img.home-image { display: block;}

.home-cycle .gallery-slide,
.portfolio-cycle .gallery-slide
{ height: auto; background: none !important; position: relative;}

.gallery-title-large,
.gallery-title-small
{ color: $vdk-grey !important; font-size: em(22px); line-height: 1.3em; margin: 0; padding-left: 20px; background: url(images/orange-arrow-right.svg) no-repeat left 7px; background-size: 9px 15px;}

.home-cycle .gallery-title-small span,
.home-cycle .gallery-title-small span.vdk-grey
{ font-size: 100% !important; color: $vdk-grey !important;}

.home-cycle .gallery-max { width: 100%; max-width: none; padding: 15px 20px !important; text-align: left !important; float: none !important; }

.gallery-screen a.button,
.gallery-screen a
{ border: none; background: none !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px;}

.home-cycle { position: static;}

.page-template-homepage { overflow: visible;}
*/
  .portfolio-cycle {
    height: auto; }
  .testimonial-slide {
    padding-right: 0; }
  .testimonial-image {
    position: static;
    width: 100%;
    height: auto;
    background: none !important; }
  .testimonial-image img {
    display: block; }
  .testimonial-left {
    padding: 20px; }
  .testimonial-wrap:after {
    left: 20px; }
  ul.icon-list li {
    width: 50%; }
  .icon-wrap {
    padding: 50px 30px; }
  .header-small-text {
    color: #4d4d4f; }
  .page-template-about .post-screen {
    padding-bottom: 40px; }
  .about-social a {
    margin: 0 10px 0 0; }
  .orange-break {
    padding: 60px 0; }
  .page-template-about .image-break-screen {
    display: flex !important; }
  .instagram-block,
  #next,
  .squad {
    padding: 60px 0; }
  .squad {
    padding-bottom: 20px; }
  .featured-logo-wrap {
    padding: 0 10px; }
  .featured .max {
    padding-left: 20px;
    padding-right: 20px; }
  .squad-left {
    padding: 30px 0; }
  .squad-right {
    border: none; }
  .squad-left-image, .squad-image {
    width: 120px;
    height: 120px;
    border-radius: 120%;
    overflow: hidden;
    position: absolute; }
  .squad-member {
    width: 100%;
    float: none;
    padding: 30px 0;
    border-top: 1px solid #d0d2d3 !important; }
  .squad-inner.has-image {
    min-height: 120px;
    padding-left: 150px; }
  .page-template-about .post-screen-text {
    max-width: none; }
  .squad-left-info.fright {
    width: 100%;
    float: none;
    padding-left: 150px;
    min-height: 120px; }
  .squad-left-headline {
    font-size: 1.75em; }
  .pricing-headline {
    font-size: 2.5em; }
  .pricing-top {
    padding-bottom: 20px; }
  .pricing-section {
    width: 100%;
    float: none;
    padding: 0; }
  .pricing-bonus {
    margin-top: 40px; }
  .pricing-section-label {
    border-bottom: 1px solid #d0d2d3; }
  .pricing-left, .pricing-right {
    padding: 0;
    border: none; }
  .pricing-right {
    margin-top: 40px; }
  .price:before {
    top: 0; }
  .grid-screen {
    height: auto;
    top: auto;
    bottom: 0;
    padding: 8px 15px;
    opacity: 1;
    transform: none !important; }
  .grid-title {
    font-size: 0.5625em; }
  header, header.short {
    border: none;
    overflow: hidden; }
  ul.nav {
    position: fixed;
    z-index: 10000;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #f7f7f6;
    border: none;
    padding: 80px 0 20px 0;
    display: block;
    visibility: hidden;
    left: -105%;
    font-size: 1.625em;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease; }
  ul.nav li {
    position: relative;
    left: -100%;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }
  .nav-active ul.nav {
    visibility: visible;
    left: 0;
    top: 0;
    padding-top: 98px; }
  .nav-active ul.nav li {
    left: 0; }
  ul.nav a {
    font-weight: 900;
    color: #4d4d4f;
    display: block;
    text-transform: lowercase;
    margin: 0;
    padding: 5px 30px;
    line-height: 1.1em;
    letter-spacing: normal; }
  ul.nav li:first-child a {
    margin-top: 0; }
  a.nav-toggle {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  ul.nav li {
    display: block;
    float: none; }
  .subnav-wrap {
    border: none;
    position: static;
    text-align: left;
    background: none;
    padding: 0;
    height: auto;
    height: 0;
    display: block;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }
  .subnav-wrap.active {
    height: auto;
    max-height: 200px;
    padding: 5px 0; }
  ul.subnav {
    display: block; }
  ul.subnav li {
    display: block;
    float: none; }
  ul.subnav a {
    font-weight: 900;
    color: #4d4d4f;
    display: block;
    text-transform: lowercase;
    font-size: 70%;
    margin: 0;
    padding: 5px 50px;
    line-height: 1.1em;
    letter-spacing: normal; }
  ul.subnav a:hover {
    color: #f1652a; }
  ul.subnav li:first-child a {
    margin-top: 0; }
  .mobile-header {
    height: 70px;
    z-index: 10001;
    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease;
    transition: background .4s ease; }
  .nav-active .mobile-header {
    width: 100%;
    position: fixed; }
  .fix-active .mobile-header {
    background: none; }
  .nav-active #main, .page-template-photogs.nav-active #main {
    padding-top: 70px; }
  li.sub-label {
    display: none !important; }
  .list-header {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px; }
  ul.nav li.photog-nav a {
    color: #4d4d4f; }
  ul.nav li.photog-nav a:hover {
    color: #f1652a; }
  ul.nav li.photog-nav span {
    font-style: normal !important; }
  a.sub-toggle span {
    position: relative; }
  a.sub-toggle span:after {
    content: "+";
    position: absolute;
    top: 7px;
    right: -20px;
    color: #f1652a;
    font-size: 70%; }
  a.sub-toggle.active span:after {
    content: "-";
    top: 6px;
    font-size: 75%; }
  .post-share {
    padding-left: 20px;
    padding-right: 20px; }
  .page-template-homepage.nav-active .home-header a.logo,
  .page-template-portfolio.nav-active .home-header a.logo,
  .page-template-featured.nav-active .home-header a.logo {
    visibility: visible; }
  .page-template-homepage.nav-active a.gallery-logo,
  .page-template-portfolio a.gallery-logo,
  .page-template-featured a.gallery-logo {
    display: none; }
  .page-template-portfolio .home-header a.nav-toggle div,
  .page-template-featured .home-header a.nav-toggle div {
    background: #4d4d4f; }
  .page-template-homepage.nav-active .home-header a.nav-toggle div,
  .page-template-portfolio.nav-active .home-header a.nav-toggle div,
  .page-template-featured.nav-active .home-header a.nav-toggle div {
    background: #d0d2d3 !important; }
  /*
.page-template-homepage.nav-active a.gallery-logo { position: fixed; z-index: 1000; top: 10px; background: url(images/bobbi.svg) no-repeat center; bottom: auto; height: 39px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}

.page-template-homepage.nav-active a.gallery-logo img { display: none;}
*/
  .page-template-homepage .gallery-cycle .gallery-title-large {
    font-size: 3.125em; }
  .page-template-homepage .gallery-cycle .gallery-complex .gallery-title-small {
    display: none; }
  .page-template-homepage .gallery-cycle .gallery-max {
    text-align: center !important;
    max-width: none;
    width: 100%; }
  .page-template-homepage .gallery-cycle .gallery-max.big-pad {
    padding: 0 30px; }
  .gallery-cycle .slick-prev,
  .gallery-cycle .slick-next {
    width: 30px !important;
    height: 30px !important;
    margin-top: -15px; }
  .page-template-homepage .gallery-cycle .slick-prev,
  .page-template-homepage .gallery-cycle .slick-next {
    top: auto;
    margin-top: 0;
    bottom: 8px; }
  .gallery-cycle .slick-prev {
    background: url(images/white-arrow-left.svg) no-repeat center !important;
    background-size: 10px 16px !important; }
  .gallery-cycle .slick-next {
    background: url(images/white-arrow-right.svg) no-repeat center !important;
    background-size: 10px 16px !important; }
  .gallery-cycle .slick-prev:before,
  .gallery-cycle .slick-next:before,
  .gallery-cycle .slick-prev:after,
  .gallery-cycle .slick-next:after,
  .portfolio-cycle ul.slick-dots,
  .page-template-portfolio a.gallery-logo,
  .page-template-featured a.gallery-logo {
    display: none !important; }
  .page-template-homepage ul.slick-dots {
    padding: 0 40px; }
  .portfolio-cycle {
    position: static; }
  .portfolio-cycle img.home-image {
    display: block; }
  .page-template-portfolio,
  .page-template-featured,
  .port-cycle-wrap,
  html {
    height: 100%; }
  .page-template-portfolio,
  .page-template-featured {
    height: 100%;
    background: url(images/loader-dark.gif) no-repeat center #1e1e1e;
    background-size: 24px 24px; }
  #know .inner {
    padding-top: 0; }
  .mobile-know-title {
    display: block; }
  .photog-link {
    margin-top: 20px; }
  .photog-link-wrap {
    padding: 10px; }
  .photog-link a.button {
    font-size: 1.25em; }
  .photog-wrap {
    padding: 40px 0; }
  .page-template-about .about-social a.button {
    border-color: #4d4d4f !important;
    color: #4d4d4f !important; }
  .home-header .top-header {
    height: auto; }
  .home-header .top-header:after {
    display: none; }
  .nav-active .home-header,
  .nav-active header,
  .nav-active .top-header {
    height: 100% !important; } }

@media only screen and (max-width: 600px) {
  /* Style adjustments for viewports that meet the condition */
  .grid-sizer, .grid-item {
    width: 50%; }
  .footer-right .xbold {
    display: block;
    margin-bottom: 12px; }
  a.social {
    margin: 0 3px !important; }
  .footer-sep {
    display: block;
    height: 8px;
    text-indent: -9999px; }
  .footer-left {
    line-height: 1.2em; }
  ul.pricing-section-list li {
    display: block;
    width: 100%; }
  ul.instagram li {
    width: 50%; } }

@media only screen and (max-width: 480px) {
  /* Style adjustments for viewports that meet the condition */
  .icon-wrap {
    padding: 50px 20px; }
  .squad-left-image, .squad-image {
    width: 80px;
    height: 80px; }
  .squad-inner.has-image {
    min-height: 80px;
    padding-left: 100px; }
  .squad-left-info.fright {
    padding-left: 100px;
    min-height: 80px; }
  .squad-left-headline {
    font-size: 1.5em; }
  .page-template-homepage .gallery-title-large {
    font-size: 2.25em; } }

@media only screen and (max-width: 445px) {
  /* Style adjustments for viewports that meet the condition */
  .grid-sizer, .grid-item {
    width: 100%; } }

@media only screen and (max-height: 460px) {
  /* Style adjustments for viewports that meet the condition */
  body.nav-active {
    min-height: 460px;
    height: 460px; }
  body.nav-active #container {
    height: 460px;
    overflow: hidden; }
  body.nav-active footer {
    display: none; }
  ul.nav,
  body.nav-active .mobile-header {
    position: absolute; } }

/* - - - Non-Semantic Helper Classes - - - */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

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

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* - - - Print Styles - - - */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  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: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    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; } }