/* need box-sizing border-box */
*,
*:after,
*:before {
  box-sizing: border-box;
}
/**
    TRY THESE
*/
/*
html {
    -webkit-text-size-adjust: 100%;
}
body {
    font-size: calc(1rem + 2vw);
}


*/
/* remove unwated default styling */
/*
input[type=text], button, select, textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
}
*/

/*
@media only screen and (min-width: 480px) {
    body { font-size: 12px;}
}
@media only screen and (min-width: 768px) {
    body { font-size: 13px;}
}
@media only screen and (min-width: 1000px) {
    body { font-size: 14px;}
}
@media only screen and (min-width: 1170px) {
    body { font-size: 15px;}
}
@media only screen and (min-width: 1340px) {
    body { font-size: 16px; }
}
@media only screen and (min-width: 1580px) {
    body { font-size: 17px; }
}
*/

h1 {
  font-size: 5.9vmin;
}

@media (min-width: 768px) {
  h1 {
    //font-size: 4vmin;
  }
}
h2 {
  font-size: 3vh;
}
p {
  font-size: 4vmin;
}
@media (min-width: 768px) {
  p {
    font-size: 2.6vmin;
  }
}

.larger {
  font-size: larger;
}

.bolder {
  font-weight: bolder;
}

/* p.sub-title-p { */
/* width: 75vw; */
/* } */

/*
site-header {
    site-navigation-item {
        a {
        }
    }
}

nu-pager ul.top li, nu-pager ul.bg li {
    &:hover {
        a span {
        }
    }
}
*/

nu-navigation {
  position: fixed;
  padding: 10px;
  top: 0;
  z-index: 9000;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 1);
}

nu-navigation > div {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

nu-navigation .top-left {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

nu-navigation .top-right {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

nu-navigation .top-left a,
nu-navigation .top-right a {
  margin-right: 20px;
}

nu-navigation .top-left a:last-child,
nu-navigation .top-right a:last-child {
  margin-right: 0;
}

nu-navigation a {
  text-decoration: none;
  font-size: 2vmin;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

nu-navigation [class^='icon_'] {
  font-size: 3vmin;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 615px) {
  nu-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  nu-navigation a {
    font-size: 4vmin;
  }
  nu-navigation .top-left {
    margin-bottom: 10px;
  }
  nu-navigation [class^='icon_'] {
    font-size: 6vmin;
  }
}
nu-pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  width: 8vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: 50vh;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-transition: -webkit-transform 0.8s linear;

  transition: transform 0.8s linear;
}
nu-pager.hide {
  -webkit-transform: translateX(-200px);
  -ms-transform: translateX(-200px);
  transform: translateX(-200px);
}
nu-pager > a {
  width: 20px;
  height: 20px;
  border: 1px solid #394d49;
  border-radius: 30px;
  background-color: #fff;
  margin-bottom: 5px;
  margin-top: 5px;
  position: relative;
  -webkit-transition: scale 1.2s linear;
  transition: scale 1.2s linear;
}
nu-pager > a.selected {
  border: 1px solid #fff;
  background-color: #394d49;
  color: #fff;
}
@media (min-width: 1024px) {
  nu-pager > a:hover {
    -webkit-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
  }
  nu-pager > a:hover span {
    background-color: #fff;
    color: #394d49;
    -webkit-transform: translateY(-50%) scale(1, 1);
    -ms-transform: translateY(-50%) scale(1, 1);
    transform: translateY(-50%) scale(1, 1);
    opacity: 1;
    display: inline;
  }
  nu-pager > a span {
    -webkit-transition: -webkit-transform 1.2s linear, opacity 1.2s linear;
    transition: transform 1.2s linear, opacity 1.2s linear;
    text-decoration: none;
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 23px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 3px;
    border-radius: 2px;
  }
}
nu-pager > a span {
  display: none;
}
@font-face {
  font-family: 'ios-32-native';
  src: url('/fonts/ios-32-native.eot?-nw0drs');
  src: url('/fonts/ios-32-native.eot?#iefix-nw0drs') format('embedded-opentype'),
    url('/fonts/ios-32-native.woff?-nw0drs') format('woff'),
    url('/fonts/ios-32-native.ttf?-nw0drs') format('truetype'),
    url('/fonts/ios-32-native.svg?-nw0drs#ios-32-native') format('svg');
  font-weight: normal;
  font-style: normal;
}

nu-screens > section {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

nu-screens > section.centered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

nu-screens > section .centered {
  text-align: center;
  position: relative;
  width: 84vw;
}

nu-screens > section .centered.fixed-offset {
  top: 8vw;
}

nu-screens > section .arrow-container {
  width: 100vw;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

nu-screens > section .arrow-container.mid-top {
  height: 8vh;
  left: 0;
  top: 0;
}

nu-screens > section .arrow-container.mid-bottom {
  height: 8vh;
  left: 0;
  bottom: 0;
}

nu-screens > section .arrow-container.mid-right {
  right: 0;
  width: 8vw;
  height: 100vh;
  top: 0;
}

nu-screens > section .arrow-container.mid-left {
  left: 0;
  width: 8vw;
  height: 100vh;
  top: 0;
}

nu-screens > section .arrow-container .icon-down {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

nu-screens > section .arrow-container .icon-down:before {
  content: '\e60f';
}

nu-screens > section .arrow-container .icon-up {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

nu-screens > section .arrow-container .icon-up:before {
  content: '\e60f';
}

nu-screens > section .arrow-container .icon-left:before {
  content: '\e612';
}

nu-screens > section .arrow-container .icon-right:before {
  content: '\e60f';
}

@media (min-width: 1024px) {
  nu-screens > section .arrow-container {
  }
}

nu-screens > section [class^='icon-'] {
  cursor: pointer;
  font-size: 8vh; /*color: #fff;*/
  font-family: 'ios-32-native';
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1; /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1024px) {
}

nu-screens > section:nth-child(n + 2) {
  top: -8vh;
}

@media (min-width: 1024px) {
  nu-screens > section:nth-child(n + 2) {
    top: -8vh;
  }
}

nu-screens > section.reset-translate {
  top: 0;
}

/*
        &:last-child {
            height: calc(100vh + $screen-offset);
        }
        */

nu-screens > section.screen-end {
  height: 108vh;
}
nu-screens > section[col_4] {
  width: 400vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
nu-screens > section[col_4] > section {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
nu-screens > section[col_4] > section.centered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
nu-screens > section[col_4] > section .centered {
  text-align: center;
  position: relative;
  width: 84vw;
}
nu-screens > section[col_4] > section .centered.fixed-offset {
  top: 8vw;
}
nu-screens > section[col_4] > section .arrow-container {
  width: 100vw;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
nu-screens > section[col_4] > section .arrow-container.mid-top {
  height: 8vh;
  left: 0;
  top: 0;
}
nu-screens > section[col_4] > section .arrow-container.mid-bottom {
  height: 8vh;
  left: 0;
  bottom: 0;
}
nu-screens > section[col_4] > section .arrow-container.mid-right {
  right: 0;
  width: 8vw;
  height: 100vh;
  top: 0;
}
nu-screens > section[col_4] > section .arrow-container.mid-left {
  left: 0;
  width: 8vw;
  height: 100vh;
  top: 0;
}
nu-screens > section[col_4] > section .arrow-container .icon-down {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
nu-screens > section[col_4] > section .arrow-container .icon-down:before {
  content: '\e60f';
}
nu-screens > section[col_4] > section .arrow-container .icon-up {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
nu-screens > section[col_4] > section .arrow-container .icon-up:before {
  content: '\e60f';
}
nu-screens > section[col_4] > section .arrow-container .icon-left:before {
  content: '\e612';
}
nu-screens > section[col_4] > section .arrow-container .icon-right:before {
  content: '\e60f';
}
@media (min-width: 1024px) {
  nu-screens > section[col_4] > section .arrow-container {
  }
}
nu-screens > section[col_4] > section [class^='icon-'] {
  cursor: pointer;
  font-size: 8vh; /*color: #fff;*/
  font-family: 'ios-32-native';
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1; /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
}
nu-screens i {
  cursor: pointer;
  font-family: 'arrows';
}
nu-screens > section[col_3] {
  width: 300vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
nu-screens > section[col_3] > section {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
nu-screens > section[col_3] > section.centered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
nu-screens > section[col_3] > section .centered {
  text-align: center;
  position: relative;
  width: 84vw;
}
nu-screens > section[col_3] > section .centered.fixed-offset {
  top: 8vw;
}
nu-screens > section[col_3] > section .arrow-container {
  width: 100vw;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
nu-screens > section[col_3] > section .arrow-container.mid-top {
  height: 8vh;
  left: 0;
  top: 0;
}
nu-screens > section[col_3] > section .arrow-container.mid-bottom {
  height: 8vh;
  left: 0;
  bottom: 0;
}
nu-screens > section[col_3] > section .arrow-container.mid-right {
  right: 0;
  width: 8vw;
  height: 100vh;
  top: 0;
}
nu-screens > section[col_3] > section .arrow-container.mid-left {
  left: 0;
  width: 8vw;
  height: 100vh;
  top: 0;
}
nu-screens > section[col_3] > section .arrow-container .icon-down {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
nu-screens > section[col_3] > section .arrow-container .icon-down:before {
  content: '\e60f';
}
nu-screens > section[col_3] > section .arrow-container .icon-up {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
nu-screens > section[col_3] > section .arrow-container .icon-up:before {
  content: '\e60f';
}
nu-screens > section[col_3] > section .arrow-container .icon-left:before {
  content: '\e612';
}
nu-screens > section[col_3] > section .arrow-container .icon-right:before {
  content: '\e60f';
}
@media (min-width: 1024px) {
  nu-screens > section[col_3] > section .arrow-container {
  }
}
nu-screens > section[col_3] > section [class^='icon-'] {
  cursor: pointer;
  font-size: 8vh; /*color: #fff;*/
  font-family: 'ios-32-native';
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1; /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
}
nu-screens i {
  cursor: pointer;
  font-family: 'arrows';
}
nu-screens > section[col_2] {
  width: 200vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
nu-screens > section[col_2] > section {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
nu-screens > section[col_2] > section.centered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
nu-screens > section[col_2] > section .centered {
  text-align: center;
  position: relative;
  width: 84vw;
}
nu-screens > section[col_2] > section .centered.fixed-offset {
  top: 8vw;
}
nu-screens > section[col_2] > section .arrow-container {
  width: 100vw;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
nu-screens > section[col_2] > section .arrow-container.mid-top {
  height: 8vh;
  left: 0;
  top: 0;
}
nu-screens > section[col_2] > section .arrow-container.mid-bottom {
  height: 8vh;
  left: 0;
  bottom: 0;
}
nu-screens > section[col_2] > section .arrow-container.mid-right {
  right: 0;
  width: 8vw;
  height: 100vh;
  top: 0;
}
nu-screens > section[col_2] > section .arrow-container.mid-left {
  left: 0;
  width: 8vw;
  height: 100vh;
  top: 0;
}
nu-screens > section[col_2] > section .arrow-container .icon-down {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
nu-screens > section[col_2] > section .arrow-container .icon-down:before {
  content: '\e60f';
}
nu-screens > section[col_2] > section .arrow-container .icon-up {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
nu-screens > section[col_2] > section .arrow-container .icon-up:before {
  content: '\e60f';
}
nu-screens > section[col_2] > section .arrow-container .icon-left:before {
  content: '\e612';
}
nu-screens > section[col_2] > section .arrow-container .icon-right:before {
  content: '\e60f';
}
@media (min-width: 1024px) {
  nu-screens > section[col_2] > section .arrow-container {
  }
}
nu-screens > section[col_2] > section [class^='icon-'] {
  cursor: pointer;
  font-size: 8vh; /*color: #fff;*/
  font-family: 'ios-32-native';
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1; /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
}
nu-screens i {
  cursor: pointer;
  font-family: 'arrows';
}
@font-face {
  font-family: 'ios-32-social-media';
  src: url('/fonts/ios-32-social-media.eot?-4rbs4v');
  src: url('/fonts/ios-32-social-media.eot?#iefix-4rbs4v')
      format('embedded-opentype'),
    url('/fonts/ios-32-social-media.woff?-4rbs4v') format('woff'),
    url('/fonts/ios-32-social-media.ttf?-4rbs4v') format('truetype'),
    url('/fonts/ios-32-social-media.svg?-4rbs4v#ios-32-social-media')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^='icon_'],
[class*=' icon_'] {
  font-family: 'ios-32-social-media';
  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;
}

.icon_android:before {
  content: '\e600';
}

.icon_apple:before {
  content: '\e601';
}

.icon_bebo:before {
  content: '\e602';
}

.icon_behance:before {
  content: '\e603';
}

.icon_blackberry:before {
  content: '\e604';
}

.icon_blogger:before {
  content: '\e605';
}

.icon_deezer:before {
  content: '\e606';
}

.icon_delicious:before {
  content: '\e607';
}

.icon_deviantart:before {
  content: '\e608';
}

.icon_digg:before {
  content: '\e609';
}

.icon_dribbble:before {
  content: '\e60a';
}

.icon_email_circle:before {
  content: '\e60b';
}

.icon_evernote:before {
  content: '\e60c';
}

.icon_facebook:before {
  content: '\e60d';
}

.icon_flickr:before {
  content: '\e60e';
}

.icon_forrst:before {
  content: '\e60f';
}

.icon_foursquare:before {
  content: '\e610';
}

.icon_github:before {
  content: '\e611';
}

.icon_google:before {
  content: '\e612';
}

.icon_instagram:before {
  content: '\e613';
}

.icon_lastfm:before {
  content: '\e614';
}

.icon_linkedin:before {
  content: '\e615';
}

.icon_myspace:before {
  content: '\e616';
}

.icon_paypal:before {
  content: '\e617';
}

.icon_picasa:before {
  content: '\e618';
}

.icon_pinterest:before {
  content: '\e619';
}

.icon_reddit:before {
  content: '\e61a';
}

.icon_rss_2:before {
  content: '\e61b';
}

.icon_sharethis:before {
  content: '\e61c';
}

.icon_skype:before {
  content: '\e61d';
}

.icon_spotify:before {
  content: '\e61e';
}

.icon_stumbleupon:before {
  content: '\e61f';
}
.logo {
  filter: invert(100%);
}

.icon_tumblr:before {
  content: '\e620';
}

.icon_twitter:before {
  content: '\e621';
}

.icon_vimeo:before {
  content: '\e622';
}

.icon_vine:before {
  content: '\e623';
}

.icon_windows:before {
  content: '\e624';
}

.icon_wordpress:before {
  content: '\e625';
}

.icon_yelp:before {
  content: '\e626';
}

.icon_youtube:before {
  content: '\e627';
}

button {
  color: #212121;
  border: 1px solid #b6b6b6;
  border-radius: 4px;
  text-shadow: 0 -1px 1px #e040fb;
  background: #fbc02d;
  padding: 1vmin 2vmin;
  font-size: 2vmin;
  line-height: 1;
}

button.raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

@media (max-width: 615px) {
  button {
    font-size: 4vmin;
  }
}

html,
body {
  margin: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 1.42857;
  background-color: #27ae60;
}

#index\.html {
  //background-attachment: fixed;
  background-color: rgba(100, 226, 168, 0.5);
}

@media (min-width: 1024px) {
  #index\.html {
    background: url('/images/1.jpg') no-repeat;
  }
}

@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  #index\.html {
    background: url('/images/1-iphone6plus.jpg') no-repeat;
  }
}

@media (max-width: 414px) and (min-width: 414px) {
  #index\.html {
    background: url('/images/1-iphone6plus-portrait.jpg') no-repeat;
  }
}

@media (min-width: 375px) and (max-width: 627px) and (orientation: landscape) {
  #index\.html {
    background: url('/images/1-iphone6.jpg') no-repeat;
  }
}

@media (max-width: 375px) and (min-width: 375px) {
  #index\.html {
    background: url('/images/1-iphone6-portrait.jpg') no-repeat;
  }
}

@media (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
  #index\.html {
    background: url('/images/1-note4.jpg') no-repeat;
  }
}

@media (max-width: 360px) and (min-width: 360px) {
  #index\.html {
    background: url('/images/1-note4-portrait.jpg') no-repeat;
  }
}

@media (min-width: 1024px) {
  #index\.html {
    background-size: cover;
  }
}

#purpose\.html {
  background-color: rgba(100, 226, 168, 1);
}

@media (min-width: 1024px) {
  #purpose\.html {
    background-size: cover;
  }
}

#purpose-detail\.html {
  background-position: 100% 0;
}

@media (min-width: 1024px) {
  #purpose-detail\.html {
    /* background: url('/images/2b.jpg') no-repeat; */
    background: url('/images/2b.jpg') no-repeat;
  }
}

@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  #purpose-detail\.html {
    background: url('/images/2b-iphone6plus.jpg') no-repeat;
  }
}

@media (max-width: 414px) and (min-width: 414px) {
  #purpose-detail\.html {
    background: url('/images/2b-iphone6plus-portrait.jpg') no-repeat;
  }
}

@media (min-width: 375px) and (max-width: 627px) and (orientation: landscape) {
  #purpose-detail\.html {
    background: url('/images/2b-iphone6.jpg') no-repeat;
  }
}

@media (max-width: 375px) and (min-width: 375px) {
  #purpose-detail\.html {
    background: url('/images/2b-iphone6-portrait.jpg') no-repeat;
  }
}

@media (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
  #purpose-detail\.html {
    background: url('/images/2b-note4.jpg') no-repeat;
  }
}

@media (max-width: 360px) and (min-width: 360px) {
  #purpose-detail\.html {
    background: url('/images/2b-note4-portrait.jpg') no-repeat;
  }
}

@media (min-width: 1024px) {
  #purpose-detail\.html {
    background-size: cover;
  }
}

#solution\.html,
#solution-more\.html {
  //background-attachment: fixed;
  color: rgb(255, 255, 255);
  background-color: rgba(100, 226, 168, 0.5);
}
@media (min-width: 1024px) {
  #home\.html {
    background: url('/images/boras/boras.1.jpg') no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1024px) {
  #purpose\.html {
    background: url('/images/boras/boras.12.jpg') no-repeat;
    background-size: cover;
  }
}

@media (min-width: 1024px) {
  #solution\.html {
    background: url('/images/boras/boras.10.jpg') no-repeat;
  }
}
@media (min-width: 1024px) {
  #solution-more\.html {
    background: url('/images/boras/boras.11.jpg') no-repeat;
  }
}

@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  #solution\.html,
  #solution-more\.html {
    background: url('/images/3-iphone6plus.jpg') no-repeat;
  }
}

@media (max-width: 414px) and (min-width: 414px) {
  #solution\.html,
  #solution-more\.html {
    background: url('/images/3-iphone6plus-portrait.jpg') no-repeat;
  }
}

@media (min-width: 375px) and (max-width: 627px) and (orientation: landscape) {
  #solution\.html,
  #solution-more\.html {
    background: url('/images/3-iphone6.jpg') no-repeat;
  }
}

@media (max-width: 375px) and (min-width: 375px) {
  #solution\.html,
  #solution-more\.html {
    background: url('/images/3-iphone6-portrait.jpg') no-repeat;
  }
}

@media (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
  #solution\.html,
  #solution-more\.html {
    background: url('/images/3-note4.jpg') no-repeat;
  }
}

@media (max-width: 360px) and (min-width: 360px) {
  #solution\.html,
  #solution-more\.html {
    background: url('/images/3-note4-portrait.jpg') no-repeat;
  }
}

@media (min-width: 1024px) {
  #solution\.html,
  #solution-more\.html {
    background-size: cover;
  }
}

#funds\.html {
  background-color: rgba(100, 226, 168, 1);
}

@media (min-width: 1024px) {
  #funds\.html {
    background: url('/images/4a.jpg') no-repeat;
  }
}

@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  #funds\.html {
    background: url('/images/4a-iphone6plus.jpg') no-repeat;
  }
}

@media (max-width: 414px) and (min-width: 414px) {
  #funds\.html {
    background: url('/images/4a-iphone6plus-portrait.jpg') no-repeat;
  }
}

@media (min-width: 375px) and (max-width: 627px) and (orientation: landscape) {
  #funds\.html {
    background: url('/images/4a-iphone6.jpg') no-repeat;
  }
}

@media (max-width: 375px) and (min-width: 375px) {
  #funds\.html {
    background: url('/images/4a-iphone6-portrait.jpg') no-repeat;
  }
}

@media (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
  #funds\.html {
    background: url('/images/4a-note4.jpg') no-repeat;
  }
}

@media (max-width: 360px) and (min-width: 360px) {
  #funds\.html {
    background: url('/images/4a-note4-portrait.jpg') no-repeat;
  }
}

@media (min-width: 1024px) {
  #funds\.html {
    background-size: cover;
  }
}

@media (min-width: 1024px) {
  #funds\.html {
    color: #394d49;
  }
  #funds\.html .icon-right {
    color: #394d49;
  }
  #funds\.html .more-btn {
    background-color: #394d49;
    color: #fff;
  }
}
.more-btn {
  background-color: #fff;
  color: #394d49;
}
#help\.html {
  background-color: rgba(100, 226, 168, 0.5);
}
@media (min-width: 1024px) {
  #help\.html {
    /* background: url('/images/5.jpg') no-repeat; */
    background: url('/images/boras/boras.5.jpg') no-repeat;
    background-size: cover;
  }
}
@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  #help\.html {
    background: url('/images/5-iphone6plus.jpg') no-repeat;
  }
}
@media (max-width: 414px) and (min-width: 414px) {
  #help\.html {
    background: url('/images/5-iphone6plus-portrait.jpg') no-repeat;
  }
}
@media (min-width: 375px) and (max-width: 627px) and (orientation: landscape) {
  #help\.html {
    background: url('/images/5-iphone6.jpg') no-repeat;
  }
}
@media (max-width: 375px) and (min-width: 375px) {
  #help\.html {
    background: url('/images/5-iphone6-portrait.jpg') no-repeat;
  }
}
@media (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
  #help\.html {
    background: url('/images/5-note4.jpg') no-repeat;
  }
}
@media (max-width: 360px) and (min-width: 360px) {
  #help\.html {
    background: url('/images/5-note4-portrait.jpg') no-repeat;
  }
}

#funds-financial\.html,
#funds-directors\.html,
#funds-wrapper {
  background-position: 100% 0;
}

@media (min-width: 1024px) {
  #funds-financial\.html,
  #funds-directors\.html,
  #funds-wrapper {
    background: url('/images/4b.jpg') no-repeat;
  }
}

@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
  #funds-financial\.html,
  #funds-directors\.html,
  #funds-wrapper {
    background: url('/images/4b-iphone6plus.jpg') no-repeat;
  }
}

@media (max-width: 414px) and (min-width: 414px) {
  #funds-financial\.html,
  #funds-directors\.html,
  #funds-wrapper {
    background: url('/images/4b-iphone6plus-portrait.jpg') no-repeat;
  }
}

@media (min-width: 375px) and (max-width: 627px) and (orientation: landscape) {
  #funds-financial\.html,
  #funds-directors\.html,
  #funds-wrapper {
    background: url('/images/4b-iphone6.jpg') no-repeat;
  }
}

@media (max-width: 375px) and (min-width: 375px) {
  #funds-financial\.html,
  #funds-directors\.html,
  #funds-wrapper {
    background: url('/images/4b-iphone6-portrait.jpg') no-repeat;
  }
}

@media (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
  #funds-financial\.html,
  #funds-directors\.html,
  #funds-wrapper {
    background: url('/images/4b-note4.jpg') no-repeat;
  }
}

@media (max-width: 360px) and (min-width: 360px) {
  #funds-financial\.html,
  #funds-directors\.html,
  #funds-wrapper {
    background: url('/images/4b-note4-portrait.jpg') no-repeat;
  }
}

@media (min-width: 1024px) {
  #funds-financial\.html,
  #funds-directors\.html,
  #funds-wrapper {
    background-size: cover;
  }
}

@media (min-width: 1024px) {
  #funds-financial\.html .icon-right,
  #funds-directors\.html .icon-right,
  #funds-wrapper .icon-right {
    color: #394d49;
  }
  #funds-financial\.html .icon-left,
  #funds-directors\.html .icon-left,
  #funds-wrapper .icon-left {
    color: #394d49;
  }
  #funds-financial\.html .icon-down,
  #funds-directors\.html .icon-down,
  #funds-wrapper .icon-down {
    color: #394d49;
  }
}

#purpose\.html,
#purpose-detail\.html {
  color: rgb(255, 255, 255);
}
#purpose-detail\.html {
}

#index\.html p,
#purpose\.html p,
#funds\.html p,
#funds-ownership\.html p,
#funds-loans\.html p,
#help\.html p,
#solution\.html p,
#solution-more\.html p {
  margin: 8px auto;
}

@media (max-width: 900px) {
  #index\.html p.line-p,
  #purpose\.html p.line-p,
  #funds\.html p.line-p,
  #funds-ownership\.html p.line-p,
  #funds-loans\.html p.line-p,
  #help\.html p.line-p,
  #solution\.html p.line-p,
  #solution-more\.html p.line-p {
    white-space: normal;
  }
}

#index\.html h1,
#purpose\.html h1,
#funds\.html h1,
#funds-ownership\.html h1,
#funds-loans\.html h1,
#help\.html h1,
#solution\.html h1,
#solution-more\.html h1 {
  margin-bottom: 5px;
}
#help\.html:before,
#index\.html:before,
#solution-more\.html:before,
#solution\.html:before {
}
#help\.html:before,
#home\.html:before,
#purpose\.html:before,
#index\.html:before,
#solution-more\.html:before,
#solution\.html:before,
#purpose-detail\.html:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
#help\.html h1,
#index\.html h1,
#solution-more\.html h1,
#solution\.html h1,
#purpose-detail\.html h1 {
  text-shadow: 1px 1px #000000;
}

#index\.html p,
#funds-ownership\.html p,
#funds-loans\.html p,
#help\.html p {
  text-shadow: 1px 1px 50px #000000;
}

@media (max-width: 615px) {
  #index\.html p,
  #funds-ownership\.html p,
  #funds-loans\.html p,
  #help\.html p {
    text-shadow: none;
  }
}
#solution\.html p,
#solution-more\.html p {
  text-shadow: 1px 1px 50px #000000;
}
@media (max-width: 615px) {
  #solution\.html p,
  #solution-more\.html p {
    text-shadow: none;
  }
}
@media (min-width: 1024px) {
  #solution\.html .more-btn,
  #solution-more\.html .more-btn {
    background-color: #394d49;
    color: #fff;
  }
}

#purpose\.html h1 {
  text-shadow: none;
}
#funds\.html,
#funds-financial\.html,
#funds-directors\.html {
  color: #394d49;
}

#funds-financial\.html h1,
#purpose-detail\.html h1 {
  line-height: 69px;
  margin-bottom: 5px;
}

h1 {
  font-weight: 900;
  //font-size: 4vmin;
}

nu-screens section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

nu-navigation .top-right a,
nu-navigation .top-left a {
  margin-right: 20px;
}

nu-navigation .top-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* util classes */
.color-dark {
  color: #394d49;
}
.color-light {
  color: #fff;
}
.bg-light {
  background-color: #fff;
}
.bg-dark {
  background-color: #394d49;
}
.button.more-btn,
button.more-btn {
  margin-top: 30px;
  padding: 8px 18px;
  text-shadow: none;
}
.two-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 84vw;
}
.two-columns > * {
  text-align: left;
  padding: 1vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 615px) {
  .two-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.content-width {
  width: 84vw;
  margin: 0 auto;
}

.circular {
  border-radius: 125px;
}
.empty {
  opacity: 0;
}
[id='funds-directors\.html'] .directors-wrapper {
  margin-top: 5vh;
}
@media (max-width: 615px) {
  [id='funds-directors\.html'] .directors-wrapper {
    margin-top: 14vh;
  }
}
[id='funds-directors\.html'] .two-columns-mod {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
[id='funds-directors\.html'] .two-columns-mod > * {
  text-align: left;
  padding: 1vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
[id='funds-directors\.html'] .two-columns-mod div:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 30vw;
  text-align: center;
}
[id='funds-directors\.html'] .two-columns-mod img {
  width: 100%;
  max-width: 250px;
  max-height: 250px;
}

[id='contact\.html'] form {
  /*max-width: 1024px;*/
  color: #ffffff;
}

[id='contact\.html'] form input {
  height: 5vmin;
  padding: 25px;
  border: none;
  background-color: #5cd19a;
  font-size: 1em;
  width: 100%;
}

[id='contact\.html'] form input::-webkit-input-placeholder {
  color: #70ffbc;
}

[id='contact\.html'] form input:-moz-placeholder {
  /* Firefox 18- */
  color: #70ffbc;
}

[id='contact\.html'] form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #70ffbc;
}

[id='contact\.html'] form input:-ms-input-placeholder {
  color: #70ffbc;
}

[id='contact\.html'] form input:last-child {
  /*@include last;*/
}

[id='contact\.html'] form [type='submit'] {
  padding: 2vmin 4vmin;
  max-width: 200px;
  height: 6vmin;
  border-radius: 3px;
  color: #5cd19a;
  background-color: #d9ffed;
  float: right;
  margin-right: 1vw;
}

@media (max-width: 615px) {
  [id='contact\.html'] form [type='submit'] {
    height: 10vmin;
  }
}

[id='contact\.html'] form textarea {
  padding: 25px;
  height: 200px;
  border: none;
  background-color: #5cd19a;
  font-size: 1em;
  display: block;
  width: 100%;
}

[id='contact\.html'] form textarea::-webkit-input-placeholder {
  color: #70ffbc;
}

[id='contact\.html'] form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #70ffbc;
}

[id='contact\.html'] form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #70ffbc;
}

[id='contact\.html'] form textarea:-ms-input-placeholder {
  color: #70ffbc;
}