/*
Theme Name: Cut+Run 2016
Theme URI: http://www.cutandrun.com/
Description: A theme for WordPress.
Author: Dave Funkhouser, Drew Baker, John Robson, Funkhaus
Author URI: http://www.funkhaus.us
Version: 1.0

Fonts:
    font-family: Brown, sans-serif;
        font-weight: 400;
        font-weight: 700;

Colors:
    Blue: #33384A;
    White: #F2F2ED;
    Red: #ED6038;
    Yellow: #F3B237;
    Light Blue: #788094;

/*-------------------------------------------------------------- */

/*
 * Fonts
 */
 @import url("fonts/fonts.css");

 /*
  * Globals
  */
 body {
   font-family: Brown, sans-serif;
   font-size: 14px;
   color: #33384a;
   margin: 0;
   padding: 0;
   line-height: 1.4;
   background-color: #ed6038;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0;
   padding: 0;
   line-height: 1;
   font-weight: normal;
 }
 ::selection {
   color: #ed6038;
   background: #33384a;
 }
 ::-moz-selection {
   color: #ed6038;
   background: #33384a;
 }
 .responsive-image {
   height: 0;
   width: 100%;
   position: relative;
   overflow: hidden;
 }
 .responsive-image .wp-post-image {
   position: absolute;
   top: 0;
   left: 0;
   height: auto;
   width: 100%;
 }
 .scroll-up,
 .scroll-down {
   position: absolute;
   bottom: 10px;
   right: 5px;
   cursor: pointer;
   padding: 20px;
   font-size: 14px;
   color: #f2f2ed;
   z-index: 10;
 }
 .scroll-up .svg,
 .scroll-down .svg {
   display: block;
   width: 13px;
   margin: 3px auto 0 auto;
 }
 .scroll-down polygon {
   fill: #ed6038;
 }
 .browse {
   padding: 20px;
   position: absolute;
   z-index: 110;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   cursor: pointer;
   line-height: 0;
 }
 .browse.prev {
   left: 10px;
 }
 .browse.next {
   right: 10px;
 }
 .browse.disabled {
   display: none;
 }
 .overlay {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #000000;
   opacity: 0.2;
 }
 .clearer {
   clear: both;
 }
 .title {
   font-weight: 700;
 }
 .title .line {
   display: block;
 }
 
 /*
  * Links
  */
 a {
   color: inherit;
   text-decoration: none;
   outline: none;
 }
 a:hover {
   color: inherit;
   text-decoration: none;
 }
 a img {
   border: none;
 }
 
 /*
  * Page Structure
  */
 #container {
 }
 #header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 500;
   color: #f2f2ed;
   height: 0;
 }
 .top-panel {
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   color: #f2f2ed;
 }
 .bottom-panel {
   position: relative;
   margin-top: 100vh;
   z-index: 100;
   background-color: #ed6038;
   padding: 0 15px;
 }
 #content {
 }
 #footer {
 }
 .short-page .top-panel {
   height: 85vh;
 }
 .short-page .bottom-panel {
   margin-top: 85vh;
 }
 
 /*
  * Menus
  */
 #menu-panel {
   position: fixed;
   overflow: hidden;
   top: 0;
   left: 0;
   width: 100%;
   height: 0;
   z-index: 300;
   background-color: rgba(243, 178, 55, 0.95);
   visibility: hidden;
   color: #33384a;
   font-weight: normal;
 }
 #menu-panel .wrap {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   overflow: hidden;
 }
 .main-menu {
   margin: 100px 0 30px 0;
   padding: 0 30px;
   top: 130px;
   min-height: calc(100% - 260px);
   box-sizing: border-box;
   width: 100%;
   list-style: none;
   font-size: 42px;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -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: center;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .main-menu li {
   margin: 0;
   padding: 0;
   line-height: 1;
 }
 .main-menu a {
   display: inline-block;
   padding: 20px 0;
   text-align: center;
 }
 .main-menu a span {
   display: block;
   font-size: 12px;
   opacity: 0.7;
 }
 .legal-menu {
   list-style: none;
   margin: 0;
   padding: 0;      
 }
 .social-links {
   bottom: 60px;
   left: 0;
   right: 0;
   text-align: center;
   line-height: 1;
 }
 .social-links p {
   margin: 10px 0 0 0;
 }
 .social-links span,
 .social-links a {
   display: inline-block;
   padding: 8px;
   cursor: pointer;
   position: relative;
   vertical-align: top;
 }
 .social-links .twitter {
   top: 1px;
 }
 .social-links .mailing-list-button {
   top: 1px;
 }
 .social-links span:hover path,
 .social-links a:hover circle,
 .social-links a:hover path {
   fill: #ed6038;
 }
 
 /* Menu Opened */
 .menu-opened #menu-panel {
   height: 100%;
   opacity: 1;
   visibility: visible;
 }
 .menu-opened .region-selector .explain {
   opacity: 1;
   visibility: visible;
 }
 .not-mobile .hamburger:hover .line-2,
 .menu-opened .hamburger .line-2 {
   right: 22px;
 }
 .not-mobile .hamburger:hover .line-3,
 .menu-opened .hamburger .line-3 {
   right: 24px;
 }
 .menu-opened.blue-header .large-breadcrumb {
   color: inherit;
   opacity: 0;
 }
 
 /* Menu Animations */
 .menu a:after {
   content: "";
   display: block;
   height: 0;
   width: 0;
   border-bottom: 2px solid transparent;
   opacity: 0;
   transition: width 0.4s ease, opacity 0.4s ease;
 }
 .main-menu a:after {
   border-width: 3px;
 }
 .menu .current-menu-item a:after,
 .menu .current_page_parent a:after,
 .menu .current_page_item a:after,
 .menu a:hover:after {
   width: 100%;
   border-color: inherit;
   opacity: 1;
 }
 
 /*
  * Section Menus
  */
 .menu-wrap {
   margin: 0 0 15px 0;
   padding: 20px 30px 0 30px;
   text-align: center;
 }
 .menu-wrap > p {
   font-size: 13px;
   margin: 0;
 }
 .section-menu {
   margin: 5px 0;
   padding: 0;
   list-style: none;
   font-size: 22px;
 }
 .section-menu li {
   margin: 0;
   padding: 0;
   display: inline-block;
 }
 .section-menu a {
   display: inline-block;
   padding: 5px 10px;
 }
 .news-menu {
   font-size: 16px;
 }
 .section-menu .current-menu-item a,
 .section-menu .current_page_parent a,
 .section-menu .current_page_item a {
   color: #f2f2ed;
 }
 
 /*
  * Header
  */
 #tagline {
   display: none;
 }
 .logo {
   position: absolute;
   top: 25px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
 }
 .logo .svg {
   width: 320px;
   height: auto;
 }
 .logo path {
   fill: #f2f2ed;
 }
 /* Mobile logo styles */
 @media (max-width: 650px) {
  .logo {
    top: 29px;
  }
  .logo .svg {
    width: 150px;
  }
}
 .breadcrumb {
   padding: 10px;
   position: absolute;
 }
 .large-breadcrumb {
   font-size: 18px;
   top: 76px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 100%;
   text-align: center;
 }
 .large-breadcrumb .arrow {
   display: none;
 }
 .slim-breadcrumb {
   top: -30px;
   left: 20px;
   color: inherit;
 }
 .slim-breadcrumb .svg {
   position: relative;
   top: 2px;
   margin-right: 3px;
 }
 .region-selector {
   left: 70px;
   top: 20px;
   position: absolute;
   font-size: 22px;
 }
 .region-selector .region-select {
   display: inline-block;
   padding: 5px 2.5px;
   opacity: 0.5;
   cursor: pointer;
 }
 .region-selector .region-select::after {
   content: " ";
   height: 2px;
   width: 0;
   display: block;
   background-color: #33384a;
   opacity: 0.5;
   position: relative;
   bottom: 4px;
   transition: width 0.4s, opacity 0.4s;
 }
 .region-selector .explain {
   opacity: 0;
   font-size: 10px;
   line-height: 1.5;
   width: 230px;
   visibility: hidden;
   margin-top: 5px;
   color: #33384a;
 }
 .region-selector .region-select:hover,
 .region-selector .region-select.active {
   opacity: 1;
 }
 .region-selector .region-select:hover::after,
 .region-selector .region-select.active::after {
   opacity: 1;
   width: 100%;
 }
 .search-button {
   position: absolute;
   padding: 20px 10px;
   right: 10px;
   top: 10px;
   cursor: pointer;
 }
 .hamburger {
   position: absolute;
   top: 12px;
   right: 40px;
   width: 25px;
   height: 16px;
   cursor: pointer;
   padding: 20px;
   z-index: 10;
 }
 .hamburger div {
   position: absolute;
   right: 20px;
   height: 2px;
   background-color: #f2f2ed;
 }
 .hamburger .line-1 {
   width: 25px;
   top: 20px;
 }
 .hamburger .line-2 {
   width: 20px;
   top: 26px;
 }
 .hamburger .line-3 {
   width: 15px;
   top: 32px;
 }
 
 /* Blue Header Color */
 .blue-header #header {
   color: #33384a;
 }
 .blue-header .hamburger div {
   background-color: #33384a;
 }
 .blue-header .logo path,
 .blue-header .breadcrumb path,
 .blue-header .search-button path {
   fill: #33384a;
 }
 .blue-header .large-breadcrumb {
   color: #ed6038;
 }
 
 /* Scrolled Down Header */
 .scrolled-down #header {
   background-color: #33384a;
   color: #f3b237;
   height: 45px;
 }
 .scrolled-down .region-selector {
   top: -35px;
 }
 .scrolled-down .logo {
   top: 15px;
 }
 .scrolled-down .logo .svg {
   width: 120px;
 }
 .scrolled-down .large-breadcrumb {
   top: 36px;
   opacity: 0;
   visibility: hidden;
 }
 .scrolled-down .slim-breadcrumb {
   top: 3px;
 }
 .scrolled-down .hamburger {
   top: -5px;
 }
 .scrolled-down .hamburger div {
   background-color: #f3b237;
 }
 .scrolled-down .search-button {
   top: -7px;
 }
 .scrolled-down .logo path,
 .scrolled-down .slim-breadcrumb path,
 .scrolled-down .breadcrumb path,
 .scrolled-down .search-button path {
   fill: #f3b237;
 }
 
 /* Hidden Header */
 .over-video #header,
 .hidden-header #header {
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
 }
 
 /*
  * Blue Background overrides
  */
 body.blue-background {
   background-color: #33384a;
   color: #f2f2ed;
 }
 .blue-background .bottom-panel {
   background-color: #33384a;
   color: #f2f2ed;
 }
 .blue-background .menu-wrap > p {
   color: #ed6038;
 }
 .blue-background .section-menu a {
   opacity: 0.5;
 }
 .blue-background .section-menu a:hover,
 .blue-background .section-menu .current_page_item a {
   opacity: 1;
 }
 
 /*
  * Slideshow (used on homepage and promos page)
  */
 .slideshow {
   position: relative;
   height: 100%;
   width: 100%;
   z-index: 0;
   color: #f2f2ed;
   background-color: #33384a;
 }
 .slideshow .slide {
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   background-color: #33384a;
   background-size: cover;
   background-position: center center;
   display: -webkit-flex !important;
   display: flex !important;
   box-sizing: border-box;
   padding: 100px;
 }
 .slideshow .slide:nth-child(even) {
   background-color: #ed6038;
 }
 .slide > img {
   display: none;
 }
 .slide .meta {
   margin: auto;
   text-align: center;
   position: relative;
   cursor: pointer;
   z-index: 10;
   will-change: transform;
 }
 .slide .play-button {
   position: absolute;
   left: 50%;
   margin-left: -16.5px;
   opacity: 0;
 }
 .slide .title {
   font-size: 75px;
   margin: 20px 0;
 }
 .slide .title .line-2 {
   font-weight: 400;
   font-size: 48px;
 }
 .slide .credits {
   line-height: 1.5;
   font-size: 16px;
 }
 .slide .credit {
   display: block;
 }
 
 /* Hover State */
 .not-mobile .slide .meta:hover > * {
   -webkit-transform: translateY(30px);
   transform: translateY(30px);
 }
 .not-mobile .slide .meta:hover .play-button {
   -webkit-transform: translateY(-30px);
   transform: translateY(-30px);
   opacity: 1;
 }
 
 /* Transition effects */
 .coming-from-left .meta {
   -webkit-transform: translateX(-500px);
   transform: translateX(-500px);
 }
 .coming-from-right .meta {
   -webkit-transform: translateX(500px);
   transform: translateX(500px);
 }
 
 /*
  * Masonry Grids (used for news and promo grids)
  */
 .masonry-grid {
   overflow: hidden;
   position: relative;
 }
 .masonry-grid.promos-grid {
   padding-bottom: 15px;
 }
 .grid-sizer {
   width: 50%;
   float: left;
 }
 
 /*
  * Generic block components
  */
 .block .title {
   font-size: 24px;
   font-weight: 400;
   line-height: 1.2;
 }
 .block .title .line-1 {
   font-size: 34px;
   font-weight: 700;
 }
 .block .credits {
   position: absolute;
   bottom: 30px;
   right: 30px;
   line-height: 1.5;
   text-align: right;
 }
 .block .play-button {
   position: absolute;
   right: 0;
   bottom: 100%;
   opacity: 0;
 }
 .block .credit {
   display: block;
 }
 .block-credits .item:first-child {
   display: none;
 }
 .block-credits .item:last-child {
   display: block;
 }
 .not-mobile .block:hover .play-button {
   opacity: 1;
   -webkit-transform: translateY(-30px);
   transform: translateY(-30px);
 }
 
 /*
  * News Block
  */
 .news-block {
   width: 50%;
   float: left;
   margin-bottom: 50px;
   overflow: hidden;
 }
 .news-block .border {
   padding: 15px;
   width: 100%;
   box-sizing: border-box;
 }
 .news-block .responsive-image {
   overflow: hidden;
 }
 .news-block .title {
   font-size: 26px;
   margin: 15px 30px;
   font-weight: 400;
   line-height: 1.3;
 }
 .news-block .meta {
   color: #f2f2ed;
   opacity: 0;
   position: absolute;
   bottom: 0;
   top: 0;
   left: 0;
   right: 0;
   z-index: 10;
   text-align: center;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .glasses {
   display: block;
   margin: 5px auto;
 }
 .full-story {
   display: block;
   font-weight: 700;
   font-size: 16px;
 }
 
 /* Hover State */
 .not-mobile .news-block:hover .wp-post-image {
   -webkit-transform: scale(2);
   transform: scale(2);
 }
 .not-mobile .news-block:hover .meta {
   opacity: 1;
 }
 .not-mobile .news-block:hover .border {
   background-color: #f2f2ed;
 }
 .not-mobile .news-block:hover .title {
   color: #f2f2ed;
 }
 
 /*
   * Promo Block
   */
 .promo-block {
   float: left;
   width: 50%;
   color: #f2f2ed;
 }
 .promo-block .border {
   padding: 15px;
   width: 100%;
   box-sizing: border-box;
 }
 .promo-block .title {
   position: absolute;
   top: 30px;
   right: 30px;
   left: 30px;
   bottom: 30px;
   z-index: 10;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }
 .promo-block .credits {
   bottom: 30px;
   right: 30px;
   position: absolute;
   z-index: 10;
   text-align: right;
 }
 .promo-block .credits .item {
   margin-left: 3px;
   display: inline-block;
 }
 /* Hover state */
 .not-mobile .promo-block:hover .wp-post-image {
   -webkit-transform: scale(2);
   transform: scale(2);
 }
 .promo-block:hover {
   color: #f2f2ed;
 }
 .not-mobile .promo-block:hover .border {
   background-color: #f2f2ed;
 }
 
 /*
  * Work Block
  */
 .work-block {
   width: calc(70% - 60px);
   position: relative;
   background-color: #33384a;
   color: #f2f2ed;
   left: -15%;
   max-width: 1040px;
   overflow: hidden;
 }
 .work-block:nth-child(even) {
   left: 15%;
 }
 .work-block .link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
 }
 .work-block .responsive-image img {
   opacity: 0;
   width: calc(70% - 60px);
   max-width: 1280px;
 }
 .work-block .title {
   position: absolute;
   top: 100px;
   bottom: 100px;
   left: 30px;
   right: 100px;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }
 .work-block .background {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 0;
   background-size: cover;
   background-position: center center;
 }
 .work-block .editor {
   position: absolute;
   bottom: 30px;
   left: 30px;
   font-size: 16px;
   line-height: 1.5;
   display: none;
 }
 .work-block .scaling-image {
   background-position: top left;
 }
 .work-block:nth-child(even) .scaling-image {
   background-position: top right;
 }
 .work-block .video-player {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 20;
 }
 
 /* Hover & Active State */
 .not-mobile .work-block:hover .background {
   -webkit-transform: scale(2);
   transform: scale(2);
 }
 .work-block.active:hover .background {
   -webkit-transform: none;
   transform: none;
 }
 .work-block.active {
   width: 100%;
   height: 100vh;
   left: 0;
   max-width: 100%;
 }
 .work-block.active .overlay {
   background-color: rgba(51, 56, 74, 0.95);
   opacity: 1;
 }
 .work-block.active .link {
   opacity: 0;
   visibility: hidden;
 }
 .not-mobile .work-block.active:hover .scaling-image,
 .work-block.active .scaling-image {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 
 /*
  * Search Block
  */
 .search-block {
   position: relative;
   display: block;
   color: #f2f2ed;
   overflow: hidden;
   margin: 15px 15px 30px 15px;
   overflow: hidden;
 }
 .search-block .title {
   position: absolute;
   top: 40px;
   bottom: 40px;
   left: 30px;
   right: 100px;
   z-index: 10;
   font-size: 24px;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }
 .search-block .title .line-1 {
   font-size: 34px;
   font-weight: 700;
 }
 .search-block .editor {
   position: absolute;
   bottom: 30px;
   right: 30px;
   z-index: 10;
 }
 .search-block .scaling-image {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-size: cover;
 }
 .search-block:hover {
   color: #f2f2ed;
 }
 .search-block:hover .wp-post-image {
   -webkit-transform: scale(2);
   transform: scale(2);
 }
 
 /*
  * Block color schemes
  */
 .work-block.dark-scheme {
   color: #33384a;
 }
 .dark-scheme .play-button polygon {
   fill: #33384a;
 }
 
 /*
  * Home
  */
 .home .addresses {
   position: absolute;
   bottom: 30px;
   left: 30px;
   z-index: 10;
   font-size: 14px;
 }
 .address-block {
   display: inline-block;
   margin-right: 10px;
   vertical-align: bottom;
   min-width: 165px;
   overflow: hidden;
 }
 .address-block:last-child {
   margin-right: 0;
 }
 .address-block > p {
   margin: 0;
 }
 .address-block .pin {
   height: 13px;
   width: 9.858px;
   position: relative;
   top: 2px;
 }
 .address-block path {
   fill: #f2f2ed;
 }
 .address-block .link {
   overflow: hidden;
   display: none;
   margin-top: 10px;
 }
 .address-block .link a {
   display: block;
 }
 .address-block:hover {
   color: #f2f2ed;
 }
 .contact-block {
   display: none;
   text-align: center;
   font-size: 14px;
   vertical-align: bottom;
 }
 .contact-block .pin {
   display: block;
   height: 15px;
   width: auto;
   margin: 3px auto 0 auto;
 }
 .home .bottom-panel {
   padding: 15px 15px 0 15px;
 }
 
 /*
  * Preview componet
  */
 .preview {
   background-size: cover;
   background-position: center center;
   height: 100%;
   width: 100%;
   overflow: hidden;
 }
 .preview > img {
   display: none;
 }
 .preview .title {
   font-size: 60px;
   font-weight: 700;
   top: 100px;
   bottom: 100px;
   left: 30px;
   position: absolute;
   z-index: 10;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }
 .preview .cross-link {
   position: absolute;
   bottom: 20px;
   left: 30px;
   font-size: 14px;
   z-index: 10;
   right: 30px;
 }
 .preview .cross-link a {
   text-decoration: underline;
 }
 .video-preview {
   top: 50%;
   height: auto;
   min-height: 100%;
   min-width: 100%;
   object-fit: cover;
   position: absolute;
   left: 50%;
   width: auto;
   z-index: 0;
   background-color: #ed6038;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 .hidden-preview .preview {
   display: none;
 }
 
 /*
  * Editor List
  */
 body.editors-list {
   background-color: #ed6038;
 }
 /* .editors-list .large-breadcrumb {
         font-size:
     } */
 .editors-list.blue-header .large-breadcrumb {
   color: #33384a;
 }
 #content.editors-list {
   margin: 200px auto 0 auto;
   min-height: calc(100vh - 260px);
   padding: 0 80px;
 }
 .editors-list > .wrap {
   width: 100%;
   z-index: 200;
   position: relative;
 }
 .editors-list .wrap > .section {
   width: 950px;
   margin: 0 auto;
   transform: translateX(70px);
 }
 .editors-list .section-right {
   margin-left: 10%;
   margin-right: 0;
 }
 .editors-list .section h2 {
   color: #f2f2ed;
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 20px;
 }
 .editors-list .section ul {
   padding: 0;
   list-style: none;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
 }
 .editors-list .section li {
   display: inline-block;
   width: 33.33%;
 }
 .editors-list .inactive {
   opacity: 0.25;
 }
 .editors-list .section a {
   display: inline-block;
   font-size: 26px;
   padding: 8px 0;
 }
 .editors-list .preview {
   position: fixed;
   top: 0;
   bottom: 0;
   width: 100%;
   pointer-events: none;
   background-position: center center;
   background-size: cover;
   opacity: 0;
   visibility: hidden;
   z-index: 100;
 }
 .preview-left .preview {
   left: 0;
   opacity: 1;
   visibility: visible;
 }
 .preview-right .preview {
   right: 0;
   opacity: 1;
   visibility: visible;
 }
 
 /*
   * Editor Reel
   */
 .editor-reel .bottom-panel {
   padding: 0;
 }
 .editor-reel .top-panel {
   overflow: hidden;
 }
 .work-grid {
   margin: 30px auto 0 auto;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -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: center;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .section-qa {
   background-color: #f2f2ed;
   padding: 50px 30px;
 }
 .section-qa .title {
   max-width: 720px;
   text-align: center;
   font-size: 46px;
   margin: 0 auto 40px auto;
 }
 .section-qa .entry {
   max-width: 600px;
   text-align: justify;
   margin: 40px auto 0 auto;
   line-height: 1.5;
 }
 
 /*
  * Video Player
  */
 .video-player-template {
   display: none;
 }
 .video-player {
   position: relative;
   text-align: center;
   display: none;
   color: #f2f2ed;
 }
 .video-player .close {
   position: absolute;
   padding: 20px;
   top: 10px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   cursor: pointer;
 }
 .video-player .stage {
   position: absolute;
   top: 85px;
   left: 75px;
   right: 75px;
   bottom: 20px;
   max-width: 1280px;
   margin: auto;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -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: center;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .video-player iframe {
   background-color: #000000;
   border: none;
 }
 .video-player .meta {
   position: static;
   margin: 30px 30px 0 30px;
 }
 .video-player .title {
   position: static;
   display: block;
   font-size: 22px;
   font-weight: 700;
   line-height: 1.3;
   margin: 10px 0;
 }
 .video-player .title .line-2 {
   font-size: 16px;
   font-weight: 400;
 }
 .video-player .credits {
   font-size: 12px;
   position: static;
   letter-spacing: 0.6px;
   text-align: center;
 }
 .video-player .credit {
   display: inline-block;
   margin: 0 10px;
 }
 .video-player .credit .item {
   display: inline-block;
   margin: 0 3px;
 }
 .video-player .credit .item:first-child {
   color: #788094;
   display: inline-block;
 }
 .video-player .credit .item a:hover {
   text-decoration: underline;
 }
 
 /* Video Player in an overlay (like on slideshows) */
 body.overlay-playing {
   overflow: hidden;
 }
 .overlay-playing .video-player {
   background-color: rgba(51, 56, 74, 0.85);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 200;
 }
 .overlay-playing .hamburger,
 .overlay-playing .search-button,
 .overlay-playing .region-selector {
   -webkit-transform: translateY(-100px);
   transform: translateY(-100px);
 }
 .overlay-playing .scroll-down,
 .overlay-playing .addresses {
   -webkit-transform: translateY(100px);
   transform: translateY(100px);
 }
 .overlay-playing .slideshow > .browse,
 .overlay-playing .large-breadcrumb {
   opacity: 0;
 }
 .overlay-playing .video-player .close {
   left: auto;
   right: 10px;
   -webkit-transform: none;
   transform: none;
 }
 .overlay-playing .slim-breadcrumb {
   top: 20px;
 }
 
 /*
  * Promos Grid
  */
 .promos-grid .top-panel {
   height: 75vh;
 }
 .promos-grid .bottom-panel {
   margin-top: 75vh;
 }
 
 /*
  * Archive (Category) page
  */
 body.archive {
   background-color: #f2f2ed;
 }
 #content.archive {
   margin-top: 130px;
   padding: 0 15px;
 }
 .archive .page-title {
   font-size: 36px;
   font-weight: 600;
   margin-bottom: 20px;
   text-align: center;
 }
 .archive .section-menu a {
   color: #33384a;
 }
 .archive .section-menu a {
   color: #33384a;
 }
 .archive .news-block .meta {
   color: #ed6038;
 }
 .archive .glasses path {
   fill: #ed6038;
 }
 
 /* Hover state */
 .archive.not-mobile .section-menu a:hover,
 .archive .section-menu .current-menu-item a {
   color: #ed6038;
 }
 .archive.not-mobile .news-block:hover .title {
   color: #ed6038;
 }
 .archive.not-mobile .news-block:hover .border {
   background-color: #ed6038;
 }
 
 /*
  * Single (Blog detail and Promors & Content detail)
  */
 body.single-detail {
   background-color: #f2f2ed;
 }
 #content.single-detail {
   padding-top: 140px;
 }
 .single-detail .title {
   font-size: 66px;
   margin: 0 auto;
   padding: 0 30px;
   text-align: center;
   max-width: 1280px;
 }
 .single-detail .credits,
 .single-detail .meta {
   text-align: center;
   font-size: 14px;
   margin: 30px;
 }
 .single-detail .credits .credit {
   margin: 0 3px 0 0;
 }
 .single-detail .meta .tags span {
   color: #ed6038;
 }
 .single-detail .meta a {
   color: #33384a;
 }
 .single-detail .meta a:hover {
   color: #ed6038;
   text-decoration: underline;
 }
 .single-detail .entry {
   margin: 30px auto 50px auto;
   color: #788094;
   line-height: 1.5;
 }
 .single-detail .entry > p {
   max-width: 600px;
   margin: 2em auto;
   color: #788094;
   padding: 0 30px;
   text-align: justify;
 }
 .single-detail .credit span:first-child {
   color: #ed6038;
 }
 .single-detail .entry h2 {
   font-size: 30px;
   text-align: center;
   margin: 40px auto;
   padding: 0 30px;
   color: #33384a;
 }
 .single-detail .entry h3 {
   margin: 30px auto;
   max-width: 600px;
   padding: 0 30px;
   color: inherit;
   line-height: 1.3;
   font-size: 18px;
 }
 .single-detail .entry iframe {
   max-width: 100%;
   background-color: #000000;
 }
 .fluid-width-video {
   display: block;
   margin: 2em auto;
   max-width: 960px;
   padding: 0 30px;
 }
 .single-detail .entry .fluid-width-video-wrapper {
   position: relative;
 }
 .single-detail .entry > .alignnone {
   width: 100%;
   height: auto;
   max-width: 1080px;
   margin: 3em auto;
   display: block;
 }
 .single-detail .entry a {
   color: #ed6038;
 }
 .single-detail .entry a:hover {
   color: #ed6038;
   text-decoration: underline;
 }
 .entry .fullwidth-image {
   margin: 3em 0;
   background-size: cover;
 }
 .fullwidth-image {
   position: relative;
   min-height: 50vh;
 }
 .fullwidth-image .text {
   color: #f2f2ed;
   font-size: 34px;
   max-width: 700px;
   padding: 70px 70px 14px 70px;
   line-height: 1.3;
   position: relative;
   z-index: 10;
 }
 .fullwidth-image .text span {
   font-size: 18px;
 }
 .single-post .region-selector .region-select {
   display: none;
 }
 .single-post .region-selector .region-select.active {
   display: inline-block;
 }
 
 /*
  * Share Widget
  */
 .share-widget {
   text-align: center;
   margin: 20px auto;
   color: #ed6038;
   font-size: 14px;
   padding: 30px;
   position: relative;
   max-width: 500px;
 }
 .share-widget .share-button {
   cursor: pointer;
   display: inline-block;
 }
 .share-widget .share-button .svg {
   position: relative;
   top: 5px;
   margin-right: 7px;
 }
 .share-widget .wrap {
   position: absolute;
   top: 24px;
   left: 0;
   right: 0;
   opacity: 0;
 }
 .share-widget .wrap a {
   display: inline-block;
   padding: 10px;
 }
 .share-widget path {
   fill: #ed6038;
 }
 /* Hover state */
 .share-widget:hover .share-button {
   opacity: 0;
 }
 .share-widget:hover .wrap {
   opacity: 1;
 }
 
 /*
  * Next Article Page
  */
 .next-preview {
   display: block;
   background-color: #f3b237;
   overflow: hidden;
   padding-right: 30px;
   min-height: 180px;
 
   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: center;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .next-preview .meta {
   text-align: left;
   margin: 0 30px;
   padding: 0;
   float: left;
 }
 .next-preview .meta p {
   margin: 5px 0;
 }
 .next-preview .meta .title {
   font-size: 28px;
   text-align: inherit;
   padding: 0;
   margin: 0;
 }
 .next-preview .meta .credits {
   margin: 5px 0;
   text-align: inherit;
 }
 .next-preview .credit span:first-child {
   color: #33384a;
 }
 
 /*
  * About page
  */
 .about-slideshow {
   height: 100%;
   width: 100%;
   position: relative;
   z-index: 0;
 }
 .about-slideshow .slides {
   height: 100%;
   width: 100%;
   position: relative;
   z-index: 0;
 }
 .about-slideshow .text-slide,
 .about-slideshow .slide {
   background-color: #33384a;
   right: auto;
   bottom: auto;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center center;
 }
 .about-slideshow .text-slide {
   z-index: 110;
   display: -webkit-flex;
   display: flex;
   background-color: transparent;
 }
 .about-slideshow .entry {
   margin: auto;
   font-size: 30px;
   font-weight: 400;
   text-align: center;
   max-width: 1000px;
   z-index: 20;
   padding: 100px 80px;
 }
 .about-slideshow .scroll-down {
   z-index: 120;
   margin: 0 auto;
   left: 30px;
   right: 30px;
   text-align: center;
   width: 150px;
 }
 .about-slideshow .office-names {
   left: 30px;
   bottom: 48px;
   position: absolute;
   font-size: 14px;
   z-index: 120;
   width: 200px;
   height: 20px;
 }
 .about-slideshow .office-name {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   line-height: 20px;
 }
 .about-slideshow .browse {
   z-index: 120;
 }
 .about .scroll-up,
 .about .scroll-down {
   right: auto;
   left: 50%;
   transform: translateX(-50%);
   font-size: 18px;
 }
 
 /* Team Grid */
 .about .bottom-panel {
   color: #f2f2ed;
   padding: 0;
 }
 .about .bottom-panel .entry {
   text-align: center;
   margin: 0 auto;
   max-width: 700px;
   padding: 80px 30px 50px 30px;
 }
 .about .bottom-panel .entry h2 {
   font-size: 38px;
   font-weight: 700;
   line-height: 1.3;
 }
 .team-grid {
   text-align: center;
   font-size: 0;
   letter-spacing: 0;
   padding-bottom: 130px;
 }
 .team-block {
   letter-spacing: normal;
   font-size: 16px;
   display: inline-block;
   width: 33.33%;
   position: relative;
   vertical-align: top;
   text-align: left;
 }
 .team-block .meta {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   box-sizing: border-box;
   padding: 0 30px;
   z-index: 30;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }
 .team-block .title {
   left: 30px;
   z-index: 10;
   font-weight: 700;
   font-size: 24px;
   line-height: 1.3;
 }
 .team-block .svg {
   opacity: 0;
 }
 .team-block path {
   fill: #f2f2ed;
 }
 .team-block .credit {
   position: absolute;
   right: 30px;
   bottom: 30px;
   z-index: 10;
   line-height: 1.8;
   text-align: right;
 }
 .team-block .credit p {
   margin-bottom: 0;
 }
 .team-block .responsive-image {
   position: relative;
   z-index: 10;
   background-size: cover;
   background-color: #ed6038;
   background-blend-mode: multiply;
 }
 .team-block .responsive-image > img {
   visibility: hidden;
 }
 .team-block .second-image {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 20;
   opacity: 0;
   background-size: cover;
   background-color: #ed6038;
   background-blend-mode: multiply;
 }
 .job-block {
   font-size: 52px;
   font-weight: 700;
   box-sizing: border-box;
 }
 .job-block p {
   margin: 0;
 }
 .job-block span {
   font-size: 16px;
 }
 .job-block .svg {
   opacity: 1;
 }
 .job-block .spacer-image {
   width: 100%;
   padding-bottom: 100%;
   height: 0;
 }
 .about .bottom-panel .scroll-down polygon {
   fill: #f2f2ed;
 }
 
 /* Hover State */
 .team-block:hover {
   color: #f3b237;
 }
 .team-block:hover .svg {
   opacity: 1;
 }
 .team-block:hover path {
   fill: #f3b237;
 }
 .team-block:hover .second-image {
   opacity: 1;
 }
 
 /* Jogger Section */
 .section-jogger {
   position: relative;
   z-index: 10;
   overflow: hidden;
   min-height: 100vh;
   color: #f2f2ed;
   background-size: cover;
   background-color: #33384a;
 
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }
 .section-jogger .entry {
   font-size: 18px;
   max-width: 600px;
   padding: 0 100px;
   text-align: justify;
   position: relative;
   z-index: 10;
 }
 .section-jogger .entry a {
   display: inline-block;
   border-bottom: 2px solid;
 }
 
 /*
  * Contact Page
  */
 body.page-contact {
   background-color: #f3b237;
 }
 #content.contact {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   margin-top: 140px;
   min-height: calc(100% - 280px);
 
   display: -webkit-flex;
   display: flex;
 }
 .contact .wrap {
   margin: auto;
   width: 100%;
 }
 .contact .location {
   width: 100%;
   box-sizing: border-box;
 }
 .location .meta {
   box-sizing: border-box;
 }
 .location .meta .wrap {
   max-width: 1600px;
   margin: 0 auto;
   box-sizing: border-box;
   position: relative;
   padding: 30px 30px 15px 30px;
   cursor: pointer;
   line-height: 1.5;
 }
 .location .title {
   font-size: 36px;
   display: inline-block;
   width: 24%;
   font-weight: 400;
 }
 .location .time {
   font-size: 22px;
   display: inline-block;
   width: 15%;
 }
 .location .map {
   display: none;
   width: 15%;
   font-size: 22px;
 }
 .location .map .svg {
   position: relative;
   top: 5px;
   margin-right: 3px;
 }
 .location .address {
   width: 39%;
   display: inline-block;
 }
 .location .phone {
   width: 20%;
   display: inline-block;
 }
 .location .close-button {
   position: absolute;
   right: 12px;
   top: 24px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   width: auto;
   cursor: pointer;
   padding: 20px;
 }
 .location .border {
   position: absolute;
   bottom: -2px;
   left: 30px;
   height: 2px;
   right: 30px;
   background-color: #33384a;
 }
 .location .close-button polygon {
   fill: #33384a;
 }
 .location .small-meta,
 .location .small-meta .phone,
 .location .small-meta .map,
 .location .small-meta .address {
   width: auto;
   margin-bottom: 1em;
   display: none;
 }
 .location .small-meta .map {
   margin-bottom: 15px;
 }
 .location .entry {
   color: #f2f2ed;
   display: none;
   background-color: #33384a;
   line-height: 1.5;
 }
 .location .entry p {
   margin: 1.5em 0;
 }
 .location .entry .wrap {
   max-width: 1600px;
   padding: 0 30px;
   margin: 0 auto;
   box-sizing: border-box;
   background-color: #33384a;
   overflow: hidden;
 }
 .location .map:hover path,
 .location .entry a:hover path {
   fill: #f2f2ed;
 }
 
 /* Open State */
 .location.opened .meta {
   color: #f2f2ed;
   background-color: #33384a;
 }
 .location.opened .meta .wrap {
   cursor: default;
 }
 .location.opened .close-button {
   -webkit-transform: rotate(0);
   transform: rotate(0);
 }
 .location.opened .time {
   display: none;
 }
 .location.opened .meta .map {
   display: inline-block;
 }
 .location .close-button polygon {
   fill: #ed6038;
 }
 
 /* Entry Styles */
 .col {
   display: inline-block;
   vertical-align: top;
   width: 24%;
   margin: 1.5em 0;
 }
 .email {
   display: inline-block;
 }
 .email .svg {
   position: relative;
   top: 2px;
 }
 
 /*
  * Seach Overlay
  */
 .search-overlay {
   z-index: 600;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #f3b237;
   opacity: 0.5;
   visibility: hidden;
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
 }
 .search-opened .search-overlay {
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
   visibility: visible;
   opacity: 1;
 }
 .search-overlay label {
   display: none;
 }
 .search-overlay .search-input {
   background-color: #f2f2ed;
   border: none;
   border-radius: 0;
   outline: none;
   float: left;
   width: calc(100% - 115px);
   font-size: 30px;
   padding: 15px 20px 10px 65px;
   background-image: url(images/icon-magnify-red.svg);
   background-position: 18px center;
   background-repeat: no-repeat;
   color: #33384a;
   font-family: Brown, sans-serif;
   box-sizing: border-box;
   font-weight: 400;
   margin: 0;
   line-height: 1.3;
 }
 .search-overlay .search-input::-moz-placeholder {
   opacity: 1;
   color: #33384a;
 }
 .search-overlay .search-input::-webkit-input-placeholder {
   opacity: 1;
   color: #33384a;
 }
 .search-overlay .search-submit {
   float: right;
   width: 115px;
   border: none;
   border-radius: 0;
   position: static;
   font-size: 20px;
   color: #ed6038;
   font-weight: 400;
   background-color: #33384a;
   outline: none;
   padding: 17px 0 15px 0;
   margin: 0;
   box-sizing: border-box;
   height: 65px;
   -webkit-appearance: none;
 }
 .search-overlay .close-button {
   position: absolute;
   top: 70px;
   resize: 15px;
   padding: 20px;
   right: 10px;
   cursor: pointer;
 }
 
 /*
  * Seach Results
  */
 body.search {
   background-color: #33384a;
 }
 .search ::selection {
   color: #33384a;
   background-color: #ed6038;
 }
 .search ::-moz-selection {
   color: #33384a;
   background-color: #ed6038;
 }
 #content.search {
   overflow: hidden;
   padding: 100px 15px 40px 15px;
 }
 .search > .prompt {
   color: #f2f2ed;
   text-align: center;
 }
 .search .screen-reader-text {
   display: none;
 }
 .search .search-input {
   color: #ed6038;
   text-align: center;
   font-size: 66px;
   font-family: Brown, sans-serif;
   display: block;
   width: 80%;
   margin: 0 auto;
   background-color: transparent;
   border: none;
   outline: none;
   padding: 0;
   line-height: 1.3;
 }
 .search .search-submit {
   display: none;
 }
 .search .searchform {
   margin-bottom: 60px;
 }
 .search-grid {
   float: left;
   width: 100%;
   box-sizing: border-box;
 }
 .search-grid > h2 {
   color: #ed6038;
   font-size: 22px;
   font-weight: 400;
   padding: 0 15px 30px;
 }
 .search .news-block {
   position: relative;
   color: #f2f2ed;
 }
 .search .no-results {
   color: #ed6038;
   font-size: 34px;
   font-weight: 400;
   padding: 0 15px 30px;
 }
 
 /*
  * Mailing List Overlay
  */
 .mailing-list-overlay {
   z-index: 600;
   background-color: #f3b237;
   position: fixed;
   text-align: center;
   font-size: 16px;
   display: none;
   height: 100%;
 }
 .mailing-list-overlay .close-button {
   position: absolute;
   top: 60px;
   padding: 20px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   cursor: pointer;
 }
 .mailing-list-overlay .close-button polygon {
   fill: #33384a;
 }
 .mailing-list-overlay .close-button:hover polygon {
   fill: #ed6038;
 }
 .mailing-list-overlay form {
   margin: auto;
   padding: 140px 15px;
   max-width: 550px;
   width: 100%;
 }
 .mailing-list-overlay h2 {
   font-size: 30px;
   font-weight: 700;
 }
 .mailing-list-overlay .input {
   border: none;
   outline: none;
   color: #f3b237;
   font-size: 28px;
   font-family: Brown, sans-serif;
   background-color: #33384a;
   width: 100%;
   margin: 30px auto;
   padding: 5px 10px;
   box-sizing: border-box;
   line-height: 1.4;
 }
 .mailing-list-overlay .submit {
   color: #33384a;
   background-color: #33384a;
   appearance: none;
   border-radius: 0;
   font-size: 20px;
   background-color: transparent;
   font-weight: 700;
   border: none;
   cursor: pointer;
   font-family: Brown, sans-serif;
 }
 .mailing-list-overlay .submit:hover {
   color: #ed6038;
 }
 .mailing-list-overlay .input::-moz-placeholder {
   opacity: 1;
   color: #f3b237;
   line-height: 1.4;
 }
 .mailing-list-overlay .input::-webkit-input-placeholder {
   opacity: 1;
   color: #f3b237;
   line-height: 1.4;
 }
 
 /*
  * Animations
  */
 /* Bounce */
 .bounce {
   animation: bounce 1.5s ease-in-out infinite;
 }
 @keyframes bounce {
   0%,
   20%,
   50%,
   80%,
   100% {
     transform: translateY(0);
   }
   40% {
     transform: translateY(-5px);
   }
   60% {
     transform: translateY(5px);
   }
 }
 @-webkit-keyframes bounce {
   0%,
   20%,
   50%,
   80%,
   100% {
     transform: translateY(0);
   }
   40% {
     transform: translateY(-5px);
   }
   60% {
     transform: translateY(5px);
   }
 }
 
 /* Color */
 .entry a,
 .submit,
 .address-block,
 .title {
   -webkit-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
 }
 
 /* Opacity */
 .section-menu a,
 .share-widget > *,
 .editor-item,
 .second-image,
 .region-select,
 .team-block .svg,
 .news-block .meta,
 .preview,
 .browse {
   -webkit-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
 }
 
 /* Background-color & Color */
 .location .meta,
 .location .meta .wrap {
   -webkit-transition: background-color 0.4s ease-in-out;
   transition: background-color 0.4s ease-in-out;
 }
 .location .title {
   -webkit-transition: none;
   transition: none;
 }
 
 /* Scale slowly */
 .responsive-image .wp-post-image,
 .background {
   -webkit-transition: -webkit-transform 12s ease-out;
   transition: transform 12s ease-out;
 }
 
 /* Slide Transforms */
 .slide .meta {
   -webkit-transition: -webkit-transform 0.5s;
   transition: transform 0.5s;
 }
 
 /* Everything */
 .mailing-list-overlay,
 .close-button,
 .scroll-down,
 .addresses,
 .border,
 .slide .meta > *,
 .play-button,
 #menu-panel,
 .search-overlay,
 svg circle,
 svg polygon,
 svg path {
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 
 /* Scrolled down header animations */
 #header,
 #header .logo .svg,
 .hamburger div {
   -webkit-transition: 0.4s ease-in-out;
   transition: 0.4s ease-in-out;
 }
 #header > *,
 .explain {
   -webkit-transition: color 0s, top 0.4s, opacity 0.4s, visibility 0.4s,
     -webkit-transform 0.4s;
   transition: color 0s, top 0.4s, opacity 0.4s, visibility 0.4s, transform 0.4s;
 }
 
 /* Animations for Work Block */
 .work-block .link,
 .work-block .overlay {
   -webkit-transition: 1s opacity ease-in-out, 0.4s ease-in-out;
   transition: 1s opacity ease-in-out, 0.4s ease-in-out;
 }
 .work-block.active .scaling-image {
   -webkit-transition: -webkit-transform 1s ease-out;
   transition: transform 1s ease-out;
 }
 
 /* No animation */
 .location .map {
   -webkit-transition: none;
   transition: none;
 }
 
 /*
  * Wordpress Required
  */
 .post-edit-link {
   font-size: 10px;
   text-transform: uppercase;
 }
 .alignleft {
   display: inline;
   float: left;
 }
 .aligncenter {
   clear: both;
   display: block;
   margin: 0 auto 10px auto;
 }
 .alignright {
   display: inline;
   float: right;
 }
 img.alignleft {
   margin: 0 10px 10px 0;
 }
 img.alignright {
   margin: 0 0 10px 10px;
 }
 img.aligncenter {
   margin: 0 auto 10px auto;
 }
 .wp-caption {
   background: #f1f1f1;
   color: #888;
   text-align: center;
   margin-bottom: 15px;
   width: auto !important;
   -moz-border-radius: 0 0 4px 4px;
   border-radius: 0 0 4px 4px;
 }
 .wp-caption img {
   margin: 0px;
 }
 .wp-caption p.wp-caption-text {
   margin: 0 0 5px;
   padding: 4px;
   font-style: italic;
 }