@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Muli:200,300,400,500,600,700|Open+Sans:300,400,500,600,700");
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  -webkit-animation: fadein 1.5s;
          animation: fadein 1.5s; }

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

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

.site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh; }

.site-header,
.site-content,
.site-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.site-header {
  height: 75px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
  @media (max-width: 999px) {
    .site-header {
      height: 70px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .site-header {
    height: 80px; } }

.site-content {
  min-height: 100vh;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.site-footer {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

html,
body {
  font-family: "Muli", sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  -webkit-text-size-adjust: none; }

a {
  color: #696969;
  text-decoration: none;
  -webkit-transition: all .18s ease-in-out;
  transition: all .18s ease-in-out; }
  a:hover {
    color: #2a88b5;
    cursor: pointer; }

.intro-header {
  color: #d5d5d5;
  font-family: 'Muli' sans-serif;
  font-size: 6.5vw;
  font-weight: 300;
  margin: 2vw 0 0 1.75vw; }
  @media (max-width: 1099px) {
    .intro-header {
      font-size: 14vw;
      margin: 5vw 0 6vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .intro-header {
    font-size: 12vw;
    margin: 8.8vw 0 4vw; } }
  @media (min-width: 1801px) {
    .intro-header {
      font-size: 5.8vw;
      margin: 4vw 0 0 2vw; } }

.intro-leadtext {
  color: #fff;
  font-size: 1.8vw;
  font-weight: 600;
  letter-spacing: .03em;
  line-height: 1.3em;
  margin: 1.5vw 0 2vw 2vw; }
  @media (max-width: 1099px) {
    .intro-leadtext {
      font-size: 5vw;
      margin: 0 1vw 6vw 0; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .intro-leadtext {
    font-size: 3.5vw; } }
  @media (min-width: 1801px) {
    .intro-leadtext {
      font-size: 1.6vw;
      margin: 1.6vw 0 2vw 2.4vw; } }

.intro-bodytext, .intro-list, .intro-list li {
  color: #fff;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 1.4em;
  margin: 0 0 0 2vw; }
  @media (max-width: 1099px) {
    .intro-bodytext, .intro-list, .intro-list li {
      font-size: 4.2vw;
      margin: 0 0 4vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .intro-bodytext, .intro-list, .intro-list li {
    font-size: 3.2vw; } }
  @media (min-width: 1801px) {
    .intro-bodytext, .intro-list, .intro-list li {
      font-size: 1.35vw;
      margin: 0 0 0 2.45vw; } }

.intro-list {
  margin: 2vw 0 1vw 2vw;
  width: 100%; }
  @media (max-width: 1099px) {
    .intro-list {
      font-size: 4.2vw;
      width: 95%;
      margin: 0; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .intro-list {
    font-size: 3.2vw;
    margin: 0; } }
  @media (min-width: 1801px) {
    .intro-list {
      font-size: 1.35vw;
      margin: 2vw 0 1vw 2.45vw; } }
  @media (max-width: 1099px) {
    .intro-list li {
      font-size: 4.2vw;
      margin: 0 0 0 4.7vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .intro-list li {
    font-size: 3.2vw; } }
  @media (min-width: 1801px) {
    .intro-list li {
      margin: 0 0 0 2vw; } }

.background-div {
  left: 0;
  position: fixed;
  top: 0;
  z-index: -100; }

#background,
#backgroundblue1,
#backgroundblue2,
#backgroundred1,
#backgroundred2 {
  -webkit-animation: fadein 1.9s;
          animation: fadein 1.9s;
  height: auto;
  left: 0;
  min-height: 100%;
  min-width: 0;
  position: fixed;
  top: 0;
  width: 100%; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @media (max-width: 679px) {
    #background,
    #backgroundblue1,
    #backgroundblue2,
    #backgroundred1,
    #backgroundred2 {
      margin-left: -190px;
      -webkit-transform: rotate(-90deg) scaleX(-1);
          -ms-transform: rotate(-90deg) scaleX(-1);
              transform: rotate(-90deg) scaleX(-1);
      width: 190%; } }

@media (min-width: 701px) and (max-width: 1099px) {
  #background,
  #backgroundblue1,
  #backgroundblue2,
  #backgroundred1,
  #backgroundred2 {
    margin-left: -205px;
    width: 160%; } }

#backgroundblue1,
#backgroundblue2,
#backgroundred1,
#backgroundred2 {
  display: none; }

.palette {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 11px 11px 0 0; }
  @media (max-width: 679px) {
    .palette {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 11px 11px 0 0;
      position: absolute;
      right: 0;
      top: 0; } }

.index-bird {
  height: auto;
  width: 55px; }
  @media (max-width: 679px) {
    .index-bird {
      margin: 0 23px 0 0;
      position: absolute;
      right: 0;
      top: 0; } }
  @media (min-width: 1801px) {
    .index-bird {
      height: auto;
      width: 85px; } }

.palette-grouping {
  margin: 0 0 0 2px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  @media (max-width: 679px) {
    .palette-grouping {
      margin: 0 0 0 1px; } }
  @media (min-width: 1801px) {
    .palette-grouping {
      margin: 0 0 0 3px; } }

.palette-grouping:hover {
  cursor: pointer;
  -webkit-filter: brightness(140%);
          filter: brightness(140%); }

.palette-square {
  height: 22px;
  margin-bottom: 2px;
  width: 22px; }
  @media (min-width: 1801px) {
    .palette-square {
      height: 32px;
      margin-bottom: 3px;
      width: 32px; } }

#blue1 {
  background-color: #292e43; }
  @media (max-width: 679px) {
    #blue1 {
      display: none; } }

#blue2 {
  background-color: #1b4d65; }

#blue3 {
  background-color: #1e507e; }
  @media (max-width: 679px) {
    #blue3 {
      display: none; } }

#blue4 {
  background-color: #2a88b5; }
  @media (max-width: 679px) {
    #blue4 {
      display: none; } }

#blue5 {
  background-color: #1da2b1; }
  @media (max-width: 679px) {
    #blue5 {
      display: none; } }

#blue6 {
  background-color: #7eb3b8; }

#red1 {
  background-color: #433743; }
  @media (max-width: 679px) {
    #red1 {
      display: none; } }

#red2 {
  background-color: #523552; }
  @media (max-width: 679px) {
    #red2 {
      display: none; } }

#red3 {
  background-color: #7d4353; }

#red4 {
  background-color: #982235; }
  @media (max-width: 679px) {
    #red4 {
      display: none; } }

#red5 {
  background-color: #cd3330; }
  @media (max-width: 679px) {
    #red5 {
      display: none; } }

#red6 {
  background-color: #ec5f2e; }
  @media (max-width: 679px) {
    #red6 {
      display: none; } }

#red7 {
  background-color: #e8832a; }

#red8 {
  background-color: #fac05e; }
  @media (max-width: 679px) {
    #red8 {
      display: none; } }

.main-menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 69vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 98vw; }
  @media (max-width: 679px) {
    .main-menu {
      height: 100vh;
      width: 100vw; } }

@media (min-width: 701px) and (max-width: 1099px) {
  .main-menu {
    margin-left: 60px;
    margin-top: 30px;
    width: 90vw; } }
  @media (min-width: 1801px) {
    .main-menu {
      margin: -20px 0 0 80px; } }

.menu-container {
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 679px) {
    .menu-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

@media (min-width: 1001px) and (max-width: 1099px) {
  .menu-container {
    margin: 30px 0 0 60px; } }

.index-h1 {
  font-size: 6.2vw;
  font-weight: 200;
  letter-spacing: .03em; }
  @media (max-width: 679px) {
    .index-h1 {
      font-size: 12vw;
      font-weight: 300;
      letter-spacing: 0;
      margin-top: 45px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .index-h1 {
    font-size: 10vw; } }
  @media (min-width: 1801px) {
    .index-h1 {
      font-size: 6.7vw;
      letter-spacing: 0;
      margin-top: 100px; } }

.index-nav {
  font-size: 1.34vw;
  margin-top: 3px; }
  @media (max-width: 679px) {
    .index-nav {
      font-size: 6vw;
      font-weight: 100;
      line-height: 3em;
      margin-top: 20px;
      text-align: center; } }

@media (min-width: 701px) and (max-width: 1099px) {
  .index-nav {
    font-size: 2.7vw; } }
  @media (min-width: 1801px) {
    .index-nav {
      font-size: 1.9vw;
      font-weight: 100;
      line-height: 1.1em; } }
  .index-nav li {
    color: #696969;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    list-style: none;
    margin-right: 10px;
    text-decoration: none;
    -webkit-transition: all .18s ease-in-out;
    transition: all .18s ease-in-out; }
    @media (max-width: 679px) {
      .index-nav li {
        display: block;
        font-size: 1.2em;
        margin: 0 0 -4px; } }
    @media (min-width: 1801px) {
      .index-nav li {
        font-size: .83em;
        margin-right: 15px; } }

footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 0 -2px 1px .1px #f3f3f3;
          box-shadow: 0 -2px 1px .1px #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%; }
  @media (max-width: 1099px) {
    footer {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 200px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: relative; } }

@media (min-width: 751px) and (max-width: 1099px) {
  footer {
    height: 260px; } }
  @media (min-width: 1801px) {
    footer {
      height: 80px; } }

.footer-g {
  height: auto;
  width: 35px; }
  @media (max-width: 1099px) {
    .footer-g {
      bottom: 28px;
      position: absolute;
      right: 15px;
      width: 35px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .footer-g {
    bottom: 40px;
    right: 25px;
    width: 55px; } }

.footer-info {
  margin-left: -35px; }
  @media (max-width: 1099px) {
    .footer-info {
      margin: 35px 0 10px 12px;
      width: 95%; } }
  @media (min-width: 1801px) {
    .footer-info {
      margin-left: 95px; } }

.footer-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: -38px; }
  @media (max-width: 1099px) {
    .footer-contact {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 5px 0 8px 12px; } }
  @media (min-width: 1801px) {
    .footer-contact {
      margin-right: 95px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .footer-info,
  .footer-contact {
    margin-left: 55px;
    width: 90%; } }

.text {
  margin-right: 12px;
  text-align: right; }
  @media (max-width: 1099px) {
    .text {
      text-align: left; } }
  @media (min-width: 1801px) {
    .text {
      margin: 12px; } }

@media (max-width: 1099px) {
  .icons {
    margin: 18px 0 0;
    position: relative; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .icons {
    margin: 20px 0 0 -3px; } }

.footer-grey,
.footer-black {
  font-size: 12.5px; }

@media (min-width: 751px) and (max-width: 1099px) {
  .footer-grey,
  .footer-black {
    font-size: 16px; } }
  @media (min-width: 1801px) {
    .footer-grey,
    .footer-black {
      font-size: 1.2em; } }

.footer-grey {
  color: #8c8c8c; }

.footer-black {
  color: #3f3f3f; }

.contact-link {
  -webkit-transition: all .17s ease-in-out;
  transition: all .17s ease-in-out; }

.contact-link:hover {
  color: #2a88b5; }

.soc-icon {
  margin: 3px 2px 0 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  width: 36px; }

@media (min-width: 751px) and (max-width: 1099px) {
  .soc-icon {
    margin: 3px 5px 20px 0;
    width: 55px; } }
  @media (min-width: 1801px) {
    .soc-icon {
      margin: 7px 0 0 3px;
      width: 54px; } }

.soc-icon:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%); }

.mobile-nav,
.mobile-menu {
  display: none;
  position: fixed;
  z-index: 990; }
  @media (max-width: 1099px) {
    .mobile-nav,
    .mobile-menu {
      display: block;
      position: fixed; } }

.mobile-nav {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 #f3f3f3;
          box-shadow: 0 1px 2px 0 #f3f3f3;
  height: 70px;
  position: fixed;
  width: 100vw; }

@media (min-width: 751px) and (max-width: 1099px) {
  .mobile-nav {
    height: 80px; } }

.mobile-menu {
  cursor: pointer;
  height: 40px;
  left: 13px;
  top: 14px;
  -webkit-transition: background .3s;
  transition: background .3s;
  width: 52px; }

@media (min-width: 751px) and (max-width: 1099px) {
  .mobile-menu {
    height: 50px;
    left: 26px;
    top: 20px;
    width: 70px; } }
  .mobile-menu span {
    background: #2193a2;
    border-radius: 3px;
    display: block;
    height: 2.3px;
    left: 7px;
    position: absolute;
    top: 19.5px;
    width: 37px; }

@media (min-width: 751px) and (max-width: 1099px) {
  .mobile-menu span {
    height: 3px;
    width: 58px; } }
    .mobile-menu span::before {
      background-color: #2175a6;
      top: -9px; }

@media (min-width: 751px) and (max-width: 1099px) {
  .mobile-menu span::before {
    top: -14px; } }
    .mobile-menu span::after {
      background-color: #818386;
      bottom: -9px; }

@media (min-width: 751px) and (max-width: 1099px) {
  .mobile-menu span::after {
    top: 14px; } }

.mobile-menu span::before,
.mobile-menu span::after {
  border-radius: 3px;
  content: '';
  display: block;
  height: 2.3px;
  position: absolute;
  width: 37px; }

@media (min-width: 751px) and (max-width: 1099px) {
  .mobile-menu span::before,
  .mobile-menu span::after {
    height: 3px;
    width: 58px; } }

.mm-layer span::before,
.mm-layer span::after {
  -webkit-transition-delay: .1s, 0s;
          transition-delay: .1s, 0s;
  -webkit-transition-duration: .3s, .3s;
          transition-duration: .3s, .3s; }

.mm-layer span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform; }

.mm-layer span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform; }

.mm-layer.active span {
  background: none; }

.mm-layer.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.mm-layer.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

@media (min-width: 751px) and (max-width: 1099px) {
  .mm-layer.active span::after {
    top: -1px; } }

.mm-layer.active span::before,
.mm-layer.active span::after {
  -webkit-transition-delay: 0s, .1s;
          transition-delay: 0s, .1s; }

.show {
  opacity: 1; }

.hide {
  opacity: 0; }

nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 #f3f3f3;
          box-shadow: 0 1px 2px 0 #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: fixed;
  width: 100vw;
  z-index: 990; }
  @media (max-width: 1099px) {
    nav {
      background-color: #f8f8f8;
      height: 100vh;
      opacity: 0;
      padding: 10px 0;
      pointer-events: none;
      position: fixed;
      width: 100vw;
      z-index: 960; } }
  @media (min-width: 1801px) {
    nav {
      height: 120px; } }
  nav ul li {
    display: inline-block;
    font-size: 1em;
    list-style: none;
    margin: 0 2.2vw;
    position: relative; }
    @media (max-width: 1099px) {
      nav ul li {
        color: #5a5b5d;
        display: block;
        font-size: 8vw;
        font-weight: 300;
        margin: 30px 2.2vw;
        position: relative;
        text-align: center; } }

@media (min-width: 751px) and (max-width: 1099px) {
  nav ul li {
    font-size: 5.7vw;
    line-height: 1.35;
    margin: 45px 2.2vw 0; } }
    @media (min-width: 1801px) {
      nav ul li {
        font-size: 1.65em;
        margin: 0 2.6vw; } }

.menu-name {
  font-size: 1.6em;
  font-weight: 300;
  margin-left: -40px; }
  @media (max-width: 1099px) {
    .menu-name {
      display: none; } }
  @media (min-width: 1801px) {
    .menu-name {
      font-size: 2.55em; } }

.menu-divider {
  color: #696969;
  font-size: 1.6em;
  font-weight: 100;
  margin: 0 -170px 0 -150px;
  padding: 0; }
  @media (max-width: 1099px) {
    .menu-divider {
      display: none; } }
  @media (min-width: 1801px) {
    .menu-divider {
      font-size: 2.6em;
      font-weight: 200;
      margin: 0 -200px 0 -150px; } }

.menu-bird {
  -webkit-filter: saturate(0%) brightness(160%) contrast(80%);
          filter: saturate(0%) brightness(160%) contrast(80%);
  height: auto;
  position: fixed;
  right: 8px;
  top: 10px;
  -webkit-transition: all .17s ease-in-out;
  transition: all .17s ease-in-out;
  width: 55px;
  z-index: 1100; }
  @media (max-width: 1099px) {
    .menu-bird {
      right: 5px;
      top: 10px;
      width: 55px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .menu-bird {
    width: 80px; } }
  @media (min-width: 1801px) {
    .menu-bird {
      width: 92px; } }

.menu-bird:hover {
  cursor: pointer;
  -webkit-filter: saturate(100%) brightness(100%) contrast(100%);
          filter: saturate(100%) brightness(100%) contrast(100%); }

.fullbkgd-about,
.fullbkgd-about-blur {
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: -100; }
  @media (max-width: 1099px) {
    .fullbkgd-about,
    .fullbkgd-about-blur {
      margin-left: -650px;
      width: auto;
      zoom: .45; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .fullbkgd-about,
  .fullbkgd-about-blur {
    zoom: 0; } }

.fullbkgd-about {
  opacity: 0; }

.fullbkgd-about-blur {
  opacity: 1; }
  @media (max-width: 1099px) {
    .fullbkgd-about-blur {
      margin-bottom: 2px;
      margin-left: -356px;
      zoom: .811; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .fullbkgd-about-blur {
    zoom: 1.8; } }

@media (max-width: 1099px) {
  .container-about {
    width: 100vw; } }

.wrapper-intro-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.container-intro-about {
  background-color: rgba(0, 0, 0, 0.2);
  height: 95vh;
  margin-right: 50px;
  width: 48vw;
  z-index: 900; }
  @media (max-width: 1099px) {
    .container-intro-about {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 120vh;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0;
      width: 100vw;
      z-index: 980; } }

.wrapper-inner-about {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%; }
  @media (max-width: 1099px) {
    .wrapper-inner-about {
      width: 87vw; } }

.scrollwrapper-about {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2.25vw 0 0 1.75vw; }
  @media (max-width: 1099px) {
    .scrollwrapper-about {
      -ms-flex-item-align: center;
          align-self: center;
      margin: 15.5vw 0 0; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .scrollwrapper-about {
    margin: 11vw 0 0; } }
  @media (min-width: 1801px) {
    .scrollwrapper-about {
      margin: 2.25vw 0 0 2.4vw; } }

.arrow {
  -webkit-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  width: 3.5vw; }
  @media (max-width: 1099px) {
    .arrow {
      width: 13vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .arrow {
    width: 9vw; } }

.arrow-about:hover {
  -webkit-filter: brightness(130%);
          filter: brightness(130%);
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px); }

.scrollspan-about {
  color: #b7b7b7;
  font-size: 1.3vw;
  margin: -.45vw 0 0 1vw; }
  @media (max-width: 1099px) {
    .scrollspan-about {
      display: none; } }

.anchor {
  display: block;
  visibility: hidden; }

.about-anchor {
  height: 90px;
  margin-top: -90px; }
  @media (min-width: 1801px) {
    .about-anchor {
      margin-top: -230px; } }

.wrapper-content-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 200px 0 50px;
  position: relative;
  z-index: 970; }
  @media (max-width: 1099px) {
    .wrapper-content-about {
      margin: 50px 0; } }
  @media (min-width: 1801px) {
    .wrapper-content-about {
      margin: 170px 0 80px; } }

.content-main-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 95%; }
  @media (max-width: 1099px) {
    .content-main-about {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 87%; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .content-main-about {
    width: 82%; } }

.image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 1099px) {
    .image-container {
      margin-left: -.5em; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .image-container {
    margin-left: 2.2em; } }

.portrait,
.photo_photo {
  width: 30vw;
  margin: 0 0 0 10px;
  -webkit-box-shadow: 1.5px 2px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 1.5px 2px 2px rgba(0, 0, 0, 0.15); }
  @media (max-width: 1099px) {
    .portrait,
    .photo_photo {
      margin-bottom: 25px;
      width: 87vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .portrait,
  .photo_photo {
    width: 73vw; } }
  @media (min-width: 1801px) {
    .portrait,
    .photo_photo {
      width: 28vw; } }

.portrait {
  margin-bottom: 10px; }

.bio-content {
  margin: -1.25vw 3vw 0 2.5vw; }
  @media (max-width: 1099px) {
    .bio-content {
      margin: -1.25vw 0 0; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .bio-content {
    margin: 1.25vw 0 0; } }
  @media (min-width: 1801px) {
    .bio-content {
      margin: -1.25vw 3vw 0 3vw; } }

.bio-header {
  font-size: 1.8vw;
  font-weight: 500;
  letter-spacing: .03em;
  margin: 1.75vw 0 1vw; }
  @media (max-width: 1099px) {
    .bio-header {
      font-size: 6vw;
      margin: 1.75vw 0 3vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .bio-header {
    font-size: 4.5vw; } }
  @media (min-width: 1801px) {
    .bio-header {
      font-size: 1.6vw; } }

.bh1 {
  color: #15708e; }

.bh2 {
  color: #2c88b5; }

.bh3 {
  color: #6899b6; }

.bio-p {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.48em;
  margin-bottom: 1vw; }
  @media (max-width: 1099px) {
    .bio-p {
      font-size: 4.2vw;
      line-height: 1.5em;
      margin-bottom: 7vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .bio-p {
    font-size: 2.8vw;
    margin-bottom: 6vw; } }
  @media (min-width: 1801px) {
    .bio-p {
      font-size: 1.2vw; } }

.content-resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.container-resume {
  background-color: #fff;
  -webkit-box-shadow: 0 .5px 15px 0 #f3f3f3;
          box-shadow: 0 .5px 15px 0 #f3f3f3;
  margin: 60px auto 5px;
  max-width: 1800px;
  overflow: auto;
  padding: 50px 0 60px;
  position: relative;
  width: 78%;
  z-index: 950; }
  @media (max-width: 1099px) {
    .container-resume {
      margin: 25px auto 0;
      padding: 20px 0 30px;
      width: 92%;
      zoom: .9; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .container-resume {
    zoom: 1.2; } }

@media (min-width: 1001px) and (max-width: 1099px) {
  .container-resume {
    zoom: 1.4; } }
  @media (min-width: 1801px) {
    .container-resume {
      width: 70%;
      zoom: 1.4; } }
  @media (max-width: 1099px) {
    .container-resume br {
      display: none; } }

.resume-unbold, .task-children li::before {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 400; }

.responsibilities, .project, .tech p,
.education p,
.language p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em; }

.resume-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 10px 0 10px -55px; }
  @media (max-width: 1099px) {
    .resume-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 10px 0; } }
  .resume-header li {
    display: inline-block;
    list-style: none; }

.reshead-images {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-left: 55px;
  width: 25%; }
  @media (max-width: 1099px) {
    .reshead-images {
      float: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0;
      width: 100%; } }
  @media (min-width: 1801px) {
    .reshead-images {
      margin-left: 40px; } }

.reshead-graphic {
  height: auto;
  margin: -8px 0 0;
  width: 72px; }
  @media (max-width: 1099px) {
    .reshead-graphic {
      display: none; } }

.reshead-profile {
  -webkit-filter: saturate(75%) brightness(105%);
          filter: saturate(75%) brightness(105%);
  height: auto;
  margin-left: -24px;
  width: 220px; }
  @media (max-width: 1099px) {
    .reshead-profile {
      margin: 0;
      width: 250px; } }

.reshead-text {
  margin: -13px 0 0 5px; }
  @media (max-width: 1099px) {
    .reshead-text {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      margin: 0;
      width: 100%; } }

.resume-name {
  color: #8b9792;
  font-size: 58.5px;
  font-weight: 300;
  margin: 0 0 -6px 0; }
  @media (max-width: 1099px) {
    .resume-name {
      font-size: 40px;
      font-weight: 300; } }

.reshead-data {
  margin-top: 1px; }

.section-title {
  font-size: 31px;
  font-weight: 300;
  margin: 22px 0 0 -1px; }

.resume-h3, .site-link {
  color: #8b9792;
  font-size: 21px;
  font-weight: 600;
  margin: 12px 0 1px; }
  .resume-h3 a:visited, .site-link a:visited {
    color: #8b9792; }

.resume-h3-skills {
  margin: 12px 0 4px; }

.site-link {
  font-size: 18px;
  font-weight: 400;
  margin: 1px 0 5px 0; }
  .site-link a:visited {
    color: #8b9792; }
  @media (max-width: 1099px) {
    .site-link {
      margin: 10px 0; } }

.resume-h5 {
  font-size: 14px;
  font-weight: 400;
  margin: 2.5px 0; }

.bold-unbold {
  margin: 5px 0 4.5px; }

.resume-bold {
  font-size: 16px;
  font-weight: 600; }
  @media (max-width: 1099px) {
    .resume-bold {
      display: inline-block;
      margin-bottom: 4px; } }

.resume-bold-min {
  font-size: 15px;
  font-weight: 600; }
  @media (max-width: 1099px) {
    .resume-bold-min {
      display: inline-block;
      margin-bottom: 4px; } }

@media (max-width: 1099px) {
  .rightcolumn .resume-bold .resume-bold-min {
    display: inline-block;
    margin: 0 5px 0 0px; } }

.resume-semi {
  font-size: 13.7px;
  font-weight: 500;
  margin-left: 5px; }
  @media (max-width: 1099px) {
    .resume-semi {
      margin-left: 0; } }

.resume-unbold {
  margin-left: 3px; }

.btn-wrapper,
.expbutton {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.expbutton {
  background-color: #fff;
  border-bottom: 2px solid #b6b6b6;
  border-radius: 2px;
  display: none;
  font-weight: 200;
  height: 27px;
  width: 80px; }
  @media (max-width: 1099px) {
    .expbutton {
      display: block; } }

.expbutton:hover {
  cursor: pointer; }

.inner {
  width: 95%; }
  @media (max-width: 1099px) {
    .inner {
      background-color: #f9f9f9;
      border-radius: 2px;
      max-width: 500px;
      padding: 30px 35px 30px;
      text-align: left;
      width: 100%; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .inner {
    margin-left: none;
    max-width: 560px;
    width: 100%; } }

@media (max-width: 1099px) {
  #ctrlqs,
  #cesr,
  #persinfo,
  #eduinfo,
  #compinfo,
  #datascience,
  #logrhythm,
  #humboldt,
  #cuboulder,
  #pythondev,
  #berlinanalysis,
  #clothingreturns,
  #mediumclaps,
  #persinfo,
  #skillsinfo {
    display: none; } }

@media (max-width: 1099px) {
  #ctrlqsbtn,
  #cesrbtn,
  #eduinfobtn,
  #datasciencebtn,
  #logrhythmbtn,
  #humboldtbtn,
  #cuboulderbtn,
  #pythondevbtn,
  #berlinanalysisbtn,
  #clothingreturnsbtn,
  #mediumclapsbtn,
  #persinfobtn,
  #skillsinfobtn {
    margin-bottom: 10px;
    margin-top: 10px; } }

@media (max-width: 1099px) {
  #skillsinfobtn {
    margin-top: 15px; } }

.leftcolumn, .rightcolumn {
  margin-top: -10px; }

.leftcolumn {
  float: left;
  margin-left: 60px;
  width: 42%; }
  @media (max-width: 1099px) {
    .leftcolumn {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      float: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: 5%;
      text-align: center;
      width: 90%; } }

.rightcolumn {
  float: right;
  margin-right: 25px;
  width: 49%; }
  @media (max-width: 1099px) {
    .rightcolumn {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      float: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: 5%;
      text-align: center;
      width: 90%; } }

.responsibilities, .project {
  margin: 13px 0;
  width: 95%; }
  @media (max-width: 1099px) {
    .responsibilities, .project {
      margin: 18px 0 18px 2.5%;
      text-align: left; } }
  @media (max-width: 749px) {
    .responsibilities, .project {
      padding: 19px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .responsibilities, .project {
    padding: 25px; } }

.project {
  margin: 0; }

.bullet-diamond {
  background-color: #e5e4e4;
  display: inline-block;
  height: 7px;
  margin: 0 12px 1.7px 0px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
  border: solid rgba(0, 0, 0, 0.17) 1px; }
  @media (max-width: 1099px) {
    .bullet-diamond {
      margin: 0 10px 4px 0; } }

.resume-hr {
  margin: 25px 150px 23px 0px;
  opacity: 35%; }

@media (max-width: 1099px) {
  .resume-skills-no-show-mobile {
    display: none; } }

@media (min-width: 1101px) {
  .resume-skills-no-show-full {
    display: none; } }

.skill-bold {
  margin-right: 8px; }

.skill-block-empty, .skill-block-full {
  background-color: #efeded;
  display: inline-block;
  height: 11px;
  width: 11px;
  margin-right: 1px;
  border: solid rgba(0, 0, 0, 0.17) 1px; }

.skill-block-full {
  background: rgba(131, 141, 138, 0.75);
  border: solid #ebebeb 2px;
  position: relative; }

.skill-block-full:before {
  background: none;
  border: solid rgba(0, 0, 0, 0.22) 1px;
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 2px;
  bottom: 2px; }

.code-link-img {
  width: 20px;
  margin-left: 7px;
  -webkit-filter: opacity(40%);
          filter: opacity(40%); }

.task-text {
  margin: 0 0 0 -2px; }
  @media (max-width: 1099px) {
    .task-text {
      display: block;
      margin: -22px 0 5px 20px; } }

.task-text-multi {
  display: inline-block;
  margin: -100px 0 0 20px; }
  @media (max-width: 1099px) {
    .task-text-multi {
      display: block;
      margin: -22px 0 5px 20px; } }

.task-children {
  list-style: none;
  counter-reset: custom-counter;
  margin: 6px 0 6px 20px; }
  .task-children li {
    counter-increment: custom-counter; }
    @media (max-width: 1099px) {
      .task-children li {
        margin-left: 20px; } }
    .task-children li::before {
      content: counter(custom-counter) ". "; }
      @media (max-width: 1099px) {
        .task-children li::before {
          margin-left: -15px; } }

@media (max-width: 1099px) {
  .ub-linebreak::before {
    content: '\a';
    white-space: pre; } }

.job-summary {
  margin-bottom: 7px;
  width: 100%; }
  @media (max-width: 1099px) {
    .job-summary {
      margin-left: 4px;
      width: 97%; } }

.project-summary {
  margin-bottom: 15px;
  width: 96%; }
  @media (max-width: 1099px) {
    .project-summary {
      width: 97%; } }

.school {
  margin: 10px 0; }

.language-top {
  margin-top: 12px; }

@media (max-width: 1099px) {
  .language {
    margin-bottom: 20px; } }

.container-download {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 60px;
  width: 100vw; }

@media (min-width: 751px) and (max-width: 1099px) {
  .container-download {
    margin: 50px 0 60px; } }
  @media (min-width: 1801px) {
    .container-download {
      margin: 95px 0 245px; } }

.download {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 .5px 15px 0 #f3f3f3;
          box-shadow: 0 .5px 15px 0 #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 165px; }

@media (min-width: 751px) and (max-width: 1099px) {
  .download {
    zoom: 1.2; } }

@media (min-width: 1001px) and (max-width: 1099px) {
  .download {
    zoom: 1.4; } }
  @media (min-width: 1801px) {
    .download {
      zoom: 1.5; } }

.dl-text {
  font-size: 1.2em;
  font-weight: 300;
  margin-left: 4px; }

.dl-div {
  background-color: #a8a8a8;
  border-radius: 10px;
  -webkit-box-shadow: -.2px 0 2px 0 #e4e4e4;
          box-shadow: -.2px 0 2px 0 #e4e4e4;
  height: 25px;
  margin: 0 4px 0 9.5px;
  width: 1px; }

.dl-arrow {
  margin: -.5px 3.5px 0 7.5px;
  width: 20px; }

.download:hover > .dl-arrow {
  -webkit-filter: brightness(130%) saturate(0%);
          filter: brightness(130%) saturate(0%); }

.content-contact {
  min-height: 0; }

.container-contact {
  width: 100vw; }

.wrapper-contact {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  @media (min-width: 1801px) {
    .wrapper-contact {
      height: 90vh; } }

.wrapper-inner-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%; }
  @media (max-width: 1099px) {
    .wrapper-inner-contact {
      border-left: solid 2px #e8e8e8;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 65vh;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 15px;
      width: 75vw; } }

.contact-h1 {
  color: #d5d5d5;
  font-family: 'Muli' sans-serif;
  font-size: 6.5vw;
  font-weight: 300;
  margin: -10px 0 0 -10px; }
  @media (max-width: 1099px) {
    .contact-h1 {
      font-size: 14vw;
      font-weight: 300;
      margin: 5vw 0 5vw -4px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .contact-h1 {
    font-size: 12vw; } }
  @media (min-width: 1801px) {
    .contact-h1 {
      font-size: 5.8vw; } }

.icon-links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: solid 3.5px #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 55vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 220px; }
  @media (max-width: 1099px) {
    .icon-links {
      border: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: 15vh;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 5px 0 0 6px;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }

.social-icon-full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 11px 0;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  width: 7.3vw; }
  @media (max-width: 1099px) {
    .social-icon-full {
      margin: 0 7px;
      width: 15vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .social-icon-full {
    width: 11vw; } }
  @media (min-width: 1801px) {
    .social-icon-full {
      margin: 15px 100px 20px 0;
      width: 6vw; } }

.social-icon-full:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%); }

.contact-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 50px; }
  @media (max-width: 1099px) {
    .contact-information {
      margin: -30px 0 0 20px; } }

.contact-greyspan {
  color: #8c8c8c; }

.contact-black {
  color: #3f3f3f; }

.contact-link {
  -webkit-transition: all .17s ease-in-out;
  transition: all .17s ease-in-out; }

.contact-link:hover {
  color: #2a88b5; }

.contact-bodytext {
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 1.4em;
  margin: 10px 0; }
  @media (max-width: 1099px) {
    .contact-bodytext {
      font-size: 4.2vw;
      margin: 2vw 0 4vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .contact-bodytext {
    font-size: 3.5vw; } }
  @media (min-width: 1801px) {
    .contact-bodytext {
      font-size: 1.35vw;
      margin: 20px 5px; } }

.fullbkgd-photography,
.fullbkgd-photography-blur {
  bottom: 0;
  -webkit-filter: saturate(0);
          filter: saturate(0);
  margin-bottom: -250px;
  position: fixed;
  width: 100%;
  z-index: -100; }
  @media (max-width: 1099px) {
    .fullbkgd-photography,
    .fullbkgd-photography-blur {
      margin-bottom: -650px;
      margin-left: -380px;
      width: auto;
      zoom: .5; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .fullbkgd-photography,
  .fullbkgd-photography-blur {
    zoom: 0; } }

@media (min-width: 1101px) and (min-height: 1101px) {
  .fullbkgd-photography,
  .fullbkgd-photography-blur {
    min-height: 150%;
    width: auto; } }
  @media (min-width: 2301px) {
    .fullbkgd-photography,
    .fullbkgd-photography-blur {
      width: 100%; } }

.fullbkgd-photography {
  opacity: 0; }

.fullbkgd-photography-blur {
  opacity: 1; }
  @media (max-width: 1099px) {
    .fullbkgd-photography-blur {
      margin-bottom: -358px;
      margin-left: -210px;
      zoom: .911; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .fullbkgd-photography-blur {
    margin-bottom: -356px;
    margin-left: -208px;
    zoom: 1.81; } }

@media (max-width: 1099px) {
  .container-photography {
    width: 100vw; } }

.wrapper-intro-photography {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 50px; }

.content-intro-photography {
  background-color: rgba(0, 0, 0, 0.2);
  height: 95vh;
  margin-left: 50px;
  width: 48vw;
  z-index: 900; }
  @media (max-width: 1099px) {
    .content-intro-photography {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 120vh;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0;
      width: 100vw;
      z-index: 980; } }

.wrapper-inner-photography {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 83%; }
  @media (max-width: 1099px) {
    .wrapper-inner-photography {
      width: 87vw; } }

.scrollwrapper-photography {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2.25vw 0 0 1.75vw; }
  @media (max-width: 1099px) {
    .scrollwrapper-photography {
      -ms-flex-item-align: center;
          align-self: center;
      margin: 15vw 0 0; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .scrollwrapper-photography {
    margin: 5vw 0 0; } }
  @media (min-width: 1801px) {
    .scrollwrapper-photography {
      margin: 2.25vw 0 0 2.4vw; } }

.arrow-photography {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  width: 3.5vw; }
  @media (max-width: 1099px) {
    .arrow-photography {
      width: 13vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .arrow-photography {
    margin-top: 50px;
    width: 9vw; } }

.arrow-photography:hover {
  -webkit-filter: brightness(130%);
          filter: brightness(130%);
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px); }

.scrollspan-photography {
  color: #c1c1c1;
  font-size: 1.3vw;
  margin: -.45vw 0 0 1vw; }
  @media (max-width: 1099px) {
    .scrollspan-photography {
      display: none; } }

.section-anchor {
  display: block;
  height: 20px;
  margin-top: -5px;
  position: absolute;
  visibility: hidden; }
  @media (max-width: 1099px) {
    .section-anchor {
      height: 0;
      margin: 26px 0 0; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .section-anchor {
    margin: 170px 0 0; } }

.location-menu {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100vh;
  margin-right: -25vw;
  position: fixed;
  right: 0;
  text-align: right;
  top: 75px;
  width: 25vw;
  z-index: 1000; }
  @media (max-width: 1099px) {
    .location-menu {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: rgba(0, 0, 0, 0.8);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-right: -100vw;
      right: 0;
      top: 70px;
      width: 100vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .location-menu {
    height: 95vh;
    top: 80px; } }
  @media (min-width: 1801px) {
    .location-menu {
      top: 120px; } }

.location-menu-show {
  margin-right: 0 !important; }

.location-list {
  margin: 25px 15px 0 0; }
  @media (max-width: 1099px) {
    .location-list {
      margin: -65px 0 0;
      text-align: center; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .location-list {
    margin: -45px 0 0; } }
  @media (min-width: 1801px) {
    .location-list {
      margin: 35px 25px 0 0; } }

.location-item {
  list-style: none; }
  .location-item a {
    font-size: 2.1vw;
    font-weight: 300;
    line-height: 1.4em;
    text-decoration: none; }
    @media (max-width: 1099px) {
      .location-item a {
        font-size: 6.4vw;
        line-height: 1.54em; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .location-item a {
    font-size: 5vw;
    line-height: 1.5em; } }
    @media (min-width: 1801px) {
      .location-item a {
        font-size: 2vw; } }
    .location-item a:hover {
      color: #fff; }

.location-btn {
  color: #e0e0e0; }

.close {
  margin-top: 17px;
  position: relative;
  -webkit-transition: ease-in-out .4s;
  transition: ease-in-out .4s;
  width: 2.5vw; }
  @media (max-width: 1099px) {
    .close {
      margin-top: 6px;
      width: 8vw; } }
  @media (min-width: 1801px) {
    .close {
      margin-top: 20px;
      width: 3vw; } }
  .close:hover {
    cursor: pointer; }

.close-photography {
  -webkit-filter: brightness(100%);
          filter: brightness(100%); }
  .close-photography:hover {
    -webkit-filter: brightness(130%);
            filter: brightness(130%); }

.gallery-wrapper {
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100vw; }
  @media (max-width: 1099px) {
    .gallery-wrapper {
      height: 108vh; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .gallery-wrapper {
    height: 120vh; } }

.title-content {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  height: 185px;
  position: absolute;
  width: 100vw;
  z-index: 999; }
  @media (max-width: 1099px) {
    .title-content {
      height: 265px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .title-content {
    height: 410px; } }

@media (min-width: 1001px) and (max-width: 1099px) {
  .title-content {
    height: 520px; } }
  @media (min-width: 1801px) {
    .title-content {
      height: 290px; } }

@media (max-width: 1099px) {
  .title-content-lg {
    height: 295px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .title-content-lg {
    height: 480px; } }

@media (min-width: 1001px) and (max-width: 1099px) {
  .title-content-lg {
    height: 640px; } }

.location-title {
  color: #e0e0e0;
  font-size: 4.7vw;
  font-weight: 300;
  margin: 35px 0 0 25px; }
  @media (max-width: 1099px) {
    .location-title {
      font-size: 15vw;
      margin: 55px 0 0 0;
      text-align: center; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .location-title {
    font-size: 12vw;
    margin-top: 80px; } }
  @media (min-width: 1801px) {
    .location-title {
      font-size: 4.2vw;
      margin: 40px 0 0 50px; } }

@media (max-width: 1099px) {
  .photo-title-lg {
    margin-top: 30px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .photo-title-lg {
    margin-top: 50px; } }

.button-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 30px; }
  @media (max-width: 1099px) {
    .button-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 20px 0 0; } }
  @media (min-width: 1801px) {
    .button-wrapper {
      margin: 0 50px; } }

.gallery-btn,
.location-select-about {
  color: #c1c1c1;
  font-size: 1.4vw;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }
  @media (max-width: 1099px) {
    .gallery-btn,
    .location-select-about {
      color: #c1c1c1;
      font-size: 5vw;
      font-weight: 300; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .gallery-btn,
  .location-select-about {
    font-size: 3.6vw; } }
  @media (min-width: 1801px) {
    .gallery-btn,
    .location-select-about {
      font-size: 1.35vw; } }

@media (max-width: 1099px) {
  .location-select-about {
    margin-top: 13px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .location-select-about {
    margin-top: 20px; } }

.location-select-about:hover {
  color: #2a88b5;
  cursor: pointer; }

.blurloc-background {
  opacity: 1;
  position: absolute;
  width: 100%; }

.location-background,
.blurloc-background {
  -webkit-filter: saturate(0%);
          filter: saturate(0%);
  margin-top: -14vw;
  -webkit-transition: ease-in-out .8s;
  transition: ease-in-out .8s;
  width: 100%; }

@media (min-width: 1101px) and (max-width: 1309px) {
  .location-background,
  .blurloc-background {
    min-height: 130%;
    width: auto; } }
  @media (max-width: 1099px) {
    .location-background,
    .blurloc-background {
      height: 105vh;
      width: initial;
      zoom: 1.03; } }

@media (max-width: 999px) and (min-height: 801px) {
  .location-background,
  .blurloc-background {
    height: 105vh;
    width: initial;
    zoom: 1.03; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .location-background,
  .blurloc-background {
    height: 125vh;
    zoom: 1; } }

@media (min-width: 701px) and (max-height: 799px) {
  .location-background,
  .blurloc-background {
    height: auto;
    min-width: 180%; } }

@media (min-width: 1101px) and (max-height: 799px) {
  .location-background,
  .blurloc-background {
    min-width: initial; } }

@media (min-width: 1101px) and (min-height: 1101px) {
  .location-background,
  .blurloc-background {
    min-height: 150%;
    width: auto; } }

.location-background {
  opacity: 0; }

.hover {
  -webkit-filter: saturate(100%);
          filter: saturate(100%); }

.location-background:hover {
  -webkit-filter: saturate(100%);
          filter: saturate(100%); }

.photography-anchor {
  margin-top: 0;
  position: absolute; }
  @media (max-width: 1099px) {
    .photography-anchor {
      margin-top: 75px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .photography-anchor {
    margin-top: 260px; } }

@media (max-width: 1099px) {
  .position-1 {
    margin-top: -155px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .position-1 {
    margin-top: -100px; } }

.wraper-content-photography {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 970; }
  @media (max-width: 1099px) {
    .wraper-content-photography {
      margin: 200px 0 0; } }

.content-main-photography {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 100vh;
  width: 100%; }

.mobile-br {
  display: none; }
  @media (max-width: 1099px) {
    .mobile-br {
      display: block; } }

.paris-bkg,
.paris-bkg-blur {
  margin: -48vw 0 0; }
  @media (max-width: 1099px) {
    .paris-bkg,
    .paris-bkg-blur {
      margin: 0 0 0 -120px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .paris-bkg,
  .paris-bkg-blur {
    margin: -10px 0 0 -130px; } }
  @media (min-width: 1801px) {
    .paris-bkg,
    .paris-bkg-blur {
      margin: -45vw 0 0; } }

@media (min-width: 1101px) and (min-height: 1101px) {
  .paris-bkg,
  .paris-bkg-blur {
    min-height: 180%;
    width: auto; } }
  @media (min-width: 2301px) {
    .paris-bkg,
    .paris-bkg-blur {
      width: 100%; } }

.prague-bkg,
.prague-bkg-blur {
  margin: -12.5vw 0 0; }
  @media (max-width: 1099px) {
    .prague-bkg,
    .prague-bkg-blur {
      margin: 0; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .prague-bkg,
  .prague-bkg-blur {
    margin: -20px 0 0 -15px; } }
  @media (min-width: 1801px) {
    .prague-bkg,
    .prague-bkg-blur {
      margin: -9vw 0 0; } }

.dresden-bkg,
.dresden-bkg-blur {
  margin: -25vw 0 0; }
  @media (max-width: 1099px) {
    .dresden-bkg,
    .dresden-bkg-blur {
      margin: 0 0 0 -130px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .dresden-bkg,
  .dresden-bkg-blur {
    margin: -20px 0 0 -230px; } }

@media (min-width: 1101px) and (min-height: 1101px) {
  .dresden-bkg,
  .dresden-bkg-blur {
    min-height: 170%;
    width: auto; } }
  @media (min-width: 2301px) {
    .dresden-bkg,
    .dresden-bkg-blur {
      width: 100%; } }

.weimar-bkg,
.weimar-bkg-blur {
  margin: -33vw 0 0; }
  @media (max-width: 1099px) {
    .weimar-bkg,
    .weimar-bkg-blur {
      margin: 0 0 0 -130px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .weimar-bkg,
  .weimar-bkg-blur {
    margin: -20px 0 0 -230px; } }

@media (min-width: 1101px) and (min-height: 1101px) {
  .weimar-bkg,
  .weimar-bkg-blur {
    min-height: 170%;
    width: auto; } }
  @media (min-width: 2301px) {
    .weimar-bkg,
    .weimar-bkg-blur {
      width: 100%; } }

.copenhagen-bkg,
.copenhagen-bkg-blur {
  margin: -1.3vw 0 0; }
  @media (max-width: 1099px) {
    .copenhagen-bkg,
    .copenhagen-bkg-blur {
      margin: 0 0 0 -70px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .copenhagen-bkg,
  .copenhagen-bkg-blur {
    margin: -20px 0 0 -130px; } }

.uk-bkg,
.uk-bkg-blur {
  margin: -19vw 0 0; }
  @media (max-width: 1099px) {
    .uk-bkg,
    .uk-bkg-blur {
      margin: 0 0 0 -130px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .uk-bkg,
  .uk-bkg-blur {
    margin: -20px 0 0 -230px; } }

@media (min-width: 1101px) and (min-height: 1101px) {
  .uk-bkg,
  .uk-bkg-blur {
    min-height: 170%;
    width: auto; } }
  @media (min-width: 2301px) {
    .uk-bkg,
    .uk-bkg-blur {
      width: 100%; } }

.bruges-antwerp-bkg,
.bruges-antwerp-bkg-blur {
  margin: -10vw 0 0; }
  @media (max-width: 1099px) {
    .bruges-antwerp-bkg,
    .bruges-antwerp-bkg-blur {
      margin: 0 0 0 -15px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .bruges-antwerp-bkg,
  .bruges-antwerp-bkg-blur {
    margin: -20px 0 0; } }

.norway-bkg,
.norway-bkg-blur {
  margin: -12.5vw 0 0; }
  @media (max-width: 1099px) {
    .norway-bkg,
    .norway-bkg-blur {
      margin: 0; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .norway-bkg,
  .norway-bkg-blur {
    margin: -20px 0 0; } }
  @media (min-width: 1801px) {
    .norway-bkg,
    .norway-bkg-blur {
      margin: -9vw 0 0; } }

.stralsund-bkg,
.stralsund-bkg-blur {
  margin: -12.5vw 0 0; }
  @media (max-width: 1099px) {
    .stralsund-bkg,
    .stralsund-bkg-blur {
      margin: 0 0 0 -250px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .stralsund-bkg,
  .stralsund-bkg-blur {
    margin: -20px 0 0 -550px; } }
  @media (min-width: 1801px) {
    .stralsund-bkg,
    .stralsund-bkg-blur {
      margin: -9.5vw 0 0; } }

@media (max-width: 1099px) {
  .leipzig-bkg,
  .leipzig-bkg-blur {
    margin: 0 0 0 -250px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .leipzig-bkg,
  .leipzig-bkg-blur {
    margin: -20px 0 0 -560px; } }

@media (min-width: 1801px) {
  .leipzig-bkg,
  .leipzig-bkg-blur {
    margin: -11vw 0 0; } }

@media (max-width: 1099px) {
  .berlin-bkg,
  .berlin-bkg-blur {
    margin: 0 0 0 -345px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .berlin-bkg,
  .berlin-bkg-blur {
    margin: -20px 0 0 -600px; } }

@media (min-width: 1801px) {
  .berlin-bkg,
  .berlin-bkg-blur {
    margin: -12vw 0 0; } }

@media (max-width: 1099px) {
  .hamburg-bkg {
    margin: 0 0 0 -165px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .hamburg-bkg {
    margin: -20px 0 0 -175px; } }

@media (min-width: 1801px) {
  .hamburg-bkg {
    margin: -13vw 0 0; } }

.content-gallery {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.title-overlay-div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: fade 4.2s linear;
          animation: fade 4.2s linear;
  background: rgba(0, 0, 0, 0.01);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
  pointer-events: none;
  position: fixed;
  width: 100vw;
  z-index: 1001; }

@-webkit-keyframes fade {
  0%, 10%, 100% {
    opacity: 0; }
  30%, 77% {
    opacity: 1; } }

@keyframes fade {
  0%, 10%, 100% {
    opacity: 0; }
  30%, 77% {
    opacity: 1; } }

.gallery-title-overlay {
  color: #fab54c;
  font-size: 7.1vw;
  font-weight: 400; }
  @media (max-width: 1099px) {
    .gallery-title-overlay {
      font-size: 16vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .gallery-title-overlay {
    font-size: 14vw; } }

.page-numbers {
  position: absolute;
  right: 6.8%;
  top: 135px; }
  @media (max-width: 1099px) {
    .page-numbers {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 55px;
      position: static; } }
  @media (min-width: 1801px) {
    .page-numbers {
      right: 8.5%;
      top: 195px; } }
  .page-numbers li {
    color: #c1c1c1;
    font-size: 1.4vw;
    list-style: none;
    margin-bottom: 8px;
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s; }
    @media (max-width: 1099px) {
      .page-numbers li {
        display: inline-block;
        font-size: 5vw;
        margin: 0 5px 8px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .page-numbers li {
    font-size: 3.6vw;
    margin: 0 8px 8px; } }
    @media (min-width: 1801px) {
      .page-numbers li {
        font-size: 1.3vw; } }
    .page-numbers li:hover {
      -webkit-filter: brightness(110%);
              filter: brightness(110%); }

.page-active::after {
  color: #2a88b5;
  content: '•';
  font-size: .9em;
  margin: .1px 0 0 9px;
  position: absolute; }
  @media (max-width: 1099px) {
    .page-active::after {
      font-size: .8em;
      margin: -19px 0 0 -9px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .page-active::after {
    margin: -35px 0 0 -14px; } }

@media (min-width: 1001px) and (max-width: 1099px) {
  .page-active::after {
    margin: -40px 0 0 -19px; } }
  @media (min-width: 1801px) {
    .page-active::after {
      font-size: .85vw;
      margin: 5px 0 0 9px; } }

.gallery {
  -webkit-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 10px;
          column-gap: 10px;
  margin: 48px auto 40px;
  width: 79%; }
  @media (max-width: 1099px) {
    .gallery {
      -webkit-column-count: 1;
              column-count: 1;
      margin-top: 25px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .gallery {
    margin-bottom: 80px; } }
  @media (min-width: 1801px) {
    .gallery {
      margin: 90px auto 40px;
      width: 75%; } }

.gal-img {
  position: relative; }

.lb-trigger {
  opacity: 0;
  -webkit-transition: ease-in-out .4s;
  transition: ease-in-out .4s; }
  .lb-trigger:hover {
    cursor: pointer; }

.lb-trigger,
.lb-preview {
  -webkit-box-shadow: 1.5px 2px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 1.5px 2px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 7px;
  width: 100%; }
  @media (max-width: 1099px) {
    .lb-trigger,
    .lb-preview {
      margin-bottom: 20px; } }

.lb-preview {
  height: calc(100% - 11px);
  opacity: 1;
  pointer-events: none;
  position: absolute; }
  @media (max-width: 1099px) {
    .lb-preview {
      height: calc(100% - 23px); } }

.lb-in {
  -webkit-animation: lbfadein 1.15s linear;
          animation: lbfadein 1.15s linear;
  opacity: 1; }

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

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

.lb-out {
  -webkit-animation: lbfadeout 1.15s linear;
          animation: lbfadeout 1.15s linear;
  opacity: 0; }

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

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

.bottom-navigation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 90px 0 30px; }
  @media (max-width: 1099px) {
    .bottom-navigation {
      margin: 0 0 30px; } }

.content-berlin .bottom-navigation {
  margin: -95px 0 30px; }
  @media (max-width: 1099px) {
    .content-berlin .bottom-navigation {
      margin: 0 0 30px; } }

.prev-div,
.next-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49.3%; }

.next-div {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 8px; }
  @media (max-width: 1099px) {
    .next-div {
      margin-left: 6.5px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .next-div {
    margin-left: 12px; } }

.prev-div {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 8px; }
  @media (max-width: 1099px) {
    .prev-div {
      margin-right: 6.5px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .prev-div {
    margin-right: 12px; } }

.full-div {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }

.bottom-nav-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.nav-link-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse; }

.nav-text-next-rev,
.nav-text-prev {
  font-size: 1.2vw;
  margin-right: 13px; }
  @media (max-width: 1099px) {
    .nav-text-next-rev,
    .nav-text-prev {
      font-size: 4vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .nav-text-next-rev,
  .nav-text-prev {
    font-size: 3.2vw;
    font-weight: 300;
    margin-right: 20px; } }
  @media (min-width: 1801px) {
    .nav-text-next-rev,
    .nav-text-prev {
      font-size: .9vw; } }

.nav-text-prev-rev,
.nav-text-next {
  font-size: 1.2vw;
  margin-left: 13px; }
  @media (max-width: 1099px) {
    .nav-text-prev-rev,
    .nav-text-next {
      font-size: 4vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .nav-text-prev-rev,
  .nav-text-next {
    font-size: 3.2vw;
    font-weight: 300;
    margin-left: 20px; } }
  @media (min-width: 1801px) {
    .nav-text-prev-rev,
    .nav-text-next {
      font-size: .9vw; } }

.nav-arrow-next,
.nav-arrow-prev,
.nav-arrow-next-lb,
.nav-arrow-prev-lb,
.nav-arrow-next-lb--mobile,
.nav-arrow-prev-lb--mobile {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
  width: 3.2vw; }
  @media (max-width: 1099px) {
    .nav-arrow-next,
    .nav-arrow-prev,
    .nav-arrow-next-lb,
    .nav-arrow-prev-lb,
    .nav-arrow-next-lb--mobile,
    .nav-arrow-prev-lb--mobile {
      width: 10.5vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .nav-arrow-next,
  .nav-arrow-prev,
  .nav-arrow-next-lb,
  .nav-arrow-prev-lb,
  .nav-arrow-next-lb--mobile,
  .nav-arrow-prev-lb--mobile {
    width: 9vw; } }

.nav-arrow-next-lb--mobile,
.nav-arrow-prev-lb--mobile {
  display: none; }
  @media (max-width: 1099px) {
    .nav-arrow-next-lb--mobile,
    .nav-arrow-prev-lb--mobile {
      display: block;
      margin: 0 13px;
      width: 11vw;
      z-index: 1200; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .nav-arrow-next-lb--mobile,
  .nav-arrow-prev-lb--mobile {
    margin: 0 20px;
    width: 9vw; } }

@media (max-width: 1099px) {
  .nav-arrow-next-lb,
  .nav-arrow-prev-lb {
    display: none; } }

.nav-arrow-next:hover,
.nav-arrow-next-lb:hover,
.nav-arrow-next-lb--mobile:hover {
  cursor: pointer;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transform: translateX(2px);
      -ms-transform: translateX(2px);
          transform: translateX(2px); }

.nav-arrow-prev:hover,
.nav-arrow-prev-lb:hover,
.nav-arrow-prev-lb--mobile:hover {
  cursor: pointer;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
          transform: translateX(-2px); }

.location-select-div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 45px 0 85px; }
  @media (max-width: 1099px) {
    .location-select-div {
      margin: 58px 0 75px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .location-select-div {
    margin: 85px 0 95px; } }

.location-select-gallery {
  color: #c1c1c1;
  font-size: 1.4vw;
  font-weight: 300;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }
  @media (max-width: 1099px) {
    .location-select-gallery {
      font-size: 5vw; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .location-select-gallery {
    font-size: 3.6vw; } }
  @media (min-width: 1801px) {
    .location-select-gallery {
      font-size: 1.1vw; } }

.location-select-gallery:hover {
  color: #2a88b5;
  cursor: pointer; }

.location-btn-gallery {
  color: #fff; }
  @media (max-width: 1099px) {
    .location-btn-gallery {
      color: #e0e0e0; } }
  .location-btn-gallery:hover {
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    -webkit-filter: brightness(140%);
            filter: brightness(140%); }

.close-gallery {
  -webkit-filter: brightness(130%);
          filter: brightness(130%); }
  .close-gallery:hover {
    cursor: pointer;
    -webkit-filter: brightness(150%);
            filter: brightness(150%); }

.lb-overlay {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1500; }

.lb-overlay2 {
  visibility: visible; }

.lb-overlay3 {
  opacity: 100; }

.lb-image-div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 92%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60%; }
  @media (max-width: 1099px) {
    .lb-image-div {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      width: 88%; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .lb-image-div {
    height: 90%; } }

.nav-arrow-next-lb {
  margin-left: 20px;
  z-index: 1502; }

.nav-arrow-prev-lb {
  margin-right: 20px;
  z-index: 1502; }

@media (max-width: 1099px) {
  .mobile-nav-arrows {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 30px; } }

@media (min-width: 751px) and (max-width: 1099px) {
  .mobile-nav-arrows {
    margin-top: 50px; } }

#lb-image {
  max-height: 100%;
  max-width: 100%;
  z-index: 1502; }

@media (min-width: 751px) and (max-width: 1099px) {
  #lb-image {
    max-height: 90%;
    max-width: 90%; } }

.lb-close {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1501; }
  @media (max-width: 1099px) {
    .lb-close {
      z-index: 1000; } }