/****************************
Theme Name: Karen Kimmel
Description: Custom theme for Karen Kimmel
Author: Alchemy + Aim / Storm Farrell
Author URI: http://www.alchemyandaim.com
****************************/
/***************************************
Main Style.scss
output file that brings together all of the parts,
then contains the most specific styles.
The parts are imported in order of specificty.
***************************************/
@import url(_static/fonts/font-awesome/font-awesome.css);
html {
  box-sizing: border-box; }

*,
*::after,
*::before {
  box-sizing: inherit; }

/****************************
Variables (colors etc.)
****************************/
/* Colors */
/* General */
/* Button */
/* media breakpoints (only when using Neat) */
/* Bourbon's Neat grid configuration */
/***************************************
Mixins
contains global mixins, functions, helper selectors, etc.
***************************************/
/* Fonts */
@font-face {
  font-family: 'bryant_promedium';
  src: url("_static/fonts/bryant/bryantpro-medium-webfont.eot");
  src: url("_static/fonts/bryant/bryantpro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("_static/fonts/bryant/bryantpro-medium-webfont.woff2") format("woff2"), url("_static/fonts/bryant/bryantpro-medium-webfont.woff") format("woff"), url("_static/fonts/bryant/bryantpro-medium-webfont.ttf") format("truetype"), url("_static/fonts/bryant/bryantpro-medium-webfont.svg#bryant_promedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bryant_pro_regularregular';
  src: url("_static/fonts/bryant/bryantpro-regular-webfont.eot");
  src: url("_static/fonts/bryant/bryantpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("_static/fonts/bryant/bryantpro-regular-webfont.woff2") format("woff2"), url("_static/fonts/bryant/bryantpro-regular-webfont.woff") format("woff"), url("_static/fonts/bryant/bryantpro-regular-webfont.ttf") format("truetype"), url("_static/fonts/bryant/bryantpro-regular-webfont.svg#bryant_pro_regularregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Self-clearing float mixin */
/* hover color mixin */
/* hover background-color mixin */
/* Vertical align mixin */
/* Remove default styling on UL elements */
/* Style placeholder text */
/* Button Placeholder */
button {
  border-radius: none;
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 13px;
  font-weight: bold;
  border-width: 1px;
  border-style: solid; }

/* Button mixin */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

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

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

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  display: none; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/***************************************
Vendor custom styles
contains custom styling overrides for plugins/dependancies
***************************************/
body .rsUni,
body .rsUni .rsOverflow,
body .rsUni .rsSlide,
body .rsUni .rsVideoFrameHolder,
body .rsUni .rsThumbs {
  background: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:hover,
  a:active {
    outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

/****************************
Base
contains global styles, 
such as resets, typography, colors, etc.
****************************/
::selection {
  background: #888;
  color: white; }

::-moz-selection {
  background: #888;
  color: white; }

body {
  color: #6d6868;
  font-family: 'bryant_pro_regularregular', serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  letter-spacing: 1.2px;
  line-height: 1.5; }

hr {
  border: none;
  border-bottom: 1px solid #d1bcb9; }

h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 5px;
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    h2 {
      font-size: 18px; } }

p {
  margin-top: 0; }

a {
  color: #404041;
  text-decoration: none; }
  a:hover, a:focus {
    color: #6d6868; }
  a:active {
    color: #656161; }
  a:active, a:focus {
    outline: none; }

/****************************
Bourbon Neat Grid classes
column classes to apply to html
****************************/
.col-12 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%; }
  .col-12:last-child {
    margin-right: 0; }

.col-11 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 91.4701957002%; }
  .col-11:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-11 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-11:last-child {
        margin-right: 0; } }

.col-10 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%; }
  .col-10:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-10 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-10:last-child {
        margin-right: 0; } }

.col-9 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%; }
  .col-9:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-9 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-9:last-child {
        margin-right: 0; } }

.col-8 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%; }
  .col-8:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-8 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-8:last-child {
        margin-right: 0; } }

.col-7 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%; }
  .col-7:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-7 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-7:last-child {
        margin-right: 0; } }

.col-6 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .col-6:last-child {
    margin-right: 0; }
  .col-6:nth-of-type(2n+2) {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-6 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-6:last-child {
        margin-right: 0; } }

.col-5 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%; }
  .col-5:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-5 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-5:last-child {
        margin-right: 0; } }

.col-4 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .col-4:last-child {
    margin-right: 0; }
  .col-4:nth-of-type(3) {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-4 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-4:last-child {
        margin-right: 0; } }

.col-3 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .col-3:last-child {
    margin-right: 0; }
  .col-3:nth-of-type(4) {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-3 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .col-3:last-child {
        margin-right: 0; }
      .col-3:nth-of-type(2) {
        margin-right: 0; } }

.col-2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%; }
  .col-2:last-child {
    margin-right: 0; }
  .col-2:nth-of-type(6) {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-2 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .col-2:last-child {
        margin-right: 0; }
      .col-2:nth-of-type(2) {
        margin-right: 0; } }

.col-1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%; }
  .col-1:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-1 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-1:last-child {
        margin-right: 0; } }

/****************************
Components
contains each self-contained components
****************************/
.container {
  max-width: 890px;
  margin-left: auto;
  margin-right: auto; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  .container .row {
    display: block; }
    .container .row::after {
      clear: both;
      content: "";
      display: table; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (max-width: 767px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }
  .container img {
    max-width: 100%;
    height: auto; }

button {
  color: white;
  border-color: #404041;
  background-color: #404041; }
  button:hover, button:active {
    color: white;
    background-color: #1a1a1a;
    outline: none; }
  button:focus {
    outline: none; }

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

.group:after {
  clear: both; }

.group {
  zoom: 1; }

.section-title {
  display: block;
  font-family: 'bryant_promedium', serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  margin-bottom: 50px;
  text-align: center; }

ul.social-follow {
  padding: 0;
  margin: 0;
  list-style: none; }
  ul.social-follow li {
    display: inline-block;
    margin: 0 5px; }
  ul.social-follow li a {
    font-size: 16px;
    color: #d1bcb9; }
    ul.social-follow li a:hover, ul.social-follow li a:focus {
      color: #6d6868; }
    ul.social-follow li a:active {
      color: #656161; }

/***************************************
General 
contains styling for larger layout components; 
e.g. nav, header, footer, etc.
***************************************/
/****************************
Header
****************************/
header.header {
  text-align: center; }
  header.header .logo {
    display: block;
    margin: 30px auto;
    max-width: 330px; }

nav.main-nav {
  background-color: #d1bcb9;
  font-family: 'bryant_promedium', serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 30px; }
  nav.main-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 10px; }
  nav.main-nav ul li {
    border-right: 1px solid white;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    text-transform: uppercase; }
    nav.main-nav ul li:last-child {
      border-right: 0; }
  nav.main-nav ul li a {
    display: block;
    padding: 5px 0; }
  @media screen and (max-width: 767px) {
    nav.main-nav {
      font-size: 9px; }
      nav.main-nav .container {
        padding-left: 5px;
        padding-right: 5px; }
      nav.main-nav ul {
        padding: 5px 0; } }

/****************************
Footer
****************************/
footer.footer {
  background-color: #d1bcb9;
  color: white;
  margin-top: 40px;
  padding: 40px; }
  footer.footer p {
    float: left;
    font-family: 'bryant_promedium', serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 9px;
    letter-spacing: 1;
    margin-bottom: 0;
    margin-right: 45px;
    padding: 3px 45px 3px 0;
    text-transform: uppercase;
    vertical-align: top; }
    footer.footer p:first-child {
      border-right: 1px solid white; }
  footer.footer ul.social-follow {
    border-left: 1px solid white;
    float: right;
    padding-left: 30px;
    position: relative;
    top: -3px; }
    footer.footer ul.social-follow li a {
      color: white; }
      footer.footer ul.social-follow li a:hover, footer.footer ul.social-follow li a:focus {
        color: #6d6868; }
      footer.footer ul.social-follow li a:active {
        color: #656161; }
  @media screen and (max-width: 767px) {
    footer.footer {
      padding: 20px 0;
      text-align: center; }
      footer.footer p {
        display: inline-block;
        float: none;
        margin: 0;
        margin-bottom: 10px;
        padding: 0; }
        footer.footer p:first-child {
          border-right: none; }
      footer.footer ul.social-follow {
        border-left: 0;
        float: none;
        margin-top: 10px;
        padding: 0; } }

/****************************
General Styles
****************************/
.portfolio-item {
  clear: both;
  display: block;
  margin-bottom: 50px;
  display: block; }
  .portfolio-item::after {
    clear: both;
    content: "";
    display: table; }
  .portfolio-item:last-of-type {
    margin-bottom: 0; }
  .portfolio-item .owl-carousel {
    position: relative; }
    .portfolio-item .owl-carousel .owl-nav i {
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      height: 31px;
      line-height: 40px;
      width: 17px; }
      .portfolio-item .owl-carousel .owl-nav i.angle-left {
        background-image: url("_static/images/carousel-arrow--left.png"); }
      .portfolio-item .owl-carousel .owl-nav i.angle-right {
        background-image: url("_static/images/carousel-arrow--right.png"); }
    .portfolio-item .owl-carousel .owl-prev,
    .portfolio-item .owl-carousel .owl-next {
      display: block;
      line-height: 0;
      margin-top: -8px;
      position: absolute;
      top: 50%; }
      .portfolio-item .owl-carousel .owl-prev:hover,
      .portfolio-item .owl-carousel .owl-next:hover {
        opacity: 0.8; }
    .portfolio-item .owl-carousel .owl-prev {
      left: -30px; }
    .portfolio-item .owl-carousel .owl-next {
      right: -30px; }
    @media screen and (max-width: 767px) {
      .portfolio-item .owl-carousel .owl-nav {
        display: none; } }
  .portfolio-item .slider-tabs {
    margin-top: 20px; }
    .portfolio-item .slider-tabs .tab-container {
      min-height: 85px;
      padding-top: 10px; }
      .portfolio-item .slider-tabs .tab-container ul.tabs-list {
        border-right: 1px solid #d1bcb9;
        float: left;
        font-family: 'bryant_promedium', serif;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0;
        margin: 0;
        list-style: none;
        margin-right: 4%;
        padding-right: 4%;
        text-transform: uppercase;
        width: 22%; }
      .portfolio-item .slider-tabs .tab-container li.tab {
        line-height: 1.3;
        margin-bottom: 5px;
        padding: 2px 5px; }
      .portfolio-item .slider-tabs .tab-container li.tab.active {
        background-color: #d1bcb9; }
        .portfolio-item .slider-tabs .tab-container li.tab.active a {
          color: white; }
      .portfolio-item .slider-tabs .tab-container .tab-content {
        float: left;
        font-family: 'lora', serif;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 70%; }
      @media screen and (max-width: 767px) {
        .portfolio-item .slider-tabs .tab-container ul.tabs-list {
          border-bottom: 1px solid #d1bcb9;
          border-right: 0;
          float: none;
          margin-bottom: 10px;
          padding-right: 0;
          width: 100%; }
        .portfolio-item .slider-tabs .tab-container li.tab {
          font-size: 9px;
          display: inline-block; }
        .portfolio-item .slider-tabs .tab-container .tab-content {
          clear: left;
          float: none;
          width: 100%; } }
    .portfolio-item .slider-tabs p.what-we-did {
      display: block;
      margin-bottom: 0;
      margin-right: 4%;
      padding: 0 4% 10px 5px;
      text-transform: uppercase;
      width: 188.5px; }

.page-about .row {
  border-bottom: 1px solid #d1bcb9;
  margin: 30px 0;
  padding-bottom: 40px; }
  .page-about .row:last-of-type {
    border-bottom: 0;
    padding-bottom: 0; }

.page-about .row.about {
  margin-top: 40px; }

.page-about .about-text {
  border-right: 1px solid #d1bcb9;
  font-size: 18px;
  padding-right: 30px; }
  @media screen and (max-width: 767px) {
    .page-about .about-text {
      border-right: none;
      font-size: 14px;
      margin: 0;
      padding: 0; } }

.page-about .about ul.social-follow {
  margin-top: 30px; }
  .page-about .about ul.social-follow li a {
    font-size: 20px; }

.page-about .studio-info {
  color: #d1bcb9;
  font-family: 'bryant_promedium', serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 100px;
  text-align: center;
  text-transform: uppercase; }
  .page-about .studio-info span {
    color: #6d6868; }
  .page-about .studio-info a {
    color: #d1bcb9; }
    .page-about .studio-info a:hover, .page-about .studio-info a:focus {
      color: #6d6868; }
    .page-about .studio-info a:active {
      color: #656161; }
  @media screen and (max-width: 767px) {
    .page-about .studio-info {
      padding-top: 30px; } }

.page-about .team .member {
  font-family: 'lora', serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 30px;
  padding: 0 10px; }
  .page-about .team .member img {
    border-radius: 50%;
    float: left;
    height: auto;
    margin: 0 15px 10px 0;
    width: 125px; }
  .page-about .team .member header {
    font-family: 'bryant_promedium', serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase; }
  .page-about .team .member header small {
    color: #d1bcb9;
    display: block; }
  @media screen and (max-width: 767px) {
    .page-about .team .member {
      text-align: center; }
      .page-about .team .member img {
        display: inline-block;
        float: none;
        margin: 0; } }

.page-about .press .list-wrapper {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4; }
  @media screen and (max-width: 767px) {
    .page-about .press .list-wrapper {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
      text-align: center; } }

.page-about .press ul {
  font-family: 'lora', serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  list-style: none; }
  .page-about .press ul a {
    color: #d1bcb9; }
    .page-about .press ul a:hover, .page-about .press ul a:focus {
      color: #6d6868; }
    .page-about .press ul a:active {
      color: #656161; }

body.error404 header + .container {
  padding-bottom: 50px;
  text-align: center; }

/****************************
Woocommerce
****************************/
/****************************
Media Queries
****************************/