/*!
Theme Name: Wowowa
Author: Dylan Nichols
Author URI: http://superbia.com.au/
Description: A custom theme for Wowowa designed by <a href="http://principledesign.com.au/">Principle Design</a>.
Version: 1.0
License: This is a custom theme and may not be used without permission.
Tags:

This stylesheet is generated from the SASS file at compile/sass/style.scss
all style changes should be made to that file.
*/
.vertical-align {
  height: 100%;
  word-spacing: -0.4em; }

.vertical-align:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.va-centered {
  display: inline-block;
  vertical-align: middle;
  word-spacing: 0; }

.va-top {
  display: inline-block;
  vertical-align: top;
  word-spacing: 0; }

.va-bottom {
  display: inline-block;
  vertical-align: bottom;
  word-spacing: 0; }

.subscribe .btn:before, .prev-next:before, [class^="icon-"]:before, [class^="icon-"]:after,
[class*=" icon-"]:before, [class*=" icon-"]:after,
[data-icon] {
  font-family: "wowowa-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* ==========================================================================
   Base
   ========================================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  font-family: "TradeGothicNextLTPro-Rg", serif;
  background-color: #fff;
  color: #53534e;
  font-size: 100%; }

h1.header_text {
  font-family: "Tangerine"!important;
  font-style: normal!important;
}

h2,
h3,
h4 {
  font-weight: 500;
  color: #191919;
  font-style: normal;
  
   }

h2 {
  font-size: 1.8125em;
  line-height: 1.1em;
  margin: 0 0 0.55172em;
  font-family: "Tangerine"!important;
  font-style: normal;
  
  }
  h2 a {
    color: inherit;
    text-decoration: none;
    font-family: "Tangerine"!important;
     font-style: normal;
     }

p {
  margin: 0 0 1em 0; }

.menu_popup .menu_inner ul li a {
	 font-family: "Tangerine"!important;
	 font-style: normal;
	
}

h2.col-title {
	 font-family: "Tangerine"!important;
	 font-style: normal;
}

blockquote {
  font-family: 'Tangerine'!important;
	font-weight: 400;
	font-style: normal;
  text-align: center; }
/*
  blockquote:before {
    content: '\201C';
    display: inline-block; }
  blockquote:after {
    content: '\201D';
    display: inline-block; }
*/

/* ==========================================================================
   Layout
   ========================================================================== */
.wrapper {
  position: relative;
  margin: 0 1.25em; 
  width: 1378px;
  max-width: calc(100% - 40px);
  }
  @media screen and (min-width: 48em) {
    .wrapper {
      margin: 0 auto; 
    } 
  }
  
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300; 
  }

body:not(.home) .header {
	background: #ffffff;
}

.main {
  overflow: auto;
  padding-top: 22px; }
  
  .main .wrapper {
    padding-top: 3.75em; }

@media screen and (min-width: 48em){
	#public .main, #residential .main {
   	 padding-bottom: 160px!important;
	}
	#public .footer, #residential .footer {
    	margin-top: -140px!important;
	}
}

@media screen and (min-width: 48em) {
  .main-sticky {
    min-height: 100%;
    margin-bottom: -280px; }
    .main-sticky:after {
      content: '';
      display: block;
      height: 280px; } }

@media screen and (min-width: 88em) {
  .main-sticky {
    margin-bottom: -170px; }
    .main-sticky:after {
      height: 170px; } }

.main-page .wrapper {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMzc4IDExNDgiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPgoJPHBvbHlnb24gZmlsbD0icmdiKDI1NSwgMjQ3LCAyMzApIiBwb2ludHM9IjAsMCAwLDExNDggMTM3OCwwIiAvPgo8L3N2Zz4=), url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMTQ4IDExNDgiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNYXhZTWF4IG1lZXQiPgoJPHBvbHlnb24gZmlsbD0icmdiKDIyNywgMjU1LCAyNDApIiBwb2ludHM9IjAsMTE0OCAxMzc4LDExNDggMTM3OCwwIiAvPgo8L3N2Zz4=);
  background-size: contain;
  background-position: left top, right bottom;
  background-repeat: no-repeat; }

.main-home .wrapper {
  padding: 0; }

.panel {
  width: 100%;
  overflow: auto; }

.divider {
  width: 100%;
  overflow: hidden;
/*   border-top: 1px solid #e2e2dd; */
  padding-top: 2.1875em;
  margin-top: 40px; }

.footer {
  background-color: #f3f2ee;
  padding: 2.5em 0 1.875em;
  text-align: center; }
  
#custom .footer .col-footer p, #custom .footer .col-footer p a, #custom .footer .nav-social a, #custom .footer .pd-credit a, #custom .footer h4, #custom .footer strong {
  color:#fff!important;
}

#custom .footer svg path {
    fill: #fff!important;
}

#custom .footer .nav-social dt{
	 color:#fff!important;
}
#custom .footer .nav-top a{
    background: #fff!important;
}
#custom .footer .nav-top:after {
    border-bottom: 10px solid #fff;
}

  
  @media screen and (min-width: 48em) {
    .footer {
	    position: relative;
	    z-index: 10;
      height: 280px;
padding: 2.8125em 0 0;

      text-align: left; } }
      
     @media screen and (min-width: 48em) {
	    #public .footer, #residential .footer {
		     padding: 0px;
	     }
     } 
     
      
  @media screen and (min-width: 88em) {
    .footer {
      height: 170px;
      padding-top: 2.5em; 
    } }

/* ==========================================================================
   Module
   ========================================================================== */
/**
 * Navbar
 */
.navbar {
  width: 100%;
  height: 40px;
/*   background-color: #ebebeb; */
	background-color: transparent; }
  @media screen and (min-width: 48em) {
    .navbar {
      height: 54px; } }
  .navbar .wrapper {
    height: 100%; }

.navbar-logo {
  font-size: 0.8125em;
  line-height: 3.69231em;
  font-weight: 500;
  text-align: right;
  color: #403f3b;
  margin: 0; }
  @media screen and (min-width: 48em) {
    .navbar-logo {
      font-size: 1.25em;
      line-height: 3em; } }
  .navbar-logo a {
    width: 92px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 30px;
    margin: -9px 0 0 0; }
    @media screen and (min-width: 48em) {
      .navbar-logo a {
        width: 115px;
        height: 23px;
        left: 50%;
        margin: -12px 0 0 -57px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .intro-active .navbar-logo a {
          width: 280px;
          height: 55px;
          margin: -10px 0 0 -140px; } }
  .navbar-logo img {
    display: block;
    width: 100%;
    height: 100%; }

.nav-main-wrapper {
  max-height: 0;
  overflow: hidden;
  background-color: #eee0f0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .nav-open .nav-main-wrapper {
    max-height: 500px;
    visibility: visible;
    opacity: 1; }
    @media screen and (min-width: 48em) {
      .nav-open .nav-main-wrapper {
        height: 220px;
        max-height: 220px; } }

/* Navbar: toggle */
.navbar-toggle {
  width: 18px;
  float: left;
  position: relative;
  padding: 0;
  margin-top: 12px;
  text-indent: 110%;
  overflow: hidden;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1;
  color: #191919;    font-family: "Tangerine"!important;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s; }
  @media screen and (min-width: 48em) {
    .navbar-toggle {
      width: auto;
      text-indent: 0;
      padding-left: 32px;
      margin-top: 20px; } }
  .navbar-toggle:hover {
    color: #000; }

.navbar-toggle:hover .burger,
.navbar-toggle:hover .burger:before,
.navbar-toggle:hover .burger:after,
.nav-open .burger,
.nav-open .burger:before,
.nav-open .burger:after {
  background-color: #559fab; }

.burger, .burger:before, .burger:after {
  display: block;
  width: 18px;
  height: 2px;
  left: 0;
  position: absolute;
  background-color: #525252;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.burger {
  top: 7px; }
  .burger:before {
    content: '';
    top: -6px; }
  .burger:after {
    content: '';
    position: absolute;
    top: 6px; }

/**
 * Navigation
 */
.nav {
  margin: 0;
  padding: 0;
  list-style: none; }
  .nav a {
    color: #191919;
    text-decoration: none; }

/* Navigation: main */
.nav-main {
  width: 100%;
  float: left;
  margin-top: 1.25em; }
  @media screen and (min-width: 48em) {
    .nav-main {
      width: 18.125em; } }
  .nav-main li {
    font-size: 1.5em;
    line-height: 1;
    font-weight: 500;
    border-bottom: 1px solid #dcd4d2; }
  .nav-main a {
    display: inline-block;
    padding: 0.41667em 0 0.33333em;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }

.nav-main a:hover,
.about .nm-about a,
.portfolio .nm-portfolio a,
.services .nm-services a,
.contact .nm-contact a {
  color: #559fab; }

.navbar-logo span{
	font-family: "Tangerine"!important;
}

/* Navigation: social */
.nav-social dt {
  display: none; }
  @media screen and (min-width: 48em) {
    .nav-social dt {
	  font-family: "Tangerine"!important;
      font-size: 1.125em;
      line-height: 1;
      display: inline-block;
      padding-top: 4px;
      margin: 0 16px 0 0; } }

.nav-social dd {
  display: inline-block;
  font-size: 1.8125em;
  line-height: 1;
  margin: 0 12px;
  vertical-align: middle; }
  @media screen and (min-width: 48em) {
    .nav-social dd {
      font-size: 1.5em; } }

.nav-social .ns-instagram,
.nav-social .ns-facebook {
  font-size: 1.5em; }
  @media screen and (min-width: 48em) {
    .nav-social .ns-instagram,
    .nav-social .ns-facebook {
      font-size: 1.3125em; } }

.nav-social a {
  color: #53534e;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  .nav-social a:hover {
    color: #000; }

/* Navigation: return to top */
.nav-top {
  display: inline-block;
  position: relative;
  margin-top: 4em;
  font-size: 0.625em;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media screen and (min-width: 48em) {
    .nav-top {
      position: absolute;
      top: 20px;
      right: 0;
      margin-top: 0; } }
  @media screen and (min-width: 88em) {
    .nav-top {
      display: inline-block;
      position: relative;
      top: auto;
      right: auto;
      margin-top: 5px; } }
  .nav-top:hover {
    -webkit-transform: translateY(-1em);
    -moz-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    -o-transform: translateY(-1em);
    transform: translateY(-1em); }
  .nav-top:after {
    content: '';
    height: 0;
    position: absolute;
    top: -17px;
    left: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #403f3b; }
  .nav-top a {
    display: block;
    padding: 3px 4px 2px 8px;
    margin-right: -14px;
    background-color: #403f3b;
    color: #fff;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform: rotate(-90deg) translate(-50%, 50%);
    -webkit-transform-origin: 0 50% 0;
    -moz-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    -o-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50%; }

/* Navigation: watch */
.nav-watch li {
  font-size: 1em;
  margin-bottom: 0.8em; 
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  padding-right: 33%;
  padding-bottom: 20px;
  }

.nav-watch li strong {
	display: block;
	margin-bottom: 15px;
	color: #191919;
}

.nav-watch a {
  border-bottom: 1px solid #191919;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out; }

.nav-watch .active > a,
.nav-watch a:hover {
  border-color: #191919; }

/* Navigation: project prev & next */
.nav-project {
  width: 100%;
  float: left;
  padding-bottom: 5em; }
  .nav-project li {
    color: #191919;
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 48em) {
      .nav-project li {
        font-size: 1.4375em;
        line-height: 1.6; } }
  .nav-project a {
    color: #191919;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
  .nav-project a:hover {
    color: #559fab; }

.nav-project-prev {
  float: left; }
  .nav-project-prev span:before {
    font-size: 38px;
    float: left;
    padding-right: 0.5em; }

.nav-project-next {
  float: right; }
  .nav-project-next span:after {
    font-size: 38px;
    float: right;
    padding-left: 0.5em; }

/**
 * Subscribe form
 */
.subscribe .form-group {
  margin: 0 0 8px; }
  .subscribe .form-group input {
    width: 100%;
    height: 31px;
    border: 0;
    padding: 0 10px;
    font-family: "TradeGothicNextLTPro-Rg", serif;
    font-size: 0.9375em; }

.subscribe .inline-error {
  display: inline-block;
  padding-top: 0.5em;
  color: #559fab; }

.subscribe .btn {
  color: #000; }
  .subscribe .btn:before {
    content: "\e602";
    font-size: 38px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .subscribe .btn:hover:before {
    padding-left: 0.5em;
    color: #559fab; }
  .subscribe .btn.disabled:before {
    padding-left: 1em;
    visibility: hidden;
    opacity: 0; }

.subscribe-success {
  display: none; }

.subscribe-header {
  width: 100%;
  float: left; }
  @media screen and (min-width: 48em) {
    .subscribe-header {
      width: 14.375em;
      float: right; } }
  .subscribe-header h4 {
    font-size: 1.1875em;
    line-height: 1.10526em;
    margin: 1.68421em 0 0.63158em; }
  .subscribe-header .subscribe-submit {
    margin: -6px 0 0; }
  .subscribe-header .btn span {
    position: absolute;
    text-indent: -9000px; }

/**
 * Footer
 */
.footer h4 {
  font-size: 0.9375em;
  font-weight: 400;
  margin: 0 0 1.33333em;
  color: #53534e; 
   font-family: "Tangerine"!important;
  }
  @media screen and (min-width: 48em) {
    .footer h4 {
      font-size: 1.125em; } }
  @media screen and (min-width: 88em) {
    .footer h4 {
      margin: 0; } }
  .footer h4 a {
    display: block;
    margin: 0 0 0.26667em; }
    @media screen and (min-width: 48em) {
      .footer h4 a {
        margin: 0 0 0.11111em; } }

.col-footer p {
  font-family: "Tangerine"!important;
  font-size: 0.9375em;
  margin: 0 0 0.26667em;
  color: #53534e; }
  @media screen and (min-width: 48em) {
    .col-footer p {
      font-size: 1.125em;
      margin: 0 0 0.11111em; } }
  .col-footer p a {
	font-family: "Tangerine"!important;
    color: #53534e;
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
    .col-footer p a:hover {
      color: #53534e; }

.col-footer strong {
	 font-family: "Tangerine"!important;
  font-weight: 400;
  color: #53534e;
  display: block; }
  @media screen and (min-width: 48em) {
    .col-footer strong {
      width: 78px;
      display: inline-block; } }

/* Footer: columns */
.col-footer.nav-social {
  margin-top: 1.5em; }

@media screen and (min-width: 48em) {
  .col-footer {
    float: none;
    margin-left: 256px; }
  .col-footer-header {
    width: 256px;
    float: left;
    margin: 0; } }

@media screen and (min-width: 88em) {
  .footer .wrapper {
    text-align: justify; }
  .col-footer {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0; }
  .col-footer-header {
    width: auto; }
  .col-footer.nav-social {
    margin-top: 0; } }

/* Footer: credit */
.pd-credit {
  width: 100%;
  display: block;
  margin-top: 1em;
  padding-top: 0.875em;
  text-align: center; 
  border-top:none!important;
  
  }
  @media screen and (min-width: 48em) {
    .pd-credit {
      width: auto;
      margin-left: 256px;
      text-align: left; } }
  @media screen and (min-width: 88em) {
    .pd-credit {
      width: 100%;
      display: inline-block;
      margin-left: 0;
      text-align: center; } }
  .pd-credit small {
    font-size: 0.875em;
    line-height: 1; }
  .pd-credit a {
    color: #83827f;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
  .pd-credit a:hover {
    color: #559fab; }

/**
 * Sliders
 */
.slider {
  width: 100%;
/*   position: relative; */
	position: static;
  overflow: hidden;
  z-index: 10;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.slides {
  width: 100%;
  height: 100%;
  min-height: 460px;
/*
  position: absolute;
  top: 0;
  left: 0;
*/
  /* Show the first slide when js not enabled */ }
  .slides .slide,
  .slides > img {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1; }
  .slides .slide {
    width: 100%;
    height: 100%;
    text-align: center;
    background-position: center center;
    background-size: cover; }
  .slides img {
    width: auto;
    height: auto;
    max-width: 100%; }
  .slides .slide:nth-child(1),
  .slides img:nth-child(1) {
    z-index: 100; }
  .slides .slide:nth-child(1) + .slide,
  .slides img:nth-child(1) + img {
    position: static; }

/* Slider control wrappers */
.slider-controls {
  position: relative;
  z-index: 200; }
/*
  .touch .slider-controls {
    display: none; }
*/

.slider-watch .slides {
	min-height: auto;
}

.slider-controls-centered {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }
  @media screen and (min-width: 48em) {
    .slider-controls-centered {
      width: 744px;
      left: 50%;
      margin-left: -372px; } }
  @media screen and (min-width: 64em) {
    .slider-controls-centered {
      width: 994px;
      margin-left: -497px; } }
  @media screen and (min-width: 88em) {
    .slider-controls-centered {
      width: 1378px;
      margin-left: -689px; } }

.slider-controls-inline {
  width: 100%;
  height: 38px;
  position: absolute;
  bottom: 30px; }

/**
 * Controls: Slider and Carousels
 */
.prev-next {
  position: absolute;
  top: 50%;
  z-index: 200;
  padding: 0;
  margin-top: -0.5em;
  color: #191919;
  background: transparent;
  border: 0;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 0;
  text-decoration: none;
  outline: none; }
  .prev-next:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    font-size: 38px; }

.pn-left {
  left: 0;
  text-align: left; }
  .pn-left:before {
    content: "\e601"; }

.pn-right {
  right: 0;
  text-align: right; }
  .pn-right:before {
    content: "\e602"; }

/* Controls: pager */
.slider-pager {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  list-style: none; }

.slider-pager li {
  display: inline; }

.slider-pager a {
  width: 12px;
  height: 12px;
  margin: 0 9px;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: #000;
  outline: none;
  -webkit-transition: background-color, 0.5s;
  -moz-transition: background-color, 0.5s;
  -o-transition: background-color, 0.5s;
  transition: background-color, 0.5s;
  font: 0/0 a; }

.slider-pager a:hover,
.slider-pager .active a,
.slider-pager .slick-active a {
  background-color: #fff; }

/**
 * Slider: featured
 */
.section-featured {
  height: 100%;
  position: relative;
  overflow: auto; }
  .section-featured h1{
	  position: absolute;
	  -webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;z-index: 12;
	margin: 0px;
  }
  .section-featured img {
    display: none; }

.slider-featured {
  height: 100%;
  float: left; }
  .js .slider-featured {
    visibility: hidden;
    opacity: 0; }
  .js .slider-featured.slider-loaded {
    visibility: visible;
    opacity: 1; }
  .slider-featured .prev-next {
    width: 80px;
    height: 80px;
    margin-top: -38px;
    color: #fff; }
    .slider-featured .prev-next:hover {
      color: #559fab; }
    .slider-featured .prev-next:before {
      font-size: 80px; }
  .slider-featured .pn-left:before {
    content: "\e608"; }
  .slider-featured .pn-right:before {
    content: "\e609"; }
  .slider-featured .btn-scroll {
/*     width: 100px; */
    font-family: "Tangerine"!important;
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 100;
    margin-left: -50px;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase; }
    .slider-featured .btn-scroll:hover {
/*       color: #559fab; */ }
      .slider-featured .btn-scroll:hover [data-icon] {
        top: 0.5em;
        color: #559fab; }
    .slider-featured .btn-scroll [data-icon] {
      display: none;
      position: relative;
      font-size: 40px;
      line-height: 1;
      top: 0.25em;
      color: #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

/**
 * Slick Carousel
 */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff url("resources/images/ajax-loader.gif") center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

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

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

/* Slick: controls */
.slick-slider .prev-next {
  top: auto;
  bottom: -80px; }
  .slick-slider .prev-next:hover {
    color: #559fab; }

.slick-slider .pn-left {
  left: 14px; }

.slick-slider .pn-right {
  right: 14px; }

.slick-slider .slick-disabled:before {
  color: #a09f9d; }

.slick-slider .slider-pager {
  position: absolute;
  bottom: -68px; }


/**
 * Home panels
 */
.panel h3 {
  font-size: 1.3125em;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 1.2381em 0;
   font-style: normal;
   font-family: "Tangerine"!important;
   
  /* Icons */ }
  .panel h3 a {
    color: #191919;
    text-decoration: none; }
  .panel h3:after {
    display: block;
    text-align: center;
    padding-top: 16px; }
  .panel h3.icon-read:after {
    font-size: 44px; }
  .panel h3.icon-watch:after {
    font-size: 46px; }
  .panel h3.icon-twitter:after {
    font-size: 28px; }
  .panel h3.icon-linkedin:after {
    font-size: 28px; }   
    
  .panel h3.icon-goods:after {
    font-size: 26px; }
  .panel h3.icon-instagram:after {
    font-size: 24px; }

/**
 * Home panels: Quote, Read & Watch
 */
.panel-quotes {
  margin: 40px 0px; }

.quotes,
.read-watch {
  width: 100%;
  float: left; }

.quotes {
/*   height: 440px; */ 
  }

@media screen and (min-width: 48em) {
  .quotes {
    width: 100%;
    float: left;
/*     height: 830px; */ }
  .read-watch {
    width: 100%;
    float: left; } }

@media screen and (min-width: 88em) {
  .quotes {
    width: 60%; }
  .read-watch {
    width: 40%; } }

/* Home panels: Quotes */
.quotes blockquote {
  display: inline-block;
   vertical-align: top;
  word-spacing: 0; 
  text-align: left;
    margin-top: 0px;
    margin-left: 0px;
  }
  .quotes blockquote p {
    font-size: 2em;
    line-height: 1.25em;
    color: #191919; }
  .quotes blockquote cite {
    display: block;
    font-family: "TradeGothicNextLTPro-Rg", serif;
    font-weight: 500;
    font-style: italic;
    font-size: 1.0625em;
    padding-top: 1.5625em;
    margin-bottom: -5em; }
/*
    .quotes blockquote cite:before {
      content: '\2014';
      padding-right: 10px;
      font-weight: 400; }
*/
  .quotes blockquote:before,
  .quotes blockquote:after {
    font-size: 78px; }
  .quotes blockquote:before {
    height: 0.75em;
    overflow: hidden; }
  @media screen and (min-width: 48em) {
/*
    .quotes blockquote {
      padding: 0 5em; }
*/
      .quotes blockquote p {
        font-size: 3.5em;
        line-height: 1.04286em; }
      .quotes blockquote cite {
        font-size: 21px;
        color: #191919;
        padding-top: 0px;
        margin-bottom: 0px; 
        position: absolute;
        bottom: 20px;
        font-style: normal;
        }
      .quotes blockquote:before,
      .quotes blockquote:after {
        font-size: 88px; }
      .quotes blockquote:before {
        height: 1em;
        overflow: hidden; } }
        
@media screen and (max-width: 400px) {
	.quotes blockquote p {font-size: 1.5em;}
}

/*
.slider-quotes {
  height: 100%; }
*/
  .slider-quotes .slide {
/*
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA3OTIgODMwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KCTxwb2x5Z29uIGZpbGw9IiNmM2ZmZTYiIHBvaW50cz0iMCwwIDAsODMwIDc5MiwwIiAvPgo8L3N2Zz4=);
*/
    background-size: 100% 100%;
    background-position: 0 0;
    font-family: Arial, sans-serif;
    padding-bottom: 1.5em;
    word-spacing: -0.4em; }
    @media screen and (min-width: 48em) {
      .slider-quotes .slide {
        padding-bottom: 3.5em; } }
    .slider-quotes .slide:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
  .slider-quotes .slider-controls {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 40px;
    left: 0; 
    padding-right: 20px;
    
    }


/* Home panels: Read & Watch */
.rw-col {
  padding: 2em 15px;
  text-align: center;
  position: relative; }
  @media screen and (min-width: 48em) {
    .rw-col {
      width: 50%;
      height: 422px;
      padding: 2.5em 15px 0;
      float: left; } }
  .rw-col h3 {
    margin: 0 0 0.71429em 0; }

.rw-col-read {
/*   background-color: #ffe5d3; */ }
  .rw-col-read p {
    font-size: 1em;
    line-height: 1.15em;
    color: #191919; }
  .rw-col-read a {
    color: #191919; }

.rw-col-watch {
	background-color: #ffffff;
	width: 40%;
	float: right;
	padding: 20px;
/* 	min-height: 530px; */
 }
  @media screen and (min-width: 48em) {
/*
    .rw-col-watch:before {
      content: "\e600";
      font-family: "wowowa-icons";
      width: 38px;
      height: 38px;
      position: absolute;
      bottom: 30px;
      left: 50%;
      z-index: 300;
      margin-left: -0.5em;
      font-size: 38px;
      line-height: 1;
      color: #191919; }
    .rw-col-watch:after {
      content: '';
      height: 0;
      position: absolute;
      bottom: -26px;
      left: 50%;
      margin-left: -26px;
      z-index: 300;
      border-left: 26px solid transparent;
      border-right: 26px solid transparent;
      border-top: 26px solid #c9eeee; }
*/ }

/* Home panels: Watch */
.rw-watch-content {
  width: 60%;
/*   padding: 1.25em; */
  float: right;
  position: relative;
/*   background-color: #f2f1ec; */ 

}

@media (max-width: 1408px) {
	.rw-watch-content, .rw-col-watch {
		float: none;
		width: 100%;
	}
}

  @media screen and (min-width: 88em) {
    .rw-watch-content {
/*       height: 408px; */ } }
  .rw-watch-content h4 {
    font-size: 1.3125em;
    line-height: 1;
    margin: 0.85714em 0 0.85714em; }

.slider-watch .slides {
  width: 100%;
  float: left;
  height: auto;
  position: relative; }

.slider-watch .slide {
  height: auto;
  background-color: #f2f1ec;
  text-align: left; }

/**
 * Home panels: Connect
 */
.panel-connect {
  background-color: #f2f1ec;
  margin-bottom: 18px;
  overflow: hidden; }
  .panel-connect .panel-connect:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #fff; }
  @media screen and (min-width: 64em) {
    .panel-connect:before {
      left: 25%; } }
  .panel-connect img {
    max-width: 100%;
    width: auto;
    height: auto; }

.pcm-wrap {
  width: 100%;
  padding: 0 9%;
  text-align: center; }

[class*="pc-module-"] {
  padding-top: 1.875em;
  position: relative;
  overflow: auto;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }
  [class*="pc-module-"] h4, [class*="pc-module-"] p, [class*="pc-module-"] li {
    font-family: "calluna", Times, serif;
    font-size: 1em;
    line-height: 1.4375em; }

.tweet__datestamp,
p.date {
  display: block;
  font-family: "TradeGothicNextLTPro-Rg", serif;
  font-size: 1.125em;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 1.875em; }

.pc-module-twitter,
.pc-module-twitter:hover {
  background-color: #ffe7d6; }

.pc-module-subscribe,
.pc-module-subscribe:hover {
  background-color: #ccefef; }

.pc-module-instagram,
.pc-module-instagram:hover {
  background-color: #f0e3f2; }

.pc-module-goods,
.pc-module-goods:hover,
.slider-goods .slide,
.pc-module-goods:hover .slider-goods .slide {
  background-color: #f4ffe8; }

@media screen and (min-width: 48em) {
  .pc-module-twitter, .pc-module-instagram, .pc-module-goods {
    padding-bottom: 1000px;
    margin-bottom: -1000px; }
  .pc-col-sm {
    width: 50%;
    float: left;
    position: relative; }
  .pc-col-lg {
    width: 100%;
    float: left;
    position: relative; }
  .pc-module-twitter {
    border-top: 1px solid #fff; }
  .pc-module-instagram {
    border-left: 1px solid #fff; }
  .pc-module-goods {
    border-top: 1px solid #fff; } }

@media screen and (min-width: 64em) {
  [class*="pc-module-"] {
    background-color: #f2f1ec; }
  .pc-col-sm {
    width: 25%; }
  .pc-col-lg {
    width: 50%;
    float: left; }
  .pc-module-instagram {
    left: 50%; }
  .pc-module-goods {
    border: 0;
    left: -25%;
    border-left: 1px solid #fff; } }

/* Connect: subscribe */
.pc-module-subscribe h3 {
  margin-bottom: 0.95238em; }

.pc-module-subscribe p {
  margin-bottom: 1.75em;
  text-align: center; }

.subscribe-connect {
  margin-top: 0.75em; }
  .subscribe-connect .subscribe-submit {
    margin: 0 0 1.625em; }
  .subscribe-connect .btn:before {
    display: block; }

/* Connect: tweet tweet */
.pc-module-twitter h3 {
  margin-bottom: 0.90476em; }

.tweets {
  padding: 0;
  list-style: none;
  text-align: center; }

.tweet a {
  color: #53534e; }

.tweet__datestamp {
  margin-top: 1em; }

/* Connect: instagram */
.pc-module-instagram h3 {
  margin-bottom: 1.47619em; }

.pc-module-instagram img {
  margin-bottom: 1.5625em; }

/* Connect: goods */
.pc-module-goods h3 {
  margin-bottom: 1.38095em; }

.pc-module-goods p a {
  color: #53534e; }

.slider-goods {
  width: 82%;
  max-width: 524px;
  margin: 0 auto; }
  .slider-goods .slides {
    height: auto;
    position: static;
    padding-bottom: 40px; }
  .slider-goods .slide {
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    background-color: #f4ffe8; }
    @media screen and (min-width: 64em) {
      .slider-goods .slide {
        background-color: #f2f1ec; } }
  .slider-goods .slide-image {
    position: relative;
    padding-top: 62.59541985%;
    font: 0/0 a; }
  .slider-goods .slide-image-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .slider-goods .slide-image-wrap:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
  .slider-goods img {
    max-height: 100%;
    display: inline-block;
    vertical-align: middle; }
  .slider-goods h4 {
    margin: 1.5em 0 0; }
  @media screen and (min-width: 48em) {
    .slider-goods .slider-controls-inline {
      width: 116px;
      left: 50%;
      margin-left: -58px; } }
  .slider-goods .prev-next:hover {
    color: #376800; }

/**
 * Project listing
 */
.projects {
  overflow: auto; 
  margin: 0 -3px 25px;
  }

.project-preview {
  width: 100%;
  float: left;
  padding: 0 3px 6px;
  position: relative; }
  @media screen and (min-width: 30em) {
    .project-preview {
      width: 50%; } }
  @media screen and (min-width: 64em) {
    .project-preview {
      width: 33.33333333%; } }
  @media screen and (min-width: 88em) {
    .project-preview {
      width: 25%; } }
  .project-preview img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block; }
   .project-preview a h3 {
	   padding: 20px;
   }
  .project-preview a:hover h3 {
    visibility: visible;
    opacity: 1; 
    }
  .project-preview h3 {
	color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 6px;
    left: 3px;
    right: 3px;
    z-index: 30;
    margin: 0;
    word-spacing: -0.4em;
    text-align: center;
    text-decoration: none;
    background: #c9eeee;
    background-size: contain;
    font-size: 45px;
    line-height: 1.10714em;
    font-weight: 500;
    font-style: italic;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .rgba .project-preview h3 {
      background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzNzUgMzY0Ij4KCTxwb2x5Z29uIGZpbGw9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC44NSkiIHBvaW50cz0iMCwwIDAsMzY0IDM3NSwzNjQgMzc1LDAiIC8+Cgk8cG9seWdvbiBmaWxsPSJyZ2JhKDIwMSwgMjM4LCAyMzgsIDAuNzUpIiBwb2ludHM9IjAsMCAwLDM2NCAzNzUsMCIgLz4KPC9zdmc+); }
    .no-rgba .project-preview h3 {
      background: url("../images/bg-project.png") 0 0 no-repeat; }
    .project-preview h3:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .project-preview h3 span {
	  font-style: normal!important;
	font-family: "Tangerine"!important;
      display: inline-block;
      word-spacing: 0;
      vertical-align: middle;
      margin: 0; }

.section-projects h2 {
    font-style: normal!important;
	font-family: "Tangerine"!important;
    text-transform: uppercase;
    font-size: 50px;
}

/**
 * Page/Project text layout
 */
.page-text {
  overflow: hidden; }

.col-title {
  font-size: 2.5em;
  line-height: 1.1em;
  margin: 0 0 1em 0; }

.row-text + .row-text {
  border-top: 1px solid #e2e2dd;
  margin-top: 1.875em;
  padding-top: 2.5em; }

.col-sidebar {
  width: 340px;
  margin: 2em 0 0; }

@media screen and (min-width: 48em) {
  .row-text {
    width: 744px;
    float: right; }
  .col-text {
    width: 448px;
    float: left; }
  .col-sidebar {
    width: 264px;
    float: right;
    margin: 0; } }

@media screen and (min-width: 64em) {
  .col-title {
    width: 232px;
    float: left;
    margin: 0; } }


  .col-title {
    width: 25%; }
  .row-text {
    width: 75%;
    padding-left: 30px; }
  .col-text {
		width: 66.6664%;
		padding: 0 69px 0 0;
		margin: 0px;
	}
  .col-sidebar {
		width: 33.3334%;
	}


/**
 * Project
 */
.project-images {
  margin: 40px -10px;
  overflow: hidden; }

[class*="img-"] {
  float: left;
  position: relative;
  margin: 0 10px 20px; }
  [class*="img-"] img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block; }

@media screen and (min-width: 48em) {
  .img-quarter {
    width: 192px;
    height: 399px; }
  .img-half {
    width: 362px;
    height: 271px; }
  .img-three_quarter {
    width: 532px;
    height: 399px; } }

@media screen and (min-width: 64em) {
  .img-quarter {
    width: 264px;
    height: 532px; }
  .img-half {
    width: 487px;
    height: 365px; }
  .img-three_quarter {
    width: 710px;
    height: 532px; } }

@media screen and (min-width: 88em) {
  .img-quarter {
    width: 371px;
    height: 740px; }
  .img-half {
    width: 679px;
    height: 509px; }
  .img-three_quarter {
    width: 987px;
    height: 740px; } }

.project-images-text .va-centered {
  text-align: center; }

.project-images-text p {
  font-family: "calluna", Times, serif;
  font-size: 1.5em;
  margin: 0 0 0.5em 0; }
  @media screen and (min-width: 64em) {
    .project-images-text p {
      font-size: 2.25em;
      line-height: 1.05556em; } }
  @media screen and (min-width: 88em) {
    .project-images-text p {
      font-size: 2.625em;
      line-height: 1.09524em; } }

/**
 * Pinit buttons
 */
.pinit {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.75em;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s; }
  [class*="img-"]:hover .pinit {
    visibility: visible;
    opacity: 0.8; }

/**
 * Awards
 */
.carousel-awards {
  margin: 1.875em -14px 4em; }

.awards-list {
  width: 100%;
  float: left;
  padding: 0 14px;
  margin: 0;
  list-style: none; }
  @media screen and (min-width: 64em) {
    .awards-list {
      width: 50%; } }
  @media screen and (min-width: 88em) {
    .awards-list {
      width: 33.33333333%; } }
  .awards-list li {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0.47368em;
    font-weight: 400; }
    @media screen and (min-width: 48em) {
      .awards-list li {

        margin-bottom: 0.40909em; } }
    .awards-list li strong {
      float: left;
      font-weight: 300; }
    .awards-list li span {
      display: block;
      margin-left: 3.18182em; }

/**
 * Media
 */
.carousel-media {
  margin: 1.875em -14px 4em; }

.media-item {
  width: 100%;
  float: left;
  padding: 0 14px; }
  @media screen and (min-width: 48em) {
    .media-item {
      width: 33.33333333%; } }
  @media screen and (min-width: 64em) {
    .media-item {
      width: 25%; } }
  @media screen and (min-width: 88em) {
    .media-item {
      width: 20%; } 
      }
  .media-item img {
    max-width: 100%;
    width: auto;
    height: auto; }
  .media-item h4 {
    font-size: 1.4375em;
    line-height: 1.08696em;
    font-weight: 400;
    margin: 0.43478em 0; }

/**
 * Testimonials
 */
.carousel-testimonials {
  margin: 0 0 4em 0; }
  .carousel-testimonials .prev-next,
  .carousel-testimonials .slider-pager {
    bottom: -60px; }

.testimonial {
  margin-top: 2em; }
  .testimonial h3 {
    color: #53534e; }

@media screen and (min-width: 48em) {
  .carousel-testimonials {
    margin: 2.5em -12px 4em; }
  .testimonial {
    width: 50%;
    padding: 0 12px;
    margin: 0;
    float: left; } }

@media screen and (min-width: 64em) {
  .testimonial {
    width: 33.33333333%; } }

/**
 * FAQs
 */
.faqs {
  overflow: hidden;
  margin: 2em 0; }

@media screen and (min-width: 64em) {
  .faqs {
    margin: 2.5em -12px 4em; }
  .faqs-col {
    width: 33.33333333%;
    padding: 0 12px;
    float: left; } }

.faqs-item {
  margin-bottom: 1.875em; }
  .faqs-item h3 {
    color: #53534e; }
    .faqs-item h3 span {
      display: block;
      margin-left: 1.25em; }
    .faqs-item h3 span.faqs-number {
      float: left;
      margin: 0; }

/**
 * Content styles
 */
.content h3 {
  font-size: 1.75em;
  line-height: 1.14286em;
  font-weight: 500;
  margin: 0 0 0.35714em; 
  font-family: "Tangerine"!important;
  font-style: normal;
  }

.content h4 {
  font-size: 20px;
  line-height: 1.6087em;
  margin: 0 0 0.34783em; }

.content p,
.content li {
  font-size: 20px;
  line-height: 1.13043em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.3913em; }
  .content p a,
  .content li a {
    color: #53534e; }

.content p {
	font-size: 18px;
	line-height: 28px;
}

.content p a {
	text-decoration: none;
}

.content ol {
  margin: 0;
  padding: 0 0 0 1.5625em; }

.content ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .content ul li {
    position: relative;
    padding-left: 0.75em; }
  .content ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\00b7'; }

.content p.caption {
  width: 85%;
  font-size: 0.9375em;
  line-height: 1.2em; }

.content blockquote {
  color: #191919;
  margin-bottom: 0; }
  .content blockquote:before,
  .content blockquote:after {
    font-size: 62px;
    line-height: 1;
    height: 0.75em;
    overflow: hidden; }
  .content blockquote:after {
    margin-top: 0.4em; }
  .content blockquote p {
    font-size: 1.9375em;
    line-height: 1.16129em; }

.content img {
  max-width: 100%;
  width: auto;
  height: auto; }

/**
 * Embedded Video
 * scale and maintain aspect ratio
 */
.inline-media {
  width: 100%;
  height: 100% !important;
  position: relative;
  overflow: hidden; }

.inline-media:before {
  content: "";
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  display: block;
  overflow: hidden; }

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

/**
 * Infinite scroll
 */
.ias-trigger {
  width: 100%;
  font-family: "calluna", Times, serif;
  font-size: 1em; }
  .ias-trigger:before,
  .ias-trigger:after {
    font-size: 38px;
    display: block;
    padding: 10px 0; }
  .ias-trigger:hover:before,
  .ias-trigger:hover:after {
    color: #559fab;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.ias-trigger-next {
  margin-top: 3em; }

.ias-trigger-prev {
  margin-bottom: 3em; }

/**
 * Buttons
 */
.btn {
  background-color: transparent;
  border: 0;
  padding: 0;
  outline: none;
  text-decoration: none; }

/**
 * Icons
 */
[data-icon]:before {
  content: attr(data-icon); }

.icon-pinterest:before {
  content: "\f0d3"; }

.icon-arrow-down:after {
  content: "\e600"; }

.icon-arrow-left:before {
  content: "\e601"; }

.icon-arrow-right:after {
  content: "\e602"; }

.icon-arrow-up:before {
  content: "\e603"; }

.icon-goods:after {
  content: "\e604"; }

.icon-read:after {
  content: "\e605"; }

.icon-watch:after {
  content: "\e606"; }

.icon-facebook-square:before {
  content: "\f082"; }

.icon-twitter:after {
  content: "\f099"; }
  
.icon-linkedin:after {
  content: "\f099"; }

.icon-instagram:after {
  content: "\f16d"; }

/* ==========================================================================
   State
   ========================================================================== */
.audible {
  position: absolute;
  left: -9000px; }

@media screen and (max-width: 768px) and (max-height: 400px) {
	
	.menu_popup .menu_inner {top: calc(50% - 20px) !important;}
	.menu_popup .menu_group.active .menu_inner ul li {font-size: 30px !important;}
	
	
}

.all-projects-link{
	font-family: "Tangerine"!important;
}