/* encode-sans-condensed-300 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/static/fonts/encode-sans-condensed-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/static/fonts/encode-sans-condensed-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/fonts/encode-sans-condensed-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/fonts/encode-sans-condensed-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/static/fonts/encode-sans-condensed-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/fonts/encode-sans-condensed-v10-latin-300.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}
/* encode-sans-condensed-regular - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/static/fonts/encode-sans-condensed-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/static/fonts/encode-sans-condensed-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/fonts/encode-sans-condensed-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/fonts/encode-sans-condensed-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/static/fonts/encode-sans-condensed-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/fonts/encode-sans-condensed-v10-latin-regular.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}
/* encode-sans-condensed-500 - latin */
@font-face {
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('/static/fonts/encode-sans-condensed-v10-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/static/fonts/encode-sans-condensed-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/fonts/encode-sans-condensed-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/fonts/encode-sans-condensed-v10-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/static/fonts/encode-sans-condensed-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/fonts/encode-sans-condensed-v10-latin-500.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

body {
  position: relative;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-size: 14px;
  font-weight:300;
  line-height: 1.75;
  color: #fff;
  background: #000;
}
.modal, .modal a {
  color:#000 !important;
}

.container {
  position:relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width:1200px;
  width:100%;
}
.container--narrow {
  max-width:500px;
  text-transform: uppercase;
  letter-spacing:2px;
}
.btn {
  padding: 0.5rem 1.75rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0;
}
.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}

.btn-primary:focus, .btn-primary.focus,
.btn-primary:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.btn-secondary {
  color: #fff;
  background-color: #015455;
  border-color: #fff;
  text-decoration: none;
  min-width:32.333%;
}

.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary:hover {
  color: #fff;
  background-color: #004c4d;
  border-color: #fff;
  box-shadow:none;
}


.navigation {
  padding:15px 0;
  background: #fff;
  color:#000;
  font-size:13px;
  position: absolute;
  left:0;
  bottom:0;
  right:0;
}
.navigation a {
  display: inline-block;
  padding:0 3px;
  letter-spacing:2px;
  color:#000 !important;
  text-decoration: none !important;
}
.slide {
  position: relative;
  padding:220px 25px;
}
.slide--portal {
  padding:0;
  height:100vh;
  background:url(/static/img/portal.png) 50% 50% no-repeat;
  background-size:cover;
}
.slide--image {
  padding:0 !important;
}
.content ul {
  display: inline-block;
  list-style: none;
  margin:0;
  padding:0;
}
.content ul>li {
  display: inline-block;
  list-style: none;
  margin:0;
  padding:0;
}
.content ul>li:before {
  content:'';
  position: relative;
  top:-3px;
  width:6px;
  height:6px;
  border-radius: 50%;
  background:#fff;
  margin:0 10px;
  display: inline-block;

}


#footer {
  color:#000;
  font-size: 13px;
  letter-spacing: 1px;
  padding:40px 0;
}
#footer p {
  margin-bottom: 20px;
}
#footer a {
  text-decoration: none;
  color:#000;
}
#footer a:hover {
  text-decoration: underline;
}
.footer__logo {
  display: inline-block;
  width:37px;
  height:40px;
  margin-bottom:20px;
}


/* typo */
.text-primary {
  color:#015455;
}
.bg-primary {
  color:#fff;
  background:#015455 !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  background:#004c4d !important;
}
.bg-white {
  background:#fff;
}
.bg-grey {
  background:#4d4d4d;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4, strong, b {
  font-weight:500;
}
h1, .h1 {
  font-size:13px;
  line-height:1;
  letter-spacing:2px;
  margin-bottom: 0;
  text-transform: uppercase;
}
h2, .h2 {
  font-size:18px;
  font-weight:300;
  margin-bottom: 25px;
  margin-top:0;
}
.heading {
  display: inline-block;
  padding:0 10px;
  border:1px solid #fff;
  border-width:0 1px;
  letter-spacing:2px;
}
h3, .h3 {
  font-size:13px;
}
a {
  text-decoration: underline;
  color:#fff;
  cursor: pointer;
}
a:hover,
a:focus {
  color:#fff;
  text-decoration: underline;
}

/* mobile */
@media (max-width: 767px) {
  body {
    font-size: 15px;
  }
  h3, .h3 {
    font-size:16px;
  }
  #footer {
    font-size: 14px;
    padding:30px 0;
  }
  .slide {
    padding:80px 10px;
  }
/*  h1, .h1 {
    font-size:26px;
    margin-bottom: 15px;
  }
  h2, .h2 {
      font-size:20px;
      margin-bottom:15px;
  }*/
} 


.row.gutter-width-10 {
    margin:0 -5px;
}
.row.gutter-width-10>[class^=col-] {
    padding:0 5px;
}
.row.gutter-width-16 {
    margin:0 -8px;
}
.row.gutter-width-16>[class^=col-] {
    padding:0 8px;
}
.row.gutter-width-20 {
    margin:0 -10px;
}
.row.gutter-width-20>[class^=col-] {
    padding:0 10px;
}
.slick-slide img {
    display: block;
    position: relative;
    margin: 0 auto;
}
.slider {
  position: relative;
  margin:0 auto 65px auto;
}
.slider .header-img {
  margin-bottom:0;
}
.slider .slick-arrow {
  cursor: pointer;
  position: absolute;
  top:50%;
  width:30px;
  height:30px;
  margin-top:-15px;
  color:transparent;
  background:transparent;
  border:0;
  z-index:500;
  border:3px solid #fff;
  border-width:3px 3px 0 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
    outline: 0;
}
.slider .slick-prev {
  left:20px;
  border-width:0 0 3px 3px;
}
.slider .slick-next {
  right:20px;
}