/*
Theme Name: Earthluck International
Author: Plugged.com.co
Author URI: http://plugged.com.co
Description: Earthluck International
Version: 0.0.1
Text Domain: udonn
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

@font-face{
  font-family:'Helvetica LT W01 Roman';
  src:url("assets/fonts/3a74c169-76ee-4223-b4b4-aac92e8da5ec.eot");
  src:url("https://earthluckinternational.com/wp/wp-content/themes/earthluckinternational/assets/fonts/3a74c169-76ee-4223-b4b4-aac92e8da5ec.eot.eot?") format('embedded-opentype'),
  url("assets/fonts/fcce277c-07e2-4c88-ad8b-a71b484e2cbe.woff") format('woff'),
  url("assets/fonts/315bbeb9-a30f-4f38-91ae-d6cfbbf89437.ttf") format('truetype'),
  url("assets/fonts/507e1538-09ae-429d-a77c-b0fd539aea7f.svg") format('svg');
  font-weight:300;font-style:normal;
  font-stretch:normal}*{-webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}a{text-decoration:none}body{font-family:'Helvetica LT W01 Roman';
  font-weight:300;background:#fff;
  -webkit-transition:background 1s;
  transition:background 1s;
  overflow-x:hidden !important;
  font-size:15px;
  line-height:22px;
  }
  body.latest-visible h1,body.latest-visible a{
    color:#fff !important
  }
  body.latest-visible .logo-svg{
    fill:#fff !important
  }
  body.latest-visible #magic-line{
    background:#fff !important;
    height: 1px !important;
  }
  header.viewing-contact #magic-line{
    height: 1px !important;
    background:#fff !important;

  }
  body.latest-visible .header-bg{
    opacity:0;-webkit-transition:opacity 0s;transition:opacity 0s;
    -webkit-transition-delay:0s;transition-delay:0s
  }
  body.viewing-projects{
    background:#fff;
  }
  body.viewing-projects h1{
    color:#999999
  }
  body.viewing-projects a{
    color:#999999
  }
  body.viewing-projects .logo-svg,body.viewing-projects .menu-icon-svg{
    -webkit-transition:fill 1s !important;
    transition:fill 1s !important;
    fill:#999999 !important
  }
  body.viewing-projects #magic-line{
    background:#999999
  }
  body.viewing-projects.latest-visible .logo-svg{
    fill:#fff !important
  }
  body.viewing-profile{
    background:#e91b22;
  }
  body.viewing-profile h1{
    color:#fff
  }
  body.viewing-profile a{
    color:#fff
  }
  body.viewing-profile .logo-svg,body.viewing-profile .menu-icon-svg{
    fill:#fff !important;-webkit-transition:fill s !important;transition:fill 1s !important
  }
  body.viewing-profile #magic-line{
    background:#fff
  }
  body.viewing-profile.latest-visible .logo-svg{
    fill:#fff !important
  }body.viewing-contact{
    background:#999999;
  }body.viewing-contact h1{
    color:#fff
  }body.viewing-contact a{
    color:#fff
  }body.viewing-contact .logo-svg,body.viewing-contact .menu-icon-svg{
    fill:#fff !important;
    -webkit-transition:fill 1s !important;
    transition:fill 1s !important
  }body.viewing-contact #magic-line{
    background:#fff
  }body.viewing-contact.latest-visible .logo-svg{
    fill:#fff !important
  }.primary-wrap{
    max-width:2560px;
    margin:0 auto;
    padding:0 14px;
  }
  @media (min-width:650px){
    .primary-wrap{
      padding:0 40px
    }
  }
  .section{
    overflow:hidden;
    padding-top:140px
  }
  .content{
    width:100%;
    float:right;
  }
  @media (min-width:1300px){
    .content{
      width:50%
    }
  }
  h2{
    color:#fff;
    font-weight:300;
    margin:0 0 2.8em 0;padding:0 10px;
    font-size:22px;
    line-height:1.35em;
    width:100%;
  }
  @media (min-width:650px){
    h2{
      font-size:26px;
      line-height:38px
    }
  }
  @media (min-width:1300px){
    h2{
      width:100%;
      font-size:22px;
      line-height:1.3em
    }
  }
  @media (min-width:1600px){
    h2{
      font-size:26px;
      line-height:1.3em
    }
  }
  @media (min-width:2560px){
    h2{
      font-size:34px;
      line-height:1.3em;
    }
  }
  img{
    display:block;
    max-width:100%;
  }
  .icon-wrap{
    opacity:0;
    pointer-events:none;
    display:none;
  }
  @media (min-width:1300px){
    .icon-wrap{
      opacity:1;
      width:100%;
      height:102px;
      margin:0 auto;
      position:fixed;
      z-index:700;
      bottom:40px;
      left:52px;
      
      display:block;pointer-events:none
    }
  }
  @media (min-width:1300px){
    .icon-wrap .earthluckinternational-icon{
      width:100%;
      max-width:2560px;
      margin:0 auto;
      height:102px;
      background:url("assets/img/logo.svg");
      -webkit-background-size:auto 100%;
      background-size:auto 100%;
      background-repeat:no-repeat;
      background-position:20px
    }
  }
  @media (min-width:1600px){
    .icon-wrap .earthluckinternational-icon{
      background-position:96px
    }
  }
  #error{
    height:100vh;
    background:#e91b22;
    color:#fff;
  }
  #error h4{
    width:100%;
    margin:0;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    text-align:center;font-weight:normal;
    font-size:22px
  }
  #main{
    background:#fff
  }
  .header{
    position:fixed;
    width:100%;
    height:100px;
    z-index:1000;
    display:none;
    line-height:22px !important;font-size:17px;
  }
  @media (min-width:1300px){
    .header{
      display:block;
      height:120px;font-size:18px
    }
  }
  @media (min-width:2560px){
    .header{
      font-size:24px
    }
  }
  .header a{
    color:#fff
  }
  .header #magic-line{
    background:#fff
  }
  .header .header-bg{
    opacity:0;
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    pointer-events:none;
    z-index:500;
    -webkit-transition:opacity 1s;
    transition:opacity 1s
  }
  .header .header-gradient{
    opacity:1;
    position:absolute;width:100%;
    top:90px;bottom:-30px;
    pointer-events:none;
    z-index:550;
    opacity:0;
    -webkit-transition:all 2s;transition:all 2s;display:none
  }
  .header .logo{
    float:left;
    padding:0 10px;
  }
  @media (min-width:2560px){
    .header .logo{
      padding:0 20px
    }
  }
  .header h1{
    margin:0;
    padding-top:46px;
    margin-left: 70px;
    z-index:6000;
    position:absolute
  }.header .nav-wrap{
    width:100%;
    float:right;
    height:100px;
    line-height:120px;
    position:relative;
    z-index:1000;
    overflow:hidden;
  }
  @media (min-width:1300px){
    .header .nav-wrap{
      width:50%
    }
  }
  .header ul{
    margin:0;
    padding:0;
    position:relative;
    width:100%
  }
  .header li{
    display:block;
    float:left;
    width:25%;
    padding:0 10px;
  }
  @media (min-width:2560px){
    .header li{
      padding:0 20px
    }
  }.header li a{
    display:block;
    float:left;
    padding:0;
    text-decoration:none;
    width:100%
  }
  #magic-line{
    position:absolute;
    bottom:-76px;
    left: 0;
    width:100px !important;
    height:0;
    background:#000;
    padding:0 !important
  }
  #landing-link{
    background:#f00 !important;ºº
    width:1px !important;
    overflow:hidden
  }
  .header .header-bg{
    background:none;
    opacity:0;
    -webkit-transition:background 1s,opacity .45s .45s;transition:background 1s,opacity .45s .45s
  }
  .header .header-gradient{
    background:none;
    -webkit-transition:background 1s,opacity .45s .45s;transition:background 1s,opacity .45s .45s;
    opacity:1
  }
  .viewing-projects .header-bg{
    background:#fff;
    -webkit-transition:background 1s,opacity .45s .45s;
    transition:background 1s,opacity .45s .45s;
    opacity:1
  }
  .viewing-projects .header-gradient{
    background:#fa8072;
    opacity:1
  }
  .viewing-profile .header-bg{
    background:#e91b22;
    -webkit-transition:background 1s,opacity .45s .45s;transition:background 1s,opacity .45s .45s;opacity:1
  }

  .viewing-profile .header-gradient{
    background:-webkit-gradient(linear, left top, left bottom, from(#e91b22), to(rgba(223,27,34,0))) 
		!important;background:-webkit-linear-gradient(#e91b22, rgba(223,27,34,0) 100%) 
		!important;background:linear-gradient(#e91b22,rgba(223,27,34,0) 100%) !important;background:#00f;opacity:1}
.viewing-contact .header-bg
{background:#999999;opacity:1}
.viewing-contact .header-gradient
{background:-webkit-gradient(linear, left top, left bottom, from(#999999), to(rgba(174,174,174,0))) 
	!important;background:-webkit-linear-gradient(#999999, rgba(174,174,174,0)) 
		!important;background:linear-gradient(#999999,rgba(174,174,174,0)) 
			!important;background:#ff0}
.header-project h1,.header-project a{color:#999999}
.header-project #magic-line{background:#999999 !important;opacity:0}
.header-project .nav-wrap:hover #magic-line{opacity:1}.header-project .logo-svg,.header-project .menu-icon-svg{fill:#999999 !important}
.header-project .header-bg{opacity:1}
.nav-wrap #magic-line{opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s}
.nav-wrap.menu-hovered #magic-line{opacity:1;-webkit-transition:opacity .25s;transition:opacity .25s}body
.mobile-nav-expanded .logo-svg,body.mobile-nav-expanded .menu-icon-svg{fill:#fff !important}.mobile-header{display:block;position:fixed;z-index:1000;width:100%;font-size:12px;}.mobile-header .ewa-logo{height:20px;text-align:left;width:auto;width:500px}.mobile-header .header-bg{position:absolute;width:100%;top:0;bottom:0;opacity:1;-webkit-transition:background 1s;transition:background 1s}.mobile-header.viewing-projects .header-bg{background:#fff;-webkit-transition:background 1s;transition:background 1s}.mobile-header.viewing-profile .header-bg{background:#e91b22;-webkit-transition:background 1s;transition:background 1s}.mobile-header.viewing-contact .header-bg{background:#999999;-webkit-transition:background 1s;transition:background 1s}.mobile-header.expanded a{color:#fff !important}.mobile-header.expanded .nav-wrap{top:0;padding-left:5px;padding-right:5px;}@media (min-width:650px){.mobile-header.expanded .nav-wrap{padding-left:30px;padding-right:30px}}@media (min-width:1300px){.mobile-header{display:none}}.mobile-header a{color:#fff}.mobile-header h1{font-size:12px;text-transform:uppercase;width:500px;padding:20px 10px 12px 10px;z-index:1200 !important;position:relative;float:left}.mobile-header .nav-menu-toggle{padding:0;z-index:1200;position:absolute;right:24px;top:26px;}@media (min-width:650px)
{
	.mobile-header .nav-menu-toggle
	{right:50px}
}@media (min-width:1300px)
{.mobile-header .nav-menu-toggle{right:40px}
}
.mobile-header .nav-menu-toggle .mobile-toggle{display:block;-webkit-transition:-webkit-transform .3s;transition:transform .3s;}
.mobile-header .nav-menu-toggle .mobile-toggle.toggled
{-webkit-transform:rotate(-45deg);-ms-transform:rotate(45deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.mobile-header .nav-wrap{background:#999999;height:140px;overflow:hidden;position:absolute;width:100%;left:0;top:-140px;padding-top:80px;z-index:1100 !important;-webkit-transition:top .35s;transition:top .35s;}
.mobile-header .nav-wrap ul{margin:0;padding:0 10px}
.mobile-header .nav-wrap li{width:30%;padding:0 10px;display:block;float:left;}
.mobile-header .nav-wrap li a{display:block;border-bottom:1px solid #999999;padding-bottom:3px}
.mobile-header.header-project .logo-svg,.mobile-header.header-project .menu-icon-svg{fill:#999999 !important}.mobile-header.header-project a{color:#999999 !important}.mobile-header.header-project.expanded a{color:#fff !important}.header-project .header-bg{background:#fff}.ewa-logo{width:100%;height:20px}.logo-svg{fill:#fff;-webkit-transition:fill 1s;transition:fill 1s}.m-scene .scene_element{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}.m-scene .scene_element--fadein{-webkit-animation-name:fadeIn;animation-name:fadeIn}.m-scene .scene_element--fadeinup{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.m-scene .scene_element--fadeinright{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.m-scene.is-exiting .scene_element{-webkit-animation-direction:alternate-reverse;animation-direction:alternate-reverse}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,0.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:50px;font-size:26px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;color:#4d4d4d}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:none}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,0.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:78px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:normal}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-loading .featherlight-previous,.featherlight-loading .featherlight-next{display:none}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:none}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:38px}}.featherlight{padding-top:100px}.featherlight:before{margin-right:0}.featherlight:last-of-type{background:#fff}.featherlight .featherlight-content{padding:0;margin-left:52px;margin-right:52px;max-height:80%;border-bottom:0}.featherlight .featherlight-close-icon{opacity:.5;position:fixed;right:60px;top:40px}.featherlight img{opacity:1;margin-left:auto;margin-right:auto}.featherlight-next,.featherlight-previous{display:none}.landing{-webkit-background-size:cover;background-size:cover;background-position:center center;height:100vh;position:relative;z-index:800}.projects{padding-bottom:10px;color:#000;overflow:hidden;color:#999999;float:left;}.projects h2{color:#999999;margin:0 0 87px 0;}@media (min-width:600px){.projects h2{width:75%}}@media (min-width:1300px){.projects h2{width:100%}}.projects h2 p{margin:0}.projects .project-grid{width:100%}.projects .project{width:100%;float:left;padding:10px;}@media (min-width:1300px){.projects .project{width:50%;-webkit-transition:all .6s;transition:all .6s}.projects .project.not-active img{opacity:.4;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .6s;transition:all .6s}}@media (min-width:2560px){.projects .project{padding:20px}}.projects img{opacity:1;-webkit-transition:all .6s;transition:all .6s;}@media (min-width:780px){.projects img{opacity:1}}.projects img:hover{opacity:1}.projects .project-detail-container{width:100%;position:fixed;top:166px;left:0;right:0;overflow:hidden;pointer-events:none;display:none;}@media (min-width:1300px){.projects .project-detail-container{display:block}}.projects .project-detail-container .project-title,.projects .project-detail-container .project-location{font-weight:bold}.projects .project-details{width:25%;float:left;left:40px;padding:0 40px 0 10px;top:80px;opacity:0;z-index:400;font-size:12px;line-height:1.4em;}@media (min-width:1600px){.projects .project-details{font-size:14px;line-height:1.3em}}@media (min-width:2560px){.projects .project-details{font-size:18px;line-height:1.3em}}.projects .project-details .project-location{margin-bottom:1em}.project--mobile-details{padding:0 15px !important;}@media (min-width:510px){.project--mobile-details{padding:0 !important}}.project-inline-details{float:left;font-size:14px;line-height:1.4em;width:100%;margin-bottom:20px;}@media (min-width:650px){.project-inline-details{width:46%;margin-bottom:0}}@media (min-width:1300px){.project-inline-details{display:none}}.project-inline-details h2,.project-inline-details h3{font-size:14px;line-height:1.4em;padding:0;margin:0;font-weight:bold}.project-inline-details h3{margin-bottom:1em}a.project-image{width:50%;padding:0;display:block;float:right;width:100%;margin-bottom:40px;}@media (min-width:650px){a.project-image{width:50%;padding:0 0 0 15px;margin-bottom:30px}}@media (min-width:1300px){a.project-image{width:100%;padding:0;margin:0}}a.project-image img{width:100%}.project--header{overflow:hidden;margin-top:140px;position:relative;float:left;padding:0 10px;font-size:24px;line-height:1.35em;}@media (min-width:650px){.project--header{font-size:28px;line-height:38px}}@media (min-width:900px){.project--header{width:75%}}@media (min-width:1300px){.project--header{width:46%;font-size:24px}}@media (min-width:1600px){.project--header{font-size:28px}}@media (min-width:2560px){.project--header{padding:0 20px;width:31.25%;font-size:36px}}.project--header h1.project--title{font-weight:bold !important}.project--header h1,.project--header h2{font-size:1em;line-height:1.3em;width:100%;color:#999999;padding:0}.single-project{color:#999999;padding-top:0;}.single-project a{color:#999999}.single-project img{width:100%}.single-project .detail{border-bottom:1px solid #aeafb0;padding:8px 0}.single-project .row{padding:10px;width:100%;float:left;}@media (min-width:2560px){.single-project .row{padding:20px}}.single-project .double-row{width:100%;float:left;padding:0 0;}@media (min-width:900px){.single-project .double-row{padding:10px 0}}@media (min-width:2560px){.single-project .double-row{padding:20px 0}}.single-project .left-image{width:100%;float:left;padding:10px;}@media (min-width:900px){.single-project .left-image{width:50%;padding:0 10px}}@media (min-width:2560px){.single-project .left-image{padding:0 20px}}.single-project .right-image{width:100%;float:right;padding:10px;}@media (min-width:900px){.single-project .right-image{width:50%;padding:0 10px}}@media (min-width:2560px){.single-project .right-image{padding:0 20px}}#project-media{margin-bottom:50px;}@media (min-width:1300px){#project-media{width:50%;float:right;clear:none;margin-top:140px;margin-bottom:80px;min-height:100vh}}.project--details{float:left;width:100%;font-size:18px;line-height:1.4em;overflow:hidden;}@media (min-width:900px){.project--details{width:75%;float:right}}@media (min-width:1300px){.project--details{width:25%;float:left}}@media (min-width:2560px){.project--details{width:12.5%;clear:left}}.project--details .detail--wrap{float:left;width:100%;padding:0 10px;background:#fff;z-index:400;position:relative;}@media (min-width:650px){.project--details .detail--wrap{width:50%}}@media (min-width:900px){.project--details .detail--wrap{width:33.33333333333333%}}@media (min-width:1300px){.project--details .detail--wrap{width:100%;font-size:14px;line-height:1.4em}}@media (min-width:2560px){.project--details .detail--wrap{font-size:18px;padding:0 20px}}.project--details .label{font-weight:bold}.project--details.pagination{margin-bottom:80px;clear:left;}@media (min-width:2560px){.project--details.pagination{clear:none}}.single-project{position:relative}.bottom-ewa-logo{width:15%;float:left;position:absolute;bottom:80px;clear:both;width:100%;position:static;}@media (min-width:900px){.bottom-ewa-logo{position:absolute;width:15%}}.bottom-ewa-logo .the-ewa-icon{background:url("assets/img/logo.svg");height:102px;background-repeat:no-repeat;background-position:12px}.one{display:none;}@media (min-width:900px){.one{display:block}}.two{margin-bottom:30px;}@media (min-width:900px){.two{display:none}}.news--details{margin-bottom:80px}.news--icon{margin-bottom:20px}.profile{color:#fff;padding-bottom:80px;overflow:hidden;float:left;}.profile h2{margin:0 0 50px 0}.studio-profile{padding:0 10px;margin:0 0 87px 0;font-size:24px;line-height:32px;}@media (min-width:1300px){.studio-profile{font-size:20px;line-height:1.3em}}@media (min-width:1600px){.studio-profile{font-size:24px;line-heigt:1.3em}}@media (min-width:2560px){.studio-profile{font-size:30px;line-height:1.3em}}.studio-profile p{margin:0;text-indent:4em}.individual{width:100%;overflow:hidden;font-size:14px;line-height:1.4em;margin-bottom:20px;}@media (min-width:900px){.individual{margin-bottom:0}}@media (min-width:1600px){.individual{font-size:16px;line-height:1.4em}}@media (min-width:2560px){.individual{font-size:20px;line-height:1.4em}}.individual h3{margin:0;font-size:1em}.individual h4{margin:0;font-size:1em}.individual p{margin:0}.individual .individual-image{width:100%;padding:10px;-webkit-transition:all .6s !important;transition:all .6s !important;}.individual .individual-image img{-webkit-transition:all .6s !important;transition:all .6s !important}@media (min-width:900px){.individual .individual-image{width:50%;float:left}}@media (min-width:1300px){.individual .individual-image.not-active img{opacity:.4;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .6s;transition:all .6s}}@media (min-width:2560px){.individual .individual-image{padding:20px}}.individual .individual-details{width:100%;padding:0 10px;}@media (min-width:900px){.individual .individual-details{width:50%;float:right;padding:10px 10px 0 10px}}@media (min-width:2560px){.individual .individual-details{padding:20px 20px 0 20px}}.individual .individual-profile{width:100%;clear:both;padding:10px;}@media (min-width:900px){.individual .individual-profile{width:50%;clear:none;float:right}}@media (min-width:2560px){.individual .individual-profile{padding:20px}}.individual .linkedin{display:block;margin-top:1.5em;font-weight:bold;font-size:.9em;}.individual .linkedin span{border-bottom:1px solid;padding-bottom:1px}.contact{min-height:100vh;color:#fff;overflow:hidden;float:left;}.contact h2{margin-bottom:97px}.contact a{border-bottom:1px solid #fff}.contact .other-info,.contact .email,.contact .phone,.contact .jobs{padding:0 10px;}@media (min-width:2560px){.contact .other-info,.contact .email,.contact .phone,.contact .jobs{padding:0 20px}}.contact .other-info,.contact .jobs{margin-top:1.5em}.contact .jobs{margin-bottom:3em}.contact-copy{font-size:19px;line-height:1.35em;}@media (min-width:650px){.contact-copy{font-size:24px;line-height:32px}}@media (min-width:1300px){.contact-copy{font-size:20px;line-height:1.4em}}@media (min-width:1600px){.contact-copy{font-size:24px;line-heigt:1.3em}}@media (min-width:2560px){.contact-copy{font-size:30px;line-height:1.3em}}.contact--logo{margin-bottom:30px;}@media (min-width:900px){.contact--logo{position:static}}@media (min-width:1300px){.contact--logo{display:none}}.latest{background:#b0b0b0;position:fixed;width:100%;height:100vh;z-index:800;top:-100vh;color:#fff;-webkit-transition:top .45s ease-in-out;transition:top .45s ease-in-out;}.latest.visible{top:0}.latest a{color:#fff}.latest .content{padding:0 px}.latest .scrollable{float:left;width:100%;height:70vh;overflow-x:hidden}.latest-row{width:100%;float:left;padding:0 0 0 0;}.latest-row.heading-row .col-title{font-size:14px}.latest-row .col-title{width:100%;float:left;font-size:18px;}@media (min-width:500px){.latest-row .col-title{width:50%;border-bottom:1px solid #fff;padding:8px 0}}@media (min-width:2560px){.latest-row .col-title{font-size:24px}}.latest-row .col-type{float:left;display:inline;font-size:14px;}@media (min-width:500px){.latest-row .col-type{width:25%;display:block;border-bottom:1px solid #fff;padding:8px 12px}}.latest-row .col-date{float:left;display:inline;margin-left:10px;font-size:14px;}@media (min-width:500px){.latest-row .col-date{width:25%;display:block;margin:0;border-bottom:1px solid #fff;padding:8px 20px}}.project-data{background:#0ff}.latest-thumbnail{width:25%;position:absolute;margin-top:38px;margin-left:20px;opacity:0;display:none;min-height:100px;opacity:1;}.latest-thumbnail img{max-width:100%;width:100%}@media (min-width:1200px){.latest-thumbnail{width:33.33333333333333%}}@media (min-width:1300px){.latest-thumbnail{width:28.57142857142857%}}@media (min-width:1800px){.latest-thumbnail{width:25%}}body.latest-visible .header-project .logo-svg{fill:#fff}.partial{-webkit-transition:all 1.2s !important;transition:all 1.2s !important;opacity:0;}@media (min-width:900px){.partial{opacity:0}}
@media(max-width: 480px){
  .logofront{width: 370px;height: 30px; }
}
@media(min-width: 320px) and (max-width: 480px){
  .logofront{width: 320px;height: 30px; }
}