.nb-img-grid {
  line-height: 0;
  column-count: 3;
  column-gap: 10px;
  text-align: center; }
  .nb-img-grid img {
    margin-bottom: 10px;
    max-width: 100%; }

.small-screen .nb-img-grid {
  column-count: 2; }

.nb-form {
  max-width: 680px;
  font-family: sans-serif; }
  .nb-form input[type="text"], .nb-form input[type="email"], .nb-form input[type="number"], .nb-form input[type="password"], .nb-form input[type="search"], .nb-form input[type="date"] {
    font-family: sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 34px;
    width: 100%;
    padding: 0 10px;
    margin: 5px 0;
    vertical-align: top;
    transition: border 0.1s linear; }
  .nb-form input:focus {
    border: 1px solid #0074D9; }
  .nb-form textarea {
    font-family: sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 8px 10px;
    margin: 5px 0 20px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    transition: border 0.1s linear; }
    .nb-form textarea:focus {
      border: 1px solid #0074D9; }
  .nb-form select {
    font-family: sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 34px;
    padding: 6px 10px;
    width: 100%;
    margin: 5px 0 20px;
    background-image: url("../img/down.svg");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px 5px;
    vertical-align: top; }
  .nb-form label {
    font-size: 11px;
    text-transform: uppercase;
    font-family: sans-serif;
    display: block;
    width: 100%;
    margin: 0 0 10px; }
    .nb-form label.nb-close {
      display: none; }
  .nb-form .label-inline {
    display: inline-block;
    font-weight: normal;
    margin: 0 5px 20px 0; }
  .nb-form .medium-editor-element {
    font-family: sans-serif;
    font-size: 14px;
    min-height: 96px;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 10px;
    width: 100%;
    margin: 5px 0 20px; }
    .nb-form .medium-editor-element:focus {
      border: 1px solid #0074D9; }
  .nb-form .editor.img-wrapper {
    margin: 5px 0 20px; }
    .nb-form .editor.img-wrapper img {
      max-width: 400px;
      max-height: 400px; }
  .nb-form .nb-gallery-field {
    margin: 5px 0px 20px 0px;
    margin: 5px 0px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: 136px; }
    .nb-form .nb-gallery-field .editor.img-wrapper {
      margin: 0;
      background: #ccc; }
      .nb-form .nb-gallery-field .editor.img-wrapper img {
        height: 100%;
        width: auto; }
  .nb-form .nb-actions {
    width: 100%;
    padding: 5px;
    background-color: #efefef;
    border-radius: 5px; }
    .nb-form .nb-actions .nb-button,
    .nb-form .nb-actions input[type="submit"] {
      margin: 0 5px 0 0; }

.nb-button,
input[type="submit"] {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  color: #fff !important;
  background-color: #0074D9;
  padding: 0 20px;
  border: none;
  margin: 5px 5px 10px 0;
  display: inline-block;
  text-decoration: none;
  cursor: pointer; }
  .nb-button:disabled, .nb-button.nb-button-disabled,
  input[type="submit"]:disabled,
  input[type="submit"].nb-button-disabled {
    background-color: #eee;
    color: #ccc; }
  .nb-button.nb-button-transparent,
  input[type="submit"].nb-button-transparent {
    background-color: transparent; }
  .nb-button.green,
  input[type="submit"].green {
    background-color: #338e2d; }
  .nb-button.delete,
  input[type="submit"].delete {
    background-color: #9f1010; }
  .nb-button.icon-button,
  input[type="submit"].icon-button {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 15px;
    background-position: center;
    background-size: 18px 18px;
    background-repeat: no-repeat; }
  .nb-button.edit,
  input[type="submit"].edit {
    background-image: url("../img/icon-edit.svg"); }
  .nb-button.delete,
  input[type="submit"].delete {
    background-image: url("../img/icon-delete.svg"); }

td .nb-button,
th .nb-button {
  margin: 0 5px 0 0; }

.login-container {
  width: 350px;
  margin: 40px auto 80px;
  border-radius: 6px;
  padding: 40px;
  border-right: 30px solid #0073e1;
  background-color: #fff;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  font-family: sans-serif; }
  .login-container h1 {
    padding: 0 0 30px; }
  .login-container p {
    font-size: 14px;
    margin: 15px 0 0; }
  .login-container a {
    color: #0074D9;
    text-decoration: none; }
  .login-container .nimbly-logo {
    position: absolute;
    z-index: 2000;
    bottom: 40px;
    right: -50px;
    height: 24px;
    width: auto;
    transform: rotate(90deg); }

* {
  box-sizing: border-box;
  text-rendering: optimizeLegibility; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0; }

.admin-page body {
  background: #fff;
  font-family: sans-serif;
  margin-right: 30px;
  padding: 0; }

.logged-in.admin body {
  margin-right: 30px; }

.admin-wrapper {
  font-family: sans-serif;
  color: #333333;
  padding: 20px; }
  @media (min-width: 1000px) {
    .admin-wrapper {
      display: flex;
      padding: 0; } }
  .admin-wrapper h1 {
    font-family: sans-serif;
    font-size: 28px;
    font-weight: normal;
    padding: 30px 0;
    margin: 0; }

.admin-body {
  background-color: #f5f5f5; }
  .admin-body .admin-content {
    max-width: 680px;
    margin: 20px auto; }
  .admin-body p {
    padding: 0 0 30px;
    line-height: 1.6; }
  @media (min-width: 1000px) {
    .admin-body {
      flex: 4; } }

.admin-sidebar {
  min-height: 100vh;
  padding: 20px;
  flex: 1;
  background-color: #333333; }

/* lazy image loading fx */
img[data-img-uuid].nb-fade {
  opacity: 0;
  transition: opacity .1s ease-out; }
  img[data-img-uuid].nb-fade.nb-img-loaded {
    opacity: 1; }

#nb-single-file-preview, div.nb-single-file-preview {
  display: inline-block; }
  #nb-single-file-preview .uploader.img-wrapper, div.nb-single-file-preview .uploader.img-wrapper {
    min-width: 200px;
    min-height: 20px; }
  #nb-single-file-preview .progress-bar-text, div.nb-single-file-preview .progress-bar-text {
    top: 0;
    line-height: 24px;
    color: #111; }
  #nb-single-file-preview .progress-bar-bg, div.nb-single-file-preview .progress-bar-bg {
    top: 0; }
  #nb-single-file-preview img, div.nb-single-file-preview img {
    display: none; }

/* baguettebox gallery overwrites */
#baguetteBox-overlay .full-image {
  overflow: hidden; }
  #baguetteBox-overlay .full-image video {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.nb-icon {
  background-size: 22px 22px;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block; }
  .nb-icon.nb-disabled {
    opacity: .25; }

.nb-icon-close {
  background-image: url("../img/icon-close-dark.svg"); }

.nb-icon-edit {
  background-image: url("../img/icon-edit-white.svg"); }

.nb-icon-admin {
  background-image: url("../img/icon-gear-white.svg"); }

.nb-icon-up {
  background-image: url("../img/icon-up-white.svg"); }

.nb-icon-down {
  background-image: url("../img/icon-down-white.svg"); }

.nb-icon-facebook {
  background-image: url("../img/icon-facebook.svg");
  background-color: #3C5A99 !important;
  min-width: 200px; }

.nb-icon-twitter {
  background-image: url("../img/icon-twitter.svg");
  background-color: #00aced !important;
  min-width: 200px; }

.nb-icon-google {
  background-image: url("../img/icon-google.svg");
  background-color: #4285F4 !important;
  min-width: 200px; }

.nb-icon-save {
  background-image: url("../img/icon-save-white.svg"); }
  .nb-icon-save.nb-icon {
    background-size: 20px 20px; }

.nb-icon-media {
  background-image: url("../img/icon-picture-white.svg"); }
  .nb-icon-media.nb-icon {
    background-size: 20px 20px; }

.nb-icon-vimeo {
  background-image: url("../img/icon-vimeo-white.svg"); }
  .nb-icon-vimeo.nb-icon {
    background-size: 20px 20px; }

.nb-icon-btn {
  padding: 0 10px 0 32px !important;
  background-position: left 7px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: auto; }

[data-close],
[data-open],
[data-toggle],
[data-delete],
[data-push],
[data-post],
[data-put],
[data-link],
[data-onclick],
[data-get] {
  cursor: pointer; }

.nb-sortable {
  cursor: move; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.scroll-h {
  overflow-x: auto; }

.nb-open {
  display: inherit; }

.nb-close, div.nb-close, li.nb-close, ul.nb-close {
  display: none !important; }

.medium-screen .only-sm, .large-screen .only-sm {
  display: none; }

.small-screen .only-md, .large-screen .only-md {
  display: none; }

.small-screen .only-lg, .medium-screen .only-lg {
  display: none; }

.large-screen .only-lg {
  display: inherit; }

.medium-screen .only-md {
  display: inherit; }

.small-screen .only-sm {
  display: inherit; }

.small {
  font-size: 10px; }

.align-right {
  text-align: right; }

.align-center, .center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-justify {
  text-align: justify; }

.nb-40 {
  width: 40% !important; }

.nb-obfs {
  direction: rtl; }
  .nb-obfs span, .nb-obfs i, .nb-obfs b, .nb-obfs small, .nb-obfs strong {
    display: none; }

.no-mobile {
  display: none !important; }
  @media (min-width: 1000px) {
    .no-mobile {
      display: unset !important; } }

.no-desktop {
  display: unset; }
  @media (min-width: 1000px) {
    .no-desktop {
      display: none !important; } }

.nb-throbber,
.nb-throbber:after {
  border-radius: 50%;
  width: 32px;
  height: 32px; }

.nb-throbber {
  margin: 32px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid rgba(255, 255, 255, 0.2);
  border-right: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: nbload8 1.1s infinite linear; }

@-webkit-keyframes nbload8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes nbload8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.nb-callout,
.nb-notification {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fffdcf;
  padding: 20px;
  margin: 20px 20px 0 20px;
  box-shadow: 0px 0 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  width: 330px;
  z-index: 10000;
  font-family: sans-serif; }
  @media (min-width: 1000px) {
    .nb-callout,
    .nb-notification {
      margin: 20px calc(50% - 165px) 0 0;
      left: auto; } }

#modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-family: sans-serif; }
  #modal.nb-close {
    display: none; }

#modal-content {
  max-width: 680px;
  min-width: 480px;
  max-height: 100%;
  background: white;
  padding: 50px 20px 20px;
  position: relative;
  border-radius: 4px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 1000px) {
    #modal-content {
      padding: 50px 40px 40px; } }
  #modal-content .icon-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    z-index: 9999; }
  #modal-content .modal-caption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase; }
  #modal-content .social-account {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column; }
    #modal-content .social-account a {
      min-width: auto;
      flex: 1;
      margin: 0 0 5px; }
  #modal-content input[type="button"] {
    width: 100%; }
  #modal-content form,
  #modal-content .nb-form {
    padding: 0 0 10px; }
  #modal-content .signup-wrapper,
  #modal-content #signup_wrapper {
    max-width: 320px;
    margin: 0 auto; }
    #modal-content .signup-wrapper a,
    #modal-content .signup-wrapper .button,
    #modal-content #signup_wrapper a,
    #modal-content #signup_wrapper .button {
      width: 100%; }

.small-screen #modal-content {
  min-width: 100%; }

#nimblybar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  background: #0074D9;
  z-index: 1000; }
  #nimblybar .nb-icon {
    margin: 4px 0 0; }
  #nimblybar .nimbly-logo {
    position: fixed;
    z-index: 2000;
    bottom: 80px;
    right: -20px;
    height: 24px;
    width: auto;
    transform: rotate(90deg); }
    @media (min-width: 1000px) {
      #nimblybar .nimbly-logo {
        bottom: 40px; } }

#off-left-panel {
  position: absolute;
  display: block !important;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 10000;
  box-shadow: 10px 0px 15px 0px rgba(0, 0, 0, 0.2);
  transition: width 0.15s ease;
  overflow: hidden; }
  #off-left-panel.nb-close {
    width: 0;
    height: 0; }
  #off-left-panel.nb-open {
    width: 300px;
    height: 100vh; }
    #off-left-panel.nb-open .site-menu {
      opacity: 1; }
  #off-left-panel .menu-closer {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    display: block;
    background-image: url("../img/icon-close-dark.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px; }

.site-menu {
  padding: 20px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease; }
  .site-menu li {
    padding-bottom: 20px; }

header .site-menu {
  display: none; }
@media (min-width: 1000px) {
  header .site-menu {
    opacity: 1;
    display: unset; } }

.nb-menu {
  margin-bottom: 20px;
  border-bottom: 1px solid #595959;
  padding: 0 0 20px;
  font-family: 'helvetica', sans-serif; }
  .nb-menu li {
    list-style-type: none;
    margin: 0;
    font-family: 'helvetica', sans-serif; }
    .nb-menu li a {
      display: block;
      color: #fff;
      width: 100%;
      line-height: 30px;
      padding: 0 20px;
      text-decoration: none; }

.admin-menu .nb-menu {
  margin-bottom: 0;
  padding: 20px; }
  .admin-menu .nb-menu li a {
    color: #333333; }

[contenteditable=true], .editor.img-wrapper {
  background-color: #0074d93b; }

.uploader.img-wrapper, .editor.img-wrapper {
  display: inline-block;
  overflow: hidden;
  background: #eee;
  position: relative;
  width: 100%; }

.editor.img-wrapper {
  background: inherit;
  line-height: 0;
  min-width: 80px;
  min-height: 80px; }

.uploader.img-wrapper img {
  vertical-align: middle;
  cursor: pointer; }

.uploader a.clear-img-icon {
  top: 6px;
  z-index: 1000; }

.progress-bar-bg, .progress-bar, .progress-bar-text {
  position: absolute;
  top: 0;
  width: 100%;
  background: #ddd;
  opacity: .7;
  height: 20px;
  line-height: 20px;
  text-align: center;
  z-index: 498; }

.progress-bar-text {
  background: none;
  z-index: 500;
  color: white;
  font-size: 12px;
  text-transform: uppercase; }

.progress-bar-bg .progress-bar {
  background: #338e2d;
  top: 0;
  width: 0%;
  opacity: 1;
  z-index: 499; }

.nb-img-grid[data-select] img {
  border: 1px solid transparent; }

.nb-img-grid[data-select] img.selected {
  border: 1px solid #333333; }

a.edit-img-icon, a.clear-img-icon {
  position: absolute;
  right: 5px; }

a.edit-img-icon {
  top: 5px; }

a.clear-img-icon {
  top: 44px; }

a.editor.add-img-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  left: -40px;
  opacity: .8;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  display: none;
  background-color: #0074D9;
  border-radius: 15px; }

.editor.editor-active.img-insert a.editor.add-img-icon {
  display: block; }

.editor.img-insert {
  position: relative; }

/*
 * Style medium toolbar buttons
 */
.medium-toolbar-arrow-under:after {
  top: 40px;
  border-color: #333333 transparent transparent transparent; }

.medium-toolbar-arrow-over:before {
  top: -8px;
  border-color: transparent transparent #333333 transparent; }

.medium-editor-toolbar {
  background-color: #333333;
  border-radius: 4px;
  box-shadow: 0px 5px 15px #0000004f; }
  .medium-editor-toolbar li {
    padding: 0; }
    .medium-editor-toolbar li button {
      min-width: 40px;
      height: 40px;
      border: none;
      line-height: 10px !important;
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      background-color: transparent;
      color: #fff;
      transition: background-color .2s ease-in, color .2s ease-in; }
      .medium-editor-toolbar li button:hover {
        background-color: #b4b4b4;
        color: #fff; }
    .medium-editor-toolbar li .medium-editor-button-active {
      background-color: #b4b4b4;
      color: #fff; }
    .medium-editor-toolbar li .medium-editor-button-last {
      border-right: none; }

.medium-editor-toolbar-form .medium-editor-toolbar-input {
  height: 40px;
  background: #333333;
  color: #fff; }

.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.medium-editor-toolbar-form a {
  color: #fff; }

.medium-editor-toolbar-anchor-preview {
  background: #333333;
  color: #fff; }

.medium-editor-placeholder:after {
  color: #333333; }

.nb-table {
  border-spacing: 0;
  width: 100%;
  font-family: sans-serif;
  margin: 5px 0 30px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #e6e6e6; }
  .nb-table thead {
    border-bottom: 1px solid #e6e6e6; }
  .nb-table tr:nth-child(odd) td {
    background-color: #f3f3f3; }
  .nb-table td,
  .nb-table th {
    padding: 12px 15px;
    text-align: left;
    font-size: 14px;
    font-family: sans-serif;
    vertical-align: middle; }
    .nb-table td:last-child,
    .nb-table th:last-child {
      white-space: nowrap; }
    .nb-table td a,
    .nb-table th a {
      color: #0074D9;
      text-decoration: none; }
    .nb-table td img,
    .nb-table th img {
      display: block; }
    .nb-table td.action-cell,
    .nb-table th.action-cell {
      text-align: right;
      font-size: 0; }
      .nb-table td.action-cell .icon-button,
      .nb-table th.action-cell .icon-button {
        background-color: transparent;
        background-size: 22px 22px; }
      .nb-table td.action-cell .nb-button.delete,
      .nb-table th.action-cell .nb-button.delete {
        background-image: url("../img/icon-delete-dark.svg"); }
      .nb-table td.action-cell .nb-button.edit,
      .nb-table th.action-cell .nb-button.edit {
        background-image: url("../img/icon-edit-dark.svg"); }
    .nb-table td.img-thumb img,
    .nb-table th.img-thumb img {
      width: auto;
      height: 80px;
      cursor: pointer; }
  .nb-table tr.ui-sortable-handle {
    cursor: move; }
  .nb-table tr.ui-sortable-helper {
    background-color: rgba(0, 0, 0, 0.1); }

.gallery-image-row .editor.img-wrapper {
  margin: 0; }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

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

body { font-family: "helvetica", sans-serif; }

h1 { font-family: "helvetica", sans-serif; font-size: 20px; font-weight: normal; padding: 0 0 50px; }

h2 { font-family: "helvetica", sans-serif; font-size: 20px; font-weight: normal; }

h3 { font-family: "helvetica", sans-serif; font-size: 18px; font-weight: normal; }

.no-mobile { display: none !important; }

@media (min-width: 800px) { .no-mobile { display: unset !important; } }

.no-desktop { display: unset; }

@media (min-width: 800px) { .no-desktop { display: none !important; } }

@-webkit-keyframes showDiv { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes showDiv { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes hideDiv { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes hideDiv { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

.icon-left { background-image: url("../img/left.svg"); }

.icon-right { background-image: url("../img/right.svg"); }

.grid { display: -ms-grid; display: grid; }

.grid li { padding-bottom: 50%; }

.cases { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: "wide001 wide001" "wide002 wide002" "tall001 tall001" "tall001 tall001" "tall001 tall001" "tall001 tall001" "narrow001 narrow001" "narrow001 narrow001" "wide003 wide003" "narrow002 narrow002" "narrow002 narrow002" "tall002 tall002" "tall002 tall002" "tall002 tall002" "tall002 tall002" "narrow003 narrow003" "narrow003 narrow003" "wide004 wide004" "narrow004 narrow004" "narrow004 narrow004" "wide005 wide005" "wide006 wide006"; }

.medium-screen .cases, .large-screen .cases { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-areas: "wide001 wide001 wide002 wide002 tall001"  "narrow001 wide003 wide003 narrow002 tall001" "tall002 narrow003 wide004 wide004 narrow004" "tall002 wide005 wide005 wide006 wide006"; }

.case { padding-top: 160px; -webkit-animation: fadein 0.8s ease-in-out forwards; animation: fadein 0.8s ease-in-out forwards; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: "wide002 wide002" "wide001 wide001" "narrow001 narrow001" "narrow002 narrow002" "wide003 wide003" "wide004 wide004" "wide005 wide005" "wide006 wide006" "narrow003 narrow003"; }

@media (min-width: 800px) { .case { padding-top: 120px; } }

@media (min-width: 1000px) { .case { padding-top: 160px; } }

.medium-screen .case, .large-screen .case { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "wide001 wide001 narrow001 wide002 wide002" "narrow002 wide003 wide003 wide004 wide004"  "wide005 wide005 wide006 wide006 narrow003"; }

.wide001 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: wide001; }

.wide002 { -ms-grid-row: 1; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-area: wide002; }

.wide003 { -ms-grid-row: 2; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: wide003; }

.wide004 { -ms-grid-row: 2; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-area: wide004; }

.wide005 { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: wide005; }

.wide006 { -ms-grid-row: 3; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: wide006; }

.wide007 { grid-area: wide007; }

.tall001 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 5; grid-area: tall001; }

.tall002 { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: tall002; }

.narrow001 { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: narrow001; }

.narrow002 { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: narrow002; }

.narrow003 { -ms-grid-row: 3; -ms-grid-column: 5; grid-area: narrow003; }

.narrow004 { -ms-grid-row: 3; -ms-grid-column: 5; grid-area: narrow004; }

.narrow005 { grid-area: narrow005; }

body { position: relative; }

nav ul { width: 240px; margin: 0 auto; }

nav ul li { padding: 1%; margin-bottom: 10px; font-size: 24px; position: relative; }

nav ul li a { color: #fff; text-decoration: none; display: block; height: 20px; }

nav ul li a .bar { visibility: hidden; width: 40px; height: 2px; background: #fff; position: absolute; bottom: 2px; left: -50px; }

nav ul li a .dot { width: 5px; height: 5px; margin-top: 10px; display: block; background: #fff; position: absolute; top: 5px; left: 3px; }

nav ul li a.active { color: #00FFB4; }

nav ul li a.active .dot { background: #00FFB4; }

nav ul li a.active .bar { visibility: visible; }

.mobile-nav-switch-open, .mobile-nav-switch-close { color: #fff; font-size: 30px; margin: 5px auto; display: block; width: 40px; height: 40px; text-align: center; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; background: transparent; border: none; }

@media (min-width: 800px) { .mobile-nav-switch-open, .mobile-nav-switch-close { display: none; } }

.mobile-nav-switch-close { font-size: 40px; }

.mobile-nav { position: absolute; top: -100vh; left: 0; right: 0; height: 100vh; -webkit-transition: top 0.4s ease-out; transition: top 0.4s ease-out; background: rgba(0, 0, 0, 0.9); padding-top: 180px; font-size: 20px; font-weight: bold; }

.mobile-nav li { padding: 20px; margin: 0 0 0 41%; }

.mobile-nav li a { color: #fff; text-decoration: none; }

.mobile-nav.nb-close { display: block !important; }

.mobile-nav.nb-open { z-index: 2; position: fixed; top: 0; }

@media (min-width: 800px) { .mobile-nav { display: none; } }

.subnav { display: inline-block; position: absolute; top: 100px; left: 40px; right: 40px; pointer-events: none; }

@media (min-width: 800px) { .subnav { top: 64px; } }

@media (min-width: 1000px) { .subnav { top: 90px; } }

.home .subnav, .info .subnav, .login-view .subnav { display: none; }

.arrow-left, .arrow-right { display: block; width: 15px; height: 30px; background-repeat: no-repeat; background-size: 15px 30px; pointer-events: all; }

.arrow-left { float: left; background-image: url("../img/arrow-left.svg"); }

.arrow-right { float: right; background-image: url("../img/arrow-right.svg"); }

.top { position: fixed; top: 0; left: 0; right: 0; color: #fff; letter-spacing: -2px; z-index: 2; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.06)), to(rgba(0, 0, 0, 0.2))); background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.2) 100%); }

.top h1 { text-align: center; padding: 20px; }

.top h1 .logo { height: auto; width: 80%; }

.top nav { display: none; }

.top h2 { font-size: 22px; padding: 0; margin: 0; text-align: center; }

@media (min-width: 800px) { .top { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .top h1, .top h2, .top nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 2%; }
  .top h1 { margin: 0; text-align: left; }
  .top h1 .logo { height: 18px; width: auto; margin: 0 auto; }
  .top nav { display: block; }
  .top nav ul { width: 55px; }
  .top h2 { text-align: right; font-size: 24px; } }

@media (min-width: 1000px) { .top h1 .logo { height: 24px; }
  .top nav ul { width: 240px; }
  .top h2 { font-size: 32px; } }

.logged-in .top { right: 30px; }

body { background: #000; }

.intro-vimeo-landscape { display: none; }

@media (min-width: 800px) { .intro-vimeo-landscape { display: block; position: relative; padding: 56.25% 0 0 0; }
  .intro-vimeo-landscape iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }

@media screen and (orientation: landscape) { .intro-vimeo-landscape { display: block; } }

.intro-vimeo-portrait { position: relative; width: 100vw; height: 100vh; overflow: hidden; }

.intro-vimeo-portrait iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (orientation: portrait) { .intro-vimeo-portrait { display: block; } }

@media (min-width: 800px) { .intro-vimeo-portrait { display: none; } }

.home #player { width: 100vw !important; height: 100vh !important; max-height: 100vh !important; -o-object-fit: cover !important; object-fit: cover !important; }

.home .player .vp-video-wrapper object, .home .player .vp-video-wrapper video { width: 100vw !important; height: 100vh !important; -o-object-fit: cover; object-fit: cover; }

.intro-video { width: 100vw; height: 100vh; -o-object-fit: cover; object-fit: cover; display: block; }

.container-home { position: relative; }

#cases, #info { position: absolute; top: -140px; }

.info-panels { color: #fff; }

.info-panels a { color: #fff; }

.info-panels .left img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }

.info-panels .right01, .info-panels .right02 { padding: 10%; }

.info-panels .right01 p, .info-panels .right02 p { font-size: 14px; margin: 0 0 20px; line-height: 1.4; }

@media (min-width: 800px) { .info-panels { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .info-panels .left { width: 60%; }
  .info-panels .right01, .info-panels .right02 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 2%; } }

.login-container { margin-top: 220px; }

.logged-in body { margin-right: 30px; }

.grid li { position: relative; }

.grid li a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }

.grid li a figure { width: 100%; height: 100%; }

.grid li a img, .grid li a video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.case .wide002 .case-info { padding: 5%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; color: #fff; letter-spacing: -1px; }

.case .wide002 .case-info h2 { font-weight: normal; font-size: 16px; margin-bottom: 5%; }

@media (min-width: 800px) { .case .wide002 .case-info h2 { font-size: 22px; } }

.case .wide002 .case-info p { font-weight: bold; font-size: 16px; line-height: 1.4; }

@media (min-width: 800px) { .case .wide002 .case-info p { font-size: 14px; } }

@media (min-width: 1000px) { .case .wide002 .case-info p { font-size: 22px; } }

.baguetteBox-button { background-color: transparent; }

.baguetteBox-button svg { display: none; }

.baguetteBox-button#previous-button, .baguetteBox-button#next-button { background-size: 20px 40px; background-position: center; background-repeat: no-repeat; background-color: transparent; }

.baguetteBox-button#close-button { background-size: 30px 30px; background-position: center; background-repeat: no-repeat; background-color: transparent; background-image: url("../img/close.svg"); }

.baguetteBox-button#previous-button { background-image: url("../img/arrow-left.svg"); }

.baguetteBox-button#next-button { background-image: url("../img/arrow-right.svg"); }
/*# sourceMappingURL=style.css.map */