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

body {
  margin: 0
}

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

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

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

[hidden],
template {
  display: none
}

a {
  background-color: #00000000
}

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

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

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

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

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

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

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

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

pre {
  overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset] {
  -webkit-appearance: button;
  cursor: pointer
}

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

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

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

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

input[type=search] {
  -webkit-appearance: none
}

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

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

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

td,
th {
  padding: 0
}

@font-face {
  font-family: webflow-icons;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
  font-weight: 400;
  font-style: normal
}

[class^=w-icon-],
[class*=\ w-icon-] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-family: webflow-icons !important
}

.w-icon-slider-right:before {
  content: ""
}

.w-icon-slider-left:before {
  content: ""
}

.w-icon-nav-menu:before {
  content: ""
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: ""
}

.w-icon-file-upload-remove:before {
  content: ""
}

.w-icon-file-upload-icon:before {
  content: ""
}

* {
  box-sizing: border-box
}

html {
  height: 100%
}

body {
  color: #000000;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block
}

html.w-mod-touch * {
  background-attachment: scroll !important
}

.w-block {
  display: block
}

.w-inline-block {
  max-width: 100%;
  display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-clearfix:after {
  clear: both
}

.w-hidden {
  display: none
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block
}

input.w-button {
  -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important
}

.w-code-block {
  margin: unset
}

pre.w-code-block code {
  all: inherit
}

.w-optimization {
  display: contents
}

.w-webflow-badge,
.w-webflow-badge * {
  z-index: auto;
  visibility: visible;
  box-sizing: border-box;
  float: none;
  clear: none;
  box-shadow: none;
  opacity: 1;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background: 0 0;
  border: 0 #0000;
  border-radius: 0;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  list-style-type: disc;
  transition: none;
  display: block;
  position: static;
  inset: auto;
  overflow: visible;
  transform: none
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  opacity: 1 !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  overflow: visible !important;
  transform: none !important
}

.w-webflow-badge>img {
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-weight: 700
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px
}

p {
  margin-top: 0;
  margin-bottom: 10px
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px
}

figure {
  margin: 0 0 10px
}

figcaption {
  text-align: center;
  margin-top: 5px
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none
}

.w-embed:before,
.w-embed:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-embed:after {
  clear: both
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative
}

.w-video iframe,
.w-video object,
.w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

button,
[type=button],
[type=reset] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0
}

.w-form {
  margin: 0 0 15px
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none
}

label {
  margin-bottom: 5px;
  font-weight: 700;
  display: block
}

.w-input,
.w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block
}

.w-input::placeholder,
.w-select::placeholder {
  color: #999
}

.w-input:focus,
.w-select:focus {
  border-color: #3898ec;
  outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee
}

textarea.w-input,
textarea.w-select {
  height: auto
}

.w-select {
  background-color: #f3f3f3
}

.w-select[multiple] {
  height: auto
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: 400;
  display: inline-block
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block
}

.w-radio:before,
.w-radio:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-radio:after {
  clear: both
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal
}

.w-file-upload {
  margin-bottom: 10px;
  display: block
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
  color: #333;
  display: inline-block
}

.w-file-upload-error {
  margin-top: 10px;
  display: block
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
  display: none
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  display: flex
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: 400;
  display: block
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block
}

.w-icon-file-upload-uploading {
  height: 20px
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto
}

.w-container:before,
.w-container:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-container:after {
  clear: both
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px
}

.w-row:before,
.w-row:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-row:after {
  clear: both
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0
}

.w-col-1 {
  width: 8.33333%
}

.w-col-2 {
  width: 16.6667%
}

.w-col-3 {
  width: 25%
}

.w-col-4 {
  width: 33.3333%
}

.w-col-5 {
  width: 41.6667%
}

.w-col-6 {
  width: 50%
}

.w-col-7 {
  width: 58.3333%
}

.w-col-8 {
  width: 66.6667%
}

.w-col-9 {
  width: 75%
}

.w-col-10 {
  width: 83.3333%
}

.w-col-11 {
  width: 91.6667%
}

.w-col-12 {
  width: 100%
}

.w-hidden-main {
  display: none !important
}

@media screen and (max-width:991px) {
  .w-container {
    max-width: 728px
  }

  .w-hidden-main {
    display: inherit !important
  }

  .w-hidden-medium {
    display: none !important
  }

  .w-col-medium-1 {
    width: 8.33333%
  }

  .w-col-medium-2 {
    width: 16.6667%
  }

  .w-col-medium-3 {
    width: 25%
  }

  .w-col-medium-4 {
    width: 33.3333%
  }

  .w-col-medium-5 {
    width: 41.6667%
  }

  .w-col-medium-6 {
    width: 50%
  }

  .w-col-medium-7 {
    width: 58.3333%
  }

  .w-col-medium-8 {
    width: 66.6667%
  }

  .w-col-medium-9 {
    width: 75%
  }

  .w-col-medium-10 {
    width: 83.3333%
  }

  .w-col-medium-11 {
    width: 91.6667%
  }

  .w-col-medium-12 {
    width: 100%
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto
  }
}

@media screen and (max-width:767px) {

  .w-hidden-main,
  .w-hidden-medium {
    display: inherit !important
  }

  .w-hidden-small {
    display: none !important
  }

  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto
  }

  .w-col-small-1 {
    width: 8.33333%
  }

  .w-col-small-2 {
    width: 16.6667%
  }

  .w-col-small-3 {
    width: 25%
  }

  .w-col-small-4 {
    width: 33.3333%
  }

  .w-col-small-5 {
    width: 41.6667%
  }

  .w-col-small-6 {
    width: 50%
  }

  .w-col-small-7 {
    width: 58.3333%
  }

  .w-col-small-8 {
    width: 66.6667%
  }

  .w-col-small-9 {
    width: 75%
  }

  .w-col-small-10 {
    width: 83.3333%
  }

  .w-col-small-11 {
    width: 91.6667%
  }

  .w-col-small-12 {
    width: 100%
  }
}

@media screen and (max-width:479px) {
  .w-container {
    max-width: none
  }

  .w-hidden-main,
  .w-hidden-medium,
  .w-hidden-small {
    display: inherit !important
  }

  .w-hidden-tiny {
    display: none !important
  }

  .w-col {
    width: 100%
  }

  .w-col-tiny-1 {
    width: 8.33333%
  }

  .w-col-tiny-2 {
    width: 16.6667%
  }

  .w-col-tiny-3 {
    width: 25%
  }

  .w-col-tiny-4 {
    width: 33.3333%
  }

  .w-col-tiny-5 {
    width: 41.6667%
  }

  .w-col-tiny-6 {
    width: 50%
  }

  .w-col-tiny-7 {
    width: 58.3333%
  }

  .w-col-tiny-8 {
    width: 66.6667%
  }

  .w-col-tiny-9 {
    width: 75%
  }

  .w-col-tiny-10 {
    width: 83.3333%
  }

  .w-col-tiny-11 {
    width: 91.6667%
  }

  .w-col-tiny-12 {
    width: 100%
  }
}

.w-widget {
  position: relative
}

.w-widget-map {
  width: 100%;
  height: 400px
}

.w-widget-map label {
  width: auto;
  display: inline
}

.w-widget-map img {
  max-width: inherit
}

.w-widget-map .gm-style-iw {
  text-align: center
}

.w-widget-map .gm-style-iw>button {
  display: none !important
}

.w-widget-twitter {
  overflow: hidden
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden
}

.w-background-video>video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em
}

.w-background-video--control>[hidden] {
  display: none !important
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0
}

.w-slider-nav.w-round>div {
  border-radius: 100%
}

.w-slider-nav.w-num>div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
  box-shadow: 0 0 3px #3336
}

.w-slider-nav-invert {
  color: #fff
}

.w-slider-nav-invert>div {
  background-color: #2226
}

.w-slider-nav-invert>div.w-active {
  background-color: #222
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative
}

.w-slider-dot.w-active {
  background-color: #fff
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
  box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
  position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
  outline: 0
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}

.w-slider-force-show {
  display: block !important
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block
}

.w-dropdown-toggle:focus {
  outline: 0
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute
}

.w-dropdown-list.w--open {
  display: block
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block
}

.w-dropdown-link.w--current {
  color: #0082f3
}

.w-dropdown-link:focus {
  outline: 0
}

@media screen and (max-width:767px) {
  .w-nav-brand {
    padding-left: 10px
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute
}

.w-lightbox-view:before {
  content: "";
  height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block
}

.w-lightbox-figure {
  margin: 0;
  position: relative
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0
}

.w-lightbox-control {
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0
}

.w-lightbox-left {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
  display: none;
  bottom: 0;
  left: 0
}

.w-lightbox-right {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
  display: none;
  bottom: 0;
  right: 0
}

.w-lightbox-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
  background-size: 18px;
  height: 2.6em;
  right: 0
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate(0, 0)
}

.w-lightbox-active {
  opacity: .3
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%)
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px
}

.w-lightbox-hide {
  display: none
}

.w-lightbox-noscroll {
  overflow: hidden
}

@media (min-width:768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh
  }

  .w-lightbox-view,
  .w-lightbox-view:before {
    height: 96vh
  }

  .w-lightbox-group,
  .w-lightbox-group .w-lightbox-view,
  .w-lightbox-group .w-lightbox-view:before {
    height: 84vh
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh
  }

  .w-lightbox-left,
  .w-lightbox-right {
    opacity: .5;
    display: block
  }

  .w-lightbox-close {
    opacity: .8
  }

  .w-lightbox-control:hover {
    opacity: 1
  }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
  opacity: 0
}

.w-richtext:before,
.w-richtext:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-richtext:after {
  clear: both
}

.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
  white-space: initial
}

.w-richtext ol,
.w-richtext ul {
  overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
  outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0
}

.w-richtext figure {
  max-width: 60%;
  position: relative
}

.w-richtext figure>div:before {
  cursor: default !important
}

.w-richtext figure img {
  width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6
}

.w-richtext figure div {
  color: #0000;
  font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
  display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
  display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
  caption-side: bottom;
  display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
  width: 60%;
  height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
  width: 100%
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
  max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
  clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
  padding-bottom: inherit;
  display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
  display: block
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative
}

.w-nav:before,
.w-nav:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-nav:after {
  clear: both
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative
}

.w-nav-link.w--current {
  color: #0082f3
}

.w-nav-menu {
  float: right;
  position: relative
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important
}

.w--nav-link-open {
  display: block;
  position: relative
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
  width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
  width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative
}

.w-nav-button:focus {
  outline: 0
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
  display: none
}

.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
  display: block
}

.w--nav-dropdown-list-open {
  position: static
}

@media screen and (max-width:991px) {
  .w-nav[data-collapse=medium] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=medium] .w-nav-button {
    display: block
  }
}

@media screen and (max-width:767px) {
  .w-nav[data-collapse=small] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=small] .w-nav-button {
    display: block
  }

  .w-nav-brand {
    padding-left: 10px
  }
}

@media screen and (max-width:479px) {
  .w-nav[data-collapse=tiny] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=tiny] .w-nav-button {
    display: block
  }
}

.w-tabs {
  position: relative
}

.w-tabs:before,
.w-tabs:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-tabs:after {
  clear: both
}

.w-tab-menu {
  position: relative
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative
}

.w-tab-link.w--current {
  background-color: #c8c8c8
}

.w-tab-link:focus {
  outline: 0
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden
}

.w-tab-pane {
  display: none;
  position: relative
}

.w--tab-active {
  display: block
}

@media screen and (max-width:479px) {
  .w-tab-link {
    display: block
  }
}

.w-ix-emptyfix:after {
  content: ""
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
  display: none !important
}

.wf-layout-layout {
  display: grid
}

.w-code-component>* {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

:root {
  --black-2: transparent;
  --black: black;
  --white: white
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px
}

a {
  text-decoration: none
}

.block-quote {
  font-family: Andis, sans-serif;
  font-weight: 700
}

.grid {
  grid-column-gap: 46px;
  grid-row-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr 1fr
}

.heading {
  color: #fff;
  text-align: left;
  flex-flow: column;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  margin-top: 72px;
  margin-left: -162px;
  margin-right: auto;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-size: 30px;
  font-weight: 700;
  display: flex;
  position: static;
  overflow: visible
}

.body {
  color: #0000;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  display: flex
}

.body.background-color {
  cursor: default;
  background-color: #020202
}

.section {
  width: 1650px;
  height: 140px
}

.section-2 {
  width: 1320px;
  min-width: 70px;
  height: 0;
  min-height: 670px;
  max-height: 660px;
  padding-top: 0
}

.div-block {
  width: 1920px;
  min-width: 1080px
}

.video {
  width: auto;
  height: auto;
  min-height: 50px;
  margin-top: 0
}

.grid-2 {
  grid-column-gap: 6px;
  grid-row-gap: 200px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-top: 96px;
  display: grid
}

.video-2 {
  width: 690px;
  margin-top: -5px;
  margin-left: 8px
}

.section-3 {
  width: 1660px
}

.section-4 {
  width: 1160px;
  height: 720px;
  min-height: 0;
  margin: 733px auto 28px;
  padding-top: 0;
  padding-right: 0
}

.grid-3 {
  grid-column-gap: 20px;
  grid-row-gap: 23px;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: dense;
  width: 1190px;
  height: 500px;
  margin-bottom: 10px
}

.video-3 {
  margin-top: 0
}

.container {
  background-color: #5e5e5e
}

.navbar {
  background-color: #181818
}

.container-2 {
  background-color: #0c0c0c00;
  flex-direction: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  position: static
}

.navbar-2 {
  background-color: #0c0c0c;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Andis, sans-serif
}

.nav-link {
  z-index: 9999;
  color: #c57738;
  text-transform: none;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989);
  position: relative
}

.nav-link:hover {
  color: #fd8d34
}

.nav-link.w--current {
  color: #c57738
}

.nav-link.w--current:hover {
  color: #fd8d34
}

.nav-link.w--current:visited {
  text-decoration: underline
}

.nav-link-2 {
  z-index: 9999;
  color: #b86680;
  text-transform: none;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989)
}

.nav-link-2:hover {
  color: #ff637f
}

.nav-link-2.w--current {
  color: #b86680
}

.nav-link-2.w--current:hover {
  color: #ff637f
}

.nav-link-3 {
  z-index: 9999;
  color: #6d5685;
  text-transform: none;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989)
}

.nav-link-3:hover {
  color: #bc7cff;
  font-weight: 500
}

.nav-link-3.w--current {
  color: #6d5685
}

.nav-link-3.w--current:hover {
  color: #bc7cff
}

.nav-link-4 {
  z-index: 9999;
  color: #315a7c;
  text-transform: none;
  font-weight: 500;
  transition: color .2s ease-out
}

.nav-link-4:hover {
  color: #50a7f0
}

.nav-link-4.w--current {
  color: #315a7c
}

.nav-link-4.w--current:hover {
  color: #50a7f0
}

.image {
  z-index: 9999;
  opacity: 1;
  color: #fefaf7;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: 25px;
  margin: auto 400px auto auto;
  padding-left: 0;
  font-size: 0;
  display: block;
  position: relative;
  top: auto
}

.brand {
  width: auto;
  margin-top: 5px;
  margin-bottom: auto;
  position: static;
  top: auto;
  overflow: visible
}

.brand.w--current {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  display: flex
}

.showreel {
  width: auto;
  height: 817px;
  transition: opacity .5s cubic-bezier(1, .089, .854, .972);
  display: block
}

.columns {
  width: auto;
  height: 630px;
  min-height: 0
}

.play-showreel {
  z-index: auto;
  float: none;
  clear: none;
  opacity: 1;
  color: #fffffffa;
  text-align: center;
  white-space: normal;
  cursor: pointer;
  background-color: #2424244f;
  border: 0 solid #ffffff78;
  border-radius: 0;
  justify-content: center;
  align-items: flex-end;
  padding-left: 80px;
  padding-right: 21px;
  font-family: Andis, sans-serif;
  font-size: 13px;
  font-weight: 500;
  transition: background-color .2s cubic-bezier(.339, .036, .608, .995);
  display: block;
  position: absolute;
  inset: auto 0% 0%
}

.play-showreel:hover {
  background-color: #55555529
}

.play-showreel:active {
  opacity: 1;
  display: block;
  position: absolute;
  overflow: visible
}

.play-showreel:visited {
  opacity: 1
}

.position-button {
  text-align: center;
  margin-top: -110px;
  padding-top: 0;
  padding-left: 0;
  position: static;
  inset: 0%;
  overflow: visible
}

.section-5 {
  border: 1px solid #0f0f0f;
  height: auto;
  min-height: 900px;
  margin-top: 0
}

.grid-4 {
  grid-auto-flow: row
}

.featured-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column dense;
  min-height: 530px;
  margin-top: 153px;
  margin-bottom: 153px;
  display: block;
  transform: translate(0)
}

.grid-5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(200px, 1fr) 1fr;
  grid-auto-flow: column;
  min-height: 0
}

.heading-2 {
  color: #f3e5d5;
  margin-top: 18px;
  margin-bottom: 29px;
  padding-bottom: 0;
  font-family: Acaslonpro, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 400
}

.video-4 {
  margin-top: -11px
}

.paragraph {
  color: #f3e5d5;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Andis, sans-serif
}

.heading-3 {
  color: #ff9643;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 181px;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-weight: 400
}

.slider-1 {
  background-image: url(../64b119869623518eb701116f_Webflow Slider 4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  overflow: visible
}

.slide {
  height: auto;
  min-height: 0
}

.mask {
  height: auto
}

.slider-2 {
  background-color: #0f0f0f00;
  min-width: 0;
  height: auto;
  min-height: 0;
  max-height: 385px;
  margin-top: 0
}

.slide-nav {
  background-color: #0f0f0f00;
  border: 1px solid #0000;
  margin-top: 47px;
  font-size: 7px
}

.video-5 {
  float: none;
  clear: none;
  height: auto;
  min-height: auto;
  max-height: none
}

.container-3 {
  min-height: 60px;
  margin-top: 250px;
  margin-bottom: 250px
}

.video-6 {
  height: auto;
  max-height: 0
}

.heading-4 {
  color: #fffbf8;
  text-align: center;
  margin-bottom: 22px;
  font-family: Andis, sans-serif;
  font-size: 20px;
  font-weight: 400
}

.section-6 {
  height: auto;
  min-height: 1000px
}

.grid-6 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 237px 238px;
  grid-template-columns: minmax(200px, .5fr) minmax(200px, .5fr);
  grid-auto-flow: dense;
  align-content: space-around;
  height: 700px;
  min-height: 200px;
  margin-bottom: 0;
  padding: 100px 50px 50px
}

.section-7 {
  width: auto;
  min-width: auto;
  max-width: 1180px;
  height: 810px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto
}

.video-7 {
  margin-top: 0;
  margin-bottom: 0
}

.video-8 {
  min-height: auto;
  max-height: 370px;
  margin-top: 0;
  margin-bottom: 0
}

.column,
.column-2 {
  padding-left: 0;
  padding-right: 0
}

.container-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 600px;
  max-height: 600px;
  display: grid
}

.container-5 {
  height: 570px
}

.grid-7 {
  grid-column-gap: 30px;
  grid-row-gap: 30px
}

.heading-5 {
  color: #f2eeeb;
  text-align: center;
  font-family: Andis, sans-serif;
  font-weight: 400
}

.div-block-3 {
  background-color: #e2dfdc;
  height: 2px;
  max-height: none;
  margin-top: -20px;
  margin-bottom: 39px
}

.section-8 {
  height: 700px
}

.image-2 {
  margin-left: 360px;
  margin-right: 360px;
  display: inline-block
}

.navbar-3 {
  z-index: 1;
  opacity: 1;
  background-color: #080808;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  position: absolute;
  inset: 0% 0% auto
}

.container-6 {
  margin-top: 341px;
  padding-bottom: 1500px;
  overflow: visible
}

.image-3,
.image-3:hover {
  background-color: #fff
}

.div-block-4 {
  background-color: #0000
}

.text-block {
  opacity: 0;
  color: #fff;
  text-align: center;
  min-width: auto;
  min-height: auto;
  margin-top: -134px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s cubic-bezier(.427, .03, .614, .948);
  display: block
}

.text-block:hover {
  opacity: 1
}

.image-4 {
  opacity: 1;
  background-color: #6d568500;
  border-radius: 0;
  text-decoration: none;
  position: static
}

.image-4:hover {
  opacity: 0;
  background-color: #6d568500
}

.link-block {
  opacity: 1;
  background-color: #6d568500;
  text-decoration: none;
  transition: background-color .3s;
  position: static
}

.link-block:hover {
  background-color: #6d5685;
  background-image: linear-gradient(#6d5685, #6d5685)
}

.div-block-5 {
  opacity: 1;
  color: #000;
  background-color: #0000
}

.div-block-6 {
  background-color: #6d5685;
  padding-top: 0
}

.div-block-7 {
  background-color: #6d5685;
  position: absolute
}

.div-block-8 {
  position: relative
}

.div-block-9 {
  opacity: 1;
  background-color: #6d5685;
  background-image: none;
  position: absolute
}

.div-block-10 {
  opacity: 1;
  background-color: #6d5685;
  position: relative
}

.utility-page-wrap {
  background-color: #0e0e0e;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex
}

.div-block-11 {
  background-color: #000000d4;
  position: fixed;
  inset: 0%
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid
}

.div-block-12 {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #df1c1c;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: fixed;
  inset: 0%
}

.image-5 {
  filter: brightness(65%);
  transition: filter .5s cubic-bezier(.25, .1, .386, .995)
}

.image-5:hover {
  opacity: 1
}

.heading-6 {
  z-index: 1;
  float: none;
  clear: none;
  opacity: 0;
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  border-radius: 0;
  flex: 0 auto;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Andis, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 15px;
  display: block;
  position: absolute;
  overflow: hidden
}

.heading-6:hover {
  opacity: 1
}

.collection-item {
  display: block
}

.film {
  flex-flow: column wrap;
  place-content: center;
  align-items: center;
  display: flex
}

.services {
  background-color: #0f0f0f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 900px;
  display: flex
}

.slider-3 {
  height: 800px
}

.image-6 {
  position: absolute
}

.vision {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 650px;
  margin-top: auto;
  display: flex
}

.signature-bar {
  background-color: #050505;
  align-self: auto;
  width: 100%;
  height: 70px;
  margin-top: 50px;
  display: flex
}

.arrow-left {
  background-color: #0000;
  font-size: 19px
}

.slide-nav-2 {
  font-size: 7px
}

.slide-2 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed
}

.mask-2 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 0 0;
  background-size: cover
}

.slide-4 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 0 0;
  background-size: cover
}

.slide-5 {
  background-image: url(../64b119869623518eb701116e_Webflow Slider 2.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover
}

.icon {
  font-size: 19px
}

.paragraph-2 {
  color: #fff;
  text-align: center;
  font-family: Acaslon itaosf, sans-serif;
  font-weight: 400;
  position: static
}

.quote {
  direction: ltr;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 0;
  column-count: 0;
  white-space: normal;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Acaslon itaosf, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  position: static;
  top: auto
}

.quote.author {
  margin-top: 40px;
  font-family: Acaslon regsc, sans-serif;
  font-size: 15px;
  font-weight: 400;
  top: auto
}

.bold-text,
.bold-text-2 {
  font-style: normal
}

.slider {
  background-color: #000;
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover
}

.slider2 {
  background-color: #000;
  background-image: url(../64b119869623518eb701116e_Webflow Slider 2.jpg);
  background-position: 0 -70px;
  background-size: cover;
  position: static
}

.black-overlay {
  z-index: auto;
  opacity: .8;
  background-color: #0c0c0c;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
  position: fixed;
  inset: 0%;
  overflow: visible
}

.vimeo-showreel {
  z-index: auto;
  flex-flow: column wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  max-width: 60%;
  height: auto;
  max-height: 60%;
  margin-top: -138px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative
}

.showreel-reveal {
  z-index: auto;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: visible
}

.gradient {
  float: none;
  background-image: linear-gradient(233deg, #fff0 40%, #000);
  position: absolute;
  inset: 0%
}

.text-box {
  color: #fff;
  margin-top: 25px;
  margin-left: 173px;
  position: absolute;
  top: 210px;
  left: 53px
}

.slider-header {
  font-family: Acaslon semitaosf, sans-serif
}

.paragraph-3 {
  margin-right: 7px;
  padding-right: 1355px
}

.slider-short-text {
  text-align: left;
  margin-top: 74px;
  margin-bottom: auto;
  margin-right: -166px;
  font-family: Andis, sans-serif;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  inset: 0% auto 0% 0%
}

.coming-soon {
  color: #bb7cb9;
  margin-top: -83px;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  position: absolute;
  inset: 411px 0% 0%
}

.coming-soon.premiere {
  color: #739df1;
  margin-top: -94px;
  font-size: 15px
}

.coming-soon.india {
  margin-top: -94px
}

.line {
  color: #000;
  background-color: #729df1;
  max-width: 25px;
  min-height: 2px;
  max-height: 1px;
  margin-top: 0;
  margin-right: 8px;
  position: relative;
  top: 240px
}

.line.india-line {
  background-color: #bb7cb9
}

.button {
  color: #fff;
  background-color: #fff0;
  border: 5px solid #000;
  border-radius: 0;
  margin-top: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: fixed;
  inset: 10% 4% auto auto
}

.play-showreel-text {
  color: #fefaf7;
  text-align: center;
  align-self: center;
  margin-top: 10px
}

.body-2 {
  text-transform: lowercase;
  background-color: #020202;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  font-weight: 400;
  display: flex
}

.film-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2" ". .Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" ". .Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" ". .Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" ". .Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" /1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  place-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto 15px;
  display: flex
}

.vimeo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 85%;
  height: auto;
  margin: 0;
  display: flex
}

.div-block-13 {
  height: 400px
}

.heading-7 {
  color: #f5f1ef;
  background-color: #0000;
  margin-top: 169px
}

.heading-7.project-header {
  color: #f8efe9;
  text-align: left;
  text-transform: uppercase;
  flex-direction: row;
  align-self: flex-start;
  height: auto;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 0;
  font-family: Ade Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  position: static
}

.about-the-film {
  color: #f5f1ef;
  text-align: left;
  align-self: flex-start;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 300
}

.black-box {
  background-color: #111;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 190px;
  margin-top: 0;
  display: flex
}

.header-for-project {
  align-self: flex-start
}

.line-for-heading {
  background-color: #c25d6c;
  height: 2px;
  margin-top: -8px;
  margin-bottom: 46px
}

.summary {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 0;
  display: flex;
  position: static;
  top: auto;
  left: auto
}

.summary.client-details {
  margin-top: -219px;
  margin-left: 475px;
  padding-top: 0
}

.heading-about {
  color: #dbd8d5;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 8px;
  margin-left: 0;
  font-family: Andis, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
  position: static
}

.stills {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  place-items: center;
  width: 67%;
  height: 1000px;
  display: grid;
  position: relative
}

.stills-section {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template: "Area Area Area-2 Area-2" "Area Area Area-2 Area-2" "Area Area Area-2 Area-2" ". . . ." ". . . ." ". . . ." ". . . ." ". . . ." /1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 1140px;
  height: 900px;
  margin-top: auto;
  display: block;
  position: static
}

.image-7 {
  display: block
}

.stills-grid {
  float: none;
  clear: none;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
  position: static;
  overflow: visible
}

.div-block-14 {
  position: absolute;
  inset: 0% auto auto 0%
}

.brand-name {
  z-index: 1;
  margin-top: -1px;
  position: absolute;
  inset: 0% auto auto 16%
}

.image-8 {
  width: 64%;
  margin-top: 22px;
  margin-left: 0
}

.about {
  text-align: left;
  flex-direction: row;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 80%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: static;
  top: 0
}

.client-details {
  margin-left: -74px;
  padding-left: 0
}

.container-for-quote {
  margin-top: 0
}

.container-7 {
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  display: flex
}

.heading-8 {
  color: #f89797;
  text-transform: uppercase;
  font-family: Andis, sans-serif;
  font-size: 22px;
  font-weight: 500
}

.submit-button {
  background-color: #d65e5e;
  transition: background-color .2s
}

.submit-button:hover {
  background-color: #fa7575
}

.submit-button:active {
  background-color: #b84747
}

.div-block-15 {
  margin-top: 560px;
  position: absolute
}

.div-block-16 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static
}

.image-9 {
  background-color: #fff
}

.body-3 {
  background-color: #020202
}

.heading-9 {
  color: #f89797;
  text-align: center;
  text-transform: uppercase;
  font-family: Andis, sans-serif;
  font-size: 40px;
  font-weight: 700
}

.text-block-2 {
  color: #f6e1d0;
  text-align: center;
  cursor: pointer;
  margin-top: 15px;
  font-family: Andis, sans-serif;
  font-weight: 500;
  text-decoration: none
}

.heading-10 {
  color: #f89797;
  text-align: center;
  padding-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 70px;
  font-weight: 900
}

.body-4 {
  color: #0000;
  background-color: #020202;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex
}

.container-for-films {
  display: flex
}

.overview-of-films {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1500%;
  margin-top: 121px;
  display: flex
}

.all-films {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-auto-flow: row
}

.container-for-services {
  justify-content: space-between;
  width: 90%;
  max-width: 90%;
  padding-left: 5em;
  padding-right: 5rem;
  display: flex
}

.services-icon-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static
}

.serviceicon {
  opacity: .6;
  color: #a47eff;
  cursor: pointer;
  max-width: 190px;
  transition: opacity .25s
}

.serviceicon:hover {
  opacity: 1
}

.services-heading {
  color: #ff822e;
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  margin-bottom: auto;
  font-family: Andis, sans-serif;
  font-size: 13px;
  display: block
}

.services-heading.portraits-color {
  color: #ff5a76;
  margin-top: -10px;
  font-size: 13px
}

.services-heading.commercial-color {
  color: #7f58f9;
  margin-top: -10px;
  font-size: 13px
}

.services-heading.fiction-color {
  color: #2b8daf;
  margin-top: -10px;
  font-size: 13px
}

.link-block-2 {
  position: absolute
}

.mini-reels {
  flex: 0 auto;
  align-self: center;
  font-size: 14px;
  display: block;
  position: relative;
  overflow: visible
}

.heading-services {
  clear: none;
  color: #fefaf7;
  flex-flow: column;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: -143px;
  margin-bottom: auto;
  font-family: Acaslon regsc, sans-serif;
  font-size: 28px;
  font-weight: 400;
  display: flex;
  position: relative;
  inset: auto 0% 0%
}

.divider {
  background-color: #fffbf8;
  width: 100%;
  height: 1px;
  margin-top: 54px
}

.image-10 {
  margin-top: 32px
}

.collection-item-2 {
  height: 260px;
  position: static
}

.collection-list-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: auto;
  display: flex
}

.heading-11 {
  color: #f5f1ee;
  font-family: Andis, sans-serif
}

.collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  height: auto;
  margin-top: 0;
  display: grid
}

.video-9 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1140px;
  display: block
}

.project-name-reveal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.heading-12 {
  color: #fffbf8;
  text-transform: uppercase;
  margin-top: auto;
  font-family: Andis, sans-serif;
  font-size: 26px;
  display: none
}

.container-8 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.heading-13 {
  color: #fffbf8;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: auto;
  font-family: Andis, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  position: relative
}

.heading-13:hover {
  opacity: 1
}

.project-titles {
  z-index: 999999;
  opacity: 1;
  text-align: left;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  display: block;
  position: static;
  top: -28px
}

.project-titles.glocal-aid-title {
  opacity: 1;
  display: block
}

.project-link {
  align-self: auto
}

.div-block-17 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static
}

.reveal-heading {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  top: -173px
}

.thumbnail-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.project-header {
  z-index: 9999;
  float: none;
  clear: none;
  color: #a04040;
  flex-direction: row;
  flex: none;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  display: block;
  position: static;
  top: auto
}

.project-header.heading-7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: block
}

.collection-list-wrapper-3 {
  width: auto
}

.collection-item-3 {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: block
}

.lightbox-link {
  margin-top: 0
}

.section-for-stills {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: auto;
  display: flex
}

.quotes-section {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 700px;
  margin-top: 200px;
  margin-bottom: 200px;
  display: flex
}

.navbar-4 {
  display: block;
  position: absolute
}

.navbar-5 {
  background-color: #08080800;
  flex: 0 auto;
  width: 100%;
  height: 20%;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto
}

.collection-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: center;
  display: block
}

.image-11 {
  padding: 6px
}

.heading-7-copy {
  color: #f5f1ef;
  background-color: #0000;
  margin-top: 169px
}

.heading-7-copy.project-header {
  color: #fcede3;
  text-align: left;
  text-transform: uppercase;
  flex-direction: row;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: block;
  position: static
}

.video-10 {
  position: static
}

.featured-film {
  width: 1140px;
  height: 550px;
  margin-top: 144px;
  display: flex
}

.featured-project {
  height: auto;
  margin-top: 147px
}

.video-11 {
  height: auto;
  padding-bottom: 0
}

.signature {
  width: 100%;
  height: 200px;
  display: flex
}

.bottom-line {
  background-color: #070707;
  flex-direction: column;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: 22%;
  display: block;
  position: static
}

.title-for-projects {
  align-self: center;
  width: 1140px;
  height: 100px;
  margin-top: 152px;
  margin-bottom: 0
}

.heading-14 {
  color: #ff9038;
  font-family: Andis, sans-serif;
  font-size: 19px
}

.play-showreel-block {
  background-color: #2424244f;
  height: 40px;
  transition: background-color .23s cubic-bezier(.25, .1, .468, .96);
  display: block;
  position: absolute;
  inset: auto 0% 0%
}

.play-showreel-block:hover {
  background-color: #31313152
}

.play-showreel-text-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  font-family: Andis, sans-serif;
  font-weight: 500;
  display: flex
}

.grid-8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%
}

.videolink {
  background-image: url(../64b119869623518eb701116e_Webflow Slider 2.jpg), url(../../img/background-image.svg);
  background-position: 0 0, 0 0;
  background-size: cover, 125px;
  width: 100%;
  padding-top: 56.25%;
  position: relative
}

.testtittel {
  text-align: center
}

.tittelcontainer {
  z-index: 876;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .27s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}

.tittelcontainer:hover {
  z-index: 9999999;
  background-color: #00000080;
  background-image: none
}

.clwrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-self: stretch;
  width: 100%
}

.projectgrid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 7px;
  display: grid
}

.thumbnailoverlay {
  z-index: 875;
  background-color: #000000c2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0
}

.thumbnailoverlay:hover {
  background-color: red
}

.pagewrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: none;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 1320px;
  max-width: none;
  height: auto;
  margin-top: 147px;
  margin-bottom: 0;
  display: flex
}

.collection-item-4,
.div-block-18 {
  display: flex
}

.credits {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin: 500px auto 220px;
  display: block
}

.credits-block {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: auto;
  margin: 178px 0 0;
  display: block
}

.credits-image {
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100px;
  height: 100%;
  min-height: auto;
  padding-top: 334px;
  padding-left: 0;
  display: block
}

.credits-heading {
  align-self: flex-start;
  width: auto;
  height: auto
}

.credits-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  display: flex
}

.heading-15 {
  margin-top: 0;
  margin-bottom: 0
}

.text-block-3 {
  z-index: 999999;
  position: relative
}

.credits-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 30px;
  padding-bottom: 25px;
  display: block
}

.client-text {
  color: #fcede2;
  order: 1;
  align-self: flex-end;
  margin: 0;
  font-family: Andis, sans-serif;
  font-size: 15px
}

.project-details-title {
  color: #fcede2;
  margin: 0;
  font-family: Andis, sans-serif;
  font-weight: 700
}

.project-detail-line {
  background-color: #fbece1;
  width: 1px;
  height: 16px;
  margin-left: 17px;
  margin-right: 17px
}

.project-detail-line.crew-line {
  height: 16px
}

.project-detail-box {
  align-items: center;
  margin-top: 11px;
  margin-bottom: 11px;
  display: flex
}

.cast {
  color: #fcede2;
  margin: 0;
  font-family: Andis, sans-serif;
  font-weight: 700
}

.client,
.director,
.project-detail-box-copy {
  align-items: center;
  margin-top: 11px;
  margin-bottom: 11px;
  display: flex
}

.format-for-quote {
  direction: ltr;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 0;
  column-count: 0;
  white-space: normal;
  justify-content: center;
  align-items: center;
  width: 740px;
  height: 50px;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Acaslon itaosf, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  position: static;
  top: auto
}

.format-for-quote.author {
  margin-top: 40px;
  font-family: Acaslon regsc, sans-serif;
  font-size: 15px;
  font-weight: 400;
  top: auto
}

.author-of-quote {
  direction: ltr;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 0;
  column-count: 0;
  white-space: normal;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Acaslon itaosf, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  position: static;
  top: auto
}

.author-of-quote.author {
  margin-top: 40px;
  font-family: Acaslon regsc, sans-serif;
  font-size: 15px;
  font-weight: 400;
  top: auto
}

.project-detail-box-copy-copy,
.casting,
.crew,
.composer {
  align-items: center;
  margin-top: 11px;
  margin-bottom: 11px;
  display: flex
}

.director-text,
.crew-text,
.composer-text,
.casting-text {
  color: #fcede2;
  order: 1;
  align-self: flex-end;
  margin: 0;
  font-family: Andis, sans-serif;
  font-size: 15px
}

.screenwriter,
.cinematography {
  align-items: center;
  margin-top: 11px;
  margin-bottom: 11px;
  display: flex
}

.composer-text-copy,
.cinematography-text,
.screenwriter-text {
  color: #fcede2;
  order: 1;
  align-self: flex-end;
  margin: 0;
  font-family: Andis, sans-serif;
  font-size: 15px
}

.statement {
  background-color: #0c0c0c;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 390px;
  min-height: 390px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex
}

.format-for-statement {
  direction: ltr;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-indent: 0;
  text-transform: none;
  column-count: 0;
  white-space: normal;
  justify-content: center;
  align-items: center;
  width: 900px;
  height: 50px;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Andis, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  position: static;
  top: auto
}

.format-for-statement.author {
  margin-top: 40px;
  font-family: Acaslon regsc, sans-serif;
  font-size: 15px;
  font-weight: 400;
  top: auto
}

.author-of-statement {
  direction: ltr;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 0;
  column-count: 0;
  white-space: normal;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Acaslon itaosf, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  position: static;
  top: auto
}

.author-of-statement.author {
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Andis, sans-serif;
  font-size: 14px;
  font-weight: 400;
  top: auto
}

.producer,
.motion-graphics {
  align-items: center;
  margin-top: 11px;
  margin-bottom: 11px;
  display: flex
}

.screenwriter-text-copy,
.motion-graphics-text {
  color: #fcede2;
  order: 1;
  align-self: flex-end;
  margin: 0;
  font-family: Andis, sans-serif;
  font-size: 15px
}

.credits-image-div {
  background-image: url(../../img/background-image.svg);
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 60%;
  height: auto;
  min-height: auto;
  max-height: none;
  display: block;
  position: static;
  overflow: visible
}

.div-block-19,
.div-block-19-copy {
  height: 100px;
  min-height: 340px
}

.credits-image-3 {
  flex: 0 auto;
  order: -1;
  align-self: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  overflow: visible
}

.div-block-20 {
  height: auto;
  min-height: auto;
  margin-top: auto;
  margin-bottom: auto;
  position: static
}

.div-block-21 {
  background-image: url(../../img/background-image.svg);
  background-position: 0 0;
  background-size: auto;
  height: auto;
  min-height: auto
}

.div-block-22 {
  height: auto;
  min-height: auto;
  display: inline-block
}

.films {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: block
}

.film-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: stretch stretch;
  display: grid
}

.film-g {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  grid-template: "Area Area Area Area-2" "Area Area Area Area-2" "Area Area Area Area-2" "Area Area Area Area-2" "Area Area Area Area-2" "Area-3 Area-3 Area-4 Area-4" "Area-3 Area-3 Area-4 Area-4" "Area-3 Area-3 Area-4 Area-4" ". . . ." /1fr 1fr 1fr 1fr
}

.landing-page-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area Area Area Area Area Area Area Area Area" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  height: auto
}

.grid-box {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box.scale-box {
  background-image: none;
  width: 100%
}

.grid-box.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box.scale-box.picture2 {
  background-image: url(/64b119869623518eb7011333_Expriment_1.30.12.jpg);
  background-position: 0%;
  background-size: cover;
  height: 250px
}

.grid-box.scale-box.picture2.grid-box-pc {
  background-image: url(/64b119869623518eb7011386_Header.jpg);
  background-position: 50%;
  background-size: cover
}

.grid-box.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box.scale-box.picture4 {
  background-image: url(../64b119869623518eb701134b_Web 18.jpg);
  background-position: 50% 100%;
  background-size: cover;
  height: 250px;
  display: flex
}

.grid-box.scale-box.picture4.grid-box-pc {
  background-image: url(../64b119869623518eb7011392_Thumbs6.jpg);
  background-position: 0%;
  background-size: cover
}

.grid-box.scale-box.picture5 {
  background-image: url(/64b119869623518eb701131a_Director\'s%20Reel%202020.00_00_08_14.Still016.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box.scale-box.picture5.grid-box-pc {
  background-image: url(/64b119869623518eb7011372_Soderlund02.jpg);
  background-position: 30%;
  background-size: cover
}

.grid-box.scale-box.picture6 {
  background-image: url(/64b119869623518eb701131d_Director\'s%20Reel%202020.00_00_12_18.Still017.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box.scale-box.picture6.grid-box-pc {
  background-image: url(/64b119869623518eb701139f_Simon-4.jpg);
  background-position: 50%;
  background-size: cover
}

.grid-box-2 {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover;
  height: 400px;
  padding-bottom: 0
}

.grid-box-3 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50% 0;
  background-size: cover;
  height: 250px;
  padding-bottom: 0
}

.grid-box-4 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px;
  padding-bottom: 0
}

.grid-box-5 {
  background-image: url(/64b119869623518eb701116b_Screenshot%202019-07-07%20at%2013.53.50.png);
  background-position: 50% 0;
  background-size: cover;
  height: 250px;
  padding-bottom: 0
}

.grid-box-6 {
  background-image: url(../64b119869623518eb701116e_Webflow Slider 2.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px;
  padding-bottom: 0
}

.gradient-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 250px;
  min-height: auto;
  display: flex
}

.gradient-box.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.gradient-box.bigger {
  background-image: linear-gradient(45deg, #000000ba, #0000 10%);
  height: 100%
}

.gradient-box.showreel-box {
  width: 100%;
  height: 100%
}

.film-titles {
  color: #fffbf8;
  text-transform: none;
  flex: 0 auto;
  align-self: center;
  margin-top: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  position: static;
  top: 170px
}

.title-line {
  background-color: #fffbf8;
  width: 0;
  height: 15px;
  margin-right: 15px;
  padding-right: 2px
}

.title-line.taller-02 {
  height: 30px
}

.title-box {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.grid-box-2-1 {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.stills-from-films {
  height: auto
}

.collection-item-5 {
  object-fit: fill;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 150px;
  padding-left: 0;
  display: flex;
  position: static;
  overflow: visible
}

.collection-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: start;
  display: block
}

.body-5 {
  background-color: #020202;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  max-height: none;
  display: flex
}

.about_image {
  background-image: url(/64b119869623518eb7011198_46724876_10215804347680629_8273623281580376064_o.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none
}

.about_title {
  color: #f1e4db;
  width: auto;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 0;
  position: static
}

.about-text {
  height: 100%
}

.paragraph-4 {
  color: #fffbf8;
  height: auto;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Andis, sans-serif
}

.about_text {
  color: #fff;
  width: 100%;
  max-width: none;
  margin: 15px auto auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 400
}

.image-12 {
  height: 500px
}

.columns-2 {
  width: 900px;
  margin-left: 80px;
  margin-right: -143px
}

.image-13 {
  max-width: 60%;
  height: auto
}

.about_info {
  width: 31%;
  max-width: none;
  margin-left: auto;
  margin-right: auto
}

.pagewrapper-horisontal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: 750px;
  margin: auto;
  display: flex
}

.body-6 {
  background-color: #020202;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: visible
}

.body-7 {
  background-color: #020202
}

.body-8 {
  background-color: #080808;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.news-box {
  background-color: #141414;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  margin-top: 125px;
  margin-bottom: 125px;
  display: flex
}

.div-block-23 {
  width: 60%;
  height: 100%
}

.news-image {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  width: 60%;
  height: 100%
}

.pagewrapper-horisontal-news {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 0 auto;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: flex
}

.columns-3 {
  width: 10%
}

.news-text {
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 456px;
  height: 100%;
  display: flex
}

.title-and-text {
  align-self: auto;
  width: 330px;
  height: 80%
}

.news_title {
  color: #fffbf8;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-size: 22px;
  font-weight: 500;
  position: static
}

.paragraph-5,
.paragraph-5-copy {
  margin-top: 10px
}

.news_text {
  color: #fffbf8;
  height: auto;
  margin-top: 0;
  font-family: Andis, sans-serif;
  font-size: 17px
}

.news-box-2 {
  background-color: #141414;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  margin-top: 100px;
  display: flex
}

.news-image-2 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  width: 60%;
  height: 100%
}

.news-box-copy {
  background-color: #141414;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  margin-top: 125px;
  margin-bottom: 125px;
  display: flex
}

.news-article-02 {
  background-color: #141414;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  margin-top: 110px;
  margin-bottom: 110px;
  display: flex
}

.news-article-01 {
  background-color: #0c0c0c;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 500px;
  margin-top: auto;
  margin-bottom: 125px;
  display: flex
}

.news-article-3 {
  background-color: #141414;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  margin-top: 110px;
  margin-bottom: 110px;
  display: flex
}

.news-image-01 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  align-self: stretch;
  width: 60%;
  height: 100%;
  max-height: none
}

.news-image-copy {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  width: 60%;
  height: 100%
}

.news-image-02 {
  background-image: url(/64b119869623518eb7011156_Screenshot%202019-07-07%20at%2013.54.21.png);
  background-position: 50%;
  background-size: cover;
  width: 60%;
  height: 100%
}

.news-image-03 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  width: 60%;
  height: 100%
}

.grid-box-news {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-news.scale-box.picture {
  background-image: url(/64b119869623518eb701133e_Artboard%201.png);
  background-position: 50%;
  background-size: cover;
  display: none
}

.grid-box-news.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-news.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-news.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-news.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-news.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 250px
}

.link-block-3 {
  width: auto;
  height: auto
}

.highlight-box {
  grid-template-areas: "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5. . . . . ." "Area-5 Area-5 Area-5. . . . . ." "Area-5 Area-5 Area-5. . . . . ." ". . .Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" ". . .Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" ". . .Area-6 Area-6 Area-6 Area-2 Area-2 Area-2"
}

.body-9 {
  background-color: #020202;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.news-article-03 {
  background-color: #141414;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  margin-top: 110px;
  margin-bottom: 110px;
  display: flex
}

.div-block-24 {
  background-color: #181818
}

.social {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
  inset: auto 0% 0%
}

.social-icon-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1140px;
  max-width: none;
  height: 100%;
  margin: auto;
  display: flex
}

.social-icon-div {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 65px;
  display: flex
}

.image-14,
.image-15 {
  width: 100%;
  max-width: 80%
}

.image-16 {
  width: 100%;
  max-width: 70%
}

.image-17 {
  width: 100%;
  max-width: 80%
}

.image-18 {
  width: 100%;
  max-width: 70%
}

.link-block-4,
.link-block-5 {
  width: 50px;
  max-width: 50px;
  height: 50px;
  max-height: 50px
}

.link-block-6 {
  width: 50px;
  max-width: 50px;
  height: 50px;
  max-height: 40px;
  display: flex
}

.timetoriot-link {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50px;
  max-width: 21px;
  height: 50px;
  max-height: 21px;
  margin-left: 3px;
  margin-right: 2px;
  display: flex
}

.link-block-7 {
  width: 50px;
  max-width: 50px;
  height: 50px;
  max-height: 50px
}

.link-block-8 {
  width: 50px;
  max-width: 50px;
  height: 50px;
  max-height: 43px
}

.instagram-link,
.facebook-link {
  justify-content: center;
  align-items: center;
  width: 50px;
  max-width: 24px;
  height: 50px;
  max-height: 24px;
  margin-left: 0;
  margin-right: 2px;
  display: flex
}

.vimeo-link {
  justify-content: center;
  align-items: center;
  width: 50px;
  max-width: 24px;
  height: 50px;
  max-height: 21px;
  margin-left: 0;
  margin-right: 2px;
  display: flex
}

.behance-link {
  justify-content: center;
  align-items: center;
  width: 50px;
  max-width: 24px;
  height: 50px;
  max-height: 24px;
  margin-left: 0;
  margin-right: 2px;
  display: flex
}

.youtube-link {
  justify-content: center;
  align-items: center;
  width: 50px;
  max-width: 24px;
  height: 50px;
  max-height: 24px;
  margin-left: 0;
  margin-right: 3px;
  display: flex
}

.div-block-25 {
  height: 150px;
  position: static;
  inset: auto 0% 0%
}

.project-info {
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 1140px;
  height: auto;
  margin-top: 200px;
  margin-bottom: 200px;
  display: flex
}

.project-info-box {
  background-color: #141414;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-top: 110px;
  margin-bottom: 110px;
  display: flex
}

.project-info-image {
  clear: none;
  object-fit: cover;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: flex-start;
  width: 810px;
  min-width: auto;
  max-width: 100%;
  height: 100%;
  min-height: auto;
  max-height: 100%;
  display: block;
  position: static;
  overflow: visible
}

.news-text-copy {
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 456px;
  height: 100%;
  display: flex
}

.project-info-text {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: auto;
  height: 100%;
  display: flex
}

.project-title-and-text {
  object-fit: fill;
  background-color: #080808;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: auto;
  padding: 60px;
  display: block
}

.team-behind {
  color: #fff9f4;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Andis, sans-serif;
  font-size: 12px;
  font-weight: 100
}

.info-text {
  color: #fff9f4;
  text-align: center;
  max-width: none;
  height: auto;
  margin-top: auto;
  font-family: Andis, sans-serif;
  font-size: 13px;
  font-weight: 500
}

.about-project-title {
  color: #fff9f4;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: static
}

.image-19 {
  position: static
}

.project-image {
  min-height: auto
}

.bonus {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  display: flex
}

.slider-4 {
  width: 100%;
  height: 100%
}

.bts-stills {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex
}

.slider-5 {
  width: 100%;
  height: 500px;
  position: static
}

.mask-3 {
  position: static
}

.slide-nav-3 {
  font-size: 5px;
  position: static
}

.left-arrow {
  position: static
}

.right-arrow {
  margin-left: 0;
  margin-right: 0;
  position: static
}

.image-20 {
  max-width: 100%;
  margin: 0;
  padding-right: 0
}

.image-20-copy {
  object-fit: cover;
  flex: 0 auto;
  align-self: stretch;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding-right: 0;
  overflow: visible
}

.div-block-26 {
  background-color: #111;
  width: auto;
  height: auto
}

.pagewrapper-films {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  max-width: 100%;
  height: auto;
  margin-top: 3px;
  margin-bottom: auto;
  display: flex
}

.showreel-lightbox {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 70% 70%;
  background-size: cover
}

.showreel-lightbox.highlight-box {
  background-image: none
}

.showreel-lightbox.highlight-box-02 {
  background-image: none;
  height: 100%
}

.landing-page-links {
  width: 100%;
  height: 100%
}

.div-block-27 {
  position: static
}

.nav-menu {
  margin-left: auto;
  margin-right: 0;
  position: static
}

.pagewrapper-photography {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 0 auto;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: block
}

.grid-9 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.photography-portfolio {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  grid-template: "Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-35 Area-35 Area-35 Area-35 Area-35" "Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-35 Area-35 Area-35 Area-35 Area-35" "Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-35 Area-35 Area-35 Area-35 Area-35" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-4 Area-35 Area-35 Area-35 Area-35 Area-35" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-7 Area-7 Area-7 Area-7 Area-8 Area-8 Area-8 Area-8 Area-9 Area-9 Area-9 Area-9" "Area-7 Area-7 Area-7 Area-7 Area-8 Area-8 Area-8 Area-8 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14" "Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14" "Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14" "Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14" "Area-15 Area-15 Area-15 Area-15 Area-16 Area-16 Area-16 Area-16 Area-17 Area-17 Area-17 Area-17" "Area-15 Area-15 Area-15 Area-15 Area-16 Area-16 Area-16 Area-16 Area-17 Area-17 Area-17 Area-17" "Area-15 Area-15 Area-15 Area-15 Area-16 Area-16 Area-16 Area-16 Area-17 Area-17 Area-17 Area-17" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20" "Area-21 Area-21 Area-21 Area-21 Area-21 Area-21 Area-22 Area-22 Area-22 Area-22 Area-22 Area-22" "Area-21 Area-21 Area-21 Area-21 Area-21 Area-21 Area-22 Area-22 Area-22 Area-22 Area-22 Area-22" "Area-21 Area-21 Area-21 Area-21 Area-21 Area-21 Area-22 Area-22 Area-22 Area-22 Area-22 Area-22" "Area-23 Area-23 Area-23 Area-23 Area-24 Area-24 Area-24 Area-24 Area-25 Area-25 Area-25 Area-25" "Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26" "Area-27 Area-27 Area-27 Area-27 Area-27 Area-27 Area-28 Area-28 Area-28 Area-28 Area-28 Area-28" "Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29" "Area-30 Area-30 Area-30 Area-30 Area-31 Area-31 Area-31 Area-31 Area-32 Area-32 Area-32 Area-32" "Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33" "Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  place-content: start;
  align-self: stretch;
  display: grid
}

.portfolio-lightbox {
  width: 100%;
  height: 100%;
  display: block
}

.image-21 {
  max-width: 100%;
  display: inline-block
}

.image-22 {
  display: inline-block
}

.slider-6 {
  background-color: #0000;
  width: 100%;
  height: 400px;
  margin-top: 10px;
  margin-bottom: 16px
}

.slide-nav-4 {
  font-size: 4px;
  display: none;
  overflow: visible
}

.icon-3 {
  display: none;
  overflow: hidden
}

.icon-4 {
  display: none
}

.slide-6 {
  background-image: url(/64b119869623518eb70113ec_IMG_4651.jpg), url(/64b119869623518eb70113ee_Timberboys01.jpg);
  background-position: 0 -130px, 50% 26%;
  background-size: cover, cover
}

.slide-7 {
  background-image: url("/64b119869623518eb70113ed_DENZEL'O%20(72%20of%20110).jpg");
  background-position: 50% 20%;
  background-size: cover
}

.photo_element {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.div-block-28 {
  width: 100%;
  height: 80px;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: static
}

.statement-copy {
  background-color: #111;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 390px;
  min-height: 260px;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex
}

.about-text-01 {
  direction: ltr;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  text-transform: none;
  column-count: 0;
  white-space: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Andis, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
  position: static;
  top: auto
}

.about-text-01.author {
  margin-top: 40px;
  font-family: Acaslon regsc, sans-serif;
  font-size: 15px;
  font-weight: 400;
  top: auto
}

.format-for-statement-copy {
  direction: ltr;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 0;
  text-transform: uppercase;
  column-count: 0;
  white-space: normal;
  justify-content: center;
  align-items: center;
  width: 900px;
  height: 50px;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  position: static;
  top: auto
}

.format-for-statement-copy.author {
  margin-top: 40px;
  font-family: Acaslon regsc, sans-serif;
  font-size: 15px;
  font-weight: 400;
  top: auto
}

.team {
  direction: ltr;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 0;
  text-transform: uppercase;
  column-count: 0;
  white-space: normal;
  justify-content: center;
  align-items: center;
  width: 900px;
  height: 100%;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  display: flex;
  position: static;
  top: auto
}

.team.author {
  margin-top: 40px;
  font-family: Acaslon regsc, sans-serif;
  font-size: 15px;
  font-weight: 400;
  top: auto
}

.div-block-29 {
  background-image: url(../../img/background-image.svg);
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 200px
}

.about-box {
  background-color: #0c0c0c00;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 400px;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex
}

.quote-box {
  background-color: #0000;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 390px;
  min-height: 260px;
  margin-top: 0;
  margin-bottom: 15px;
  display: flex
}

.credit-box {
  background-color: #0000;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: flex
}

.gallery-box {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 85%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 15px;
  margin-bottom: auto;
  display: block
}

.collection-list-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: none;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  display: block
}

.collection-list-wrapper-4 {
  flex-direction: column;
  flex: none;
  order: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  display: flex;
  overflow: visible
}

.stillcinemascope {
  text-align: center;
  object-fit: contain;
  background-image: url(../../img/background-image.svg);
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  flex: none;
  order: 0;
  align-self: stretch;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 42.55%;
  padding-bottom: 0;
  position: static;
  overflow: visible
}

.still16x9 {
  text-align: center;
  object-fit: contain;
  background-image: url(../../img/background-image.svg);
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  flex: none;
  order: 0;
  align-self: stretch;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 56.25%;
  padding-bottom: 0;
  position: static;
  overflow: visible
}

.pagewrapper-project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: none;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  margin-top: auto;
  margin-bottom: 0;
  display: flex
}

.collection-list-5 {
  width: 100px;
  min-width: 100%;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
  display: block
}

.collection-list-wrapper-5 {
  width: 100%;
  max-width: 1440px
}

.btsimage {
  width: 100%;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
  position: relative
}

.bts-box {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 85%;
  max-width: 100%;
  height: 100%;
  min-height: auto;
  margin: 0 auto;
  display: flex
}

.image-23 {
  object-fit: fill;
  background-image: url(../../img/background-image.svg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
  display: inline-block
}

.photography-portfolio-v2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  grid-template: "Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-35 Area-35 Area-35 Area-35 Area-35" "Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-35 Area-35 Area-35 Area-35 Area-35" "Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-34 Area-35 Area-35 Area-35 Area-35 Area-35" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-4 Area-35 Area-35 Area-35 Area-35 Area-35" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-7 Area-7 Area-7 Area-7 Area-8 Area-8 Area-8 Area-8 Area-9 Area-9 Area-9 Area-9" "Area-7 Area-7 Area-7 Area-7 Area-8 Area-8 Area-8 Area-8 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-11 Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13 Area-13" "Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14" "Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14" "Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14" "Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14 Area-14" "Area-15 Area-15 Area-15 Area-15 Area-16 Area-16 Area-16 Area-16 Area-17 Area-17 Area-17 Area-17" "Area-15 Area-15 Area-15 Area-15 Area-16 Area-16 Area-16 Area-16 Area-17 Area-17 Area-17 Area-17" "Area-15 Area-15 Area-15 Area-15 Area-16 Area-16 Area-16 Area-16 Area-17 Area-17 Area-17 Area-17" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19 Area-19" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20" "Area-18 Area-18 Area-18 Area-18 Area-18 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20 Area-20" "Area-21 Area-21 Area-21 Area-21 Area-21 Area-21 Area-22 Area-22 Area-22 Area-22 Area-22 Area-22" "Area-21 Area-21 Area-21 Area-21 Area-21 Area-21 Area-22 Area-22 Area-22 Area-22 Area-22 Area-22" "Area-21 Area-21 Area-21 Area-21 Area-21 Area-21 Area-22 Area-22 Area-22 Area-22 Area-22 Area-22" "Area-23 Area-23 Area-23 Area-23 Area-24 Area-24 Area-24 Area-24 Area-25 Area-25 Area-25 Area-25" "Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26 Area-26" "Area-27 Area-27 Area-27 Area-27 Area-27 Area-27 Area-28 Area-28 Area-28 Area-28 Area-28 Area-28" "Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29 Area-29" "Area-30 Area-30 Area-30 Area-30 Area-31 Area-31 Area-31 Area-31 Area-32 Area-32 Area-32 Area-32" "Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33" "Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33 Area-33" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  place-content: start;
  align-self: stretch;
  display: grid
}

.title-box-ipad {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: none
}

.grid-box-news-ipad {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-news-ipad.scale-box.picture {
  background-image: url(/64b119869623518eb7011324_Director\'s%20Reel%202020.00_01_082_08.Still025.jpg);
  background-position: 27%;
  background-size: cover;
  display: flex
}

.grid-box-news-ipad.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-news-ipad.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-news-ipad.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-news-ipad.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-news-ipad.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 250px
}

.gradient-box-ipad {
  background-image: linear-gradient(45deg, #000000ba, #0000 68%);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-ipad.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.news-button {
  color: #f1e4db;
  text-align: left;
  background-color: #0000;
  margin: 10px auto 20px 0;
  padding: 0;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline
}

.grid-box-showreel {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-showreel.scale-box {
  background-image: none;
  width: 100%;
  height: 600px
}

.grid-box-showreel.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-showreel.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-showreel.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-showreel.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-showreel.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-showreel.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.grid-box-showreel-ipad {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-showreel-ipad.scale-box {
  background-image: none;
  width: 100%;
  display: none
}

.grid-box-showreel-ipad.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-showreel-ipad.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-showreel-ipad.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-showreel-ipad.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-showreel-ipad.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-showreel-ipad.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.gradient-box-showreel {
  background-image: linear-gradient(45deg, #000000ba, #0000 68%);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-showreel.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.title-box-showreel-ipad {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.left-link-block-pc {
  width: 100%;
  height: 100%
}

.grid-box-pc {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-pc.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-pc.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-pc.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-pc.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011365_Cereal%20Killer.jpg);
  background-position: 50%;
  height: 250px
}

.grid-box-pc.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-pc.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-pc.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.grid-box-pc.scale-box.picture3-copy {
  background-image: url(/64b119869623518eb7011345_Web%2005.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-ipad {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-ipad.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-ipad.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-ipad.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-ipad.scale-box.picture3 {
  background-image: url(/64b119869623518eb70112e0_C_W_-4.jpg);
  background-position: 50% 80%;
  height: 250px;
  display: none
}

.grid-box-ipad.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-ipad.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-ipad.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.gradient-box-2 {
  background-image: linear-gradient(45deg, #000000ba, #0000 68%);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-2.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.title-box-left-block {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.mid-block-link {
  width: 100%;
  height: 100%
}

.grid-box-mid-block-ipad {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-mid-block-ipad.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-mid-block-ipad.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-mid-block-ipad.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-mid-block-ipad.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-mid-block-ipad.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-mid-block-ipad.scale-box.picture5 {
  background-image: url(/64b119869623518eb70112e6_C_W_-40.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%;
  display: none
}

.grid-box-mid-block-ipad.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.gradient-box-01 {
  background-image: linear-gradient(45deg, #000000ba, #0000 68%);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-01.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.title-box-mid-block {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.right-block-link {
  width: 100%;
  height: 100%
}

.grid-box-ipad-right {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-ipad-right.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-ipad-right.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-ipad-right.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-ipad-right.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-ipad-right.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-ipad-right.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-ipad-right.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%;
  display: none
}

.title-box-right-block {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.gradient-box-right-block {
  background-image: linear-gradient(45deg, #000000ba, #0000 68%);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-right-block.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.right-bottom-block {
  width: 100%;
  height: 100%
}

.grid-box-bottom-right {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-bottom-right.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-bottom-right.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-bottom-right.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-bottom-right.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-bottom-right.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px;
  display: none
}

.grid-box-bottom-right.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-bottom-right.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.gradient-box-right-bottom {
  background-image: linear-gradient(45deg, #000000ba, #0000 68%);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-right-bottom.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.title-box-right-bottom {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.left-bottom-block {
  width: 100%;
  height: 100%
}

.grid-box-left-block {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-left-block.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-left-block.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-left-block.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px;
  display: none
}

.grid-box-left-block.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-left-block.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px;
  display: flex
}

.grid-box-left-block.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-left-block.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.gradient-box-left-bottom-block {
  background-image: linear-gradient(45deg, #000000ba, #0000 68%);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-left-bottom-block.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.title-box-left-bottom-block {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.logo-type {
  color: #f1e4db;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 500
}

.director-type {
  color: #f1e4db;
  text-transform: none;
  object-fit: fill;
  flex: 0 auto;
  order: 0;
  align-self: stretch;
  height: auto;
  max-height: none;
  margin-top: -23px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  overflow: visible
}

.logo-line {
  background-color: #fffbf8;
  width: 0;
  height: 20px;
  margin-right: 0;
  padding-right: 1px
}

.div-block-31 {
  flex-direction: row;
  display: flex
}

.director-title {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100.057%;
  height: auto;
  margin-top: 0;
  display: block
}

.section-9 {
  width: 100%;
  max-width: 2093%;
  height: 900px;
  margin-top: 115px
}

.div-block-32 {
  height: 500px
}

.contact-text {
  background-color: #0a0a0a;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 600px;
  margin-top: 5px;
  display: flex
}

.services-text {
  flex-direction: column;
  align-self: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-top: -10px;
  display: flex
}

.contact-title {
  color: #fffbf8;
  text-align: left;
  font-family: Andis, sans-serif;
  font-size: 26px;
  font-weight: 400
}

.services-info-text {
  color: #fffbf8;
  text-align: center;
  width: 70%;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 500
}

.contact-me {
  background-color: #0e0e0e;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 650px;
  display: none
}

.services-text-copy {
  width: 100%;
  max-width: 40%;
  height: auto
}

.contact-me-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 50%;
  height: auto;
  display: flex
}

.image-24 {
  width: auto;
  max-width: 20%
}

.city-image {
  width: 100%;
  max-width: 100%;
  height: 800px
}

.contact-me-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 30%;
  height: 100%;
  display: flex
}

.div-block-33 {
  margin-top: 25px
}

.contact-me-v2 {
  background-color: #0e0e0e;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  max-height: 100%;
  display: flex
}

.gradient-service-text {
  width: 100%;
  max-width: 100%
}

.gradient-for-services {
  background-image: linear-gradient(63deg, #000c 13%, #0000006e 38%, var(--black-2)78%);
  width: 100%;
  height: 100%;
  display: block
}

.button-2 {
  color: #fffbf8;
  background-color: #543769;
  border: 1px #000;
  border-radius: 20px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Andis, sans-serif;
  font-weight: 700
}

.contact-buttons {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex
}

.e-mail-button {
  transform: scale3d(1none, 1none, 1none);
  color: #e24661;
  transform-style: preserve-3d;
  background-color: #0000;
  border: 1px #000;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Andis, sans-serif;
  font-weight: 700;
  transition: transform .3s
}

.e-mail-button:hover {
  color: #e24661;
  background-color: #0000;
  transform: scale(1.03)
}

.phone-button {
  color: #7f58f9;
  background-color: #0000;
  border: 1px #000;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Andis, sans-serif;
  font-weight: 700;
  transition: transform .3s
}

.phone-button:hover {
  color: #7f58f9;
  background-color: #0000;
  transform: scale(1.03)
}

.button-2-copy {
  color: #fffbf8;
  background-color: #543769;
  border: 1px #000;
  border-radius: 20px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Andis, sans-serif;
  font-weight: 700
}

.message-in-a-bottle {
  color: #fffbf8;
  background-color: #0082b9;
  border: 1px #000;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Andis, sans-serif;
  font-weight: 700;
  transition: transform .3s cubic-bezier(.602, .003, .515, .962)
}

.message-in-a-bottle:hover {
  background-color: #0082b9;
  transform: scale(1.03)
}

.carrier-pidgeon {
  color: #ff8629;
  text-transform: none;
  background-color: #0000;
  border: 1px #000;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Andis, sans-serif;
  font-weight: 700;
  transition: transform .3s
}

.carrier-pidgeon:hover {
  background-color: #0000;
  transform: scale(1.03)
}

.carrier-pidgeon:active {
  background-color: #ff8629
}

.contact-buttons-title {
  color: #fffbf8;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Ade Display, sans-serif;
  font-size: 20px;
  font-weight: 500
}

.grid-10 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.portfolio-photography {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-content: end;
  place-items: stretch stretch;
  width: 100%;
  height: auto
}

.lightbox-link-2 {
  background-image: url();
  background-position: 50% 100%;
  background-size: cover
}

.image-25 {
  object-fit: fill;
  width: 100%;
  max-width: none
}

.portfolio-lightbox-01 {
  object-fit: none;
  background-image: url();
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: visible
}

.portfolio-lightbox-02 {
  object-fit: contain;
  background-image: url();
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: auto
}

.portfolio-lightbox-03 {
  object-fit: contain;
  background-image: url();
  background-position: 50%;
  background-size: cover;
  width: 500px;
  min-width: 100%;
  height: 500px;
  min-height: 100%
}

.portfolio-lightbox-04 {
  object-fit: contain;
  background-image: url();
  background-position: 0 0;
  background-size: cover;
  height: 100%;
  min-height: 100%
}

.image-26 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%
}

.lightbox-link-3 {
  display: block
}

.portfolio-image {
  height: auto
}

.image-27 {
  width: 100%;
  max-width: 70%
}

.video-12 {
  width: 100%;
  height: 100%;
  position: relative
}

.container-for-credits {
  height: 100%;
  margin-top: 0
}

.container-for-about {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  display: flex
}

.section-10 {
  background-color: #070707;
  height: 710px;
  margin: auto;
  position: static
}

.navbar-6 {
  background-color: #8a525200;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: auto;
  padding-top: 20px;
  padding-bottom: 20px
}

.navbar-7 {
  margin-top: 0
}

.image-28 {
  width: 43%;
  margin-left: auto;
  margin-right: 40px
}

.div-block-35 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static
}

.body-10 {
  background-color: #020202
}

.background-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: static
}

.contact-me-center-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50%;
  height: 100%;
  display: flex
}

.contact-me-box-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 50%;
  height: auto;
  display: flex
}

.contact-title-2 {
  color: #fffbf8;
  text-align: left;
  align-self: flex-start;
  margin: auto auto auto 0;
  font-family: Andis, sans-serif;
  font-size: 24px;
  font-weight: 500
}

.services-info-text-2 {
  color: #f1e4db;
  text-align: left;
  width: 100%;
  margin-top: -5px;
  margin-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 300
}

.logo-type-class {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 23px;
  font-weight: 500
}

.director-type-class {
  color: #fff;
  text-transform: none;
  object-fit: fill;
  flex: 0 auto;
  order: 0;
  align-self: stretch;
  height: auto;
  max-height: none;
  margin-top: -23px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 300;
  overflow: visible
}

.navbar-8 {
  background-color: #020202;
  border: 1px solid #020202;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px
}

.nav-link-v2 {
  z-index: 9999;
  color: #c57738;
  text-transform: none;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989);
  position: relative
}

.nav-link-v2:hover {
  color: #fd8d34
}

.nav-link-v2.w--current {
  color: #c57738
}

.nav-link-v2.w--current:hover {
  color: #fd8d34
}

.nav-link-v2.w--current:visited {
  text-decoration: underline
}

.films-01 {
  z-index: 9999;
  color: #e6e6e6;
  text-transform: none;
  font-family: Andis, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989);
  position: relative
}

.films-01:hover {
  color: #8b5fff
}

.films-01.w--current {
  color: #c57738
}

.films-01.w--current:hover {
  color: #fd8d34
}

.films-01.w--current:visited {
  text-decoration: underline
}

.photography-02 {
  z-index: 9999;
  color: #db4962;
  text-transform: none;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989);
  position: relative
}

.photography-02:hover {
  color: #f8607a
}

.photography-02.w--current {
  color: #db4962
}

.photography-02.w--current:hover {
  color: #f8607a
}

.photography-02.w--current:visited {
  color: #f8607a;
  text-decoration: none
}

.about-02 {
  z-index: 9999;
  color: #7f58f9;
  text-transform: none;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989);
  position: relative
}

.about-02:hover {
  color: #a785ff;
  text-decoration: none
}

.about-02:visited {
  color: #a684ff
}

.about-02.w--current {
  color: #7f58f9;
  font-size: 13px
}

.about-02.w--current:hover {
  color: #9d7af8
}

.about-02.w--current:visited {
  color: #8b5fff;
  text-decoration: none
}

.contact-02 {
  z-index: 9999;
  color: #2b8daf;
  text-transform: none;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989);
  position: relative
}

.contact-02:hover {
  color: #4fb8dd
}

.contact-02:visited,
.contact-02.w--current {
  color: #2b8daf
}

.contact-02.w--current:hover {
  color: #41b8e2
}

.contact-02.w--current:active {
  color: #2b8daf
}

.contact-02.w--current:visited {
  color: #2b8daf;
  text-decoration: none
}

.nav-menu-4 {
  background-color: #000
}

.film-titles-01 {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: auto;
  font-family: Ade Display, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  position: relative
}

.film-titles-01:hover {
  opacity: 1
}

.skeleton {
  color: #0000;
  background-color: #020202;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  display: flex
}

.skeleton.background-color {
  cursor: default;
  background-color: #000000
}

.section-11 {
  background-color: #000000;
  width: 100%;
  max-width: 1140px;
  height: 320px;
  margin: 10px auto;
  position: static
}

.div-block-36 {
  width: 100%;
  height: 100%
}

.about-paragraph {
  width: 80%;
  height: 100%
}

.about-images {
  flex: 1;
  align-self: auto
}

.image-30 {
  width: auto;
  max-width: 48%;
  margin-right: 40px;
  display: block
}

.film-titles-01-other {
  color: #fffbf8;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: auto;
  font-family: Andis, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: none;
  position: relative
}

.film-titles-01-other:hover {
  opacity: 1
}

.title-line-copy {
  background-color: #fffbf8;
  width: 0;
  height: 15px;
  margin-right: 15px;
  padding-right: 2px
}

.title-line-copy.taller {
  height: 30px
}

.image-31 {
  width: 2.7%;
  max-width: 100%;
  margin-right: 10px
}

.play-showreel-icon {
  width: 2%;
  max-width: 100%;
  margin-right: 10px;
  font-size: 16px
}

.play-showreel-icon-ipad {
  width: 2.7%;
  max-width: 100%;
  margin-right: 10px
}

.nhc {
  background-image: url();
  background-position: 50%;
  background-size: cover;
  align-self: stretch;
  width: 60%;
  height: 100%;
  max-height: none
}

.audience {
  background-image: url();
  background-position: 50%;
  background-size: cover;
  align-self: stretch;
  width: 60%;
  height: 100%;
  max-height: none
}

.experiment-image-rack {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  display: flex
}

.image-32 {
  flex: 0 auto;
  align-self: stretch;
  width: auto;
  max-width: 1140px;
  height: auto;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px
}

.experiment_bts_photo_1 {
  background-image: url();
  background-position: 0 0;
  background-size: cover;
  width: 40%;
  height: 500px;
  margin-top: 7px;
  margin-left: 0;
  margin-right: 7px
}

.video-13 {
  margin-bottom: 7px
}

.experiment_bts_photo_2 {
  background-image: url(/64b119869623518eb701133a_6.jpg);
  background-position: 0 0;
  background-size: cover;
  width: 40%;
  height: 500px;
  margin: 7px
}

.experiment_bts_photo_3 {
  background-image: url(/64b119869623518eb7011334_4.jpg);
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 500px;
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 0
}

.experiment-image-rack-1,
.experiment-image-rack-2 {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  display: flex
}

.experiment_bts_photo_4,
.experiment_bts_photo_5 {
  background-image: url(/64b119869623518eb7011335_2.jpg);
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 700px;
  margin: 7px 0
}

.experiment-image-rack-3 {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex
}

.experiment_bts_photo_6 {
  background-image: url(/64b119869623518eb7011339_1.jpg);
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 700px;
  margin: 7px 0
}

.experiment-info-box {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  display: flex
}

.experiment_bts_photo_3-copy {
  background-image: url(/64b119869623518eb7011334_4.jpg);
  background-position: 0 0;
  background-size: cover;
  width: 40%;
  height: 500px;
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 0
}

.experiment_text_box {
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 300px;
  margin: auto;
  display: flex
}

.lightbox-link-4 {
  background-image: url(/64b119869623518eb7011334_4.jpg);
  background-position: 0 0;
  background-size: cover;
  width: 40%;
  height: 500px
}

.title-line-taller {
  background-color: #fffbf8;
  width: 0;
  height: 15px;
  margin-right: 15px;
  padding-right: 2px
}

.title-line-taller.taller-02 {
  height: 30px
}

.contact-form {
  background-color: #020202;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700px;
  display: none
}

.contact-form-text {
  color: #eae6e3;
  margin-top: 10px;
  font-family: Andis, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.contact-form-field-1 {
  border-radius: 0;
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Andis, sans-serif;
  font-weight: 500
}

.submit-button-2 {
  background-color: #543769;
  border-radius: 7px;
  margin-top: 5px;
  font-family: Andis, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .4s
}

.submit-button-2:hover {
  background-color: #6e488a
}

.contact-form-field-2 {
  border-radius: 0;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Andis, sans-serif;
  font-weight: 500
}

.contact-form-message {
  border-radius: 0;
  padding: 8px 8px 125px;
  font-family: Andis, sans-serif;
  font-weight: 500
}

.form-block {
  width: 25%
}

.text-block-5 {
  color: #f6f2ef;
  padding-left: 0;
  padding-right: 0;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 700
}

.error-message {
  background-color: #e24661;
  border-radius: 7px;
  margin-top: 20px;
  padding: 8px 12px
}

.section-13 {
  max-width: none;
  height: 100%;
  min-height: 500px;
  margin-top: auto;
  margin-bottom: auto
}

.section-14 {
  background-color: #0a0a0a;
  min-width: 1140px;
  max-width: 100%;
  min-height: 600px;
  margin-top: 3px;
  margin-bottom: auto
}

.background-video-2 {
  width: 100%;
  height: auto;
  min-height: 400px
}

.showreel-bg {
  width: 100%;
  height: auto;
  min-height: 600px
}

.grid-box-showreel-ipad-2 {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-showreel-ipad-2.scale-box {
  background-image: none;
  width: 100%;
  display: none
}

.grid-box-showreel-ipad-2.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-showreel-ipad-2.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-showreel-ipad-2.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-showreel-ipad-2.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-showreel-ipad-2.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-showreel-ipad-2.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.gradient-box-ipad-showreel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-ipad-showreel.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.title-box-ipad-showreel {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.text-block-6 {
  opacity: .5;
  color: #fff;
  font-family: Andis, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: block
}

.ipad-gridbox {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.ipad-gridbox.scale-box {
  background-image: none;
  width: 100%
}

.ipad-gridbox.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.ipad-gridbox.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.ipad-gridbox.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011342_Web%2003.jpg);
  background-position: 100%;
  height: 250px;
  display: none
}

.ipad-gridbox.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.ipad-gridbox.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.ipad-gridbox.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.ipad-gridbox.scale-box.picture3-copy {
  background-image: url(/64b119869623518eb7011345_Web%2005.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.gradient-box-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-copy.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.gradient-box-ipad-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-ipad-2.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.grid-box-ipad-8 {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-ipad-8.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-ipad-8.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-ipad-8.scale-box.picture2 {
  background-image: url(/64b119869623518eb7011333_Expriment_1.30.12.jpg);
  background-position: 0%;
  background-size: cover;
  height: 250px
}

.grid-box-ipad-8.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-ipad-8.scale-box.picture4 {
  background-image: url(../64b119869623518eb701134b_Web 18.jpg);
  background-position: 50% 100%;
  background-size: cover;
  height: 250px;
  display: none
}

.grid-box-ipad-8.scale-box.picture5 {
  background-image: url(/64b119869623518eb701131a_Director\'s%20Reel%202020.00_00_08_14.Still016.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-ipad-8.scale-box.picture6 {
  background-image: url(/64b119869623518eb701131d_Director\'s%20Reel%202020.00_00_12_18.Still017.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.gradient-box-ipad8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-ipad8.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.grid-box-ipad10 {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-ipad10.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-ipad10.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-ipad10.scale-box.picture2 {
  background-image: url(/64b119869623518eb7011333_Expriment_1.30.12.jpg);
  background-position: 0%;
  background-size: cover;
  height: 250px
}

.grid-box-ipad10.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-ipad10.scale-box.picture4 {
  background-image: url(../64b119869623518eb701134b_Web 18.jpg);
  background-position: 50% 100%;
  background-size: cover;
  height: 250px;
  display: flex
}

.grid-box-ipad10.scale-box.picture5 {
  background-image: url(/64b119869623518eb701131a_Director\'s%20Reel%202020.00_00_08_14.Still016.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%;
  display: none
}

.grid-box-ipad10.scale-box.picture6 {
  background-image: url(/64b119869623518eb701131d_Director\'s%20Reel%202020.00_00_12_18.Still017.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.gradient-box-ipad10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-ipad10.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.grid-box-11 {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-11.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-11.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-11.scale-box.picture2 {
  background-image: url(/64b119869623518eb7011333_Expriment_1.30.12.jpg);
  background-position: 0%;
  background-size: cover;
  height: 250px
}

.grid-box-11.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-11.scale-box.picture4 {
  background-image: url(../64b119869623518eb701134b_Web 18.jpg);
  background-position: 50% 100%;
  background-size: cover;
  height: 250px;
  display: flex
}

.grid-box-11.scale-box.picture5 {
  background-image: url(/64b119869623518eb701131a_Director\'s%20Reel%202020.00_00_08_14.Still016.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-11.scale-box.picture6 {
  background-image: url(/64b119869623518eb701131d_Director\'s%20Reel%202020.00_00_12_18.Still017.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%;
  display: none
}

.gradient-box-11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-11.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.grid-box-12 {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-12.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-12.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-12.scale-box.picture2 {
  background-image: url(/64b119869623518eb7011333_Expriment_1.30.12.jpg);
  background-position: 0%;
  background-size: cover;
  height: 250px;
  display: none
}

.grid-box-12.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-12.scale-box.picture4 {
  background-image: url(../64b119869623518eb701134b_Web 18.jpg);
  background-position: 50% 100%;
  background-size: cover;
  height: 250px;
  display: flex
}

.grid-box-12.scale-box.picture5 {
  background-image: url(/64b119869623518eb701131a_Director\'s%20Reel%202020.00_00_08_14.Still016.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-12.scale-box.picture6 {
  background-image: url(/64b119869623518eb701131d_Director\'s%20Reel%202020.00_00_12_18.Still017.jpg);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.gradient-box-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-12.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.grid-box-111 {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-111.scale-box {
  background-image: none;
  width: 100%
}

.grid-box-111.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-111.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-111.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011342_Web%2003.jpg);
  background-position: 100%;
  height: 250px
}

.grid-box-111.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-111.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-111.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.grid-box-111.scale-box.picture3-copy {
  background-image: url(/64b119869623518eb7011345_Web%2005.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px;
  display: none
}

.gradient-box-111 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex
}

.gradient-box-111.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.stockholm {
  background-image: url(/64b119869623518eb701134c_Stockholm.jpg);
  background-position: 50% 60%;
  background-size: 160%;
  align-self: stretch;
  width: 60%;
  height: 100%;
  max-height: none
}

.music-video {
  background-image: url(/64b119869623518eb7011344_Web%2001.jpg);
  background-position: 50%;
  background-size: cover;
  align-self: stretch;
  width: 60%;
  height: 100%;
  max-height: none
}

.kind {
  background-image: url(/64b119869623518eb701134d_ED.jpg);
  background-position: 50%;
  background-size: cover;
  align-self: stretch;
  width: 60%;
  height: 100%;
  max-height: none
}

.bts-video-box {
  background-color: #0c0c0c00;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 85%;
  height: 0%;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 15px;
  display: flex;
  overflow: scroll
}

.reels-info-1 {
  background-color: #0c0c0c;
  background-image: url(../64b119869623518eb701116f_Webflow Slider 4.jpg);
  background-position: 50%;
  background-size: cover
}

.reels-info-01 {
  background-image: url(/64b119869623518eb701135e_Music%20Video.jpg);
  background-position: 0 20%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 10px;
  margin-bottom: 10px
}

.reels-info-02 {
  background-image: url(/64b119869623518eb7011366_Bridges.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px
}

.reels-info-03 {
  background-image: url(/64b119869623518eb7011363_Commercial%204.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 10px;
  margin-bottom: 10px
}

.reels-info-04 {
  background-image: url(/64b119869623518eb701135f_Fiction.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px
}

.gradient-reels-01,
.gradient-reels-02,
.gradient-reels-03,
.gradient-for-services-copy,
.gradient-reels-04 {
  background-image: linear-gradient(63deg, #000c, #0000006e 27%, var(--black-2)58%);
  width: 100%;
  height: 100%;
  display: block
}

.reels-info-text,
.contact-me-center-2-copy,
.reels-info-text-02 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50%;
  height: 100%;
  display: flex
}

.contact-me-box-2-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 50%;
  height: auto;
  display: flex
}

.reels-info-text-001 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 50%;
  height: auto;
  display: flex
}

.reels-info-text-002 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 50%;
  height: auto;
  display: flex
}

.reels-info-text-03 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50%;
  height: 100%;
  display: flex
}

.reels-info-text-003 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 50%;
  height: auto;
  display: flex
}

.reels-info-text-04 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50%;
  height: 100%;
  display: flex
}

.reels-info-text-004 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 50%;
  height: auto;
  display: flex
}

.reels-info-01-m {
  background-image: url(/64b119869623518eb7011344_Web%2001.jpg);
  background-position: 0 20%;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  height: 500px;
  display: none
}

.reels-info-02-m {
  background-image: url(/64b119869623518eb701131d_Director\'s%20Reel%202020.00_00_12_18.Still017.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  height: 500px;
  display: none
}

.reels-info-03-m {
  background-image: url(/64b119869623518eb701134a_Web%2015.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  height: 500px;
  display: none
}

.reels-info-04-m {
  background-image: url(/64b119869623518eb7011331_Porcelain_-2.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  height: 500px;
  display: none
}

.gradient-reels-01-m {
  background-image: linear-gradient(63deg, #000c, #0000006e 27%, var(--black-2)58%);
  width: 100%;
  height: 100%;
  display: block
}

.reels-info-text-001-m {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 50%;
  height: auto;
  display: flex
}

.title-box-m {
  align-items: center;
  width: 100%;
  margin-bottom: 27px;
  padding-bottom: 0;
  padding-left: 30px;
  display: flex
}

.body-11 {
  background-color: #020202
}

.landing-page-grid02,
.landing-page-grid-copy,
.landing-page-grid-04 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area Area Area Area Area Area Area Area Area" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  height: auto
}

.grid-box-showreel-02 {
  background-image: url(../64b119869623518eb701116d_Thumbnail James.jpg);
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  height: 400px;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  display: flex
}

.grid-box-showreel-02.scale-box {
  background-image: none;
  width: 100%;
  height: 500px
}

.grid-box-showreel-02.scale-box.picture {
  background-image: url(../64b119869623518eb701114f_Screenshot 2019-07-07 at 13.54.10.png);
  background-position: 50%;
  background-size: cover
}

.grid-box-showreel-02.scale-box.picture2 {
  background-image: url(../64b119869623518eb7011171_Webflow Slider 1.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-showreel-02.scale-box.picture3 {
  background-image: url(/64b119869623518eb7011153_Screenshot%202019-07-07%20at%2013.55.03.png);
  background-position: 50% 80%;
  height: 250px
}

.grid-box-showreel-02.scale-box.picture4 {
  background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
  background-position: 50%;
  background-size: cover;
  height: 250px
}

.grid-box-showreel-02.scale-box.picture5 {
  background-image: url(/64b119869623518eb7011151_Screenshot%202019-07-07%20at%2013.54.43.png);
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.grid-box-showreel-02.scale-box.picture6 {
  background-image: url(/64b119869623518eb701114e_Screenshot%202019-07-07%20at%2013.54.16.png);
  background-position: 50%;
  height: 100%
}

.showreel-bg-02 {
  width: 100%;
  height: auto;
  min-height: 600px
}

.films-02 {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: block
}

.films-copy,
.films-03 {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: block
}

.div-block-37 {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto
}

.landing-page-grid-05 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area Area Area Area Area Area Area Area Area" /1fr;
  height: auto
}

.landing-page-grid-06 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  height: auto
}

.gradient-box-02 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  background-image: linear-gradient(45deg, #000000ba, #0000 45%);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 600px;
  min-height: auto;
  display: flex
}

.gradient-box-02.gradient-adjustment {
  background-image: linear-gradient(45deg, #000000f0 12%, #fff0 53%)
}

.landing-page-grid-phone {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area Area Area Area Area Area Area Area Area" /1fr;
  height: auto
}

.landing-page-grid-08 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  height: auto
}

.films-07 {
  width: 95%;
  margin-top: 0;
  margin-bottom: 0
}

.landing-page-grid-phone-02 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area Area Area Area Area Area Area Area Area" /1fr;
  height: auto
}

.background-video-3 {
  width: 100%;
  height: 100%
}

.gradient-for-services-02 {
  background-image: linear-gradient(63deg, #000c, #0000006e 23%, var(--black-2)78%);
  width: 100%;
  height: 100%;
  display: block
}

.landing-page-grid-phone-03 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "Area Area Area Area Area Area Area Area Area" /1fr;
  height: auto
}

.reels-info-00 {
  background-image: url(/64b119869623518eb70113c1_Simon%20Tonev.jpg);
  background-position: 50% 55%;
  background-size: cover;
  width: 90%;
  min-width: auto;
  max-width: none;
  height: 650px;
  margin-top: auto;
  margin-bottom: auto
}

.services-title-01 {
  color: #f1e4db;
  text-transform: uppercase;
  align-self: flex-start;
  width: 100%;
  margin-top: auto;
  margin-bottom: 15px;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  position: static
}

.pagewrapper-horisontal-about {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: 1140px;
  max-width: 56%;
  height: 100%;
  min-height: 840px;
  margin: auto;
  display: flex
}

.columns-4 {
  align-self: center;
  width: 100%;
  min-width: 1140px;
  max-width: 70px;
  margin-left: auto;
  margin-right: auto
}

.column-3 {
  padding-left: 0;
  padding-right: 0
}

.column-3.spacing {
  padding-left: 20px;
  padding-right: 20px;
  left: auto;
  right: auto
}

.column-4 {
  padding-left: 0;
  padding-right: 0
}

.column-4.spacing {
  padding-left: 20px;
  padding-right: 20px
}

.column-5 {
  padding-left: 0;
  padding-right: 0
}

.reels-info-00-m {
  background-image: url(/64b119869623518eb7011352_About1.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: 100%;
  height: 750px;
  margin-top: auto;
  margin-bottom: 50px;
  display: none
}

.div-block-38 {
  background-image: url(/64b119869623518eb7011353_about.png);
  background-position: 50% 30%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block
}

.clickable-circle {
  background-image: url(/64b119869623518eb7011353_about.png);
  background-position: 50% 23%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block
}

.lightbox-link-5 {
  width: 100%;
  height: 100%
}

.body-12 {
  background-color: #020202;
  justify-content: center;
  align-items: center;
  display: flex
}

.upcoming-projects {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: flex
}

.upcoming-info-box {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex
}

.upcoming-images {
  flex-direction: column;
  align-items: flex-start;
  width: 1140px;
  max-width: 100%;
  margin-top: 60px;
  display: flex
}

.upcoming-text {
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 29%;
  height: 100%;
  margin: 60px auto;
  display: flex
}

.video-14 {
  margin-top: 0;
  position: static
}

.about-me-vignette {
  background-image: linear-gradient(63deg, #000c, #0000006e 0%, var(--black-2)40%);
  width: 100%;
  height: 100%;
  display: block
}

.about-me-vignette-ipad {
  background-image: linear-gradient(63deg, #000c, #0000006e 27%, var(--black-2)58%);
  width: 100%;
  height: 100%;
  display: block
}

.image-33 {
  margin-top: 10px
}

.image-34,
.image-35,
.image-36,
.image-37,
.image-38,
.image-39,
.image-40,
.image-41 {
  margin-top: 20px
}

.cereal-killer-images-01,
.cereal-killer-images-02,
.cereal-killer-images-03,
.cereal-killer-images-04,
.cereal-killer-images-05,
.cereal-killer-images-06,
.cereal-killer-images-07,
.cereal-killer-images-08,
.standal-image-01,
.standal-image-02,
.standal-image-03,
.standal-image-04,
.standal-image-05,
.standal-image-06,
.standal-image-07,
.standal-image-06-copy {
  margin-bottom: 20px
}

.upcoming-info-box-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 60px;
  display: flex
}

.soderlund-images-01,
.cereal-killer-images-02-copy,
.soderlund-images-02,
.soderlund-images-03,
.soderlund-images-04,
.soderlund-images-05 {
  margin-bottom: 20px
}

.soderlund {
  background-image: url(/64b119869623518eb7011371_Soderlund05.jpg);
  background-position: 100%;
  background-size: 160%;
  align-self: stretch;
  width: 60%;
  height: 100%;
  max-height: none
}

.cereal-killer {
  background-image: url(/64b119869623518eb7011365_Cereal%20Killer.jpg);
  background-position: 10%;
  background-size: 160%;
  align-self: stretch;
  width: 60%;
  height: 100%;
  max-height: none
}

.soderlund-images-06 {
  margin-bottom: 20px
}

.news-reel-01 {
  background-image: url(/64b119869623518eb70113c2_OTRA%20-%20Web-2.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 0;
  margin-bottom: 10px
}

.news-reel-gradient {
  background-image: linear-gradient(83deg, #000, #fff0 88%);
  width: 100%;
  height: 100%;
  display: block
}

.news-reel-02 {
  background-image: url(/64b119869623518eb7011342_Web%2003.jpg);
  background-position: 0%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 0;
  margin-bottom: 10px
}

.news-reel-gradient-2 {
  background-image: linear-gradient(83deg, #000, #fff0 49%);
  width: 100%;
  height: 100%;
  display: block
}

.news-reel-03 {
  background-image: url(/64b119869623518eb701134a_Web%2015.jpg);
  background-position: 50% 100%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 0;
  margin-bottom: 10px
}

.news-reel-gradient-3 {
  background-image: linear-gradient(83deg, #000 1%, #fff0 75%);
  width: 100%;
  height: 100%;
  display: block
}

.news-reel-04 {
  background-image: url(/64b119869623518eb701134d_ED.jpg);
  background-position: 50% 80%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 0;
  margin-bottom: 10px
}

.news-reel-05 {
  background-image: url(/64b119869623518eb7011394_Thumb9.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 0;
  margin-bottom: 10px
}

.news-reel-gradient-4 {
  background-image: linear-gradient(83deg, #000, #fff0 88%);
  width: 100%;
  height: 100%;
  display: block
}

.showreel-title {
  color: #fffbf8;
  text-transform: none;
  flex: 0 auto;
  align-self: center;
  margin-top: 2px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-family: Ade Display, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: static;
  top: 170px
}

.news-reel-gradient-phone {
  background-image: linear-gradient(83deg, #000 1%, #fff0 58%);
  width: 100%;
  height: 100%;
  display: block
}

.news-reel-gradient-phone.news-reel-gradient-phone-small {
  background-image: linear-gradient(83deg, #000, #fff0 59%)
}

.news-reel-gradient-phone-2 {
  background-image: linear-gradient(83deg, #000 1%, #fff0 46%);
  width: 100%;
  height: 100%;
  display: block
}

.news-reel-gradient-phone-3,
.news-reel-gradient-phone-4,
.news-reel-gradient-phone-5 {
  background-image: linear-gradient(83deg, #000, #fff0 88%);
  width: 100%;
  height: 100%;
  display: block
}

.news-reel-gradient-phone-small {
  background-image: linear-gradient(83deg, #000 1%, #fff0 82%);
  width: 100%;
  height: 100%;
  display: block
}

.about-page-collection-1,
.about-page-collection-2 {
  background-image: url(/64b119869623518eb701139a_About%20Me%204.jpg);
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  min-width: 1140px;
  max-width: 100%;
  height: 650px;
  margin-top: 10px;
  margin-bottom: auto
}

.about-me-pictures-1 {
  background-image: url(/64b119869623518eb70113e4_OTRA-Web--10.jpg);
  background-position: 100%;
  background-size: cover;
  width: 75%;
  min-width: auto;
  max-width: none;
  height: 500px;
  margin: 10px auto
}

.about-me-pictures-2 {
  background-image: url(/64b119869623518eb70113c3_OTRA%20-%20Web-3.jpg);
  background-position: -90px 80%;
  background-size: 110%;
  width: 75%;
  min-width: auto;
  max-width: none;
  height: 500px;
  margin: 10px auto
}

.about-me-pictures-3 {
  background-image: url(/64b119869623518eb701139b_About%20Me%203.jpg);
  background-position: 0 20%;
  background-size: cover;
  width: 75%;
  min-width: auto;
  max-width: none;
  height: 500px;
  margin: 10px auto
}

.based-in {
  color: #f1e4db;
  text-align: left;
  width: 100%;
  margin-top: -5px;
  margin-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 300
}

.contact-title-2-copy {
  color: #fffbf8;
  text-align: left;
  align-self: flex-start;
  margin: auto auto auto 0;
  font-family: Andis, sans-serif;
  font-size: 24px;
  font-weight: 500
}

.based-in-title {
  color: #f1e4db;
  text-align: left;
  text-transform: uppercase;
  align-self: flex-start;
  margin: auto auto auto 0;
  font-family: Ade Display, sans-serif;
  font-size: 20px;
  font-weight: 500
}

.phone-button-copy {
  color: #fffbf8;
  background-color: #543769;
  border: 1px #000;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Andis, sans-serif;
  font-weight: 700;
  transition: transform .3s
}

.phone-button-copy:hover {
  background-color: #543769;
  transform: scale(1.03)
}

.message-in-a-bottle-2 {
  color: #2b8daf;
  background-color: #0000;
  border: 1px #000;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Andis, sans-serif;
  font-weight: 700;
  transition: transform .3s
}

.message-in-a-bottle-2:hover {
  color: #2b8daf;
  background-color: #0000;
  transform: scale(1.03)
}

.milestones-01 {
  z-index: 9999;
  color: #d3702e;
  text-transform: none;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 500;
  transition: color .2s cubic-bezier(.468, .071, .45, .989);
  position: relative
}

.milestones-01:hover {
  color: #ff8f44
}

.milestones-01.w--current {
  color: #ee7b2e;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px
}

.milestones-01.w--current:hover {
  color: #ff9852
}

.milestones-01.w--current:visited {
  color: #a684ff;
  text-decoration: none
}

.heading-16 {
  color: #f8efe1;
  text-transform: uppercase;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  font-family: Andis, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px
}

.container-for-bts-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: auto;
  min-height: auto;
  margin: 40px auto 60px;
  display: block
}

.news-reel-06 {
  background-image: url(/64b12025cdc6cdb36f704269_DJ_Website-7.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 0;
  margin-bottom: 10px
}

.news-reel-07 {
  background-image: url(/64b119869623518eb70113bc_teft2.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 0;
  margin-bottom: 10px
}

.services-info-text-2-black {
  color: #000;
  text-align: left;
  width: 100%;
  margin-top: -5px;
  margin-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 17px;
  font-weight: 300
}

.services-title-01-black {
  color: #000;
  text-transform: uppercase;
  align-self: flex-start;
  width: 100%;
  margin-top: auto;
  margin-bottom: 15px;
  padding-left: 0;
  font-family: Andis, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  position: static
}

.reels-info-text-001-teft {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 50%;
  height: auto;
  display: flex
}

.news-button-black {
  color: #f1e4db;
  text-align: left;
  background-color: #0000;
  margin: 10px auto 20px 0;
  padding: 0;
  font-family: Andis, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline
}

.about-me-pictures-4 {
  background-image: url(/64b119869623518eb70113d7_OTRA-Web--19.jpg);
  background-position: 0 20%;
  background-size: cover;
  width: 75%;
  min-width: auto;
  max-width: none;
  height: 500px;
  margin: 10px auto
}

.about-me-pictures-5 {
  background-image: url(/64b119869623518eb70113c2_OTRA%20-%20Web-2.jpg);
  background-position: 0 20%;
  background-size: cover;
  width: 65%;
  min-width: auto;
  max-width: none;
  height: 500px;
  margin: 10px auto
}

.about-me-pictures-6 {
  background-image: url(/64b119869623518eb70113c5_simon%26sofie.jpg);
  background-position: 0 20%;
  background-size: cover;
  width: 65%;
  min-width: auto;
  max-width: none;
  height: 500px;
  margin: 10px auto
}

.gradient-reels-01-sofie {
  background-image: linear-gradient(63deg, #000c, #0000005c 0%, var(--black-2)21%);
  width: 100%;
  height: 100%;
  display: block
}

.pagewrapper-horisontal-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: 750px;
  margin: auto;
  display: flex
}

.about-me-pictures-7 {
  background-image: url(/64b119869623518eb70113c6_simontonev.jpg);
  background-position: 50%;
  background-size: cover;
  width: 40%;
  min-width: auto;
  max-width: none;
  height: 500px;
  margin: 10px auto;
  display: flex
}

.pagewrapper-horisontal-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: 600px;
  margin: auto;
  display: flex
}

.about-me-pictures-8 {
  width: 75%;
  min-width: auto;
  max-width: none;
  height: 480px;
  margin: 10px auto
}

.pagewrapper-horisontal-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: 750px;
  margin: auto;
  display: flex
}

.pagewrapper-horisontal-6,
.pagewrapper-horisontal-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  margin: auto;
  display: flex
}

.video-15 {
  position: relative
}

.bts-video-box-2 {
  background-color: #0c0c0c00;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 85%;
  height: 0%;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 15px;
  display: flex;
  overflow: scroll
}

.container-for-bts-text-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: auto;
  min-height: auto;
  margin: 40px auto 60px;
  display: block
}

.news-reel-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: 50px 50px;
  grid-template-columns: .25fr .25fr;
  grid-auto-columns: 50px;
  place-items: stretch stretch;
  width: 100%;
  min-width: 1140px;
  max-width: none;
  height: 2000px;
  margin-top: auto;
  margin-bottom: 10px;
  display: grid
}

.div-block-40 {
  background-image: url(/64b12025d8bd3f76603aacfb_DJ_Website-5.jpg);
  background-position: 20%;
  background-size: cover;
  width: 100%
}

.div-block-41 {
  background-image: url(/64b12025a66be20bb660ead6_DJ_Website-3.jpg);
  background-position: 50% 80%;
  background-size: cover;
  width: 100%
}

.div-block-42 {
  background-image: url(/64b12025ac248f8f0c2ff023_DJ_Website-6.jpg);
  background-position: 50% 70%;
  background-size: cover;
  width: 100%
}

.text1 {
  flex-flow: column wrap;
  place-content: flex-start space-around;
  align-items: flex-start;
  width: 20%;
  margin: auto auto auto 0;
  display: flex
}

.text-block-7 {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  margin-left: 0;
  font-family: Ade Display, sans-serif;
  font-size: 19px
}

.paragraph-6 {
  color: #fff;
  width: 99%;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Andis, sans-serif;
  font-size: 16px
}

.dj-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: none;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: none;
  height: auto;
  margin-top: 140px;
  margin-bottom: 140px;
  display: flex
}

.portfolio-photography-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-content: end;
  place-items: stretch stretch;
  width: 100%;
  height: auto
}

.dj-wrapper-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-content: end;
  place-items: stretch stretch;
  width: 100%;
  height: auto;
  margin-top: 100px;
  display: flex
}

.dj-header {
  background-image: url(/64b12025cdc6cdb36f704269_DJ_Website-7.jpg);
  background-position: 50%;
  background-size: cover;
  width: 90%;
  min-width: 1140px;
  max-width: none;
  height: 650px;
  margin-top: 0;
  margin-bottom: 0
}

.div-block-43 {
  width: 100%;
  height: auto
}

.dj-wrapper-text-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-content: end;
  place-items: center stretch;
  width: 30%;
  height: auto;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
  display: flex
}

.html-embed {
  width: 90%;
  margin-left: auto;
  margin-right: auto
}

.image-45 {
  max-width: 60%;
  margin-left: 40px;
  margin-right: 40px
}

.div-block-44 {
  width: 100%;
  height: auto;
  margin-left: 60px;
  margin-right: 60px
}

.div-block-45 {
  background-image: url(/64b12025d8bd3f76603aacfb_DJ_Website-5.jpg);
  background-position: 0 0;
  background-size: cover;
  width: 4000px;
  height: 560px
}

.dj-pic {
  background-image: url(/64b12025d8bd3f76603aacfb_DJ_Website-5.jpg);
  background-position: 50% 90%;
  background-size: cover;
  width: 3000px;
  height: 450px;
  margin-right: 60px
}

.image-46 {
  width: 100%;
  max-width: none;
  height: 100%
}

.dj-pics {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: none;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: none;
  height: auto;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0;
  display: flex
}

.dj-pic-2 {
  background-image: url(/64b12025a66be20bb660ead6_DJ_Website-3.jpg);
  background-position: 50% 100%;
  background-size: cover;
  flex-direction: row;
  align-items: center;
  width: 60%;
  height: 400px;
  margin-left: 0;
  margin-right: auto;
  display: flex
}

.dj-pics-2,
.dj-pics-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: none;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: none;
  height: auto;
  margin-top: 140px;
  margin-bottom: 0;
  margin-right: 0;
  display: flex
}

.dj-pic-3 {
  background-image: url(/64b12025ac248f8f0c2ff023_DJ_Website-6.jpg);
  background-position: 50% 100%;
  background-size: cover;
  flex-direction: row;
  align-items: center;
  width: 720px;
  height: 470px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 0;
  display: flex
}

.dj-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: none;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: none;
  height: auto;
  margin-top: 60px;
  margin-bottom: 140px;
  display: flex
}

.dj-pic-22 {
  background-image: url(/64b12025a66be20bb660ead6_DJ_Website-3.jpg);
  background-position: 0 100%;
  background-size: cover;
  width: 3000px;
  height: 450px;
  margin-right: 60px
}

.dj-pic-23 {
  background-image: url(/64b12025ac248f8f0c2ff023_DJ_Website-6.jpg);
  background-position: 50% 100%;
  background-size: cover;
  width: 3000px;
  height: 450px;
  margin-right: 60px
}

.dj-wrapper-1-phone {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: none;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: none;
  height: auto;
  margin-top: 140px;
  margin-bottom: 140px;
  display: none
}

.dj-wrapper-2-phone,
.dj-wrapper-3-phone {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: none;
  grid-template: "Area" /.75fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: none;
  height: auto;
  margin-top: 60px;
  margin-bottom: 140px;
  display: none
}

@media screen and (min-width:1280px) {
  .film-box {
    width: 85%
  }

  .container-for-services {
    width: 90%;
    max-width: 90%
  }

  .gradient-box.showreel-box {
    width: 100%
  }

  .pagewrapper-films {
    width: 90%;
    max-width: 100%;
    height: auto
  }

  .gallery-box,
  .bts-box {
    width: 80%
  }

  .grid-box-showreel.scale-box {
    height: 650px
  }

  .contact-text {
    background-color: #0a0a0a;
    margin-top: 5px
  }

  .services-text {
    margin-top: 0
  }

  .services-info-text {
    font-size: 17px
  }

  .city-image {
    height: 800px
  }

  .gradient-for-services {
    height: 100%
  }

  .contact-buttons {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0
  }

  .e-mail-button {
    color: #e24661;
    background-color: #0000
  }

  .e-mail-button:hover {
    background-color: #0000
  }

  .phone-button {
    color: #7f58f9;
    background-color: #0000
  }

  .phone-button:hover {
    background-color: #0000
  }

  .carrier-pidgeon {
    color: #ff822e;
    background-color: #0000
  }

  .carrier-pidgeon:hover {
    background-color: #0000
  }

  .contact-buttons-title {
    margin-top: auto;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500
  }

  .photography-02 {
    color: #cc5266
  }

  .photography-02:hover {
    color: #ff6a83
  }

  .about-02 {
    color: #7f66cc
  }

  .contact-02.w--current:hover {
    color: #2b8daf
  }

  .play-showreel-icon {
    width: 1.3%
  }

  .form-block {
    width: 25%
  }

  .section-14 {
    background-color: #0a0a0a
  }

  .showreel-bg {
    min-height: 650px
  }



  .gradient-reels-01-m {
    height: 100%
  }

  .films-07 {
    width: 90%
  }

  .gradient-for-services-02 {
    height: 100%
  }

 

  .news-reel-01 {
    height: 700px
  }

  .news-reel-gradient {
    height: 100%
  }

  .news-reel-02 {
    height: 700px
  }

  .news-reel-gradient-2 {
    height: 100%
  }

  .news-reel-03 {
    height: 700px
  }

  .news-reel-gradient-3 {
    height: 100%
  }

  .news-reel-04,
  .news-reel-05 {
    height: 700px
  }

  .news-reel-gradient-4,
  .news-reel-gradient-phone,
  .news-reel-gradient-phone-2,
  .news-reel-gradient-phone-3,
  .news-reel-gradient-phone-4,
  .news-reel-gradient-phone-5,
  .news-reel-gradient-phone-small {
    height: 100%
  }

  .about-page-collection-1,
  .about-page-collection-2 {
    background-image: url(/64b119869623518eb701136a_Simon%20Tonev%20Web.jpg);
    background-position: 50% 100%;
    background-size: cover;
    height: 700px
  }

  .about-me-pictures-1,
  .about-me-pictures-2,
  .about-me-pictures-3 {
    height: 540px
  }

  .message-in-a-bottle-2 {
    color: #2b8daf;
    background-color: #0000
  }

  .message-in-a-bottle-2:hover {
    background-color: #0082b900
  }

  .news-reel-06 {
    background-position: 50% 80%;
    background-size: cover;
    height: 700px
  }

  .news-reel-07 {
    background-position: 40%;
    height: 700px
  }

  

  .gradient-reels-01-sofie {
    height: 100%
  }

  .about-me-pictures-7 {
    height: 540px
  }

  .about-me-pictures-8 {
    height: 470px
  }

  .pagewrapper-horisontal-4 {
    min-height: 650px
  }

  .bts-video-box-2 {
    width: 80%
  }

  .news-reel-9 {
    background-position: 210px 12%;
    height: 700px
  }

  .dj-header {
    background-position: 50% 80%;
    background-size: cover;
    height: 700px
  }
}

@media screen and (min-width:1440px) {
  .film-box {
    width: 85%
  }

  .container-for-services {
    width: 80%;
    max-width: 90%
  }

  .serviceicon {
    max-width: 180px
  }

  .films {
    width: 1140px;
    margin-top: 10px;
    margin-bottom: auto
  }

  .landing-page-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
  }

  .gradient-box {
    height: 250px
  }

  .gradient-box.bigger {
    height: 100%
  }

  .pagewrapper-horisontal {
    min-height: 910px
  }

  .pagewrapper-films {
    width: 90%;
    max-width: 100%;
    margin-top: 5px
  }

  .about-box {
    margin-top: 40px;
    margin-bottom: 40px
  }

  .gallery-box {
    width: 75%;
    margin-left: auto;
    margin-right: auto
  }

  .pagewrapper-project {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: none
  }

  .bts-box {
    width: 80%
  }

  .grid-box-showreel.scale-box {
    height: 700px
  }

  .contact-text {
    background-color: #0a0a0a
  }

  .services-info-text {
    width: 58%;
    font-size: 17px
  }

  .city-image {
    height: 800px
  }

  .play-showreel-icon {
    width: 1.3%
  }

  .form-block {
    width: 25%
  }

  .section-14 {
    background-color: #0a0a0a
  }

  .showreel-bg {
    min-height: 700px
  }

  .bts-video-box {
    width: 80%
  }

  .reels-info-1 {
    background-color: #0c0c0c
  }

  .reels-info-01,
  .reels-info-02,
  .reels-info-03,
  .reels-info-04 {
    height: 800px
  }

  .landing-page-grid02 {
    grid-template: "Area Area Area Area Area Area Area Area Area" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
  }

  .landing-page-grid-copy {
    grid-template: "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-2 Area-2 Area-2" /1fr
  }

  .landing-page-grid-04 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
  }

  .grid-box-showreel-02.scale-box {
    height: 400px
  }

  .showreel-bg-02 {
    min-height: 400px
  }

  .films-02,
  .films-copy {
    width: 1140px;
    margin-top: 10px;
    margin-bottom: auto
  }

  .films-03 {
    width: auto;
    margin-top: 10px;
    margin-bottom: auto
  }

  .div-block-37 {
    width: 100%;
    margin-top: auto
  }

  .landing-page-grid-05 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
  }

  .landing-page-grid-06 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7"
  }

  .landing-page-grid-phone {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
  }

  .landing-page-grid-08 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7"
  }

  .films-07 {
    width: 90%;
    margin-top: auto
  }

  .landing-page-grid-phone-02,
  .landing-page-grid-phone-03 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
  }

  .reels-info-00 {
    background-image: url(/64b119869623518eb70113c1_Simon%20Tonev.jpg);
    background-position: 100% 54%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 660px;
    margin-left: auto;
    margin-right: auto;
    display: flex
  }

  .pagewrapper-horisontal-about {
    min-height: 910px
  }



  .upcoming-projects {
    width: auto;
    margin-top: 10px;
    margin-bottom: auto
  }


  .news-reel-02,
  .news-reel-03,
  .news-reel-04,
  .news-reel-05 {
    height: 800px
  }

  .showreel-title {
    font-size: 15px
  }

  .about-page-collection-1,
  .about-page-collection-2 {
    background-image: url(/64b119869623518eb701136a_Simon%20Tonev%20Web.jpg);
    background-position: 50%;
    height: 800px
  }

  .about-me-pictures-1,
  .about-me-pictures-2,
  .about-me-pictures-3 {
    height: 610px
  }

  .news-reel-06 {
    background-image: url(/64b119869623518eb70113ba_cdance.jpg);
    background-position: 40px 10%;
    background-size: cover;
    height: 800px
  }

  .news-reel-07 {
    background-image: url(/64b119869623518eb70113bc_teft2.jpg);
    background-position: -100px;
    background-size: cover;
    height: 800px
  }

  .about-me-pictures-4,
  .about-me-pictures-5,
  .about-me-pictures-6 {
    height: 610px
  }

  .pagewrapper-horisontal-2 {
    min-height: 780px
  }

  .about-me-pictures-7 {
    height: 610px
  }

  .pagewrapper-horisontal-3 {
    min-height: 910px
  }

  .about-me-pictures-8 {
    height: 540px
  }

  .pagewrapper-horisontal-4 {
    min-height: 760px
  }

  .pagewrapper-horisontal-6,
  .pagewrapper-horisontal-7 {
    min-height: 910px
  }

  .bts-video-box-2 {
    width: 80%
  }

  .news-reel-9 {
    background-image: url(/64b119869623518eb70113ba_cdance.jpg);
    background-position: 40px 10%;
    background-size: cover;
    height: 800px
  }

  .paragraph-6 {
    width: 78%
  }

  .dj-wrapper {
    height: 100%
  }

  .dj-header {
    background-image: url(/64b12025cdc6cdb36f704269_DJ_Website-7.jpg);
    background-position: 50% 90%;
    background-size: cover;
    width: 90%;
    min-width: auto;
    height: 730px
  }

  .dj-pic {
    width: 270%;
    height: 600px
  }

  .dj-pics {
    height: 100%
  }

  .dj-pic-2 {
    width: 600px;
    height: 370px
  }

  .dj-pics-2,
  .dj-pics-3 {
    height: 100%
  }

  .dj-pic-3 {
    width: 600%;
    height: 370px
  }

  .dj-wrapper-2 {
    height: 100%
  }

  .dj-pic-22,
  .dj-pic-23 {
    width: 270%;
    height: 600px
  }

  .dj-wrapper-1-phone,
  .dj-wrapper-2-phone,
  .dj-wrapper-3-phone {
    height: 100%
  }
}

@media screen and (min-width:1920px) {
  .services {
    height: 100%;
    min-height: auto;
    max-height: 650px
  }

  .film-box {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: auto
  }

  .container-for-services {
    width: 80%;
    max-width: 75%
  }

  .services-icon-1 {
    padding-right: 0
  }

  .serviceicon {
    max-width: 190px;
    font-size: 14px
  }

  .services-heading,
  .services-heading.portraits-color,
  .services-heading.commercial-color,
  .services-heading.fiction-color {
    font-size: 14px
  }

  .grid-box.scale-box.picture2.grid-box-pc {
    background-image: url(/64b119869623518eb7011369_Standal.jpg);
    height: 400px
  }

  .grid-box.scale-box.picture4.grid-box-pc {
    height: 400px
  }

  .grid-box.scale-box.picture5.grid-box-pc {
    min-width: 100%;
    height: 400px
  }

  .grid-box.scale-box.picture6.grid-box-pc {
    background-size: cover;
    height: 100%;
    min-height: auto
  }

  .gradient-box {
    height: 400px
  }

  .gradient-box.bigger,
  .gradient-box.showreel-box {
    height: 100%
  }

  .film-titles {
    font-size: 16px
  }

  .about_text {
    width: 100%;
    font-size: 18px
  }

  .about_info {
    width: 17%
  }

  .pagewrapper-horisontal {
    max-width: none;
    min-height: 760px;
    margin-top: 0;
    margin-bottom: 0
  }

  .news-text {
    background-color: #0c0c0c
  }

  .highlight-box {
    height: 100%
  }

  .pagewrapper-films {
    width: 80%;
    max-width: 100%
  }

  .showreel-lightbox.highlight-box-02,
  .about-text-01 {
    width: 100%
  }

  .about-box {
    min-height: auto;
    margin-top: 220px;
    margin-bottom: 220px
  }

  .gallery-box {
    width: 62%
  }

  .still16x9 {
    width: 100%;
    margin-bottom: 40px
  }

  .pagewrapper-project {
    justify-content: center;
    align-items: center;
    max-width: 98%
  }

  .collection-list-5 {
    width: auto;
    max-width: none
  }

  .collection-list-wrapper-5 {
    min-width: auto;
    max-width: none
  }

  .btsimage {
    max-width: none
  }

  .bts-box {
    width: 70%;
    max-width: none
  }

  .image-23 {
    min-width: auto;
    max-width: none
  }

  .news-button {
    font-size: 17px
  }

  .grid-box-showreel.scale-box {
    height: 900px
  }

  .grid-box-pc.scale-box.picture3 {
    height: 400px
  }

  .contact-text {
    background-color: #0a0a0a;
    height: 500px;
    margin-top: 5px
  }

  .services-info-text {
    width: 50%;
    font-size: 18px
  }

  .city-image {
    height: 900px
  }

  .gradient-for-services {
    background-image: linear-gradient(89deg, #0009, #0006 17%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .container-for-about {
    align-self: center;
    width: 20%
  }

  .body-10 {
    height: auto
  }

  .background-video {
    width: 100%;
    height: auto;
    position: static
  }

  .services-info-text-2 {
    font-size: 20px;
    line-height: 21px
  }

  .logo-type-class {
    font-size: 21px
  }

  .director-type-class {
    font-size: 14px
  }

  .navbar-8 {
    padding-top: 25px;
    padding-bottom: 25px
  }

  .film-titles-01 {
    font-size: 20px
  }

  .play-showreel-icon {
    width: 1%
  }

  .contact-form {
    background-color: #020202;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 700px
  }

  .field-label {
    color: #fff;
    font-family: Andis, sans-serif;
    font-size: 20px;
    font-weight: 400
  }

  .text-block-4 {
    color: #fffbf8;
    font-family: Andis, sans-serif;
    font-size: 18px;
    display: block
  }

  .success-message {
    background-color: #0182b9;
    border-radius: 7px;
    padding: 12px 22px;
    font-size: 18px
  }

  .contact-form-text {
    color: #fff;
    font-family: Andis, sans-serif;
    font-size: 18px;
    font-weight: 400
  }

  .text-field,
  .text-field-2 {
    border-radius: 7px
  }

  .contact-form-field-1 {
    color: #000;
    border-radius: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-family: Andis, sans-serif;
    font-size: 16px;
    font-weight: 500
  }

  .contact-form-field-3 {
    border-radius: 7px;
    padding-bottom: 0;
    padding-right: 0
  }

  .submit-button-2 {
    background-color: #543769;
    border-radius: 7px;
    margin-top: 10px;
    font-size: 17px;
    transition: background-color .3s
  }

  .submit-button-2:hover {
    background-color: #8151a3
  }

  .contact-form-field-2 {
    color: #000;
    border-radius: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-family: Andis, sans-serif;
    font-size: 16px;
    font-weight: 500
  }

  .textarea {
    border-radius: 7px
  }

  .contact-form-message {
    color: #000;
    border-radius: 0;
    padding: 8px 8px 130px;
    font-family: Andis, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
  }

  .form {
    width: 365px
  }

  .form-block {
    border-radius: 7px;
    width: auto;
    max-width: none
  }

  .text-block-5 {
    color: #fff;
    text-align: center;
    width: 345px
  }

  .error-message {
    background-color: #e24661;
    border-radius: 7px;
    width: 100%;
    margin-top: 25px;
    padding-left: 5px;
    padding-right: 5px
  }

  .section-12 {
    width: 100%;
    max-width: none
  }

  .section-13 {
    width: 100%;
    max-width: none;
    height: 700px
  }

  .section-14 {
    background-color: #0a0a0a;
    max-width: 100%;
    height: 700px;
    max-height: none
  }

 
  .films-02 {
    width: auto
  }

  .div-block-37 {
    width: 100%;
    height: auto
  }

  .landing-page-grid-08 {
    grid-template-areas: "Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7" "Area-5 Area-5 Area-5 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7";
    height: 90%
  }

  .films-07 {
    width: 80%;
    height: auto;
    margin-top: auto
  }

  .gradient-for-services-02 {
    background-image: linear-gradient(89deg, #0009, #0006 17%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }



  .pagewrapper-horisontal-about {
    max-width: 80%;
    min-height: 950px;
    margin-top: 0;
    margin-bottom: 0
  }


  .clickable-circle {
    background-position: 50% 18%
  }

  .body-12 {
    object-fit: fill;
    height: auto;
    display: flex;
    overflow: visible
  }

  .upcoming-projects {
    width: auto;
    margin-top: auto
  }

  .upcoming-images {
    width: 80%;
    margin-top: 0
  }

  .upcoming-text {
    width: 21%;
    margin-top: 100px;
    margin-bottom: 100px
  }

  .video-14 {
    width: auto
  }

  .about-me-vignette {
    background-image: linear-gradient(51deg, #00000063, #fff0);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .about-me-vignette-ipad {
    background-image: linear-gradient(89deg, #0009, #0006 7%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .image-43 {
    height: auto
  }

  .upcoming-info-box-2 {
    margin: 0
  }

  .news-reel-01 {
    background-image: url(/64b119869623518eb70113c2_OTRA%20-%20Web-2.jpg);
    background-position: 50%;
    background-size: cover;
    height: 900px
  }

  .news-reel-gradient {
    background-image: linear-gradient(89deg, #000000fa, #0006 41%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .news-reel-02 {
    background-position: 0 64%;
    height: 900px
  }

  .news-reel-gradient-2 {
    background-image: linear-gradient(89deg, #0009, #0006 7%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .news-reel-03 {
    background-position: 50%;
    height: 900px
  }

  .news-reel-gradient-3 {
    background-image: linear-gradient(89deg, #0009, #0006 7%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .news-reel-04 {
    background-position: 50% 65%;
    height: 900px
  }

  .news-reel-05 {
    background-position: 50% 0;
    height: 900px
  }

  .news-reel-gradient-4 {
    background-image: linear-gradient(89deg, #0009, #0006 7%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .showreel-title {
    font-size: 17px
  }

  .news-reel-gradient-phone,
  .news-reel-gradient-phone-2 {
    background-image: linear-gradient(89deg, #0009, #0006 7%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .news-reel-gradient-phone-3,
  .news-reel-gradient-phone-4,
  .news-reel-gradient-phone-5,
  .news-reel-gradient-phone-small {
    background-image: linear-gradient(89deg, #000000fa, #0006 41%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .about-page-collection-1,
  .about-page-collection-2 {
    background-image: url(/64b119869623518eb701136a_Simon%20Tonev%20Web.jpg);
    background-position: 50% 20%;
    width: 100%;
    height: 900px;
    margin-top: auto;
    margin-bottom: 0
  }

  .about-me-pictures-1 {
    height: 820px
  }

  .about-me-pictures-2 {
    height: 870px
  }

  .about-me-pictures-3 {
    height: 820px
  }

  .based-in {
    font-size: 20px;
    line-height: 21px
  }

  .image-44 {
    width: 85%;
    max-width: none;
    height: 100%;
    max-height: none
  }

  .container-for-bts-text {
    align-self: center;
    width: 21%;
    margin-top: 220px;
    margin-bottom: 220px
  }



  .services-info-text-2-black {
    font-size: 20px;
    line-height: 21px
  }

  .news-button-black {
    font-size: 17px
  }

  .about-me-pictures-4 {
    height: 900px
  }

  .about-me-pictures-5,
  .about-me-pictures-6 {
    width: 70%;
    height: 750px
  }

  .gradient-reels-01-sofie {
    background-image: linear-gradient(89deg, #0009, #0006 7%, #0000);
    justify-content: flex-start;
    align-items: flex-start;
    display: block
  }

  .pagewrapper-horisontal-2 {
    max-width: none;
    min-height: 760px;
    margin-top: 0;
    margin-bottom: 0
  }

  .about-me-pictures-7 {
    height: 900px
  }

  .pagewrapper-horisontal-3 {
    max-width: none;
    min-height: 760px;
    margin-top: 0;
    margin-bottom: 0
  }

  .about-me-pictures-8 {
    background-image: none;
    height: 100%
  }

  .pagewrapper-horisontal-4,
  .pagewrapper-horisontal-6 {
    max-width: none;
    min-height: 760px;
    margin-top: 0;
    margin-bottom: 0
  }

  .pagewrapper-horisontal-7 {
    justify-content: space-between;
    align-items: stretch;
    max-width: none;
    min-height: 760px;
    margin-top: 0;
    margin-bottom: 0
  }

  .video-15 {
    margin-bottom: 100px
  }

  .bts-video-box-2 {
    width: 70%
  }

  .container-for-bts-text-2 {
    align-self: center;
    width: 21%;
    margin-top: 140px;
    margin-bottom: 140px
  }



  .text-block-7 {
    font-size: 24px;
    line-height: 25px
  }

  .paragraph-6 {
    width: 100%;
    font-size: 18px
  }

  .dj-wrapper {
    width: 65%;
    margin-top: 140px
  }

  .dj-header {
    background-image: url(/64b12025cdc6cdb36f704269_DJ_Website-7.jpg);
    background-position: 50%;
    background-size: cover;
    width: 80%;
    height: 900px
  }

  .html-embed {
    width: 80%;
    margin-left: auto;
    margin-right: auto
  }

  .image-45 {
    width: 50%;
    max-width: 90%;
    margin-right: 0
  }

  .div-block-44 {
    flex: none;
    width: 20%;
    height: 100%;
    margin-left: 140px;
    margin-right: 140px
  }

  .dj-pic {
    background-position: 50% 100%;
    width: 5000px;
    height: 700px;
    margin-right: auto
  }

  .image-46 {
    width: 100%;
    max-width: none;
    height: 100%
  }

  .dj-pics {
    width: 65%;
    margin-top: 220px
  }

  .dj-pic-2 {
    background-position: 50% 100%;
    width: 5000px;
    height: 700px;
    margin-right: auto
  }

  .dj-pics-2,
  .dj-pics-3 {
    width: 65%;
    margin-top: 220px
  }

  .dj-pic-3 {
    background-position: 50% 100%;
    width: 5000px;
    height: 700px;
    margin-right: auto
  }

  .dj-wrapper-2 {
    width: 65%;
    margin-top: 140px
  }

  .dj-pic-22,
  .dj-pic-23 {
    background-position: 50% 100%;
    width: 5000px;
    height: 700px;
    margin-right: auto
  }

  .dj-wrapper-1-phone,
  .dj-wrapper-2-phone,
  .dj-wrapper-3-phone {
    width: 65%;
    margin-top: 140px
  }
}

@media screen and (max-width:991px) {
  .body {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: block
  }

  .container-2 {
    object-fit: fill;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: sticky;
    overflow: visible
  }

  .nav-link {
    z-index: auto;
    justify-content: center;
    align-items: center;
    display: block;
    overflow: visible
  }

  .nav-link.w--current {
    align-items: center;
    display: flex
  }

  .nav-link-2 {
    z-index: auto;
    margin-left: 20px;
    margin-right: 20px
  }

  .nav-link-3,
  .nav-link-4 {
    z-index: auto
  }

  .image {
    margin-left: auto;
    font-size: 0;
    position: static
  }

  .brand {
    width: 85%
  }

  .brand.w--current {
    width: 19%;
    margin-left: 15px;
    margin-right: auto
  }

  .play-showreel {
    align-items: center;
    padding-left: 0;
    padding-right: 0
  }

  .services {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    height: 100%;
    min-height: 490px;
    margin-top: auto;
    display: flex
  }

  .slider-3 {
    width: auto
  }

  .quote {
    font-size: 20px
  }

  .slider {
    background-image: url(../64b119869623518eb7011170_Webflow Slider 3.jpg);
    background-position: 54%;
    background-repeat: repeat;
    background-size: 2048px;
    border-radius: 0
  }

  .text-box {
    margin-top: auto;
    margin-left: auto;
    top: 219px;
    left: 103px
  }

  .play-showreel-text {
    align-self: center
  }

  .film-box {
    width: 100%;
    max-width: 90%
  }

  .heading-7.project-header {
    flex: 0 auto;
    align-self: auto
  }

  .about-the-film {
    width: 53%
  }

  .black-box {
    height: 300px;
    margin-top: -9px;
    margin-bottom: 0;
    padding-bottom: 0
  }

  .summary {
    padding-top: 33px
  }

  .about {
    flex: 0 auto;
    align-self: auto;
    width: 100%;
    margin-top: 0;
    padding-top: 0
  }

  .container-for-quote {
    flex: 1;
    align-self: center;
    width: 100%;
    max-width: 90%;
    height: auto
  }

  .body-4 {
    height: auto
  }

  .container-for-services {
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 2rem;
    display: flex
  }

  .services-icon-1 {
    flex: 0 auto;
    width: auto;
    min-width: auto;
    max-width: 100%;
    height: 100%;
    min-height: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
  }

  .serviceicon {
    width: 90%;
    max-width: 100%;
    font-size: 20px
  }

  .services-heading {
    width: 60%;
    max-width: 100%;
    font-size: 12px;
    display: none
  }

  .mini-reels {
    flex-direction: column;
    flex: none;
    align-self: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: auto;
    display: flex
  }

  .heading-13 {
    font-size: 16px;
    position: static
  }

  .navbar-5 {
    align-self: auto;
    width: 100%;
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 30px
  }

  .clwrapper {
    width: 100%
  }

  .projectgrid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    width: 100%
  }

  .format-for-quote,
  .author-of-quote {
    font-size: 20px
  }

  .format-for-statement {
    width: 100%;
    max-width: 100%;
    height: auto;
    font-size: 16px
  }

  .author-of-statement {
    font-size: 20px
  }

  .author-of-statement.author {
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
    font-size: 12px
  }

  .films {
    width: 100%;
    margin-top: auto;
    padding-left: 15px;
    padding-right: 15px
  }

  .landing-page-grid {
    grid-template: "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" minmax(auto, 1fr)"Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%
  }

  .grid-box.scale-box.picture2,
  .grid-box.scale-box.picture4,
  .grid-box.scale-box.picture5,
  .grid-box.scale-box.picture6 {
    display: none
  }

  .gradient-box {
    display: flex
  }

  .film-titles {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 5px;
    font-family: Ade Display, sans-serif
  }

  .title-line {
    height: 20px
  }

  .title-box {
    display: flex
  }

  .body-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center
  }

  .about_title {
    align-self: flex-start;
    width: auto
  }

  .about_text {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    max-width: none;
    font-size: 18px;
    display: block
  }

  .image-13 {
    width: 100%;
    max-width: 60%
  }

  .about_info {
    flex-direction: column;
    flex: 0 auto;
    order: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    width: 48%;
    max-width: none;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: auto;
    display: flex
  }

  .pagewrapper-horisontal {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: auto;
    max-width: 786%;
    min-height: 700px;
    margin-top: auto
  }

  .pagewrapper-horisontal-news {
    width: 100%;
    max-width: 1140px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 25px;
    padding-right: 25px
  }

  .news-text {
    width: 450px
  }

  .title-and-text {
    width: 84%;
    padding-left: 0
  }

  .news-article-01 {
    background-color: #0c0c0c;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-top: auto;
    margin-bottom: 100px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
  }

  .news-image-01 {
    width: 50%
  }



  .social {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 10px;
    padding-bottom: 10px
  }

  .social-icon-box {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .image-18 {
    width: 100%;
    height: 100%;
    font-size: 10px
  }

  .timetoriot-link {
    width: 40px;
    height: 40px
  }

  .pagewrapper-films {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    max-width: none;
    height: auto;
    margin-top: auto;
    padding-left: 10px;
    padding-right: 10px
  }

  .showreel-lightbox.highlight-box {
    background-position: 60%
  }

  .showreel-lightbox.highlight-box-02 {
    background-image: none;
    height: 500px
  }

  .menu-button {
    position: static
  }

  .nav-menu {
    z-index: auto;
    float: right;
    clear: none;
    background-color: #070707;
    margin-left: 0;
    margin-right: 0;
    display: none;
    position: relative;
    inset: auto
  }

  .nav_films {
    display: block
  }

  .pagewrapper-photography {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    width: 100%;
    max-width: 991px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    overflow: visible
  }

  .photography-portfolio {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: contain;
    flex: none;
    order: 0;
    grid-template: "Area Area Area Area Area Area Area Area-2" "Area Area Area Area Area Area Area." "Area Area Area Area Area Area Area." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." /1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: dense;
    place-content: stretch;
    align-self: stretch;
    place-items: stretch stretch;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    overflow: visible
  }

  .portfolio-lightbox {
    width: auto;
    max-width: 100%;
    height: auto
  }

  .about-text-01 {
    width: 100%;
    max-width: none;
    height: auto;
    font-size: 16px;
    display: block
  }

  .format-for-statement-copy {
    font-size: 20px
  }

  .team {
    width: 100%;
    max-width: 80%;
    font-size: 12px;
    line-height: 1.3em
  }

  .about-box {
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 90%;
    max-width: 90%;
    min-height: 320px
  }

  .quote-box {
    max-width: 90%;
    height: auto
  }

  .credit-box {
    max-width: 100%
  }

  .gallery-box {
    align-self: center;
    width: 90%;
    max-width: none;
    margin-top: 20px;
    margin-bottom: 20px
  }

  .stillcinemascope,
  .still16x9 {
    margin-bottom: 20px
  }

  .pagewrapper-project {
    max-width: none
  }

  .collection-list-5 {
    min-width: 100%;
    max-width: 100%
  }

  .btsimage {
    max-width: 100%;
    height: 100%
  }

  .bts-box {
    flex-direction: column;
    flex: 0 auto;
    align-self: center;
    max-width: 95%;
    margin-top: 0
  }

  .image-23 {
    max-width: 100%;
    height: 100%
  }

  .icon-5 {
    color: #fffbf8;
    font-size: 24px
  }

  .menu-button-2 {
    flex: none;
    order: 0;
    align-self: auto;
    margin: auto 0 auto auto;
    font-size: 25px;
    position: static
  }

  .menu-button-2.w--open {
    background-color: #080808
  }

  .icon-6 {
    color: #fffbf8
  }

  .photography-portfolio-v2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: contain;
    flex: none;
    order: 0;
    grid-template: "Area Area Area Area Area Area Area Area-2" "Area Area Area Area Area Area Area." "Area Area Area Area Area Area Area." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." /1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: dense;
    place-content: stretch;
    align-self: stretch;
    place-items: stretch stretch;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    overflow: visible
  }

  .title-box-ipad {
    display: flex
  }

  .grid-box-news-ipad.scale-box.picture {
    display: none
  }

  .news-button {
    font-size: 17px
  }

  .grid-box-showreel.scale-box {
    display: none
  }

  .grid-box-showreel-ipad.scale-box,
  .title-box-showreel-ipad {
    display: flex
  }

  .grid-box-pc.scale-box.picture3,
  .grid-box-pc.scale-box.picture3-copy {
    display: none
  }

  .grid-box-ipad.scale-box.picture3 {
    background-image: url(/64b119869623518eb7011333_Expriment_1.30.12.jpg);
    background-position: 20%;
    display: flex
  }

  .title-box-left-block {
    display: flex
  }

  .grid-box-mid-block-ipad.scale-box.picture5 {
    background-image: url(/64b119869623518eb701131b_Director\'s%20Reel%202020.00_00_44_23.Still019.jpg);
    background-position: 67%;
    display: flex
  }

  .title-box-mid-block {
    display: flex
  }

  .grid-box-ipad-right.scale-box.picture5 {
    display: none
  }

  .grid-box-ipad-right.scale-box.picture6 {
    background-image: url(/64b119869623518eb701131c_Director\'s%20Reel%202020.00_00_50_12.Still020.jpg);
    background-position: 38%;
    display: flex
  }

  .title-box-right-block {
    display: flex
  }

  .grid-box-bottom-right.scale-box.picture4 {
    background-image: url(/64b119869623518eb701131a_Director\'s%20Reel%202020.00_00_08_14.Still016.jpg);
    display: flex
  }

  .grid-box-bottom-right.scale-box.picture5,
  .grid-box-bottom-right.scale-box.picture6 {
    display: none
  }

  .title-box-right-bottom {
    display: flex
  }

  .grid-box-left-block.scale-box.picture2 {
    background-image: url(/64b119869623518eb7011152_Screenshot%202019-07-07%20at%2013.53.46.png);
    display: flex
  }

  .grid-box-left-block.scale-box.picture4,
  .grid-box-left-block.scale-box.picture5,
  .grid-box-left-block.scale-box.picture6 {
    display: none
  }

  .title-box-left-bottom-block {
    display: flex
  }

  .director-type {
    font-weight: 300
  }

  .contact-text {
    background-color: #0f0f0f;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 400px
  }

  .services-text {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: auto
  }

  .contact-title {
    margin-left: auto;
    margin-right: auto
  }

  .services-info-text {
    width: 80%;
    max-width: 100%;
    max-height: 100%;
    margin: auto
  }

  .contact-me-box {
    flex-direction: column;
    align-self: center;
    width: 1140%;
    max-width: 60%;
    display: flex
  }

  .city-image {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex
  }

  .contact-me-center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%
  }

  .gradient-for-services {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 410px;
    display: flex
  }

  .contact-buttons {
    align-items: center;
    width: auto;
    max-width: none;
    margin: auto
  }

  .e-mail-button {
    width: 100%;
    max-width: 100%;
    margin-right: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px
  }

  .phone-button {
    font-size: 13px
  }

  .message-in-a-bottle {
    border-radius: 5px;
    font-size: 12px
  }

  .carrier-pidgeon {
    font-size: 13px
  }

  .contact-buttons-title {
    width: 100%;
    max-width: 1140%;
    font-size: 16px
  }

  .portfolio-photography {
    grid-column-gap: 5px;
    grid-row-gap: 5px
  }

  .container-for-credits {
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: 90%;
    height: auto;
    line-height: 0;
    display: flex
  }

  .div-block-34 {
    margin-top: 0
  }

  .container-for-about {
    flex-wrap: nowrap;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 40%;
    min-width: auto;
    max-width: none;
    height: auto;
    display: block
  }

  .image-28 {
    align-self: auto;
    width: 100%;
    max-width: none;
    margin: 0
  }

  .contact-me-center-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%
  }

  .contact-me-box-2 {
    flex-direction: column;
    align-self: center;
    width: 1140%;
    max-width: 60%;
    display: flex
  }

  .contact-title-2 {
    align-self: flex-start;
    margin: auto 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
  }

  .services-info-text-2 {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    font-size: 18px;
    font-weight: 400
  }

  .nav-menu-2 {
    position: absolute;
    inset: auto 0% 0%
  }

  .nav-menu-3 {
    z-index: auto
  }

  .logo-type-class {
    font-family: Andis, sans-serif
  }

  .director-type-class {
    font-family: Andis, sans-serif;
    font-weight: 300
  }

  .navbar-8 {
    background-color: #020202
  }

  .nav-link-v2 {
    z-index: auto;
    justify-content: center;
    align-items: center;
    display: block;
    overflow: visible
  }

  .nav-link-v2.w--current {
    align-items: center;
    display: flex
  }

  .films-01 {
    z-index: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible
  }

  .films-01:visited {
    background-color: #080808;
    padding-left: 40px
  }

  .films-01.w--current {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .photography-02 {
    z-index: auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible
  }

  .photography-02.w--current {
    align-items: center;
    display: block
  }

  .about-02 {
    z-index: auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible
  }

  .about-02.w--current {
    align-items: center;
    display: block
  }

  .contact-02 {
    z-index: auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible
  }

  .contact-02.w--current {
    color: #315a7c;
    align-items: center;
    display: block
  }

  .contact-02.w--current:hover {
    color: #50a7f0
  }

  .icon-7 {
    color: #fff5ea;
    font-size: 35px
  }

  .container-9 {
    width: 100%;
    max-width: 90%
  }

  .nav-menu-4 {
    background-color: #080808
  }

  .menu-button-3 {
    background-color: #020202
  }

  .menu-button-3.w--open {
    background-color: #080808
  }

  .film-titles-01 {
    font-size: 16px;
    display: none;
    position: static
  }

  .skeleton {
    background-color: #020202;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: block
  }

  .skeleton.background-color {
    justify-content: space-between;
    align-items: stretch;
    display: flex
  }

  .about-paragraph {
    flex: 0 auto;
    align-self: center;
    width: 100%;
    max-width: 100%
  }

  .about-images {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 65%;
    max-height: none;
    display: flex
  }

  .image-29 {
    z-index: 0;
    flex: 1;
    align-self: auto;
    display: block;
    position: absolute
  }

  .image-30 {
    max-width: 65%;
    margin-top: 20px;
    margin-right: 0
  }

  .film-titles-01-other {
    text-transform: uppercase;
    margin-bottom: 11px;
    margin-left: 20px;
    padding-left: 0;
    font-family: Ade Display, sans-serif;
    font-size: 15px;
    display: block;
    position: static
  }

  .play-showreel-icon {
    width: 3.4%;
    margin-right: 2px
  }

  .play-showreel-icon-ipad {
    width: 5%
  }

  .nhc,
  .audience {
    width: 50%
  }

  .experiment_bts_photo_1,
  .experiment_bts_photo_2 {
    height: 300px
  }

  .experiment_bts_photo_4,
  .experiment_bts_photo_6 {
    height: 400px
  }

  .experiment_text_box {
    width: 80%
  }

  .lightbox-link-4 {
    background-position: 50%;
    height: 300px
  }

  .title-line-taller {
    height: 45px
  }

  .contact-form {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 670px
  }

  .contact-form-message {
    padding-bottom: 144px;
    font-weight: 500
  }

  .form {
    width: 100.075%
  }

  .form-block {
    width: 60%
  }

  .section-14 {
    background-color: #0a0a0a;
    width: 97%;
    min-width: auto;
    max-width: none;
    height: 400px;
    min-height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0
  }

  .showreel-bg {
    width: auto;
    min-width: 100%;
    min-height: 100%;
    padding-right: 0
  }

  .grid-box-showreel-ipad-2.scale-box {
    width: auto;
    height: 100%;
    min-height: 100%;
    display: block
  }

  .gradient-box-ipad-showreel {
    width: auto;
    min-width: 100%;
    height: 500px;
    min-height: 100%
  }

  .title-box-ipad-showreel {
    padding-left: 15px;
    display: flex
  }

  .ipad-gridbox.scale-box.picture3 {
    background-image: url(/64b119869623518eb7011365_Cereal%20Killer.jpg);
    background-position: 50%;
    background-size: cover;
    height: 400px;
    display: block
  }

  .ipad-gridbox.scale-box.picture3-copy {
    display: none
  }

  .gradient-box-copy {
    display: flex
  }

  .gradient-box-ipad-2 {
    height: 100%;
    display: flex
  }

  .grid-box-ipad-8.scale-box.picture2 {
    display: none
  }

  .grid-box-ipad-8.scale-box.picture4 {
    background-image: url(/64b119869623518eb7011391_Thumbs5.jpg);
    background-position: 50% 80%;
    background-size: cover;
    height: 400px;
    display: block
  }

  .grid-box-ipad-8.scale-box.picture5,
  .grid-box-ipad-8.scale-box.picture6 {
    display: none
  }

  .gradient-box-ipad8 {
    display: flex
  }

  .grid-box-ipad10.scale-box.picture2,
  .grid-box-ipad10.scale-box.picture4 {
    display: none
  }

  .grid-box-ipad10.scale-box.picture5 {
    background-image: url(/64b119869623518eb7011371_Soderlund05.jpg);
    background-position: 50% 10%;
    height: 400px;
    display: block
  }

  .grid-box-ipad10.scale-box.picture6 {
    display: none
  }

  .gradient-box-ipad10 {
    height: 100%;
    display: flex
  }

  .grid-box-11.scale-box.picture2,
  .grid-box-11.scale-box.picture4,
  .grid-box-11.scale-box.picture5 {
    display: none
  }

  .grid-box-11.scale-box.picture6 {
    background-image: url(/64b119869623518eb701138c_DSYZ4909.jpg);
    background-position: 50% 60%;
    height: 400px;
    display: block
  }

  .gradient-box-11 {
    display: flex
  }

  .grid-box-12.scale-box.picture2 {
    background-image: url(/64b119869623518eb7011369_Standal.jpg);
    height: 400px;
    display: block
  }

  .grid-box-12.scale-box.picture4,
  .grid-box-12.scale-box.picture5,
  .grid-box-12.scale-box.picture6 {
    display: none
  }

  .gradient-box-12 {
    display: flex
  }

  .grid-box-111.scale-box.picture3 {
    display: none
  }

  .grid-box-111.scale-box.picture3-copy {
    background-position: 50% 10%;
    height: 360px;
    display: block
  }

  .gradient-box-111 {
    display: flex
  }

  .stockholm {
    background-size: cover;
    width: 50%
  }

  .music-video,
  .kind {
    width: 50%
  }

  .bts-video-box {
    flex: 0 auto;
    align-self: center;
    width: 90%;
    max-width: none;
    min-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: block
  }

  .reels-info-1 {
    margin-bottom: 100px
  }

  .reels-info-01 {
    background-image: url(/64b119869623518eb7011344_Web%2001.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: none
  }

  .reels-info-02 {
    background-image: url(/64b119869623518eb701131d_Director\'s%20Reel%202020.00_00_12_18.Still017.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: none
  }

  .reels-info-03 {
    background-image: url(../64b119869623518eb701134b_Web 18.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: none
  }

  .reels-info-04 {
    background-image: url(/64b119869623518eb7011331_Porcelain_-2.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: none
  }

  .gradient-reels-01 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 420px;
    display: flex
  }

  .gradient-reels-02,
  .gradient-reels-03,
  .gradient-for-services-copy,
  .gradient-reels-04 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 410px;
    display: flex
  }

  .reels-info-text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: none
  }

  .contact-me-center-2-copy,
  .reels-info-text-02 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%
  }

  .contact-me-box-2-copy,
  .reels-info-text-001,
  .reels-info-text-002 {
    flex-direction: column;
    align-self: center;
    width: 1140%;
    max-width: 60%;
    display: flex
  }

  .reels-info-text-03 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%
  }

  .reels-info-text-003 {
    flex-direction: column;
    align-self: center;
    width: 1140%;
    max-width: 60%;
    display: flex
  }

  .reels-info-text-04 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%
  }

  .reels-info-text-004 {
    flex-direction: column;
    align-self: center;
    width: 1140%;
    max-width: 60%;
    display: flex
  }

  .reels-info-01-m {
    background-image: url(/64b119869623518eb701135e_Music%20Video.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 410px;
    margin-top: 0;
    margin-bottom: 10px;
    display: flex
  }

  .reels-info-02-m {
    background-image: url(/64b119869623518eb701135d_Documentary.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: auto;
    margin-bottom: 10px;
    display: flex
  }

  .reels-info-03-m {
    background-image: url(/64b119869623518eb7011363_Commercial%204.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-bottom: 10px;
    display: flex
  }

  .reels-info-04-m {
    background-image: url(/64b119869623518eb701135f_Fiction.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: auto;
    margin-bottom: 0;
    display: flex
  }

  .gradient-reels-01-m {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 410px;
    display: flex
  }

  .reels-info-text-001-m {
    flex-direction: column;
    align-self: center;
    width: 1140%;
    max-width: 60%;
    display: flex
  }

  .title-box-m {
    display: flex
  }

  .landing-page-grid02,
  .landing-page-grid-copy,
  .landing-page-grid-04 {
    grid-template: "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" minmax(auto, 1fr)"Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%
  }

  .grid-box-showreel-02.scale-box {
    display: none
  }

  .showreel-bg-02 {
    width: auto;
    min-width: 100%;
    min-height: 350px;
    padding-right: 0
  }

  .films-02,
  .films-copy,
  .films-03 {
    width: 100%;
    margin-top: auto;
    padding-left: 15px;
    padding-right: 15px
  }

  .landing-page-grid-05,
  .landing-page-grid-06 {
    grid-template: "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" minmax(auto, 1fr)"Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%
  }

  .gradient-box-02 {
    display: flex
  }

  .landing-page-grid-phone {
    grid-template: "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%
  }

  .landing-page-grid-08 {
    grid-template: "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" minmax(auto, 1fr)"Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7 Area-7" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4 Area-4" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%
  }

  .landing-page-grid-phone-02 {
    grid-template: "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%
  }

  .gradient-for-services-02 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 410px;
    display: flex
  }

  .landing-page-grid-phone-03 {
    grid-template: "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%
  }

  .reels-info-00 {
    background-image: url(/64b119869623518eb701136a_Simon%20Tonev%20Web.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: none
  }

  .services-title-01 {
    align-self: flex-start;
    width: auto
  }

  .pagewrapper-horisontal-about {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: auto;
    max-width: 786%;
    margin-top: auto
  }

  .reels-info-00-m {
    background-image: url(/64b119869623518eb70113c1_Simon%20Tonev.jpg);
    background-position: 85%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 95%;
    max-width: 95%;
    height: 700px;
    margin-top: 0;
    margin-bottom: 0;
    display: block
  }

  .upcoming-projects {
    width: 100%;
    margin-top: auto;
    padding-left: 15px;
    padding-right: 15px
  }

  .upcoming-text {
    width: 45%
  }

  .video-14 {
    margin-top: -19px
  }

  .about-me-vignette {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .about-me-vignette-ipad {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
  }

  .image-39,
  .image-40 {
    margin-top: 0;
    margin-bottom: 10px
  }

  .image-41 {
    margin-top: 0
  }

  .image-42 {
    margin-bottom: 10px
  }

  .soderlund,
  .cereal-killer {
    background-size: cover;
    width: 50%
  }

  .news-reel-01 {
    background-image: url(/64b119869623518eb70113c2_OTRA%20-%20Web-2.jpg);
    background-position: 50% 100%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .news-reel-gradient {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-02 {
    background-image: url(/64b119869623518eb7011344_Web%2001.jpg);
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .news-reel-gradient-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-03 {
    background-image: url(/64b119869623518eb70112e6_C_W_-40.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .news-reel-gradient-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(44deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-04 {
    background-image: url(/64b119869623518eb701134d_ED.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .news-reel-05 {
    background-image: url(/64b119869623518eb7011394_Thumb9.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .news-reel-gradient-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #000000b3, #0000 79%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-gradient-phone {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(44deg, #0c0c0c 28%, #0000 94%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-gradient-phone-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(44deg, #080808d6 15%, #0000 58%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-gradient-phone-2.news-reel-gradient-phone-small-2 {
    background-image: linear-gradient(44deg, #000 15%, #0000 58%)
  }

  .news-reel-gradient-phone-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(45deg, #0a0a0a 22%, #0000 68%);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-gradient-phone-3.news-reel-gradient-phone-small {
    background-image: linear-gradient(42deg, #000, #0000 80%)
  }

  .news-reel-gradient-phone-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(42deg, #0a0a0ade 43%, #0000);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-gradient-phone-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(18deg, #050505e3 41%, #0000);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .news-reel-gradient-phone-5.news-reel-gradient-phone-small {
    background-image: linear-gradient(42deg, #000 16%, #0000)
  }

  .news-reel-gradient-phone-small {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(42deg, #000000de 43%, #0000);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex
  }

  .about-page-collection-1,
  .about-page-collection-2 {
    background-image: url(/64b119869623518eb701136a_Simon%20Tonev%20Web.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: none
  }

  .about-me-pictures-1 {
    background-image: url(/64b119869623518eb701139a_About%20Me%204.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 95%;
    height: 420px;
    display: block
  }

  .about-me-pictures-2 {
    background-image: url(/64b119869623518eb70113c3_OTRA%20-%20Web-3.jpg);
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 95%;
    height: 420px;
    display: block
  }

  .about-me-pictures-3 {
    background-image: url(/64b119869623518eb701139b_About%20Me%203.jpg);
    background-position: 40%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    min-width: auto;
    height: 420px;
    display: block
  }

  .based-in {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    font-size: 18px;
    font-weight: 400
  }

  .contact-title-2-copy {
    align-self: flex-start;
    margin: auto 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
  }

  .based-in-title {
    align-self: flex-start;
    margin: auto 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
  }

  .phone-button-copy {
    font-size: 12px
  }

  .message-in-a-bottle-2 {
    font-size: 13px
  }

  .milestones-01 {
    z-index: auto;
    color: #ff822e;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible
  }

  .milestones-01:visited {
    background-color: #080808;
    padding-left: 40px
  }

  .milestones-01.w--current {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .image-44 {
    max-width: 105%
  }

  .heading-16 {
    margin-right: auto
  }

  .container-for-bts-text {
    flex-wrap: nowrap;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 40%;
    min-width: auto;
    max-width: none;
    height: auto;
    display: block
  }

  .news-reel-06 {
    background-image: url(/64b119869623518eb70113ba_cdance.jpg);
    background-position: 50% 27%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .news-reel-07 {
    background-image: url(/64b119869623518eb70113bb_Teft.jpg);
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    height: 600px;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .services-info-text-2-black {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    font-size: 18px;
    font-weight: 400
  }

  .services-title-01-black {
    align-self: flex-start;
    width: auto
  }

  .reels-info-text-001-teft {
    flex-direction: column;
    align-self: center;
    width: 1140%;
    max-width: 50%;
    margin-left: -154px;
    display: flex
  }

  .news-button-black {
    color: var(--black);
    font-size: 17px
  }

  .about-me-pictures-4 {
    background-image: url(/64b119869623518eb70113c4_OTRA%20-%20Web.jpg);
    background-position: 40%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    min-width: auto;
    height: 420px;
    display: block
  }

  .about-me-pictures-5 {
    background-image: url(/64b119869623518eb70113c2_OTRA%20-%20Web-2.jpg);
    background-position: 40%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    min-width: auto;
    height: 420px;
    display: block
  }

  .about-me-pictures-6 {
    background-image: url(/64b119869623518eb70113c5_simon%26sofie.jpg);
    background-position: 40%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    min-width: auto;
    height: 420px;
    display: block
  }

  .gradient-reels-01-sofie {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
  }

  .pagewrapper-horisontal-2 {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: auto;
    max-width: 786%;
    min-height: 700px;
    margin-top: auto
  }

  .about-me-pictures-7 {
    background-image: url(/64b119869623518eb70113c5_simon%26sofie.jpg);
    background-position: 40%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    min-width: auto;
    height: 420px;
    display: block
  }

  .pagewrapper-horisontal-3 {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: auto;
    max-width: 786%;
    min-height: 650px;
    margin-top: auto
  }

  .about-me-pictures-8 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    min-width: auto;
    height: 364px;
    display: block
  }

  .pagewrapper-horisontal-4 {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: auto;
    max-width: 786%;
    min-height: 700px;
    margin-top: auto
  }

  .pagewrapper-horisontal-6,
  .pagewrapper-horisontal-7 {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: auto;
    max-width: 786%;
    min-height: 650px;
    margin-top: auto
  }

  .bts-video-box-2 {
    flex: 0 auto;
    align-self: center;
    width: 90%;
    max-width: none;
    min-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: block
  }

  .container-for-bts-text-2 {
    flex-wrap: nowrap;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 40%;
    min-width: auto;
    max-width: none;
    height: auto;
    display: block
  }

  .news-reel-9 {
    background-image: url(/64b119869623518eb70113ba_cdance.jpg);
    background-position: 50% 27%;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .text-block-7 {
    line-height: 25px
  }

  .paragraph-6 {
    width: 100%;
    font-size: 18px
  }

  .dj-wrapper {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    width: 90%;
    max-width: none;
    margin: 0 auto 40px;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
    overflow: visible
  }

  .portfolio-photography-copy,
  .dj-wrapper-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px
  }

  .dj-header {
    background-image: url(/64b12025cdc6cdb36f704269_DJ_Website-7.jpg);
    background-position: 0 0;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 600px;
    margin-left: 10px;
    margin-right: 10px;
    display: block
  }

  .dj-wrapper-text-box {
    grid-column-gap: 5px;
    grid-row-gap: 5px
  }

  .div-block-44 {
    width: 50%;
    margin: 100px auto
  }

  .dj-pic {
    margin-left: auto;
    margin-right: auto
  }

  .dj-pics {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    width: 90%;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    overflow: visible
  }

  .dj-pic-2 {
    width: 100%;
    height: 450px
  }

  .dj-pics-2,
  .dj-pics-3 {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    width: 90%;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    overflow: visible
  }

  .dj-pic-3 {
    margin-top: 40px
  }

  .dj-wrapper-2 {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    width: 90%;
    max-width: none;
    margin: 0 auto auto;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
    overflow: visible
  }

  .dj-pic-22,
  .dj-pic-23 {
    margin-left: auto;
    margin-right: auto
  }

  .dj-wrapper-1-phone {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    width: 90%;
    max-width: none;
    margin: 0 auto 40px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    overflow: visible
  }

  .dj-wrapper-2-phone,
  .dj-wrapper-3-phone {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    width: 90%;
    max-width: none;
    margin: 0 auto auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    overflow: visible
  }
}

@media screen and (max-width:767px) {
  .body {
    max-width: 100%;
    height: 1850px
  }

  .container-2 {
    flex-flow: row;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
    max-width: 90%;
    padding-top: 0;
    padding-bottom: 0
  }

  .brand.w--current {
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex
  }

  .services {
    height: auto;
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 100px
  }

  .slider-3 {
    width: 100%
  }

  .gradient {
    width: 100%;
    margin-right: auto
  }

  .film-box {
    max-width: 95%
  }

  .container-for-services {
    width: 100%;
    height: auto;
    min-height: auto;
    max-height: none
  }

  .services-icon-1 {
    width: 100%;
    min-height: auto
  }

  .serviceicon {
    width: 100%
  }

  .services-heading {
    width: auto;
    margin-top: 10px;
    font-size: 13px;
    display: none
  }

  .navbar-5 {
    height: auto;
    margin-top: auto
  }

  .format-for-statement {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3em
  }

  .films {
    flex: 1;
    max-width: 100%;
    margin-top: auto;
    padding-left: 10px;
    padding-right: 10px
  }

  .landing-page-grid {
    grid-column-gap: 0px;
    grid-row-gap: 11px;
    grid-template: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" "Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16" "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-content: start;
    align-items: start;
    width: 100%;
    max-width: 100%
  }

  .grid-box.scale-box {
    height: 300px
  }

  .grid-box.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box {
    min-width: auto;
    max-width: 100%
  }

  .film-titles {
    margin-top: 1px;
    margin-bottom: auto;
    margin-left: 5px;
    font-size: 14px
  }

  .title-box {
    padding-left: 20px
  }

  .about_text {
    margin-top: 10px;
    margin-bottom: 40px
  }

  .pagewrapper-horisontal {
    height: 100%;
    min-height: 900px
  }

  .pagewrapper-horisontal-news {
    flex: 1;
    margin-top: auto;
    margin-bottom: 0;
    padding-left: 45px;
    padding-right: 45px
  }

  .news-text {
    background-color: #0c0c0c;
    flex: 1;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .title-and-text {
    height: 100%
  }

  .news_text {
    margin-top: 10px
  }

  .news-article-01 {
    background-color: #0000;
    flex-direction: column;
    flex: 0 auto;
    align-self: center;
    align-items: center;
    height: auto;
    min-height: auto;
    display: block
  }

  .news-image-01 {
    width: 100%;
    min-height: 400px
  }

  .grid-box-news.scale-box.picture {
    background-image: url(/64b119869623518eb7011324_Director\'s%20Reel%202020.00_01_082_08.Still025.jpg);
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 300px
  }

  .highlight-box {
    width: 100%
  }

  .body-9 {
    height: 100%;
    min-height: 100%;
    display: block
  }

  .social-icon-box {
    width: 100%;
    max-width: 100%;
    height: 80px;
    position: static
  }

  .pagewrapper-films {
    margin-top: 0;
    display: block
  }

  .showreel-lightbox {
    width: 100%;
    max-width: 100%
  }

  .landing-page-links {
    min-width: auto;
    max-width: 100%;
    height: 100%
  }

  .nav-menu {
    align-self: flex-start;
    margin-top: auto;
    margin-right: auto
  }

  .photography-portfolio {
    place-content: space-between space-around;
    place-items: center;
    width: 90%;
    max-width: 100%
  }

  .about-text-01 {
    font-size: 16px;
    line-height: 1.2em
  }

  .team {
    font-size: 10px;
    line-height: 1.2em
  }

  .about-box {
    width: 100%;
    max-width: 100%;
    min-height: 250px
  }

  .quote-box {
    min-height: 200px
  }

  .credit-box {
    min-height: 100px
  }

  .gallery-box {
    max-width: 95%
  }

  .still16x9 {
    margin-bottom: 15px
  }

  .menu-button-2 {
    order: 1;
    align-self: auto;
    margin: 0 0 0 auto
  }

  .photography-portfolio-v2 {
    place-content: space-between space-around;
    place-items: center;
    width: 90%;
    max-width: 100%
  }

  .grid-box-news-ipad.scale-box.picture {
    width: 100%;
    max-width: 100%;
    height: 300px
  }

  .gradient-box-ipad {
    min-width: auto;
    max-width: 100%
  }

  .div-block-30 {
    flex: 0 auto;
    align-items: flex-end;
    margin-top: 200px
  }

  .news-button {
    color: #fffbf8;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 700
  }

  .grid-box-showreel.scale-box {
    height: 300px
  }

  .grid-box-showreel.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-showreel.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .grid-box-showreel-ipad.scale-box {
    height: 300px
  }

  .grid-box-showreel-ipad.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-showreel-ipad.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-showreel {
    min-width: auto;
    max-width: 100%
  }

  .left-link-block-pc {
    min-width: auto;
    max-width: 100%;
    height: 100%
  }

  .grid-box-pc.scale-box {
    height: 300px
  }

  .grid-box-pc.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-pc.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .grid-box-pc.scale-box.picture3-copy {
    background-position: 50% 68%
  }

  .grid-box-ipad.scale-box {
    height: 300px
  }

  .grid-box-ipad.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-ipad.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-2 {
    min-width: auto;
    max-width: 100%
  }

  .mid-block-link {
    min-width: auto;
    max-width: 100%;
    height: 100%
  }

  .grid-box-mid-block-ipad.scale-box {
    height: 300px
  }

  .grid-box-mid-block-ipad.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-mid-block-ipad.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-01 {
    min-width: auto;
    max-width: 100%
  }

  .right-block-link {
    min-width: auto;
    max-width: 100%;
    height: 100%
  }

  .grid-box-ipad-right.scale-box {
    height: 300px
  }

  .grid-box-ipad-right.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-ipad-right.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .grid-box-ipad-right.scale-box.picture6 {
    justify-content: flex-start;
    align-items: stretch
  }

  .gradient-box-right-block {
    min-width: auto;
    max-width: 100%;
    min-height: 300px
  }

  .right-bottom-block {
    min-width: auto;
    max-width: 100%;
    height: 100%
  }

  .grid-box-bottom-right.scale-box {
    height: 300px
  }

  .grid-box-bottom-right.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-bottom-right.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-right-bottom {
    min-width: auto;
    max-width: 100%
  }

  .left-bottom-block {
    min-width: auto;
    max-width: 100%;
    height: 100%
  }

  .grid-box-left-block.scale-box {
    height: 300px
  }

  .grid-box-left-block.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-left-block.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-left-bottom-block {
    min-width: auto;
    max-width: 100%
  }

  .logo-type,
  .logo-type-copy {
    color: #fffbf8;
    font-size: 21px;
    font-weight: 500
  }

  .logo-type-director {
    color: #fffbf8;
    font-size: 21px;
    font-weight: 100
  }

  .director-type {
    color: #fffbf8;
    font-size: 15px;
    font-weight: 300
  }

  .contact-text {
    background-color: #0a0a0a
  }

  .services-text {
    width: 100%;
    max-width: 100%
  }

  .services-info-text {
    width: 100%;
    font-size: 16px
  }

  .contact-buttons {
    width: auto
  }

  .e-mail-button {
    border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px
  }

  .phone-button {
    border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px
  }

  .message-in-a-bottle {
    opacity: 1;
    white-space: normal;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px
  }

  .carrier-pidgeon {
    border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px
  }

  .contact-buttons-title {
    margin-bottom: 15px;
    font-size: 17px
  }

  .image-26 {
    width: 70%;
    margin-left: 40px
  }

  .container-for-about {
    width: 50%
  }

  .logo-type-class {
    color: #fffbf8;
    font-size: 18px;
    font-weight: 500
  }

  .director-type-class {
    color: #fffbf8;
    font-size: 13px;
    font-weight: 300
  }

  .contact-02:visited {
    color: #2b8daf
  }

  .skeleton {
    max-width: 100%;
    height: auto
  }

  .play-showreel-icon {
    width: 3%;
    margin-right: 3px
  }

  .play-showreel-icon-ipad {
    width: 4%
  }

  .nhc,
  .audience {
    width: 100%;
    min-height: 400px
  }

  .experiment-info-box {
    height: 18%
  }

  .lightbox-link-4 {
    background-position: 50%
  }

  .title-line-taller {
    height: 50px
  }

  .section-14 {
    background-color: #0a0a0a;
    height: 360px
  }

  .showreel-bg {
    min-width: auto;
    min-height: 250px
  }

  .grid-box-showreel-ipad-2.scale-box {
    height: auto;
    min-height: 250px
  }

  .grid-box-showreel-ipad-2.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-showreel-ipad-2.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-ipad-showreel {
    min-width: auto;
    max-width: 100%;
    min-height: 250px
  }

  .title-box-ipad-showreel {
    margin-bottom: 20px;
    padding-left: 10px
  }

  .ipad-gridbox.scale-box {
    height: 300px
  }

  .ipad-gridbox.scale-box.picture3 {
    background-position: 50% 30%
  }

  .ipad-gridbox.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .ipad-gridbox.scale-box.picture3-copy {
    background-position: 50% 68%
  }

  .gradient-box-copy,
  .gradient-box-ipad-2 {
    min-width: auto;
    max-width: 100%
  }

  .grid-box-ipad-8.scale-box {
    height: 300px
  }

  .grid-box-ipad-8.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-ipad-8.scale-box.picture4 {
    background-image: url(/64b119869623518eb7011391_Thumbs5.jpg);
    background-position: 0%
  }

  .grid-box-ipad-8.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-ipad8 {
    min-width: auto;
    max-width: 100%
  }

  .grid-box-ipad10.scale-box {
    height: 300px
  }

  .grid-box-ipad10.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-ipad10.scale-box.picture5 {
    background-position: 50% 10%;
    max-width: 100%;
    height: 360px
  }

  .gradient-box-ipad10 {
    min-width: auto;
    max-width: 100%
  }

  .grid-box-11.scale-box {
    height: 300px
  }

  .grid-box-11.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-11.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-11 {
    min-width: auto;
    max-width: 100%;
    height: 360px
  }

  .grid-box-12.scale-box {
    height: 300px
  }

  .grid-box-12.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-12.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .gradient-box-12 {
    min-width: auto;
    max-width: 100%
  }

  .grid-box-111.scale-box {
    height: 300px
  }

  .grid-box-111.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-111.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .grid-box-111.scale-box.picture3-copy {
    background-position: 50% 16%
  }

  .gradient-box-111 {
    min-width: auto;
    max-width: 100%
  }

  .stockholm,
  .music-video,
  .kind {
    width: 100%;
    min-height: 400px
  }

  .bts-video-box {
    min-height: auto;
    margin-top: -20px
  }

  .gradient-reels-01 {
    height: 100%
  }

  .title-box-m {
    padding-left: 20px
  }

  .landing-page-grid02,
  .landing-page-grid-copy,
  .landing-page-grid-04 {
    grid-column-gap: 0px;
    grid-row-gap: 11px;
    grid-template: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" "Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16" "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-content: start;
    align-items: start;
    width: 100%;
    max-width: 100%
  }

  .grid-box-showreel-02.scale-box {
    height: 300px
  }

  .grid-box-showreel-02.scale-box.picture3 {
    background-position: 50% 68%
  }

  .grid-box-showreel-02.scale-box.picture5 {
    max-width: 100%;
    height: 250px
  }

  .showreel-bg-02 {
    min-width: auto;
    min-height: 250px
  }

  .films-02,
  .films-copy,
  .films-03 {
    flex: 1;
    max-width: 100%;
    margin-top: auto;
    padding-left: 10px;
    padding-right: 10px
  }

  .div-block-37 {
    margin-top: 10px
  }

  .landing-page-grid-05,
  .landing-page-grid-06 {
    grid-column-gap: 0px;
    grid-row-gap: 11px;
    grid-template: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" "Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16" "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-content: start;
    align-items: start;
    width: 100%;
    max-width: 100%
  }

  .gradient-box-02 {
    min-width: auto;
    max-width: 100%
  }

  .landing-page-grid-phone {
    grid-column-gap: 0px;
    grid-row-gap: 11px;
    grid-template: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" "Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16" "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-content: start;
    align-items: start;
    width: 100%;
    max-width: 100%
  }

  .landing-page-grid-08 {
    grid-column-gap: 0px;
    grid-row-gap: 11px;
    grid-template: "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-content: start;
    align-items: start;
    width: 100%;
    max-width: 100%
  }

  .landing-page-grid-phone-02,
  .landing-page-grid-phone-03 {
    grid-column-gap: 0px;
    grid-row-gap: 11px;
    grid-template: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" /1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-content: start;
    align-items: start;
    width: 100%;
    max-width: 100%
  }

  .reels-info-00-m {
    background-image: url(/64b119869623518eb70113c1_Simon%20Tonev.jpg);
    background-position: 100% 74%;
    min-width: 95%;
    height: 470px
  }

  .upcoming-projects {
    flex: 1;
    max-width: 100%;
    margin-top: auto;
    padding-left: 10px;
    padding-right: 10px
  }

  .upcoming-info-box {
    height: 18%
  }

  .video-14 {
    margin-top: 0
  }

  .about-me-vignette,
  .about-me-vignette-ipad {
    height: 100%
  }

  .div-block-39 {
    background-image: url(/64b119869623518eb7011380_Web%20Storyboards.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px
  }

  .cereal-killer-images-01 {
    background-image: url(/64b119869623518eb7011374_Cereal%20Killer3.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-02 {
    background-image: url(/64b119869623518eb7011380_Web%20Storyboards.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-03 {
    background-image: url(/64b119869623518eb701137d_Web%20Storyboards2.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-04 {
    background-image: url(/64b119869623518eb701137c_Web%20Storyboards3.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-05 {
    background-image: url(/64b119869623518eb701137e_Web%20Storyboards4.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-06 {
    background-image: url(/64b119869623518eb701137b_Web%20Storyboards5.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-07 {
    background-image: url(/64b119869623518eb701137f_Web%20Storyboards6.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-08 {
    background-image: url(/64b119869623518eb7011376_Cereal%20Killer12.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-09 {
    background-image: url(/64b119869623518eb7011375_Cereal%20Killer13.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .standal-image-01 {
    background-image: url(/64b119869623518eb7011374_Cereal%20Killer3.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .standal-image-02 {
    background-image: url(/64b119869623518eb7011380_Web%20Storyboards.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .standal-image-03 {
    background-image: url(/64b119869623518eb701137d_Web%20Storyboards2.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .standal-image-04 {
    background-image: url(/64b119869623518eb701137c_Web%20Storyboards3.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .standal-image-05 {
    background-image: url(/64b119869623518eb701137e_Web%20Storyboards4.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .standal-image-06 {
    background-image: url(/64b119869623518eb701137b_Web%20Storyboards5.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .standal-image-07 {
    background-image: url(/64b119869623518eb701137f_Web%20Storyboards6.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .standal-image-06-copy {
    background-image: url(/64b119869623518eb701137b_Web%20Storyboards5.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .upcoming-info-box-2 {
    height: 18%
  }

  .soderlund-images-01 {
    background-image: url(/64b119869623518eb7011374_Cereal%20Killer3.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .cereal-killer-images-02-copy,
  .soderlund-images-02 {
    background-image: url(/64b119869623518eb7011380_Web%20Storyboards.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .soderlund-images-03 {
    background-image: url(/64b119869623518eb701137d_Web%20Storyboards2.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .soderlund-images-04 {
    background-image: url(/64b119869623518eb701137c_Web%20Storyboards3.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .soderlund-images-05 {
    background-image: url(/64b119869623518eb701137e_Web%20Storyboards4.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .soderlund,
  .cereal-killer {
    width: 100%;
    min-height: 400px
  }

  .soderlund-images-06 {
    background-image: url(/64b119869623518eb701137c_Web%20Storyboards3.png);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 10px
  }

  .news-reel-01 {
    background-image: url(/64b119869623518eb70113c2_OTRA%20-%20Web-2.jpg);
    background-position: 47%;
    background-size: cover;
    height: 80%
  }

  .news-reel-gradient {
    height: 100%
  }

  .news-reel-02 {
    height: 80%
  }

  .news-reel-gradient-2 {
    height: 100%
  }

  .news-reel-03 {
    height: 80%
  }

  .news-reel-gradient-3 {
    height: 100%
  }

  .news-reel-04,
  .news-reel-05 {
    height: 80%
  }

  .news-reel-gradient-4,
  .news-reel-gradient-phone,
  .news-reel-gradient-phone-2,
  .news-reel-gradient-phone-3,
  .news-reel-gradient-phone-4,
  .news-reel-gradient-phone-5,
  .news-reel-gradient-phone-small {
    height: 100%
  }

  .about-me-pictures-1 {
    height: 310px;
    min-height: auto
  }

  .about-me-pictures-2 {
    background-position: 100%;
    height: 310px;
    min-height: auto
  }

  .about-me-pictures-3 {
    height: 310px;
    min-height: auto
  }

  .based-in-title {
    font-weight: 500
  }

  .phone-button-copy,
  .message-in-a-bottle-2 {
    border-radius: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px
  }

  .image-44 {
    max-width: 100%
  }

  .container-for-bts-text {
    width: 50%
  }

  .news-reel-06 {
    background-image: none;
    height: 80%
  }

  .news-reel-07 {
    background-image: url(/64b119869623518eb70113be_teft4.jpg);
    background-position: -10px -10px;
    background-size: cover;
    height: 80%
  }

  .reels-info-text-001-teft {
    width: 1140px;
    max-width: 60%;
    margin-bottom: 195px;
    margin-left: 0
  }

  .news-button-black {
    color: #000;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 700
  }

  .about-me-pictures-4 {
    height: 310px;
    min-height: 400px
  }

  .about-me-pictures-5,
  .about-me-pictures-6 {
    height: 310px;
    min-height: auto
  }

  .gradient-reels-01-sofie {
    height: 100%
  }

  .pagewrapper-horisontal-2 {
    height: 100%;
    min-height: 900px
  }

  .about-me-pictures-7 {
    height: 310px;
    min-height: auto
  }

  .pagewrapper-horisontal-3 {
    height: 100%;
    min-height: 650px
  }

  .about-me-pictures-8 {
    height: 268px;
    min-height: auto
  }

  .pagewrapper-horisontal-4 {
    height: 100%;
    min-height: 900px
  }

  .pagewrapper-horisontal-6,
  .pagewrapper-horisontal-7 {
    height: 100%;
    min-height: 650px
  }

  .bts-video-box-2 {
    min-height: auto;
    margin-top: -20px
  }

  .container-for-bts-text-2 {
    width: 50%
  }

  .news-reel-9 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: none;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 80%;
    display: grid
  }

  .dj-wrapper {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 10px
  }

  .dj-header {
    background-image: url(/64b12025cdc6cdb36f704269_DJ_Website-7.jpg);
    background-position: 50%;
    background-size: cover;
    height: 30%;
    margin-left: auto;
    margin-right: auto
  }

  .div-block-44 {
    width: 60%;
    margin: 100px auto auto
  }

  .dj-pic {
    margin: 100px auto 0
  }

  .dj-pics {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
  }

  .dj-pic-2 {
    margin: 0 auto
  }

  .dj-pics-2 {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-top: 0
  }

  .dj-pics-3 {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-top: auto
  }

  .dj-pic-3 {
    margin: auto
  }

  .dj-wrapper-2 {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 10px
  }

  .dj-pic-22,
  .dj-pic-23 {
    margin: 100px auto 0
  }

  .dj-wrapper-1-phone,
  .dj-wrapper-2-phone,
  .dj-wrapper-3-phone {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 10px
  }
}

@media screen and (max-width:479px) {
  .container-2 {
    flex-direction: row;
    align-items: center
  }

  .navbar-2 {
    margin-top: 0;
    margin-bottom: 0
  }

  .image {
    justify-content: flex-start;
    align-items: flex-start;
    height: 20px;
    margin-top: 15px;
    margin-left: 26px;
    margin-right: 0;
    display: block;
    position: static
  }

  .brand {
    width: 70%
  }

  .brand.w--current {
    align-self: stretch;
    width: auto;
    height: auto;
    margin-left: 3px
  }

  .services {
    background-color: #0a0a0a;
    flex-direction: column;
    max-width: none;
    height: 110px;
    min-height: auto;
    padding: 40px 0
  }

  .film-box {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 0
  }

  .heading-7.project-header {
    z-index: 0;
    clear: none;
    object-fit: fill;
    flex-direction: row;
    flex: none;
    order: -1;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 100%;
    display: block;
    position: relative;
    overflow: visible
  }

  .about-the-film {
    width: auto;
    font-size: 13px;
    line-height: 19px
  }

  .stills-section {
    margin-top: -86px
  }

  .about {
    width: 80%;
    margin-top: 0;
    font-size: 11px
  }

  .container-for-quote {
    line-height: 0
  }

  .text-block-2 {
    width: 280px
  }

  .body-4 {
    flex-direction: column;
    height: 100%;
    max-height: none;
    display: block;
    overflow: visible
  }

  .container-for-services {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: row;
    grid-template: ".Area" /1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: flex-start;
    place-items: flex-start center;
    width: 95%;
    height: auto;
    max-height: none;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex
  }

  .services-icon-1 {
    width: auto;
    max-width: none;
    height: auto;
    min-height: auto;
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
  }

  .serviceicon {
    width: 100%
  }

  .services-heading {
    font-size: 8px;
    display: none
  }

  .services-heading.portraits-color {
    font-size: 8px
  }

  .heading-13 {
    font-size: 15px
  }

  .icon-2 {
    color: #fefaf7;
    margin-left: -47px;
    padding-left: 0
  }

  .navbar-5 {
    display: block
  }

  .clwrapper {
    object-fit: fill;
    flex: none;
    align-self: center;
    width: 100%
  }

  .projectgrid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid
  }

  .credits {
    width: 80%;
    height: 500px
  }

  .format-for-statement {
    color: #fffbf8;
    text-transform: none;
    margin-bottom: 10px;
    font-family: Acaslon itaosf, sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-decoration: none
  }

  .author-of-statement.author {
    letter-spacing: 2px;
    object-fit: fill;
    height: auto;
    margin-top: 12px;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 7px;
    font-weight: 500;
    line-height: 100%
  }

  .landing-page-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" "Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16" "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10"
  }

  .film-titles {
    margin-left: 3px;
    margin-right: auto;
    padding-right: 0;
    font-size: 15px
  }

  .title-line {
    height: 10px;
    margin-right: 10px;
    font-size: 10px
  }

  .title-line.taller-02 {
    height: 10px
  }

  .body-5 {
    object-fit: fill;
    height: auto
  }

  .about_title {
    font-size: 16px
  }

  .about_text {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    font-size: 20px;
    line-height: 24px;
    display: block
  }

  .image-13 {
    max-width: 81%
  }

  .about_info {
    justify-content: center;
    align-items: flex-start;
    width: 85%;
    max-width: 85%;
    margin-top: 30px;
    margin-bottom: 0;
    margin-left: auto
  }

  .pagewrapper-horisontal {
    justify-content: center;
    max-width: 100%;
    height: 100%;
    min-height: auto;
    margin-top: auto;
    padding-top: 0;
    padding-bottom: 0
  }

  .pagewrapper-horisontal-news {
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-top: auto;
    padding-left: 15px;
    padding-right: 15px
  }

  .news-text {
    background-color: #0c0c0c;
    padding-top: 22px
  }

  .news_title {
    letter-spacing: 0;
    text-indent: 0;
    text-transform: none;
    column-count: auto;
    column-rule-width: 0px;
    column-gap: 0;
    margin-bottom: 5px;
    padding-left: 0;
    font-size: 16px;
    line-height: 18px
  }

  .news_text {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 16px
  }

  .news-article-01 {
    flex: 0 auto;
    align-self: center;
    max-height: none;
    margin-top: auto;
    margin-bottom: 40px
  }

  .news-image-01 {
    min-height: 300px
  }

  .grid-box-news.scale-box.picture {
    background-image: url(/64b119869623518eb7011324_Director\'s%20Reel%202020.00_01_082_08.Still025.jpg);
    background-size: cover;
    max-width: 100%;
    height: 300px
  }

  .highlight-box.hb-pc {
    height: 100%
  }

  .social {
    clear: none;
    object-fit: fill;
    flex-direction: row;
    height: 100px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
    overflow: visible
  }

  .social-icon-box {
    width: 90%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .pagewrapper-films {
    margin-top: auto
  }

  .showreel-lightbox.highlight-box-02 {
    height: 400px;
    display: block
  }

  .pagewrapper-photography {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 1fr);
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: grid
  }

  .photography-portfolio {
    grid-template-columns: 1fr 1fr 1fr 1fr
  }

  .about-text-01 {
    direction: ltr;
    letter-spacing: 0;
    text-transform: none;
    align-items: flex-start;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    display: block
  }

  .team {
    letter-spacing: 1px;
    max-width: 90%;
    font-size: 8px;
    line-height: 1.1em
  }

  .about-box {
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 88%;
    min-height: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    overflow: visible
  }

  .quote-box {
    min-height: 150px;
    margin-bottom: 0
  }

  .credit-box {
    min-height: 50px
  }

  .gallery-box {
    margin-top: 0;
    margin-bottom: 0
  }

  .still16x9 {
    margin-bottom: 15px
  }

  .pagewrapper-project {
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto
  }

  .bts-box {
    width: 90%;
    max-width: 95%;
    margin-top: 0;
    margin-bottom: 0
  }

  .image-23 {
    margin-bottom: 20px
  }

  .photography-portfolio-v2 {
    grid-template-columns: 1fr 1fr 1fr 1fr
  }

  .news-button {
    color: #fffbf8;
    margin-top: 10px;
    font-size: 14px
  }

  .grid-box-ipad.scale-box.picture3 {
    background-position: 10% 68%
  }

  .grid-box-mid-block-ipad.scale-box.picture5 {
    background-position: 60%
  }

  .grid-box-ipad-right.scale-box.picture6 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
  }

  .grid-box-bottom-right.scale-box.picture4 {
    background-position: 30%
  }

  .grid-box-left-block.scale-box.picture2 {
    background-position: 80%
  }

  .director-type {
    font-weight: 300
  }

  .contact-text {
    background-color: #0a0a0a;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    height: 0%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .services-text {
    width: 100%;
    max-width: none
  }

  .contact-title {
    text-align: center;
    width: auto;
    margin-top: auto;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 20px
  }

  .services-info-text {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px
  }

  .contact-me-box {
    max-width: 80%;
    font-size: 15px
  }

  .city-image {
    height: 100%;
    min-height: auto;
    display: block
  }

  .gradient-for-services {
    background-image: linear-gradient(53deg, #000, #0000);
    height: auto;
    min-height: 450px
  }

  .contact-buttons {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 70%;
    max-width: none;
    height: auto;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex
  }

  .e-mail-button {
    border-width: 0;
    border-radius: 5px;
    align-self: auto;
    width: auto;
    margin: 12px auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px
  }

  .phone-button {
    border-width: 0;
    border-radius: 5px;
    margin: 12px auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px
  }

  .message-in-a-bottle {
    color: #f1eced;
    border-radius: 5px;
    height: auto;
    margin: 12px auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px
  }

  .carrier-pidgeon {
    opacity: 1;
    border-width: 0;
    border-radius: 5px;
    margin: 12px auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px
  }

  .contact-buttons-title {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: Andis, sans-serif;
    font-size: 16px
  }

  .portfolio-photography {
    place-content: center;
    place-items: stretch stretch;
    width: 100%
  }

  .image-26 {
    width: 100%;
    height: 100%;
    margin-left: auto
  }

  .portfolio-image {
    width: auto;
    height: auto
  }

  .container-for-about {
    align-self: center;
    width: 85%;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0
  }

  .body-10 {
    height: auto;
    display: block;
    overflow: visible
  }

  .background-video {
    width: 100%;
    height: 630px
  }

  .contact-me-center-2 {
    align-self: center;
    width: 100%;
    height: 500px;
    padding-top: 60px;
    padding-bottom: 80px
  }

  .contact-me-box-2 {
    align-self: auto;
    width: 70%;
    max-width: 100%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0
  }

  .contact-title-2 {
    text-align: left;
    align-self: flex-start;
    width: auto;
    height: auto;
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 0
  }

  .services-info-text-2 {
    align-self: flex-start;
    width: auto;
    max-width: none;
    max-height: none;
    margin: 0;
    font-size: 16px
  }

  .logo-type-class {
    font-size: 17px
  }

  .director-type-class {
    margin-top: -29px;
    font-size: 13px;
    font-weight: 300
  }

  .contact-02.w--current {
    text-align: left
  }

  .nav-menu-4 {
    z-index: auto
  }

  .film-titles-01 {
    text-align: center;
    font-size: 15px;
    line-height: 15px
  }

  .empty-state {
    display: none
  }

  .skeleton {
    background-color: #020202
  }

  .image-30 {
    max-width: 80%
  }

  .film-titles-01-other {
    text-align: center;
    margin-bottom: 18px;
    margin-left: 18px;
    font-size: 15px;
    line-height: 15px
  }

  .play-showreel-icon {
    width: 4.4%;
    margin-right: 4px;
    font-size: 30px
  }

  .play-showreel-icon-ipad {
    width: 6%;
    margin-right: 10px
  }

  .nhc,
  .audience {
    min-height: 300px
  }

  .experiment_bts_photo_1 {
    width: 100%;
    height: 100%;
    min-height: 500px
  }

  .experiment_bts_photo_2 {
    background-position: 50%;
    width: 100%;
    height: 100%;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto
  }

  .experiment-image-rack-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex
  }

  .experiment_bts_photo_4,
  .experiment_bts_photo_6 {
    height: 100%;
    min-height: 200px
  }

  .experiment-info-box {
    height: 100%;
    margin-top: 10px
  }

  .experiment_text_box {
    width: 90%;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px
  }

  .lightbox-link-4 {
    background-position: 50%;
    width: 100%;
    height: 100%;
    min-height: 500px
  }

  .contact-form {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    height: 100%;
    max-height: none;
    padding-top: 100px;
    padding-bottom: 100px
  }

  .submit-button-2 {
    margin-top: 4px
  }

  .section-14 {
    background-color: #0a0a0a;
    width: auto;
    height: auto;
    min-height: 220px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 0
  }

  .showreel-bg {
    height: 400px;
    min-height: auto
  }

  .grid-box-showreel-ipad-2.scale-box {
    height: 400px;
    min-height: auto;
    margin-top: 0
  }

  .gradient-box-ipad-showreel {
    max-width: none;
    height: 400px;
    min-height: auto
  }

  .text-block-6 {
    font-size: 13px
  }

  .ipad-gridbox.scale-box.picture3,
  .gradient-box-ipad-2 {
    height: 220px
  }

  .grid-box-ipad-8.scale-box.picture4 {
    background-image: url(/64b119869623518eb7011391_Thumbs5.jpg);
    background-position: 0%;
    height: 220px
  }

  .gradient-box-ipad8 {
    height: 220px
  }

  .grid-box-ipad10.scale-box.picture5 {
    background-position: 100% 100%;
    height: 220px
  }

  .gradient-box-ipad10,
  .grid-box-11.scale-box.picture6,
  .gradient-box-11,
  .grid-box-12.scale-box.picture2,
  .gradient-box-12 {
    height: 220px
  }

  .grid-box-111.scale-box.picture3-copy,
  .gradient-box-111 {
    height: 160px
  }

  .stockholm {
    min-height: 300px
  }

  .music-video {
    background-image: url(/64b119869623518eb701137a_Musicvideo3.jpg);
    background-position: 70%;
    min-height: 300px
  }

  .kind {
    min-height: 300px
  }

  .bts-video-box {
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 95%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    overflow: visible
  }

  .reels-info-1 {
    height: auto
  }

  .reels-info-01,
  .reels-info-02,
  .reels-info-03,
  .reels-info-04 {
    height: 100%;
    min-height: 450px;
    display: none
  }

  .gradient-reels-01 {
    background-image: linear-gradient(53deg, #00000082, #0000 53%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .gradient-reels-02,
  .gradient-reels-03,
  .gradient-for-services-copy,
  .gradient-reels-04 {
    background-image: linear-gradient(53deg, #000, #0000);
    height: auto;
    min-height: 450px
  }

  .reels-info-text {
    align-self: center;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0
  }

  .contact-me-center-2-copy {
    align-self: center;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px
  }

  .reels-info-text-02 {
    align-self: center;
    width: 100%;
    height: 300px;
    padding-top: 40px;
    padding-bottom: 40px
  }

  .contact-me-box-2-copy,
  .reels-info-text-001,
  .reels-info-text-002 {
    align-self: auto;
    width: 80%;
    max-width: 100%
  }

  .reels-info-text-03 {
    align-self: center;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px
  }

  .reels-info-text-003 {
    align-self: auto;
    width: 80%;
    max-width: 100%
  }

  .reels-info-text-04 {
    align-self: center;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px
  }

  .reels-info-text-004 {
    align-self: auto;
    width: 80%;
    max-width: 100%
  }

  .reels-info-01-m {
    background-position: 50%;
    width: 100%;
    height: auto;
    min-height: auto;
    display: block
  }

  .reels-info-02-m,
  .reels-info-03-m,
  .reels-info-04-m {
    width: 100%;
    height: 100%;
    min-height: auto;
    display: block
  }

  .gradient-reels-01-m {
    background-image: linear-gradient(53deg, #000, #0000);
    height: auto;
    min-height: auto
  }

  .reels-info-text-001-m {
    align-self: auto;
    width: 80%;
    max-width: 100%
  }

  .landing-page-grid02,
  .landing-page-grid-copy,
  .landing-page-grid-04 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" "Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16" "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10"
  }

  .showreel-bg-02 {
    min-height: 160px
  }

  .landing-page-grid-05,
  .landing-page-grid-06,
  .landing-page-grid-phone {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" "Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16" "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10"
  }

  .landing-page-grid-08 {
    grid-template-rows: auto;
    grid-template-areas: "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10";
    margin-top: 10px
  }

  .landing-page-grid-phone-02 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15" "Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16 Area-16" "Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17 Area-17" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8 Area-8" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9 Area-9" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10" "Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10 Area-10"
  }

  .gradient-for-services-02 {
    background-image: linear-gradient(53deg, #000, #0000 94%);
    height: auto;
    min-height: auto
  }

  .landing-page-grid-phone-03 {
    grid-template-rows: auto;
    grid-template-areas: "Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15 Area-15"
  }

  .reels-info-00 {
    height: auto;
    min-height: auto;
    padding-left: 0;
    display: none
  }

  .services-title-01 {
    margin-bottom: 6px;
    font-size: 17px
  }

  .pagewrapper-horisontal-about {
    justify-content: flex-start;
    height: auto;
    margin-top: auto
  }

  .reels-info-00-m {
    background-image: url(/64b119869623518eb70113c1_Simon%20Tonev.jpg);
    background-position: 90%;
    background-size: cover;
    flex-flow: column;
    flex: 0 auto;
    align-self: stretch;
    width: 95%;
    min-width: auto;
    max-width: none;
    height: 330px;
    min-height: auto;
    max-height: none;
    margin: 0 auto;
    display: block
  }

  .body-12 {
    height: auto;
    display: block;
    overflow: visible
  }

  .upcoming-info-box {
    height: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0
  }

  .upcoming-text {
    width: 60%;
    height: 100%;
    margin-top: 40px;
    margin-bottom: 40px
  }

  .about-me-vignette {
    background-image: linear-gradient(53deg, #000, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .about-me-vignette-ipad {
    background-image: none;
    width: 100%;
    height: 100%;
    min-height: auto
  }

  .cereal-killer-images-01,
  .cereal-killer-images-02,
  .cereal-killer-images-03,
  .cereal-killer-images-04,
  .cereal-killer-images-05,
  .cereal-killer-images-06,
  .cereal-killer-images-07,
  .cereal-killer-images-08,
  .cereal-killer-images-09,
  .standal-image-01,
  .standal-image-02,
  .standal-image-03,
  .standal-image-04,
  .standal-image-05,
  .standal-image-06,
  .standal-image-07,
  .standal-image-06-copy {
    background-image: none;
    width: auto;
    height: auto;
    min-height: auto
  }

  .upcoming-info-box-2 {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .soderlund-images-01,
  .cereal-killer-images-02-copy,
  .soderlund-images-02,
  .soderlund-images-03,
  .soderlund-images-04,
  .soderlund-images-05 {
    background-image: none;
    width: auto;
    height: auto;
    min-height: auto
  }

  .soderlund {
    background-image: url(/64b119869623518eb7011370_Soderlund01.jpg);
    min-height: 300px
  }

  .cereal-killer {
    background-image: url(/64b119869623518eb7011365_Cereal%20Killer.jpg);
    background-position: 50%;
    min-height: 300px
  }

  .soderlund-images-06 {
    background-image: none;
    width: auto;
    height: auto;
    min-height: auto
  }

  .news-reel-01 {
    background-image: url(/64b119869623518eb70113c2_OTRA%20-%20Web-2.jpg);
    background-position: 16% 100%;
    background-size: cover;
    height: 480px;
    min-height: auto;
    display: block
  }

  .news-reel-gradient {
    background-image: linear-gradient(53deg, #000, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .news-reel-02 {
    height: 480px;
    min-height: auto;
    display: block
  }

  .news-reel-gradient-2 {
    background-image: linear-gradient(53deg, #000, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .news-reel-03 {
    height: 480px;
    min-height: auto;
    display: block
  }

  .news-reel-gradient-3 {
    background-image: linear-gradient(53deg, #000, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .news-reel-04,
  .news-reel-05 {
    height: 480px;
    min-height: auto;
    display: block
  }

  .news-reel-gradient-4 {
    background-image: linear-gradient(53deg, #000, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .showreel-title {
    padding-right: 0;
    font-size: 16px
  }

  .news-reel-gradient-phone {
    background-image: linear-gradient(53deg, #000 7%, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .news-reel-gradient-phone.news-reel-gradient-phone-small {
    background-image: linear-gradient(83deg, #000, #fff0 59%)
  }

  .news-reel-gradient-phone-2 {
    background-image: linear-gradient(53deg, #000, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .news-reel-gradient-phone-2.news-reel-gradient-phone-small-2 {
    background-image: linear-gradient(53deg, #000 15%, #0000 68%)
  }

  .news-reel-gradient-phone-3 {
    background-image: linear-gradient(53deg, #000, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .news-reel-gradient-phone-3.news-reel-gradient-phone-small {
    background-image: linear-gradient(53deg, #000 17%, #00000026 77%)
  }

  .news-reel-gradient-phone-4,
  .news-reel-gradient-phone-5 {
    background-image: linear-gradient(53deg, #000, #0000 74%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .news-reel-gradient-phone-small {
    background-image: linear-gradient(53deg, #000000d4 27%, #00000052);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .about-page-collection-1,
  .about-page-collection-2 {
    height: 100%;
    min-height: 450px;
    display: none
  }

  .about-me-pictures-1 {
    background-image: url(/64b119869623518eb70113e4_OTRA-Web--10.jpg);
    height: 230px;
    min-height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block
  }

  .about-me-pictures-2,
  .about-me-pictures-3 {
    height: 230px;
    min-height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block
  }

  .based-in {
    color: #fff;
    align-self: flex-start;
    width: auto;
    max-width: none;
    max-height: none;
    margin: 10px 0 0;
    font-size: 18px
  }

  .contact-title-2-copy {
    text-align: left;
    align-self: flex-start;
    width: auto;
    height: auto;
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 0
  }

  .based-in-title {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    align-self: flex-start;
    width: auto;
    height: auto;
    margin: auto auto 12px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 0
  }

  .phone-button-copy {
    border-width: 0;
    border-radius: 5px;
    margin: 12px auto;
    padding-left: 61px;
    padding-right: 61px;
    font-size: 13px
  }

  .message-in-a-bottle-2 {
    border-width: 0;
    border-radius: 5px;
    margin: 12px auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px
  }

  .milestones-01 {
    padding-left: 25px;
    padding-right: 25px
  }

  .milestones-01:visited {
    padding-left: 20px
  }

  .heading-16 {
    margin-bottom: 0;
    font-size: 14px
  }

  .container-for-bts-text {
    align-self: center;
    width: 76%;
    min-height: auto;
    margin: 60px 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .news-reel-06 {
    height: 480px;
    min-height: auto;
    display: block
  }

  .news-reel-07 {
    background-image: url(/64b119869623518eb70113be_teft4.jpg);
    background-position: 50% 100%;
    height: 480px;
    min-height: auto;
    display: block
  }

  .services-info-text-2-black {
    align-self: flex-start;
    width: auto;
    max-width: none;
    max-height: none;
    margin: 0;
    font-size: 16px
  }

  .services-title-01-black {
    margin-bottom: 6px;
    font-size: 17px
  }

  .reels-info-text-001-teft {
    align-self: auto;
    width: 80%;
    max-width: 100%;
    margin-bottom: 141px
  }

  .news-button-black {
    color: var(--black);
    margin-top: 10px;
    font-size: 14px
  }

  .about-me-pictures-4 {
    background-image: url(/64b119869623518eb70113d7_OTRA-Web--19.jpg);
    height: 230px;
    min-height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block
  }

  .about-me-pictures-5 {
    height: 230px;
    min-height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block
  }

  .about-me-pictures-6 {
    background-size: cover;
    height: 230px;
    min-height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block
  }

  .gradient-reels-01-sofie {
    background-image: linear-gradient(53deg, #00000082, #0000 53%);
    width: auto;
    height: 100%;
    min-height: auto
  }

  .pagewrapper-horisontal-2 {
    justify-content: center;
    max-width: 100%;
    height: auto;
    min-height: auto;
    margin-top: auto;
    padding-top: 30px;
    padding-bottom: 30px
  }

  .about-me-pictures-7 {
    background-size: cover;
    height: 230px;
    min-height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block
  }

  .pagewrapper-horisontal-3 {
    justify-content: center;
    max-width: 100%;
    height: 400px;
    min-height: auto;
    margin-top: auto
  }

  .about-me-pictures-8 {
    background-image: none;
    flex-direction: row;
    flex: 0 auto;
    align-self: stretch;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    overflow: scroll
  }

  .pagewrapper-horisontal-4,
  .pagewrapper-horisontal-6,
  .pagewrapper-horisontal-7 {
    justify-content: center;
    max-width: 100%;
    height: 100%;
    min-height: 0%;
    margin-top: auto;
    padding-top: 0;
    padding-bottom: 0
  }

  .bts-video-box-2 {
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 95%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    overflow: visible
  }

  .container-for-bts-text-2 {
    align-self: center;
    width: 76%;
    min-height: auto;
    margin: 30px 0 40px;
    padding-top: 0;
    padding-bottom: 0
  }

  .news-reel-9 {
    background-image: url(/64b119869623518eb70113ba_cdance.jpg);
    height: 480px;
    min-height: auto;
    display: block
  }

  .text1 {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }

  .text-block-7 {
    margin-left: 0;
    margin-right: 0;
    font-size: 22px
  }

  .paragraph-6 {
    width: 100%;
    margin-top: 15px;
    margin-right: auto
  }

  .dj-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0 0 10px
  }

  .dj-picture {
    background-image: url(/64b12025d8bd3f76603aacfb_DJ_Website-5.jpg);
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 300px
  }

  .dj-header {
    background-position: 30%;
    height: 480px;
    min-height: auto;
    display: block
  }

  .dj-wrapper-text-box {
    flex-wrap: wrap;
    place-content: space-between center;
    align-items: stretch;
    height: 100%
  }

  .image-45 {
    max-width: 60%
  }

  .div-block-44 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 69%;
    margin: 100px auto;
    display: flex
  }

  .dj-pic {
    background-image: url(/64b12025d8bd3f76603aacfb_DJ_Website-5.jpg);
    background-position: 20%;
    background-size: cover;
    width: 100%;
    height: 270px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto
  }

  .image-46 {
    width: 100%;
    height: auto
  }

  .dj-pics {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0 0 10px
  }

  .dj-pic-2 {
    background-image: url(/64b12025a66be20bb660ead6_DJ_Website-3.jpg);
    background-position: 40%;
    background-size: cover;
    width: 100%;
    height: 270px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto
  }

  .dj-pics-2,
  .dj-pics-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0 0 10px
  }

  .dj-pic-3 {
    background-image: url(/64b12025ac248f8f0c2ff023_DJ_Website-6.jpg);
    background-position: 39% 100%;
    background-size: cover;
    width: 100%;
    height: 270px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto
  }

  .dj-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0 0 10px
  }

  .dj-pic-22 {
    background-image: url(/64b12025a66be20bb660ead6_DJ_Website-3.jpg);
    background-position: 20%;
    background-size: cover;
    width: 100%;
    height: 270px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto
  }

  .dj-pic-23 {
    background-image: url(/64b12025ac248f8f0c2ff023_DJ_Website-6.jpg);
    background-position: 50% 100%;
    background-size: cover;
    width: 100%;
    height: 270px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto
  }

  .dj-wrapper-1-phone,
  .dj-wrapper-2-phone,
  .dj-wrapper-3-phone {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0 0 10px
  }
}

#w-node-_86ad773d-4a93-893d-a120-535c82a954e8-b7011105 {
  grid-area: 1/1/2/10
}

#w-node-_52727df5-a38d-686b-8caa-2db1e5ec56a5-b7011105 {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-_19a9d6c1-2bab-238d-60e4-f853d73685d5-b7011111 {
  grid-area: 1/1/2/9
}

#w-node-_0bc6844d-0f7d-6919-a22f-8a57783c1dae-b7011113 {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-_07640ef6-7700-35bd-1eb4-90e7f7db8862-b7011116,
#w-node-f53f94b6-1cfe-ce77-d918-fdd1ac95eec2-b7011116 {
  grid-area: span 2/span 6/span 2/span 6
}

#w-node-_07d9aa7a-72a9-54fa-8c6e-f3a088fa1275-b7011116,
#w-node-e91597d3-4475-0189-6e64-cb8d037ae9b9-b7011116,
#w-node-_132b9754-09e8-e824-14e9-815d39dbabd1-b7011116 {
  grid-area: span 2/span 4/span 2/span 4
}

#w-node-c25e1fc2-d7c1-04e1-16bd-50926419deca-b7011116,
#w-node-_19fe859e-c82f-f3c4-b1e7-9ed795e8af92-b7011116 {
  grid-area: span 2/span 6/span 2/span 6
}

#w-node-d4a13259-a13f-e34f-2b1c-f85d7f97578b-b7011116 {
  grid-area: span 1/span 12/span 1/span 12
}

#w-node-_37cff780-44df-5fa1-4906-9ae5fff7872a-b7011116 {
  grid-area: span 5/span 8/span 5/span 8
}

#w-node-a5f305ed-d08a-44ec-658d-ecbade3217dd-b7011116 {
  grid-area: span 5/span 4/span 5/span 4
}

#w-node-_64bfabd6-8d33-c6fc-391a-c1f993c46d0c-b7011116 {
  grid-area: span 6/span 12/span 6/span 12
}

#w-node-_00103f8e-310e-047f-2ed8-92c8a4f5aa8a-b7011116 {
  grid-area: span 2/span 12/span 2/span 12
}

#w-node-b911c702-cc10-3df7-6508-2890447530fd-b7011116,
#w-node-_03d2f95e-bdc9-4474-3128-1672275277fe-b7011116 {
  grid-area: span 2/span 6/span 2/span 6
}

#w-node-_418e4b90-a646-b8f6-e349-0bbadd39a7f6-b7011116 {
  grid-area: span 3/span 12/span 3/span 12
}

#w-node-_4eef8cc6-38db-f2a0-237e-f1641b532e73-b7011116 {
  grid-area: span 4/span 6/span 4/span 6
}

#w-node-e83d286a-cfa4-e004-cd37-dd6b70f78211-b7011116,
#w-node-c001fbcc-59ea-c1e8-a4a2-4a9b42301198-b7011116 {
  grid-area: span 3/span 6/span 3/span 6
}

#w-node-a85762cc-701a-4452-1bf7-e79b3b28d158-b7011116 {
  grid-area: span 2/span 6/span 2/span 6
}

#w-node-_30e2d4b5-07a6-4c32-5ed1-973727079986-b7011116,
#w-node-_735abb05-9099-b04a-5a4d-da4529c98f0d-b7011116,
#w-node-_0c11a59c-8b74-27aa-1f02-d303595345dc-b7011116 {
  grid-area: span 5/span 4/span 5/span 4
}

#w-node-_69d4196a-1cf8-5f5a-64c9-b45cc019b50c-b7011116 {
  grid-area: span 1/span 12/span 1/span 12
}

#w-node-_9a6513b8-2cf5-8ab6-93fe-7bf5a6251d63-b7011116 {
  grid-area: span 4/span 4/span 4/span 4
}

#w-node-_1e313a98-c181-376f-9138-72fc0523070c-b7011116 {
  grid-area: span 4/span 8/span 4/span 8
}

#w-node-_7ee6d15f-addc-b9ba-183d-5536c23ba344-b7011116 {
  grid-area: span 2/span 5/span 2/span 5
}

#w-node-d11ad39d-f3de-7e35-c073-9bc367da22ff-b7011116,
#w-node-_75e7c461-b9ac-c6d4-54b9-ff570a8dc356-b7011116 {
  grid-area: span 1/span 7/span 1/span 7
}

#w-node-b0d7f0fb-2cb6-6f57-8d93-ddeef06dbe48-b7011116,
#w-node-_0c0ea9ff-8a4b-3dd4-0a4b-9d7d6a74d3e0-b7011116,
#w-node-_0a9e1c08-a037-c5f7-ecfe-5030fa5ce0b0-b7011116 {
  grid-area: span 5/span 4/span 5/span 4
}

#w-node-_8676ecfa-5b70-27eb-75ca-1f1390664e44-b7011116,
#w-node-_340012a9-7910-05a8-c046-7d7a71b3a7e8-b7011116 {
  grid-area: span 1/span 6/span 1/span 6
}

#w-node-_26dc960a-4efb-b547-8f65-5add628545e0-b7011116 {
  grid-area: span 1/span 12/span 1/span 12
}

#w-node-_2548dda9-8087-7352-2e84-b348dc801329-b7011116,
#w-node-aa4653a0-5303-aafd-4b1f-64fc8d5b3915-b7011116 {
  grid-area: span 1/span 6/span 1/span 6
}

#w-node-_61e4ae1f-2580-18ad-f1bb-314db19919a1-b7011116,
#w-node-ecdc1a83-6c52-c16c-76b2-8c00ac9d44bd-b7011116 {
  grid-area: span 4/span 12/span 4/span 12
}

#w-node-d625163c-fd92-a85e-d0b6-f4cb32316b27-32316b25 {
  grid-area: 2/1/5/4
}

#w-node-d625163c-fd92-a85e-d0b6-f4cb32316b32-32316b25 {
  grid-area: Area-6
}

#w-node-d625163c-fd92-a85e-d0b6-f4cb32316b3d-32316b25 {
  grid-area: 2/4/5/7
}

#w-node-d625163c-fd92-a85e-d0b6-f4cb32316b48-32316b25 {
  grid-area: 2/7/5/10
}

#w-node-d625163c-fd92-a85e-d0b6-f4cb32316b53-32316b25 {
  grid-area: Area-5
}

#w-node-d625163c-fd92-a85e-d0b6-f4cb32316b5e-32316b25 {
  grid-area: Area-2
}

#w-node-bad45670-3024-de15-9486-e5cdb736c69b-b736c69b {
  grid-area: 1/1/2/10
}

@media screen and (min-width:1440px) {
  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b27-32316b25 {
    grid-area: Area-3
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b3d-32316b25 {
    grid-area: Area-4
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b48-32316b25 {
    grid-area: Area-7
  }
}

@media screen and (max-width:991px) {
  #w-node-_86ad773d-4a93-893d-a120-535c82a954e8-b7011105 {
    grid-area: 1/1/2/14
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b27-32316b25 {
    grid-area: Area-3
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b3d-32316b25 {
    grid-area: Area-4
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b48-32316b25 {
    grid-area: Area-7
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b5e-32316b25 {
    grid-area: Area-8
  }

  #w-node-bad45670-3024-de15-9486-e5cdb736c69b-b736c69b {
    grid-area: 1/1/2/14
  }
}

@media screen and (max-width:767px) {
  #w-node-_86ad773d-4a93-893d-a120-535c82a954e8-b7011105 {
    grid-area: Area-15
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b27-32316b25 {
    grid-area: Area-5
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b32-32316b25 {
    grid-area: Area-9
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b3d-32316b25 {
    grid-area: Area-8
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b48-32316b25 {
    grid-area: Area-17
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b53-32316b25 {
    grid-area: Area-10
  }

  #w-node-d625163c-fd92-a85e-d0b6-f4cb32316b5e-32316b25 {
    grid-area: Area-16
  }

  #w-node-bad45670-3024-de15-9486-e5cdb736c69b-b736c69b {
    grid-area: Area-15
  }
}

@media screen and (max-width:479px) {

  #w-node-_4fba533c-580f-fd59-2fc7-f5ff4f8b017a-b7011110,
  #w-node-f2df684f-4576-dd91-f087-d1bccdf9628f-b7011116 {
    grid-area: span 1/span 1/span 1/span 1
  }
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011135_Andis-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011136_Andis-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011133_Andis-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011132_Andis-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb701113f_Andis-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011137_Andis-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011134_Andis-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011140_Andis-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb701113b_Andis-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011138_Andis-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb701112c_Andis-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Andis';
  src: url('/64b119869623518eb7011141_Andis-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslonpro';
  src: url('/64b119869623518eb7011147_ACaslonPro-Bold.otf') format('opentype'), url('/64b119869623518eb7011147_ACaslonPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslonpro';
  src: url('/64b119869623518eb701113a_ACaslonPro-BoldItalic.otf') format('opentype'), url('/64b119869623518eb701113a_ACaslonPro-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslonpro';
  src: url('/64b119869623518eb7011139_ACaslonPro-Italic.otf') format('opentype'), url('/64b119869623518eb7011139_ACaslonPro-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslonpro';
  src: url('/64b119869623518eb701113c_ACaslonPro-Regular.otf') format('opentype'), url('/64b119869623518eb701113c_ACaslonPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslonpro';
  src: url('/64b119869623518eb701113e_ACaslonPro-Semibold.otf') format('opentype'), url('/64b119869623518eb701113e_ACaslonPro-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslonpro';
  src: url('/64b119869623518eb701113d_ACaslonPro-SemiboldItalic.otf') format('opentype'), url('/64b119869623518eb701113d_ACaslonPro-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon swasemita';
  src: url('/64b119869623518eb7011182_ACaslon-SwaSemIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon swaita';
  src: url('/64b119869623518eb7011180_ACaslon-SwaIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon swabolita';
  src: url('/64b119869623518eb701118f_ACaslon-SwaBolIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon altbol';
  src: url('/64b119869623518eb7011172_ACaslon-AltBol.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon altreg';
  src: url('/64b119869623518eb7011184_ACaslon-AltReg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon altbolita';
  src: url('/64b119869623518eb7011183_ACaslon-AltBolIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon altsem';
  src: url('/64b119869623518eb7011178_ACaslon-AltSem.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon altsemita';
  src: url('/64b119869623518eb7011174_ACaslon-AltSemIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon altita';
  src: url('/64b119869623518eb701118b_ACaslon-AltIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon expbol';
  src: url('/64b119869623518eb701118a_ACaslon-ExpBol.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon expbolita';
  src: url('/64b119869623518eb7011185_ACaslon-ExpBolIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon expita';
  src: url('/64b119869623518eb7011188_ACaslon-ExpIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon bol';
  src: url('/64b119869623518eb7011173_ACaslon-Bol.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon bolita';
  src: url('/64b119869623518eb701118d_ACaslon-BolIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon expsemita';
  src: url('/64b119869623518eb7011175_ACaslon-ExpSemIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon expsem';
  src: url('/64b119869623518eb701117a_ACaslon-ExpSem.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon bolitaosf';
  src: url('/64b119869623518eb7011179_ACaslon-BolItaOsF.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon expreg';
  src: url('/64b119869623518eb701118c_ACaslon-ExpReg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon ita';
  src: url('/64b119869623518eb7011186_ACaslon-Ita.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon itaosf';
  src: url('/64b119869623518eb7011187_ACaslon-ItaOsF.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon reg';
  src: url('/64b119869623518eb7011190_ACaslon-Reg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon regsc';
  src: url('/64b119869623518eb701117b_ACaslon-RegSC.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon sem';
  src: url('/64b119869623518eb701118e_ACaslon-Sem.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon semita';
  src: url('/64b119869623518eb7011176_ACaslon-SemIta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon semitaosf';
  src: url('/64b119869623518eb7011177_ACaslon-SemItaOsF.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon orn';
  src: url('/64b119869623518eb7011189_ACaslon-Orn.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Acaslon semsc';
  src: url('/64b119869623518eb7011181_ACaslon-SemSC.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'Ade Display';
  src: url('/64b11d00cdc6cdb36f6d148c_Ade-Display.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}