@font-face {
  font-family: 'QuaySansEF-BookSC';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/QuaySansEF-BookSC.eot");
  src: url("../fonts/QuaySansEF-BookSC.eot?#iefix") format("embedded-opentype"), url("../fonts/QuaySansEF-BookSC.woff") format("woff"), url("../fonts/QuaySansEF-BookSC.woff.ttf") format("truetype"), url("../lootsman/fonts/QuaySansEF-BookSC.woff.svg#") format("svg"); }

@font-face {
  font-family: 'QuaySansEF-MediumSC';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/QuaySansEF-MediumSC.eot");
  src: url("../fonts/QuaySansEF-MediumSC.eot?#iefix") format("embedded-opentype"), url("../fonts/QuaySansEF-MediumSC.woff") format("woff"), url("../fonts/QuaySansEF-MediumSC.woff.ttf") format("truetype"), url("../lootsman/fonts/QuaySansEF-MediumSC.woff.svg#") format("svg"); }

body {
  font-family: 'QuaySansEF-BookSC';
  font-size: 1rem;
  background: #282d63;
  line-height: 140%; }

.wrapper {
  position: relative;
  height: 100vh;
  margin: 0 auto;
  width: 100%;
  top: 0;
  left: 0; }

.logo {
  background: #282d63;
  position: fixed;
  height: auto;
  top: 40px;
  width: 300px;
  left: 40px;
  z-index: 3;
  padding-bottom: 30px; }
  .logo img {
    height: auto;
    width: 100%; }

.content {
  background: #282d63;
  color: #fff;
  height: auto;
  width: 300px;
  padding-bottom: 80px;
  position: absolute;
  top: 370px;
  left: 40px;
  overflow: auto;
  z-index: 2;
  text-align: justify;
  letter-spacing: 1px; }
  .content h1 {
    font-family: 'QuaySansEF-MediumSC';
    font-size: 1.3rem;
    letter-spacing: 3px; }
  .content a {
    color: #fff; }

.mobile-image {
  padding: 0 40px 40px 40px; }
  .mobile-image img {
    height: auto;
    width: 100%; }

.slider {
  position: fixed;
  top: 0;
  left: 380px;
  width: calc(100vw - 380px);
  height: 100vh;
  overflow: hidden;
  z-index: -1; }
  .slider .slick-track {
    display: flex;
    height: 100vh; }
  .slider .slide {
    flex: 1;
    height: 100vh;
    width: 100%; }
    .slider .slide img {
      position: absolute;
      width: 100%;
      height: calc(100% - 60px);
      top: 0 !important;
      left: 0 !important; }

.footer {
  background: #FFF;
  border-top: 5px solid #282d63;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 15px 40px;
  z-index: 100; }
  .footer ul {
    padding: 0;
    margin: 0; }
    .footer ul li {
      display: inline-block;
      list-style: none;
      margin-right: 10px;
      padding-right: 10px;
      border-right: 2px solid #000; }
      .footer ul li:last-child {
        border: 0; }
      .footer ul li a {
        font-family: 'QuaySansEF-MediumSC';
        color: #000;
        text-decoration: none; }

@media only screen and (min-width: 769px) {
  .hide-desktop {
    display: none; } }

@media only screen and (max-width: 1023px) {
  .logo {
    position: relative;
    top: 0;
    padding-top: 40px;
    width: 50%; }
  .slider {
    display: none; }
  .content {
    margin-top: 40px;
    height: auto;
    width: 100%;
    position: relative;
    width: calc(100% - 80px);
    top: auto; }
  .footer {
    position: relative;
    float: left;
    top: auto; }
    .footer ul li {
      width: 100%;
      border: none;
      margin-bottom: 7px; } }

@media only screen and (max-width: 640px) {
  .logo {
    width: calc(100% - 80px); }
  .content {
    width: calc(100% - 80px); } }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
div {
  display: block;
  box-sizing: border-box; }

audio,
canvas,
video {
  display: inline-block; }
  audio:not([controls]),
  canvas:not([controls]),
  video:not([controls]) {
    display: none;
    height: 0; }
  audio[hidden],
  canvas[hidden],
  video[hidden] {
    display: none; }

html {
  font-size: 100%; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a:focus {
  outline: #f00 thin dotted; }

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

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

h2 {
  font-size: 1.5rem;
  margin: .83rem 0; }

h3 {
  font-size: 1.17rem;
  margin: 1rem 0; }

h4 {
  font-size: 1rem;
  margin: 1.33rem 0; }

h5 {
  font-size: .83rem;
  margin: 1.67rem 0; }

h6 {
  font-size: .75rem;
  margin: 2.33rem 0; }

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

b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1rem 40px; }

dfn {
  font-style: italic; }

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

p,
pre {
  margin: 1rem 0; }

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

pre {
  white-space: pre;
  word-wrap: break-word; }

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

small {
  font-size: 75%; }

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

sup {
  top: -.5rem; }

sub {
  bottom: -.25rem; }

dl,
menu,
ol,
ul {
  margin: 1rem 0; }

dd {
  margin: 0 0 0 40px; }

menu,
ol,
ul {
  padding: 0 0 0 40px; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0; }

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

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35rem .625rem .75rem; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer; }

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

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

input[type='search'] {
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

* {
  outline: none !important; }

/*! No WCAG support */
.screen-reader-text {
  display: none; }

/*! Slick Slider */
.slick-slider {
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none; }

.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0; }
  .slick-track:before, .slick-track:after {
    content: '';
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px; }
  [dir='rtl'] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto; }

.slick-arrow.slick-hidden {
  display: none; }